@artstesh/maps 1.1.9 → 1.1.11

package/dist/bundles/maps-components.umd.js

@@ -998,6 +998,26 @@
     }(postboy.PostboyExecutor));
     GetMapPositionExecutor.ID = '52c95689-d09b-4082-ba58-9183ea96a213';
 
+    var GetFeaturesInAreaQuery = /** @class */ (function (_super) {
+        __extends(GetFeaturesInAreaQuery, _super);
+        function GetFeaturesInAreaQuery(area, ignore) {
+            if (ignore === void 0) { ignore = new Set(); }
+            var _this = _super.call(this) || this;
+            _this.area = area;
+            _this.ignore = ignore;
+            return _this;
+        }
+        Object.defineProperty(GetFeaturesInAreaQuery.prototype, "id", {
+            get: function () {
+                return GetFeaturesInAreaQuery.ID;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return GetFeaturesInAreaQuery;
+    }(postboy.PostboyCallbackMessage));
+    GetFeaturesInAreaQuery.ID = 'efcf4271-a07a-40e0-9f02-d4dade40b8ac';
+
     var AddLayerCommand = /** @class */ (function (_super) {
         __extends(AddLayerCommand, _super);
         function AddLayerCommand(layer) {
@@ -1191,26 +1211,6 @@
         return FeatureService;
     }());
 
-    var GetFeaturesInAreaQuery = /** @class */ (function (_super) {
-        __extends(GetFeaturesInAreaQuery, _super);
-        function GetFeaturesInAreaQuery(area, ignore) {
-            if (ignore === void 0) { ignore = new Set(); }
-            var _this = _super.call(this) || this;
-            _this.area = area;
-            _this.ignore = ignore;
-            return _this;
-        }
-        Object.defineProperty(GetFeaturesInAreaQuery.prototype, "id", {
-            get: function () {
-                return GetFeaturesInAreaQuery.ID;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return GetFeaturesInAreaQuery;
-    }(postboy.PostboyCallbackMessage));
-    GetFeaturesInAreaQuery.ID = 'efcf4271-a07a-40e0-9f02-d4dade40b8ac';
-
     var FilterFeaturesInAreaExecutor = /** @class */ (function (_super) {
         __extends(FilterFeaturesInAreaExecutor, _super);
         function FilterFeaturesInAreaExecutor(area, features) {
@@ -1855,6 +1855,13 @@
              * @default 'EPSG:3857'
              */
             this.projection = 'EPSG:3857';
+            /**
+             * Additional headers that should be added to each tile request
+             *
+             * @type {Record<string, string>}
+             * @default An empty array
+             */
+            this.requestHeaders = null;
         }
         /**
          * Creates a copy of the given tile layer settings.
@@ -1869,6 +1876,7 @@
             result.projection = model.projection;
             result.opacity = model.opacity;
             result.url = model.url;
+            result.requestHeaders = model.requestHeaders;
             return result;
         };
         /**
@@ -1880,6 +1888,15 @@
         TileLayerSettings.prototype.setUrl = function (url) {
             return TileLayerSettings.copy(Object.assign(Object.assign({}, this), { url: url }));
         };
+        /**
+         * Sets the requestHeaders of the TileLayerSettings object.
+         *
+         * @param {Record<string, string>} requestHeaders - The headers which should be provided.
+         * @return {TileLayerSettings} - The updated TileLayerSettings object.
+         */
+        TileLayerSettings.prototype.setRequestHeaders = function (requestHeaders) {
+            return TileLayerSettings.copy(Object.assign(Object.assign({}, this), { requestHeaders: requestHeaders }));
+        };
         /**
          * Sets the maximum zoom level for the tile layer.
          *
@@ -1933,6 +1950,8 @@
                 return false;
             if (this.opacity !== model.opacity)
                 return false;
+            if (this.requestHeaders !== model.requestHeaders)
+                return false;
             return true;
         };
         return TileLayerSettings;
@@ -1942,6 +1961,7 @@
         function TileLayerFactory() {
         }
         TileLayerFactory.prototype.build = function (settings) {
+            var _this = this;
             var source$1 = new source.XYZ({
                 tileSize: 256,
                 maxZoom: settings.maxZoom || 14,
@@ -1949,6 +1969,9 @@
                 projection: proj.get(settings.projection),
                 tileUrlFunction: this.getTileFunc(settings),
                 crossOrigin: 'Anonymous',
+                tileLoadFunction: !!settings.requestHeaders
+                    ? function (tile, src) { return _this.tileLoader(tile, src, settings.requestHeaders); }
+                    : undefined,
             });
             return new TileLayer__default["default"]({ source: source$1, opacity: settings.opacity });
         };
@@ -1966,6 +1989,21 @@
                     .replace('{y}', String(bound - ((normalizedCoord === null || normalizedCoord === void 0 ? void 0 : normalizedCoord.y) || y) - 1));
             };
         };
+        TileLayerFactory.prototype.tileLoader = function (tile, src, headers) {
+            var client = new XMLHttpRequest();
+            client.open('GET', src);
+            client.responseType = 'arraybuffer';
+            Object.keys(headers).forEach(function (k) { return client.setRequestHeader(k, headers[k]); });
+            client.onload = function () {
+                if (this.response !== undefined) {
+                    var arrayBufferView = new Uint8Array(this.response);
+                    var blob = new Blob([arrayBufferView], { type: 'image/png' });
+                    var urlCreator = window.URL || window.webkitURL;
+                    tile.getImage().src = urlCreator.createObjectURL(blob);
+                }
+            };
+            client.send();
+        };
         TileLayerFactory.prototype.getNormalizedCoord = function (coord, zoom) {
             var y = coord.y;
             var x = coord.x;
@@ -3402,6 +3440,7 @@
     exports.FeatureLayerComponent = FeatureLayerComponent;
     exports.FeatureLayerSettings = FeatureLayerSettings;
     exports.FitToPolygonsCommand = FitToPolygonsCommand;
+    exports.GetFeaturesInAreaQuery = GetFeaturesInAreaQuery;
     exports.GetMapPositionExecutor = GetMapPositionExecutor;
     exports.MapClickEvent = MapClickEvent;
     exports.MapControl = MapControl;