@artstesh/maps 9.0.4 → 9.0.5

package/dist/fesm2022/maps-components-src-map.mjs

@@ -17,7 +17,7 @@ import { createRegularPolygon, createBox } from 'ol/interaction/Draw';
 import { Subject, combineLatest } from 'rxjs';
 import { first, debounceTime, filter, auditTime } from 'rxjs/operators';
 import { Dictionary } from '@artstesh/collections';
-import { Vector, XYZ } from 'ol/source';
+import { Vector, XYZ, GeoTIFF } from 'ol/source';
 import TileLayer from 'ol/layer/Tile';
 import OSM from 'ol/source/OSM';
 import { Vector as Vector$1 } from 'ol/layer';
@@ -26,6 +26,7 @@ import Cluster from 'ol/source/Cluster';
 import Static from 'ol/source/ImageStatic';
 import ImageLayer from 'ol/layer/Image';
 import RasterSource from 'ol/source/Raster';
+import TileLayer$1 from 'ol/layer/WebGLTile';
 import { NgIf, NgTemplateOutlet } from '@angular/common';
 import Map from 'ol/Map';
 import View from 'ol/View';
@@ -997,6 +998,24 @@ class RemoveRasterTileCommand extends PostboyGenericMessage {
     }
 }
 
+class AddGeotiffTileCommand extends PostboyGenericMessage {
+    layer;
+    static ID = '80e1b7be-09cd-43de-b11c-e0699a91b287';
+    constructor(layer) {
+        super();
+        this.layer = layer;
+    }
+}
+
+class RemoveGeotiffTileCommand extends PostboyGenericMessage {
+    layer;
+    static ID = '5545a521-62c4-4b25-a555-ee264258799b';
+    constructor(layer) {
+        super();
+        this.layer = layer;
+    }
+}
+
 class MapPostboyService extends PostboyService {
     constructor() {
         super();
@@ -1050,6 +1069,16 @@ class MapManagementService {
                 return;
             this.map.removeLayer(c.layer);
         });
+        this.postboy.sub(AddGeotiffTileCommand).subscribe((c) => {
+            if (!this.map)
+                return;
+            this.map.addLayer(c.layer);
+        });
+        this.postboy.sub(RemoveGeotiffTileCommand).subscribe((c) => {
+            if (!this.map)
+                return;
+            this.map.removeLayer(c.layer);
+        });
     }
     observeImageLayer() {
         this.postboy.sub(AddImageLayerCommand).subscribe((c) => {
@@ -1513,6 +1542,8 @@ class MessageRegistratorService extends PostboyAbstractRegistrator {
         this.recordSubject(AddLayerCommand);
         this.recordSubject(RemoveLayerCommand);
         this.recordSubject(AddTileCommand);
+        this.recordSubject(AddGeotiffTileCommand);
+        this.recordSubject(RemoveGeotiffTileCommand);
         this.recordSubject(AddRasterTileCommand);
         this.recordSubject(RemoveRasterTileCommand);
         this.recordSubject(RemoveImageLayerCommand);
@@ -2812,6 +2843,209 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 type: Input
             }] } });
 
