adb-shared 6.2.0-beta → 6.2.0-beta.1

package/fesm2022/adb-shared.mjs

@@ -8,11 +8,13 @@ import * as i1$2 from '@angular/common/http';
 import { provideHttpClient, withInterceptorsFromDi, HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as i1 from '@angular/router';
 import { NavigationEnd, RouterModule, NavigationStart } from '@angular/router';
-import { Subscription, Subject, of, BehaviorSubject, catchError, throwError, map as map$1, tap } from 'rxjs';
-import { endOfDay, addYears, startOfDay, subYears, getMonth, subMonths, addMonths, isSameYear, endOfMonth, startOfMonth, eachWeekOfInterval, getISOWeek, addDays, eachDayOfInterval, getHours, getMinutes, isSameDay, isWithinInterval, isSameMonth, isValid, parseISO, addSeconds, format } from 'date-fns';
-import * as i1$4 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
+import { Subscription, Subject, of, BehaviorSubject, catchError, throwError, map as map$1, tap, combineLatest, debounceTime as debounceTime$1, shareReplay } from 'rxjs';
+import { endOfDay, addYears, startOfDay, subYears, getMonth, subMonths, addMonths, isSameYear, endOfMonth, startOfMonth, eachWeekOfInterval, getISOWeek, addDays, eachDayOfInterval, getHours, getMinutes, isSameDay, isWithinInterval, isSameMonth, isValid, parseISO, addSeconds, format, subDays, startOfYear, endOfYear } from 'date-fns';
+import * as i4 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, FormControl, FormGroup, FormArray, Validators, ReactiveFormsModule } from '@angular/forms';
 import { delay, debounceTime, switchMap, map, catchError as catchError$1 } from 'rxjs/operators';
+import * as Leaflet from 'leaflet';
+import 'leaflet-draw';
 
 class EnvironmentService {
     constructor(environment) {
@@ -1869,7 +1871,7 @@ class AdbRichEditorComponent {
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: AdbRichEditorComponent, isStandalone: false, selector: "adb-rich-editor", inputs: { hasTaxon: "hasTaxon", hasReference: "hasReference", rows: "rows" }, providers: [{
                 provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbRichEditorComponent)),
                 multi: true
-            }], ngImport: i0, template: "<div>\r\n  <div class=\"d-flex justify-content-end gap-3 mb-1\">\r\n    <button class=\"btn btn-secondary\" (click)=\"onItalicClick()\" title=\"Italic\" aria-label=\"Italic\" type=\"button\"><span class=\"fas fa-italic\"></span></button>\r\n    <button class=\"btn btn-secondary\" (click)=\"onBoldClick()\" title=\"Italic\" aria-label=\"strong\" type=\"button\"><span class=\"fas fa-bold\"></span></button>\r\n    @if (hasTaxon) {\r\n      <button class=\"btn btn-secondary\" (click)=\"onTaxonClick()\" title=\"Taxon\" aria-label=\"Taxon\" type=\"button\"><span class=\"fas fa-bug\"></span></button>\r\n    }\r\n    @if (hasReference) {\r\n      <button class=\"btn btn-secondary\" (click)=\"onReferenceClick()\" title=\"Reference\" aria-label=\"Reference\" type=\"button\"><span class=\"fas fa-asterisk\"></span></button>\r\n    }\r\n  </div>\r\n  <textarea class=\"form-control\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange()\" [rows]=\"rows\" (dblclick)=\"onDoubleClick()\"></textarea>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+            }], ngImport: i0, template: "<div>\r\n  <div class=\"d-flex justify-content-end gap-3 mb-1\">\r\n    <button class=\"btn btn-secondary\" (click)=\"onItalicClick()\" title=\"Italic\" aria-label=\"Italic\" type=\"button\"><span class=\"fas fa-italic\"></span></button>\r\n    <button class=\"btn btn-secondary\" (click)=\"onBoldClick()\" title=\"Italic\" aria-label=\"strong\" type=\"button\"><span class=\"fas fa-bold\"></span></button>\r\n    @if (hasTaxon) {\r\n      <button class=\"btn btn-secondary\" (click)=\"onTaxonClick()\" title=\"Taxon\" aria-label=\"Taxon\" type=\"button\"><span class=\"fas fa-bug\"></span></button>\r\n    }\r\n    @if (hasReference) {\r\n      <button class=\"btn btn-secondary\" (click)=\"onReferenceClick()\" title=\"Reference\" aria-label=\"Reference\" type=\"button\"><span class=\"fas fa-asterisk\"></span></button>\r\n    }\r\n  </div>\r\n  <textarea class=\"form-control\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange()\" [rows]=\"rows\" (dblclick)=\"onDoubleClick()\"></textarea>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbRichEditorComponent, decorators: [{
             type: Component,
@@ -2467,7 +2469,7 @@ class GenericPickerComponent {
         this.subs.unsubscribe();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: GenericPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: GenericPickerComponent, isStandalone: false, selector: "adb-generic-picker", inputs: { search: "search", displayFn: "displayFn", loadById: "loadById", disabled: "disabled", placeholder: "placeholder", initialValue: "initialValue" }, outputs: { selectItemChange: "selectItemChange", focus: "focus" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], ngImport: i0, template: "<div (adbClickOutside)=\"resetPopup()\">\r\n  <div class=\"input-group\">\r\n    <input [(ngModel)]=\"searchQuery\" class=\"form-control\" role=\"combobox\" aria-autocomplete=\"list\" [attr.aria-expanded]=\"showPop\" aria-controls=\"picker-listbox\" [disabled]=\"disabled\" autocomplete=\"off\" (keyup.arrowdown)=\"onArrowDown()\"\r\n      (keyup.arrowup)=\"onArrowUp()\" (keydown.enter)=\"onEnter($event)\" (keydown.escape)=\"resetPopup()\" (keydown.tab)=\"resetPopup()\" (ngModelChange)=\"onModelChange()\" (focus)=\"focus.emit($event)\" [placeholder]=\"placeholder\" />\r\n    @if (searchQuery && !showPop) {\r\n    <div>\r\n      <button type=\"button\" (click)=\"resetModel()\" class=\"btn btn-secondary border border-start-0\">\r\n        <span class=\"fas fa-times\"></span>\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n@let items = items$ | async;\r\n@if (showPop) {\r\n<div class=\"pop\">\r\n  <div class=\"pop-body\">\r\n    <div [class.loading]=\"loading\">\r\n      @if (error) {\r\n      <div class=\"alert alert-danger mb-0\">\r\n        Serverfel\r\n      </div>\r\n      }\r\n      @else {\r\n      <ul class=\"list-group list-group-flush\" role=\"listbox\" id=\"picker-listbox\">\r\n        @for (item of items; track item; let i = $index) {\r\n        <li role=\"option\" class=\"list-group-item list-group-item-action pointer\" [class.active]=\"i === rowIndex\" (click)=\"$event.preventDefault(); $event.stopPropagation(); selectItem(item)\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, searchQuery: searchQuery }\"></ng-container>\r\n        </li>\r\n        }\r\n      </ul>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n}", dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: GenericPickerComponent, isStandalone: false, selector: "adb-generic-picker", inputs: { search: "search", displayFn: "displayFn", loadById: "loadById", disabled: "disabled", placeholder: "placeholder", initialValue: "initialValue" }, outputs: { selectItemChange: "selectItemChange", focus: "focus" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], ngImport: i0, template: "<div (adbClickOutside)=\"resetPopup()\">\r\n  <div class=\"input-group\">\r\n    <input [(ngModel)]=\"searchQuery\" class=\"form-control\" role=\"combobox\" aria-autocomplete=\"list\" [attr.aria-expanded]=\"showPop\" aria-controls=\"picker-listbox\" [disabled]=\"disabled\" autocomplete=\"off\" (keyup.arrowdown)=\"onArrowDown()\"\r\n      (keyup.arrowup)=\"onArrowUp()\" (keydown.enter)=\"onEnter($event)\" (keydown.escape)=\"resetPopup()\" (keydown.tab)=\"resetPopup()\" (ngModelChange)=\"onModelChange()\" (focus)=\"focus.emit($event)\" [placeholder]=\"placeholder\" />\r\n    @if (searchQuery && !showPop) {\r\n    <div>\r\n      <button type=\"button\" (click)=\"resetModel()\" class=\"btn btn-secondary border border-start-0\">\r\n        <span class=\"fas fa-times\"></span>\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n@let items = items$ | async;\r\n@if (showPop) {\r\n<div class=\"pop\">\r\n  <div class=\"pop-body\">\r\n    <div [class.loading]=\"loading\">\r\n      @if (error) {\r\n      <div class=\"alert alert-danger mb-0\">\r\n        Serverfel\r\n      </div>\r\n      }\r\n      @else {\r\n      <ul class=\"list-group list-group-flush\" role=\"listbox\" id=\"picker-listbox\">\r\n        @for (item of items; track item; let i = $index) {\r\n        <li role=\"option\" class=\"list-group-item list-group-item-action pointer\" [class.active]=\"i === rowIndex\" (click)=\"$event.preventDefault(); $event.stopPropagation(); selectItem(item)\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, searchQuery: searchQuery }\"></ng-container>\r\n        </li>\r\n        }\r\n      </ul>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n}", dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: GenericPickerComponent, decorators: [{
             type: Component,
@@ -2751,6 +2753,870 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                 }]
         }] });
 
