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

package/dist/atlas-core-bare-snr.js

@@ -87,7 +87,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
     	msClientIdHeaderName: "x-ms-client-id",
     	msOriginHeaderName: "Ms-Am-Request-Origin",
     	msOriginHeaderValue: "MapControl",
-    	resourceId: "https://atlas.microsoft.com/",
+    	aadResourceId: "https://atlas.microsoft.com/.default",
     	sessionIdHeaderName: "Session-Id"
     };
 
@@ -265,7 +265,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return Url;
     }());
 
-    var version = "3.0.0-preview.2";
+    var version = "3.0.0-preview.4";
 
     /**
      * A helper class that provides methods for getting various forms of the map controls current version.
@@ -306,27 +306,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         var tooltipContent = document.createElement("span");
         tooltipContent.innerText = name;
         tooltipContent.classList.add('tooltiptext');
-        // mimics default edge tooltip theming
-        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-            tooltipContent.classList.add('dark');
-        }
-        var themeQuery = window.matchMedia('(prefers-color-scheme: dark)');
-        var onThemeChange = function (e) {
-            var isDark = e.matches;
-            if (isDark && !tooltipContent.classList.contains('dark')) {
-                tooltipContent.classList.add('dark');
-            }
-            else if (!isDark && tooltipContent.classList.contains('dark')) {
-                tooltipContent.classList.remove('dark');
-            }
-        };
-        // compensate for browsers where MediaQueryList is not derived from EventTarget (pre iOS13 Safari)
-        if (typeof themeQuery.addEventListener === 'function') {
-            themeQuery.addEventListener('change', function (e) { return onThemeChange(e); });
-        }
-        else if (typeof themeQuery.addListener === 'function') {
-            themeQuery.addListener(function (e) { return onThemeChange(e); });
-        }
         if (navigator.userAgent.indexOf('Edg') != -1) {
             tooltipContent.classList.add('edge');
         }
@@ -4514,6 +4493,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
             });
             container.addEventListener("focusout", function (event) {
+                if (event.target === currStyleButton) {
+                    // on focusout from reveal button -> reset the tabIndex on the styleOpsGrid elements that could have been set to -1 on esc key press
+                    Array.from(styleOpsGrid.children).forEach(function (e) { return e.removeAttribute('tabIndex'); });
+                }
                 if (!(event.relatedTarget instanceof Node && container.contains(event.relatedTarget))) {
                     _this.hasFocus = false;
                     if (!_this.hasMouse) {
@@ -4528,6 +4511,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 if (event.keyCode === 27) {
                     event.stopPropagation();
                     currStyleButton.focus();
+                    Array.from(styleOpsGrid.children).forEach(function (e) { return e.setAttribute('tabIndex', "-1"); });
                     if (container.classList.contains(StyleControl.Css.inUse)) {
                         container.classList.remove(StyleControl.Css.inUse);
                         styleOpsGrid.classList.add("hidden-accessible-element");
@@ -4793,8 +4777,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              * 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"
@@ -10194,6 +10178,23 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              * @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;
@@ -10235,19 +10236,24 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          * 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;
@@ -10561,13 +10567,38 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 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
          */
@@ -10849,19 +10880,262 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             }
             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; }) ||
@@ -10880,7 +11154,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -10985,7 +11259,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -11004,7 +11278,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -11051,7 +11325,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -11070,7 +11344,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -11140,7 +11414,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -11159,7 +11433,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -11269,7 +11543,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -11288,7 +11562,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -11355,7 +11629,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -11374,7 +11648,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -11478,7 +11752,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -11497,7 +11771,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -11549,7 +11823,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -11568,7 +11842,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -11598,7 +11872,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -11618,7 +11892,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * @internal
      */
     var SourceBuildingLayer = /** @class */ (function (_super) {
-        __extends$x(SourceBuildingLayer, _super);
+        __extends$B(SourceBuildingLayer, _super);
         function SourceBuildingLayer() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
@@ -11630,10 +11904,13 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             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; }) ||
@@ -11652,7 +11929,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -11852,10 +12129,15 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 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; }) ||
@@ -11875,7 +12157,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -11975,7 +12257,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12006,7 +12288,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -12097,7 +12379,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12116,7 +12398,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -12189,7 +12471,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12219,7 +12501,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -12307,7 +12589,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12358,7 +12640,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -12436,7 +12718,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12455,7 +12737,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -12561,7 +12843,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12580,7 +12862,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -12690,7 +12972,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12709,7 +12991,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -12863,7 +13145,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12882,7 +13164,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -12940,7 +13222,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -12971,7 +13253,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -13113,7 +13395,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -13128,27 +13410,144 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
+    var __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);
+    };
     /**
-     * Options used when rendering raster tiled images in a TileLayer.
+     * Used to represent the fundamental map source.
+     * @private
      */
