azure-maps-control 2.1.6 → 2.1.8

package/dist/atlas-core.js

@@ -43487,7 +43487,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    return Url;
 	}());
 
-	var version = "2.1.6";
+	var version = "2.1.8";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -43532,7 +43532,8 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
 	        tooltipContent.classList.add('dark');
 	    }
-	    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function (e) {
+	    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');
@@ -43540,7 +43541,14 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        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); });
+	    }
 	    return tooltipContent;
 	};
 	/**
@@ -46839,6 +46847,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        var styleOpsGrid = this.buildStyleOpsGrid(container);
 	        var currStyleButton = this.buildCurrStyleBtn(container, styleOpsGrid);
 	        var tooltip = buildAccessibleTooltip("Select Style");
+	        styleOpsGrid.classList.add(options ? options.position || 'top-right' : 'top-right');
 	        container.addEventListener("mouseover", function () {
 	            _this.hasMouse = true;
 	            container.classList.add(StyleControl.Css.inUse);
@@ -46904,6 +46913,9 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	            if (image.alt !== newAlt) {
 	                image.alt = newAlt;
 	            }
+	            if (image.parentElement.lastChild instanceof Text) {
+	                image.parentElement.lastChild.textContent = newAlt;
+	            }
 	        }
 	    };
 	    /**
@@ -46934,12 +46946,16 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        styleOptionButton.setAttribute("type", "button");
 	        var styleIconImage = new Image();
 	        styleIconImage.src = icon;
-	        styleIconImage.alt = friendlyName;
+	        if (this.options.layout === "icons") {
+	            styleIconImage.alt = friendlyName;
+	        }
 	        styleOptionButton.appendChild(styleIconImage);
 	        if (this.options.layout === "icons") {
 	            styleOptionButton.classList.add(StyleControl.Css.button);
 	        }
 	        else {
+	            styleOptionButton.classList.add(StyleControl.Css.listButton);
+	            styleOptionButton.classList.add(StyleControl.Css.expanded);
 	            styleOptionButton.appendChild(document.createTextNode(friendlyName));
 	        }
 	        styleOptionButton.addEventListener("click", function () {
@@ -46962,7 +46978,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    };
 	    StyleControl.prototype.buildCurrStyleBtn = function (container, opsGrid) {
 	        var selectCurrButton = document.createElement("button");
-	        selectCurrButton.classList.add(StyleControl.Css.button);
+	        if (this.options.layout == 'icons') {
+	            selectCurrButton.classList.add(StyleControl.Css.button);
+	        }
+	        else {
+	            selectCurrButton.classList.add(StyleControl.Css.listButton);
+	        }
 	        selectCurrButton.classList.add(StyleControl.Css.currentStyle);
 	        selectCurrButton.setAttribute("aria-label", "Select Style");
 	        selectCurrButton.setAttribute("alt", "Select Style");
@@ -46978,7 +46999,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	        var _this = this;
 	        var styleOpsGrid = document.createElement("div");
 	        styleOpsGrid.classList.add(StyleControl.Css.styleOptions);
-	        styleOpsGrid.classList.add(this.options.layout);
+	        if (this.options.layout === 'icons') {
+	            styleOpsGrid.classList.add(this.options.layout);
+	        }
+	        else {
+	            styleOpsGrid.classList.add(StyleControl.Css.dropdown);
+	        }
 	        styleOpsGrid.setAttribute("aria-label", "Style Options");
 	        styleOpsGrid.classList.add("hidden-accessible-element");
 	        // Once the map's style definition is initialized create a map between style names and icons.
@@ -47012,6 +47038,7 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                    if (style.name === currStyle) {
 	                        _this.currStyleImage.src = iconUrl;
 	                        _this.currStyleImage.alt = _this.mapToFriendlyStyleName(style.name);
+	                        _this.currStyleImage.parentElement.appendChild(document.createTextNode(_this.mapToFriendlyStyleName(style.name)));
 	                    }
 	                }
 	            }
@@ -47027,9 +47054,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                    var styleOptionButton = _this.buildSelectStyleBtn(styleName, iconUrl);
 	                    styleOpsGrid.appendChild(styleOptionButton);
 	                    _this.styleButtons[styleName] = styleOptionButton;
-	                    var tooltip = buildAccessibleTooltip(_this.mapToFriendlyStyleName(styleName));
-	                    styleOpsGrid.appendChild(tooltip);
-	                    positionTooltip(tooltip, styleOptionButton);
+	                    if (_this.options.layout === "icons") {
+	                        var tooltip = buildAccessibleTooltip(_this.mapToFriendlyStyleName(styleName));
+	                        styleOpsGrid.appendChild(tooltip);
+	                        positionTooltip(tooltip, styleOptionButton);
+	                    }
 	                });
 	            }
 	            else {
@@ -47038,9 +47067,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	                    var styleOptionButton = _this.buildSelectStyleBtn(styleName, iconUrl);
 	                    styleOpsGrid.appendChild(styleOptionButton);
 	                    _this.styleButtons[styleName] = styleOptionButton;
-	                    var tooltip = buildAccessibleTooltip(_this.mapToFriendlyStyleName(styleName));
-	                    styleOpsGrid.appendChild(tooltip);
-	                    positionTooltip(tooltip, styleOptionButton);
+	                    if (_this.options.layout === "icons") {
+	                        var tooltip = buildAccessibleTooltip(_this.mapToFriendlyStyleName(styleName));
+	                        styleOpsGrid.appendChild(tooltip);
+	                        positionTooltip(tooltip, styleOptionButton);
+	                    }
 	                });
 	            }
 	            Object.entries(_this.styleButtons).forEach(function (_a) {
@@ -47062,9 +47093,12 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    StyleControl.InvertOrderPositions = [exports.ControlPosition.TopRight, exports.ControlPosition.BottomRight];
 	    StyleControl.Css = {
 	        button: "azure-maps-control-button",
+	        listButton: "azure-maps-control-list-button",
+	        expanded: 'expanded',
 	        currentStyle: "curr-style",
 	        inUse: "in-use",
-	        styleOptions: "style-options"
+	        styleOptions: "style-options",
+	        dropdown: "azure-maps-control-dropdown"
 	    };
 	    StyleControl.StyleNamesMap = {
 	        road: "Road",
@@ -68031,6 +68065,14 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	         * @default 'sans-serif'
 	         */
 	        _this.localIdeographFontFamily = 'sans-serif';
+	        /**
+	         * True to validate styles before it's getting applied.
+	         * Validation takes significant(few hundred ms) time to process styles during initial load.
+	         * Can be set to false for production environment to improve performance.
+	         * @internal
+	         * @default 'true'
+	         */
+	        _this.validateStyle = true;
 	        return _this;
 	    }
 	    /**
@@ -68230,7 +68272,11 @@ EFFET JURIDIQUE. Le présent contrat décrit certains droits juridiques. Vous po
 	    StyleManager.prototype.setStyleUrl = function (styleOptions) {
 	        var styleUrl = this.getStyleUrl(styleOptions);
 	        try {
-	            this.map._getMap().setStyle(styleUrl, { diff: true, stylePatch: this._stylePatch.bind(this) });
+	            this.map._getMap().setStyle(styleUrl, {
+	                diff: true,
+	                stylePatch: this._stylePatch.bind(this),
+	                validate: this.serviceOptions.validateStyle
+	            });
 	        }
 	        catch (e) {
 	            throw e;