azure-maps-control 3.7.2 → 3.7.4

package/dist/atlas.css

@@ -1529,18 +1529,18 @@
   overflow: auto;
   position: absolute;
 }
-.atlas-map .top-left .azure-maps-control-container > .style-options.list,
-.atlas-map .bottom-left .azure-maps-control-container > .style-options.list {
+.atlas-map .top-left .azure-maps-control-container > .style-options.list:not(.azure-maps-control-dropdown),
+.atlas-map .bottom-left .azure-maps-control-container > .style-options.list:not(.azure-maps-control-dropdown) {
   left: 100%;
   padding-left: 1px;
 }
-.atlas-map .top-right .azure-maps-control-container > .style-options.list,
-.atlas-map .bottom-right .azure-maps-control-container > .style-options.list {
+.atlas-map .top-right .azure-maps-control-container > .style-options.list:not(.azure-maps-control-dropdown),
+.atlas-map .bottom-right .azure-maps-control-container > .style-options.list:not(.azure-maps-control-dropdown) {
   right: 100%;
   padding-right: 1px;
 }
-.atlas-map .bottom-right .azure-maps-control-container > .style-options.list,
-.atlas-map .bottom-left .azure-maps-control-container > .style-options.list {
+.atlas-map .bottom-right .azure-maps-control-container > .style-options.list:not(.azure-maps-control-dropdown),
+.atlas-map .bottom-left .azure-maps-control-container > .style-options.list:not(.azure-maps-control-dropdown) {
   bottom: 0px;
 }
 .atlas-map .azure-maps-control-container > .style-options.list button {

package/dist/atlas.js

@@ -52309,7 +52309,7 @@ uniform ${precision} ${type} u_${name};
 	    return UserAgent;
 	}());
 
-	var version$3 = "3.7.2";
+	var version$3 = "3.7.4";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -57866,6 +57866,25 @@ uniform ${precision} ${type} u_${name};
 	            if (expanded) {
 	                container.classList.add(StyleControl.Css.inUse);
 	                styleOpsGrid.classList.remove("hidden-accessible-element");
+	                // Dynamically cap max-height to fit within the map container
+	                if (_this.options.layout === "list") {
+	                    var mapContainer = _this.map.getMapContainer();
+	                    var mapRect = mapContainer.getBoundingClientRect();
+	                    var btnRect = currStyleButton.getBoundingClientRect();
+	                    var btnOffsetTop = Math.max(0, btnRect.top - mapRect.top);
+	                    var btnHeight = currStyleButton.offsetHeight ||
+	                        btnRect.height ||
+	                        0;
+	                    var mapHeight = mapContainer.clientHeight;
+	                    var padding = 8;
+	                    var isBottomPosition = (options === null || options === void 0 ? void 0 : options.position) === exports.ControlPosition.BottomLeft ||
+	                        (options === null || options === void 0 ? void 0 : options.position) === exports.ControlPosition.BottomRight;
+	                    var availableHeight = isBottomPosition
+	                        ? Math.max(0, btnOffsetTop - padding) // space above button
+	                        : Math.max(0, mapHeight - (btnOffsetTop + btnHeight + padding)); // space below button
+	                    var maxHeight = Math.max(100, Math.floor(availableHeight));
+	                    styleOpsGrid.style.maxHeight = "".concat(maxHeight, "px");
+	                }
 	            }
 	            else {
 	                container.classList.remove(StyleControl.Css.inUse);
@@ -58019,7 +58038,7 @@ uniform ${precision} ${type} u_${name};
 	                return _this.thumbnailCache.blob.get(response.url);
 	            }
 	            else {
-	                // we need the response.clone() to allow reading over body multiple times since response objects are cached 
+	                // we need the response.clone() to allow reading over body multiple times since response objects are cached
 	                // and can be reused across multiple invocations
 	                var blobPromise = response.clone().blob();
 	                _this.thumbnailCache.blob.set(response.url, blobPromise);
@@ -58073,7 +58092,7 @@ uniform ${precision} ${type} u_${name};
 	    };
 	    StyleControl.prototype.buildCurrStyleBtn = function () {
 	        var selectCurrButton = document.createElement("button");
-	        if (this.options.layout == 'icons') {
+	        if (this.options.layout === "icons") {
 	            selectCurrButton.classList.add(StyleControl.Css.button);
 	        }
 	        else {
@@ -58092,11 +58111,9 @@ uniform ${precision} ${type} u_${name};
 	    StyleControl.prototype.buildStyleOpsGrid = function () {
 	        var _this = this;
 	        var styleOpsGrid = document.createElement("div");
-	        styleOpsGrid.classList.add(StyleControl.Css.styleOptions);
-	        if (this.options.layout === 'icons') {
-	            styleOpsGrid.classList.add(this.options.layout);
-	        }
-	        else {
+	        var layoutClass = this.options.layout === "icons" ? "icons" : "list";
+	        styleOpsGrid.classList.add(StyleControl.Css.styleOptions, layoutClass);
+	        if (layoutClass === "list") {
 	            styleOpsGrid.classList.add(StyleControl.Css.dropdown);
 	        }
 	        styleOpsGrid.setAttribute("aria-label", "Style Options");
@@ -115376,8 +115393,12 @@ uniform ${precision} ${type} u_${name};
 	     */
 	    StyleManager.prototype._transformStyleRequest = function (url, params) {
 	        var _a;
+	        var domain = (Url.protoRegEx.test(this.serviceOptions.domain) ?
+	            this.serviceOptions.domain.slice(this.serviceOptions.domain.indexOf("\/\/") + 2) :
+	            this.serviceOptions.domain)
+	            .replace(/\/+$/, "");
 	        if (url.includes(constants.domainPlaceHolder)) {
-	            params.url = params.url.replace(constants.domainPlaceHolder, this.serviceOptions.domain);
+	            params.url = params.url.replace(constants.domainPlaceHolder, domain);
 	        }
 	        if (url.includes(constants.stylePathHolder)) {
 	            params.url = params.url.replace(constants.stylePathHolder, constants.stylePath);
@@ -115385,7 +115406,7 @@ uniform ${precision} ${type} u_${name};
 	        if (url.includes(constants.styleResourcePlaceholder)) {
 	            params.url = params.url.replace(constants.styleResourcePlaceholder, constants.styleResourcePath);
 	        }
-	        if (params.url.toLocaleLowerCase().includes(this.serviceOptions.domain.toLocaleLowerCase()) ||
+	        if (params.url.toLocaleLowerCase().includes(domain.toLocaleLowerCase()) ||
 	            params.url.toLocaleLowerCase().includes(this.serviceOptions.staticAssetsDomain.toLocaleLowerCase())) {
 	            // Only add API version param for Azure maps domain requests
 	            var targetUrl = new URL(params.url);