azure-maps-control 3.0.3 → 3.1.0

package/dist/atlas-core-snr.js

@@ -50922,7 +50922,7 @@ uniform ${precision} ${type} u_${name};
 		sessionIdHeaderName: "Session-Id"
 	};
 
-	var __values$l = (window && window.__values) || function(o) {
+	var __values$k = (window && window.__values) || function(o) {
 	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
 	    if (m) return m.call(o);
 	    if (o && typeof o.length === "number") return {
@@ -50950,7 +50950,7 @@ uniform ${precision} ${type} u_${name};
 	        }
 	        var defaults;
 	        try {
-	            for (var valuesList_1 = __values$l(valuesList), valuesList_1_1 = valuesList_1.next(); !valuesList_1_1.done; valuesList_1_1 = valuesList_1.next()) {
+	            for (var valuesList_1 = __values$k(valuesList), valuesList_1_1 = valuesList_1.next(); !valuesList_1_1.done; valuesList_1_1 = valuesList_1.next()) {
 	                var values = valuesList_1_1.value;
 	                if (!values) {
 	                    continue;
@@ -50990,7 +50990,7 @@ uniform ${precision} ${type} u_${name};
 	    return Options;
 	}());
 
-	var __extends$1f = (window && window.__extends) || (function () {
+	var __extends$1g = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -51005,7 +51005,7 @@ uniform ${precision} ${type} u_${name};
 	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	    };
 	})();
-	var __read$e = (window && window.__read) || function (o, n) {
+	var __read$d = (window && window.__read) || function (o, n) {
 	    var m = typeof Symbol === "function" && o[Symbol.iterator];
 	    if (!m) return o;
 	    var i = m.call(o), r, ar = [], e;
@@ -51025,7 +51025,7 @@ uniform ${precision} ${type} u_${name};
 	 * @private
 	 */
 	var UrlOptions = /** @class */ (function (_super) {
-	    __extends$1f(UrlOptions, _super);
+	    __extends$1g(UrlOptions, _super);
 	    function UrlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        _this.domain = undefined;
@@ -51065,7 +51065,7 @@ uniform ${precision} ${type} u_${name};
 	        var self = this;
 	        var queryParamsString = Object.entries(self.options.queryParams)
 	            .map(function (_a) {
-	            var _b = __read$e(_a, 2), key = _b[0], value = _b[1];
+	            var _b = __read$d(_a, 2), key = _b[0], value = _b[1];
 	            return "".concat(key, "=").concat(value);
 	        })
 	            .join("&");
@@ -51096,7 +51096,7 @@ uniform ${precision} ${type} u_${name};
 	    return Url;
 	}());
 
-	var version = "3.0.3";
+	var version = "3.1.0";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -51206,7 +51206,7 @@ uniform ${precision} ${type} u_${name};
 	    eventTarget.addEventListener("keydown", dismissTooltip);
 	};
 
-	var __extends$1e = (window && window.__extends) || (function () {
+	var __extends$1f = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -51256,7 +51256,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for adding a control to the map.
 	 */
 	var ControlOptions = /** @class */ (function (_super) {
-	    __extends$1e(ControlOptions, _super);
+	    __extends$1f(ControlOptions, _super);
 	    function ControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -51400,7 +51400,7 @@ uniform ${precision} ${type} u_${name};
 		EventEmitter: EventEmitter
 	});
 
-	var __extends$1d = (window && window.__extends) || (function () {
+	var __extends$1e = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -51420,7 +51420,7 @@ uniform ${precision} ${type} u_${name};
 	 * Implements control interface and provides support for automatic styling based on the map style.
 	 */
 	var ControlBase = /** @class */ (function (_super) {
-	    __extends$1d(ControlBase, _super);
+	    __extends$1e(ControlBase, _super);
 	    function ControlBase() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -51522,7 +51522,7 @@ uniform ${precision} ${type} u_${name};
 	    return ControlBase;
 	}(EventEmitter));
 
-	var __extends$1c = (window && window.__extends) || (function () {
+	var __extends$1d = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -51541,7 +51541,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a CompassControl object.
 	 */
 	var CompassControlOptions = /** @class */ (function (_super) {
-	    __extends$1c(CompassControlOptions, _super);
+	    __extends$1d(CompassControlOptions, _super);
 	    function CompassControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -51566,7 +51566,7 @@ uniform ${precision} ${type} u_${name};
 	    return CompassControlOptions;
 	}(Options));
 
-	var __extends$1b = (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; }) ||
@@ -51585,7 +51585,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the rotation of the map.
 	 */
 	var CompassControl = /** @class */ (function (_super) {
-	    __extends$1b(CompassControl, _super);
+	    __extends$1c(CompassControl, _super);
 	    /**
 	     * Constructs a CompassControl.
 	     * @param options The options for the control.
@@ -51763,7 +51763,7 @@ uniform ${precision} ${type} u_${name};
 	    return CompassControl;
 	}(ControlBase));
 
-	var __extends$1a = (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; }) ||
@@ -51782,7 +51782,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a PitchControl object.
 	 */
 	var PitchControlOptions = /** @class */ (function (_super) {
-	    __extends$1a(PitchControlOptions, _super);
+	    __extends$1b(PitchControlOptions, _super);
 	    function PitchControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -51807,7 +51807,7 @@ uniform ${precision} ${type} u_${name};
 	    return PitchControlOptions;
 	}(Options));
 
-	var __extends$19 = (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; }) ||
@@ -51826,7 +51826,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the pitch of the map.
 	 */
 	var PitchControl = /** @class */ (function (_super) {
-	    __extends$19(PitchControl, _super);
+	    __extends$1a(PitchControl, _super);
 	    /**
 	     * Constructs a PitchControl.
 	     * @param options The options for the control.
@@ -52047,6 +52047,74 @@ uniform ${precision} ${type} u_${name};
 	    return PitchControl;
 	}(ControlBase));
 
+	var __extends$19 = (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 __());
+	    };
+	})();
+	/**
+	 * A control to display a scale bar on the map.
+	 */
+	var ScaleControl = /** @class */ (function (_super) {
+	    __extends$19(ScaleControl, _super);
+	    /**
+	     * A control to displays a scale bar relative to the pixel resolution at the center of the map.
+	     * @param options Options for defining how the control is rendered and functions.
+	     */
+	    function ScaleControl(options) {
+	        var _this = _super.call(this) || this;
+	        _this.map = null;
+	        _this.control = new maplibregl.ScaleControl({
+	            maxWidth: options === null || options === void 0 ? void 0 : options.maxWidth,
+	            unit: options === null || options === void 0 ? void 0 : options.unit
+	        });
+	        return _this;
+	    }
+	    /**
+	     * Initialization method for the control which is called when added to the map.
+	     * @param map The map that the control will be added to.
+	     * @param options The ControlOptions for this control.
+	     * @return An HTMLElement to be placed on the map for the control.
+	     */
+	    ScaleControl.prototype.onAdd = function (map, options) {
+	        var _a, _b, _c;
+	        this.map = map;
+	        (_b = (_a = this.map) === null || _a === void 0 ? void 0 : _a._getMap()) === null || _b === void 0 ? void 0 : _b.addControl(this.control);
+	        var container = this.buildContainer(map, exports.ControlStyle.auto, "Scale Bar");
+	        container.appendChild((_c = this.control) === null || _c === void 0 ? void 0 : _c._container);
+	        return container;
+	    };
+	    /**
+	     * Method that is called when the control is removed from the map. Should perform any necessary cleanup for the
+	     * control.
+	     */
+	    ScaleControl.prototype.onRemove = function () {
+	        var _a, _b;
+	        _super.prototype.onRemove.call(this);
+	        (_b = (_a = this.map) === null || _a === void 0 ? void 0 : _a._getMap()) === null || _b === void 0 ? void 0 : _b.removeControl(this.control);
+	        this.map = null;
+	    };
+	    /**
+	     * Set the scale's unit of the distance
+	     * @param unit - Unit of the distance (`"imperial"`, `"metric"` or `"nautical"`).
+	     */
+	    ScaleControl.prototype.setUnit = function (unit) {
+	        var _a;
+	        (_a = this.control) === null || _a === void 0 ? void 0 : _a.setUnit(unit);
+	    };
+	    return ScaleControl;
+	}(ControlBase));
+
 	/**
 	 * Removes all key-value entries from the list cache.
 	 *
@@ -55631,7 +55699,7 @@ uniform ${precision} ${type} u_${name};
 	        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
 	    }
 	};
-	var __read$d = (window && window.__read) || function (o, n) {
+	var __read$c = (window && window.__read) || function (o, n) {
 	    var m = typeof Symbol === "function" && o[Symbol.iterator];
 	    if (!m) return o;
 	    var i = m.call(o), r, ar = [], e;
@@ -55812,7 +55880,7 @@ uniform ${precision} ${type} u_${name};
 	                image_1.src = newSrc;
 	            }
 	            Object.entries(this.styleButtons).forEach(function (_a) {
-	                var _b = __read$d(_a, 2), buttonStyleName = _b[0], button = _b[1];
+	                var _b = __read$c(_a, 2), buttonStyleName = _b[0], button = _b[1];
 	                return button.setAttribute('aria-current', buttonStyleName === styleName ? 'true' : 'false');
 	            });
 	            this.map.styles.definitions().then(function (mapConfiguration) {
@@ -55901,7 +55969,7 @@ uniform ${precision} ${type} u_${name};
 	                    _this.map.setStyle({ style: name });
 	                }
 	                Object.entries(_this.styleButtons).forEach(function (_a) {
-	                    var _b = __read$d(_a, 2), styleName = _b[0], button = _b[1];
+	                    var _b = __read$c(_a, 2), styleName = _b[0], button = _b[1];
 	                    return button.setAttribute('aria-current', styleName === name ? 'true' : 'false');
 	                });
 	            }
@@ -55993,7 +56061,7 @@ uniform ${precision} ${type} u_${name};
 	        });
 	        var targetStyleName = this.map.getStyle().style;
 	        Object.entries(this.styleButtons).forEach(function (_a) {
-	            var _b = __read$d(_a, 2), styleName = _b[0], button = _b[1];
+	            var _b = __read$c(_a, 2), styleName = _b[0], button = _b[1];
 	            return button.setAttribute('aria-current', styleName === targetStyleName ? 'true' : 'false');
 	        });
 	    };
@@ -56254,7 +56322,7 @@ uniform ${precision} ${type} u_${name};
 	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	    };
 	})();
-	var __values$k = (window && window.__values) || function(o) {
+	var __values$j = (window && window.__values) || function(o) {
 	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
 	    if (m) return m.call(o);
 	    if (o && typeof o.length === "number") return {
@@ -56325,7 +56393,7 @@ uniform ${precision} ${type} u_${name};
 	        // legend table contents
 	        var tr2 = document.createElement("tr");
 	        try {
-	            for (var _c = __values$k(this.table), _d = _c.next(); !_d.done; _d = _c.next()) {
+	            for (var _c = __values$j(this.table), _d = _c.next(); !_d.done; _d = _c.next()) {
 	                var col = _d.value;
 	                var data = document.createElement("td");
 	                if (col === "Fast" || col === "Slow") {
@@ -56338,7 +56406,7 @@ uniform ${precision} ${type} u_${name};
 	                    data.setAttribute("aria-label", "Traffic Legend");
 	                    data.setAttribute("role", "img");
 	                    try {
-	                        for (var col_1 = (e_2 = void 0, __values$k(col)), col_1_1 = col_1.next(); !col_1_1.done; col_1_1 = col_1.next()) {
+	                        for (var col_1 = (e_2 = void 0, __values$j(col)), col_1_1 = col_1.next(); !col_1_1.done; col_1_1 = col_1.next()) {
 	                            var color = col_1_1.value;
 	                            var div = document.createElement("div");
 	                            div.classList.add(color);
@@ -57274,7 +57342,7 @@ uniform ${precision} ${type} u_${name};
 	    return Point;
 	}());
 
-	var __read$c = (window && window.__read) || function (o, n) {
+	var __read$b = (window && window.__read) || function (o, n) {
 	    var m = typeof Symbol === "function" && o[Symbol.iterator];
 	    if (!m) return o;
 	    var i = m.call(o), r, ar = [], e;
@@ -57290,7 +57358,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    return ar;
 	};
-	var __values$j = (window && window.__values) || function(o) {
+	var __values$i = (window && window.__values) || function(o) {
 	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
 	    if (m) return m.call(o);
 	    if (o && typeof o.length === "number") return {
@@ -58265,8 +58333,8 @@ uniform ${precision} ${type} u_${name};
 	        if (k + 1 >= coords.length) {
 	            continue;
 	        }
-	        var _a = __read$c(coords[k], 2), lon1 = _a[0], lat1 = _a[1];
-	        var _b = __read$c(coords[k + 1], 2), lon2 = _b[0], lat2 = _b[1];
+	        var _a = __read$b(coords[k], 2), lon1 = _a[0], lat1 = _a[1];
+	        var _b = __read$b(coords[k + 1], 2), lon2 = _b[0], lat2 = _b[1];
 	        // split the line by antimeridian
 	        // and break geodesic into two line segments
 	        if (Math.abs(lon2 - lon1) > 180.0) {
@@ -58337,8 +58405,8 @@ uniform ${precision} ${type} u_${name};
 	            if (k + 1 >= geodesic.length) {
 	                continue;
 	            }
-	            var _a = __read$c(geodesic[k], 2), lon1 = _a[0], lat1 = _a[1];
-	            var _b = __read$c(geodesic[k + 1], 2), lon2 = _b[0], lat2 = _b[1];
+	            var _a = __read$b(geodesic[k], 2), lon1 = _a[0], lat1 = _a[1];
+	            var _b = __read$b(geodesic[k + 1], 2), lon2 = _b[0], lat2 = _b[1];
 	            // split the line by antimeridian
 	            // and break geodesic into two line segments
 	            if (Math.abs(lon2 - lon1) > 180.0) {
@@ -58549,7 +58617,7 @@ uniform ${precision} ${type} u_${name};
 	function getPixelHeading(origin, destination) {
 	    origin = getPosition(origin);
 	    destination = getPosition(destination);
-	    var _a = __read$c(mercatorPositionsToPixels([origin, destination], 21), 2), p1 = _a[0], p2 = _a[1];
+	    var _a = __read$b(mercatorPositionsToPixels([origin, destination], 21), 2), p1 = _a[0], p2 = _a[1];
 	    var dx = (p2[0] - p1[0]);
 	    var dy = (p1[1] - p2[1]);
 	    var alpha = ((5 / 2 * Math.PI) - Math.atan2(dy, dx)) * INV_PI_BY_180 % 360;
@@ -59096,7 +59164,7 @@ uniform ${precision} ${type} u_${name};
 	    });
 	    var lower = [];
 	    try {
-	        for (var positions_1 = __values$j(positions), positions_1_1 = positions_1.next(); !positions_1_1.done; positions_1_1 = positions_1.next()) {
+	        for (var positions_1 = __values$i(positions), positions_1_1 = positions_1.next(); !positions_1_1.done; positions_1_1 = positions_1.next()) {
 	            var position = positions_1_1.value;
 	            while (lower.length >= 2 && _cross(lower[lower.length - 2], lower[lower.length - 1], position) <= 0) {
 	                lower.pop();
@@ -59605,7 +59673,7 @@ uniform ${precision} ${type} u_${name};
 	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	    };
 	})();
-	var __values$i = (window && window.__values) || function(o) {
+	var __values$h = (window && window.__values) || function(o) {
 	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
 	    if (m) return m.call(o);
 	    if (o && typeof o.length === "number") return {
@@ -59692,7 +59760,7 @@ uniform ${precision} ${type} u_${name};
 	        else if (geoType === "MultiLineString") {
 	            var pos = positions;
 	            try {
-	                for (var pos_1 = __values$i(pos), pos_1_1 = pos_1.next(); !pos_1_1.done; pos_1_1 = pos_1.next()) {
+	                for (var pos_1 = __values$h(pos), pos_1_1 = pos_1.next(); !pos_1_1.done; pos_1_1 = pos_1.next()) {
 	                    var p = pos_1_1.value;
 	                    bbox = BoundingBox.merge(bbox, BoundingBox.fromPositions(p));
 	                }
@@ -59708,7 +59776,7 @@ uniform ${precision} ${type} u_${name};
 	        else if (geoType === "MultiPolygon") {
 	            var pos = positions;
 	            try {
-	                for (var pos_2 = __values$i(pos), pos_2_1 = pos_2.next(); !pos_2_1.done; pos_2_1 = pos_2.next()) {
+	                for (var pos_2 = __values$h(pos), pos_2_1 = pos_2.next(); !pos_2_1.done; pos_2_1 = pos_2.next()) {
 	                    var p1 = pos_2_1.value;
 	                    // only need to check the exterior ring of Polygon
 	                    bbox = BoundingBox.merge(bbox, BoundingBox.fromPositions(p1[0]));
@@ -59931,7 +59999,7 @@ uniform ${precision} ${type} u_${name};
 	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	    };
 	})();
-	var __values$h = (window && window.__values) || function(o) {
+	var __values$g = (window && window.__values) || function(o) {
 	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
 	    if (m) return m.call(o);
 	    if (o && typeof o.length === "number") return {
@@ -60355,7 +60423,7 @@ uniform ${precision} ${type} u_${name};
 	        var bounds = null;
 	        if (Array.isArray(data) && data.length > 0) {
 	            try {
-	                for (var data_1 = __values$h(data), data_1_1 = data_1.next(); !data_1_1.done; data_1_1 = data_1.next()) {
+	                for (var data_1 = __values$g(data), data_1_1 = data_1.next(); !data_1_1.done; data_1_1 = data_1.next()) {
 	                    var datum = data_1_1.value;
 	                    tempBounds = BoundingBox.fromData(datum);
 	                    if (tempBounds != null) {
@@ -60928,7 +60996,7 @@ uniform ${precision} ${type} u_${name};
 	    return SimplifyAP_1(points, tolerance, true);
 	}
 
-	var __values$g = (window && window.__values) || function(o) {
+	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);
 	    if (o && typeof o.length === "number") return {
@@ -60988,7 +61056,7 @@ uniform ${precision} ${type} u_${name};
 	        if (points && Array.isArray(points) && Array.isArray(points[0])) {
 	            var pos = [];
 	            try {
-	                for (var points_1 = __values$g(points), points_1_1 = points_1.next(); !points_1_1.done; points_1_1 = points_1.next()) {
+	                for (var points_1 = __values$f(points), points_1_1 = points_1.next(); !points_1_1.done; points_1_1 = points_1.next()) {
 	                    var subPoints = points_1_1.value;
 	                    pos.push(this.transform(subPoints, transformMatrix, decimals));
 	                }
@@ -61363,6 +61431,7 @@ uniform ${precision} ${type} u_${name};
 		CompassControl: CompassControl,
 		ControlBase: ControlBase,
 		PitchControl: PitchControl,
+		ScaleControl: ScaleControl,
 		StyleControl: StyleControl,
 		TrafficControl: TrafficControl,
 		TrafficLegendControl: TrafficLegendControl,
@@ -61646,7 +61715,7 @@ uniform ${precision} ${type} u_${name};
 	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	    };
 	})();
-	var __values$f = (window && window.__values) || function(o) {
+	var __values$e = (window && window.__values) || function(o) {
 	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
 	    if (m) return m.call(o);
 	    if (o && typeof o.length === "number") return {
@@ -61845,7 +61914,7 @@ uniform ${precision} ${type} u_${name};
 	        var e_1, _a;
 	        var shapes = Array.isArray(shape) ? shape : [shape];
 	        try {
-	            for (var shapes_1 = __values$f(shapes), shapes_1_1 = shapes_1.next(); !shapes_1_1.done; shapes_1_1 = shapes_1.next()) {
+	            for (var shapes_1 = __values$e(shapes), shapes_1_1 = shapes_1.next(); !shapes_1_1.done; shapes_1_1 = shapes_1.next()) {
 	                var s = shapes_1_1.value;
 	                if (typeof s === "number") {
 	                    this._removeByIndex(s);
@@ -61872,7 +61941,7 @@ uniform ${precision} ${type} u_${name};
 	        var e_2, _a;
 	        var ids = Array.isArray(id) ? id : [id];
 	        try {
-	            for (var ids_1 = __values$f(ids), ids_1_1 = ids_1.next(); !ids_1_1.done; ids_1_1 = ids_1.next()) {
+	            for (var ids_1 = __values$e(ids), ids_1_1 = ids_1.next(); !ids_1_1.done; ids_1_1 = ids_1.next()) {
 	                var i = ids_1_1.value;
 	                this._removeById(i);
 	            }
@@ -62036,7 +62105,7 @@ uniform ${precision} ${type} u_${name};
 	        data = Array.isArray(data) ? data : [data];
 	        if (typeof index !== "number") {
 	            try {
-	                for (var data_1 = __values$f(data), data_1_1 = data_1.next(); !data_1_1.done; data_1_1 = data_1.next()) {
+	                for (var data_1 = __values$e(data), data_1_1 = data_1.next(); !data_1_1.done; data_1_1 = data_1.next()) {
 	                    var d = data_1_1.value;
 	                    this.shapes.push(d);
 	                    this.shapesMap.set(d.getId(), this.shapes.length - 1);
@@ -62057,7 +62126,7 @@ uniform ${precision} ${type} u_${name};
 	            }
 	        }
 	        try {
-	            for (var data_2 = __values$f(data), data_2_1 = data_2.next(); !data_2_1.done; data_2_1 = data_2.next()) {
+	            for (var data_2 = __values$e(data), data_2_1 = data_2.next(); !data_2_1.done; data_2_1 = data_2.next()) {
 	                var d = data_2_1.value;
 	                d._setDataSource(this);
 	            }
@@ -63000,7 +63069,7 @@ uniform ${precision} ${type} u_${name};
 	        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
 	    }
 	};
-	var __read$b = (window && window.__read) || function (o, n) {
+	var __read$a = (window && window.__read) || function (o, n) {
 	    var m = typeof Symbol === "function" && o[Symbol.iterator];
 	    if (!m) return o;
 	    var i = m.call(o), r, ar = [], e;
@@ -63016,7 +63085,7 @@ uniform ${precision} ${type} u_${name};
 	    }
 	    return ar;
 	};
-	var __spreadArray$9 = (window && window.__spreadArray) || function (to, from, pack) {
+	var __spreadArray$8 = (window && window.__spreadArray) || function (to, from, pack) {
 	    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
 	        if (ar || !(i in from)) {
 	            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
@@ -63053,7 +63122,7 @@ uniform ${precision} ${type} u_${name};
 	                    var bubbleFeature = curRenderedShape instanceof Shape ? curRenderedShape.toJson() : curRenderedShape;
 	                    var indicator = new AccessibleIndicator({ positionInSet: idx + 1, setSize: renderedShapes.length });
 	                    var element = indicator.getElement();
-	                    var _a = __read$b(_this.map.positionsToPixels([_this.getFirstCoordinate(bubbleFeature.geometry.coordinates)]), 1), pixel = _a[0];
+	                    var _a = __read$a(_this.map.positionsToPixels([_this.getFirstCoordinate(bubbleFeature.geometry.coordinates)]), 1), pixel = _a[0];
 	                    element.addEventListener('focusin', function (event) {
 	                        _this.accessibleIndicator.filter(function (i) { return i !== indicator; }).forEach(function (indicator) { return indicator.remove(); });
 	                        // insert previous and next popups
@@ -63225,7 +63294,7 @@ uniform ${precision} ${type} u_${name};
 	            return undefined;
 	        }
 	        var mapConfiguration = this.map.getServiceOptions().mapConfiguration;
-	        return __spreadArray$9(__spreadArray$9([], __read$b(this.map.getCamera().bounds), false), [
+	        return __spreadArray$8(__spreadArray$8([], __read$a(this.map.getCamera().bounds), false), [
 	            this.map.getCamera().zoom,
 	            this.map.getCamera().pitch,
 	            this.map.getStyle().style,
@@ -64365,42 +64434,6 @@ uniform ${precision} ${type} u_${name};
 	        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 	    };
 	})();
-	var __values$e = (window && window.__values) || function(o) {
-	    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-	    if (m) return m.call(o);
-	    if (o && typeof o.length === "number") return {
-	        next: function () {
-	            if (o && i >= o.length) o = void 0;
-	            return { value: o && o[i++], done: !o };
-	        }
-	    };
-	    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-	};
-	var __read$a = (window && window.__read) || function (o, n) {
-	    var m = typeof Symbol === "function" && o[Symbol.iterator];
-	    if (!m) return o;
-	    var i = m.call(o), r, ar = [], e;
-	    try {
-	        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-	    }
-	    catch (error) { e = { error: error }; }
-	    finally {
-	        try {
-	            if (r && !r.done && (m = i["return"])) m.call(i);
-	        }
-	        finally { if (e) throw e.error; }
-	    }
-	    return ar;
-	};
-	var __spreadArray$8 = (window && window.__spreadArray) || function (to, from, pack) {
-	    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-	        if (ar || !(i in from)) {
-	            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-	            ar[i] = from[i];
-	        }
-	    }
-	    return to.concat(ar || Array.prototype.slice.call(from));
-	};
 	/**
 	 * Options used when rendering Polygon and MultiPolygon objects in a PolygonLayer.
 	 */
@@ -64436,50 +64469,6 @@ uniform ${precision} ${type} u_${name};
 	        _this.fillPattern = undefined;
 	        return _this;
 	    }
-	    /**
-	     * Override the standard merge behavior to set fillPattern and fillColor to be mutually exclusive
-	     * @internal
-	     */
-	    PolygonLayerOptions.prototype.merge = function () {
-	        var e_1, _a;
-	        var valueList = [];
-	        for (var _i = 0; _i < arguments.length; _i++) {
-	            valueList[_i] = arguments[_i];
-	        }
-	        var isNewColorSet = false;
-	        var isNewPatternSet = false;
-	        try {
-	            for (var valueList_1 = __values$e(valueList), valueList_1_1 = valueList_1.next(); !valueList_1_1.done; valueList_1_1 = valueList_1.next()) {
-	                var value = valueList_1_1.value;
-	                if (value) {
-	                    if (value.hasOwnProperty("fillColor")) {
-	                        isNewColorSet = true;
-	                        isNewPatternSet = false;
-	                    }
-	                    else if (value.hasOwnProperty("fillPattern")) {
-	                        isNewPatternSet = true;
-	                        isNewColorSet = false;
-	                    }
-	                }
-	            }
-	        }
-	        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-	        finally {
-	            try {
-	                if (valueList_1_1 && !valueList_1_1.done && (_a = valueList_1.return)) _a.call(valueList_1);
-	            }
-	            finally { if (e_1) throw e_1.error; }
-	        }
-	        // Then execute the standard merge behavior.
-	        var merged = _super.prototype.merge.apply(this, __spreadArray$8([], __read$a(valueList), false));
-	        if (isNewColorSet) {
-	            merged.fillPattern = undefined;
-	        }
-	        else if (isNewPatternSet) {
-	            merged.fillColor = undefined;
-	        }
-	        return merged;
-	    };
 	    return PolygonLayerOptions;
 	}(LayerOptions$1));
 
@@ -64531,6 +64520,8 @@ uniform ${precision} ${type} u_${name};
 	    };
 	    /**
 	     * Sets the options of the polygon layer.
+	     * When `fillPattern` is set, `fillColor` will be ignored.
+	     * To set `fillColor`, make sure `fillPattern` is set to `undefined`.
 	     * @param newOptions The new options of the polygon layer.
 	     */
 	    PolygonLayer.prototype.setOptions = function (options) {
@@ -70803,59 +70794,59 @@ uniform ${precision} ${type} u_${name};
 	        var features = this.map._getMap().querySourceFeatures(sourceID, { sourceLayer: sourceLayer, filter: filter });
 	        return this.map.sources._mapFeaturesToShapes(features, true, this.sources.get(sourceID));
 	    };
-	    // TODO: wait till the mapbox's bug is fixed
-	    // /**
-	    //  * Gets the state of a feature
-	    //  * @param shape the ID of the shape
-	    //  * @param source the ID of the source
-	    //  * @param sourceLayer the ID of the layer
-	    //  */
-	    // public getFeatureState(shape: string | Shape | Feature<Geometry, any>, source: string | Source, sourceLayer?: string): object {
-	    //     let featureID;
-	    //     if (typeof shape === "string") {
-	    //         featureID = shape;
-	    //     } else {
-	    //         featureID = shape instanceof Shape ? shape.getId() : shape.id;
-	    //     }
-	    //     const featureSource = typeof source === "string" ? source : source.getId();
-	    //     return this.map._getMap().getFeatureState({ id: featureID, source: featureSource, sourceLayer: sourceLayer });
-	    // }
-	    // /**
-	    //  * Removes the state or a single key value of the state of a feature.
-	    //  * @param shape the ID of the shape
-	    //  * @param source the ID of the source
-	    //  * @param sourceLayer the ID of the layer
-	    //  * @param key the key in the feature state to update
-	    //  */
-	    // public removeFeatureState(shape: string | Shape | Feature<Geometry, any>, source: string | Source, sourceLayer?: string, key?: string) {
-	    //     let featureID;
-	    //     if (typeof shape === "string") {
-	    //         featureID = shape;
-	    //     } else {
-	    //         featureID = shape instanceof Shape ? shape.getId() : shape.id;
-	    //     }
-	    //     const featureSource = typeof source === "string" ? source : source.getId();
-	    //     // TODO: update the method when the mapbox typing file is updated
-	    //     (this.map._getMap() as any).removeFeatureState({ id: featureID, source: featureSource, sourceLayer: sourceLayer }, key);
-	    // }
-	    // /**
-	    //  * Sets the state of the feature by passing in a key value pair object.
-	    //  * @param shape the ID of the shape
-	    //  * @param source the ID of the source
-	    //  * @param sourceLayer the ID of the layer
-	    //  * @param key the key in the feature state to update
-	    //  */
-	    // public setFeatureState(shape: string | Shape | Feature<Geometry, any>, source: string | Source, state: object, sourceLayer?: string) {
-	    //     let featureID;
-	    //     if (typeof shape === "string") {
-	    //         featureID = shape;
-	    //     } else {
-	    //         featureID = shape instanceof Shape ? shape.getId() : shape.id;
-	    //     }
-	    //     const featureSource = typeof source === "string" ? source : source.getId();
-	    //     // TODO: update the method when the mapbox typing file is updated
-	    //     this.map._getMap().setFeatureState({ id: featureID, source: featureSource, sourceLayer: sourceLayer }, state);
-	    // }
+	    /**
+	     * Gets the state of a feature
+	     * @param feature the ID of the feature
+	     * @param source the ID of the source
+	     * @param sourceLayer the ID of the layer
+	     */
+	    SourceManager.prototype.getFeatureState = function (feature, source, sourceLayer) {
+	        var featureId;
+	        if (typeof feature === "string") {
+	            featureId = feature;
+	        }
+	        else {
+	            featureId = feature instanceof Shape ? feature.getId() : feature.id;
+	        }
+	        var featureSource = typeof source === "string" ? source : source.getId();
+	        return this.map._getMap().getFeatureState({ id: featureId, source: featureSource, sourceLayer: sourceLayer });
+	    };
+	    /**
+	     * Removes the state or a single key value of the state of a feature.
+	     * @param feature the ID of the feature
+	     * @param source the ID of the source
+	     * @param sourceLayer the ID of the layer
+	     * @param key the key in the feature state to update
+	     */
+	    SourceManager.prototype.removeFeatureState = function (feature, source, sourceLayer, key) {
+	        var featureId;
+	        if (typeof feature === "string") {
+	            featureId = feature;
+	        }
+	        else {
+	            featureId = feature instanceof Shape ? feature.getId() : feature.id;
+	        }
+	        var featureSource = typeof source === "string" ? source : source.getId();
+	        this.map._getMap().removeFeatureState({ id: featureId, source: featureSource, sourceLayer: sourceLayer }, key);
+	    };
+	    /**
+	     * Sets the state of the feature by passing in a key value pair object.
+	     * @param feature the ID of the feature
+	     * @param source the ID of the source
+	     * @param sourceLayer the ID of the layer
+	     * @param key the key in the feature state to update
+	     */
+	    SourceManager.prototype.setFeatureState = function (feature, source, state, sourceLayer) {
+	        var featureId;
+	        if (typeof feature === "string") {
+	            featureId = feature;
+	        }
+	        else {
+	            featureId = feature instanceof Shape ? feature.getId() : feature.id;
+	        }
+	        var featureSource = typeof source === "string" ? source : source.getId();
+	        this.map._getMap().setFeatureState({ id: featureId, source: featureSource, sourceLayer: sourceLayer }, state);
+	    };
 	    /**
 	     * @internal
 	     */
@@ -72959,14 +72950,13 @@ uniform ${precision} ${type} u_${name};
 	        return !previousStyle
 	            ? nextStyle
 	            : this.map.layers._getUserLayers().reduce(function (style, userLayer) {
+	                var _a, _b;
 	                if (userLayer.layer instanceof WebGLLayer) {
 	                    // mapbox custom layers cannot be serialized and preserved,
 	                    // return to continue to the next user layer.
 	                    return style;
 	                }
-	                var before = layerGroupLayers[userLayer.before] && layerGroupLayers[userLayer.before].length > 0
-	                    ? layerGroupLayers[userLayer.before][0]
-	                    : undefined;
+	                var beforeLayerId = ((_b = (_a = layerGroupLayers === null || layerGroupLayers === void 0 ? void 0 : layerGroupLayers[userLayer.before]) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id) || userLayer.before;
 	                var layer = previousStyle.layers.find(function (layer) { return layer.id === userLayer.layer.getId(); });
 	                // when setStyle diff attempt is unsuccesful, _load will be called on the style that may have already injected user layers -> clean it up
 	                var existingLayerIdx = nextStyle.layers.findIndex(function (layer) { return layer.id === userLayer.layer.getId(); });
@@ -72977,7 +72967,7 @@ uniform ${precision} ${type} u_${name};
 	                    var sourcesToCopy = new Set(Array.from(userLayer.layer._getSourceIds())
 	                        .map(function (sourceId) { return previousStyle.sources[sourceId] ? { source: previousStyle.sources[sourceId], id: sourceId } : undefined; })
 	                        .filter(function (source) { return source !== undefined; }));
-	                    var insertIdx = before ? style.layers.findIndex(function (layer) { return layer.id === before.id; }) : -1;
+	                    var insertIdx = beforeLayerId ? style.layers.findIndex(function (layer) { return layer.id === beforeLayerId; }) : -1;
 	                    if (insertIdx > -1) {
 	                        style.layers.splice(insertIdx, 0, layer);
 	                    }