-    var TileLayerOptions = /** @class */ (function (_super) {
-        __extends$J(TileLayerOptions, _super);
-        function TileLayerOptions() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            /**
-             * A bounding box that specifies where tiles are available.
-             * When specified, no tiles outside of the bounding box will be requested.
-             * Default `[-180, -85.0511, 180, 85.0511]`.
-             * @default [-180, -85.0511, 180, 85.0511]
-             */
-            _this.bounds = [-180, -85.0511, 180, 85.0511];
-            /**
-             * An integer specifying the minimum zoom level in which tiles are available from the tile source.
-             * Default `0`.
-             * @default 0
-             */
-            _this.minSourceZoom = 0;
-            /**
+    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; }) ||
+                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 __());
+        };
+    })();
+    /**
+     * Options used when rendering raster tiled images in a TileLayer.
+     */
+    var TileLayerOptions = /** @class */ (function (_super) {
+        __extends$O(TileLayerOptions, _super);
+        function TileLayerOptions() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            /**
+             * A bounding box that specifies where tiles are available.
+             * When specified, no tiles outside of the bounding box will be requested.
+             * Default `[-180, -85.0511, 180, 85.0511]`.
+             * @default [-180, -85.0511, 180, 85.0511]
+             */
+            _this.bounds = [-180, -85.0511, 180, 85.0511];
+            /**
+             * An integer specifying the minimum zoom level in which tiles are available from the tile source.
+             * Default `0`.
+             * @default 0
+             */
+            _this.minSourceZoom = 0;
+            /**
              * An integer specifying the maximum zoom level in which tiles are available from the tile source.
              * Default `22`.
              * @default 22
@@ -13188,7 +13587,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -13203,8 +13602,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __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))
@@ -13212,7 +13611,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             }
             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;
@@ -13229,7 +13628,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -13291,7 +13690,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          * @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,
@@ -13360,7 +13759,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     };
                 }
             }
-            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.
@@ -13369,10 +13768,20 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -13391,7 +13800,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -13403,7 +13812,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -13422,7 +13831,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -13652,7 +14061,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 
     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; }) ||
@@ -13671,7 +14080,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -13740,7 +14149,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -13775,7 +14184,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -14246,7 +14655,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -14265,7 +14674,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -14343,7 +14752,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -14362,7 +14771,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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.
@@ -14674,6 +15083,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 defaultRegion: {
                     code: "NGT",
                     strings: "en/resource.json"
+                },
+                latn: {
+                    code: "NGT-Latn",
+                    strings: "en/resource.json"
                 }
             },
             ar: {
@@ -14720,6 +15133,18 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 us: {
                     code: "en-US",
                     strings: "en/resource.json"
+                },
+                au: {
+                    code: "en-AU",
+                    strings: "en/resource.json"
+                },
+                gb: {
+                    code: "en-GB",
+                    strings: "en/resource.json"
+                },
+                nz: {
+                    code: "en-NZ",
+                    strings: "en/resource.json"
                 }
             },
             es: {
@@ -14845,14 +15270,31 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
             },
             zh: {
+                // per https://microsoft.sharepoint.com/sites/globalreadiness/SitePages/Language-fallback.aspx
+                // Chinese - Neutral (zh) fallbacks to en-US
                 defaultRegion: {
-                    code: "zh-Hant",
-                    strings: "zh-tw/resource.json"
+                    code: "zh",
+                    strings: "en/resource.json"
+                }
+            },
+            "zh-hans": {
+                defaultRegion: {
+                    code: "zh-Hans",
+                    strings: "zh-cn/resource.json"
+                },
+                cn: {
+                    code: "zh-Hans-CN",
+                    strings: "zh-cn/resource.json"
                 }
             },
             "zh-hant": {
+                // per discussion with global readiness team, we were explicitly asked to not fallback zh-hant to zh-tw
                 defaultRegion: {
                     code: "zh-Hant",
+                    strings: "en/resource.json"
+                },
+                tw: {
+                    code: "zh-Hant-TW",
                     strings: "zh-tw/resource.json"
                 }
             }
@@ -15054,7 +15496,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -15099,7 +15541,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         /**
          * The AAD implicit grant mechanism. Recommended for pages protected by a sign-in.
          * By default the page will be redirected to the AAD login when the map control initializes.
-         * Specify a logged-in `AuthenticationContext` in the `AuthenticationOptions`
+         * Specify a logged-in `PublicClientApplication` in the `AuthenticationOptions`
          * for greater control over when/how the users signs in.
          * Literal value `"aad"`
          */
@@ -15120,7 +15562,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -15164,7 +15606,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              */
             _this.sasToken = undefined;
             /**
-             * Optionally provide an existing `AuthenticationContext` from the ADAL.js library.
+             * Optionally provide an existing `PublicClientApplication` from the MSAL.js library.
              * This authentication context will be used to acquire the AAD token.
              * Only used with the AAD authentication type.
              * This auth context must be configured to use the same AAD app ID as `this.aadAppId`.
@@ -15187,7 +15629,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          * @param aadAppId Azure AD App ID
          * @param aadTenant Azure AD Tenant Name
          * @param aadInstance An optional Azure AD Instance
-         * @param authContext An optional `AuthenticationContext` from the ADAL.js library
+         * @param authContext An optional `PublicClientApplication` from the MSAL.js library
          */
         AuthenticationOptions.prototype.setAadProperties = function (clientId, aadAppId, aadTenant, aadInstance, authContext) {
             this.authType = exports.AuthenticationType.aad;
@@ -15481,7 +15923,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
     /**
      * Specifies which set of geopolitically disputed borders and labels are displayed on the map. The View parameter (also referred to as “user region parameter”) is a 2-letter ISO-3166 Country Code that will show the correct maps for that country/region. Country/Regions that are not on the View list or if unspecified will default to the “Unified” View.
      * Please see the supported [Views]{@link https://aka.ms/AzureMapsLocalizationViews }.
-     * It is your responsibility to determine the location of your users, and then set the View parameter correctly for that location. The View parameter in Azure Maps must be used in compliance with applicable laws, including those regarding mapping, of the country where maps, images and other data and third party content that You are authorized to access via Azure Maps is made available.
+     * It is your responsibility to determine the location of your users, and then set the View parameter correctly for that location. The View parameter in Azure Maps must be used in compliance with applicable laws, including those regarding mapping, of the country/region where maps, images and other data and third party content that You are authorized to access via Azure Maps is made available.
      * @param view The new default view
      */
     function setView(view) {
@@ -15721,7 +16163,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -15740,7 +16182,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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;
             /**
@@ -15769,7 +16211,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -15788,7 +16230,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * @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) {
@@ -15909,8 +16351,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return CopyrightControl;
     }(ControlBase));
 
-    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))
@@ -15918,7 +16360,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             }
             return t;
         };
-        return __assign$4.apply(this, arguments);
+        return __assign$5.apply(this, arguments);
     };
 
     var __awaiter$1 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -15973,6 +16415,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
+    var __spreadArray$2 = (window && window.__spreadArray) || function (to, from) {
+        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+            to[j] = from[i];
+        return to;
+    };
 
     /**
      * @private
@@ -16136,7 +16583,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         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; }) ||
@@ -16155,7 +16602,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * The options for enabling/disabling user interaction with the map.
      */
     var UserInteractionOptions = /** @class */ (function (_super) {
-        __extends$U(UserInteractionOptions, _super);
+        __extends$Z(UserInteractionOptions, _super);
         function UserInteractionOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -16546,8 +16993,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return ControlManager;
     }());
 
-    var __assign$5 = (window && window.__assign) || function () {
-        __assign$5 = Object.assign || function(t) {
+    var __assign$6 = (window && window.__assign) || function () {
+        __assign$6 = 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))
@@ -16555,7 +17002,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             }
             return t;
         };
-        return __assign$5.apply(this, arguments);
+        return __assign$6.apply(this, arguments);
     };
     /**
      * @private
@@ -16599,7 +17046,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     case "sourcedata":
                     case "styledata":
                         modifiedCallback = function (data) {
-                            var mapEventData = __assign$5(__assign$5({ dataType: data.dataType }, (data.dataType === "source" && __assign$5(__assign$5(__assign$5({ isSourceLoaded: data.isSourceLoaded }, (data.sourceDataType && { sourceDataType: data.sourceDataType })), { source: _this.map.sources.getById(data.sourceId) }), (data.tile && {
+                            var mapEventData = __assign$6(__assign$6({ dataType: data.dataType }, (data.dataType === "source" && __assign$6(__assign$6(__assign$6({ 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,
@@ -17484,7 +17931,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return ImageSpriteManager;
     }());
 
-    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; }) ||
@@ -17516,7 +17963,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * @private
      */
     var FundamentalMapLayer = /** @class */ (function (_super) {
-        __extends$V(FundamentalMapLayer, _super);
+        __extends$_(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.
@@ -17605,7 +18052,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$2 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$3 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -17743,6 +18190,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // 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 {
@@ -18041,7 +18490,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     // If a specified layer hasn't been added to the map throw an error.
                     var index = this_1.layerIndex.findIndex(function (l) { return l.getId() === layerId; });
                     if (index > -1) {
-                        layerIds.push.apply(layerIds, __spreadArray$2([], __read$8(this_1.layerIndex[index]._getLayerIds()
+                        layerIds.push.apply(layerIds, __spreadArray$3([], __read$8(this_1.layerIndex[index]._getLayerIds()
                             .filter(function (id) { return !!_this.map._getMap().getLayer(id); }))));
                     }
                     else {
@@ -18111,6 +18560,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             if (userLayerIndex != -1) {
                 this.userLayers.splice(userLayerIndex, 1);
             }
+            if (layer instanceof SourceBuildingLayer) {
+                this.map.sources.unsetSourceState(layer._getSourceId());
+            }
             tempLayer.onRemove();
         };
         return LayerManager;
@@ -18281,92 +18733,6 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return PopupManager;
     }());
 
-    var __extends$W = (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$6 = (window && window.__assign) || function () {
-        __assign$6 = 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$6.apply(this, arguments);
-    };
-    /**
-     * Used to represent the fundamental map source.
-     * @private
-     */
-    var FundamentalMapSource = /** @class */ (function (_super) {
-        __extends$W(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$6(__assign$6({}, 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$6(__assign$6({}, 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);
@@ -18539,6 +18905,23 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 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)) {
@@ -18546,8 +18929,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     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 + "'");
@@ -18564,8 +18946,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     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) {
@@ -18577,8 +18958,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
                 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
@@ -18620,51 +19000,90 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         };
         /**
          * 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$X = (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; }) ||
@@ -18683,7 +19102,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * The options for animating changes to the map control's camera.
      */
     var AnimationOptions = /** @class */ (function (_super) {
-        __extends$X(AnimationOptions, _super);
+        __extends$$(AnimationOptions, _super);
         function AnimationOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -18707,7 +19126,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return AnimationOptions;
     }(Options));
 
-    var __extends$Y = (window && window.__extends) || (function () {
+    var __extends$10 = (window && window.__extends) || (function () {
         var extendStatics = function (d, b) {
             extendStatics = Object.setPrototypeOf ||
                 ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -18726,7 +19145,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * 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$Y(Padding, _super);
+        __extends$10(Padding, _super);
         function Padding() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -18758,7 +19177,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return Padding;
     }(Options));
 
-    var __extends$Z = (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; }) ||
@@ -18800,7 +19219,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$3 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$4 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -18809,7 +19228,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * The options for setting the bounds of the map control's camera.
      */
     var CameraBoundsOptions = /** @class */ (function (_super) {
-        __extends$Z(CameraBoundsOptions, _super);
+        __extends$11(CameraBoundsOptions, _super);
         function CameraBoundsOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -18875,12 +19294,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
                 finally { if (e_1) throw e_1.error; }
             }
-            return _super.prototype.merge.apply(this, __spreadArray$3([], __read$9(valuesList)));
+            return _super.prototype.merge.apply(this, __spreadArray$4([], __read$9(valuesList)));
         };
         return CameraBoundsOptions;
     }(Options));
 
-    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; }) ||
@@ -18899,7 +19318,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * The options for setting the map control's camera.
      */
     var CameraOptions = /** @class */ (function (_super) {
-        __extends$_(CameraOptions, _super);
+        __extends$12(CameraOptions, _super);
         function CameraOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -18958,7 +19377,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return CameraOptions;
     }(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; }) ||
@@ -18977,7 +19396,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * The options for a layer of the map.
      */
     var LayerOptions$1 = /** @class */ (function (_super) {
-        __extends$$(LayerOptions, _super);
+        __extends$13(LayerOptions, _super);
         function LayerOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19010,7 +19429,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return LayerOptions;
     }(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; }) ||
@@ -19030,7 +19449,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * @deprecated Use BubbleLayerOptions with atlas.layer.BubbleLayer instead.
      */
     var CircleLayerOptions = /** @class */ (function (_super) {
-        __extends$10(CircleLayerOptions, _super);
+        __extends$14(CircleLayerOptions, _super);
         function CircleLayerOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19062,7 +19481,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return CircleLayerOptions;
     }(LayerOptions$1));
 
-    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; }) ||
@@ -19082,7 +19501,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * @deprecated Use LineLayerOptions with atlas.layer.LineLayer instead.
      */
     var LinestringLayerOptions = /** @class */ (function (_super) {
-        __extends$11(LinestringLayerOptions, _super);
+        __extends$15(LinestringLayerOptions, _super);
         function LinestringLayerOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19118,7 +19537,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return LinestringLayerOptions;
     }(LayerOptions$1));
 
-    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; }) ||
@@ -19138,7 +19557,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * @deprecated Use SymbolLayerOptions with atlas.layer.SymbolLayer instead.
      */
     var PinLayerOptions = /** @class */ (function (_super) {
-        __extends$12(PinLayerOptions, _super);
+        __extends$16(PinLayerOptions, _super);
         function PinLayerOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19188,7 +19607,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return PinLayerOptions;
     }(LayerOptions$1));
 
-    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; }) ||
@@ -19208,7 +19627,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * @deprecated Use new PolygonLayerOptions with atlas.layer.PolygonLayer instead.
      */
     var PolygonLayerOptions$1 = /** @class */ (function (_super) {
-        __extends$13(PolygonLayerOptions, _super);
+        __extends$17(PolygonLayerOptions, _super);
         function PolygonLayerOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19231,7 +19650,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return PolygonLayerOptions;
     }(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; }) ||
@@ -19251,7 +19670,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * @deprecated Use TileLayerOptions with atlas.layer.TileLayer instead.
      */
     var RasterLayerOptions = /** @class */ (function (_super) {
-        __extends$14(RasterLayerOptions, _super);
+        __extends$18(RasterLayerOptions, _super);
         function RasterLayerOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19263,7 +19682,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return RasterLayerOptions;
     }(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; }) ||
@@ -19282,7 +19701,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * The options for the map's lighting.
      */
     var LightOptions = /** @class */ (function (_super) {
-        __extends$15(LightOptions, _super);
+        __extends$19(LightOptions, _super);
         function LightOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19322,7 +19741,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         return LightOptions;
     }(Options));
 
-    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; }) ||
@@ -19364,7 +19783,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$4 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$5 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -19373,7 +19792,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * The options for the map's style.
      */
     var StyleOptions = /** @class */ (function (_super) {
-        __extends$16(StyleOptions, _super);
+        __extends$1a(StyleOptions, _super);
         function StyleOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19430,6 +19849,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              * If false all buildings will be rendered as just their footprints.
              * Default `false`
              * @default false
+             * @deprecated
              */
             _this.showBuildingModels = false;
             /**
@@ -19475,7 +19895,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             /**
              * Specifies which set of geopolitically disputed borders and labels are displayed on the map. The View parameter (also referred to as “user region parameter”) is a 2-letter ISO-3166 Country Code that will show the correct maps for that country/region. Country/Regions that are not on the View list or if unspecified will default to the “Unified” View.
              * Please see the supported [Views]{@link https://aka.ms/AzureMapsLocalizationViews}
-             * It is your responsibility to determine the location of your users, and then set the View parameter correctly for that location. The View parameter in Azure Maps must be used in compliance with applicable laws, including those regarding mapping, of the country where maps, images and other data and third party content that You are authorized to access via Azure Maps is made available.
+             * It is your responsibility to determine the location of your users, and then set the View parameter correctly for that location. The View parameter in Azure Maps must be used in compliance with applicable laws, including those regarding mapping, of the country/region where maps, images and other data and third party content that You are authorized to access via Azure Maps is made available.
              * default: `undefined`
              * @default undefined
              */
@@ -19523,12 +19943,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 finally { if (e_1) throw e_1.error; }
             }
             // Then execute the standard merge behavior.
-            return _super.prototype.merge.apply(this, __spreadArray$4([], __read$a(valueList)));
+            return _super.prototype.merge.apply(this, __spreadArray$5([], __read$a(valueList)));
         };
         return StyleOptions;
     }(Options));
 
