adb-shared 6.2.2 → 6.2.4

package/fesm2022/adb-shared.mjs

@@ -8,7 +8,7 @@ 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, combineLatest, debounceTime as debounceTime$1, shareReplay } from 'rxjs';
+import { Subscription, Subject, of, BehaviorSubject, catchError, throwError, map as map$1, tap, combineLatest, debounceTime as debounceTime$1 } 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';
@@ -1780,46 +1780,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                 }]
         }] });
 
+const FORMAT_MARKERS = {
+    italic: ['*', '_'],
+    bold: ['**', '__']
+};
+const DEFAULT_MARKER = {
+    italic: '*',
+    bold: '**'
+};
 class AdbRichEditorComponent {
     constructor(el) {
         this.el = el;
+        this.text = '';
         this.hasTaxon = false;
         this.hasReference = false;
         this.rows = 3;
-        //ControlValueAccessor
+        // ---------------------------------------
+        // ControlValueAccessor
+        // ---------------------------------------
         this.onChange = () => { };
         this.onTouched = () => { };
     }
+    getTextarea() {
+        return this.el.nativeElement.querySelector('textarea');
+    }
     onDoubleClick() {
-        const textarea = this.el.nativeElement.querySelector('textarea');
-        const selectionStart = textarea.selectionStart;
-        let selectionEnd = textarea.selectionEnd;
-        while (selectionEnd > selectionStart && textarea.value[selectionEnd - 1] === ' ') {
-            selectionEnd--;
+        const textarea = this.getTextarea();
+        if (!textarea)
+            return;
+        const start = textarea.selectionStart;
+        let end = textarea.selectionEnd;
+        while (end > start && textarea.value[end - 1] === ' ') {
+            end--;
         }
-        textarea.setSelectionRange(selectionStart, selectionEnd);
+        textarea.setSelectionRange(start, end);
     }
     onItalicClick() {
-        this.applyFormatting('_');
+        this.applyFormatting('italic');
     }
     onBoldClick() {
-        this.applyFormatting('__');
-    }
-    applyFormatting(marker) {
-        const textarea = this.el.nativeElement.querySelector('textarea');
-        if (textarea) {
-            const selectionStart = textarea.selectionStart;
-            const selectionEnd = textarea.selectionEnd;
-            let currentValue = textarea.value;
-            let modifiedText = selectionStart !== selectionEnd
-                ? `${currentValue.substring(0, selectionStart)}${marker}${currentValue.substring(selectionStart, selectionEnd)}${marker}${currentValue.substring(selectionEnd)}`
-                : `${currentValue.substring(0, selectionStart)}${marker}${marker}${currentValue.substring(selectionStart)}`;
-            this.text = modifiedText;
-            textarea.value = modifiedText;
-            textarea.setSelectionRange(selectionStart !== selectionEnd ? selectionEnd + marker.length * 2 : selectionStart + marker.length, selectionStart !== selectionEnd ? selectionEnd + marker.length * 2 : selectionStart + marker.length);
-            this.onChange(this.text);
+        this.applyFormatting('bold');
+    }
+    applyFormatting(type) {
+        const textarea = this.getTextarea();
+        if (!textarea)
+            return;
+        const start = textarea.selectionStart;
+        const end = textarea.selectionEnd;
+        const value = textarea.value;
+        if (start === end) {
+            const marker = DEFAULT_MARKER[type];
+            const newValue = value.slice(0, start) +
+                marker +
+                marker +
+                value.slice(start);
+            this.updateValue(newValue);
+            const cursor = start + marker.length;
             textarea.focus();
+            textarea.setSelectionRange(cursor, cursor);
+            return;
         }
+        const existingMarker = this.findWrappingMarker(value, start, end, FORMAT_MARKERS[type]);
+        const marker = existingMarker ?? DEFAULT_MARKER[type];
+        const newValue = existingMarker
+            ? value.slice(0, start - marker.length) +
+                value.slice(start, end) +
+                value.slice(end + marker.length)
+            : value.slice(0, start) +
+                marker +
+                value.slice(start, end) +
+                marker +
+                value.slice(end);
+        this.updateValue(newValue);
+        const cursorStart = existingMarker
+            ? start - marker.length
+            : start + marker.length;
+        const cursorEnd = existingMarker
+            ? end - marker.length
+            : end + marker.length;
+        textarea.focus();
+        textarea.setSelectionRange(cursorStart, cursorEnd);
+    }
+    findWrappingMarker(value, start, end, markers) {
+        return (markers.find(marker => value.substring(start - marker.length, start) === marker &&
+            value.substring(end, end + marker.length) === marker) ?? null);
     }
     onTaxonClick() {
         this.replaceMarked('[Name](taxon:0)');
@@ -1828,34 +1872,33 @@ class AdbRichEditorComponent {
         this.replaceMarked('[Name](reference:0)');
     }
     replaceMarked(replaceTag) {
-        const textarea = this.el.nativeElement.querySelector('textarea');
-        if (textarea) {
-            const start = textarea.selectionStart;
-            const end = textarea.selectionEnd;
-            const originalText = textarea.value;
-            const charBefore = start > 0 ? originalText[start - 1] : '';
-            const charAfter = end < originalText.length ? originalText[end] : '';
-            const spaceBefore = charBefore && !/\s/.test(charBefore) ? ' ' : '';
-            const spaceAfter = charAfter && !/\s/.test(charAfter) ? ' ' : '';
-            const newText = originalText.slice(0, start) + spaceBefore + replaceTag + spaceAfter + originalText.slice(end);
-            this.text = newText;
-            this.onChange(this.text);
-            const nameStart = newText.indexOf('Name', start); // Find 'Name' starting from the previous selection start
-            if (nameStart !== -1) {
-                const nameEnd = nameStart + 'Name'.length;
-                // Use setTimeout to make sure the textarea is updated before selecting
-                setTimeout(() => {
-                    textarea.focus();
-                    textarea.setSelectionRange(nameStart, nameEnd); // Select the 'Name' string
-                }, 0);
-            }
-        }
-    }
-    onTextChange() {
-        this.onChange(this.text);
+        const textarea = this.getTextarea();
+        if (!textarea)
+            return;
+        const start = textarea.selectionStart;
+        const end = textarea.selectionEnd;
+        const value = textarea.value;
+        const before = start > 0 ? value[start - 1] : '';
+        const after = end < value.length ? value[end] : '';
+        const spaceBefore = before && !/\s/.test(before) ? ' ' : '';
+        const spaceAfter = after && !/\s/.test(after) ? ' ' : '';
+        const newValue = value.slice(0, start) +
+            spaceBefore +
+            replaceTag +
+            spaceAfter +
+            value.slice(end);
+        this.updateValue(newValue);
+        const nameStart = newValue.indexOf('Name', start);
+        if (nameStart === -1)
+            return;
+        const nameEnd = nameStart + 'Name'.length;
+        requestAnimationFrame(() => {
+            textarea.focus();
+            textarea.setSelectionRange(nameStart, nameEnd);
+        });
     }
     writeValue(value) {
-        this.text = value;
+        this.text = value ?? '';
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1864,21 +1907,35 @@ class AdbRichEditorComponent {
         this.onTouched = fn;
     }
     setDisabledState(isDisabled) {
+        // Intentionally left minimal
+        // Disabled state should be handled via template binding
     }
-    ngOnDestroy() {
+    onTextChange() {
+        this.onChange(this.text);
+    }
+    updateValue(value) {
+        this.text = value;
+        this.onChange(this.text);
     }
+    ngOnDestroy() { }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbRichEditorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @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)),
+    /** @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: 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"] }] }); }
+            }
+        ], 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,
-            args: [{ selector: 'adb-rich-editor', providers: [{
-                            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbRichEditorComponent)),
+            args: [{ selector: 'adb-rich-editor', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((() => AdbRichEditorComponent)),
                             multi: true
-                        }], standalone: false, 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" }]
+                        }
+                    ], standalone: false, 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" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hasTaxon: [{
                 type: Input
             }], hasReference: [{
@@ -1891,49 +1948,78 @@ const RICH_MODULE_CONFIG = new InjectionToken('richModule.config');
 
 class RichTextComponent {
     constructor(config) {
-        this.config = config;
         this.text = '';
         this.parts = [];
         this.taxonUrl = config.taxonUrl;
     }
     ngOnChanges() {
-        if (this.text) {
-            this.parts = this.parseCustomMarkdown(this.text);
-        }
+        this.parts = this.text
+            ? this.parseCustomMarkdown(this.text)
+            : [];
     }
     parseCustomMarkdown(input) {
         const parts = [];
-        const italicRegex = /_([^_]+)_/g;
-        const boldRegex = /__([^_]+)__/g;
+        const boldRegex = /(\*\*|__)(.+?)\1/g;
+        const italicRegex = /(\*|_)([^*_]+?)\1/g;
         const taxonRegex = /\[([^\]]+)\]\(taxon:([^)]+)\)/g;
         const termRegex = /\[([^\]]+)\]\(term:([^)]+)\)/g;
         const referenceRegex = /\[([^\]]+)\]\(reference:([^)]+)\)/g;
-        const combinedRegex = new RegExp(`${italicRegex.source}|${boldRegex.source}|${taxonRegex.source}|${termRegex.source}|${referenceRegex.source}`, 'g');
+        const combinedRegex = new RegExp([
+            boldRegex.source,
+            italicRegex.source,
+            taxonRegex.source,
+            termRegex.source,
+            referenceRegex.source
+        ].join('|'), 'g');
         let lastIndex = 0;
         let match;
         while ((match = combinedRegex.exec(input)) !== null) {
             if (match.index > lastIndex) {
-                parts.push({ type: 'text', content: input.slice(lastIndex, match.index) });
-            }
-            if (match[1]) {
-                parts.push({ type: 'italic', content: match[1] });
+                parts.push({
+                    type: 'text',
+                    content: input.slice(lastIndex, match.index)
+                });
             }
-            else if (match[2]) {
-                parts.push({ type: 'bold', content: match[2] });
+            if (match[2]) {
+                parts.push({
+                    type: 'bold',
+                    content: match[2]
+                });
             }
-            else if (match[3]) {
-                parts.push({ type: 'taxon', content: match[3], id: match[4] });
+            else if (match[4]) {
+                parts.push({
+                    type: 'italic',
+                    content: match[4]
+                });
             }
             else if (match[5]) {
-                parts.push({ type: 'term', content: match[5], id: match[6] });
+                parts.push({
+                    type: 'taxon',
+                    content: match[5],
+                    id: match[6]
+                });
             }
             else if (match[7]) {
-                parts.push({ type: 'reference', content: match[7], id: match[8] });
+                parts.push({
+                    type: 'term',
+                    content: match[7],
+                    id: match[8]
+                });
+            }
+            else if (match[9]) {
+                parts.push({
+                    type: 'reference',
+                    content: match[9],
+                    id: match[10]
+                });
             }
             lastIndex = combinedRegex.lastIndex;
         }
         if (lastIndex < input.length) {
-            parts.push({ type: 'text', content: input.slice(lastIndex) });
+            parts.push({
+                type: 'text',
+                content: input.slice(lastIndex)
+            });
         }
         return parts;
     }
@@ -2753,7 +2839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                 }]
         }] });
 
-class MapUtils {
+class AdbMapUtils {
     static { this.INITIAL_CENTER_LAT = 62; }
     static { this.INITIAL_CENTER_LNG = 17; }
     static { this.OverlayMaps = {
@@ -2850,13 +2936,13 @@ class MapUtils {
     }
     static addProviders(map) {
         const backgroundMaps = {};
-        for (const value of Object.values(MapUtils.Providers)) {
+        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);
         }
         map.addLayer(backgroundMaps['Open Streetmap']);
-        Leaflet.control.layers(backgroundMaps, MapUtils.OverlayMaps).addTo(map);
+        Leaflet.control.layers(backgroundMaps, AdbMapUtils.OverlayMaps).addTo(map);
     }
 }
 
@@ -2870,7 +2956,7 @@ class PolygonDrawerInput {
         this.onTouched = () => { };
     }
     ngAfterViewInit() {
-        this.map = MapUtils.createMap(this.mapId, {
+        this.map = AdbMapUtils.createMap(this.mapId, {
             zoom: true,
             scrollZoom: true,
             providers: true
@@ -2912,7 +2998,7 @@ class PolygonDrawerInput {
             this.map.fitBounds(this.shapeLayer.getBounds());
         }
         else {
-            this.map.setView([MapUtils.INITIAL_CENTER_LAT, MapUtils.INITIAL_CENTER_LNG], 5);
+            this.map.setView([AdbMapUtils.INITIAL_CENTER_LAT, AdbMapUtils.INITIAL_CENTER_LNG], 5);
         }
     }
     clearShape() {
@@ -2997,8 +3083,6 @@ class AdbMapConfigService {
             showTime: this.hasFilter(AdbMapFilterType.Time, config.filters),
             showArea: this.hasFilter(AdbMapFilterType.Area, config.filters),
             showOwnArea: this.hasFilter(AdbMapFilterType.OwnArea, 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),
         };
@@ -3119,7 +3203,7 @@ class AdbObsMapComponent {
         });
     }
     ngAfterViewInit() {
-        this.map = MapUtils.createMap(this.mapId, {
+        this.map = AdbMapUtils.createMap(this.mapId, {
             zoom: true,
             scrollZoom: true,
             providers: true
@@ -3159,7 +3243,6 @@ class AdbObsMapComponent {
         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.set(false);
@@ -3266,8 +3349,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
 
 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;
@@ -3284,7 +3365,7 @@ class AdbMapFilters {
         this.filters = config.filters;
     }
     ngOnInit() {
-        const lists$ = this.getLists();
+        const lists$ = this.http.get(this.config.taxaListsApi);
         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 => {
@@ -3343,16 +3424,8 @@ class AdbMapFilters {
         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.list?.length > 0) {
+            params.list = data.list;
         }
         if (data.ds?.length > 0) {
             const selected = data.ds.filter(f => f.selected).map(m => m.id);
@@ -3377,24 +3450,10 @@ class AdbMapFilters {
         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;
+            const selectedTaxonList = qMap.has('list') ? qMap.getAll('list').map(val => Number(val)).filter(val => !isNaN(val)) : null;
+            this.taxaLists = lists;
             this.taxonListCount = selectedTaxonList?.length;
-            form.addControl('tl', new FormControl(selectedTaxonList));
+            form.addControl('list', 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({
@@ -3420,33 +3479,15 @@ class AdbMapFilters {
         }
     }
     ;
-    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.TAXA\" [expanded]=\"true\">\r\n      @if(filters.showTaxon&&!hasTaxonInUrlParameter){\r\n      <div class=\"mb-3\">\r\n        <label for=\"species\">{{'TAXON.TAXON'|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        @if(filters.showOwnArea){\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        }\r\n        <div class=\"mb-2\">\r\n          @if(hasOwnArea&&filters.showOwnArea){\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}", 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" }] }); }
+    /** @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.TAXA\" [expanded]=\"true\">\r\n      @if(filters.showTaxon&&!hasTaxonInUrlParameter){\r\n      <div class=\"mb-3\">\r\n        <label for=\"species\">{{'TAXON.TAXON'|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        @if(filters.showOwnArea){\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        }\r\n        <div class=\"mb-2\">\r\n          @if(hasOwnArea&&filters.showOwnArea){\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.showTaxaLists){\r\n    <adb-filter-section [count]=\"taxonListCount\" titleResource=\"LISTS.NATURE_CONSERVATION_LISTS\">\r\n      <div class=\"mb-3\">\r\n        <app-treeview formControlName=\"list\" [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}", 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.TAXA\" [expanded]=\"true\">\r\n      @if(filters.showTaxon&&!hasTaxonInUrlParameter){\r\n      <div class=\"mb-3\">\r\n        <label for=\"species\">{{'TAXON.TAXON'|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        @if(filters.showOwnArea){\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        }\r\n        <div class=\"mb-2\">\r\n          @if(hasOwnArea&&filters.showOwnArea){\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}" }]
+            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.TAXA\" [expanded]=\"true\">\r\n      @if(filters.showTaxon&&!hasTaxonInUrlParameter){\r\n      <div class=\"mb-3\">\r\n        <label for=\"species\">{{'TAXON.TAXON'|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        @if(filters.showOwnArea){\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        }\r\n        <div class=\"mb-2\">\r\n          @if(hasOwnArea&&filters.showOwnArea){\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.showTaxaLists){\r\n    <adb-filter-section [count]=\"taxonListCount\" titleResource=\"LISTS.NATURE_CONSERVATION_LISTS\">\r\n      <div class=\"mb-3\">\r\n        <app-treeview formControlName=\"list\" [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}" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: AdbMapConfigService }, { type: i1$2.HttpClient }, { type: i1.Router }, { type: i1.ActivatedRoute }], propDecorators: { inline: [{
                 type: Input
             }] } });
@@ -3531,5 +3572,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADB_MAP_CONFIG, ADB_PICKER_CONFIG, ADB_USER_SERVICE_CONFIG, AdbAreaPickerComponent, 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 };
+export { ADB_MAP_CONFIG, ADB_PICKER_CONFIG, ADB_USER_SERVICE_CONFIG, AdbAreaPickerComponent, AdbButtonsModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdown2Directive, AdbDropdownDirective, AdbDropdownModule, AdbFilterSectionModule, AdbHelpButtonComponent, AdbMapConfigService, AdbMapFilterType, AdbMapFilters, AdbMapModule, AdbMapUtils, 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