@c8y/ngx-components 1018.0.211 → 1018.0.213

package/fesm2020/c8y-ngx-components-map.mjs

@@ -1,34 +1,16 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Directive, Injectable, EventEmitter, Component, Optional, Inject, ViewChild, ContentChild, Input, Output, SimpleChange, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Directive, EventEmitter, Component, Optional, Inject, ViewChild, ContentChild, Input, Output, SimpleChange, NgModule } from '@angular/core';
 import * as i1$1 from '@c8y/ngx-components';
 import { gettext, sortByPriority, ManagedObjectRealtimeService, CommonModule as CommonModule$1, FormsModule as FormsModule$1, RealtimeModule } from '@c8y/ngx-components';
 import * as i3 from '@ngx-translate/core';
 import { Subject, fromEvent, BehaviorSubject, NEVER, interval, of, merge, from } from 'rxjs';
 import { takeUntil, map, switchMap, tap, filter, first, debounceTime, mergeMap } from 'rxjs/operators';
-import { flatten, cloneDeep } from 'lodash-es';
 import * as i1 from '@c8y/client';
+import { flatten, cloneDeep } from 'lodash-es';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
-function getStatus(device) {
-    if (!device.c8y_ActiveAlarmsStatus) {
-        return 'text-muted';
-    }
-    if (device.c8y_ActiveAlarmsStatus.critical) {
-        return 'status critical';
-    }
-    if (device.c8y_ActiveAlarmsStatus.major) {
-        return 'status major';
-    }
-    if (device.c8y_ActiveAlarmsStatus.warning) {
-        return 'status warning';
-    }
-    if (device.c8y_ActiveAlarmsStatus.minor) {
-        return 'status minor';
-    }
-    return 'text-muted';
-}
 function getC8yMarker(marker, asset) {
     marker.asset = asset;
     return marker;
@@ -57,109 +39,6 @@ const defaultMapConfig = {
     zoomLevel: 2
 };
 
-class ClusterMap {
-    constructor(iterable, addAssetCallback, translateService) {
-        this.iterable = iterable;
-        this.addAssetCallback = addAssetCallback;
-        this.translateService = translateService;
-        this.markers = [];
-        this.positions = [];
-        this.iterableDiffer = this.iterable.find(this.positions).create(this.trackBy);
-    }
-    set clusterMarker(item) {
-        this.removeClusterToBigMarker();
-        this._clusterMarker = item;
-    }
-    get clusterMarker() {
-        return this._clusterMarker;
-    }
-    set rect(item) {
-        if (this._rect) {
-            this._rect.remove();
-        }
-        this._rect = item;
-    }
-    get rect() {
-        return this._rect;
-    }
-    render(map) {
-        if (this._rect) {
-            this._rect.addTo(map);
-        }
-        this.updateChanges(map);
-        if (this._clusterMarker) {
-            this._clusterMarker.addTo(map);
-        }
-    }
-    clear(map) {
-        this.removeClusterToBigMarker();
-        this._rect.remove();
-        this.positions = [];
-        this.updateChanges(map);
-    }
-    removeClusterToBigMarker() {
-        if (this._clusterMarker) {
-            this._clusterMarker.remove();
-            this._clusterMarker = null;
-        }
-    }
-    addMarkerToMap(device, map) {
-        const marker = this.addAssetCallback(device);
-        this.markers.push(marker);
-        marker.addTo(map);
-    }
-    setClusterToBigMarker(map, count, leaflet) {
-        const bound = this.rect.getBounds();
-        const text = this.translateService.instant(gettext('Zoom in'));
-        const divMarker = leaflet.divIcon({
-            html: `<div class="c8y-map-marker-count" data-count="${count}" title="${text}"></div>`
-        });
-        const labelIcon = leaflet.marker(bound.getCenter(), {
-            icon: divMarker
-        });
-        labelIcon.addTo(map);
-        labelIcon.on('click', () => {
-            map.fitBounds(bound);
-        });
-        this.clusterMarker = labelIcon;
-    }
-    updateChanges(map) {
-        const changes = this.iterableDiffer.diff(this.positions);
-        if (changes) {
-            changes.forEachRemovedItem((record) => {
-                this.removeMarkerFromMap(record.item);
-            });
-            changes.forEachAddedItem((record) => {
-                this.addMarkerToMap(record.item, map);
-            });
-        }
-    }
-    trackBy(index, item) {
-        const trackItems = [item.id, item.c8y_Position.lat, item.c8y_Position.lng, getStatus(item)];
-        return trackItems.join('');
-    }
-    removeMarkerFromMap(device) {
-        const markers = this.markers.filter((marker) => marker.asset?.id === device.id);
-        markers.forEach(marker => marker.remove());
-    }
-}
-
-class MapPopupDirective {
-    constructor(template, elementRef, viewContainer) {
-        this.template = template;
-        this.elementRef = elementRef;
-        this.viewContainer = viewContainer;
-    }
-}
-MapPopupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: MapPopupDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-MapPopupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.6", type: MapPopupDirective, selector: "[c8yMapPopup]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: MapPopupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[c8yMapPopup]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }]; } });
-
 class MapService {
     constructor(inventory) {
         this.inventory = inventory;
@@ -173,6 +52,29 @@ class MapService {
          */
         this.CLUSTER_LEVEL_THRESHOLD = 500;
     }
+    /**
+     * Returns asset icon status for highest alarm severity found in device object.
+     * @param device Device that contains alarms information.
+     * @returns Status string according to alarm severity
+     */
+    static getStatus(device) {
+        if (!device.c8y_ActiveAlarmsStatus) {
+            return 'text-muted';
+        }
+        if (device.c8y_ActiveAlarmsStatus.critical) {
+            return 'status critical';
+        }
+        if (device.c8y_ActiveAlarmsStatus.major) {
+            return 'status major';
+        }
+        if (device.c8y_ActiveAlarmsStatus.minor) {
+            return 'status minor';
+        }
+        if (device.c8y_ActiveAlarmsStatus.warning) {
+            return 'status warning';
+        }
+        return 'text-muted';
+    }
     /**
      * Returns the leaflet instance used by the cumulocity core.
      */
@@ -265,6 +167,114 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1.InventoryService }]; } });
 
