azure-maps-control 3.4.0 → 3.5.0

package/dist/atlas-core.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$2 = "3.4.0";
+	var version$2 = "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;
 	        /**
@@ -53179,7 +53179,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; }) ||
@@ -53229,7 +53229,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;
 	        /**
@@ -53373,7 +53373,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; }) ||
@@ -53393,7 +53393,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;
 	        /**
@@ -53495,7 +53495,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; }) ||
@@ -53514,7 +53514,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;
 	        /**
@@ -53539,7 +53539,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; }) ||
@@ -53558,7 +53558,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.
@@ -53743,7 +53743,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; }) ||
@@ -53762,7 +53762,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;
 	        /**
@@ -53787,7 +53787,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; }) ||
@@ -53806,7 +53806,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.
@@ -54034,7 +54034,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; }) ||
@@ -54053,7 +54053,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.
@@ -57571,7 +57571,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; }) ||
@@ -57590,7 +57590,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;
 	        /**
@@ -57635,7 +57635,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; }) ||
@@ -57706,7 +57706,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.
@@ -58071,7 +58071,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; }) ||
@@ -58090,7 +58090,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;
 	        /**
@@ -58115,7 +58115,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; }) ||
@@ -58134,7 +58134,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;
 	        /**
@@ -58154,7 +58154,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; }) ||
@@ -58173,7 +58173,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.
@@ -58300,7 +58300,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; }) ||
@@ -58330,7 +58330,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
 	     */
@@ -59064,7 +59064,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; }) ||
@@ -59083,7 +59083,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.
@@ -61303,7 +61303,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; }) ||
@@ -61323,7 +61323,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.
@@ -61515,7 +61515,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; }) ||
@@ -61545,7 +61545,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;
@@ -61841,7 +61841,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; }) ||
@@ -61874,7 +61874,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) {
@@ -62591,7 +62591,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; }) ||
@@ -62622,7 +62622,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.
@@ -63111,7 +63111,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; }) ||
@@ -63130,7 +63130,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;
 	        /**
@@ -63150,7 +63150,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; }) ||
@@ -63169,7 +63169,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.
@@ -63283,10 +63283,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,