+class GeotiffTileLayerSettings {
+    /**
+     * The maximum source data value. Rendered values are scaled from 0 to 1 based on the configured min and max.
+     *
+     * @type {number | undefined}
+     * @default undefined
+     */
+    max = undefined;
+    /**
+     * The minimum source data value. Rendered values are scaled from 0 to 1 based on the configured min and max.
+     *
+     * @type {number | undefined}
+     * @default undefined
+     */
+    min = undefined;
+    /**
+     * Represents the URL of the tif.
+     * @typedef {string} url
+     *
+     * @example
+     * 'https://example.ex/geotiff.tif'
+     */
+    url = '';
+    /**
+     * Style to apply to the layer.
+     *
+     * @type {Style | undefined}
+     */
+    style;
+    /**
+     * The opacity of an element.
+     *
+     * @type {number}
+     * @default 0.6
+     */
+    opacity = 0.6;
+    /**
+     * The priority of showing - layers with higher zIndex cover others in case of collisions
+     */
+    zIndex = 1;
+    /**
+     * Creates a copy of the given tile layer settings.
+     *
+     * @param {GeotiffTileLayerSettings} model - The tile layer settings to be copied.
+     * @return {GeotiffTileLayerSettings} - A new instance of GeotiffTileLayerSettings with the same properties as the model.
+     */
+    static copy(model) {
+        const result = new GeotiffTileLayerSettings();
+        result.max = model.max;
+        result.min = model.min;
+        result.zIndex = model.zIndex;
+        result.style = model.style;
+        result.opacity = model.opacity;
+        result.url = model.url;
+        return result;
+    }
+    /**
+     * Sets the URL of the GeotiffTileLayerSettings object.
+     *
+     * @param {string} url - The URL to be set.
+     * @return {GeotiffTileLayerSettings} - The updated GeotiffTileLayerSettings object.
+     */
+    setUrl(url) {
+        return GeotiffTileLayerSettings.copy({ ...this, url });
+    }
+    /**
+     * Updates the style settings for the GeotiffTileLayerSettings and returns a new instance with the updated style.
+     *
+     * @param {Style} [style] - An optional style object that defines the new style settings.
+     * @return {GeotiffTileLayerSettings} A new instance of GeotiffTileLayerSettings with the updated style.
+     */
+    setStyle(style) {
+        return GeotiffTileLayerSettings.copy({ ...this, style });
+    }
+    /**
+     * Sets the maximum value for the GeotiffTileLayerSettings.
+     *
+     * @param {number} max - The maximum value to set.
+     * @return {GeotiffTileLayerSettings} A new instance of GeotiffTileLayerSettings with the updated maximum value.
+     */
+    setMax(max) {
+        return GeotiffTileLayerSettings.copy({ ...this, max: max });
+    }
+    /**
+     * Sets the z-index for the GeotiffTileLayerSettings.
+     *
+     * @param {number} zIndex - The new z-index to be assigned.
+     * @return {GeotiffTileLayerSettings} A new GeotiffTileLayerSettings instance with the updated z-index.
+     */
+    setZIndex(zIndex) {
+        return GeotiffTileLayerSettings.copy({ ...this, zIndex });
+    }
+    /**
+     * Sets the minimum value for the GeotiffTileLayerSettings.
+     *
+     * @param {number} min - The new minimum value to be set.
+     * @return {GeotiffTileLayerSettings} A new instance of GeotiffTileLayerSettings with the updated minimum value.
+     */
+    setMin(min) {
+        return GeotiffTileLayerSettings.copy({ ...this, min: min });
+    }
+    /**
+     * Sets the opacity of the GeotiffTileLayerSettings.
+     *
+     * @param {number} opacity - The opacity value to set. Must be a number between 0 and 1.
+     * @return {GeotiffTileLayerSettings} - A new instance of GeotiffTileLayerSettings with the opacity set.
+     */
+    setOpacity(opacity) {
+        return GeotiffTileLayerSettings.copy({ ...this, opacity });
+    }
+    /**
+     * Checks if the current instance of GeotiffTileLayerSettings is equal to the given model.
+     * @param {GeotiffTileLayerSettings} model - The model to compare against.
+     * @return {boolean} - True if all properties of the current instance matches the properties of the model;
+     *                    otherwise, false.
+     */
+    isSame(model) {
+        if (this.max !== model.max)
+            return false;
+        if (this.min !== model.min)
+            return false;
+        if (this.zIndex !== model.zIndex)
+            return false;
+        if (this.url !== model.url)
+            return false;
+        if (this.style !== model.style)
+            return false;
+        if (this.opacity !== model.opacity)
+            return false;
+        return true;
+    }
+}
+
+class GeotiffTileLayerFactory {
+    build(settings) {
+        const source = new GeoTIFF({
+            sources: [
+                {
+                    url: settings.url,
+                    min: settings.min,
+                    max: settings.max,
+                },
+            ],
+        });
+        return new TileLayer$1({
+            style: settings.style,
+            source: source,
+            zIndex: settings.zIndex,
+            opacity: settings.opacity,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: GeotiffTileLayerFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: GeotiffTileLayerFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: GeotiffTileLayerFactory, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class GeotiffTileLayerComponent extends DestructibleComponent {
+    postboy;
+    factory;
+    layer;
+    constructor(postboy, factory) {
+        super();
+        this.postboy = postboy;
+        this.factory = factory;
+    }
+    _settings = new GeotiffTileLayerSettings();
+    set settings(value) {
+        if (!value || this._settings.isSame(value))
+            return;
+        this._settings = value;
+        this.initLayer();
+    }
+    ngOnInit() {
+        this.postboy
+            .sub(MapRenderedEvent)
+            .pipe(filter((m) => !!m), first())
+            .subscribe((m) => this.initLayer());
+    }
+    onDestroy = () => this.removeLayer();
+    initLayer() {
+        this.removeLayer();
+        this.layer = this.factory.build(this._settings);
+        this.postboy.fire(new AddGeotiffTileCommand(this.layer));
+    }
+    removeLayer() {
+        if (this.layer)
+            this.postboy.fire(new RemoveGeotiffTileCommand(this.layer));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: GeotiffTileLayerComponent, deps: [{ token: MapPostboyService }, { token: GeotiffTileLayerFactory }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: GeotiffTileLayerComponent, isStandalone: true, selector: "lib-geotiff-tile-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: GeotiffTileLayerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-geotiff-tile-layer', imports: [], template: '' }]
+        }], ctorParameters: () => [{ type: MapPostboyService }, { type: GeotiffTileLayerFactory }], propDecorators: { settings: [{
+                type: Input
+            }] } });
+
 class MapPlateFactory {
     build(settings) {
         return new Map({
@@ -3503,5 +3737,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddControlCommand, CalculateAreaExecutor, CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, FilterFeaturesInAreaExecutor, FilterFeaturesInPointExecutor, FitToFeaturesCommand, FitToPolygonsCommand, GetFeaturesInAreaQuery, GetFeaturesInPointQuery, GetGeometryLengthExecutor, GetMapPositionExecutor, ImageLayerComponent, ImageLayerSettings, MapClickEvent, MapConstants, MapControl, MapControlZoomComponent, MapFeatureHoveredEvent, MapLyrs, MapLyrsLabel, MapMoveEndEvent, MapPlateComponent, MapPointerMoveEvent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, ModifyFeatureCommand, OsmTileLayerComponent, PolygonModel, PolygonSelfIntersectionExecutor, PolygonStyleHelper, PolygonsComponent, RasterTileLayerComponent, RasterTileLayerSettings, RemoveControlCommand, SetMapCenterCommand, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings, ZoomControlSettings };
+export { AddControlCommand, CalculateAreaExecutor, CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, FilterFeaturesInAreaExecutor, FilterFeaturesInPointExecutor, FitToFeaturesCommand, FitToPolygonsCommand, GeotiffTileLayerComponent, GeotiffTileLayerSettings, GetFeaturesInAreaQuery, GetFeaturesInPointQuery, GetGeometryLengthExecutor, GetMapPositionExecutor, ImageLayerComponent, ImageLayerSettings, MapClickEvent, MapConstants, MapControl, MapControlZoomComponent, MapFeatureHoveredEvent, MapLyrs, MapLyrsLabel, MapMoveEndEvent, MapPlateComponent, MapPointerMoveEvent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, ModifyFeatureCommand, OsmTileLayerComponent, PolygonModel, PolygonSelfIntersectionExecutor, PolygonStyleHelper, PolygonsComponent, RasterTileLayerComponent, RasterTileLayerSettings, RemoveControlCommand, SetMapCenterCommand, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings, ZoomControlSettings };
 //# sourceMappingURL=maps-components-src-map.mjs.map