azure-maps-control 3.4.0 → 3.5.0

package/dist/atlas.css

@@ -1448,6 +1448,28 @@
 .atlas-map .atlas-map.high-contrast-light .azure-maps-control-button.rotation-right {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 10'%3E%3Cpath d='M1 10a7.17 7.17 0 017.2-7.2' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath d='M7.8 0l6 2.5v.1L7.9 5.3z'/%3E%3C/svg%3E");
 }
+.atlas-map .azure-maps-control-button .fullscreen-icon {
+  display: block;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjUxIj4KPHBhdGggZD0iTTAgMCBDMS45OCAwIDMuOTYgMCA2IDAgQzYgNi42IDYgMTMuMiA2IDIwIEMtMC42IDIwIC03LjIgMjAgLTE0IDIwIEMtMTQgMTguMDIgLTE0IDE2LjA0IC0xNCAxNCBDLTkuMzggMTQgLTQuNzYgMTQgMCAxNCBDMCA5LjM4IDAgNC43NiAwIDAgWiAiIGZpbGw9IiM5ODlDQTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzLDI5KSIvPgo8cGF0aCBkPSJNMCAwIEMxLjk4IDAgMy45NiAwIDYgMCBDNiA0LjYyIDYgOS4yNCA2IDE0IEMxMC42MiAxNCAxNS4yNCAxNCAyMCAxNCBDMjAgMTUuOTggMjAgMTcuOTYgMjAgMjAgQzEzLjQgMjAgNi44IDIwIDAgMjAgQzAgMTMuNCAwIDYuOCAwIDAgWiAiIGZpbGw9IiM5NzlDQTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIsMjkpIi8+CjxwYXRoIGQ9Ik0wIDAgQzYuNiAwIDEzLjIgMCAyMCAwIEMyMCA2LjYgMjAgMTMuMiAyMCAyMCBDMTguMDIgMjAgMTYuMDQgMjAgMTQgMjAgQzE0IDE1LjM4IDE0IDEwLjc2IDE0IDYgQzkuMzggNiA0Ljc2IDYgMCA2IEMwIDQuMDIgMCAyLjA0IDAgMCBaICIgZmlsbD0iIzk4OUNBMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjksMikiLz4KPHBhdGggZD0iTTAgMCBDNi42IDAgMTMuMiAwIDIwIDAgQzIwIDEuOTggMjAgMy45NiAyMCA2IEMxNS4zOCA2IDEwLjc2IDYgNiA2IEM2IDEwLjYyIDYgMTUuMjQgNiAyMCBDNC4wMiAyMCAyLjA0IDIwIDAgMjAgQzAgMTMuNCAwIDYuOCAwIDAgWiAiIGZpbGw9IiM5NzlCQTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIsMikiLz4KPC9zdmc+Cg==);
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 14px 14px;
+  height: 100%;
+  width: 100%;
+  padding: 0;
+}
+.atlas-map .azure-maps-control-button .fullscreen-icon.fullscreen-start {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIj4KPHBhdGggZD0iTTAgMCBDNi4yNyAwIDEyLjU0IDAgMTkgMCBDMTkgMS45OCAxOSAzLjk2IDE5IDYgQzE0LjcxIDYgMTAuNDIgNiA2IDYgQzYgMTAuNjIgNiAxNS4yNCA2IDIwIEM0LjAyIDIwIDIuMDQgMjAgMCAyMCBDMCAxMy40IDAgNi44IDAgMCBaICIgZmlsbD0iIzk4OUNBMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjksMjkpIi8+CjxwYXRoIGQ9Ik0wIDAgQzYuMjcgMCAxMi41NCAwIDE5IDAgQzE5IDYuNiAxOSAxMy4yIDE5IDIwIEMxNy4wMiAyMCAxNS4wNCAyMCAxMyAyMCBDMTMgMTUuMzggMTMgMTAuNzYgMTMgNiBDOC43MSA2IDQuNDIgNiAwIDYgQzAgNC4wMiAwIDIuMDQgMCAwIFogIiBmaWxsPSIjOTg5Q0ExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLDI5KSIvPgo8cGF0aCBkPSJNMCAwIEMxLjk4IDAgMy45NiAwIDYgMCBDNiA0LjI5IDYgOC41OCA2IDEzIEMxMC4yOSAxMyAxNC41OCAxMyAxOSAxMyBDMTkgMTQuOTggMTkgMTYuOTYgMTkgMTkgQzEyLjczIDE5IDYuNDYgMTkgMCAxOSBDMCAxMi43MyAwIDYuNDYgMCAwIFogIiBmaWxsPSIjOTg5Q0ExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOSwyKSIvPgo8cGF0aCBkPSJNMCAwIEMxLjk4IDAgMy45NiAwIDYgMCBDNiA2LjI3IDYgMTIuNTQgNiAxOSBDLTAuMjcgMTkgLTYuNTQgMTkgLTEzIDE5IEMtMTMgMTcuMDIgLTEzIDE1LjA0IC0xMyAxMyBDLTguNzEgMTMgLTQuNDIgMTMgMCAxMyBDMCA4LjcxIDAgNC40MiAwIDAgWiAiIGZpbGw9IiM5ODlDQTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LDIpIi8+Cjwvc3ZnPgo=);
+}
+.atlas-map .azure-maps-control-button .fullscreen-icon.fullscreen-start:hover {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIj4KPHBhdGggZD0iTTAgMCBDNi4yNyAwIDEyLjU0IDAgMTkgMCBDMTkgMS45OCAxOSAzLjk2IDE5IDYgQzE0LjcxIDYgMTAuNDIgNiA2IDYgQzYgMTAuNjIgNiAxNS4yNCA2IDIwIEM0LjAyIDIwIDIuMDQgMjAgMCAyMCBDMCAxMy40IDAgNi44IDAgMCBaICIgZmlsbD0iIzMxQUNDRSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjksMjkpIi8+CjxwYXRoIGQ9Ik0wIDAgQzYuMjcgMCAxMi41NCAwIDE5IDAgQzE5IDYuNiAxOSAxMy4yIDE5IDIwIEMxNy4wMiAyMCAxNS4wNCAyMCAxMyAyMCBDMTMgMTUuMzggMTMgMTAuNzYgMTMgNiBDOC43MSA2IDQuNDIgNiAwIDYgQzAgNC4wMiAwIDIuMDQgMCAwIFogIiBmaWxsPSIjMzFBQ0NFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLDI5KSIvPgo8cGF0aCBkPSJNMCAwIEMxLjk4IDAgMy45NiAwIDYgMCBDNiA0LjI5IDYgOC41OCA2IDEzIEMxMC4yOSAxMyAxNC41OCAxMyAxOSAxMyBDMTkgMTQuOTggMTkgMTYuOTYgMTkgMTkgQzEyLjczIDE5IDYuNDYgMTkgMCAxOSBDMCAxMi43MyAwIDYuNDYgMCAwIFogIiBmaWxsPSIjMzFBQ0NFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOSwyKSIvPgo8cGF0aCBkPSJNMCAwIEMxLjk4IDAgMy45NiAwIDYgMCBDNiA2LjI3IDYgMTIuNTQgNiAxOSBDLTAuMjcgMTkgLTYuNTQgMTkgLTEzIDE5IEMtMTMgMTcuMDIgLTEzIDE1LjA0IC0xMyAxMyBDLTguNzEgMTMgLTQuNDIgMTMgMCAxMyBDMCA4LjcxIDAgNC40MiAwIDAgWiAiIGZpbGw9IiMzMUFDQ0UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LDIpIi8+Cjwvc3ZnPgo=);
+}
+.atlas-map .azure-maps-control-button .fullscreen-icon.fullscreen-end {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjUxIj4KPHBhdGggZD0iTTAgMCBDMS45OCAwIDMuOTYgMCA2IDAgQzYgNi42IDYgMTMuMiA2IDIwIEMtMC42IDIwIC03LjIgMjAgLTE0IDIwIEMtMTQgMTguMDIgLTE0IDE2LjA0IC0xNCAxNCBDLTkuMzggMTQgLTQuNzYgMTQgMCAxNCBDMCA5LjM4IDAgNC43NiAwIDAgWiAiIGZpbGw9IiM5ODlDQTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzLDI5KSIvPgo8cGF0aCBkPSJNMCAwIEMxLjk4IDAgMy45NiAwIDYgMCBDNiA0LjYyIDYgOS4yNCA2IDE0IEMxMC42MiAxNCAxNS4yNCAxNCAyMCAxNCBDMjAgMTUuOTggMjAgMTcuOTYgMjAgMjAgQzEzLjQgMjAgNi44IDIwIDAgMjAgQzAgMTMuNCAwIDYuOCAwIDAgWiAiIGZpbGw9IiM5NzlDQTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIsMjkpIi8+CjxwYXRoIGQ9Ik0wIDAgQzYuNiAwIDEzLjIgMCAyMCAwIEMyMCA2LjYgMjAgMTMuMiAyMCAyMCBDMTguMDIgMjAgMTYuMDQgMjAgMTQgMjAgQzE0IDE1LjM4IDE0IDEwLjc2IDE0IDYgQzkuMzggNiA0Ljc2IDYgMCA2IEMwIDQuMDIgMCAyLjA0IDAgMCBaICIgZmlsbD0iIzk4OUNBMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjksMikiLz4KPHBhdGggZD0iTTAgMCBDNi42IDAgMTMuMiAwIDIwIDAgQzIwIDEuOTggMjAgMy45NiAyMCA2IEMxNS4zOCA2IDEwLjc2IDYgNiA2IEM2IDEwLjYyIDYgMTUuMjQgNiAyMCBDNC4wMiAyMCAyLjA0IDIwIDAgMjAgQzAgMTMuNCAwIDYuOCAwIDAgWiAiIGZpbGw9IiM5NzlCQTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIsMikiLz4KPC9zdmc+Cg==);
+}
+.atlas-map .azure-maps-control-button .fullscreen-icon.fullscreen-end:hover {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjUxIj4KPHBhdGggZD0iTTAgMCBDMS45OCAwIDMuOTYgMCA2IDAgQzYgNi42IDYgMTMuMiA2IDIwIEMtMC42IDIwIC03LjIgMjAgLTE0IDIwIEMtMTQgMTguMDIgLTE0IDE2LjA0IC0xNCAxNCBDLTkuMzggMTQgLTQuNzYgMTQgMCAxNCBDMCA5LjM4IDAgNC43NiAwIDAgWiAiIGZpbGw9IiMzMEFDQ0UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzLDI5KSIvPgo8cGF0aCBkPSJNMCAwIEMxLjk4IDAgMy45NiAwIDYgMCBDNiA0LjYyIDYgOS4yNCA2IDE0IEMxMC42MiAxNCAxNS4yNCAxNCAyMCAxNCBDMjAgMTUuOTggMjAgMTcuOTYgMjAgMjAgQzEzLjQgMjAgNi44IDIwIDAgMjAgQzAgMTMuNCAwIDYuOCAwIDAgWiAiIGZpbGw9IiMzMEFDQ0QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIsMjkpIi8+CjxwYXRoIGQ9Ik0wIDAgQzYuNiAwIDEzLjIgMCAyMCAwIEMyMCA2LjYgMjAgMTMuMiAyMCAyMCBDMTguMDIgMjAgMTYuMDQgMjAgMTQgMjAgQzE0IDE1LjM4IDE0IDEwLjc2IDE0IDYgQzkuMzggNiA0Ljc2IDYgMCA2IEMwIDQuMDIgMCAyLjA0IDAgMCBaICIgZmlsbD0iIzMxQUNDRSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjksMikiLz4KPHBhdGggZD0iTTAgMCBDNi42IDAgMTMuMiAwIDIwIDAgQzIwIDEuOTggMjAgMy45NiAyMCA2IEMxNS4zOCA2IDEwLjc2IDYgNiA2IEM2IDEwLjYyIDYgMTUuMjQgNiAyMCBDNC4wMiAyMCAyLjA0IDIwIDAgMjAgQzAgMTMuNCAwIDYuOCAwIDAgWiAiIGZpbGw9IiMzMUFCQ0UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIsMikiLz4KPC9zdmc+Cg==);
+}
 .atlas-map .azure-maps-control-button.curr-style {
   position: relative;
   flex-shrink: 0;

package/dist/atlas.js

@@ -51655,7 +51655,7 @@ uniform ${precision} ${type} u_${name};
 	    return Options;
 	}());
 