-    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; }) ||
@@ -19581,7 +20001,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$5 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$6 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -19598,7 +20018,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * Global properties used in all atlas service requests.
      */
     var ServiceOptions = /** @class */ (function (_super) {
-        __extends$17(ServiceOptions, _super);
+        __extends$1b(ServiceOptions, _super);
         function ServiceOptions() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             /**
@@ -19816,10 +20236,10 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // won't change default behavior in Options as usually that's what desired
             // instead capture it here and reassign.
             var currentTransforms = this._transformers;
-            var transformersToMerge = valueList ? valueList.filter(function (value) { return value !== undefined; }).reduce(function (flattened, value) { return __spreadArray$5(__spreadArray$5([], __read$b(flattened)), __read$b(value._transformers || [])); }, []) : [];
+            var transformersToMerge = valueList ? valueList.filter(function (value) { return value !== undefined; }).reduce(function (flattened, value) { return __spreadArray$6(__spreadArray$6([], __read$b(flattened)), __read$b(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$5([], __read$b(valueList)));
+            var merged = _super.prototype.merge.apply(this, __spreadArray$6([], __read$b(valueList)));
             if (merged.authOptions.authType !== exports.AuthenticationType.subscriptionKey) {
                 merged["subscription-key"] = merged.subscriptionKey = undefined;
             }
@@ -19831,7 +20251,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             if (merged.mapConfiguration && typeof merged.mapConfiguration !== 'string') {
                 merged.mapConfiguration = __assign$7(__assign$7({}, merged.mapConfiguration), { defaultConfiguration: merged.mapConfiguration.defaultConfiguration || merged.mapConfiguration['defaultStyle'], configurations: merged.mapConfiguration.configurations || merged.mapConfiguration['styles'] });
             }
-            this._transformers = __spreadArray$5(__spreadArray$5([], __read$b(currentTransforms || [])), __read$b(transformersToMerge.filter(function (toMerge) { return !currentTransforms.includes(toMerge); })));
+            this._transformers = __spreadArray$6(__spreadArray$6([], __read$b(currentTransforms || [])), __read$b(transformersToMerge.filter(function (toMerge) { return !currentTransforms.includes(toMerge); })));
             if (this.transformRequest && !this._transformers.includes(this.transformRequest)) {
                 this._transformers.push(this.transformRequest);
             }
@@ -20080,7 +20500,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$6 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$7 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -20107,6 +20527,13 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
              * Preserve the map configuration that was used before the indoor map configuration was set
              */
             this.preservedPreindoorMapConfiguration = undefined;
+            /**
+             * The state of the progressive loading
+             */
+            this._progressiveLoadingState = {
+                mapStyle: undefined,
+                pendingVisibilityChange: undefined,
+            };
             this._deferLayerGroupVisibilities = function (layerGroupLayers, initLayerGroups) {
                 var validInitLayerGroups = initLayerGroups.filter(function (groupName) { return groupName in layerGroupLayers; });
                 // If the initial layer groups are invalid, skip the progressive loading.
@@ -20114,11 +20541,19 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     return;
                 var map = _this.map._getMap();
                 var currentZoomLevel = map.getZoom();
-                // Select the layers to be deferred
+                var currentMapStyle = _this.map.getStyle().style;
+                // Cancel and release previous pending callback, if any.
+                if (_this._progressiveLoadingState.pendingVisibilityChange) {
+                    _this.map.events.remove('load', _this._progressiveLoadingState.pendingVisibilityChange);
+                    _this._progressiveLoadingState.pendingVisibilityChange = null;
+                }
+                // Keep the current map style for future comparison.
+                _this._progressiveLoadingState.mapStyle = currentMapStyle;
+                // Select deferrable layers
                 var deferredLayers = Object.entries(layerGroupLayers).reduce(function (deferred, _a) {
                     var _b = __read$c(_a, 2), groupName = _b[0], layers = _b[1];
                     var isInInitialLayerGroup = validInitLayerGroups.includes(groupName);
-                    return __spreadArray$6(__spreadArray$6([], __read$c(deferred)), __read$c(layers.filter(function (layer) {
+                    return __spreadArray$7(__spreadArray$7([], __read$c(deferred)), __read$c(layers.filter(function (layer) {
                         var _a;
                         // Exclude custom layers
                         if (layer.type === 'custom')
@@ -20141,22 +20576,34 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                                 return false;
                             }
                         }
-                        // Defer visible layers only.
+                        // Select visible layers only.
                         return ((_a = layer.layout) === null || _a === void 0 ? void 0 : _a.visibility) !== 'none';
                     })));
                 }, []);
-                // Hide the deferred layers at initial load, therefore we can save the render time.
+                // Hide the deferrable layers at initial load, therefore we can save the render time.
                 deferredLayers.forEach(function (layer) {
+                    // Since this happens before sending style object into the map rendering,
+                    // we only need to update the style object, but not necessary to update maplibre's layout properties.
                     layer.layout = layer.layout || {};
                     layer.layout.visibility = 'none';
                 });
-                // Make the deferred layers visible once the map instance is fully loaded
-                _this.map.events.addOnce('load', function () {
+                // Make the deferred layers visible once the map instance is fully loaded.
+                _this._progressiveLoadingState.pendingVisibilityChange = function () {
+                    // Release the callback.
+                    _this._progressiveLoadingState.pendingVisibilityChange = null;
+                    // Bail out the callback once map style has changed.
+                    var nextMapStyle = _this.map.getStyle().style;
+                    if (currentMapStyle !== nextMapStyle)
+                        return;
+                    // Make deferred layers visible
                     deferredLayers.forEach(function (layer) {
+                        // This happens after the map rendering; Therefore, we need to update
+                        // both the style object and the maplibre's layout properties.
                         layer.layout.visibility = 'visible';
                         map.setLayoutProperty(layer.id, 'visibility', 'visible');
                     });
-                });
+                };
+                _this.map.events.addOnce('load', _this._progressiveLoadingState.pendingVisibilityChange);
             };
             this._onStyleData = function () {
                 _this._lookUpAsync(_this.map.getStyle()).then(function (style) {
@@ -20298,7 +20745,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                             domain: _this.serviceOptions.staticAssetsDomain,
                             path: constants.stylePath + "/" + constants.styleResourcePath + "/" + style.name,
                             queryParams: {
-                                styleVersion: _this.serviceOptions.styleDefinitionsVersion,
+                                // Use the style version from the API response if it's available,
+                                // otherwise fallback to the version specified in the serviceOptions.
+                                // This is needed for flight testing the 2023-01-01 style version.
+                                styleVersion: definitions.version !== undefined && definitions.version !== null
+                                    ? definitions.version
+                                    : _this.serviceOptions.styleDefinitionsVersion
                                 // thus far we don't need to differentiate based on parameter here, as stylePatch will be called on cached styles as well 
                                 //language: styleOptions.language
                             },
@@ -20348,19 +20800,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             // should be modified before they are applied to the map.
             var styleOptions = this.map.getStyle();
             var trafficOptions = this.map.getTraffic();
-            return __assign$8(__assign$8({}, nextStyle), { 
-                // force a replacement of language placeholder in the tileset url to avoid resolution to a same cache with placeholders on language change
-                sources: Object.entries(nextStyle.sources).reduce(function (newSources, _a) {
-                    var _b = __read$c(_a, 2), sourceKey = _b[0], source = _b[1];
-                    var newSource = __assign$8({}, source);
-                    if ('url' in newSource && typeof newSource.url === 'string') {
-                        if (newSource.url.includes(constants.languagePlaceHolder)) {
-                            newSource.url = newSource.url.replace(constants.languagePlaceHolder, styleOptions.language);
-                        }
-                    }
-                    newSources[sourceKey] = newSource;
-                    return newSources;
-                }, {}), layers: nextStyle.layers.map(function (layer) {
+            return __assign$8(__assign$8({}, nextStyle), { layers: nextStyle.layers.map(function (layer) {
                     var _a, _b, _c, _d, _e, _f;
                     var nextLayer = __assign$8({}, layer);
                     var layerGroup = LayerGroupComparator.getLayerGroup(nextLayer);
@@ -20446,7 +20886,22 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 this.map._getMap().setStyle(this.getStyle(styleOptions), {
                     diff: diff,
                     validate: this.serviceOptions.validateStyle,
-                    transformStyle: function (previousStyle, nextStyle) {
+                    transformStyle: function (previousStyle, 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$8({}, style);
+                            nextStyle.layers = nextStyle.layers.map(function (layer) {
+                                var nextLayer = __assign$8({}, layer);
+                                if (layer.layout) {
+                                    nextLayer.layout = __assign$8({}, 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
@@ -20459,12 +20914,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                             .reduce(function (layerGroupLayers, _a) {
                             var _b;
                             var nextLayer = _a.nextLayer, layerGroup = _a.layerGroup;
-                            return (__assign$8(__assign$8({}, layerGroupLayers), (_b = {}, _b[layerGroup] = layerGroup in layerGroupLayers ? __spreadArray$6(__spreadArray$6([], __read$c(layerGroupLayers[layerGroup])), [nextLayer]) : [nextLayer], _b)));
+                            return (__assign$8(__assign$8({}, layerGroupLayers), (_b = {}, _b[layerGroup] = layerGroup in layerGroupLayers ? __spreadArray$7(__spreadArray$7([], __read$c(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) {
@@ -20609,27 +21061,30 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          * Fetches a json resource at the specified domain and path.
          */
         StyleManager.prototype._request = function (domain, path, resourceType, customQueryParams) {
-            var _a;
+            var _a, _b;
             if (customQueryParams === void 0) { customQueryParams = {}; }
             return __awaiter$2(this, void 0, void 0, function () {
                 var requestParams, fetchOptions;
-                var _b;
-                return __generator$2(this, function (_c) {
-                    switch (_c.label) {
+                var _c;
+                return __generator$2(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             requestParams = {
                                 url: new Url({
                                     protocol: "https",
                                     domain: domain,
                                     path: path,
-                                    queryParams: __assign$8((_b = {}, _b[constants.apiVersionQueryParameter] = this.serviceOptions.styleAPIVersion, _b), customQueryParams)
+                                    queryParams: __assign$8((_c = {}, _c[constants.apiVersionQueryParameter] = this.serviceOptions.styleAPIVersion, 
+                                    // Generate a hash code to avoid cache conflict
+                                    // TODO: Remove this once style version 2023-01-01 is publicly available
+                                    _c.hash = StyleManager._hashCode((_a = this.map.authentication) === null || _a === void 0 ? void 0 : _a.getToken()), _c), customQueryParams)
                                 }).toString()
                             };
                             if (typeof this.serviceOptions.transformRequest === "function" && resourceType) {
                                 // If a transformRequest(...) was specified use it.
                                 requestParams = this.serviceOptions.transformRequest(requestParams.url, resourceType);
                             }
-                            (_a = this.map.authentication) === null || _a === void 0 ? void 0 : _a.signRequest(requestParams);
+                            (_b = this.map.authentication) === null || _b === void 0 ? void 0 : _b.signRequest(requestParams);
                             fetchOptions = {
                                 method: "GET",
                                 mode: "cors",
@@ -20646,11 +21101,26 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                                         throw new Error("HTTP " + response.status + ": " + response.statusText + " ");
                                     }
                                 })];
-                        case 1: return [2 /*return*/, _c.sent()];
+                        case 1: return [2 /*return*/, _d.sent()];
                     }
                 });
             });
         };
+        /**
+         * A basic helper function to generate a hash from an input string.
+         */
+        StyleManager._hashCode = function (str) {
+            if (str === void 0) { str = ""; }
+            var chr, hash = 0;
+            if (!str)
+                return hash;
+            for (var i = 0; i < str.length; i++) {
+                chr = str.charCodeAt(i);
+                hash = (hash << 5) - hash + chr;
+                hash |= 0; // Convert to 32bit integer
+            }
+            return hash;
+        };
         return StyleManager;
     }());
 
@@ -20659,7 +21129,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      */
     var isHMREnabled = function () { return 'ENVIRONMENT' in window && !!window['ENVIRONMENT']['hmr']; };
 
-    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; }) ||
@@ -20737,7 +21207,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$7 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$8 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -20757,7 +21227,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
      * The control for a visual and interactive web map.
      */
     var Map$2 = /** @class */ (function (_super) {
-        __extends$18(Map, _super);
+        __extends$1c(Map, _super);
         /**
          * Displays a map in the specified container.
          * @param container The id of the element where the map should be displayed.
@@ -20921,7 +21391,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     _this.events.invoke("error", errorData);
                 });
                 // --> Set initial camera state of map
-                _this.setCamera(__assign$9(__assign$9({}, options), { type: "jump", duration: 0 }));
+                _this.setCamera(__assign$9(__assign$9({ 
+                    // Default minZoom to ensure the map doesn't zoom out to unsupported zoom levels.
+                    minZoom: 1 }, options), { type: "jump", duration: 0 }));
                 _this.flowDelegate = new FlowServiceDelegate(_this);
                 _this.accessibleMapDelegate = new AccessibleMapDelegate(_this);
                 _this.userInteractionDelegate = new UserInteractionDelegate(_this, options);
@@ -21026,6 +21498,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                     };
                     throw new Error(JSON.stringify(errorDetails));
                 }
+                if ('pitch' in options) {
+                    mapboxCameraOptions.pitch = options.pitch;
+                }
+                if ('bearing' in options) {
+                    mapboxCameraOptions.bearing = options.bearing;
+                }
                 this.map.setMaxZoom(cameraBoundsOptions.maxZoom);
                 this._invokeEvent("maxzoomchanged", this.map.getMaxZoom());
                 maxBounds = this._generateSafeBounds(cameraBoundsOptions.maxBounds);
@@ -21144,12 +21622,16 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
             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
             // or the styledata event manually invoked.
+            var noDiffOnLanguageViewChange = diff && (this.styleOptions.language === newOptions.language && this.styleOptions.view === newOptions.view);
             this.styleOptions = newOptions;
-            this._setStyleComponents(newOptions, diff);
+            this._setStyleComponents(newOptions, noDiffOnLanguageViewChange);
         };
         /**
          * Returns the map control's current style settings.
@@ -21540,7 +22022,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 urls = layer.getOptions().subdomains || [];
             }
             // Add the tile urls to the layer, but don't update the map yet.
-            urls.push.apply(urls, __spreadArray$7([], __read$d(tileSources)));
+            urls.push.apply(urls, __spreadArray$8([], __read$d(tileSources)));
             layer._setOptionsNoUpdate({
                 subdomains: urls
             });
@@ -21667,6 +22149,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 }
             }
             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();
@@ -21709,9 +22194,13 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
          * Clean up the map's resources. Map will not function correctly after calling this method.
          */
         Map.prototype.dispose = function () {
+            var _a;
             this.clear();
             this.map.remove();
+            (_a = this.authentication) === null || _a === void 0 ? void 0 : _a.dispose();
             this.removed = true;
+            // Remove event listeners
+            window.removeEventListener("resize", this._windowResizeCallback);
             while (this.getMapContainer().firstChild) {
                 var currChild = this.getMapContainer().firstChild;
                 this.getMapContainer().removeChild(currChild);
@@ -22056,7 +22545,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
         }
         return ar;
     };
-    var __spreadArray$8 = (window && window.__spreadArray) || function (to, from) {
+    var __spreadArray$9 = (window && window.__spreadArray) || function (to, from) {
         for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
             to[j] = from[i];
         return to;
@@ -22202,7 +22691,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
                 lineLength = 50;
             }
             var lines = c.split(/<(tr|div|br|li|h[0-9]|p>)/);
-            longestStringLength = Math.max.apply(Math, __spreadArray$8([], __read$e((lines.map(function (el) { return el.replace(/<[a-zA-Z0-9\s=\/]+>/g, "").length; }))))) - 1;
+            longestStringLength = Math.max.apply(Math, __spreadArray$9([], __read$e((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;