+class AdbMapUtils {
+    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', {
+            minZoom: 6,
+            maxZoom: 18,
+            maxNativeZoom: 14,
+            attribution: '© <a href="https://www.lantmateriet.se/">Fjällkart</a>',
+            wms: true
+        }),
+        'Kommuner': new Leaflet.TileLayer.WMS('https://sosgeo.artdata.slu.se/geoserver/GeoRegion/wms?', {
+            layers: 'GeoRegion:Municipality',
+            version: '1.1.0',
+            transparent: true,
+            format: 'image/png'
+        }),
+        'Län': new Leaflet.TileLayer.WMS('https://sosgeo.artdata.slu.se/geoserver/GeoRegion/wms?', {
+            layers: 'GeoRegion:County',
+            version: '1.1.0',
+            transparent: true,
+            format: 'image/png'
+        }),
+        'Ortnamn': new Leaflet.TileLayer.WMS("https://maps.sgu.se/lmv/topowebb-skikt/v1.1?SERVICE=WMS", {
+            layers: "text",
+            format: "image/png",
+            transparent: true,
+            version: "1.3.0",
+        }),
+        'Ekonomisk zon': new Leaflet.TileLayer.WMS("https://sosgeo.artdata.slu.se/geoserver/it.geosolutions/wms?", {
+            layers: "it.geosolutions:Ekonomiska_zonens_yttre_avgränsningslinjer_linje",
+            format: "image/png",
+            transparent: true,
+            version: "1.1.0"
+        })
+    }; }
+    static { this.Providers = [
+        {
+            name: 'Open Streetmap',
+            id: 3,
+            url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+            minZoom: 0,
+            maxZoom: 18,
+            params: {
+                maxNativeZoom: 18,
+                attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+            },
+            wms: false
+        },
+        {
+            name: 'Sveriges gränser',
+            id: 7,
+            url: 'https://sosgeo.artdata.slu.se/geoserver/GeoRegion/wms',
+            minZoom: 6,
+            maxZoom: 18,
+            params: {
+                maxNativeZoom: 14,
+                attribution: '© <a href="https://www.lantmateriet.se/">Sveriges gränser</a>',
+                layers: 'GeoRegion:County', styles: 'municipality_name_yellow'
+            },
+            wms: true
+        }
+    ]; }
+}
+
+class AdbBaseMap {
+    constructor(options = {}) {
+        // protected static PRIMARY = '#007681';
+        this.subscriptions = new Subscription();
+        this.map = Leaflet.map;
+        this.INITIAL_CENTER_LAT = 62;
+        this.INITIAL_CENTER_LNG = 17;
+        this.mapReadySubject = new BehaviorSubject(false);
+        this.mapReady$ = this.mapReadySubject.asObservable();
+        this.mapMoveSubject = new BehaviorSubject(null);
+        this.mapMove$ = this.mapMoveSubject.asObservable();
+        this.hasProviders = options?.providers ?? true;
+        this.hasZoom = options?.zoom ?? true;
+        this.hasScrollZoom = options?.scrollZoom ?? true;
+    }
+    getId() {
+        return '' + Math.floor(Math.random() * Date.now());
+    }
+    ngAfterViewInit() {
+        this.map = Leaflet.map(this.mapId, {
+            zoomAnimation: false,
+            fadeAnimation: false,
+            markerZoomAnimation: false,
+            inertia: false,
+            scrollWheelZoom: this.hasZoom,
+            minZoom: -1,
+            zoomControl: this.hasScrollZoom,
+            dragging: this.hasZoom,
+            fullscreenControl: true,
+            fullscreenControlOptions: {
+                position: 'topleft'
+            }
+        });
+        if (this.hasZoom) {
+            this.map.on('moveend', () => {
+                this.mapMoveSubject.next();
+            });
+        }
+        window.addEventListener('resize', () => {
+            this.map.invalidateSize();
+        });
+        Leaflet.control.scale().addTo(this.map);
+        if (this.hasProviders) {
+            this.addMapLayers();
+        }
+        this.map.whenReady(() => {
+            setTimeout(() => {
+                this.mapReadySubject.next(true);
+            });
+        });
+        this.map.setView([62, 17], 5);
+    }
+    addMapLayers() {
+        let backgroundMaps = {};
+        for (const value of Object.values(AdbMapUtils.Providers)) {
+            backgroundMaps[value.name] = value.wms ?
+                Leaflet.tileLayer.wms(value.url, value.params) :
+                Leaflet.tileLayer(value.url, value.params);
+        }
+        this.map.addLayer(backgroundMaps['Open Streetmap']);
+        Leaflet.control.layers(backgroundMaps, AdbMapUtils.OverlayMaps).addTo(this.map);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbBaseMap, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: AdbBaseMap, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbBaseMap, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }] });
+
+class PolygonDrawerInput extends AdbBaseMap {
+    ngOnInit() {
+        this.mapId = this.getId();
+        this.subscriptions.add(this.mapReady$.subscribe(ready => {
+            if (ready) {
+                Leaflet.drawLocal.draw.handlers.rectangle.tooltip = {};
+                Leaflet.drawLocal.draw.handlers.simpleshape.tooltip = {};
+                Leaflet.drawLocal.draw.handlers.polygon.tooltip = {};
+                Leaflet.drawLocal.draw.toolbar.undo.title = '';
+                Leaflet.drawLocal.draw.toolbar.finish.title = '';
+                Leaflet.drawLocal.draw.toolbar.actions.title = '';
+                if (this.geoJson?.type === 'Feature') {
+                    this.shapeLayer = Leaflet.geoJson(this.geoJson);
+                    this.shapeLayer.interactive = false;
+                    this.map.addLayer(this.shapeLayer);
+                    this.map.fitBounds(this.shapeLayer.getBounds());
+                }
+                else {
+                    this.map.setView([this.INITIAL_CENTER_LAT, this.INITIAL_CENTER_LNG], 5);
+                }
+                this.map.on('draw:created', event => {
+                    if (event.layerType === 'polygon') {
+                        this.polygonDraw = false;
+                        this.shapeLayer = Leaflet.geoJson(event.layer.toGeoJSON());
+                        this.shapeLayer.interactive = false;
+                        this.map.addLayer(this.shapeLayer);
+                        this.map.fitBounds(this.shapeLayer.getBounds());
+                        this.onChange(event.layer.toGeoJSON());
+                    }
+                });
+            }
+        }));
+    }
+    constructor() {
+        super(null);
+        //ControlValueAccessor starts
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    onDrawPolygon() {
+        this.polygonDraw = true;
+        this.drawLayer = new Leaflet.Draw.Polygon(this.map, { allowIntersection: false });
+        this.drawLayer.enable();
+    }
+    onDeleteShape() {
+        if (this.drawLayer) {
+            this.map.removeLayer(this.drawLayer);
+        }
+        if (this.shapeLayer) {
+            this.map.removeLayer(this.shapeLayer);
+        }
+        this.shapeLayer = null;
+        this.polygonDraw = false;
+        this.onChange(null);
+        this.drawLayer = null;
+        this.map.setView([62, 17], 5);
+    }
+    onUndoStep() {
+        this.drawLayer.deleteLastVertex();
+    }
+    onMapMoveEnd() {
+    }
+    writeValue(geoJson) {
+        this.geoJson = geoJson;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PolygonDrawerInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: PolygonDrawerInput, isStandalone: false, selector: "adb-polygon-drawer", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => PolygonDrawerInput)),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"mb-1 d-flex gap-1 flex-wrap align-items-start\">\r\n  <button class=\"btn btn-secondary\" type=\"button\" [disabled]=\"shapeLayer||drawLayer\" (click)=\"onDrawPolygon()\" title=\"Polygon\">\r\n    <span class=\"fas fa-draw-polygon\"></span> {{'OBSERVATION.DRAW'|translate}}\r\n  </button>\r\n  @if (shapeLayer||drawLayer) {\r\n    <button class=\"btn btn-secondary\" type=\"button\" (click)=\"onDeleteShape()\" title=\"Ta bort\">\r\n      <span class=\"fas fa-times\"></span>\r\n    </button>\r\n  }\r\n  @if (polygonDraw) {\r\n    <button class=\"btn btn-secondary\" type=\"button\" (click)=\"onUndoStep()\" title=\"\u00C5ngra\">\r\n      <span class=\"fas fa-undo\"></span>\r\n    </button>\r\n  }\r\n</div>\r\n<div [id]=\"mapId\" class=\"border\" style=\"height:20rem\"></div>", dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PolygonDrawerInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'adb-polygon-drawer', standalone: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => PolygonDrawerInput)),
+                            multi: true
+                        }
+                    ], template: "<div class=\"mb-1 d-flex gap-1 flex-wrap align-items-start\">\r\n  <button class=\"btn btn-secondary\" type=\"button\" [disabled]=\"shapeLayer||drawLayer\" (click)=\"onDrawPolygon()\" title=\"Polygon\">\r\n    <span class=\"fas fa-draw-polygon\"></span> {{'OBSERVATION.DRAW'|translate}}\r\n  </button>\r\n  @if (shapeLayer||drawLayer) {\r\n    <button class=\"btn btn-secondary\" type=\"button\" (click)=\"onDeleteShape()\" title=\"Ta bort\">\r\n      <span class=\"fas fa-times\"></span>\r\n    </button>\r\n  }\r\n  @if (polygonDraw) {\r\n    <button class=\"btn btn-secondary\" type=\"button\" (click)=\"onUndoStep()\" title=\"\u00C5ngra\">\r\n      <span class=\"fas fa-undo\"></span>\r\n    </button>\r\n  }\r\n</div>\r\n<div [id]=\"mapId\" class=\"border\" style=\"height:20rem\"></div>" }]
+        }], ctorParameters: () => [] });
+
+var AdbMapFilterType;
+(function (AdbMapFilterType) {
+    AdbMapFilterType["Taxon"] = "taxon";
+    AdbMapFilterType["Area"] = "area";
+    AdbMapFilterType["Time"] = "time";
+    AdbMapFilterType["RedList"] = "redlist";
+    AdbMapFilterType["RiskList"] = "risklist";
+    AdbMapFilterType["TaxaLists"] = "taxonLists";
+    AdbMapFilterType["Datasources"] = "datasources";
+})(AdbMapFilterType || (AdbMapFilterType = {}));
+class VisibleFilters {
+}
+const ADB_MAP_CONFIG = new InjectionToken('ADB_MAP_CONFIG');
+class AdbMapConfigService {
+    constructor(config) {
+        this.log = config.log ?? false;
+        this.artfaktaTaxonLists = config.artfaktaTaxonLists ?? 'https://artfakta.se/metadata/listor';
+        this.taxaListsApi = config.api + '/taxalists';
+        this.aportalenObservations = config.artportalen + '/observation';
+        this.filters = {
+            showTaxon: this.hasFilter(AdbMapFilterType.Taxon, config.filters),
+            showTime: this.hasFilter(AdbMapFilterType.Time, config.filters),
+            showArea: this.hasFilter(AdbMapFilterType.Area, config.filters),
+            showRedList: this.hasFilter(AdbMapFilterType.RedList, config.filters),
+            showRiskList: this.hasFilter(AdbMapFilterType.RiskList, config.filters),
+            showTaxaLists: this.hasFilter(AdbMapFilterType.TaxaLists, config.filters),
+            showDatasets: this.hasFilter(AdbMapFilterType.Datasources, config.filters),
+        };
+    }
+    hasFilter(f, filters) {
+        return filters?.includes(f) ?? true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbMapConfigService, deps: [{ token: ADB_MAP_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbMapConfigService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbMapConfigService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ADB_MAP_CONFIG]
+                }] }] });
+
+class TreeviewComponent {
+    constructor() {
+        this.nodes = [];
+        this.selectedIds = [];
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    writeValue(ids) {
+        this.selectedIds = ids ?? [];
+        this.applySelection(this.nodes);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.setReadOnly(this.nodes, isDisabled);
+    }
+    onLeafToggle(node) {
+        if (node._readOnly)
+            return;
+        node._selected = !node._selected;
+        this.selectedIds = TreeviewComponent.collectSelectedLeafIds(this.nodes);
+        this.onChange(this.selectedIds);
+        this.onTouched();
+    }
+    applySelection(nodes) {
+        for (const node of nodes) {
+            if (node.children?.length) {
+                this.applySelection(node.children);
+            }
+            else {
+                node._selected = this.selectedIds.includes(node.id);
+            }
+        }
+    }
+    setReadOnly(nodes, readOnly) {
+        for (const node of nodes) {
+            node._readOnly = readOnly;
+            if (node.children?.length) {
+                this.setReadOnly(node.children, readOnly);
+            }
+        }
+    }
+    static collectSelectedLeafIds(nodes) {
+        const ids = [];
+        for (const node of nodes) {
+            if (node.children?.length) {
+                ids.push(...this.collectSelectedLeafIds(node.children));
+            }
+            else if (node._selected) {
+                ids.push(node.id);
+            }
+        }
+        return ids;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TreeviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TreeviewComponent, isStandalone: false, selector: "app-treeview", inputs: { nodes: "nodes" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef((() => TreeviewComponent)),
+                multi: true
+            }
+        ], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"nodeTpl; context: { $implicit: nodes }\">\r\n</ng-container>\r\n<ng-template #nodeTpl let-nodes>\r\n  @for (node of nodes; track node) {\r\n    <div class=\"ms-3\">\r\n      @if(!node.children || node.children.length === 0){\r\n        <div class=\"d-flex align-items-center gap-2\">\r\n          <input id=\"{{node.id}}\" type=\"checkbox\" class=\"form-check-input m-0\" [checked]=\"node._selected\" [disabled]=\"node._readOnly\" (change)=\"onLeafToggle(node)\" />\r\n          <label for=\"{{node.id}}\">{{ node.name }}</label>\r\n        </div>\r\n      }\r\n      @else {\r\n      {{ node.name }}\r\n      <div>\r\n        <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $implicit: node.children }\">\r\n        </ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n</ng-template>", dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TreeviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-treeview', standalone: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((() => TreeviewComponent)),
+                            multi: true
+                        }
+                    ], template: "<ng-container *ngTemplateOutlet=\"nodeTpl; context: { $implicit: nodes }\">\r\n</ng-container>\r\n<ng-template #nodeTpl let-nodes>\r\n  @for (node of nodes; track node) {\r\n    <div class=\"ms-3\">\r\n      @if(!node.children || node.children.length === 0){\r\n        <div class=\"d-flex align-items-center gap-2\">\r\n          <input id=\"{{node.id}}\" type=\"checkbox\" class=\"form-check-input m-0\" [checked]=\"node._selected\" [disabled]=\"node._readOnly\" (change)=\"onLeafToggle(node)\" />\r\n          <label for=\"{{node.id}}\">{{ node.name }}</label>\r\n        </div>\r\n      }\r\n      @else {\r\n      {{ node.name }}\r\n      <div>\r\n        <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $implicit: node.children }\">\r\n        </ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n</ng-template>" }]
+        }], propDecorators: { nodes: [{
+                type: Input
+            }] } });
+
+class MapUtils {
+    static { this.redlistMapper = {
+        "228": 24,
+        "229": 25,
+        "230": 26,
+        "231": 27,
+        "232": 28,
+        "233": 29
+    }; }
+    static { this.redListMapper2 = {
+        'VU': '228',
+        'EN': '229',
+        'CR': '230',
+        'RE': '231',
+        'DD': '232',
+        'NT': '233'
+    }; }
+    static { this.riskListMapper = {
+        "39": 19,
+        "40": 20,
+        "41": 21,
+        "42": 22,
+        "43": 23
+    }; }
+    static { this.listMapper = {
+        '8': 8,
+        '34': 1,
+        '35': 4,
+        '36': 3,
+        '44': 13,
+        "46": 15,
+        '282': 2
+    }; }
+    static { this.euRegulation = 5; }
+    static createObservationsBody(queryParams) {
+        const body = {};
+        if (queryParams.startAt) {
+            body.date = {};
+            body.date.startDate = queryParams.startAt;
+            if (queryParams.endAt) {
+                body.date.endDate = queryParams.endAt;
+            }
+        }
+        const taxonId = queryParams?.taxonId;
+        if (taxonId) {
+            body.taxon = { Ids: [+taxonId] };
+            body.taxon.includeUnderlyingTaxa = true;
+        }
+        MapUtils.handleLists(queryParams, body);
+        body.geographics = {};
+        if (queryParams.bbox) {
+            const boundArray = JSON.parse(queryParams.bbox);
+            body.geographics.boundingBox = {
+                bottomRight: {
+                    latitude: boundArray[0],
+                    longitude: boundArray[3]
+                },
+                topLeft: {
+                    latitude: boundArray[2],
+                    longitude: boundArray[1]
+                }
+            };
+        }
+        if (queryParams.area) {
+            const areas = Array.isArray(queryParams.area)
+                ? queryParams.area
+                : queryParams.area ? [queryParams.area] : [];
+            const parsedAreas = areas.map(a => {
+                const [areaType, ...rest] = a.split('-');
+                const featureId = rest.join('-');
+                return areaType && featureId ? { areaType, featureId } : null;
+            }).filter(v => v !== null);
+            body.geographics.areas = parsedAreas;
+        }
+        if (queryParams.geo) {
+            body.geographics.geometries = [{ type: 'Polygon', coordinates: [JSON.parse(queryParams.geo)] }];
+        }
+        const noted = queryParams.noted === 'true';
+        if (queryParams.ds) {
+            const providers = Array.isArray(queryParams.ds) ? queryParams.ds.map(m => +m) : [+queryParams.ds];
+            body.dataProvider = { ids: providers };
+        }
+        const presets = {
+            occurrenceStatus: noted ? 'Present' : 'BothPresentAndAbsent',
+            verificationStatus: "BothVerifiedAndNotVerified",
+            notRecoveredFilter: 'DontIncludeNotRecovered',
+            determinationFilter: 'NotUnsureDetermination',
+            protectionFilter: "Public",
+            diffusionStatuses: ['NotDiffused', 'DiffusedBySystem', 'DiffusedByProvider'],
+            extendedFilter: {
+                'notPresentFilter': 'DontIncludeNotPresent'
+            }
+        };
+        if (queryParams.activities) {
+            const stringArray = JSON.parse(queryParams.activities);
+            presets.extendedFilter.activityIds = stringArray?.map(Number);
+        }
+        return { ...presets, ...body };
+    }
+    static handleLists(queryParams, body) {
+        let listIds = [];
+        if (queryParams.rc) { //RISK CLASS
+            const risk = queryParams.rc ? (Array.isArray(queryParams.rc) ? queryParams.rc : [queryParams.rc]) : [];
+            listIds = risk.map(t => MapUtils.riskListMapper[t]);
+        }
+        if (queryParams.rlc) { //REDLIST
+            let redLists = queryParams.rlc ? (Array.isArray(queryParams.rlc) ? queryParams.rlc : [queryParams.rlc]) : [];
+            redLists = redLists.map(t => MapUtils.redlistMapper[t]);
+            listIds.push(...redLists);
+        }
+        if (queryParams.tl || queryParams.eu) { //OTHER LISTS
+            let taxonLists = queryParams.tl ? (Array.isArray(queryParams.tl) ? queryParams.tl : [queryParams.tl]) : [];
+            taxonLists = taxonLists.map(t => MapUtils.listMapper[t]);
+            if (queryParams.eu) {
+                taxonLists.push(MapUtils.euRegulation);
+            }
+            listIds.push(...taxonLists);
+        }
+        body.taxon ??= {};
+        body.taxon.taxonListIds = listIds;
+    }
+}
+
+class AdbObsMapComponent extends AdbBaseMap {
+    constructor(activatedRoute, config, router, http) {
+        super({ zoom: true, scrollZoom: true });
+        this.activatedRoute = activatedRoute;
+        this.config = config;
+        this.router = router;
+        this.http = http;
+        this.aportalenObservations = this.config.aportalenObservations;
+    }
+    ngOnInit() {
+        this.mapId = this.getId();
+        const combined$ = combineLatest([this.mapReady$, this.activatedRoute.paramMap, this.activatedRoute.queryParams])
+            .pipe(map(results => ({ ready: results[0], urlParams: results[1], qParams: results[2] })), debounceTime(0));
+        this.subscriptions.add(combined$.subscribe(result => {
+            if (result.ready) {
+                this.hasBox = result.qParams.bbox ? true : false;
+                const qps = { ...result.qParams };
+                if (result.urlParams.has('taxonId')) {
+                    qps.taxonId = result.urlParams.get('taxonId');
+                }
+                this.loadFeature(qps);
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    loadFeature(qParams) {
+        this.loading = true;
+        this.error = null;
+        const body = MapUtils.createObservationsBody(qParams);
+        //TODO: will be  const url = this.config.api + '/observationmap/observation-features';
+        const url = 'https://sos-search-st.wt.artdata.slu.se/Observations/Internal/AdaptiveSearch';
+        // this.subscriptions.add(this.http.post<GeoJson>(url, body, { observe: 'response', params: { includeFilterAreasInResult: true, observationsLimit: 0 } }).subscribe({
+        this.subscriptions.add(this.http.post(url, body, { observe: 'response', params: { includeFilterAreasInResult: true, observationsLimit: 0 } }).subscribe({
+            next: (response) => {
+                const geo = response.body;
+                geo.properties = { count: response.headers.get('X-Observations-TotalCount') };
+                this.buildMap(geo);
+            }, error: err => {
+                this.error = err;
+                this.loading = false;
+            }
+        }));
+    }
+    buildMap(geojson) {
+        if (this.siteLayer) {
+            this.map.removeLayer(this.siteLayer);
+        }
+        this.count = geojson?.properties?.count;
+        this.siteLayer = Leaflet.geoJson(geojson, {
+            style: (feature) => {
+                return {
+                    className: `svg ${this.getPolygonClassName(feature.properties)}`, // Leaflet applies this class to the SVG path
+                    weight: 1,
+                    fillOpacity: 0.8,
+                };
+            },
+            pointToLayer: (feature, latlng) => {
+                const marker = Leaflet.marker(latlng, {
+                    icon: Leaflet.divIcon({
+                        className: '',
+                        html: '<div class="adb-map-marker"></div>',
+                        iconAnchor: [3, 3]
+                    })
+                });
+                if (feature.properties && feature.properties['Occurrence.OccurrenceId']) {
+                    marker.on('click', () => {
+                        window.location.href = this.aportalenObservations + '/' + feature.properties['Occurrence.OccurrenceId'];
+                    });
+                }
+                return marker;
+            }, onEachFeature: (feature, layer) => {
+                if (feature.geometry.type === "Polygon" ||
+                    feature.geometry.type === "MultiPolygon") {
+                    if (feature.properties.ObservationsCount > 0) {
+                        layer.on('click', () => {
+                            const boundBox = JSON.stringify(this.getMapBoundsToBbox(layer.getBounds()));
+                            this.router.navigate([], { queryParams: { bbox: boundBox }, queryParamsHandling: 'merge' });
+                        });
+                        layer.on('mouseover', () => {
+                            layer.setStyle({ className: 'svg cursor-pointer' });
+                        });
+                        layer.on('mouseout', () => {
+                            layer.setStyle({ className: 'svg' });
+                        });
+                    }
+                    if (feature.properties.FeatureType) { //area
+                        layer.setStyle({ interactive: false });
+                    }
+                }
+            }
+        });
+        const circleLayer = Leaflet.featureGroup();
+        circleLayer.addTo(this.siteLayer);
+        this.map.addLayer(this.siteLayer);
+        if (geojson.bbox) {
+            const [minLon, minLat, maxLon, maxLat] = geojson.bbox;
+            const bounds = Leaflet.latLngBounds([[minLat, minLon], [maxLat, maxLon]]);
+            if (bounds.isValid()) {
+                // Safari sometimes needs extra time after layer adds
+                setTimeout(() => {
+                    this.map.invalidateSize({ animate: false });
+                    this.map.fitBounds(bounds);
+                    this.loading = false;
+                }, 50); // 30–50ms works best in Safari
+            }
+        }
+        else {
+            this.loading = false;
+        }
+    }
+    getPolygonClassName(props) {
+        if (props.FeatureType) {
+            return 'map-area';
+        }
+        if (props.ObservationsCount < 10)
+            return 'map-heat-low';
+        if (props.ObservationsCount < 500)
+            return 'map-heat-small';
+        return 'map-heat-high';
+    }
+    getMapBoundsToBbox(bounds) {
+        return [bounds.getNorthWest().lat, bounds.getNorthWest().lng, bounds.getSouthEast().lat, bounds.getSouthEast().lng];
+    }
+    /** @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", usesInheritance: true, ngImport: i0, template: "@if(hasBox&&!loading){\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]=\"loading\">\r\n  <div [style.visibility]=\"loading ? 'hidden':'visible'\" [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 (!loading&&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&&!loading){\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]=\"loading\">\r\n  <div [style.visibility]=\"loading ? 'hidden':'visible'\" [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 (!loading&&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 {
+    static { this.AlienSpecies = 35; }
+    static { this.Risklist = 38; }
+    static { this.Redlist = 227; }
+    static { this.datasets = ['1', '3', '5', '6', '4', '8']; }
+    constructor(cdr, config, http, router, activatedRoute) {
+        this.cdr = cdr;
+        this.config = config;
+        this.http = http;
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.inline = false;
+        this.artfakta = this.config.artfaktaTaxonLists;
+        this.subscriptions = new Subscription();
+        this.thisYear = new Date();
+        this.lastYear = addYears(new Date(), -1);
+        this.dateConfig = { minDate: null, maxDate: subDays(new Date(), 1) };
+        this.filters = config.filters;
+    }
+    ngOnInit() {
+        const lists$ = this.getLists();
+        const combined$ = combineLatest([this.activatedRoute.paramMap, this.activatedRoute.queryParamMap, lists$])
+            .pipe(map$1(results => ({ params: results[0], qParams: results[1], lists: results[2] })), debounceTime$1(0));
+        this.subscriptions.add(combined$.subscribe(result => {
+            this.form = this.createForm(result.params, result.qParams, result.lists);
+            this.cdr.markForCheck();
+        }));
+    }
+    removeArea(index) {
+        this.form.get('areas').removeAt(index);
+        this.form.markAsDirty();
+    }
+    addArea() {
+        const areas = this.form.get('areas');
+        areas.push(new FormControl(null));
+        this.form.updateValueAndValidity();
+        this.form.markAsDirty();
+    }
+    onSubmit() {
+        const data = this.form.value;
+        let params = {};
+        params.p = data.period ?? null;
+        if (data.period === '1') {
+            params.startAt = startOfYear(this.thisYear).toISOString();
+            params.endAt = null;
+        }
+        else if (data.period === '2') {
+            params.startAt = startOfYear(this.lastYear).toISOString();
+            params.endAt = endOfYear(this.lastYear).toISOString();
+        }
+        else if (data.period === '3') {
+            params.startAt = null;
+            params.endAt = null;
+        }
+        else if (data.period === '4') {
+            params.startAt = startOfYear(addYears(new Date(), -5)).toISOString();
+            params.endAt = null;
+        }
+        else if (data.period === '5') {
+            params.startAt = startOfYear(addYears(new Date(), -25)).toISOString();
+            params.endAt = null;
+        }
+        else if (data.period === '6') {
+            params.startAt = startOfDay(data.startAt).toISOString();
+            params.endAt = endOfDay(data.endAt).toISOString();
+        }
+        if (this.hasOwnArea && data.geo) {
+            params.geo = JSON.stringify(data.geo.geometry?.coordinates[0]);
+        }
+        const cleaned = data.areas?.filter(v => v != null && v !== '');
+        if (cleaned.length > 0) {
+            params.area = cleaned;
+        }
+        if (this.activatedRoute.snapshot.paramMap.has('taxonId')) {
+            params.taxonId = this.activatedRoute.snapshot.paramMap.get('taxonId');
+        }
+        else {
+            params.taxonId = data.taxonId ?? null;
+        }
+        if (data.rlc?.length > 0) {
+            const selected = data.rlc.filter(f => f.selected).map(m => m.id);
+            params.rlc = selected.length ? selected : null;
+        }
+        if (data.rc?.length > 0) {
+            const selected = data.rc.filter(f => f.selected).map(m => m.id);
+            params.rc = selected.length ? selected : null;
+        }
+        if (data.tl?.length > 0) {
+            params.tl = data.tl;
+        }
+        if (data.ds?.length > 0) {
+            const selected = data.ds.filter(f => f.selected).map(m => m.id);
+            params.ds = selected.length ? selected : null;
+        }
+        this.router.navigate([], { queryParams: params, relativeTo: this.activatedRoute });
+    }
+    createForm(params, qMap, lists) {
+        this.hasTaxonInUrlParameter = params.has('taxonId');
+        this.hasOwnArea = qMap.has('geo');
+        const areas = qMap.getAll('area').filter(a => a != null && a.trim() !== '' && a.includes('-'));
+        const form = new FormGroup({
+            period: new FormControl(qMap.has('p') ? qMap.get('p') : '3'),
+            areas: new FormArray((Array.isArray(areas) && areas.length ? areas : [null]).map(a => new FormControl(a))),
+            geo: new FormControl(qMap.has('geo') ? {
+                type: 'Feature',
+                geometry: { type: 'Polygon', coordinates: [JSON.parse(qMap.get('geo'))] }
+            } : null)
+        });
+        this.areasArray = form.get('areas');
+        this.periodCount = qMap.has('p') && qMap.get('p') !== '3' ? 1 : 0;
+        this.areaCount = areas?.length;
+        if (!this.hasTaxonInUrlParameter) {
+            form.addControl('taxonId', new FormControl(qMap.get('taxonId') ?? null));
+            let selectedRedLists = qMap.has('rlc') ? (Array.isArray(qMap.getAll('rlc')) ? qMap.getAll('rlc') : [qMap.get('rlc')]) : null;
+            this.redListCount = selectedRedLists?.length;
+            form.addControl('rlc', new FormArray(lists.redlist.map(redlistCat => new FormGroup({
+                id: new FormControl(redlistCat.id),
+                selected: new FormControl(selectedRedLists?.includes('' + redlistCat.id))
+            }))));
+            this.rlcControls = form.get('rlc').controls;
+            let selectedRisks = qMap.has('rc') ? (Array.isArray(qMap.getAll('rc')) ? qMap.getAll('rc') : [qMap.get('rc')]) : null;
+            this.riskListCount = selectedRisks?.length;
+            form.addControl('rc', new FormArray(lists.riskList.map(risklistCat => new FormGroup({
+                id: new FormControl(risklistCat.id),
+                selected: new FormControl(selectedRisks?.includes('' + risklistCat.id))
+            }))));
+            this.rcControls = form.get('rc').controls;
+            const selectedTaxonList = qMap.has('tl') ? qMap.getAll('tl').map(val => Number(val)).filter(val => !isNaN(val)) : null;
+            this.taxaLists = lists.others;
+            this.taxonListCount = selectedTaxonList?.length;
+            form.addControl('tl', new FormControl(selectedTaxonList));
+            let datasets = qMap.has('ds') ? (Array.isArray(qMap.getAll('ds')) ? qMap.getAll('ds') : [qMap.get('ds')]) : null;
+            this.dataSetCount = datasets?.length;
+            form.addControl('ds', new FormArray(AdbMapFilters.datasets.map(id => new FormGroup({
+                id: new FormControl(id),
+                selected: new FormControl(datasets?.includes(id))
+            }))));
+            this.dsControls = form.get('ds').controls;
+        }
+        this.updateCustomDate(form, qMap.get('p'), qMap);
+        this.subscriptions.add(form.get('period').valueChanges.subscribe(period => {
+            this.updateCustomDate(form, period, qMap);
+        }));
+        return form;
+    }
+    updateCustomDate(form, period, qMap) {
+        if (period === '6') {
+            form.addControl('startAt', new FormControl(qMap.has('startAt') ? parseISO(qMap.get('startAt')) : null, Validators.required));
+            form.addControl('endAt', new FormControl(qMap.has('endAt') ? parseISO(qMap.get('endAt')) : null, Validators.required));
+        }
+        else {
+            form.removeControl('startAt');
+            form.removeControl('endAt');
+        }
+    }
+    ;
+    getLists() {
+        return this.http.get(this.config.taxaListsApi).pipe(map$1(lists => {
+            const alienSpecies = lists.find(f => f.id === AdbMapFilters.AlienSpecies);
+            const redlist = lists.find(f => f.id === AdbMapFilters.Redlist);
+            return {
+                others: lists.filter(f => f.id !== AdbMapFilters.AlienSpecies && f.id !== AdbMapFilters.Redlist),
+                redlist: redlist?.children,
+                riskList: alienSpecies?.children?.find(c => c.id === AdbMapFilters.Risklist)?.children
+            };
+        }), catchError(err => {
+            this.listsError = err;
+            return of({
+                others: [],
+                redlist: [],
+                riskList: []
+            });
+        }), shareReplay(1));
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbMapFilters, deps: [{ token: i0.ChangeDetectorRef }, { token: AdbMapConfigService }, { token: i1$2.HttpClient }, { token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: AdbMapFilters, isStandalone: false, selector: "adb-map-filters", inputs: { inline: "inline" }, ngImport: i0, template: "@if(form){\r\n<form [formGroup]=\"form\" class=\"form mb-3\" (ngSubmit)=\"onSubmit()\">\r\n  <div class=\"mb-3\">\r\n    <adb-filter-section titleResource=\"TAXON.SPECIES\" [expanded]=\"true\">\r\n      @if(filters.showTaxon&&!hasTaxonInUrlParameter){\r\n      <div class=\"mb-3\">\r\n        <label for=\"species\">{{'TAXON.SPECIES_SINGULAR'|translate}}</label>\r\n        <adb-taxon-picker formControlName=\"taxonId\" id=\"species\"></adb-taxon-picker>\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    @if(filters.showTime){\r\n    <adb-filter-section [count]=\"periodCount\" titleResource=\"OBSERVATION.PERIOD\">\r\n      <div class=\"mb-1\">\r\n        <select class=\"form-select\" formControlName=\"period\" id=\"period\">\r\n          <option value=\"1\">{{thisYear|date:'yyyy'}}</option>\r\n          <option value=\"2\">{{lastYear|date:'yyyy'}}</option>\r\n          <option value=\"3\">{{'OBSERVATION.ALL_YEAR'|translate}}</option>\r\n          <option value=\"4\">{{'OBSERVATION.LAST_5_YEAR'|translate}}</option>\r\n          <option value=\"5\">{{'OBSERVATION.LAST_25_YEAR'|translate}}</option>\r\n          <option value=\"6\">{{'OBSERVATION.CUSTOMIZED'|translate}}</option>\r\n        </select>\r\n      </div>\r\n      @if (form.value?.period==='6') {\r\n      <div class=\"mb-2\">\r\n        <label for=\"startAt\">{{'FROM' |translate}}</label>\r\n        <input adbDatepicker type=\"text\" class=\"form-control datepicker\" id=\"startAt\" formControlName=\"startAt\" [settings]=\"dateConfig\">\r\n      </div>\r\n      <div class=\"mb-2\">\r\n        <label for=\"endAt\">{{'TO' |translate}}</label>\r\n        <input adbDatepicker type=\"text\" class=\"form-control datepicker\" id=\"endAt\" formControlName=\"endAt\" [settings]=\"dateConfig\">\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    }\r\n    @if(filters.showArea){\r\n    <adb-filter-section [count]=\"areaCount\" titleResource=\"GEOGRAPHY\" [lazy]=\"true\">\r\n      <ng-template>\r\n        <div role=\"tablist\" aria-label=\"{{'AREA'|translate}}\" class=\"d-flex gap-2 justify-content-end\">\r\n          <button class=\"btn btn-link p-0\" [class.text-dark]=\"!hasOwnArea\" (click)=\"hasOwnArea=false\" role=\"tab\" id=\"tab-select\" aria-selected=\"{{!hasOwnArea}}\" aria-controls=\"panel-select\">\r\n            {{'CHOOSE'|translate}}\r\n          </button>\r\n          <button class=\"btn btn-link p-0\" [class.text-dark]=\"hasOwnArea\"(click)=\"hasOwnArea=true\" role=\"tab\" id=\"tab-draw\" aria-selected=\"false\" aria-controls=\"panel-draw\">\r\n            {{'OWN_AREA'|translate}}\r\n          </button>\r\n        </div>\r\n        <div class=\"mb-2\">\r\n          @if(hasOwnArea){\r\n          <div class=\"pt-1\" role=\"tabpanel\" id=\"area-draw\" aria-labelledby=\"tab-draw\">\r\n            <div>\r\n              <adb-polygon-drawer formControlName=\"geo\"></adb-polygon-drawer>\r\n            </div>\r\n          </div>\r\n          }@else{\r\n          <div role=\"tabpanel\" id=\"area-select\" aria-labelledby=\"tab-select\">\r\n            <div formArrayName=\"areas\">\r\n              <div class=\"d-flex align-items-end mb-1\">\r\n                <label>{{'AREAS'|translate}}</label>\r\n                <button class=\"ms-auto text-dark btn btn-sm btn-secondary\" attr.aria-label=\"{{'OBSERVATION.ADD_AREA'|translate}}\" title=\"{{'OBSERVATION.ADD_AREA'|translate}}\" type=\"button\" (click)=\"addArea()\">\r\n                  <span class=\"fas fa-plus\"></span>\r\n                </button>\r\n              </div>\r\n              @for (ctrl of areasArray.controls; track ctrl; let i = $index; let last = $last) {\r\n              <div class=\"d-flex mb-2\">\r\n                <adb-area-picker id=\"area-{{i}}\" [formControlName]=\"i\"></adb-area-picker>\r\n                @if(areasArray.length>1){\r\n                <button class=\"btn btn-secondary ms-1\" attr.aria-label=\"{{'DELETE'|translate}}\" title=\"{{'DELETE'|translate}}\" type=\"button\" (click)=\"removeArea(i)\">\r\n                  <span class=\"fas fa-trash\"></span>\r\n                </button>\r\n                }\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </adb-filter-section>\r\n    }\r\n    @if(form.get('taxonId')){\r\n    @if(filters.showRedList){\r\n    <adb-filter-section [count]=\"redListCount\" titleResource=\"REDLIST.REDLIST_2025\">\r\n      @if (form.get('rlc')) {\r\n      <div formArrayName=\"rlc\">\r\n        @for (item of rlcControls; track item; let i = $index) {\r\n        <div [formGroupName]=\"i\" class=\"form-check\">\r\n          <input type=\"checkbox\" formControlName=\"selected\" [id]=\"'rlc-' + item.value.id\" class=\"form-check-input\">\r\n          <label [for]=\"'rlc-' + item.value.id\" class=\"form-check-label\">{{ 'REDLIST_CATEGORIES_LIST_ID.'+item.value.id |translate }}</label>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    }\r\n    @if(filters.showRiskList){\r\n    <adb-filter-section [count]=\"riskListCount\" titleResource=\"ALIEN.ALIEN_SPECIES_SHORT\">\r\n      @if(form.get('rc')){\r\n      <div formArrayName=\"rc\">\r\n        @for ( item of rcControls; track item.id; let i = $index ) {\r\n        <div [formGroupName]=\"i\" class=\"form-check\">\r\n          <input type=\"checkbox\" formControlName=\"selected\" [id]=\"'rc-' + item.value.id\" class=\"form-check-input\">\r\n          <label [for]=\"'rc-' + item.value.id\" class=\"form-check-label\">{{ 'RISKLIST_CATEGORIES.'+item.value.id |translate }}</label>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    }\r\n    @if(filters.showTaxaLists){\r\n    <adb-filter-section [count]=\"taxonListCount\" titleResource=\"LISTS.NATURE_CONSERVATION_LISTS\">\r\n      <div class=\"mb-3\">\r\n        <app-treeview formControlName=\"tl\" [nodes]=\"taxaLists\"></app-treeview>\r\n      </div>\r\n      {{'LISTS.READ_MORE'|translate}}\r\n      <a [href]=\"artfakta\">{{'LISTS.LIST_CONTENT'|translate}}</a>\r\n    </adb-filter-section>\r\n    }\r\n    @if(filters.showDatasets){\r\n    <adb-filter-section [count]=\"dataSetCount\" titleResource=\"DATASET.DATASETS\">\r\n      @if (form.get('ds')) {\r\n      <div formArrayName=\"ds\">\r\n        @for (item of dsControls; track item; let i = $index) {\r\n        <div [formGroupName]=\"i\" class=\"form-check\">\r\n          <input type=\"checkbox\" formControlName=\"selected\" [id]=\"'ds-' + item.value.id\" class=\"form-check-input\">\r\n          <label [for]=\"'ds-' + item.value.id\" class=\"form-check-label\">{{ 'PROVIDERS.'+item.value.id |translate }}</label>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    }\r\n    }\r\n  </div>\r\n  <div class=\"d-flex justify-content-end gap-2\">\r\n    @if (inline) {\r\n    <a class=\"btn btn-secondary\" [routerLink]=\"[]\">\r\n      {{'CANCEL'|translate}}\r\n    </a>\r\n    }\r\n    <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"form.invalid||form.pristine\">{{'FILTER'|translate}}</button>\r\n  </div>\r\n</form>\r\n}\r\n", dependencies: [{ kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i4.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: AdbDatePickerDirective, selector: "input[adbDatepicker]", inputs: ["format", "toLeft", "settings"], outputs: ["adbBlur"] }, { kind: "component", type: FilterSectionComponent, selector: "adb-filter-section", inputs: ["titleResource", "helpResource", "count", "expanded", "lazy"] }, { kind: "component", type: AdbAreaPickerComponent, selector: "adb-area-picker", inputs: ["placeholder", "useObject", "prefill"] }, { kind: "component", type: AdbTaxonPickerComponent, selector: "adb-taxon-picker", inputs: ["placeholder", "useObject", "prefill"] }, { kind: "component", type: PolygonDrawerInput, selector: "adb-polygon-drawer" }, { kind: "component", type: TreeviewComponent, selector: "app-treeview", inputs: ["nodes"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbMapFilters, decorators: [{
+            type: Component,
+            args: [{ selector: 'adb-map-filters', standalone: false, template: "@if(form){\r\n<form [formGroup]=\"form\" class=\"form mb-3\" (ngSubmit)=\"onSubmit()\">\r\n  <div class=\"mb-3\">\r\n    <adb-filter-section titleResource=\"TAXON.SPECIES\" [expanded]=\"true\">\r\n      @if(filters.showTaxon&&!hasTaxonInUrlParameter){\r\n      <div class=\"mb-3\">\r\n        <label for=\"species\">{{'TAXON.SPECIES_SINGULAR'|translate}}</label>\r\n        <adb-taxon-picker formControlName=\"taxonId\" id=\"species\"></adb-taxon-picker>\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    @if(filters.showTime){\r\n    <adb-filter-section [count]=\"periodCount\" titleResource=\"OBSERVATION.PERIOD\">\r\n      <div class=\"mb-1\">\r\n        <select class=\"form-select\" formControlName=\"period\" id=\"period\">\r\n          <option value=\"1\">{{thisYear|date:'yyyy'}}</option>\r\n          <option value=\"2\">{{lastYear|date:'yyyy'}}</option>\r\n          <option value=\"3\">{{'OBSERVATION.ALL_YEAR'|translate}}</option>\r\n          <option value=\"4\">{{'OBSERVATION.LAST_5_YEAR'|translate}}</option>\r\n          <option value=\"5\">{{'OBSERVATION.LAST_25_YEAR'|translate}}</option>\r\n          <option value=\"6\">{{'OBSERVATION.CUSTOMIZED'|translate}}</option>\r\n        </select>\r\n      </div>\r\n      @if (form.value?.period==='6') {\r\n      <div class=\"mb-2\">\r\n        <label for=\"startAt\">{{'FROM' |translate}}</label>\r\n        <input adbDatepicker type=\"text\" class=\"form-control datepicker\" id=\"startAt\" formControlName=\"startAt\" [settings]=\"dateConfig\">\r\n      </div>\r\n      <div class=\"mb-2\">\r\n        <label for=\"endAt\">{{'TO' |translate}}</label>\r\n        <input adbDatepicker type=\"text\" class=\"form-control datepicker\" id=\"endAt\" formControlName=\"endAt\" [settings]=\"dateConfig\">\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    }\r\n    @if(filters.showArea){\r\n    <adb-filter-section [count]=\"areaCount\" titleResource=\"GEOGRAPHY\" [lazy]=\"true\">\r\n      <ng-template>\r\n        <div role=\"tablist\" aria-label=\"{{'AREA'|translate}}\" class=\"d-flex gap-2 justify-content-end\">\r\n          <button class=\"btn btn-link p-0\" [class.text-dark]=\"!hasOwnArea\" (click)=\"hasOwnArea=false\" role=\"tab\" id=\"tab-select\" aria-selected=\"{{!hasOwnArea}}\" aria-controls=\"panel-select\">\r\n            {{'CHOOSE'|translate}}\r\n          </button>\r\n          <button class=\"btn btn-link p-0\" [class.text-dark]=\"hasOwnArea\"(click)=\"hasOwnArea=true\" role=\"tab\" id=\"tab-draw\" aria-selected=\"false\" aria-controls=\"panel-draw\">\r\n            {{'OWN_AREA'|translate}}\r\n          </button>\r\n        </div>\r\n        <div class=\"mb-2\">\r\n          @if(hasOwnArea){\r\n          <div class=\"pt-1\" role=\"tabpanel\" id=\"area-draw\" aria-labelledby=\"tab-draw\">\r\n            <div>\r\n              <adb-polygon-drawer formControlName=\"geo\"></adb-polygon-drawer>\r\n            </div>\r\n          </div>\r\n          }@else{\r\n          <div role=\"tabpanel\" id=\"area-select\" aria-labelledby=\"tab-select\">\r\n            <div formArrayName=\"areas\">\r\n              <div class=\"d-flex align-items-end mb-1\">\r\n                <label>{{'AREAS'|translate}}</label>\r\n                <button class=\"ms-auto text-dark btn btn-sm btn-secondary\" attr.aria-label=\"{{'OBSERVATION.ADD_AREA'|translate}}\" title=\"{{'OBSERVATION.ADD_AREA'|translate}}\" type=\"button\" (click)=\"addArea()\">\r\n                  <span class=\"fas fa-plus\"></span>\r\n                </button>\r\n              </div>\r\n              @for (ctrl of areasArray.controls; track ctrl; let i = $index; let last = $last) {\r\n              <div class=\"d-flex mb-2\">\r\n                <adb-area-picker id=\"area-{{i}}\" [formControlName]=\"i\"></adb-area-picker>\r\n                @if(areasArray.length>1){\r\n                <button class=\"btn btn-secondary ms-1\" attr.aria-label=\"{{'DELETE'|translate}}\" title=\"{{'DELETE'|translate}}\" type=\"button\" (click)=\"removeArea(i)\">\r\n                  <span class=\"fas fa-trash\"></span>\r\n                </button>\r\n                }\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </adb-filter-section>\r\n    }\r\n    @if(form.get('taxonId')){\r\n    @if(filters.showRedList){\r\n    <adb-filter-section [count]=\"redListCount\" titleResource=\"REDLIST.REDLIST_2025\">\r\n      @if (form.get('rlc')) {\r\n      <div formArrayName=\"rlc\">\r\n        @for (item of rlcControls; track item; let i = $index) {\r\n        <div [formGroupName]=\"i\" class=\"form-check\">\r\n          <input type=\"checkbox\" formControlName=\"selected\" [id]=\"'rlc-' + item.value.id\" class=\"form-check-input\">\r\n          <label [for]=\"'rlc-' + item.value.id\" class=\"form-check-label\">{{ 'REDLIST_CATEGORIES_LIST_ID.'+item.value.id |translate }}</label>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    }\r\n    @if(filters.showRiskList){\r\n    <adb-filter-section [count]=\"riskListCount\" titleResource=\"ALIEN.ALIEN_SPECIES_SHORT\">\r\n      @if(form.get('rc')){\r\n      <div formArrayName=\"rc\">\r\n        @for ( item of rcControls; track item.id; let i = $index ) {\r\n        <div [formGroupName]=\"i\" class=\"form-check\">\r\n          <input type=\"checkbox\" formControlName=\"selected\" [id]=\"'rc-' + item.value.id\" class=\"form-check-input\">\r\n          <label [for]=\"'rc-' + item.value.id\" class=\"form-check-label\">{{ 'RISKLIST_CATEGORIES.'+item.value.id |translate }}</label>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    }\r\n    @if(filters.showTaxaLists){\r\n    <adb-filter-section [count]=\"taxonListCount\" titleResource=\"LISTS.NATURE_CONSERVATION_LISTS\">\r\n      <div class=\"mb-3\">\r\n        <app-treeview formControlName=\"tl\" [nodes]=\"taxaLists\"></app-treeview>\r\n      </div>\r\n      {{'LISTS.READ_MORE'|translate}}\r\n      <a [href]=\"artfakta\">{{'LISTS.LIST_CONTENT'|translate}}</a>\r\n    </adb-filter-section>\r\n    }\r\n    @if(filters.showDatasets){\r\n    <adb-filter-section [count]=\"dataSetCount\" titleResource=\"DATASET.DATASETS\">\r\n      @if (form.get('ds')) {\r\n      <div formArrayName=\"ds\">\r\n        @for (item of dsControls; track item; let i = $index) {\r\n        <div [formGroupName]=\"i\" class=\"form-check\">\r\n          <input type=\"checkbox\" formControlName=\"selected\" [id]=\"'ds-' + item.value.id\" class=\"form-check-input\">\r\n          <label [for]=\"'ds-' + item.value.id\" class=\"form-check-label\">{{ 'PROVIDERS.'+item.value.id |translate }}</label>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </adb-filter-section>\r\n    }\r\n    }\r\n  </div>\r\n  <div class=\"d-flex justify-content-end gap-2\">\r\n    @if (inline) {\r\n    <a class=\"btn btn-secondary\" [routerLink]=\"[]\">\r\n      {{'CANCEL'|translate}}\r\n    </a>\r\n    }\r\n    <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"form.invalid||form.pristine\">{{'FILTER'|translate}}</button>\r\n  </div>\r\n</form>\r\n}\r\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: AdbMapConfigService }, { type: i1$2.HttpClient }, { type: i1.Router }, { type: i1.ActivatedRoute }], propDecorators: { inline: [{
+                type: Input
+            }] } });
+
+class AdbMapModule {
+    static forRoot(config) {
+        return {
+            ngModule: AdbMapModule,
+            providers: [
+                {
+                    provide: ADB_MAP_CONFIG,
+                    useValue: config
+                }
+            ]
+        };
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: AdbMapModule, declarations: [AdbObsMapComponent,
+            PolygonDrawerInput,
+            AdbMapFilters,
+            TreeviewComponent], imports: [CommonModule,
+            FormsModule,
+            RouterModule,
+            ReactiveFormsModule,
+            AdbDatePickerModule, i1$1.TranslateModule, AdbPipesModule,
+            AdbFilterSectionModule,
+            AdbPickerModule], exports: [AdbObsMapComponent,
+            PolygonDrawerInput,
+            AdbMapFilters] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbMapModule, providers: [
+            AdbMapConfigService
+        ], imports: [CommonModule,
+            FormsModule,
+            RouterModule,
+            ReactiveFormsModule,
+            AdbDatePickerModule,
+            TranslateModule.forChild(),
+            AdbPipesModule,
+            AdbFilterSectionModule,
+            AdbPickerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbMapModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        RouterModule,
+                        ReactiveFormsModule,
+                        AdbDatePickerModule,
+                        TranslateModule.forChild(),
+                        AdbPipesModule,
+                        AdbFilterSectionModule,
+                        AdbPickerModule
+                    ],
+                    declarations: [
+                        AdbObsMapComponent,
+                        PolygonDrawerInput,
+                        AdbMapFilters,
+                        TreeviewComponent,
+                        // Stats,
+                        // AdbGeojsonPolygonDirective
+                    ],
+                    exports: [
+                        AdbObsMapComponent,
+                        PolygonDrawerInput,
+                        AdbMapFilters,
+                        // Stats,
+                        // AdbGeojsonPolygonDirective
+                    ],
+                    providers: [
+                        AdbMapConfigService
+                    ]
+                }]
+        }] });
+
 /*
  * Public API Surface of artdata-shared
  */
@@ -2759,5 +3625,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADB_PICKER_CONFIG, ADB_USER_SERVICE_CONFIG, AdbAreaPickerComponent, AdbButtonsModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdown2Directive, AdbDropdownDirective, AdbDropdownModule, AdbFilterSectionModule, AdbHelpButtonComponent, AdbModalModule, AdbModalService, AdbPagersModule, AdbPickerConfigService, AdbPickerModule, AdbPipesModule, AdbRichEditorComponent, AdbRichEditorModule, AdbTaxonPickerComponent, AdbToast, AdbToastModule, AdbToastService, AdbUserInterceptor, AdbUserModule, AdbUserService, ArtportalenFooterComponent, ArtportalenNavComponent, ArtportalenNavModule, AuthCallbackComponent, ClickOutsideDirective, DEFAULT_ADB_USER_SERVICE_CONFIG, EmptyValuePipe, EnvironmentService, FileUploadDirective, FilterSectionComponent, FocusDirective, GenericPickerComponent, HighlightHtmlPipe, HighlightPipe, ImageLoaderDirective, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, PagerInlineComponent, RedListBadgeClassDirective, RichTextComponent, RiskClassDirective, RouterLinkActiveFragmentDirective, ToastType, UserModuleConstants };
+export { ADB_MAP_CONFIG, ADB_PICKER_CONFIG, ADB_USER_SERVICE_CONFIG, AdbAreaPickerComponent, AdbBaseMap, AdbButtonsModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdown2Directive, AdbDropdownDirective, AdbDropdownModule, AdbFilterSectionModule, AdbHelpButtonComponent, AdbMapConfigService, AdbMapFilterType, AdbMapFilters, AdbMapModule, AdbModalModule, AdbModalService, AdbObsMapComponent, AdbPagersModule, AdbPickerConfigService, AdbPickerModule, AdbPipesModule, AdbRichEditorComponent, AdbRichEditorModule, AdbTaxonPickerComponent, AdbToast, AdbToastModule, AdbToastService, AdbUserInterceptor, AdbUserModule, AdbUserService, ArtportalenFooterComponent, ArtportalenNavComponent, ArtportalenNavModule, AuthCallbackComponent, ClickOutsideDirective, DEFAULT_ADB_USER_SERVICE_CONFIG, EmptyValuePipe, EnvironmentService, FileUploadDirective, FilterSectionComponent, FocusDirective, GenericPickerComponent, HighlightHtmlPipe, HighlightPipe, ImageLoaderDirective, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, PagerInlineComponent, PolygonDrawerInput, RedListBadgeClassDirective, RichTextComponent, RiskClassDirective, RouterLinkActiveFragmentDirective, ToastType, UserModuleConstants, VisibleFilters };
 //# sourceMappingURL=adb-shared.mjs.map