azure-maps-control 3.0.0-preview.3 → 3.0.0-preview.4

package/dist/atlas-core.js

@@ -46563,7 +46563,7 @@ uniform ${precision} ${type} u_${name};
 	    return Url;
 	}());
 
-	var version = "3.0.0-preview.3";
+	var version = "3.0.0-preview.4";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -46604,27 +46604,6 @@ uniform ${precision} ${type} u_${name};
 	    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');
 	    }
@@ -50794,6 +50773,10 @@ uniform ${precision} ${type} u_${name};
 	            }
 	        });
 	        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) {
@@ -50808,6 +50791,7 @@ uniform ${precision} ${type} u_${name};
 	            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");
@@ -51073,8 +51057,8 @@ uniform ${precision} ${type} u_${name};
 	         * The type of traffic flow to display:
 	         * <p>"none" is to display no traffic flow data</p>
 	         * <p>"relative" is the speed of the road relative to free-flow</p>
-	         * <p>"absolute" is the absolute speed of the road</p>
-	         * <p>"relative-delay" displays relative speed only where they differ from free-flow;
+	         * <p>@deprecated "absolute" is the absolute speed of the road</p>
+	         * <p>@deprecated "relative-delay" displays relative speed only where they differ from free-flow;
 	         * false to stop displaying the traffic flow.</p>
 	         * default `"none"``
 	         * @default "none"
@@ -56474,6 +56458,23 @@ uniform ${precision} ${type} u_${name};
 	         * @default 0.375
 	         */
 	        _this.tolerance = 0.375;
+	        /**
+	         * Minimum number of points necessary to form a cluster if clustering is enabled.
+	         * @default 2
+	         */
+	        _this.clusterMinPoints = 2;
+	        /**
+	         * Whether to generate ids for the geojson features. When enabled, the feature.id property will be auto assigned based on its index in the features array, over-writing any previous values.
+	         */
+	        _this.generateId = false;
+	        /**
+	         * A property to use as a feature id (for feature state). Either a property name, or an object of the form {<sourceLayer>: <propertyName>}.
+	         */
+	        _this.promoteId = undefined;
+	        /**
+	         * An expression for filtering features prior to processing them for rendering.
+	         */
+	        _this.filter = undefined;
 	        return _this;
 	    }
 	    return DataSourceOptions;
@@ -56515,19 +56516,24 @@ uniform ${precision} ${type} u_${name};
 	     * Get reference to Mapbox Map
 	     * @internal
 	     */
-	    Source.prototype._setMap = function (map) {
+	    Source.prototype._setMap = function (map, shouldInvokeEvent) {
+	        if (shouldInvokeEvent === void 0) { shouldInvokeEvent = true; }
 	        if (map == null || map === undefined) {
 	            var temp = this.map;
 	            delete this.map;
-	            this._invokeEvent("sourceremoved", this);
-	            if (temp) {
-	                temp.events.invoke("sourceremoved", this);
+	            if (shouldInvokeEvent) {
+	                this._invokeEvent("sourceremoved", this);
+	                if (temp) {
+	                    temp.events.invoke("sourceremoved", this);
+	                }
 	            }
 	        }
 	        else {
 	            this.map = map;
-	            this._invokeEvent("sourceadded", this);
-	            this.map.events.invoke("sourceadded", this);
+	            if (shouldInvokeEvent) {
+	                this._invokeEvent("sourceadded", this);
+	                this.map.events.invoke("sourceadded", this);
+	            }
 	        }
 	    };
 	    return Source;
@@ -56841,13 +56847,38 @@ uniform ${precision} ${type} u_${name};
 	            tolerance: this.options.tolerance,
 	            lineMetrics: this.options.lineMetrics,
 	            clusterProperties: this.options.clusterProperties,
-	            buffer: this.options.buffer
+	            buffer: this.options.buffer,
+	            clusterMinPoints: this.options.clusterMinPoints,
+	            generateId: this.options.generateId,
+	            promoteId: this.options.promoteId,
+	            filter: this.options.filter
 	        };
 	        if (typeof this.options.clusterMaxZoom === "number") {
 	            geoJsonSource.clusterMaxZoom = this.options.clusterMaxZoom;
 	        }
 	        return geoJsonSource;
 	    };
+	    DataSource.prototype._isDeepEqual = function (other) {
+	        if (this.constructor !== other.constructor) {
+	            return false;
+	        }
+	        var source = this._buildSource();
+	        var otherSource = other._buildSource();
+	        return source.type === otherSource.type &&
+	            // no data comparison since it is costly and not needed. If geojson data is different, but other source properties are same, we treat it as an update.
+	            //source.data === otherSource.data &&
+	            source.maxzoom === otherSource.maxzoom &&
+	            source.cluster === otherSource.cluster &&
+	            source.clusterRadius === otherSource.clusterRadius &&
+	            source.tolerance === otherSource.tolerance &&
+	            source.lineMetrics === otherSource.lineMetrics &&
+	            JSON.stringify(source.clusterProperties) === JSON.stringify(otherSource.clusterProperties) &&
+	            source.buffer === otherSource.buffer &&
+	            source.clusterMinPoints === otherSource.clusterMinPoints &&
+	            source.generateId === otherSource.generateId &&
+	            source.promoteId === otherSource.promoteId &&
+	            source.filter === otherSource.filter;
+	    };
 	    /**
 	     * @internal
 	     */
@@ -57129,19 +57160,262 @@ uniform ${precision} ${type} u_${name};
 	        }
 	        return vectorSource;
 	    };
+	    /**
+	     * @internal
+	     */
+	    VectorTileSource.prototype._isDeepEqual = function (other) {
+	        if (this.constructor !== other.constructor) {
+	            return false;
+	        }
+	        var source = this._buildSource();
+	        var otherSource = other._buildSource();
+	        return source.type === otherSource.type &&
+	            source.url === otherSource.url &&
+	            ((source.tiles === undefined && otherSource.tiles === undefined) ||
+	                (source.tiles && otherSource.tiles && source.tiles.length === otherSource.tiles.length && source.tiles.every(function (value, idx) { return value === otherSource.tiles[idx]; }))) &&
+	            source.minzoom === otherSource.minzoom &&
+	            source.maxzoom === otherSource.maxzoom &&
+	            source.bounds === otherSource.bounds &&
+	            source.attribution === otherSource.attribution &&
+	            source.promoteId === otherSource.promoteId &&
+	            source.scheme === otherSource.scheme;
+	    };
 	    return VectorTileSource;
 	}(Source));
 
+	var __extends$p = (window && window.__extends) || (function () {
+	    var extendStatics = function (d, b) {
+	        extendStatics = Object.setPrototypeOf ||
+	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+	            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+	        return extendStatics(d, b);
+	    };
+	    return function (d, b) {
+	        if (typeof b !== "function" && b !== null)
+	            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+	        extendStatics(d, b);
+	        function __() { this.constructor = d; }
+	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+	    };
+	})();
+	/**
+	 * Used to represent the canvas source wrapper.
+	 * This is not meant to be exposed publicly yet
+	 * @private
+	 */
+	var CanvasSource = /** @class */ (function (_super) {
+	    __extends$p(CanvasSource, _super);
+	    /**
+	     * Constructs a source from the contents of a layer resource file.
+	     * @param id The source's id.
+	     * @param sourceDef Canvas source specification.
+	     * @param options Unused for now
+	     */
+	    function CanvasSource(id, sourceDef, options) {
+	        var _this = _super.call(this, id) || this;
+	        _this.source = sourceDef;
+	        return _this;
+	    }
+	    /**
+	     * @internal
+	     */
+	    CanvasSource.prototype._isDeepEqual = function (other) {
+	        if (this.constructor !== other.constructor) {
+	            return false;
+	        }
+	        var source = this.source;
+	        var otherSource = other.source;
+	        return source.type === otherSource.type
+	            && source.canvas === otherSource.canvas
+	            && JSON.stringify(source.coordinates) === JSON.stringify(otherSource.coordinates)
+	            && source.animate === otherSource.animate;
+	    };
+	    /**
+	     * @internal
+	     */
+	    CanvasSource.prototype._buildSource = function () {
+	        return this.source;
+	    };
+	    return CanvasSource;
+	}(Source));
+
+	var __extends$q = (window && window.__extends) || (function () {
+	    var extendStatics = function (d, b) {
+	        extendStatics = Object.setPrototypeOf ||
+	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+	            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+	        return extendStatics(d, b);
+	    };
+	    return function (d, b) {
+	        if (typeof b !== "function" && b !== null)
+	            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+	        extendStatics(d, b);
+	        function __() { this.constructor = d; }
+	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+	    };
+	})();
+	/**
+	 * Used to represent an unkown source wrapper.
+	 * This is not meant to be exposed publicly yet
+	 * @private
+	 */
+	var UnknownSource = /** @class */ (function (_super) {
+	    __extends$q(UnknownSource, _super);
+	    /**
+	     * Constructs a source from the contents of a layer resource file.
+	     * @param id The source's id.
+	     * @param sourceDef source specification.
+	     * @param options Unused for now
+	     */
+	    function UnknownSource(id, sourceDef, options) {
+	        var _this = _super.call(this, id) || this;
+	        _this.source = sourceDef;
+	        return _this;
+	    }
+	    /**
+	     * @internal
+	     */
+	    UnknownSource.prototype._isDeepEqual = function (other) {
+	        if (this.constructor !== other.constructor) {
+	            return false;
+	        }
+	        var source = this.source;
+	        var otherSource = other.source;
+	        return source.type === otherSource.type;
+	    };
+	    /**
+	     * @internal
+	     */
+	    UnknownSource.prototype._buildSource = function () {
+	        return this.source;
+	    };
+	    return UnknownSource;
+	}(Source));
+
+	var __extends$r = (window && window.__extends) || (function () {
+	    var extendStatics = function (d, b) {
+	        extendStatics = Object.setPrototypeOf ||
+	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+	            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+	        return extendStatics(d, b);
+	    };
+	    return function (d, b) {
+	        if (typeof b !== "function" && b !== null)
+	            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+	        extendStatics(d, b);
+	        function __() { this.constructor = d; }
+	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+	    };
+	})();
+	/**
+	 * Used to represent the image source wrapper.
+	 * This is not meant to be exposed publicly yet
+	 * @private
+	 */
+	var ImageSource = /** @class */ (function (_super) {
+	    __extends$r(ImageSource, _super);
+	    /**
+	     * Constructs a source from the contents of a layer resource file.
+	     * @param id The source's id.
+	     * @param sourceDef Image source specification.
+	     * @param options Unused for now
+	     */
+	    function ImageSource(id, sourceDef, options) {
+	        var _this = _super.call(this, id) || this;
+	        _this.source = sourceDef;
+	        return _this;
+	    }
+	    /**
+	     * @internal
+	     */
+	    ImageSource.prototype._isDeepEqual = function (other) {
+	        if (this.constructor !== other.constructor) {
+	            return false;
+	        }
+	        var source = this.source;
+	        var otherSource = other.source;
+	        return source.type === otherSource.type
+	            && JSON.stringify(source.coordinates) === JSON.stringify(otherSource.coordinates)
+	            && source.url === otherSource.url;
+	    };
+	    /**
+	     * @internal
+	     */
+	    ImageSource.prototype._buildSource = function () {
+	        return this.source;
+	    };
+	    return ImageSource;
+	}(Source));
+
+	var __extends$s = (window && window.__extends) || (function () {
+	    var extendStatics = function (d, b) {
+	        extendStatics = Object.setPrototypeOf ||
+	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+	            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+	        return extendStatics(d, b);
+	    };
+	    return function (d, b) {
+	        if (typeof b !== "function" && b !== null)
+	            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+	        extendStatics(d, b);
+	        function __() { this.constructor = d; }
+	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+	    };
+	})();
+	/**
+	 * Used to represent the video source wrapper.
+	 * This is not meant to be exposed publicly yet
+	 * @private
+	 */
+	var VideoSource = /** @class */ (function (_super) {
+	    __extends$s(VideoSource, _super);
+	    /**
+	     * Constructs a source from the contents of a layer resource file.
+	     * @param id The source's id.
+	     * @param sourceDef Video source specification.
+	     * @param options Unused for now
+	     */
+	    function VideoSource(id, sourceDef, options) {
+	        var _this = _super.call(this, id) || this;
+	        _this.source = sourceDef;
+	        return _this;
+	    }
+	    /**
+	     * @internal
+	     */
+	    VideoSource.prototype._isDeepEqual = function (other) {
+	        if (this.constructor !== other.constructor) {
+	            return false;
+	        }
+	        var source = this.source;
+	        var otherSource = other.source;
+	        return source.type === otherSource.type
+	            && JSON.stringify(source.coordinates) === JSON.stringify(otherSource.coordinates)
+	            && source.urls === otherSource.urls;
+	    };
+	    /**
+	     * @internal
+	     */
+	    VideoSource.prototype._buildSource = function () {
+	        return this.source;
+	    };
+	    return VideoSource;
+	}(Source));
+
 
 
 	var index$4 = /*#__PURE__*/Object.freeze({
 		__proto__: null,
 		Source: Source,
 		DataSource: DataSource,
-		VectorTileSource: VectorTileSource
+		VectorTileSource: VectorTileSource,
+		CanvasSource: CanvasSource,
+		ImageSource: ImageSource,
+		VideoSource: VideoSource,
+		UnknownSource: UnknownSource
 	});
 
-	var __extends$p = (window && window.__extends) || (function () {
+	var __extends$t = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57160,7 +57434,7 @@ uniform ${precision} ${type} u_${name};
 	 * Abstract class for other layer classes to extend.
 	 */
 	var Layer = /** @class */ (function (_super) {
-	    __extends$p(Layer, _super);
+	    __extends$t(Layer, _super);
 	    function Layer(id) {
 	        var _this = 
 	        // Assign an random id using a UUID if none was specified.
@@ -57265,7 +57539,7 @@ uniform ${precision} ${type} u_${name};
 	    return Layer;
 	}(EventEmitter));
 
-	var __extends$q = (window && window.__extends) || (function () {
+	var __extends$u = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57284,7 +57558,7 @@ uniform ${precision} ${type} u_${name};
 	 * A base class which all other layer options inherit from.
 	 */
 	var LayerOptions = /** @class */ (function (_super) {
-	    __extends$q(LayerOptions, _super);
+	    __extends$u(LayerOptions, _super);
 	    function LayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -57331,7 +57605,7 @@ uniform ${precision} ${type} u_${name};
 	    return LayerOptions;
 	}(Options));
 
-	var __extends$r = (window && window.__extends) || (function () {
+	var __extends$v = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57350,7 +57624,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used when rendering Point objects in a BubbleLayer.
 	 */
 	var BubbleLayerOptions = /** @class */ (function (_super) {
-	    __extends$r(BubbleLayerOptions, _super);
+	    __extends$v(BubbleLayerOptions, _super);
 	    function BubbleLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -57420,7 +57694,7 @@ uniform ${precision} ${type} u_${name};
 	    return BubbleLayerOptions;
 	}(LayerOptions));
 
-	var __extends$s = (window && window.__extends) || (function () {
+	var __extends$w = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57439,7 +57713,7 @@ uniform ${precision} ${type} u_${name};
 	 * Renders Point objects as scalable circles (bubbles).
 	 */
 	var BubbleLayer = /** @class */ (function (_super) {
-	    __extends$s(BubbleLayer, _super);
+	    __extends$w(BubbleLayer, _super);
 	    /**
 	     * Constructs a new BubbleLayer.
 	     * @param source The id or instance of a data source which the layer will render.
@@ -57549,7 +57823,7 @@ uniform ${precision} ${type} u_${name};
 	    return BubbleLayer;
 	}(Layer));
 
-	var __extends$t = (window && window.__extends) || (function () {
+	var __extends$x = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57568,7 +57842,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used when rendering Point objects in a HeatMapLayer.
 	 */
 	var HeatMapLayerOptions = /** @class */ (function (_super) {
-	    __extends$t(HeatMapLayerOptions, _super);
+	    __extends$x(HeatMapLayerOptions, _super);
 	    function HeatMapLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -57635,7 +57909,7 @@ uniform ${precision} ${type} u_${name};
 	    return HeatMapLayerOptions;
 	}(LayerOptions));
 
-	var __extends$u = (window && window.__extends) || (function () {
+	var __extends$y = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57654,7 +57928,7 @@ uniform ${precision} ${type} u_${name};
 	 * Represent the density of data using different colors (HeatMap).
 	 */
 	var HeatMapLayer = /** @class */ (function (_super) {
-	    __extends$u(HeatMapLayer, _super);
+	    __extends$y(HeatMapLayer, _super);
 	    /**
 	     * Constructs a new HeatMapLayer.
 	     * @param source The id or instance of a data source which the layer will render.
@@ -57758,7 +58032,7 @@ uniform ${precision} ${type} u_${name};
 	    return HeatMapLayer;
 	}(Layer));
 
-	var __extends$v = (window && window.__extends) || (function () {
+	var __extends$z = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57777,7 +58051,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used when rendering canvas, image, raster tile, and video layers
 	 */
 	var MediaLayerOptions = /** @class */ (function (_super) {
-	    __extends$v(MediaLayerOptions, _super);
+	    __extends$z(MediaLayerOptions, _super);
 	    function MediaLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -57829,7 +58103,7 @@ uniform ${precision} ${type} u_${name};
 	    return MediaLayerOptions;
 	}(LayerOptions));
 
-	var __extends$w = (window && window.__extends) || (function () {
+	var __extends$A = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57848,7 +58122,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used when rendering Point objects in a ImageLayer.
 	 */
 	var ImageLayerOptions = /** @class */ (function (_super) {
-	    __extends$w(ImageLayerOptions, _super);
+	    __extends$A(ImageLayerOptions, _super);
 	    function ImageLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -57878,7 +58152,7 @@ uniform ${precision} ${type} u_${name};
 	    return ImageLayerOptions;
 	}(MediaLayerOptions));
 
-	var __extends$x = (window && window.__extends) || (function () {
+	var __extends$B = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57898,7 +58172,7 @@ uniform ${precision} ${type} u_${name};
 	 * @internal
 	 */
 	var SourceBuildingLayer = /** @class */ (function (_super) {
-	    __extends$x(SourceBuildingLayer, _super);
+	    __extends$B(SourceBuildingLayer, _super);
 	    function SourceBuildingLayer() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -57910,10 +58184,13 @@ uniform ${precision} ${type} u_${name};
 	        ids.add(this._getSourceId());
 	        return ids;
 	    };
+	    SourceBuildingLayer.prototype.onAdd = function (map) {
+	        _super.prototype.onAdd.call(this, map);
+	    };
 	    return SourceBuildingLayer;
 	}(Layer));
 
-	var __extends$y = (window && window.__extends) || (function () {
+	var __extends$C = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -57932,7 +58209,7 @@ uniform ${precision} ${type} u_${name};
 	 * Overlays an image on the map with each corner anchored to a coordinate on the map. Also known as a ground or image overlay.
 	 */
 	var ImageLayer = /** @class */ (function (_super) {
-	    __extends$y(ImageLayer, _super);
+	    __extends$C(ImageLayer, _super);
 	    /**
 	     * Constructs a new ImageLayer.
 	     * @param id The id of the layer. If not specified a random one will be generated.
@@ -58132,10 +58409,15 @@ uniform ${precision} ${type} u_${name};
 	            this.transform = Promise.resolve(new AffineTransform(corners, this.options.coordinates));
 	        }
 	    };
+	    ImageLayer.prototype._getSourceWrapper = function () {
+	        var sourceId = this._getSourceId();
+	        var source = this._buildSource();
+	        return new ImageSource(sourceId, source);
+	    };
 	    return ImageLayer;
 	}(SourceBuildingLayer));
 
-	var __extends$z = (window && window.__extends) || (function () {
+	var __extends$D = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58155,7 +58437,7 @@ uniform ${precision} ${type} u_${name};
 	 * LineString, MultiLineString, Polygon, and MultiPolygon objects in a line layer.
 	 */
 	var LineLayerOptions = /** @class */ (function (_super) {
-	    __extends$z(LineLayerOptions, _super);
+	    __extends$D(LineLayerOptions, _super);
 	    function LineLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -58255,7 +58537,7 @@ uniform ${precision} ${type} u_${name};
 	    return LineLayerOptions;
 	}(LayerOptions));
 
-	var __extends$A = (window && window.__extends) || (function () {
+	var __extends$E = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58286,7 +58568,7 @@ uniform ${precision} ${type} u_${name};
 	 * CirclePolygon, LineString, MultiLineString, Polygon, and MultiPolygon objects.
 	 */
 	var LineLayer = /** @class */ (function (_super) {
-	    __extends$A(LineLayer, _super);
+	    __extends$E(LineLayer, _super);
 	    /**
 	     * Constructs a new LineLayer.
 	     * @param source The id or instance of a data source which the layer will render.
@@ -58377,7 +58659,7 @@ uniform ${precision} ${type} u_${name};
 	    return LineLayer;
 	}(Layer));
 
-	var __extends$B = (window && window.__extends) || (function () {
+	var __extends$F = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58396,7 +58678,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used when rendering `Polygon` and `MultiPolygon` objects in a `PolygonExtrusionLayer`.
 	 */
 	var PolygonExtrusionLayerOptions = /** @class */ (function (_super) {
-	    __extends$B(PolygonExtrusionLayerOptions, _super);
+	    __extends$F(PolygonExtrusionLayerOptions, _super);
 	    function PolygonExtrusionLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -58469,7 +58751,7 @@ uniform ${precision} ${type} u_${name};
 	    return PolygonExtrusionLayerOptions;
 	}(LayerOptions));
 
-	var __extends$C = (window && window.__extends) || (function () {
+	var __extends$G = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58499,7 +58781,7 @@ uniform ${precision} ${type} u_${name};
 	 * Renders extruded filled `Polygon` and `MultiPolygon` objects on the map.
 	 */
 	var PolygonExtrusionLayer = /** @class */ (function (_super) {
-	    __extends$C(PolygonExtrusionLayer, _super);
+	    __extends$G(PolygonExtrusionLayer, _super);
 	    /**
 	     * Constructs a new PolygonExtrusionLayer.
 	     * @param source The id or instance of a data source which the layer will render.
@@ -58587,7 +58869,7 @@ uniform ${precision} ${type} u_${name};
 	    return PolygonExtrusionLayer;
 	}(Layer));
 
-	var __extends$D = (window && window.__extends) || (function () {
+	var __extends$H = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58638,7 +58920,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used when rendering Polygon and MultiPolygon objects in a PolygonLayer.
 	 */
 	var PolygonLayerOptions = /** @class */ (function (_super) {
-	    __extends$D(PolygonLayerOptions, _super);
+	    __extends$H(PolygonLayerOptions, _super);
 	    function PolygonLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -58716,7 +58998,7 @@ uniform ${precision} ${type} u_${name};
 	    return PolygonLayerOptions;
 	}(LayerOptions));
 
-	var __extends$E = (window && window.__extends) || (function () {
+	var __extends$I = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58735,7 +59017,7 @@ uniform ${precision} ${type} u_${name};
 	 * Renders filled Polygon and MultiPolygon objects on the map.
 	 */
 	var PolygonLayer = /** @class */ (function (_super) {
-	    __extends$E(PolygonLayer, _super);
+	    __extends$I(PolygonLayer, _super);
 	    /**
 	     * Constructs a new PolygonLayer.
 	     * @param source The id or instance of a data source which the layer will render.
@@ -58841,7 +59123,7 @@ uniform ${precision} ${type} u_${name};
 	    return PolygonLayer;
 	}(Layer));
 
-	var __extends$F = (window && window.__extends) || (function () {
+	var __extends$J = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58860,7 +59142,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used to customize the icons in a SymbolLayer
 	 */
 	var IconOptions = /** @class */ (function (_super) {
-	    __extends$F(IconOptions, _super);
+	    __extends$J(IconOptions, _super);
 	    function IconOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -58970,7 +59252,7 @@ uniform ${precision} ${type} u_${name};
 	    return IconOptions;
 	}(Options));
 
-	var __extends$G = (window && window.__extends) || (function () {
+	var __extends$K = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -58989,7 +59271,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used to customize the text in a SymbolLayer
 	 */
 	var TextOptions = /** @class */ (function (_super) {
-	    __extends$G(TextOptions, _super);
+	    __extends$K(TextOptions, _super);
 	    function TextOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -59143,7 +59425,7 @@ uniform ${precision} ${type} u_${name};
 	    return TextOptions;
 	}(Options));
 
-	var __extends$H = (window && window.__extends) || (function () {
+	var __extends$L = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -59162,7 +59444,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used when rendering geometries in a SymbolLayer.
 	 */
 	var SymbolLayerOptions = /** @class */ (function (_super) {
-	    __extends$H(SymbolLayerOptions, _super);
+	    __extends$L(SymbolLayerOptions, _super);
 	    function SymbolLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -59220,7 +59502,7 @@ uniform ${precision} ${type} u_${name};
 	    return SymbolLayerOptions;
 	}(LayerOptions));
 
-	var __extends$I = (window && window.__extends) || (function () {
+	var __extends$M = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -59251,7 +59533,7 @@ uniform ${precision} ${type} u_${name};
 	 * Symbols can also be created for line and polygon data as well.
 	 */
 	var SymbolLayer = /** @class */ (function (_super) {
-	    __extends$I(SymbolLayer, _super);
+	    __extends$M(SymbolLayer, _super);
 	    /**
 	     * Constructs a new SymbolLayer.
 	     * @param source The id or instance of a data source which the layer will render.
@@ -59393,7 +59675,124 @@ uniform ${precision} ${type} u_${name};
 	    return SymbolLayer;
 	}(Layer));
 
-	var __extends$J = (window && window.__extends) || (function () {
+	var __extends$N = (window && window.__extends) || (function () {
+	    var extendStatics = function (d, b) {
+	        extendStatics = Object.setPrototypeOf ||
+	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+	            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+	        return extendStatics(d, b);
+	    };
+	    return function (d, b) {
+	        if (typeof b !== "function" && b !== null)
+	            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+	        extendStatics(d, b);
+	        function __() { this.constructor = d; }
+	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+	    };
+	})();
+	var __assign$3 = (window && window.__assign) || function () {
+	    __assign$3 = Object.assign || function(t) {
+	        for (var s, i = 1, n = arguments.length; i < n; i++) {
+	            s = arguments[i];
+	            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+	                t[p] = s[p];
+	        }
+	        return t;
+	    };
+	    return __assign$3.apply(this, arguments);
+	};
+	/**
+	 * Used to represent the fundamental map source.
+	 * @private
+	 */
+	var FundamentalMapSource = /** @class */ (function (_super) {
+	    __extends$N(FundamentalMapSource, _super);
+	    /**
+	     * Constructs a source from the contents of a layer resource file.
+	     * @param id The source's id.
+	     * @param sourceDef The sources entry of the resource file.
+	     * @param options The query parameters to add to the urls listed in the resource file.
+	     */
+	    function FundamentalMapSource(id, sourceDef, options) {
+	        var _this = _super.call(this, id) || this;
+	        _this.source = _this._modifySource(sourceDef, options);
+	        return _this;
+	    }
+	    /**
+	     * @internal
+	     */
+	    FundamentalMapSource.prototype._buildSource = function () {
+	        return this.source;
+	    };
+	    /**
+	     * @internal
+	     */
+	    FundamentalMapSource.prototype._isDeepEqual = function (other) {
+	        if (this.constructor !== other.constructor) {
+	            return false;
+	        }
+	        var source = this.source;
+	        var otherSource = other.source;
+	        var baseEqual = source.type === otherSource.type &&
+	            source.url === otherSource.url
+	            && ((source.tiles === undefined && otherSource.tiles === undefined) ||
+	                (source.tiles && otherSource.tiles && source.tiles.length === otherSource.tiles.length && source.tiles.every(function (value, idx) { return value === otherSource.tiles[idx]; })))
+	            && source.minzoom === otherSource.minzoom
+	            && source.maxzoom === otherSource.maxzoom
+	            && source.bounds === otherSource.bounds
+	            && source.attribution === otherSource.attribution;
+	        var rasterEqual = source.type !== "raster" || (source.type === "raster"
+	            && source.type === otherSource.type
+	            && source.tileSize === otherSource.tileSize
+	            && source.scheme === otherSource.scheme);
+	        var rasterDemEqual = source.type !== "raster-dem" || (source.type === "raster-dem"
+	            && source.type === otherSource.type
+	            && source.tileSize === otherSource.tileSize
+	            && source.encoding === otherSource.encoding);
+	        var vectorEqual = source.type !== "vector" || (source.type === "vector"
+	            && source.type === otherSource.type
+	            && source.promoteId === otherSource.promoteId
+	            && source.scheme === otherSource.scheme);
+	        return baseEqual && rasterEqual && rasterDemEqual && vectorEqual;
+	    };
+	    /**
+	     * Updates the source info to convert the tiles to url strings.
+	     * @param sourceDef The original source info.
+	     * @param options The query parameters to add to the tile urls.
+	     */
+	    FundamentalMapSource.prototype._modifySource = function (sourceDef, options) {
+	        if (sourceDef.tiles) {
+	            var tileStrings = sourceDef.tiles.map(function (tile) {
+	                if (typeof tile === "string") {
+	                    return tile;
+	                }
+	                var tileUrl = new Url({
+	                    domain: constants.domainPlaceHolder,
+	                    path: tile.path,
+	                    queryParams: __assign$3(__assign$3({}, options), tile.queryParams)
+	                });
+	                return tileUrl.toString();
+	            });
+	            sourceDef.tiles = tileStrings;
+	        }
+	        else if (sourceDef.url) {
+	            sourceDef.url = (typeof sourceDef.url === "string") ?
+	                sourceDef.url :
+	                new Url({
+	                    domain: constants.domainPlaceHolder,
+	                    path: sourceDef.url.path,
+	                    queryParams: __assign$3(__assign$3({}, options), sourceDef.url.queryParams)
+	                }).toString();
+	        }
+	        else {
+	            throw new Error("Source definition must define a TileJSON 'url' or a 'tiles' array.");
+	        }
+	        return sourceDef;
+	    };
+	    return FundamentalMapSource;
+	}(Source));
+
+	var __extends$O = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -59412,7 +59811,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used when rendering raster tiled images in a TileLayer.
 	 */
 	var TileLayerOptions = /** @class */ (function (_super) {
-	    __extends$J(TileLayerOptions, _super);
+	    __extends$O(TileLayerOptions, _super);
 	    function TileLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -59468,7 +59867,7 @@ uniform ${precision} ${type} u_${name};
 	    return TileLayerOptions;
 	}(MediaLayerOptions));
 
-	var __extends$K = (window && window.__extends) || (function () {
+	var __extends$P = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -59483,8 +59882,8 @@ uniform ${precision} ${type} u_${name};
 	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	    };
 	})();
-	var __assign$3 = (window && window.__assign) || function () {
-	    __assign$3 = Object.assign || function(t) {
+	var __assign$4 = (window && window.__assign) || function () {
+	    __assign$4 = Object.assign || function(t) {
 	        for (var s, i = 1, n = arguments.length; i < n; i++) {
 	            s = arguments[i];
 	            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -59492,7 +59891,7 @@ uniform ${precision} ${type} u_${name};
 	        }
 	        return t;
 	    };
-	    return __assign$3.apply(this, arguments);
+	    return __assign$4.apply(this, arguments);
 	};
 	var __values$8 = (window && window.__values) || function(o) {
 	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
@@ -59509,7 +59908,7 @@ uniform ${precision} ${type} u_${name};
 	 * Renders raster tiled images on top of the map tiles.
 	 */
 	var TileLayer = /** @class */ (function (_super) {
-	    __extends$K(TileLayer, _super);
+	    __extends$P(TileLayer, _super);
 	    /**
 	     * Constructs a new TileLayer.
 	     * @param options The options for the tile layer.
@@ -59571,7 +59970,7 @@ uniform ${precision} ${type} u_${name};
 	     * @internal
 	     */
 	    TileLayer.prototype._buildLayers = function () {
-	        var layer = __assign$3(__assign$3({ id: this.id, type: "raster", source: this._getSourceId(), layout: {
+	        var layer = __assign$4(__assign$4({ id: this.id, type: "raster", source: this._getSourceId(), layout: {
 	                visibility: this.options.visible ? "visible" : "none"
 	            }, paint: {
 	                "raster-contrast": this.options.contrast,
@@ -59640,7 +60039,7 @@ uniform ${precision} ${type} u_${name};
 	                };
 	            }
 	        }
-	        return __assign$3({ type: "raster", bounds: this.options.bounds, maxzoom: this.options.maxSourceZoom, minzoom: this.options.minSourceZoom, scheme: this.options.isTMS ? "tms" : "xyz", tileSize: this.options.tileSize }, (tiles && { tiles: tiles }));
+	        return __assign$4({ type: "raster", bounds: this.options.bounds, maxzoom: this.options.maxSourceZoom, minzoom: this.options.minSourceZoom, scheme: this.options.isTMS ? "tms" : "xyz", tileSize: this.options.tileSize }, (tiles && { tiles: tiles }));
 	    };
 	    /**
 	     * Gets the id of the source to be paired with this layer.
@@ -59649,10 +60048,20 @@ uniform ${precision} ${type} u_${name};
 	    TileLayer.prototype._getSourceId = function () {
 	        return this.getId() + "-RasterSource";
 	    };
+	    TileLayer.prototype._getSourceWrapper = function () {
+	        var sourceId = this._getSourceId();
+	        var source = this._buildSource();
+	        return new FundamentalMapSource(sourceId, {
+	            name: sourceId,
+	            tiles: source.tiles,
+	            type: source.type,
+	            url: source.url
+	        });
+	    };
 	    return TileLayer;
 	}(SourceBuildingLayer));
 
-	var __extends$L = (window && window.__extends) || (function () {
+	var __extends$Q = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -59671,7 +60080,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options used to render graphics in a WebGLLayer.
 	 */
 	var WebGLLayerOptions = /** @class */ (function (_super) {
-	    __extends$L(WebGLLayerOptions, _super);
+	    __extends$Q(WebGLLayerOptions, _super);
 	    function WebGLLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -59683,7 +60092,7 @@ uniform ${precision} ${type} u_${name};
 	    return WebGLLayerOptions;
 	}(LayerOptions));
 
-	var __extends$M = (window && window.__extends) || (function () {
+	var __extends$R = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -59702,7 +60111,7 @@ uniform ${precision} ${type} u_${name};
 	 * Enables custom rendering logic with access to the WebGL context of the map.
 	 */
 	var WebGLLayer = /** @class */ (function (_super) {
-	    __extends$M(WebGLLayer, _super);
+	    __extends$R(WebGLLayer, _super);
 	    /**
 	     * Constructs a new WebGLLayer.
 	     * @param id The id of the layer. If not specified a random one will be generated.
@@ -59932,7 +60341,7 @@ uniform ${precision} ${type} u_${name};
 
 	var isElement_1 = isElement;
 
-	var __extends$N = (window && window.__extends) || (function () {
+	var __extends$S = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -59951,7 +60360,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a popup.
 	 */
 	var PopupOptions = /** @class */ (function (_super) {
-	    __extends$N(PopupOptions, _super);
+	    __extends$S(PopupOptions, _super);
 	    function PopupOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -60020,7 +60429,7 @@ uniform ${precision} ${type} u_${name};
 	    return PopupOptions;
 	}(Options));
 
-	var __extends$O = (window && window.__extends) || (function () {
+	var __extends$T = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -60055,7 +60464,7 @@ uniform ${precision} ${type} u_${name};
 	 * An information window anchored at a specified position on a map.
 	 */
 	var Popup = /** @class */ (function (_super) {
-	    __extends$O(Popup, _super);
+	    __extends$T(Popup, _super);
 	    /**
 	     * Constructs a Popup object and initializes it with the specified options.
 	     * @param options The options for the popup.
@@ -60526,7 +60935,7 @@ uniform ${precision} ${type} u_${name};
 	    return Popup;
 	}(EventEmitter));
 
-	var __extends$P = (window && window.__extends) || (function () {
+	var __extends$U = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -60545,7 +60954,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options for rendering an HtmlMarker object
 	 */
 	var HtmlMarkerOptions = /** @class */ (function (_super) {
-	    __extends$P(HtmlMarkerOptions, _super);
+	    __extends$U(HtmlMarkerOptions, _super);
 	    function HtmlMarkerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -60623,7 +61032,7 @@ uniform ${precision} ${type} u_${name};
 	    return HtmlMarkerOptions;
 	}(Options));
 
-	var __extends$Q = (window && window.__extends) || (function () {
+	var __extends$V = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -60642,7 +61051,7 @@ uniform ${precision} ${type} u_${name};
 	 * This class wraps an HTML element that can be displayed on the map.
 	 */
 	var HtmlMarker = /** @class */ (function (_super) {
-	    __extends$Q(HtmlMarker, _super);
+	    __extends$V(HtmlMarker, _super);
 	    /**
 	     * Constructs a new HtmlMarker.
 	     * @param options The options for the HtmlMarker.
@@ -61367,7 +61776,7 @@ uniform ${precision} ${type} u_${name};
 	    return UserAgent;
 	}());
 
-	var __extends$R = (window && window.__extends) || (function () {
+	var __extends$W = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -61433,7 +61842,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options for specifying how the map control should authenticate with the Azure Maps services.
 	 */
 	var AuthenticationOptions = /** @class */ (function (_super) {
-	    __extends$R(AuthenticationOptions, _super);
+	    __extends$W(AuthenticationOptions, _super);
 	    function AuthenticationOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -62034,7 +62443,7 @@ uniform ${precision} ${type} u_${name};
 	    return Media;
 	}());
 
-	var __extends$S = (window && window.__extends) || (function () {
+	var __extends$X = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -62053,7 +62462,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a CopyrightControl object.
 	 */
 	var CopyrightControlOptions = /** @class */ (function (_super) {
-	    __extends$S(CopyrightControlOptions, _super);
+	    __extends$X(CopyrightControlOptions, _super);
 	    function CopyrightControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -62082,7 +62491,7 @@ uniform ${precision} ${type} u_${name};
 	    return CopyrightControlOptions;
 	}(Options));
 
-	var __extends$T = (window && window.__extends) || (function () {
+	var __extends$Y = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -62101,7 +62510,7 @@ uniform ${precision} ${type} u_${name};
 	 * @private
 	 */
 	var CopyrightControl = /** @class */ (function (_super) {
-	    __extends$T(CopyrightControl, _super);
+	    __extends$Y(CopyrightControl, _super);
 	    function CopyrightControl(options) {
 	        var _this = _super.call(this) || this;
 	        _this.textAttribution = function (options) {
@@ -62289,8 +62698,8 @@ uniform ${precision} ${type} u_${name};
 	    return ErrorHandler;
 	}());
 
-	var __assign$4 = (window && window.__assign) || function () {
-	    __assign$4 = Object.assign || function(t) {
+	var __assign$5 = (window && window.__assign) || function () {
+	    __assign$5 = Object.assign || function(t) {
 	        for (var s, i = 1, n = arguments.length; i < n; i++) {
 	            s = arguments[i];
 	            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -62298,7 +62707,7 @@ uniform ${precision} ${type} u_${name};
 	        }
 	        return t;
 	    };
-	    return __assign$4.apply(this, arguments);
+	    return __assign$5.apply(this, arguments);
 	};
 	/**
 	 * @private
@@ -62313,7 +62722,7 @@ uniform ${precision} ${type} u_${name};
 	        var urlOptions = {
 	            domain: domain,
 	            path: "search/address/reverse/json",
-	            queryParams: __assign$4({ "api-version": "1.0", "language": options.style.language, "limit": 1, "query": normalizeLatitude(options.position[1]) + "," + normalizeLongitude(options.position[0]) }, (options.style.view && { view: options.style.view }))
+	            queryParams: __assign$5({ "api-version": "1.0", "language": options.style.language, "limit": 1, "query": normalizeLatitude(options.position[1]) + "," + normalizeLongitude(options.position[0]) }, (options.style.view && { view: options.style.view }))
 	        };
 	        return new Url(((_a = this.map.authentication) === null || _a === void 0 ? void 0 : _a.signRequest(urlOptions)) || urlOptions).get();
 	    };
@@ -62391,11 +62800,11 @@ uniform ${precision} ${type} u_${name};
 	            // 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("-");
@@ -62491,6 +62900,11 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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.
@@ -62549,7 +62963,7 @@ uniform ${precision} ${type} u_${name};
 	         * 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"],
@@ -62683,10 +63097,6 @@ uniform ${precision} ${type} u_${name};
 	                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.
@@ -62950,6 +63360,18 @@ uniform ${precision} ${type} u_${name};
 	                _this._updateCam(true);
 	                // Find the id of the vector tile source being used.
 	                _this._baseVectorTileSourceId = MapViewDescriptor._baseVectorTileSourceIds.find(function (id) { return _this._map.sources.getById(id); });
+	                // Set the label config based on the vector tile source.
+	                if (_this._baseVectorTileSourceId === "bing-mvt") {
+	                    _this._labelConfig = MapViewDescriptor._labelConfigBing;
+	                    _this._roadLayers = MapViewDescriptor._roadLayersBing;
+	                }
+	                // Derive polygon layers from the label config.
+	                _this._polygonStyleLayer = _this._labelConfig.reduce(function (acc, cur) {
+	                    if (cur.polygonSources) {
+	                        acc.push.apply(acc, __spreadArray$2([], __read$6(cur.polygonSources)));
+	                    }
+	                    return acc;
+	                }, []);
 	                // Add event listeners directly to mapbox because we will be using custom event data.
 	                // We don't automatically forward all properties of a mapbox event, so the custom data would be lost.
 	                var baseMap = _this._map._getMap();
@@ -63059,8 +63481,8 @@ uniform ${precision} ${type} u_${name};
 	                        }
 	                        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) {
@@ -63160,7 +63582,8 @@ uniform ${precision} ${type} u_${name};
 	        // 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;
@@ -63237,21 +63660,22 @@ uniform ${precision} ${type} u_${name};
 	            }
 	            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
@@ -63506,7 +63930,7 @@ uniform ${precision} ${type} u_${name};
 	                        if (a.country) {
 	                            info.country = a.country;
 	                            MapViewDescriptor._labelCache.cache(info.country, {
-	                                source: ["Country name"],
+	                                source: [],
 	                                labelType: "country",
 	                                radius: 5000,
 	                                minZoom: 0
@@ -63515,7 +63939,7 @@ uniform ${precision} ${type} u_${name};
 	                        if (a.countrySubdivision) {
 	                            info.state = a.countrySubdivision;
 	                            MapViewDescriptor._labelCache.cache(info.state, {
-	                                source: ["State name"],
+	                                source: [],
 	                                labelType: "state",
 	                                radius: 5000,
 	                                minZoom: 4
@@ -63524,7 +63948,7 @@ uniform ${precision} ${type} u_${name};
 	                        if (a.municipality) {
 	                            info.city = a.municipality;
 	                            MapViewDescriptor._labelCache.cache(info.state, {
-	                                source: ["Small city"],
+	                                source: [],
 	                                labelType: "city",
 	                                radius: 1000,
 	                                minZoom: 10
@@ -63559,6 +63983,116 @@ uniform ${precision} ${type} u_${name};
 	    };
 	    // 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;
 	}());
 
@@ -63733,7 +64267,7 @@ uniform ${precision} ${type} u_${name};
 	    return FlowServiceDelegate;
 	}());
 
-	var __extends$U = (window && window.__extends) || (function () {
+	var __extends$Z = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -63752,7 +64286,7 @@ uniform ${precision} ${type} u_${name};
 	 * @private
 	 */
 	var Incident = /** @class */ (function (_super) {
-	    __extends$U(Incident, _super);
+	    __extends$Z(Incident, _super);
 	    function Incident(data, point, localizedStrings) {
 	        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
 	        var _this = this;
@@ -64247,7 +64781,7 @@ uniform ${precision} ${type} u_${name};
 	    return IncidentServiceDelegate;
 	}());
 
-	var __extends$V = (window && window.__extends) || (function () {
+	var __extends$_ = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -64266,7 +64800,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for enabling/disabling user interaction with the map.
 	 */
 	var UserInteractionOptions = /** @class */ (function (_super) {
-	    __extends$V(UserInteractionOptions, _super);
+	    __extends$_(UserInteractionOptions, _super);
 	    function UserInteractionOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -67317,7 +67851,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -67335,7 +67869,7 @@ uniform ${precision} ${type} u_${name};
 	    'data-azure-maps-attribution-order',
 	    'data-azure-maps-attribution-dynamic'
 	];
-	var allowedAttributionAttributes = __spreadArray$2([
+	var allowedAttributionAttributes = __spreadArray$3([
 	    'href'
 	], __read$7(attributionRuleAttributes));
 	var AttributionRuleProxy = /** @class */ (function () {
@@ -67560,7 +68094,7 @@ uniform ${precision} ${type} u_${name};
 	    };
 	    AttributionRuleProxy.prototype.applyAttributionResponse = function (attributions) {
 	        var _this = this;
-	        var copyrights = attributions.map(function (resp) { return resp.copyrights || []; }).reduce(function (flat, copyrights) { return __spreadArray$2(__spreadArray$2([], __read$7(flat)), __read$7(copyrights)); }, []);
+	        var copyrights = attributions.map(function (resp) { return resp.copyrights || []; }).reduce(function (flat, copyrights) { return __spreadArray$3(__spreadArray$3([], __read$7(flat)), __read$7(copyrights)); }, []);
 	        if (copyrights.length == 0) {
 	            // no attribution for a provided tileset/bbox/z
 	            return;
@@ -67625,7 +68159,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -67746,10 +68280,10 @@ uniform ${precision} ${type} u_${name};
 	                }, function () { return document.createElement('span'); });
 	            });
 	            var registeredRuleSet = new Set(Object.values(registeredRules));
-	            var redundantRules = new Set(__spreadArray$3([], __read$8(allRules)).filter(function (rule) { return !registeredRuleSet.has(rule); }));
-	            var redundantElements = new Set(__spreadArray$3([], __read$8(redundantRules)).map(function (rule) { return rule.getElement(); }));
+	            var redundantRules = new Set(__spreadArray$4([], __read$8(allRules)).filter(function (rule) { return !registeredRuleSet.has(rule); }));
+	            var redundantElements = new Set(__spreadArray$4([], __read$8(redundantRules)).map(function (rule) { return rule.getElement(); }));
 	            // eject redundant rules associated elements altogether
-	            __spreadArray$3([], __read$8(redundantElements)).filter(function (elem) { return elem.parentElement !== null; })
+	            __spreadArray$4([], __read$8(redundantElements)).filter(function (elem) { return elem.parentElement !== null; })
 	                .forEach(function (elem) { return elem.parentElement.removeChild(elem); });
 	            _this.rules = Object.values(registeredRules);
 	            var attributionsToApply = attributions
@@ -67785,7 +68319,7 @@ uniform ${precision} ${type} u_${name};
 	            var visibleTextNodes = function (elem) {
 	                return Array.from(elem.style.display != 'none' ? elem.children : [])
 	                    .map(function (elem) { return visibleTextNodes(elem); })
-	                    .reduce(function (flattened, nodes) { return __spreadArray$3(__spreadArray$3([], __read$8(flattened)), __read$8(nodes)); }, Array.from(elem.style.display != 'none' ? elem.childNodes : []).filter(function (node) { return node.nodeType == node.TEXT_NODE; }));
+	                    .reduce(function (flattened, nodes) { return __spreadArray$4(__spreadArray$4([], __read$8(flattened)), __read$8(nodes)); }, Array.from(elem.style.display != 'none' ? elem.childNodes : []).filter(function (node) { return node.nodeType == node.TEXT_NODE; }));
 	            };
 	            var newRenderContext = _this.virtualContext.cloneNode(true);
 	            var visibleNodes = visibleTextNodes(newRenderContext);
@@ -67800,7 +68334,7 @@ uniform ${precision} ${type} u_${name};
 	            //     }
 	            // });
 	            // strip all predefined keywords 
-	            visibleNodes.forEach(function (node) { return node.textContent = __spreadArray$3([], __read$8(attributionFilters)).reduce(function (target, filter) { return target.replace(filter, '').trim(); }, node.textContent); });
+	            visibleNodes.forEach(function (node) { return node.textContent = __spreadArray$4([], __read$8(attributionFilters)).reduce(function (target, filter) { return target.replace(filter, '').trim(); }, node.textContent); });
 	            // strip year from each node
 	            // visibleNodes.forEach(node => node.textContent = node.textContent.replace(copyrightYearPattern, '').trim());
 	            // deduplicate attribution text
@@ -67889,21 +68423,21 @@ uniform ${precision} ${type} u_${name};
 	    return extendStatics(d, b);
 	};
 
-	function __extends$W(d, b) {
+	function __extends$$(d, b) {
 	    extendStatics(d, b);
 	    function __() { this.constructor = d; }
 	    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	}
 
-	var __assign$5 = function() {
-	    __assign$5 = Object.assign || function __assign(t) {
+	var __assign$6 = function() {
+	    __assign$6 = Object.assign || function __assign(t) {
 	        for (var s, i = 1, n = arguments.length; i < n; i++) {
 	            s = arguments[i];
 	            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
 	        }
 	        return t;
 	    };
-	    return __assign$5.apply(this, arguments);
+	    return __assign$6.apply(this, arguments);
 	};
 
 	function __rest(s, e) {
@@ -68003,21 +68537,21 @@ uniform ${precision} ${type} u_${name};
 	    return extendStatics$1(d, b);
 	};
 
-	function __extends$X(d, b) {
+	function __extends$10(d, b) {
 	    extendStatics$1(d, b);
 	    function __() { this.constructor = d; }
 	    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	}
 
-	var __assign$6 = function() {
-	    __assign$6 = Object.assign || function __assign(t) {
+	var __assign$7 = function() {
+	    __assign$7 = Object.assign || function __assign(t) {
 	        for (var s, i = 1, n = arguments.length; i < n; i++) {
 	            s = arguments[i];
 	            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
 	        }
 	        return t;
 	    };
-	    return __assign$6.apply(this, arguments);
+	    return __assign$7.apply(this, arguments);
 	};
 
 	function __awaiter$4(thisArg, _arguments, P, generator) {
@@ -68472,7 +69006,7 @@ uniform ${precision} ${type} u_${name};
 	 * General error class thrown by the MSAL.js library.
 	 */
 	var AuthError = /** @class */ (function (_super) {
-	    __extends$X(AuthError, _super);
+	    __extends$10(AuthError, _super);
 	    function AuthError(errorCode, errorMessage, suberror) {
 	        var _this = this;
 	        var errorString = errorMessage ? errorCode + ": " + errorMessage : errorCode;
@@ -68790,7 +69324,7 @@ uniform ${precision} ${type} u_${name};
 	 * Error thrown when there is an error in the client code running on the browser.
 	 */
 	var ClientAuthError = /** @class */ (function (_super) {
-	    __extends$X(ClientAuthError, _super);
+	    __extends$10(ClientAuthError, _super);
 	    function ClientAuthError(errorCode, errorMessage) {
 	        var _this = _super.call(this, errorCode, errorMessage) || this;
 	        _this.name = "ClientAuthError";
@@ -69672,7 +70206,7 @@ uniform ${precision} ${type} u_${name};
 	 * Error thrown when there is an error in configuration of the MSAL.js library.
 	 */
 	var ClientConfigurationError = /** @class */ (function (_super) {
-	    __extends$X(ClientConfigurationError, _super);
+	    __extends$10(ClientConfigurationError, _super);
 	    function ClientConfigurationError(errorCode, errorMessage) {
 	        var _this = _super.call(this, errorCode, errorMessage) || this;
 	        _this.name = "ClientConfigurationError";
@@ -71127,7 +71661,7 @@ uniform ${precision} ${type} u_${name};
 	    return CacheManager;
 	}());
 	var DefaultStorageClass = /** @class */ (function (_super) {
-	    __extends$X(DefaultStorageClass, _super);
+	    __extends$10(DefaultStorageClass, _super);
 	    function DefaultStorageClass() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -71297,17 +71831,17 @@ uniform ${precision} ${type} u_${name};
 	 */
 	function buildClientConfiguration(_a) {
 	    var userAuthOptions = _a.authOptions, userSystemOptions = _a.systemOptions, userLoggerOption = _a.loggerOptions, storageImplementation = _a.storageInterface, networkImplementation = _a.networkInterface, cryptoImplementation = _a.cryptoInterface, clientCredentials = _a.clientCredentials, libraryInfo = _a.libraryInfo, telemetry = _a.telemetry, serverTelemetryManager = _a.serverTelemetryManager, persistencePlugin = _a.persistencePlugin, serializableCache = _a.serializableCache;
-	    var loggerOptions = __assign$6(__assign$6({}, DEFAULT_LOGGER_IMPLEMENTATION), userLoggerOption);
+	    var loggerOptions = __assign$7(__assign$7({}, DEFAULT_LOGGER_IMPLEMENTATION), userLoggerOption);
 	    return {
 	        authOptions: buildAuthOptions(userAuthOptions),
-	        systemOptions: __assign$6(__assign$6({}, DEFAULT_SYSTEM_OPTIONS), userSystemOptions),
+	        systemOptions: __assign$7(__assign$7({}, DEFAULT_SYSTEM_OPTIONS), userSystemOptions),
 	        loggerOptions: loggerOptions,
 	        storageInterface: storageImplementation || new DefaultStorageClass(userAuthOptions.clientId, DEFAULT_CRYPTO_IMPLEMENTATION),
 	        networkInterface: networkImplementation || DEFAULT_NETWORK_IMPLEMENTATION,
 	        cryptoInterface: cryptoImplementation || DEFAULT_CRYPTO_IMPLEMENTATION,
 	        clientCredentials: clientCredentials || DEFAULT_CLIENT_CREDENTIALS,
-	        libraryInfo: __assign$6(__assign$6({}, DEFAULT_LIBRARY_INFO), libraryInfo),
-	        telemetry: __assign$6(__assign$6({}, DEFAULT_TELEMETRY_OPTIONS), telemetry),
+	        libraryInfo: __assign$7(__assign$7({}, DEFAULT_LIBRARY_INFO), libraryInfo),
+	        telemetry: __assign$7(__assign$7({}, DEFAULT_TELEMETRY_OPTIONS), telemetry),
 	        serverTelemetryManager: serverTelemetryManager || null,
 	        persistencePlugin: persistencePlugin || null,
 	        serializableCache: serializableCache || null,
@@ -71318,7 +71852,7 @@ uniform ${precision} ${type} u_${name};
 	 * @param authOptions
 	 */
 	function buildAuthOptions(authOptions) {
-	    return __assign$6({ clientCapabilities: [], azureCloudOptions: DEFAULT_AZURE_CLOUD_OPTIONS, skipAuthorityMetadataCache: false }, authOptions);
+	    return __assign$7({ clientCapabilities: [], azureCloudOptions: DEFAULT_AZURE_CLOUD_OPTIONS, skipAuthorityMetadataCache: false }, authOptions);
 	}
 
 	/*! @azure/msal-common v9.0.1 2022-12-07 */
@@ -71331,7 +71865,7 @@ uniform ${precision} ${type} u_${name};
 	 * Error thrown when there is an error with the server code, for example, unavailability.
 	 */
 	var ServerError = /** @class */ (function (_super) {
-	    __extends$X(ServerError, _super);
+	    __extends$10(ServerError, _super);
 	    function ServerError(errorCode, errorMessage, subError) {
 	        var _this = _super.call(this, errorCode, errorMessage, subError) || this;
 	        _this.name = "ServerError";
@@ -72076,7 +72610,7 @@ uniform ${precision} ${type} u_${name};
 	 * }
 	 */
 	var IdTokenEntity = /** @class */ (function (_super) {
-	    __extends$X(IdTokenEntity, _super);
+	    __extends$10(IdTokenEntity, _super);
 	    function IdTokenEntity() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -72197,7 +72731,7 @@ uniform ${precision} ${type} u_${name};
 	 * }
 	 */
 	var AccessTokenEntity = /** @class */ (function (_super) {
-	    __extends$X(AccessTokenEntity, _super);
+	    __extends$10(AccessTokenEntity, _super);
 	    function AccessTokenEntity() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -72306,7 +72840,7 @@ uniform ${precision} ${type} u_${name};
 	 * }
 	 */
 	var RefreshTokenEntity = /** @class */ (function (_super) {
-	    __extends$X(RefreshTokenEntity, _super);
+	    __extends$10(RefreshTokenEntity, _super);
 	    function RefreshTokenEntity() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -72385,7 +72919,7 @@ uniform ${precision} ${type} u_${name};
 	 * Error thrown when user interaction is required.
 	 */
 	var InteractionRequiredAuthError = /** @class */ (function (_super) {
-	    __extends$X(InteractionRequiredAuthError, _super);
+	    __extends$10(InteractionRequiredAuthError, _super);
 	    function InteractionRequiredAuthError(errorCode, errorMessage, subError) {
 	        var _this = _super.call(this, errorCode, errorMessage, subError) || this;
 	        _this.name = "InteractionRequiredAuthError";
@@ -72835,7 +73369,7 @@ uniform ${precision} ${type} u_${name};
 	                        resourceRequestMethod = request.resourceRequestMethod, resourceRequestUri = request.resourceRequestUri, shrClaims = request.shrClaims, shrNonce = request.shrNonce;
 	                        resourceUrlString = (resourceRequestUri) ? new UrlString(resourceRequestUri) : undefined;
 	                        resourceUrlComponents = resourceUrlString === null || resourceUrlString === void 0 ? void 0 : resourceUrlString.getUrlComponents();
-	                        return [4 /*yield*/, this.cryptoUtils.signJwt(__assign$6({ at: payload, ts: TimeUtils.nowSeconds(), m: resourceRequestMethod === null || resourceRequestMethod === void 0 ? void 0 : resourceRequestMethod.toUpperCase(), u: resourceUrlComponents === null || resourceUrlComponents === void 0 ? void 0 : resourceUrlComponents.HostNameAndPort, nonce: shrNonce || this.cryptoUtils.createNewGuid(), p: resourceUrlComponents === null || resourceUrlComponents === void 0 ? void 0 : resourceUrlComponents.AbsolutePath, q: (resourceUrlComponents === null || resourceUrlComponents === void 0 ? void 0 : resourceUrlComponents.QueryString) ? [[], resourceUrlComponents.QueryString] : undefined, client_claims: shrClaims || undefined }, claims), keyId, request.correlationId)];
+	                        return [4 /*yield*/, this.cryptoUtils.signJwt(__assign$7({ at: payload, ts: TimeUtils.nowSeconds(), m: resourceRequestMethod === null || resourceRequestMethod === void 0 ? void 0 : resourceRequestMethod.toUpperCase(), u: resourceUrlComponents === null || resourceUrlComponents === void 0 ? void 0 : resourceUrlComponents.HostNameAndPort, nonce: shrNonce || this.cryptoUtils.createNewGuid(), p: resourceUrlComponents === null || resourceUrlComponents === void 0 ? void 0 : resourceUrlComponents.AbsolutePath, q: (resourceUrlComponents === null || resourceUrlComponents === void 0 ? void 0 : resourceUrlComponents.QueryString) ? [[], resourceUrlComponents.QueryString] : undefined, client_claims: shrClaims || undefined }, claims), keyId, request.correlationId)];
 	                    case 1: return [2 /*return*/, _a.sent()];
 	                }
 	            });
@@ -73240,7 +73774,7 @@ uniform ${precision} ${type} u_${name};
 	 * Oauth2.0 Authorization Code client
 	 */
 	var AuthorizationCodeClient = /** @class */ (function (_super) {
-	    __extends$X(AuthorizationCodeClient, _super);
+	    __extends$10(AuthorizationCodeClient, _super);
 	    function AuthorizationCodeClient(configuration) {
 	        var _this = _super.call(this, configuration) || this;
 	        // Flag to indicate if client is for hybrid spa auth code redemption
@@ -73318,7 +73852,7 @@ uniform ${precision} ${type} u_${name};
 	        if (!serverParams.code) {
 	            throw ClientAuthError.createNoAuthCodeInServerResponseError();
 	        }
-	        return __assign$6(__assign$6({}, serverParams), { 
+	        return __assign$7(__assign$7({}, serverParams), { 
 	            // Code param is optional in ServerAuthorizationCodeResponse but required in AuthorizationCodePaylod
 	            code: serverParams.code });
 	    };
@@ -73818,7 +74352,7 @@ uniform ${precision} ${type} u_${name};
 	 * OAuth2.0 refresh token client
 	 */
 	var RefreshTokenClient = /** @class */ (function (_super) {
-	    __extends$X(RefreshTokenClient, _super);
+	    __extends$10(RefreshTokenClient, _super);
 	    function RefreshTokenClient(configuration, performanceClient) {
 	        return _super.call(this, configuration, performanceClient) || this;
 	    }
@@ -73921,7 +74455,7 @@ uniform ${precision} ${type} u_${name};
 	                atsMeasurement === null || atsMeasurement === void 0 ? void 0 : atsMeasurement.endMeasurement({
 	                    success: true
 	                });
-	                refreshTokenRequest = __assign$6(__assign$6({}, request), { refreshToken: refreshToken.secret, authenticationScheme: request.authenticationScheme || AuthenticationScheme.BEARER, ccsCredential: {
+	                refreshTokenRequest = __assign$7(__assign$7({}, request), { refreshToken: refreshToken.secret, authenticationScheme: request.authenticationScheme || AuthenticationScheme.BEARER, ccsCredential: {
 	                        credential: request.account.homeAccountId,
 	                        type: CcsCredentialType.HOME_ACCOUNT_ID
 	                    } });
@@ -74080,7 +74614,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var SilentFlowClient = /** @class */ (function (_super) {
-	    __extends$X(SilentFlowClient, _super);
+	    __extends$10(SilentFlowClient, _super);
 	    function SilentFlowClient(configuration, performanceClient) {
 	        return _super.call(this, configuration, performanceClient) || this;
 	    }
@@ -75149,7 +75683,7 @@ uniform ${precision} ${type} u_${name};
 	            hostNameAndPort = region + "." + Constants.REGIONAL_AUTH_PUBLIC_CLOUD_SUFFIX;
 	        }
 	        // Include the query string portion of the url
-	        var url = UrlString.constructAuthorityUriFromObject(__assign$6(__assign$6({}, authorityUrlInstance.getUrlComponents()), { HostNameAndPort: hostNameAndPort })).urlString;
+	        var url = UrlString.constructAuthorityUriFromObject(__assign$7(__assign$7({}, authorityUrlInstance.getUrlComponents()), { HostNameAndPort: hostNameAndPort })).urlString;
 	        // Add the query string if a query string was provided
 	        if (queryString)
 	            return url + "?" + queryString;
@@ -75333,7 +75867,7 @@ uniform ${precision} ${type} u_${name};
 	 * Error thrown when there is an error in the client code running on the browser.
 	 */
 	var JoseHeaderError = /** @class */ (function (_super) {
-	    __extends$X(JoseHeaderError, _super);
+	    __extends$10(JoseHeaderError, _super);
 	    function JoseHeaderError(errorCode, errorMessage) {
 	        var _this = _super.call(this, errorCode, errorMessage) || this;
 	        _this.name = "JoseHeaderError";
@@ -75627,7 +76161,7 @@ uniform ${precision} ${type} u_${name};
 	        // Return the event and functions the caller can use to properly end/flush the measurement
 	        return {
 	            endMeasurement: function (event) {
-	                var completedEvent = _this.endMeasurement(__assign$6(__assign$6({}, inProgressEvent), event));
+	                var completedEvent = _this.endMeasurement(__assign$7(__assign$7({}, inProgressEvent), event));
 	                if (completedEvent) {
 	                    // Cache event so that submeasurements can be added downstream
 	                    _this.cacheEventByCorrelationId(completedEvent);
@@ -75664,7 +76198,7 @@ uniform ${precision} ${type} u_${name};
 	            // null indicates no measurement was taken (e.g. needed performance APIs not present)
 	            if (durationMs !== null) {
 	                this.logger.trace("PerformanceClient: Performance measurement ended for " + event.name + ": " + durationMs + " ms", event.correlationId);
-	                var completedEvent = __assign$6(__assign$6({ 
+	                var completedEvent = __assign$7(__assign$7({ 
 	                    // Allow duration to be overwritten when event ends (e.g. testing), but not status
 	                    durationMs: Math.round(durationMs) }, event), { status: PerformanceEventStatus.Completed });
 	                return completedEvent;
@@ -75687,7 +76221,7 @@ uniform ${precision} ${type} u_${name};
 	        var existingStaticFields = this.staticFieldsByCorrelationId.get(correlationId);
 	        if (existingStaticFields) {
 	            this.logger.trace("PerformanceClient: Updating static fields");
-	            this.staticFieldsByCorrelationId.set(correlationId, __assign$6(__assign$6({}, existingStaticFields), fields));
+	            this.staticFieldsByCorrelationId.set(correlationId, __assign$7(__assign$7({}, existingStaticFields), fields));
 	        }
 	        else {
 	            this.logger.trace("PerformanceClient: Adding static fields");
@@ -75787,7 +76321,7 @@ uniform ${precision} ${type} u_${name};
 	                    return previous;
 	                }, topLevelEvent);
 	                var staticFields = this.staticFieldsByCorrelationId.get(correlationId);
-	                var finalEvent = __assign$6(__assign$6({}, eventToEmit), staticFields);
+	                var finalEvent = __assign$7(__assign$7({}, eventToEmit), staticFields);
 	                this.emitEvents([finalEvent], eventToEmit.correlationId);
 	            }
 	            else {
@@ -75871,7 +76405,7 @@ uniform ${precision} ${type} u_${name};
 	    return StubPerformanceMeasurement;
 	}());
 	var StubPerformanceClient = /** @class */ (function (_super) {
-	    __extends$X(StubPerformanceClient, _super);
+	    __extends$10(StubPerformanceClient, _super);
 	    function StubPerformanceClient() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -76075,7 +76609,7 @@ uniform ${precision} ${type} u_${name};
 	 * Browser library error class thrown by the MSAL.js library for SPAs
 	 */
 	var BrowserAuthError = /** @class */ (function (_super) {
-	    __extends$W(BrowserAuthError, _super);
+	    __extends$$(BrowserAuthError, _super);
 	    function BrowserAuthError(errorCode, errorMessage) {
 	        var _this = _super.call(this, errorCode, errorMessage) || this;
 	        Object.setPrototypeOf(_this, BrowserAuthError.prototype);
@@ -76622,7 +77156,7 @@ uniform ${precision} ${type} u_${name};
 	 * Browser library error class thrown by the MSAL.js library for SPAs
 	 */
 	var BrowserConfigurationAuthError = /** @class */ (function (_super) {
-	    __extends$W(BrowserConfigurationAuthError, _super);
+	    __extends$$(BrowserConfigurationAuthError, _super);
 	    function BrowserConfigurationAuthError(errorCode, errorMessage) {
 	        var _this = _super.call(this, errorCode, errorMessage) || this;
 	        _this.name = "BrowserConfigurationAuthError";
@@ -76799,7 +77333,7 @@ uniform ${precision} ${type} u_${name};
 	 * parameters such as state and nonce, generally.
 	 */
 	var BrowserCacheManager = /** @class */ (function (_super) {
-	    __extends$W(BrowserCacheManager, _super);
+	    __extends$$(BrowserCacheManager, _super);
 	    function BrowserCacheManager(clientId, cacheConfig, cryptoImpl, logger) {
 	        var _this = _super.call(this, clientId, cryptoImpl) || this;
 	        // Cookie life calculation (hours * minutes * seconds * ms)
@@ -78236,7 +78770,7 @@ uniform ${precision} ${type} u_${name};
 	                        this.logger.verbose("Initializing BaseAuthRequest");
 	                        authority = request.authority || this.config.auth.authority;
 	                        scopes = __spread(((request && request.scopes) || []));
-	                        validatedRequest = __assign$5(__assign$5({}, request), { correlationId: this.correlationId, authority: authority,
+	                        validatedRequest = __assign$6(__assign$6({}, request), { correlationId: this.correlationId, authority: authority,
 	                            scopes: scopes });
 	                        // Set authenticationScheme to BEARER if not explicitly set in the request
 	                        if (!validatedRequest.authenticationScheme) {
@@ -78338,7 +78872,7 @@ uniform ${precision} ${type} u_${name};
 	 * Defines the class structure and helper functions used by the "standard", non-brokered auth flows (popup, redirect, silent (RT), silent (iframe))
 	 */
 	var StandardInteractionClient = /** @class */ (function (_super) {
-	    __extends$W(StandardInteractionClient, _super);
+	    __extends$$(StandardInteractionClient, _super);
 	    function StandardInteractionClient() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -78356,7 +78890,7 @@ uniform ${precision} ${type} u_${name};
 	                        return [4 /*yield*/, this.browserCrypto.generatePkceCodes()];
 	                    case 1:
 	                        generatedPkceParams = _a.sent();
-	                        authCodeRequest = __assign$5(__assign$5({}, request), { redirectUri: request.redirectUri, code: Constants.EMPTY_STRING, codeVerifier: generatedPkceParams.verifier });
+	                        authCodeRequest = __assign$6(__assign$6({}, request), { redirectUri: request.redirectUri, code: Constants.EMPTY_STRING, codeVerifier: generatedPkceParams.verifier });
 	                        request.codeChallenge = generatedPkceParams.challenge;
 	                        request.codeChallengeMethod = Constants.S256_CODE_CHALLENGE_METHOD;
 	                        return [2 /*return*/, authCodeRequest];
@@ -78370,7 +78904,7 @@ uniform ${precision} ${type} u_${name};
 	     */
 	    StandardInteractionClient.prototype.initializeLogoutRequest = function (logoutRequest) {
 	        this.logger.verbose("initializeLogoutRequest called", logoutRequest === null || logoutRequest === void 0 ? void 0 : logoutRequest.correlationId);
-	        var validLogoutRequest = __assign$5({ correlationId: this.correlationId || this.browserCrypto.createNewGuid() }, logoutRequest);
+	        var validLogoutRequest = __assign$6({ correlationId: this.correlationId || this.browserCrypto.createNewGuid() }, logoutRequest);
 	        /**
 	         * Set logout_hint to be login_hint from ID Token Claims if present
 	         * and logoutHint attribute wasn't manually set in logout request
@@ -78590,7 +79124,7 @@ uniform ${precision} ${type} u_${name};
 	                        _a = [{}];
 	                        return [4 /*yield*/, this.initializeBaseRequest(request)];
 	                    case 1:
-	                        validatedRequest = __assign$5.apply(void 0, [__assign$5.apply(void 0, _a.concat([_b.sent()])), { redirectUri: redirectUri, state: state, nonce: request.nonce || this.browserCrypto.createNewGuid(), responseMode: ResponseMode.FRAGMENT }]);
+	                        validatedRequest = __assign$6.apply(void 0, [__assign$6.apply(void 0, _a.concat([_b.sent()])), { redirectUri: redirectUri, state: state, nonce: request.nonce || this.browserCrypto.createNewGuid(), responseMode: ResponseMode.FRAGMENT }]);
 	                        account = request.account || this.browserStorage.getActiveAccount();
 	                        if (account) {
 	                            this.logger.verbose("Setting validated request account", this.correlationId);
@@ -78766,7 +79300,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var RedirectHandler = /** @class */ (function (_super) {
-	    __extends$W(RedirectHandler, _super);
+	    __extends$$(RedirectHandler, _super);
 	    function RedirectHandler(authCodeModule, storageImpl, authCodeRequest, logger, browserCrypto) {
 	        var _this = _super.call(this, authCodeModule, storageImpl, authCodeRequest, logger) || this;
 	        _this.browserCrypto = browserCrypto;
@@ -78959,7 +79493,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	};
 	var NativeAuthError = /** @class */ (function (_super) {
-	    __extends$W(NativeAuthError, _super);
+	    __extends$$(NativeAuthError, _super);
 	    function NativeAuthError(errorCode, description, ext) {
 	        var _this = _super.call(this, errorCode, description) || this;
 	        Object.setPrototypeOf(_this, NativeAuthError.prototype);
@@ -79027,7 +79561,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var SilentCacheClient = /** @class */ (function (_super) {
-	    __extends$W(SilentCacheClient, _super);
+	    __extends$$(SilentCacheClient, _super);
 	    function SilentCacheClient() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -79105,9 +79639,9 @@ uniform ${precision} ${type} u_${name};
 	            return __generator$3(this, function (_b) {
 	                switch (_b.label) {
 	                    case 0:
-	                        _a = [__assign$5({}, request)];
+	                        _a = [__assign$6({}, request)];
 	                        return [4 /*yield*/, this.initializeBaseRequest(request)];
-	                    case 1: return [2 /*return*/, __assign$5.apply(void 0, [__assign$5.apply(void 0, _a.concat([_b.sent()])), { account: account, forceRefresh: request.forceRefresh || false }])];
+	                    case 1: return [2 /*return*/, __assign$6.apply(void 0, [__assign$6.apply(void 0, _a.concat([_b.sent()])), { account: account, forceRefresh: request.forceRefresh || false }])];
 	                }
 	            });
 	        });
@@ -79122,7 +79656,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var NativeInteractionClient = /** @class */ (function (_super) {
-	    __extends$W(NativeInteractionClient, _super);
+	    __extends$$(NativeInteractionClient, _super);
 	    function NativeInteractionClient(config, browserStorage, browserCrypto, logger, eventHandler, navigationClient, apiId, performanceClient, provider, accountId, nativeStorageImpl, correlationId) {
 	        var _this = _super.call(this, config, browserStorage, browserCrypto, logger, eventHandler, navigationClient, performanceClient, provider, correlationId) || this;
 	        _this.apiId = apiId;
@@ -79560,7 +80094,7 @@ uniform ${precision} ${type} u_${name};
 	                                    throw BrowserAuthError.createNativePromptParameterNotSupportedError();
 	                            }
 	                        };
-	                        validatedRequest = __assign$5(__assign$5({}, remainingProperties), { accountId: this.accountId, clientId: this.config.auth.clientId, authority: canonicalAuthority.urlString, scope: scopeSet.printScopes(), redirectUri: this.getRedirectUri(request.redirectUri), prompt: getPrompt(), correlationId: this.correlationId, tokenType: request.authenticationScheme, windowTitleSubstring: document.title, extraParameters: __assign$5(__assign$5(__assign$5({}, request.extraQueryParameters), request.tokenQueryParameters), { telemetry: NativeConstants.MATS_TELEMETRY }), extendedExpiryToken: false // Make this configurable?
+	                        validatedRequest = __assign$6(__assign$6({}, remainingProperties), { accountId: this.accountId, clientId: this.config.auth.clientId, authority: canonicalAuthority.urlString, scope: scopeSet.printScopes(), redirectUri: this.getRedirectUri(request.redirectUri), prompt: getPrompt(), correlationId: this.correlationId, tokenType: request.authenticationScheme, windowTitleSubstring: document.title, extraParameters: __assign$6(__assign$6(__assign$6({}, request.extraQueryParameters), request.tokenQueryParameters), { telemetry: NativeConstants.MATS_TELEMETRY }), extendedExpiryToken: false // Make this configurable?
 	                         });
 	                        if (!(request.authenticationScheme === AuthenticationScheme.POP)) return [3 /*break*/, 2];
 	                        shrParameters = {
@@ -79845,7 +80379,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var RedirectClient = /** @class */ (function (_super) {
-	    __extends$W(RedirectClient, _super);
+	    __extends$$(RedirectClient, _super);
 	    function RedirectClient(config, storageImpl, browserCrypto, logger, eventHandler, navigationClient, performanceClient, nativeStorageImpl, nativeMessageHandler, correlationId) {
 	        var _this = _super.call(this, config, storageImpl, browserCrypto, logger, eventHandler, navigationClient, performanceClient, nativeMessageHandler, correlationId) || this;
 	        _this.nativeStorage = nativeStorageImpl;
@@ -79884,7 +80418,7 @@ uniform ${precision} ${type} u_${name};
 	                        authClient = _a.sent();
 	                        this.logger.verbose("Auth code client created");
 	                        interactionHandler = new RedirectHandler(authClient, this.browserStorage, authCodeRequest, this.logger, this.browserCrypto);
-	                        return [4 /*yield*/, authClient.getAuthCodeUrl(__assign$5(__assign$5({}, validRequest), { nativeBroker: NativeMessageHandler.isNativeAvailable(this.config, this.logger, this.nativeMessageHandler, request.authenticationScheme) }))];
+	                        return [4 /*yield*/, authClient.getAuthCodeUrl(__assign$6(__assign$6({}, validRequest), { nativeBroker: NativeMessageHandler.isNativeAvailable(this.config, this.logger, this.nativeMessageHandler, request.authenticationScheme) }))];
 	                    case 5:
 	                        navigateUrl = _a.sent();
 	                        redirectStartPage = this.getRedirectStartPage(request.redirectStartPage);
@@ -80060,7 +80594,7 @@ uniform ${precision} ${type} u_${name};
 	                            }
 	                            nativeInteractionClient = new NativeInteractionClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, ApiId.acquireTokenPopup, this.performanceClient, this.nativeMessageHandler, serverParams.accountId, this.browserStorage, cachedRequest.correlationId);
 	                            userRequestState = ProtocolUtils.parseRequestState(this.browserCrypto, state).userRequestState;
-	                            return [2 /*return*/, nativeInteractionClient.acquireToken(__assign$5(__assign$5({}, cachedRequest), { state: userRequestState, prompt: undefined // Server should handle the prompt, ideally native broker can do this part silently
+	                            return [2 /*return*/, nativeInteractionClient.acquireToken(__assign$6(__assign$6({}, cachedRequest), { state: userRequestState, prompt: undefined // Server should handle the prompt, ideally native broker can do this part silently
 	                                 })).finally(function () {
 	                                    _this.browserStorage.cleanRequestByState(state);
 	                                })];
@@ -80177,7 +80711,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var PopupClient = /** @class */ (function (_super) {
-	    __extends$W(PopupClient, _super);
+	    __extends$$(PopupClient, _super);
 	    function PopupClient(config, storageImpl, browserCrypto, logger, eventHandler, navigationClient, performanceClient, nativeStorageImpl, nativeMessageHandler, correlationId) {
 	        var _this = _super.call(this, config, storageImpl, browserCrypto, logger, eventHandler, navigationClient, performanceClient, nativeMessageHandler, correlationId) || this;
 	        // Properly sets this reference for the unload event.
@@ -80277,7 +80811,7 @@ uniform ${precision} ${type} u_${name};
 	                        if (isNativeBroker) {
 	                            fetchNativeAccountIdMeasurement = this.performanceClient.startMeasurement(PerformanceEvents.FetchAccountIdWithNativeBroker, request.correlationId);
 	                        }
-	                        return [4 /*yield*/, authClient.getAuthCodeUrl(__assign$5(__assign$5({}, validRequest), { nativeBroker: isNativeBroker }))];
+	                        return [4 /*yield*/, authClient.getAuthCodeUrl(__assign$6(__assign$6({}, validRequest), { nativeBroker: isNativeBroker }))];
 	                    case 5:
 	                        navigateUrl = _a.sent();
 	                        interactionHandler = new InteractionHandler(authClient, this.browserStorage, authCodeRequest, this.logger);
@@ -80309,7 +80843,7 @@ uniform ${precision} ${type} u_${name};
 	                            }
 	                            nativeInteractionClient = new NativeInteractionClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, ApiId.acquireTokenPopup, this.performanceClient, this.nativeMessageHandler, serverParams.accountId, this.nativeStorage, validRequest.correlationId);
 	                            userRequestState = ProtocolUtils.parseRequestState(this.browserCrypto, state_1).userRequestState;
-	                            return [2 /*return*/, nativeInteractionClient.acquireToken(__assign$5(__assign$5({}, validRequest), { state: userRequestState, prompt: undefined // Server should handle the prompt, ideally native broker can do this part silently
+	                            return [2 /*return*/, nativeInteractionClient.acquireToken(__assign$6(__assign$6({}, validRequest), { state: userRequestState, prompt: undefined // Server should handle the prompt, ideally native broker can do this part silently
 	                                 })).finally(function () {
 	                                    _this.browserStorage.cleanRequestByState(state_1);
 	                                })];
@@ -80762,7 +81296,7 @@ uniform ${precision} ${type} u_${name};
 	        piiLoggingEnabled: false
 	    };
 	    // Default system options for browser
-	    var DEFAULT_BROWSER_SYSTEM_OPTIONS = __assign$5(__assign$5({}, DEFAULT_SYSTEM_OPTIONS), { loggerOptions: DEFAULT_LOGGER_OPTIONS, networkClient: isBrowserEnvironment ? BrowserUtils.getBrowserNetworkClient() : StubbedNetworkModule, navigationClient: new NavigationClient(), loadFrameTimeout: 0, 
+	    var DEFAULT_BROWSER_SYSTEM_OPTIONS = __assign$6(__assign$6({}, DEFAULT_SYSTEM_OPTIONS), { loggerOptions: DEFAULT_LOGGER_OPTIONS, networkClient: isBrowserEnvironment ? BrowserUtils.getBrowserNetworkClient() : StubbedNetworkModule, navigationClient: new NavigationClient(), loadFrameTimeout: 0, 
 	        // If loadFrameTimeout is provided, use that as default.
 	        windowHashTimeout: (userInputSystem === null || userInputSystem === void 0 ? void 0 : userInputSystem.loadFrameTimeout) || DEFAULT_POPUP_TIMEOUT_MS, iframeHashTimeout: (userInputSystem === null || userInputSystem === void 0 ? void 0 : userInputSystem.loadFrameTimeout) || DEFAULT_IFRAME_TIMEOUT_MS, navigateFrameWait: isBrowserEnvironment && BrowserUtils.detectIEOrEdge() ? 500 : 0, redirectNavigationTimeout: DEFAULT_REDIRECT_TIMEOUT_MS, asyncPopups: false, allowRedirectInIframe: false, allowNativeBroker: false, nativeBrokerHandshakeTimeout: (userInputSystem === null || userInputSystem === void 0 ? void 0 : userInputSystem.nativeBrokerHandshakeTimeout) || DEFAULT_NATIVE_BROKER_HANDSHAKE_TIMEOUT_MS, pollIntervalMilliseconds: BrowserConstants.DEFAULT_POLL_INTERVAL_MS, cryptoOptions: {
 	            useMsrCrypto: false,
@@ -80775,10 +81309,10 @@ uniform ${precision} ${type} u_${name};
 	        }
 	    };
 	    var overlayedConfig = {
-	        auth: __assign$5(__assign$5({}, DEFAULT_AUTH_OPTIONS), userInputAuth),
-	        cache: __assign$5(__assign$5({}, DEFAULT_CACHE_OPTIONS), userInputCache),
-	        system: __assign$5(__assign$5({}, DEFAULT_BROWSER_SYSTEM_OPTIONS), userInputSystem),
-	        telemetry: __assign$5(__assign$5({}, DEFAULT_TELEMETRY_OPTIONS), userInputTelemetry)
+	        auth: __assign$6(__assign$6({}, DEFAULT_AUTH_OPTIONS), userInputAuth),
+	        cache: __assign$6(__assign$6({}, DEFAULT_CACHE_OPTIONS), userInputCache),
+	        system: __assign$6(__assign$6({}, DEFAULT_BROWSER_SYSTEM_OPTIONS), userInputSystem),
+	        telemetry: __assign$6(__assign$6({}, DEFAULT_TELEMETRY_OPTIONS), userInputTelemetry)
 	    };
 	    return overlayedConfig;
 	}
@@ -80790,7 +81324,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var SilentHandler = /** @class */ (function (_super) {
-	    __extends$W(SilentHandler, _super);
+	    __extends$$(SilentHandler, _super);
 	    function SilentHandler(authCodeModule, storageImpl, authCodeRequest, logger, systemOptions) {
 	        var _this = _super.call(this, authCodeModule, storageImpl, authCodeRequest, logger) || this;
 	        _this.navigateFrameWait = systemOptions.navigateFrameWait;
@@ -80945,7 +81479,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var SilentIframeClient = /** @class */ (function (_super) {
-	    __extends$W(SilentIframeClient, _super);
+	    __extends$$(SilentIframeClient, _super);
 	    function SilentIframeClient(config, storageImpl, browserCrypto, logger, eventHandler, navigationClient, apiId, performanceClient, nativeStorageImpl, nativeMessageHandler, correlationId) {
 	        var _this = _super.call(this, config, storageImpl, browserCrypto, logger, eventHandler, navigationClient, performanceClient, nativeMessageHandler, correlationId) || this;
 	        _this.apiId = apiId;
@@ -80975,7 +81509,7 @@ uniform ${precision} ${type} u_${name};
 	                            });
 	                            throw BrowserAuthError.createSilentPromptValueError(request.prompt);
 	                        }
-	                        return [4 /*yield*/, this.initializeAuthorizationRequest(__assign$5(__assign$5({}, request), { prompt: request.prompt || PromptValue.NONE }), InteractionType.Silent)];
+	                        return [4 /*yield*/, this.initializeAuthorizationRequest(__assign$6(__assign$6({}, request), { prompt: request.prompt || PromptValue.NONE }), InteractionType.Silent)];
 	                    case 1:
 	                        silentRequest = _a.sent();
 	                        this.browserStorage.updateCacheEntries(silentRequest.state, silentRequest.nonce, silentRequest.authority, silentRequest.loginHint || Constants.EMPTY_STRING, silentRequest.account || null);
@@ -81036,7 +81570,7 @@ uniform ${precision} ${type} u_${name};
 	                    case 0: return [4 /*yield*/, this.initializeAuthorizationCodeRequest(silentRequest)];
 	                    case 1:
 	                        authCodeRequest = _a.sent();
-	                        return [4 /*yield*/, authClient.getAuthCodeUrl(__assign$5(__assign$5({}, silentRequest), { nativeBroker: NativeMessageHandler.isNativeAvailable(this.config, this.logger, this.nativeMessageHandler, silentRequest.authenticationScheme) }))];
+	                        return [4 /*yield*/, authClient.getAuthCodeUrl(__assign$6(__assign$6({}, silentRequest), { nativeBroker: NativeMessageHandler.isNativeAvailable(this.config, this.logger, this.nativeMessageHandler, silentRequest.authenticationScheme) }))];
 	                    case 2:
 	                        navigateUrl = _a.sent();
 	                        silentHandler = new SilentHandler(authClient, this.browserStorage, authCodeRequest, this.logger, this.config.system);
@@ -81055,7 +81589,7 @@ uniform ${precision} ${type} u_${name};
 	                            }
 	                            nativeInteractionClient = new NativeInteractionClient(this.config, this.browserStorage, this.browserCrypto, this.logger, this.eventHandler, this.navigationClient, this.apiId, this.performanceClient, this.nativeMessageHandler, serverParams.accountId, this.browserStorage, this.correlationId);
 	                            userRequestState = ProtocolUtils.parseRequestState(this.browserCrypto, state).userRequestState;
-	                            return [2 /*return*/, nativeInteractionClient.acquireToken(__assign$5(__assign$5({}, silentRequest), { state: userRequestState, prompt: silentRequest.prompt || PromptValue.NONE })).finally(function () {
+	                            return [2 /*return*/, nativeInteractionClient.acquireToken(__assign$6(__assign$6({}, silentRequest), { state: userRequestState, prompt: silentRequest.prompt || PromptValue.NONE })).finally(function () {
 	                                    _this.browserStorage.cleanRequestByState(state);
 	                                })];
 	                        }
@@ -81075,7 +81609,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var SilentRefreshClient = /** @class */ (function (_super) {
-	    __extends$W(SilentRefreshClient, _super);
+	    __extends$$(SilentRefreshClient, _super);
 	    function SilentRefreshClient() {
 	        return _super !== null && _super.apply(this, arguments) || this;
 	    }
@@ -81090,10 +81624,10 @@ uniform ${precision} ${type} u_${name};
 	            return __generator$3(this, function (_b) {
 	                switch (_b.label) {
 	                    case 0:
-	                        _a = [__assign$5({}, request)];
+	                        _a = [__assign$6({}, request)];
 	                        return [4 /*yield*/, this.initializeBaseRequest(request)];
 	                    case 1:
-	                        silentRequest = __assign$5.apply(void 0, _a.concat([_b.sent()]));
+	                        silentRequest = __assign$6.apply(void 0, _a.concat([_b.sent()]));
 	                        acquireTokenMeasurement = this.performanceClient.startMeasurement(PerformanceEvents.SilentRefreshClientAcquireToken, silentRequest.correlationId);
 	                        serverTelemetryManager = this.initializeServerTelemetryManager(ApiId.acquireTokenSilent_silentFlow);
 	                        return [4 /*yield*/, this.createRefreshTokenClient(serverTelemetryManager, silentRequest.authority, silentRequest.azureCloudOptions)];
@@ -83066,7 +83600,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var HybridSpaAuthorizationCodeClient = /** @class */ (function (_super) {
-	    __extends$W(HybridSpaAuthorizationCodeClient, _super);
+	    __extends$$(HybridSpaAuthorizationCodeClient, _super);
 	    function HybridSpaAuthorizationCodeClient(config) {
 	        var _this = _super.call(this, config) || this;
 	        _this.includeRedirectUri = false;
@@ -83082,7 +83616,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var SilentAuthCodeClient = /** @class */ (function (_super) {
-	    __extends$W(SilentAuthCodeClient, _super);
+	    __extends$$(SilentAuthCodeClient, _super);
 	    function SilentAuthCodeClient(config, storageImpl, browserCrypto, logger, eventHandler, navigationClient, apiId, performanceClient, nativeMessageHandler, correlationId) {
 	        var _this = _super.call(this, config, storageImpl, browserCrypto, logger, eventHandler, navigationClient, performanceClient, nativeMessageHandler, correlationId) || this;
 	        _this.apiId = apiId;
@@ -83111,7 +83645,7 @@ uniform ${precision} ${type} u_${name};
 	                        _a.label = 2;
 	                    case 2:
 	                        _a.trys.push([2, 4, , 5]);
-	                        authCodeRequest = __assign$5(__assign$5({}, silentRequest), { code: request.code });
+	                        authCodeRequest = __assign$6(__assign$6({}, silentRequest), { code: request.code });
 	                        return [4 /*yield*/, this.getClientConfiguration(serverTelemetryManager, silentRequest.authority)];
 	                    case 3:
 	                        clientConfig = _a.sent();
@@ -83218,7 +83752,7 @@ uniform ${precision} ${type} u_${name};
 	 * Licensed under the MIT License.
 	 */
 	var BrowserPerformanceClient = /** @class */ (function (_super) {
-	    __extends$W(BrowserPerformanceClient, _super);
+	    __extends$$(BrowserPerformanceClient, _super);
 	    function BrowserPerformanceClient(clientId, authority, logger, libraryName, libraryVersion, applicationTelemetry, cryptoOptions) {
 	        var _this = _super.call(this, clientId, authority, logger, libraryName, libraryVersion, applicationTelemetry) || this;
 	        _this.browserCrypto = new BrowserCrypto(_this.logger, cryptoOptions);
@@ -83248,8 +83782,8 @@ uniform ${precision} ${type} u_${name};
 	        // Capture page visibilityState and then invoke start/end measurement
 	        var startPageVisibility = this.getPageVisibility();
 	        var inProgressEvent = _super.prototype.startMeasurement.call(this, measureName, correlationId);
-	        return __assign$5(__assign$5({}, inProgressEvent), { endMeasurement: function (event) {
-	                return inProgressEvent.endMeasurement(__assign$5({ startPageVisibility: startPageVisibility, endPageVisibility: _this.getPageVisibility() }, event));
+	        return __assign$6(__assign$6({}, inProgressEvent), { endMeasurement: function (event) {
+	                return inProgressEvent.endMeasurement(__assign$6({ startPageVisibility: startPageVisibility, endPageVisibility: _this.getPageVisibility() }, event));
 	            } });
 	    };
 	    return BrowserPerformanceClient;
@@ -83612,7 +84146,7 @@ uniform ${precision} ${type} u_${name};
 	            var _this = this;
 	            return __generator$3(this, function (_a) {
 	                correlationId = this.getRequestCorrelationId(request);
-	                validRequest = __assign$5(__assign$5({}, request), { 
+	                validRequest = __assign$6(__assign$6({}, request), { 
 	                    // will be PromptValue.NONE or PromptValue.NO_SESSION
 	                    prompt: request.prompt, correlationId: correlationId });
 	                this.preflightBrowserEnvironmentCheck(InteractionType.Silent);
@@ -83686,7 +84220,7 @@ uniform ${precision} ${type} u_${name};
 	                        response = this.hybridAuthCodeResponses.get(hybridAuthCode_1);
 	                        if (!response) {
 	                            this.logger.verbose("Initiating new acquireTokenByCode request", correlationId);
-	                            response = this.acquireTokenByCodeAsync(__assign$5(__assign$5({}, request), { correlationId: correlationId }))
+	                            response = this.acquireTokenByCodeAsync(__assign$6(__assign$6({}, request), { correlationId: correlationId }))
 	                                .then(function (result) {
 	                                _this.eventHandler.emitEvent(EventType.ACQUIRE_TOKEN_BY_CODE_SUCCESS, InteractionType.Silent, result);
 	                                _this.hybridAuthCodeResponses.delete(hybridAuthCode_1);
@@ -83849,7 +84383,7 @@ uniform ${precision} ${type} u_${name};
 	            return __generator$3(this, function (_a) {
 	                correlationId = this.getRequestCorrelationId(logoutRequest);
 	                this.logger.warning("logout API is deprecated and will be removed in msal-browser v3.0.0. Use logoutRedirect instead.", correlationId);
-	                return [2 /*return*/, this.logoutRedirect(__assign$5({ correlationId: correlationId }, logoutRequest))];
+	                return [2 /*return*/, this.logoutRedirect(__assign$6({ correlationId: correlationId }, logoutRequest))];
 	            });
 	        });
 	    };
@@ -84227,7 +84761,7 @@ uniform ${precision} ${type} u_${name};
 	 * to obtain JWT tokens as described in the OAuth 2.0 Authorization Code Flow with PKCE specification.
 	 */
 	var PublicClientApplication = /** @class */ (function (_super) {
-	    __extends$W(PublicClientApplication, _super);
+	    __extends$$(PublicClientApplication, _super);
 	    /**
 	     * @constructor
 	     * Constructor for the PublicClientApplication used to instantiate the PublicClientApplication object
@@ -84269,7 +84803,7 @@ uniform ${precision} ${type} u_${name};
 	            return __generator$3(this, function (_a) {
 	                correlationId = this.getRequestCorrelationId(request);
 	                this.logger.verbose("loginRedirect called", correlationId);
-	                return [2 /*return*/, this.acquireTokenRedirect(__assign$5({ correlationId: correlationId }, (request || DEFAULT_REQUEST)))];
+	                return [2 /*return*/, this.acquireTokenRedirect(__assign$6({ correlationId: correlationId }, (request || DEFAULT_REQUEST)))];
 	            });
 	        });
 	    };
@@ -84283,7 +84817,7 @@ uniform ${precision} ${type} u_${name};
 	    PublicClientApplication.prototype.loginPopup = function (request) {
 	        var correlationId = this.getRequestCorrelationId(request);
 	        this.logger.verbose("loginPopup called", correlationId);
-	        return this.acquireTokenPopup(__assign$5({ correlationId: correlationId }, (request || DEFAULT_REQUEST)));
+	        return this.acquireTokenPopup(__assign$6({ correlationId: correlationId }, (request || DEFAULT_REQUEST)));
 	    };
 	    /**
 	     * Silently acquire an access token for a given set of scopes. Returns currently processing promise if parallel requests are made.
@@ -84323,7 +84857,7 @@ uniform ${precision} ${type} u_${name};
 	                cachedResponse = this.activeSilentTokenRequests.get(silentRequestKey);
 	                if (typeof cachedResponse === "undefined") {
 	                    this.logger.verbose("acquireTokenSilent called for the first time, storing active request", correlationId);
-	                    response = this.acquireTokenSilentAsync(__assign$5(__assign$5({}, request), { correlationId: correlationId }), account)
+	                    response = this.acquireTokenSilentAsync(__assign$6(__assign$6({}, request), { correlationId: correlationId }), account)
 	                        .then(function (result) {
 	                        _this.activeSilentTokenRequests.delete(silentRequestKey);
 	                        atsMeasurement.addStaticFields({
@@ -84381,7 +84915,7 @@ uniform ${precision} ${type} u_${name};
 	                        astsAsyncMeasurement = this.performanceClient.startMeasurement(PerformanceEvents.AcquireTokenSilentAsync, request.correlationId);
 	                        if (!(NativeMessageHandler.isNativeAvailable(this.config, this.logger, this.nativeExtensionProvider, request.authenticationScheme) && account.nativeAccountId)) return [3 /*break*/, 1];
 	                        this.logger.verbose("acquireTokenSilent - attempting to acquire token from native platform");
-	                        silentRequest = __assign$5(__assign$5({}, request), { account: account });
+	                        silentRequest = __assign$6(__assign$6({}, request), { account: account });
 	                        result = this.acquireTokenNative(silentRequest, ApiId.acquireTokenSilent_silentFlow).catch(function (e) { return __awaiter$3(_this, void 0, void 0, function () {
 	                            var silentIframeClient;
 	                            return __generator$3(this, function (_a) {
@@ -84402,7 +84936,7 @@ uniform ${precision} ${type} u_${name};
 	                        return [4 /*yield*/, silentCacheClient.initializeSilentRequest(request, account)];
 	                    case 2:
 	                        silentRequest_1 = _a.sent();
-	                        requestWithCLP_1 = __assign$5(__assign$5({}, request), { 
+	                        requestWithCLP_1 = __assign$6(__assign$6({}, request), { 
 	                            // set the request's CacheLookupPolicy to Default if it was not optionally passed in
 	                            cacheLookupPolicy: request.cacheLookupPolicy || CacheLookupPolicy.Default });
 	                        result = this.acquireTokenFromCache(silentCacheClient, silentRequest_1, requestWithCLP_1).catch(function (cacheError) {
@@ -84575,6 +85109,15 @@ uniform ${precision} ${type} u_${name};
 	        }
 	        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.
 	     */
@@ -84982,8 +85525,8 @@ uniform ${precision} ${type} u_${name};
 	    return ControlManager;
 	}());
 
-	var __assign$7 = (window && window.__assign) || function () {
-	    __assign$7 = Object.assign || function(t) {
+	var __assign$8 = (window && window.__assign) || function () {
+	    __assign$8 = Object.assign || function(t) {
 	        for (var s, i = 1, n = arguments.length; i < n; i++) {
 	            s = arguments[i];
 	            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -84991,7 +85534,7 @@ uniform ${precision} ${type} u_${name};
 	        }
 	        return t;
 	    };
-	    return __assign$7.apply(this, arguments);
+	    return __assign$8.apply(this, arguments);
 	};
 	/**
 	 * @private
@@ -85035,7 +85578,7 @@ uniform ${precision} ${type} u_${name};
 	                case "sourcedata":
 	                case "styledata":
 	                    modifiedCallback = function (data) {
-	                        var mapEventData = __assign$7(__assign$7({ dataType: data.dataType }, (data.dataType === "source" && __assign$7(__assign$7(__assign$7({ isSourceLoaded: data.isSourceLoaded }, (data.sourceDataType && { sourceDataType: data.sourceDataType })), { source: _this.map.sources.getById(data.sourceId) }), (data.tile && {
+	                        var mapEventData = __assign$8(__assign$8({ dataType: data.dataType }, (data.dataType === "source" && __assign$8(__assign$8(__assign$8({ isSourceLoaded: data.isSourceLoaded }, (data.sourceDataType && { sourceDataType: data.sourceDataType })), { source: _this.map.sources.getById(data.sourceId) }), (data.tile && {
 	                            tile: {
 	                                id: {
 	                                    x: data.tile.tileID.canonical.x,
@@ -85920,7 +86463,7 @@ uniform ${precision} ${type} u_${name};
 	    return ImageSpriteManager;
 	}());
 
-	var __extends$Y = (window && window.__extends) || (function () {
+	var __extends$11 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -85952,7 +86495,7 @@ uniform ${precision} ${type} u_${name};
 	 * @private
 	 */
 	var FundamentalMapLayer = /** @class */ (function (_super) {
-	    __extends$Y(FundamentalMapLayer, _super);
+	    __extends$11(FundamentalMapLayer, _super);
 	    /**
 	     * Constructs a base layer used to represent the base, transit, and labels layers.
 	     * @param mbLayers The stylesheet used to define the style sources and style layers.
@@ -86041,7 +86584,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -86179,6 +86722,8 @@ uniform ${precision} ${type} u_${name};
 	        // If adding a SourceBuildingLayer the source associated must also be added.
 	        if (layer instanceof SourceBuildingLayer) {
 	            this.map._getMap().addSource(layer._getSourceId(), layer._buildSource());
+	            // we also need the abstraction for those source building layers added to the map if it is not already there
+	            this.map.sources.setSourceState(layer._getSourceWrapper());
 	        }
 	        var mbBefore = this._getMapboxBefore(before);
 	        try {
@@ -86477,7 +87022,7 @@ uniform ${precision} ${type} u_${name};
 	                // 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$b(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 {
@@ -86547,6 +87092,9 @@ uniform ${precision} ${type} u_${name};
 	        if (userLayerIndex != -1) {
 	            this.userLayers.splice(userLayerIndex, 1);
 	        }
+	        if (layer instanceof SourceBuildingLayer) {
+	            this.map.sources.unsetSourceState(layer._getSourceId());
+	        }
 	        tempLayer.onRemove();
 	    };
 	    return LayerManager;
@@ -86717,92 +87265,6 @@ uniform ${precision} ${type} u_${name};
 	    return PopupManager;
 	}());
 
-	var __extends$Z = (window && window.__extends) || (function () {
-	    var extendStatics = function (d, b) {
-	        extendStatics = Object.setPrototypeOf ||
-	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-	            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-	        return extendStatics(d, b);
-	    };
-	    return function (d, b) {
-	        if (typeof b !== "function" && b !== null)
-	            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-	        extendStatics(d, b);
-	        function __() { this.constructor = d; }
-	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-	    };
-	})();
-	var __assign$8 = (window && window.__assign) || function () {
-	    __assign$8 = Object.assign || function(t) {
-	        for (var s, i = 1, n = arguments.length; i < n; i++) {
-	            s = arguments[i];
-	            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-	                t[p] = s[p];
-	        }
-	        return t;
-	    };
-	    return __assign$8.apply(this, arguments);
-	};
-	/**
-	 * Used to represent the fundamental map source.
-	 * @private
-	 */
-	var FundamentalMapSource = /** @class */ (function (_super) {
-	    __extends$Z(FundamentalMapSource, _super);
-	    /**
-	     * Constructs a source from the contents of a layer resource file.
-	     * @param id The source's id.
-	     * @param sourceDef The sources entry of the resource file.
-	     * @param options The query parameters to add to the urls listed in the resource file.
-	     */
-	    function FundamentalMapSource(id, sourceDef, options) {
-	        var _this = _super.call(this, id) || this;
-	        _this.source = _this._modifySource(sourceDef, options);
-	        return _this;
-	    }
-	    /**
-	     * @internal
-	     */
-	    FundamentalMapSource.prototype._buildSource = function () {
-	        return this.source;
-	    };
-	    /**
-	     * Updates the source info to convert the tiles to url strings.
-	     * @param sourceDef The original source info.
-	     * @param options The query parameters to add to the tile urls.
-	     */
-	    FundamentalMapSource.prototype._modifySource = function (sourceDef, options) {
-	        if (sourceDef.tiles) {
-	            var tileStrings = sourceDef.tiles.map(function (tile) {
-	                if (typeof tile === "string") {
-	                    return tile;
-	                }
-	                var tileUrl = new Url({
-	                    domain: constants.domainPlaceHolder,
-	                    path: tile.path,
-	                    queryParams: __assign$8(__assign$8({}, options), tile.queryParams)
-	                });
-	                return tileUrl.toString();
-	            });
-	            sourceDef.tiles = tileStrings;
-	        }
-	        else if (sourceDef.url) {
-	            sourceDef.url = (typeof sourceDef.url === "string") ?
-	                sourceDef.url :
-	                new Url({
-	                    domain: constants.domainPlaceHolder,
-	                    path: sourceDef.url.path,
-	                    queryParams: __assign$8(__assign$8({}, options), sourceDef.url.queryParams)
-	                }).toString();
-	        }
-	        else {
-	            throw new Error("Source definition must define a TileJSON 'url' or a 'tiles' array.");
-	        }
-	        return sourceDef;
-	    };
-	    return FundamentalMapSource;
-	}(Source));
-
 	var __values$f = (window && window.__values) || function(o) {
 	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
 	    if (m) return m.call(o);
@@ -86975,6 +87437,23 @@ uniform ${precision} ${type} u_${name};
 	            this._removeSource(source, update);
 	        }
 	    };
+	    /**
+	     * @internal
+	     */
+	    SourceManager.prototype.setSourceState = function (newSource, shouldInvokeAddEvent) {
+	        if (shouldInvokeAddEvent === void 0) { shouldInvokeAddEvent = true; }
+	        this.sources.set(newSource.getId(), newSource);
+	        newSource._setMap(this.map, shouldInvokeAddEvent);
+	    };
+	    /**
+	     * @internal
+	     */
+	    SourceManager.prototype.unsetSourceState = function (id) {
+	        if (this.sources.has(id)) {
+	            this.sources.get(id)._setMap(null);
+	            this.sources.delete(id);
+	        }
+	    };
 	    SourceManager.prototype._removeSource = function (source, update) {
 	        var id = source instanceof Source ? source.getId() : source;
 	        if (this.sources.has(id)) {
@@ -86982,8 +87461,7 @@ uniform ${precision} ${type} u_${name};
 	                this.map._getMap().removeSource(id);
 	            }
 	            if (!this.map._getMap().getSource(id) || !update) {
-	                this.sources.get(id)._setMap(null);
-	                this.sources.delete(id);
+	                this.unsetSourceState(id);
 	            }
 	            else {
 	                throw new Error("One or more layers have a dependency on the source '" + id + "'");
@@ -87000,8 +87478,7 @@ uniform ${precision} ${type} u_${name};
 	                throw new Error("'" + source.getId() + "' is already added to the map");
 	            }
 	            else {
-	                this.sources.get(source.getId())._setMap(null);
-	                this.sources.delete(source.getId());
+	                this.unsetSourceState(source.getId());
 	            }
 	        }
 	        if (update) {
@@ -87013,8 +87490,7 @@ uniform ${precision} ${type} u_${name};
 	            }
 	            this.map._getMap().addSource(source.getId(), source._buildSource());
 	        }
-	        this.sources.set(source.getId(), source);
-	        source._setMap(this.map);
+	        this.setSourceState(source);
 	    };
 	    /**
 	     * Converts an array of features as returned by one of Mapbox's query*Features(...) function
@@ -87056,51 +87532,90 @@ uniform ${precision} ${type} u_${name};
 	    };
 	    /**
 	     * Sync SourceManager with mapbox sources.
+	     * This function is responsible for creating wrappers for mapbox sources
+	     * and setting the approperiate sourceManager state with them
 	     * @internal
 	     */
 	    SourceManager.prototype._syncSources = function (sources) {
 	        var _this = this;
-	        if (sources) {
-	            Object.keys(sources).forEach(function (sourceId) {
-	                if (!_this.sources.has(sourceId)) {
-	                    var sourceToAdd = sources[sourceId];
-	                    if (sourceToAdd.type === "vector") {
-	                        var newSource = new FundamentalMapSource(sourceId, {
-	                            name: sourceId,
-	                            tiles: sourceToAdd.tiles,
-	                            type: "vector",
-	                            url: sourceToAdd.url
-	                        });
-	                        _this.sources.set(sourceId, newSource);
-	                        newSource._setMap(_this.map);
-	                    }
-	                    else if (sourceToAdd.type === "raster") {
-	                        var newSource = new FundamentalMapSource(sourceId, {
-	                            name: sourceId,
-	                            tiles: sourceToAdd.tiles,
-	                            type: "raster",
-	                            url: sourceToAdd.url
-	                        });
-	                        _this.sources.set(sourceId, newSource);
-	                        newSource._setMap(_this.map);
-	                    }
-	                    else {
-	                        throw new Error("Unable to construct source with ID " + sourceId + ".");
+	        if (!sources) {
+	            console.warn('syncSources called with no style sources which is unexpected.');
+	            return;
+	        }
+	        // 1. add / update the source wrappers
+	        Object.keys(sources)
+	            .map(function (sourceId) {
+	            var sourceToAdd = sources[sourceId];
+	            var newSource;
+	            switch (sourceToAdd.type) {
+	                case 'vector':
+	                case 'raster':
+	                case 'raster-dem': {
+	                    newSource = new FundamentalMapSource(sourceId, {
+	                        name: sourceId,
+	                        tiles: sourceToAdd.tiles,
+	                        type: sourceToAdd.type,
+	                        url: sourceToAdd.url,
+	                        tileSize: 'tileSize' in sourceToAdd ? sourceToAdd.tileSize : undefined
+	                    });
+	                    break;
+	                }
+	                case 'canvas': {
+	                    newSource = new CanvasSource(sourceId, sourceToAdd);
+	                    break;
+	                }
+	                case 'geojson': {
+	                    var dataSource = new DataSource(sourceId, {
+	                        maxZoom: sourceToAdd.maxzoom,
+	                        cluster: sourceToAdd.cluster,
+	                        clusterRadius: sourceToAdd.clusterRadius,
+	                        tolerance: sourceToAdd.tolerance,
+	                        lineMetrics: sourceToAdd.lineMetrics,
+	                        clusterProperties: sourceToAdd.clusterProperties,
+	                        buffer: sourceToAdd.buffer,
+	                        clusterMinPoints: sourceToAdd.clusterMinPoints,
+	                        generateId: sourceToAdd.generateId,
+	                        promoteId: sourceToAdd.promoteId,
+	                        filter: sourceToAdd.filter,
+	                        // attribution?: sourceToAdd.attribution
+	                    });
+	                    if (typeof sourceToAdd.data !== 'string' && sourceToAdd.data !== undefined) {
+	                        dataSource._addNoUpdate(sourceToAdd.data);
 	                    }
+	                    newSource = dataSource;
+	                    break;
 	                }
-	            });
-	            Object.keys(this.sources).forEach(function (sourceId) {
-	                if (!sources.hasOwnProperty(sourceId)) {
-	                    _this.sources.get(sourceId)._setMap(null);
-	                    _this.sources.delete(sourceId);
+	                case 'image': {
+	                    newSource = new ImageSource(sourceId, sourceToAdd);
+	                    break;
 	                }
-	            });
-	        }
+	                case 'video': {
+	                    newSource = new VideoSource(sourceId, sourceToAdd);
+	                    break;
+	                }
+	                default: {
+	                    newSource = new UnknownSource(sourceId, sourceToAdd);
+	                }
+	            }
+	            return newSource;
+	        }).forEach(function (newSource) {
+	            // use deep equality of underlying maplibre sources to determine if the source has been updated or overriden on style update
+	            var existing = _this.sources.get(newSource.getId());
+	            var isUpdate = existing && newSource._isDeepEqual(existing);
+	            if (!isUpdate && existing) {
+	                _this.unsetSourceState(existing.getId());
+	            }
+	            _this.setSourceState(newSource, !isUpdate);
+	        });
+	        // 2. remove the source wrappers that are not in the style
+	        Array.from(this.sources.keys())
+	            .filter(function (sourceId) { return !(sourceId in sources); })
+	            .forEach(function (sourceId) { return _this.unsetSourceState(sourceId); });
 	    };
 	    return SourceManager;
 	}());
 
-	var __extends$_ = (window && window.__extends) || (function () {
+	var __extends$12 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87119,7 +87634,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for animating changes to the map control's camera.
 	 */
 	var AnimationOptions = /** @class */ (function (_super) {
-	    __extends$_(AnimationOptions, _super);
+	    __extends$12(AnimationOptions, _super);
 	    function AnimationOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87143,7 +87658,7 @@ uniform ${precision} ${type} u_${name};
 	    return AnimationOptions;
 	}(Options));
 
-	var __extends$$ = (window && window.__extends) || (function () {
+	var __extends$13 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87162,7 +87677,7 @@ uniform ${precision} ${type} u_${name};
 	 * Represent the amount of padding in pixels to add to the side of a BoundingBox when setting the camera of a map.
 	 */
 	var Padding = /** @class */ (function (_super) {
-	    __extends$$(Padding, _super);
+	    __extends$13(Padding, _super);
 	    function Padding() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87194,7 +87709,7 @@ uniform ${precision} ${type} u_${name};
 	    return Padding;
 	}(Options));
 
-	var __extends$10 = (window && window.__extends) || (function () {
+	var __extends$14 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87236,7 +87751,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -87245,7 +87760,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for setting the bounds of the map control's camera.
 	 */
 	var CameraBoundsOptions = /** @class */ (function (_super) {
-	    __extends$10(CameraBoundsOptions, _super);
+	    __extends$14(CameraBoundsOptions, _super);
 	    function CameraBoundsOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87311,12 +87826,12 @@ uniform ${precision} ${type} u_${name};
 	            }
 	            finally { if (e_1) throw e_1.error; }
 	        }
-	        return _super.prototype.merge.apply(this, __spreadArray$5([], __read$c(valuesList)));
+	        return _super.prototype.merge.apply(this, __spreadArray$6([], __read$c(valuesList)));
 	    };
 	    return CameraBoundsOptions;
 	}(Options));
 
-	var __extends$11 = (window && window.__extends) || (function () {
+	var __extends$15 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87335,7 +87850,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for setting the map control's camera.
 	 */
 	var CameraOptions = /** @class */ (function (_super) {
-	    __extends$11(CameraOptions, _super);
+	    __extends$15(CameraOptions, _super);
 	    function CameraOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87394,7 +87909,7 @@ uniform ${precision} ${type} u_${name};
 	    return CameraOptions;
 	}(Options));
 
-	var __extends$12 = (window && window.__extends) || (function () {
+	var __extends$16 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87413,7 +87928,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a layer of the map.
 	 */
 	var LayerOptions$1 = /** @class */ (function (_super) {
-	    __extends$12(LayerOptions, _super);
+	    __extends$16(LayerOptions, _super);
 	    function LayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87446,7 +87961,7 @@ uniform ${precision} ${type} u_${name};
 	    return LayerOptions;
 	}(Options));
 
-	var __extends$13 = (window && window.__extends) || (function () {
+	var __extends$17 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87466,7 +87981,7 @@ uniform ${precision} ${type} u_${name};
 	 * @deprecated Use BubbleLayerOptions with atlas.layer.BubbleLayer instead.
 	 */
 	var CircleLayerOptions = /** @class */ (function (_super) {
-	    __extends$13(CircleLayerOptions, _super);
+	    __extends$17(CircleLayerOptions, _super);
 	    function CircleLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87498,7 +88013,7 @@ uniform ${precision} ${type} u_${name};
 	    return CircleLayerOptions;
 	}(LayerOptions$1));
 
-	var __extends$14 = (window && window.__extends) || (function () {
+	var __extends$18 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87518,7 +88033,7 @@ uniform ${precision} ${type} u_${name};
 	 * @deprecated Use LineLayerOptions with atlas.layer.LineLayer instead.
 	 */
 	var LinestringLayerOptions = /** @class */ (function (_super) {
-	    __extends$14(LinestringLayerOptions, _super);
+	    __extends$18(LinestringLayerOptions, _super);
 	    function LinestringLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87554,7 +88069,7 @@ uniform ${precision} ${type} u_${name};
 	    return LinestringLayerOptions;
 	}(LayerOptions$1));
 
-	var __extends$15 = (window && window.__extends) || (function () {
+	var __extends$19 = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87574,7 +88089,7 @@ uniform ${precision} ${type} u_${name};
 	 * @deprecated Use SymbolLayerOptions with atlas.layer.SymbolLayer instead.
 	 */
 	var PinLayerOptions = /** @class */ (function (_super) {
-	    __extends$15(PinLayerOptions, _super);
+	    __extends$19(PinLayerOptions, _super);
 	    function PinLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87624,7 +88139,7 @@ uniform ${precision} ${type} u_${name};
 	    return PinLayerOptions;
 	}(LayerOptions$1));
 
-	var __extends$16 = (window && window.__extends) || (function () {
+	var __extends$1a = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87644,7 +88159,7 @@ uniform ${precision} ${type} u_${name};
 	 * @deprecated Use new PolygonLayerOptions with atlas.layer.PolygonLayer instead.
 	 */
 	var PolygonLayerOptions$1 = /** @class */ (function (_super) {
-	    __extends$16(PolygonLayerOptions, _super);
+	    __extends$1a(PolygonLayerOptions, _super);
 	    function PolygonLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87667,7 +88182,7 @@ uniform ${precision} ${type} u_${name};
 	    return PolygonLayerOptions;
 	}(LayerOptions$1));
 
-	var __extends$17 = (window && window.__extends) || (function () {
+	var __extends$1b = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87687,7 +88202,7 @@ uniform ${precision} ${type} u_${name};
 	 * @deprecated Use TileLayerOptions with atlas.layer.TileLayer instead.
 	 */
 	var RasterLayerOptions = /** @class */ (function (_super) {
-	    __extends$17(RasterLayerOptions, _super);
+	    __extends$1b(RasterLayerOptions, _super);
 	    function RasterLayerOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87699,7 +88214,7 @@ uniform ${precision} ${type} u_${name};
 	    return RasterLayerOptions;
 	}(LayerOptions$1));
 
-	var __extends$18 = (window && window.__extends) || (function () {
+	var __extends$1c = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87718,7 +88233,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for the map's lighting.
 	 */
 	var LightOptions = /** @class */ (function (_super) {
-	    __extends$18(LightOptions, _super);
+	    __extends$1c(LightOptions, _super);
 	    function LightOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87758,7 +88273,7 @@ uniform ${precision} ${type} u_${name};
 	    return LightOptions;
 	}(Options));
 
-	var __extends$19 = (window && window.__extends) || (function () {
+	var __extends$1d = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -87800,7 +88315,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -87809,7 +88324,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for the map's style.
 	 */
 	var StyleOptions = /** @class */ (function (_super) {
-	    __extends$19(StyleOptions, _super);
+	    __extends$1d(StyleOptions, _super);
 	    function StyleOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -87866,6 +88381,7 @@ uniform ${precision} ${type} u_${name};
 	         * If false all buildings will be rendered as just their footprints.
 	         * Default `false`
 	         * @default false
+	         * @deprecated
 	         */
 	        _this.showBuildingModels = false;
 	        /**
@@ -87959,12 +88475,12 @@ uniform ${precision} ${type} u_${name};
 	            finally { if (e_1) throw e_1.error; }
 	        }
 	        // Then execute the standard merge behavior.
-	        return _super.prototype.merge.apply(this, __spreadArray$6([], __read$d(valueList)));
+	        return _super.prototype.merge.apply(this, __spreadArray$7([], __read$d(valueList)));
 	    };
 	    return StyleOptions;
 	}(Options));
 
-	var __extends$1a = (window && window.__extends) || (function () {
+	var __extends$1e = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -88017,7 +88533,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -88034,7 +88550,7 @@ uniform ${precision} ${type} u_${name};
 	 * Global properties used in all atlas service requests.
 	 */
 	var ServiceOptions = /** @class */ (function (_super) {
-	    __extends$1a(ServiceOptions, _super);
+	    __extends$1e(ServiceOptions, _super);
 	    function ServiceOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -88252,10 +88768,10 @@ uniform ${precision} ${type} u_${name};
 	        // 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$e(flattened)), __read$e(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$e(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;
 	        }
@@ -88267,7 +88783,7 @@ uniform ${precision} ${type} u_${name};
 	        if (merged.mapConfiguration && typeof merged.mapConfiguration !== 'string') {
 	            merged.mapConfiguration = __assign$9(__assign$9({}, merged.mapConfiguration), { defaultConfiguration: merged.mapConfiguration.defaultConfiguration || merged.mapConfiguration['defaultStyle'], configurations: merged.mapConfiguration.configurations || merged.mapConfiguration['styles'] });
 	        }
-	        this._transformers = __spreadArray$7(__spreadArray$7([], __read$e(currentTransforms || [])), __read$e(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);
 	        }
@@ -88516,7 +89032,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -88569,7 +89085,7 @@ uniform ${precision} ${type} u_${name};
 	            var deferredLayers = Object.entries(layerGroupLayers).reduce(function (deferred, _a) {
 	                var _b = __read$f(_a, 2), groupName = _b[0], layers = _b[1];
 	                var isInInitialLayerGroup = validInitLayerGroups.includes(groupName);
-	                return __spreadArray$8(__spreadArray$8([], __read$f(deferred)), __read$f(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')
@@ -88761,7 +89277,12 @@ uniform ${precision} ${type} u_${name};
 	                        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
 	                        },
@@ -88898,8 +89419,21 @@ uniform ${precision} ${type} u_${name};
 	                diff: diff,
 	                validate: this.serviceOptions.validateStyle,
 	                transformStyle: function (previousStyle, style) {
-	                    // Deep clone a style object to avoid side-effects from object mutation.
-	                    var nextStyle = cloneDeep_1(style);
+	                    var nextStyle = style;
+	                    var shouldProgressiveLoading = (styleOptions.progressiveLoading &&
+	                        // The feature only effective at the initial load.
+	                        !_this.map._isLoaded());
+	                    // Shallow-clone the style object and duplicate layer.layout properties to avoid side-effects.
+	                    if (shouldProgressiveLoading && Array.isArray(style === null || style === void 0 ? void 0 : style.layers)) {
+	                        nextStyle = __assign$a({}, style);
+	                        nextStyle.layers = nextStyle.layers.map(function (layer) {
+	                            var nextLayer = __assign$a({}, layer);
+	                            if (layer.layout) {
+	                                nextLayer.layout = __assign$a({}, layer.layout);
+	                            }
+	                            return nextLayer;
+	                        });
+	                    }
 	                    // 1. derive the base new style (without user layers)
 	                    var targetStyle = _this.deriveNewStyle(previousStyle, nextStyle);
 	                    // 2. derive layer groups for the new style
@@ -88912,12 +89446,9 @@ uniform ${precision} ${type} u_${name};
 	                        .reduce(function (layerGroupLayers, _a) {
 	                        var _b;
 	                        var nextLayer = _a.nextLayer, layerGroup = _a.layerGroup;
-	                        return (__assign$a(__assign$a({}, layerGroupLayers), (_b = {}, _b[layerGroup] = layerGroup in layerGroupLayers ? __spreadArray$8(__spreadArray$8([], __read$f(layerGroupLayers[layerGroup])), [nextLayer]) : [nextLayer], _b)));
+	                        return (__assign$a(__assign$a({}, layerGroupLayers), (_b = {}, _b[layerGroup] = layerGroup in layerGroupLayers ? __spreadArray$9(__spreadArray$9([], __read$f(layerGroupLayers[layerGroup])), [nextLayer]) : [nextLayer], _b)));
 	                    }, {});
 	                    // 3. side effect: progressively render map layers to the canvas to shorten the time to the first meaningful render.
-	                    var shouldProgressiveLoading = (styleOptions.progressiveLoading &&
-	                        // The feature only effective at the initial load.
-	                        !_this.map._isLoaded());
 	                    if (shouldProgressiveLoading) {
 	                        var initLayerGroups = styleOptions.progressiveLoadingInitialLayerGroups;
 	                        if (Array.isArray(initLayerGroups) && initLayerGroups.length > 0) {
@@ -89062,27 +89593,30 @@ uniform ${precision} ${type} u_${name};
 	     * 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$5(this, void 0, void 0, function () {
 	            var requestParams, fetchOptions;
-	            var _b;
-	            return __generator$5(this, function (_c) {
-	                switch (_c.label) {
+	            var _c;
+	            return __generator$5(this, function (_d) {
+	                switch (_d.label) {
 	                    case 0:
 	                        requestParams = {
 	                            url: new Url({
 	                                protocol: "https",
 	                                domain: domain,
 	                                path: path,
-	                                queryParams: __assign$a((_b = {}, _b[constants.apiVersionQueryParameter] = this.serviceOptions.styleAPIVersion, _b), customQueryParams)
+	                                queryParams: __assign$a((_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",
@@ -89099,11 +89633,26 @@ uniform ${precision} ${type} u_${name};
 	                                    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;
 	}());
 
@@ -89112,7 +89661,7 @@ uniform ${precision} ${type} u_${name};
 	 */
 	var isHMREnabled = function () { return 'ENVIRONMENT' in window && !!window['ENVIRONMENT']['hmr']; };
 
-	var __extends$1b = (window && window.__extends) || (function () {
+	var __extends$1f = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -89190,7 +89739,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -89210,7 +89759,7 @@ uniform ${precision} ${type} u_${name};
 	 * The control for a visual and interactive web map.
 	 */
 	var Map$2 = /** @class */ (function (_super) {
-	    __extends$1b(Map, _super);
+	    __extends$1f(Map, _super);
 	    /**
 	     * Displays a map in the specified container.
 	     * @param container The id of the element where the map should be displayed.
@@ -89378,7 +89927,9 @@ uniform ${precision} ${type} u_${name};
 	                _this.events.invoke("error", errorData);
 	            });
 	            // --> Set initial camera state of map
-	            _this.setCamera(__assign$b(__assign$b({}, options), { type: "jump", duration: 0 }));
+	            _this.setCamera(__assign$b(__assign$b({ 
+	                // 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);
@@ -89609,6 +90160,9 @@ uniform ${precision} ${type} u_${name};
 	        if (newOptions.showTileBoundaries !== this.styleOptions.showTileBoundaries) {
 	            this.map.showTileBoundaries = newOptions.showTileBoundaries;
 	        }
+	        if (newOptions.showBuildingModels) {
+	            console.warn("showBuildingModels is deprecated.");
+	        }
 	        // Some delegates may rely on a styledata event to know when to check if the language changes.
 	        // If this function is restructured such that a styledata event won't always trigger
 	        // if the language is changed, then either those delegates need changed
@@ -90006,7 +90560,7 @@ uniform ${precision} ${type} u_${name};
 	            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$g(tileSources)));
+	        urls.push.apply(urls, __spreadArray$a([], __read$g(tileSources)));
 	        layer._setOptionsNoUpdate({
 	            subdomains: urls
 	        });
@@ -90133,6 +90687,9 @@ uniform ${precision} ${type} u_${name};
 	            }
 	        }
 	        if (this.trafficOptions.flow && this.trafficOptions.flow !== "none") {
+	            if (["absolute", "relative-delay"].includes(this.trafficOptions.flow)) {
+	                console.warn("The 'absolute' and 'relative-delay' flow options are deprecated. Please use 'relative' instead.");
+	            }
 	            try {
 	                if (this.trafficOptions.flow !== previousFlowOption) {
 	                    this.flowDelegate.addToMap();
@@ -90175,9 +90732,13 @@ uniform ${precision} ${type} u_${name};
 	     * 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);
@@ -90522,7 +91083,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    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;
@@ -90668,7 +91229,7 @@ uniform ${precision} ${type} u_${name};
 	            lineLength = 50;
 	        }
 	        var lines = c.split(/<(tr|div|br|li|h[0-9]|p>)/);
-	        longestStringLength = Math.max.apply(Math, __spreadArray$a([], __read$h((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;