adb-shared 6.2.1 → 6.2.2

package/fesm2022/adb-shared.mjs

@@ -2519,7 +2519,7 @@ class AdbTaxonPickerComponent {
         this.placeholder = 'Sök taxon';
         this.useObject = false;
         this.prefill = false;
-        this.initialValue = null;
+        this.initialValue = signal(null, ...(ngDevMode ? [{ debugName: "initialValue" }] : []));
         this.isDisabled = false;
         this.loading = false;
         this.showPrefill = false;
@@ -2560,22 +2560,22 @@ class AdbTaxonPickerComponent {
     }
     writeValue(value) {
         if (!value) {
-            this.initialValue = null;
+            this.initialValue.set(null);
             return;
         }
         if (this.useObject) {
             if (value.id) {
                 this.loadTaxonById(value.id).subscribe(taxon => {
-                    this.initialValue = taxon;
+                    this.initialValue.set(taxon);
                 });
             }
             else {
-                this.initialValue = value;
+                this.initialValue.set(value);
             }
         }
         else {
             this.loadTaxonById(value).subscribe(taxon => {
-                this.initialValue = taxon;
+                this.initialValue.set(taxon);
             });
         }
     }
@@ -2595,7 +2595,7 @@ class AdbTaxonPickerComponent {
                 useExisting: forwardRef((() => AdbTaxonPickerComponent)),
                 multi: true
             }
-        ], ngImport: i0, template: "<adb-generic-picker [search]=\"getTaxa\" [displayFn]=\"displayTaxon\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-taxon let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{taxon.swedishName | adbHighlight: searchQuery}}\"></div>\r\n            <em innerHTML=\"{{taxon.scientificName | adbHighlight: searchQuery}}\"></em>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", dependencies: [{ kind: "component", type: GenericPickerComponent, selector: "adb-generic-picker", inputs: ["search", "displayFn", "loadById", "disabled", "placeholder", "initialValue"], outputs: ["selectItemChange", "focus"] }, { kind: "pipe", type: HighlightPipe, name: "adbHighlight" }] }); }
+        ], ngImport: i0, template: "<adb-generic-picker [search]=\"getTaxa\" [displayFn]=\"displayTaxon\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-taxon let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{taxon.swedishName | adbHighlight: searchQuery}}\"></div>\r\n            <em innerHTML=\"{{taxon.scientificName | adbHighlight: searchQuery}}\"></em>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", dependencies: [{ kind: "component", type: GenericPickerComponent, selector: "adb-generic-picker", inputs: ["search", "displayFn", "loadById", "disabled", "placeholder", "initialValue"], outputs: ["selectItemChange", "focus"] }, { kind: "pipe", type: HighlightPipe, name: "adbHighlight" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbTaxonPickerComponent, decorators: [{
             type: Component,
@@ -2605,7 +2605,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                             useExisting: forwardRef((() => AdbTaxonPickerComponent)),
                             multi: true
                         }
-                    ], template: "<adb-generic-picker [search]=\"getTaxa\" [displayFn]=\"displayTaxon\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-taxon let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{taxon.swedishName | adbHighlight: searchQuery}}\"></div>\r\n            <em innerHTML=\"{{taxon.scientificName | adbHighlight: searchQuery}}\"></em>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}" }]
+                    ], template: "<adb-generic-picker [search]=\"getTaxa\" [displayFn]=\"displayTaxon\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-taxon let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{taxon.swedishName | adbHighlight: searchQuery}}\"></div>\r\n            <em innerHTML=\"{{taxon.scientificName | adbHighlight: searchQuery}}\"></em>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}" }]
         }], ctorParameters: () => [{ type: AdbPickerConfigService }, { type: i1$2.HttpClient }], propDecorators: { fullWidth: [{
                 type: HostBinding,
                 args: ['class.w-100']
@@ -2626,7 +2626,7 @@ class AdbAreaPickerComponent {
         this.placeholder = 'Sök område';
         this.useObject = false;
         this.prefill = false;
-        this.initialValue = null;
+        this.initialValue = signal(null, ...(ngDevMode ? [{ debugName: "initialValue" }] : []));
         this.isDisabled = false;
         this.loading = false;
         this.showPrefill = false;
@@ -2658,22 +2658,22 @@ class AdbAreaPickerComponent {
     }
     writeValue(value) {
         if (!value) {
-            this.initialValue = null;
+            this.initialValue.set(null);
             return;
         }
         if (this.useObject) {
             if (value.id) {
                 this.loadAreaId(value.id).subscribe(area => {
-                    this.initialValue = area;
+                    this.initialValue.set(area);
                 });
             }
             else {
-                this.initialValue = value;
+                this.initialValue.set(value);
             }
         }
         else {
             this.loadAreaId(value).subscribe(area => {
-                this.initialValue = area;
+                this.initialValue.set(area);
             });
         }
     }
@@ -2693,7 +2693,7 @@ class AdbAreaPickerComponent {
                 useExisting: forwardRef((() => AdbAreaPickerComponent)),
                 multi: true
             }
-        ], ngImport: i0, template: "<adb-generic-picker [search]=\"getAreas\" [displayFn]=\"displayArea\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-area let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{area.name|adbHighlight: searchQuery}}\"></div>\r\n            <div>{{'AREATYPES.'+area.areaType|translate}}</div>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", dependencies: [{ kind: "component", type: GenericPickerComponent, selector: "adb-generic-picker", inputs: ["search", "displayFn", "loadById", "disabled", "placeholder", "initialValue"], outputs: ["selectItemChange", "focus"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "adbHighlight" }] }); }
+        ], ngImport: i0, template: "<adb-generic-picker [search]=\"getAreas\" [displayFn]=\"displayArea\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-area let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{area.name|adbHighlight: searchQuery}}\"></div>\r\n            <div>{{'AREATYPES.'+area.areaType|translate}}</div>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", dependencies: [{ kind: "component", type: GenericPickerComponent, selector: "adb-generic-picker", inputs: ["search", "displayFn", "loadById", "disabled", "placeholder", "initialValue"], outputs: ["selectItemChange", "focus"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "adbHighlight" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbAreaPickerComponent, decorators: [{
             type: Component,
@@ -2703,7 +2703,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                             useExisting: forwardRef((() => AdbAreaPickerComponent)),
                             multi: true
                         }
-                    ], template: "<adb-generic-picker [search]=\"getAreas\" [displayFn]=\"displayArea\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-area let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{area.name|adbHighlight: searchQuery}}\"></div>\r\n            <div>{{'AREATYPES.'+area.areaType|translate}}</div>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}" }]
+                    ], template: "<adb-generic-picker [search]=\"getAreas\" [displayFn]=\"displayArea\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-area let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{area.name|adbHighlight: searchQuery}}\"></div>\r\n            <div>{{'AREATYPES.'+area.areaType|translate}}</div>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}" }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }, { type: AdbPickerConfigService }, { type: i1$2.HttpClient }], propDecorators: { fullWidth: [{
                 type: HostBinding,
                 args: ['class.w-100']
@@ -2754,6 +2754,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
         }] });
 
 class MapUtils {
+    static { this.INITIAL_CENTER_LAT = 62; }
+    static { this.INITIAL_CENTER_LNG = 17; }
     static { this.OverlayMaps = {
         'Altitude': new Leaflet.TileLayer.WMS("https://maps.sgu.se/lmv/hojdmodell/v1.1?SERVICE=WMS", { layers: "terrangskuggning", format: "image/png", transparent: true, opacity: 0.3, maxZoom: 16, version: "1.3.0" }),
         'Fjällkarta': new Leaflet.TileLayer.WMS('api/maps/mountain', {
@@ -2863,8 +2865,6 @@ class PolygonDrawerInput {
         this.subscriptions = new Subscription();
         this.mapId = "" + Math.floor(Math.random() * Date.now());
         this.polygonDraw = false;
-        this.INITIAL_CENTER_LAT = 62;
-        this.INITIAL_CENTER_LNG = 17;
         // ControlValueAccessor
         this.onChange = () => { };
         this.onTouched = () => { };
@@ -2912,7 +2912,7 @@ class PolygonDrawerInput {
             this.map.fitBounds(this.shapeLayer.getBounds());
         }
         else {
-            this.map.setView([this.INITIAL_CENTER_LAT, this.INITIAL_CENTER_LNG], 5);
+            this.map.setView([MapUtils.INITIAL_CENTER_LAT, MapUtils.INITIAL_CENTER_LNG], 5);
         }
     }
     clearShape() {
@@ -3104,7 +3104,7 @@ class AdbObsMapComponent {
         this.router = router;
         this.http = http;
         this.subscriptions = new Subscription();
-        this.mapLoading = false;
+        this.mapLoading = signal(false, ...(ngDevMode ? [{ debugName: "mapLoading" }] : []));
         this.mapId = '' + Math.floor(Math.random() * Date.now());
         this.map = Leaflet.map;
         //Lock start
@@ -3156,16 +3156,13 @@ class AdbObsMapComponent {
         }));
     }
     loadFeature(qParams) {
-        this.mapLoading = true;
+        this.mapLoading.set(true);
         this.error = null;
         const url = this.config.observationFeatures;
         // params: { includeFilterAreasInResult: true ,observationsLimit: 0 } }
         this.subscriptions.add(this.http.get(url, { observe: 'response', params: qParams }).
             pipe(finalize(() => {
-            this.mapLoading = false;
-            // requestAnimationFrame(() => {
-            //     document.body.offsetHeight; // force reflow
-            // });
+            this.mapLoading.set(false);
         })).
             subscribe({
             next: (response) => {
@@ -3260,11 +3257,11 @@ class AdbObsMapComponent {
         this.subscriptions.unsubscribe();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbObsMapComponent, deps: [{ token: i1.ActivatedRoute }, { token: AdbMapConfigService }, { token: i1.Router }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: AdbObsMapComponent, isStandalone: false, selector: "adb-obs-map", ngImport: i0, template: "@if(hasBox&&!mapLoading){\r\n  <div class=\"mb-1 d-flex justify-content-between flex-wrap\">\r\n    <a [routerLink]=\"[]\" [queryParams]=\"{bbox:null,z:null}\" queryParamsHandling=\"merge\" class=\"d-flex gap-1 align-items-baseline\">\r\n      <span class=\"fas fa-chevron-left\"></span>\r\n      Tillbaka upp\r\n    </a>\r\n  </div>\r\n}\r\n@if(error){\r\n  <div class=\"alert alert-danger\">\r\n    {{'ERROR.SERVER_ERROR'|translate}}\r\n  </div>\r\n}\r\n<div [class.loading]=\"mapLoading\">\r\n  <div [id]=\"mapId\" class=\"mb-1 map-container\"></div>\r\n</div>\r\n<div class=\"mb-1 d-flex gap-3 justify-content-between flex-wrap\">\r\n  @if (count > 5000) {\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-low\"></div>\r\n      &lt;10\r\n    </div>\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-medium\"></div>\r\n      10 - 500\r\n    </div>\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-high\"></div>\r\n      &gt;500\r\n    </div>\r\n  }\r\n  @if (!mapLoading&&count) {\r\n    <div class=\"ms-auto\">\r\n      {{count|adbSpacing}} {{'OBSERVATION.OBSERVATIONS'|translate}}\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: NumberSpacingPipe, name: "adbSpacing" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: AdbObsMapComponent, isStandalone: false, selector: "adb-obs-map", ngImport: i0, template: "@if(hasBox&&!mapLoading()){\r\n  <div class=\"mb-1 d-flex justify-content-between flex-wrap\">\r\n    <a [routerLink]=\"[]\" [queryParams]=\"{bbox:null,z:null}\" queryParamsHandling=\"merge\" class=\"d-flex gap-1 align-items-baseline\">\r\n      <span class=\"fas fa-chevron-left\"></span>\r\n      Tillbaka upp\r\n    </a>\r\n  </div>\r\n}\r\n@if(error){\r\n  <div class=\"alert alert-danger\">\r\n    {{'ERROR.SERVER_ERROR'|translate}}\r\n  </div>\r\n}\r\n<div [class.loading]=\"mapLoading()\">\r\n  <div [id]=\"mapId\" class=\"mb-1 map-container\"></div>\r\n</div>\r\n<div class=\"mb-1 d-flex gap-3 justify-content-between flex-wrap\">\r\n  @if (count > 5000) {\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-low\"></div>\r\n      &lt;10\r\n    </div>\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-medium\"></div>\r\n      10 - 500\r\n    </div>\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-high\"></div>\r\n      &gt;500\r\n    </div>\r\n  }\r\n  @if (!mapLoading()&&count) {\r\n    <div class=\"ms-auto\">\r\n      {{count|adbSpacing}} {{'OBSERVATION.OBSERVATIONS'|translate}}\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: NumberSpacingPipe, name: "adbSpacing" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbObsMapComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adb-obs-map', standalone: false, template: "@if(hasBox&&!mapLoading){\r\n  <div class=\"mb-1 d-flex justify-content-between flex-wrap\">\r\n    <a [routerLink]=\"[]\" [queryParams]=\"{bbox:null,z:null}\" queryParamsHandling=\"merge\" class=\"d-flex gap-1 align-items-baseline\">\r\n      <span class=\"fas fa-chevron-left\"></span>\r\n      Tillbaka upp\r\n    </a>\r\n  </div>\r\n}\r\n@if(error){\r\n  <div class=\"alert alert-danger\">\r\n    {{'ERROR.SERVER_ERROR'|translate}}\r\n  </div>\r\n}\r\n<div [class.loading]=\"mapLoading\">\r\n  <div [id]=\"mapId\" class=\"mb-1 map-container\"></div>\r\n</div>\r\n<div class=\"mb-1 d-flex gap-3 justify-content-between flex-wrap\">\r\n  @if (count > 5000) {\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-low\"></div>\r\n      &lt;10\r\n    </div>\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-medium\"></div>\r\n      10 - 500\r\n    </div>\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-high\"></div>\r\n      &gt;500\r\n    </div>\r\n  }\r\n  @if (!mapLoading&&count) {\r\n    <div class=\"ms-auto\">\r\n      {{count|adbSpacing}} {{'OBSERVATION.OBSERVATIONS'|translate}}\r\n    </div>\r\n  }\r\n</div>" }]
+            args: [{ selector: 'adb-obs-map', standalone: false, template: "@if(hasBox&&!mapLoading()){\r\n  <div class=\"mb-1 d-flex justify-content-between flex-wrap\">\r\n    <a [routerLink]=\"[]\" [queryParams]=\"{bbox:null,z:null}\" queryParamsHandling=\"merge\" class=\"d-flex gap-1 align-items-baseline\">\r\n      <span class=\"fas fa-chevron-left\"></span>\r\n      Tillbaka upp\r\n    </a>\r\n  </div>\r\n}\r\n@if(error){\r\n  <div class=\"alert alert-danger\">\r\n    {{'ERROR.SERVER_ERROR'|translate}}\r\n  </div>\r\n}\r\n<div [class.loading]=\"mapLoading()\">\r\n  <div [id]=\"mapId\" class=\"mb-1 map-container\"></div>\r\n</div>\r\n<div class=\"mb-1 d-flex gap-3 justify-content-between flex-wrap\">\r\n  @if (count > 5000) {\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-low\"></div>\r\n      &lt;10\r\n    </div>\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-medium\"></div>\r\n      10 - 500\r\n    </div>\r\n    <div class=\"d-flex align-items-center gap-1\">\r\n      <div class=\"legend map-heat-high\"></div>\r\n      &gt;500\r\n    </div>\r\n  }\r\n  @if (!mapLoading()&&count) {\r\n    <div class=\"ms-auto\">\r\n      {{count|adbSpacing}} {{'OBSERVATION.OBSERVATIONS'|translate}}\r\n    </div>\r\n  }\r\n</div>" }]
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: AdbMapConfigService }, { type: i1.Router }, { type: i1$2.HttpClient }] });
 
 class AdbMapFilters {