@map-colonies/react-components 3.13.0 → 3.14.0

package/CHANGELOG.md

@@ -3,26 +3,61 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [3.13.0](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.12.3...@map-colonies/react-components@3.13.0) (2023-01-11)
-
-
-### Features
-
-* add coords value in map context ([#135](https://github.com/MapColonies/shared-components/issues/135)) ([c056f44](https://github.com/MapColonies/shared-components/commit/c056f44ac230a0c956bd7a5d75b6dde0374b2405))
+# [3.14.0](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.13.1...@map-colonies/react-components@3.14.0) (2023-04-13)
 
 
+### Bug Fixes
 
+* optimized tile requesting story and fixes ([e1cd86c](https://github.com/MapColonies/shared-components/commit/e1cd86c6fde563281d10774dd88291d6aad869c1))
+* prettier ([51f1e50](https://github.com/MapColonies/shared-components/commit/51f1e503b9080d136e3b05776cd2a2d384091cac))
 
 
-## [3.12.3](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.12.2...@map-colonies/react-components@3.12.3) (2022-08-25)
+### Features
 
-**Note:** Version bump only for package @map-colonies/react-components
+* attempting implementation for relevancy of layer to extent (not working) ([eae6e88](https://github.com/MapColonies/shared-components/commit/eae6e88085bc3b4a68bd898dab2b1226e233aad1))
+* implementing tile requesting optimization ([c6daec6](https://github.com/MapColonies/shared-components/commit/c6daec6f3844f10e3520da2ee976b832a4eb531f))
+* relevancy of layer to extent kind of works ([641930d](https://github.com/MapColonies/shared-components/commit/641930dd07ecb215370237bd7d4b7f6587885120))
+* relevancy of layer to extent mostly working, needs fixes ([367e738](https://github.com/MapColonies/shared-components/commit/367e738c3bdb1dc57db17e3eb14cdf83114863cd))
+* relevancy of layer to extent with hide logic ([4ed8a5f](https://github.com/MapColonies/shared-components/commit/4ed8a5f301081b59f49f39e30986f805d674b68b))
+* start implementing optimized tile requesting story ([b5ffd06](https://github.com/MapColonies/shared-components/commit/b5ffd0685c1d201e28d2e34536094883737605d1))
+* tile requesting optimizations works with config toggling ([2dddf48](https://github.com/MapColonies/shared-components/commit/2dddf481165e660a6b4d6934b1daa22eb25292d6))
 
 
 
 
 
 
+## [3.13.1](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.13.0...@map-colonies/react-components@3.13.1) (2023-01-12)
+
+
+### Bug Fixes
+
+* imports from cesium ([#136](https://github.com/MapColonies/shared-components/issues/136)) ([0b12f11](https://github.com/MapColonies/shared-components/commit/0b12f119275285682e13b2a83b75f34151b9553f))
+
+
+
+
+
+# [3.13.0](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.12.3...@map-colonies/react-components@3.13.0) (2023-01-11)
+
+
+### Features
+
+* add coords value in map context ([#135](https://github.com/MapColonies/shared-components/issues/135)) ([c056f44](https://github.com/MapColonies/shared-components/commit/c056f44ac230a0c956bd7a5d75b6dde0374b2405))
+
+
+
+
+
+## [3.12.3](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.12.2...@map-colonies/react-components@3.12.3) (2022-08-25)
+
+**Note:** Version bump only for package @map-colonies/react-components
+
+
+
+
+
+
 ## [3.12.2](https://github.com/MapColonies/shared-components/compare/@map-colonies/react-components@3.12.1...@map-colonies/react-components@3.12.2) (2022-08-14)
 
 **Note:** Version bump only for package @map-colonies/react-components

package/dist/cesium-map/helpers/customImageryProviders.d.ts

@@ -0,0 +1,34 @@
+import { Request, ImageryProvider, UrlTemplateImageryProvider, WebMapServiceImageryProvider, WebMapTileServiceImageryProvider } from 'cesium';
+import { ICesiumImageryLayer } from '../layers-manager';
+import { CesiumViewer } from '../map';
+export interface CustomImageryProvider extends ImageryProvider {
+    readonly layerListInstance: ICesiumImageryLayer[];
+    tileTransparencyCheckedCounter: number;
+    mapViewer: CesiumViewer;
+    readonly maxTilesForTransparencyCheck: number;
+}
+export declare const HAS_TRANSPARENCY_META_PROP = "hasTransparency";
+export declare class CustomUrlTemplateImageryProvider extends UrlTemplateImageryProvider {
+    readonly layerListInstance: ICesiumImageryLayer[];
+    readonly mapViewer: CesiumViewer;
+    readonly maxTilesForTransparencyCheck = 3;
+    tileTransparencyCheckedCounter: number;
+    constructor(opts: UrlTemplateImageryProvider.ConstructorOptions, mapViewer: CesiumViewer);
+    requestImage(x: number, y: number, level: number, request?: Request | undefined): Promise<HTMLImageElement | HTMLCanvasElement> | undefined;
+}
+export declare class CustomWebMapServiceImageryProvider extends WebMapServiceImageryProvider {
+    readonly layerListInstance: ICesiumImageryLayer[];
+    readonly mapViewer: CesiumViewer;
+    readonly maxTilesForTransparencyCheck = 3;
+    tileTransparencyCheckedCounter: number;
+    constructor(opts: WebMapServiceImageryProvider.ConstructorOptions, mapViewer: CesiumViewer);
+    requestImage(x: number, y: number, level: number, request?: Request | undefined): Promise<HTMLImageElement | HTMLCanvasElement> | undefined;
+}
+export declare class CustomWebMapTileServiceImageryProvider extends WebMapTileServiceImageryProvider {
+    readonly layerListInstance: ICesiumImageryLayer[];
+    readonly mapViewer: CesiumViewer;
+    readonly maxTilesForTransparencyCheck = 3;
+    tileTransparencyCheckedCounter: number;
+    constructor(opts: WebMapTileServiceImageryProvider.ConstructorOptions, mapViewer: CesiumViewer);
+    requestImage(x: number, y: number, level: number, request?: Request | undefined): Promise<HTMLImageElement | HTMLCanvasElement> | undefined;
+}

package/dist/cesium-map/helpers/customImageryProviders.js

@@ -0,0 +1,106 @@
+"use strict";
+var __extends = (this && this.__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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomWebMapTileServiceImageryProvider = exports.CustomWebMapServiceImageryProvider = exports.CustomUrlTemplateImageryProvider = exports.HAS_TRANSPARENCY_META_PROP = void 0;
+var cesium_1 = require("cesium");
+var lodash_1 = require("lodash");
+var utils_1 = require("./utils");
+var NUMBER_OF_TILES_TO_CHECK = 3;
+exports.HAS_TRANSPARENCY_META_PROP = 'hasTransparency';
+function customCommonRequestImage(requestImageFn, x, y, level, request) {
+    var _this = this;
+    // custom Logic
+    setTimeout(function () {
+        var _a;
+        var requestedLayerMeta = (_a = _this.layerListInstance.find(
+        /* eslint-disable */
+        function (layer) {
+            return (layer._imageryProvider._resource._url ===
+                _this._resource._url);
+        }
+        /* eslint-enable */
+        )) === null || _a === void 0 ? void 0 : _a.meta;
+        var layerHasTransparency = lodash_1.get(requestedLayerMeta, exports.HAS_TRANSPARENCY_META_PROP) === true;
+        if (_this.tileTransparencyCheckedCounter < NUMBER_OF_TILES_TO_CHECK &&
+            !layerHasTransparency) {
+            void utils_1.imageHasTransparency(request === null || request === void 0 ? void 0 : request.url, _this).then(function (hasTransparency) {
+                var _a;
+                var _b;
+                (_b = _this.mapViewer.layersManager) === null || _b === void 0 ? void 0 : _b.addMetaToLayer((_a = {}, _a[exports.HAS_TRANSPARENCY_META_PROP] = hasTransparency, _a), 
+                /* eslint-disable */
+                function (layer) {
+                    return (layer._imageryProvider._resource._url ===
+                        _this._resource._url);
+                }
+                /* eslint-enable */
+                );
+            });
+        }
+    }, 0);
+    return requestImageFn(x, y, level, request);
+}
+var CustomUrlTemplateImageryProvider = /** @class */ (function (_super) {
+    __extends(CustomUrlTemplateImageryProvider, _super);
+    function CustomUrlTemplateImageryProvider(opts, mapViewer) {
+        var _a;
+        var _this = _super.call(this, opts) || this;
+        _this.maxTilesForTransparencyCheck = NUMBER_OF_TILES_TO_CHECK;
+        _this.tileTransparencyCheckedCounter = 0;
+        _this.layerListInstance = (_a = mapViewer.layersManager) === null || _a === void 0 ? void 0 : _a.layerList;
+        _this.mapViewer = mapViewer;
+        return _this;
+    }
+    CustomUrlTemplateImageryProvider.prototype.requestImage = function (x, y, level, request) {
+        return customCommonRequestImage.call(this, _super.prototype.requestImage.bind(this), x, y, level, request);
+    };
+    return CustomUrlTemplateImageryProvider;
+}(cesium_1.UrlTemplateImageryProvider));
+exports.CustomUrlTemplateImageryProvider = CustomUrlTemplateImageryProvider;
+var CustomWebMapServiceImageryProvider = /** @class */ (function (_super) {
+    __extends(CustomWebMapServiceImageryProvider, _super);
+    function CustomWebMapServiceImageryProvider(opts, mapViewer) {
+        var _a;
+        var _this = _super.call(this, opts) || this;
+        _this.maxTilesForTransparencyCheck = NUMBER_OF_TILES_TO_CHECK;
+        _this.tileTransparencyCheckedCounter = 0;
+        _this.layerListInstance = (_a = mapViewer.layersManager) === null || _a === void 0 ? void 0 : _a.layerList;
+        _this.mapViewer = mapViewer;
+        return _this;
+    }
+    CustomWebMapServiceImageryProvider.prototype.requestImage = function (x, y, level, request) {
+        return customCommonRequestImage.call(this, _super.prototype.requestImage.bind(this), x, y, level, request);
+    };
+    return CustomWebMapServiceImageryProvider;
+}(cesium_1.WebMapServiceImageryProvider));
+exports.CustomWebMapServiceImageryProvider = CustomWebMapServiceImageryProvider;
+var CustomWebMapTileServiceImageryProvider = /** @class */ (function (_super) {
+    __extends(CustomWebMapTileServiceImageryProvider, _super);
+    function CustomWebMapTileServiceImageryProvider(opts, mapViewer) {
+        var _a;
+        var _this = _super.call(this, opts) || this;
+        _this.maxTilesForTransparencyCheck = NUMBER_OF_TILES_TO_CHECK;
+        _this.tileTransparencyCheckedCounter = 0;
+        _this.layerListInstance = (_a = mapViewer.layersManager) === null || _a === void 0 ? void 0 : _a.layerList;
+        _this.mapViewer = mapViewer;
+        return _this;
+    }
+    CustomWebMapTileServiceImageryProvider.prototype.requestImage = function (x, y, level, request) {
+        return customCommonRequestImage.call(this, _super.prototype.requestImage.bind(this), x, y, level, request);
+    };
+    return CustomWebMapTileServiceImageryProvider;
+}(cesium_1.WebMapTileServiceImageryProvider));
+exports.CustomWebMapTileServiceImageryProvider = CustomWebMapTileServiceImageryProvider;

package/dist/cesium-map/helpers/utils.d.ts

@@ -0,0 +1,17 @@
+import { Rectangle } from 'cesium';
+import { CustomImageryProvider } from './customImageryProviders';
+/**
+ * An async function to detect images with transparency.
+ * @param image The image to resolve. if value is `string (url)` it tries to fetch the image data first.
+ * Could also be `HTMLImageElement` or `ImageBitmap`
+ * @param context `optional` `CustomImageryProvider` context in which the function will automatically increase
+ * the `tileTransparencyCheckedCounter`. Sets to `maxTilesForTransparencyCheck` when layer detected as transparent.
+ * @returns
+ */
+export declare const imageHasTransparency: (image: string | HTMLImageElement | ImageBitmap, context?: CustomImageryProvider | undefined) => Promise<boolean>;
+/**
+ * Checks if `rect` is contained inside `anotherRect`
+ * @param rect
+ * @param anotherRect
+ */
+export declare const cesiumRectangleContained: (rect: Rectangle, anotherRect: Rectangle) => boolean;

package/dist/cesium-map/helpers/utils.js

@@ -0,0 +1,142 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cesiumRectangleContained = exports.imageHasTransparency = void 0;
+var canvasElem = document.createElement('canvas');
+var canvasCtx = canvasElem.getContext('2d');
+/**
+ * @param image Image data to check
+ * @returns `true` if image data has at least one transparent pixel, `false` otherwise.
+ */
+var imageDataHasTransparency = function (image) {
+    var _a;
+    var ALPHA_CHANNEL_OFFSET = 4; // [R,G,B,A, R,G,B,A] => FLAT ARRAY OF THIS SHAPE; (Uint8ClampedArray)
+    var OPAQUE_PIXEL_ALPHA_VALUE = 255;
+    var imgData = (_a = image === null || image === void 0 ? void 0 : image.data) !== null && _a !== void 0 ? _a : [];
+    // Iterate through alpha channels only.
+    for (var i = 3; i < (imgData === null || imgData === void 0 ? void 0 : imgData.length); i += ALPHA_CHANNEL_OFFSET) {
+        if (imgData[i] < OPAQUE_PIXEL_ALPHA_VALUE) {
+            // Transparent pixel found.
+            return true;
+        }
+    }
+    return false;
+};
+/**
+ * An async function to detect images with transparency.
+ * @param image The image to resolve. if value is `string (url)` it tries to fetch the image data first.
+ * Could also be `HTMLImageElement` or `ImageBitmap`
+ * @param context `optional` `CustomImageryProvider` context in which the function will automatically increase
+ * the `tileTransparencyCheckedCounter`. Sets to `maxTilesForTransparencyCheck` when layer detected as transparent.
+ * @returns
+ */
+var imageHasTransparency = function (image, context) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        if (context) {
+            context.tileTransparencyCheckedCounter++;
+        }
+        return [2 /*return*/, new Promise(function (resolve, reject) {
+                try {
+                    canvasCtx === null || canvasCtx === void 0 ? void 0 : canvasCtx.clearRect(0, 0, canvasElem.width, canvasElem.height);
+                    var imageElement_1;
+                    // Init Image instance.
+                    if (image instanceof HTMLImageElement) {
+                        imageElement_1 = image;
+                    }
+                    else if (image instanceof ImageBitmap) {
+                        canvasElem.width = image.width;
+                        canvasElem.height = image.height;
+                        canvasCtx === null || canvasCtx === void 0 ? void 0 : canvasCtx.drawImage(image, 0, 0);
+                        var canvasImg = canvasCtx === null || canvasCtx === void 0 ? void 0 : canvasCtx.getImageData(0, 0, canvasElem.width, canvasElem.height);
+                        var hasTransparency = imageDataHasTransparency(canvasImg);
+                        if (hasTransparency) {
+                            if (context) {
+                                context.tileTransparencyCheckedCounter =
+                                    context.maxTilesForTransparencyCheck;
+                            }
+                        }
+                        resolve(hasTransparency);
+                        return;
+                    }
+                    else {
+                        imageElement_1 = new Image();
+                        imageElement_1.crossOrigin = 'anonymous'; // Disable CORS errors on canvas image load.
+                        imageElement_1.src = image;
+                    }
+                    imageElement_1.onload = function () {
+                        // Image loaded, set canvas size to image size.
+                        canvasElem.width = imageElement_1.width;
+                        canvasElem.height = imageElement_1.height;
+                        canvasCtx === null || canvasCtx === void 0 ? void 0 : canvasCtx.drawImage(imageElement_1, 0, 0);
+                        var canvasImg = canvasCtx === null || canvasCtx === void 0 ? void 0 : canvasCtx.getImageData(0, 0, canvasElem.width, canvasElem.height);
+                        var hasTransparency = imageDataHasTransparency(canvasImg);
+                        if (hasTransparency) {
+                            if (context) {
+                                context.tileTransparencyCheckedCounter =
+                                    context.maxTilesForTransparencyCheck;
+                            }
+                            resolve(true);
+                        }
+                        else {
+                            resolve(false);
+                        }
+                    };
+                }
+                catch (e) {
+                    console.error('Could not determine image transparency. Error => ', e);
+                    reject(e);
+                }
+            })];
+    });
+}); };
+exports.imageHasTransparency = imageHasTransparency;
+/**
+ * Checks if `rect` is contained inside `anotherRect`
+ * @param rect
+ * @param anotherRect
+ */
+var cesiumRectangleContained = function (rect, anotherRect) {
+    var west = rect.west, east = rect.east, north = rect.north, south = rect.south;
+    var anotherWest = anotherRect.west, anotherEast = anotherRect.east, anotherNorth = anotherRect.north, anotherSouth = anotherRect.south;
+    var isRectInsideAnother = west >= anotherWest &&
+        east <= anotherEast &&
+        north <= anotherNorth &&
+        south >= anotherSouth;
+    return isRectInsideAnother;
+};
+exports.cesiumRectangleContained = cesiumRectangleContained;

package/dist/cesium-map/layers/wms.layer.js

@@ -28,9 +28,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CesiumWMSLayer = void 0;
 var react_1 = __importDefault(require("react"));
 var cesium_1 = require("cesium");
+var customImageryProviders_1 = require("../helpers/customImageryProviders");
+var map_1 = require("../map");
 var imagery_layer_1 = require("./imagery.layer");
 var CesiumWMSLayer = function (props) {
     var options = props.options, restProps = __rest(props, ["options"]);
-    return (react_1.default.createElement(imagery_layer_1.CesiumImageryLayer, __assign({}, restProps, { imageryProvider: new cesium_1.WebMapServiceImageryProvider(options) })));
+    var mapViewer = map_1.useCesiumMap();
+    var providerInstance = mapViewer.shouldOptimizedTileRequests
+        ? new customImageryProviders_1.CustomWebMapServiceImageryProvider(options, mapViewer)
+        : new cesium_1.WebMapServiceImageryProvider(options);
+    return (react_1.default.createElement(imagery_layer_1.CesiumImageryLayer, __assign({}, restProps, { imageryProvider: providerInstance })));
 };
 exports.CesiumWMSLayer = CesiumWMSLayer;

package/dist/cesium-map/layers/wmts.layer.js

@@ -28,9 +28,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CesiumWMTSLayer = void 0;
 var react_1 = __importDefault(require("react"));
 var cesium_1 = require("cesium");
+var customImageryProviders_1 = require("../helpers/customImageryProviders");
+var map_1 = require("../map");
 var imagery_layer_1 = require("./imagery.layer");
 var CesiumWMTSLayer = function (props) {
     var options = props.options, restProps = __rest(props, ["options"]);
-    return (react_1.default.createElement(imagery_layer_1.CesiumImageryLayer, __assign({}, restProps, { imageryProvider: new cesium_1.WebMapTileServiceImageryProvider(options) })));
+    var mapViewer = map_1.useCesiumMap();
+    var providerInstance = mapViewer.shouldOptimizedTileRequests
+        ? new customImageryProviders_1.CustomWebMapTileServiceImageryProvider(options, mapViewer)
+        : new cesium_1.WebMapTileServiceImageryProvider(options);
+    return (react_1.default.createElement(imagery_layer_1.CesiumImageryLayer, __assign({}, restProps, { imageryProvider: providerInstance })));
 };
 exports.CesiumWMTSLayer = CesiumWMTSLayer;

package/dist/cesium-map/layers/xyz.layer.js

@@ -28,9 +28,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CesiumXYZLayer = void 0;
 var react_1 = __importDefault(require("react"));
 var cesium_1 = require("cesium");
+var customImageryProviders_1 = require("../helpers/customImageryProviders");
+var map_1 = require("../map");
 var imagery_layer_1 = require("./imagery.layer");
 var CesiumXYZLayer = function (props) {
     var options = props.options, restProps = __rest(props, ["options"]);
-    return (react_1.default.createElement(imagery_layer_1.CesiumImageryLayer, __assign({}, restProps, { imageryProvider: new cesium_1.UrlTemplateImageryProvider(options) })));
+    var mapViewer = map_1.useCesiumMap();
+    var providerInstance = mapViewer.shouldOptimizedTileRequests
+        ? new customImageryProviders_1.CustomUrlTemplateImageryProvider(options, mapViewer)
+        : new cesium_1.UrlTemplateImageryProvider(options);
+    return (react_1.default.createElement(imagery_layer_1.CesiumImageryLayer, __assign({}, restProps, { imageryProvider: providerInstance })));
 };
 exports.CesiumXYZLayer = CesiumXYZLayer;

package/dist/cesium-map/layers-manager.d.ts

@@ -47,9 +47,13 @@ declare class LayerManager {
     showAllNotBase(isShow: boolean): void;
     get(layerId: string): ICesiumImageryLayer | undefined;
     findLayerByPOI(x: number, y: number): ICesiumImageryLayer[] | undefined;
+    addTransparentImageryProvider(): void;
     private setLegends;
     private getBaseLayersCount;
     private findLayerById;
     private updateLayersOrder;
+    private hideNonRelevantLayers;
+    private markRelevantLayersForExtent;
+    get layerList(): ICesiumImageryLayer[];
 }
 export default LayerManager;