+class ClusterMap {
+    constructor(iterable, addAssetCallback, translateService) {
+        this.iterable = iterable;
+        this.addAssetCallback = addAssetCallback;
+        this.translateService = translateService;
+        this.markers = [];
+        this.positions = [];
+        this.iterableDiffer = this.iterable.find(this.positions).create(this.trackBy);
+    }
+    set clusterMarker(item) {
+        this.removeClusterToBigMarker();
+        this._clusterMarker = item;
+    }
+    get clusterMarker() {
+        return this._clusterMarker;
+    }
+    set rect(item) {
+        if (this._rect) {
+            this._rect.remove();
+        }
+        this._rect = item;
+    }
+    get rect() {
+        return this._rect;
+    }
+    render(map) {
+        if (this._rect) {
+            this._rect.addTo(map);
+        }
+        this.updateChanges(map);
+        if (this._clusterMarker) {
+            this._clusterMarker.addTo(map);
+        }
+    }
+    clear(map) {
+        this.removeClusterToBigMarker();
+        this._rect.remove();
+        this.positions = [];
+        this.updateChanges(map);
+    }
+    removeClusterToBigMarker() {
+        if (this._clusterMarker) {
+            this._clusterMarker.remove();
+            this._clusterMarker = null;
+        }
+    }
+    addMarkerToMap(device, map) {
+        const marker = this.addAssetCallback(device);
+        this.markers.push(marker);
+        marker.addTo(map);
+    }
+    setClusterToBigMarker(map, count, leaflet) {
+        const bound = this.rect.getBounds();
+        const text = this.translateService.instant(gettext('Zoom in'));
+        const divMarker = leaflet.divIcon({
+            html: `<div class="c8y-map-marker-count" data-count="${count}" title="${text}"></div>`
+        });
+        const labelIcon = leaflet.marker(bound.getCenter(), {
+            icon: divMarker
+        });
+        labelIcon.addTo(map);
+        labelIcon.on('click', () => {
+            map.fitBounds(bound);
+        });
+        this.clusterMarker = labelIcon;
+    }
+    updateChanges(map) {
+        const changes = this.iterableDiffer.diff(this.positions);
+        if (changes) {
+            changes.forEachRemovedItem((record) => {
+                this.removeMarkerFromMap(record.item);
+            });
+            changes.forEachAddedItem((record) => {
+                this.addMarkerToMap(record.item, map);
+            });
+        }
+    }
+    trackBy(index, item) {
+        const trackItems = [
+            item.id,
+            item.c8y_Position.lat,
+            item.c8y_Position.lng,
+            MapService.getStatus(item)
+        ];
+        return trackItems.join('');
+    }
+    removeMarkerFromMap(device) {
+        const markers = this.markers.filter((marker) => marker.asset?.id === device.id);
+        markers.forEach(marker => marker.remove());
+    }
+}
+
+class MapPopupDirective {
+    constructor(template, elementRef, viewContainer) {
+        this.template = template;
+        this.elementRef = elementRef;
+        this.viewContainer = viewContainer;
+    }
+}
+MapPopupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: MapPopupDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+MapPopupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.6", type: MapPopupDirective, selector: "[c8yMapPopup]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: MapPopupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[c8yMapPopup]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }]; } });
+
 class MapComponent {
     constructor(moRealtimeService, mapService, layers, defaultConfig, translateService) {
         this.moRealtimeService = moRealtimeService;
@@ -354,7 +364,7 @@ class MapComponent {
     }
     getAssetIcon(asset) {
         const assetTypeIcon = this.config.icon || asset.icon?.name;
-        const status = getStatus(asset);
+        const status = MapService.getStatus(asset);
         const color = this.config.color ? `style='color: ${this.config.color};'` : '';
         const icon = this.leaflet.divIcon({
             html: `<div class="dlt-c8y-icon-marker icon-3x ${status}" ${color}><i class="dlt-c8y-icon-${assetTypeIcon || 'data-transfer'}" /></div>`,
@@ -925,5 +935,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ClusterMap, ClusterMapComponent, ClusterSize, MAP_DEFAULT_CONFIG, MAP_TILE_LAYER, MapComponent, MapModule, MapPopupDirective, MapService, MapStatusComponent, defaultLayer, defaultMapConfig, getC8yMarker, getStatus };
+export { ClusterMap, ClusterMapComponent, ClusterSize, MAP_DEFAULT_CONFIG, MAP_TILE_LAYER, MapComponent, MapModule, MapPopupDirective, MapService, MapStatusComponent, defaultLayer, defaultMapConfig, getC8yMarker };
 //# sourceMappingURL=c8y-ngx-components-map.mjs.map