-	var __extends$1l = (window && window.__extends) || (function () {
+	var __extends$1n = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -51690,7 +51690,7 @@ uniform ${precision} ${type} u_${name};
 	 * @private
 	 */
 	var UrlOptions = /** @class */ (function (_super) {
-	    __extends$1l(UrlOptions, _super);
+	    __extends$1n(UrlOptions, _super);
 	    function UrlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        _this.domain = undefined;
@@ -52217,7 +52217,7 @@ uniform ${precision} ${type} u_${name};
 	    return UserAgent;
 	}());
 
-	var version$3 = "3.4.0";
+	var version$3 = "3.5.0";
 
 	/**
 	 * A helper class that provides methods for getting various forms of the map controls current version.
@@ -52249,7 +52249,7 @@ uniform ${precision} ${type} u_${name};
 	    return Version;
 	}());
 
-	var __extends$1k = (window && window.__extends) || (function () {
+	var __extends$1m = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -52323,7 +52323,7 @@ uniform ${precision} ${type} u_${name};
 	 * Options for specifying how the map control should authenticate with the Azure Maps services.
 	 */
 	var AuthenticationOptions = /** @class */ (function (_super) {
-	    __extends$1k(AuthenticationOptions, _super);
+	    __extends$1m(AuthenticationOptions, _super);
 	    function AuthenticationOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53188,7 +53188,7 @@ uniform ${precision} ${type} u_${name};
 	    eventTarget.addEventListener("keydown", dismissTooltip);
 	};
 
-	var __extends$1j = (window && window.__extends) || (function () {
+	var __extends$1l = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53238,7 +53238,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for adding a control to the map.
 	 */
 	var ControlOptions = /** @class */ (function (_super) {
-	    __extends$1j(ControlOptions, _super);
+	    __extends$1l(ControlOptions, _super);
 	    function ControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53382,7 +53382,7 @@ uniform ${precision} ${type} u_${name};
 		EventEmitter: EventEmitter
 	});
 
-	var __extends$1i = (window && window.__extends) || (function () {
+	var __extends$1k = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53402,7 +53402,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$1i(ControlBase, _super);
+	    __extends$1k(ControlBase, _super);
 	    function ControlBase() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53504,7 +53504,7 @@ uniform ${precision} ${type} u_${name};
 	    return ControlBase;
 	}(EventEmitter));
 
-	var __extends$1h = (window && window.__extends) || (function () {
+	var __extends$1j = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53523,7 +53523,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a CompassControl object.
 	 */
 	var CompassControlOptions = /** @class */ (function (_super) {
-	    __extends$1h(CompassControlOptions, _super);
+	    __extends$1j(CompassControlOptions, _super);
 	    function CompassControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53548,7 +53548,7 @@ uniform ${precision} ${type} u_${name};
 	    return CompassControlOptions;
 	}(Options));
 
-	var __extends$1g = (window && window.__extends) || (function () {
+	var __extends$1i = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53567,7 +53567,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the rotation of the map.
 	 */
 	var CompassControl = /** @class */ (function (_super) {
-	    __extends$1g(CompassControl, _super);
+	    __extends$1i(CompassControl, _super);
 	    /**
 	     * Constructs a CompassControl.
 	     * @param options The options for the control.
@@ -53752,7 +53752,7 @@ uniform ${precision} ${type} u_${name};
 	    return CompassControl;
 	}(ControlBase));
 
-	var __extends$1f = (window && window.__extends) || (function () {
+	var __extends$1h = (window && window.__extends) || (function () {
 	    var extendStatics = function (d, b) {
 	        extendStatics = Object.setPrototypeOf ||
 	            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -53771,7 +53771,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a PitchControl object.
 	 */
 	var PitchControlOptions = /** @class */ (function (_super) {
-	    __extends$1f(PitchControlOptions, _super);
+	    __extends$1h(PitchControlOptions, _super);
 	    function PitchControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -53796,7 +53796,7 @@ uniform ${precision} ${type} u_${name};
 	    return PitchControlOptions;
 	}(Options));
 
-	var __extends$1e = (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; }) ||
@@ -53815,7 +53815,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the pitch of the map.
 	 */
 	var PitchControl = /** @class */ (function (_super) {
-	    __extends$1e(PitchControl, _super);
+	    __extends$1g(PitchControl, _super);
 	    /**
 	     * Constructs a PitchControl.
 	     * @param options The options for the control.
@@ -54043,7 +54043,7 @@ uniform ${precision} ${type} u_${name};
 	    return PitchControl;
 	}(ControlBase));
 
-	var __extends$1d = (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; }) ||
@@ -54062,7 +54062,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control to display a scale bar on the map.
 	 */
 	var ScaleControl = /** @class */ (function (_super) {
-	    __extends$1d(ScaleControl, _super);
+	    __extends$1f(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.
@@ -57580,7 +57580,7 @@ uniform ${precision} ${type} u_${name};
 
 	var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
 
-	var __extends$1c = (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; }) ||
@@ -57599,7 +57599,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a StyleControl object.
 	 */
 	var StyleControlOptions = /** @class */ (function (_super) {
-	    __extends$1c(StyleControlOptions, _super);
+	    __extends$1e(StyleControlOptions, _super);
 	    function StyleControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -57644,7 +57644,7 @@ uniform ${precision} ${type} u_${name};
 	    return StyleControlOptions;
 	}(Options));
 
-	var __extends$1b = (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; }) ||
@@ -57715,7 +57715,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the style of the map.
 	 */
 	var StyleControl = /** @class */ (function (_super) {
-	    __extends$1b(StyleControl, _super);
+	    __extends$1d(StyleControl, _super);
 	    /**
 	     * Constructs a StyleControl.
 	     * @param options The options for the control.
@@ -58080,7 +58080,7 @@ uniform ${precision} ${type} u_${name};
 	    return StyleControl;
 	}(ControlBase));
 
-	var __extends$1a = (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; }) ||
@@ -58099,7 +58099,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for setting traffic on the map.
 	 */
 	var TrafficOptions = /** @class */ (function (_super) {
-	    __extends$1a(TrafficOptions, _super);
+	    __extends$1c(TrafficOptions, _super);
 	    function TrafficOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -58124,7 +58124,7 @@ uniform ${precision} ${type} u_${name};
 	    return TrafficOptions;
 	}(Options));
 
-	var __extends$19 = (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; }) ||
@@ -58143,7 +58143,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a TrafficControl object.
 	 */
 	var TrafficControlOptions = /** @class */ (function (_super) {
-	    __extends$19(TrafficControlOptions, _super);
+	    __extends$1b(TrafficControlOptions, _super);
 	    function TrafficControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -58163,7 +58163,7 @@ uniform ${precision} ${type} u_${name};
 	    return TrafficControlOptions;
 	}(TrafficOptions));
 
-	var __extends$18 = (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; }) ||
@@ -58182,7 +58182,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control that toggles traffic data on the map.
 	 */
 	var TrafficControl = /** @class */ (function (_super) {
-	    __extends$18(TrafficControl, _super);
+	    __extends$1a(TrafficControl, _super);
 	    /**
 	     * Constructs a TrafficControl
 	     * @param options The options for the control.
@@ -58309,7 +58309,7 @@ uniform ${precision} ${type} u_${name};
 	    return TrafficControl;
 	}(ControlBase));
 
-	var __extends$17 = (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; }) ||
@@ -58339,7 +58339,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control that display traffic legend on the map.
 	 */
 	var TrafficLegendControl = /** @class */ (function (_super) {
-	    __extends$17(TrafficLegendControl, _super);
+	    __extends$19(TrafficLegendControl, _super);
 	    /**
 	     * Construct a traffic legend control
 	     */
@@ -59073,7 +59073,7 @@ uniform ${precision} ${type} u_${name};
 	    return Feature;
 	}());
 
-	var __extends$16 = (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; }) ||
@@ -59092,7 +59092,7 @@ uniform ${precision} ${type} u_${name};
 	 * Represent a pixel coordinate or offset. Extends an array of [x, y].
 	 */
 	var Pixel = /** @class */ (function (_super) {
-	    __extends$16(Pixel, _super);
+	    __extends$18(Pixel, _super);
 	    /**
 	     * Constructs a Pixel object and initializes it with the specified x and y coordinates.
 	     * @param x The horizontal pixel offset.
@@ -61312,7 +61312,7 @@ uniform ${precision} ${type} u_${name};
 	    return result;
 	}
 
-	var __extends$15 = (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; }) ||
@@ -61332,7 +61332,7 @@ uniform ${precision} ${type} u_${name};
 	 * full description is detailed in [RFC 7946]{@link https://tools.ietf.org/html/rfc7946#section-3.1.1}.
 	 */
 	var Position = /** @class */ (function (_super) {
-	    __extends$15(Position, _super);
+	    __extends$17(Position, _super);
 	    /**
 	     * Constructs a Position.
 	     * @param longitude The position's longitude.
@@ -61524,7 +61524,7 @@ uniform ${precision} ${type} u_${name};
 	    return Polygon;
 	}());
 
-	var __extends$14 = (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; }) ||
@@ -61554,7 +61554,7 @@ uniform ${precision} ${type} u_${name};
 	 * A helper class that wraps a Geometry or Feature and makes it easy to update and maintain.
 	 */
 	var Shape = /** @class */ (function (_super) {
-	    __extends$14(Shape, _super);
+	    __extends$16(Shape, _super);
 	    function Shape(data, id, properties) {
 	        var _this = _super.call(this) || this;
 	        var geometry;
@@ -61850,7 +61850,7 @@ uniform ${precision} ${type} u_${name};
 	    return Shape;
 	}(EventEmitter));
 
-	var __extends$13 = (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; }) ||
@@ -61883,7 +61883,7 @@ uniform ${precision} ${type} u_${name};
 	 * [RFC 7946]{@link https://tools.ietf.org/html/rfc7946#section-5}.
 	 */
 	var BoundingBox = /** @class */ (function (_super) {
-	    __extends$13(BoundingBox, _super);
+	    __extends$15(BoundingBox, _super);
 	    function BoundingBox(southwestPositionOrPositions, northeastPosition) {
 	        var _this = this;
 	        if (southwestPositionOrPositions && northeastPosition) {
@@ -62600,7 +62600,7 @@ uniform ${precision} ${type} u_${name};
 	    return MultiPolygon;
 	}());
 
-	var __extends$12 = (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; }) ||
@@ -62631,7 +62631,7 @@ uniform ${precision} ${type} u_${name};
 	 * The `z` dimension of `MercatorPoint` is conformal. A cube in the mercator coordinate space would be rendered as a cube.
 	 */
 	var MercatorPoint = /** @class */ (function (_super) {
-	    __extends$12(MercatorPoint, _super);
+	    __extends$14(MercatorPoint, _super);
 	    /**
 	     * Constructs a MercatorPoint.
 	     * @param x A points x position in mercator units.
@@ -63120,7 +63120,7 @@ uniform ${precision} ${type} u_${name};
 		simplify: simplify
 	});
 
-	var __extends$11 = (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; }) ||
@@ -63139,7 +63139,7 @@ uniform ${precision} ${type} u_${name};
 	 * The options for a ZoomControl object.
 	 */
 	var ZoomControlOptions = /** @class */ (function (_super) {
-	    __extends$11(ZoomControlOptions, _super);
+	    __extends$13(ZoomControlOptions, _super);
 	    function ZoomControlOptions() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
 	        /**
@@ -63159,7 +63159,7 @@ uniform ${precision} ${type} u_${name};
 	    return ZoomControlOptions;
 	}(Options));
 
-	var __extends$10 = (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; }) ||
@@ -63178,7 +63178,7 @@ uniform ${precision} ${type} u_${name};
 	 * A control for changing the zoom of the map.
 	 */
 	var ZoomControl = /** @class */ (function (_super) {
-	    __extends$10(ZoomControl, _super);
+	    __extends$12(ZoomControl, _super);
 	    /**
 	     * Constructs a ZoomControl.
 	     * @param options The options for the control.
@@ -63292,10 +63292,169 @@ uniform ${precision} ${type} u_${name};
 	    return ZoomControl;
 	}(ControlBase));
 
+	var __extends$11 = (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 __());
+	    };
+	})();
+	/**
+	 * The options for a FullscreenControl object.
+	 */
+	var FullscreenControlOptions = /** @class */ (function (_super) {
+	    __extends$11(FullscreenControlOptions, _super);
+	    function FullscreenControlOptions() {
+	        var _this = _super !== null && _super.apply(this, arguments) || this;
+	        /**
+	         * The style of the control.
+	         * Default `ControlStyle.light`
+	         * @default ControlStyle.light
+	         */
+	        _this.style = exports.ControlStyle.light;
+	        /**
+	         * Indicates if the control should be hidden if the browser does not support fullscreen mode.
+	         * Default `false`
+	         * @default false
+	         */
+	        _this.hideIfUnsupported = false;
+	        /**
+	         * The HTML element which should be made full screen.
+	         * If not specified, the map container element will be used.
+	         */
+	        _this.container = undefined;
+	        return _this;
+	    }
+	    return FullscreenControlOptions;
+	}(Options));
+
+	var __extends$10 = (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 make the map or a specified element fullscreen.
+	 */
+	var FullscreenControl = /** @class */ (function (_super) {
+	    __extends$10(FullscreenControl, _super);
+	    /**
+	     * A control to make the map or a specified element fullscreen.
+	     * @param options Options for defining how the control is rendered and the container to be made fullscreen.
+	     */
+	    function FullscreenControl(options) {
+	        var _this = _super.call(this) || this;
+	        _this.map = null;
+	        _this.isFullscreenState = false;
+	        _this.options = new FullscreenControlOptions().merge(options);
+	        _this.control = new maplibregl.FullscreenControl({
+	            container: _this.options.container,
+	        });
+	        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.
+	     */
+	    FullscreenControl.prototype.onAdd = function (map) {
+	        var _this = this;
+	        var _a, _b;
+	        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, this.options.style, "Fullscreen Control");
+	        var fullscreenButton = this.control._fullscreenButton;
+	        if (fullscreenButton) {
+	            var icon_1 = fullscreenButton.querySelector("span");
+	            if (icon_1) {
+	                var tooltip_1 = buildAccessibleTooltip("Enter Fullscreen");
+	                container.appendChild(fullscreenButton);
+	                // Add classes for styling.
+	                fullscreenButton.classList.add("azure-maps-control-button", "fullscreen");
+	                icon_1.classList.add("fullscreen-icon", "fullscreen-end");
+	                // Add the tooltip and prevent the default one set by Maplibre.
+	                fullscreenButton.removeAttribute("title"); // A title attribute will be converted to a tooltip by the browser.
+	                container.appendChild(tooltip_1);
+	                positionTooltip(tooltip_1, fullscreenButton);
+	                // Update the icon and the tooltip based on the fullscreen state.
+	                this.control.on("fullscreenstart", function () {
+	                    // Remove the title attribute added automatically whenever fullscreen event is fired
+	                    fullscreenButton.removeAttribute("title");
+	                    icon_1.classList.remove("fullscreen-end");
+	                    icon_1.classList.add("fullscreen-start");
+	                    tooltip_1.innerText = "Exit Fullscreen";
+	                    _this.isFullscreenState = true;
+	                });
+	                this.control.on("fullscreenend", function () {
+	                    fullscreenButton.removeAttribute("title");
+	                    icon_1.classList.remove("fullscreen-start");
+	                    icon_1.classList.add("fullscreen-end");
+	                    tooltip_1.innerText = "Enter Fullscreen";
+	                    _this.isFullscreenState = false;
+	                });
+	            }
+	        }
+	        // Invisiblize the control if the browser does not support fullscreen mode.
+	        if (this.options.hideIfUnsupported && !FullscreenControl.isSupported()) {
+	            container.style.display = "none";
+	        }
+	        return container;
+	    };
+	    /**
+	     * Method that is called when the control is removed from the map. Should perform any necessary cleanup for the
+	     * control.
+	     */
+	    FullscreenControl.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;
+	    };
+	    /**
+	     * Gets the current fullscreen state of the map.
+	     * @returns A boolean indicating if the map is in fullscreen mode.
+	     */
+	    FullscreenControl.prototype.isFullscreen = function () {
+	        return this.isFullscreenState;
+	    };
+	    /**
+	     * Checks to see if the browser supports going into fullscreen mode.
+	     * @returns A boolean indicating if the browser supports fullscreen mode.
+	     */
+	    FullscreenControl.isSupported = function () {
+	        var d = document;
+	        return d['fullscreenEnabled'] ||
+	            d['msFullscreenEnabled'] ||
+	            d['mozFullScreenEnabled'] ||
+	            d['webkitFullscreenEnabled'];
+	    };
+	    return FullscreenControl;
+	}(ControlBase));
+
 	var index$2 = /*#__PURE__*/Object.freeze({
 		__proto__: null,
 		CompassControl: CompassControl,
 		ControlBase: ControlBase,
+		FullscreenControl: FullscreenControl,
 		PitchControl: PitchControl,
 		ScaleControl: ScaleControl,
 		StyleControl: StyleControl,