azure-maps-control 3.7.2 → 3.7.4

package/dist/atlas-esm.js

@@ -52303,7 +52303,7 @@ var UserAgent = /** @class */ (function () {
     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.
@@ -57860,6 +57860,25 @@ var StyleControl = /** @class */ (function (_super) {
             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) === ControlPosition.BottomLeft ||
+                        (options === null || options === void 0 ? void 0 : options.position) === 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);
@@ -58013,7 +58032,7 @@ var StyleControl = /** @class */ (function (_super) {
                 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);
@@ -58067,7 +58086,7 @@ var StyleControl = /** @class */ (function (_super) {
     };
     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 {
@@ -58086,11 +58105,9 @@ var StyleControl = /** @class */ (function (_super) {
     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");
@@ -115370,8 +115387,12 @@ var StyleManager = /** @class */ (function () {
      */
     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);
@@ -115379,7 +115400,7 @@ var StyleManager = /** @class */ (function () {
         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);