adb-shared 6.2.20 → 6.2.21

package/fesm2022/adb-shared.mjs

@@ -1,30 +1,28 @@
 import * as i1$3 from '@angular/common';
 import { CommonModule, DatePipe, formatDate } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Inject, Injectable, EventEmitter, HostListener, Output, Directive, Input, HostBinding, NgModule, Component, Pipe, forwardRef, InjectionToken, TemplateRef, ContentChild, signal, effect } from '@angular/core';
+import { Inject, Injectable, EventEmitter, HostListener, Output, Directive, Input, HostBinding, NgModule, Component, Pipe, forwardRef, InjectionToken, TemplateRef, ContentChild, signal } from '@angular/core';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 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 } 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, 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, finalize } from 'rxjs/operators';
-import * as Leaflet from 'leaflet';
-import Leaflet__default from 'leaflet';
-import '@geoman-io/leaflet-geoman-free';
+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 { delay, debounceTime, switchMap, map, catchError as catchError$1 } from 'rxjs/operators';
 
 class EnvironmentService {
+    environment;
     constructor(environment) {
         this.environment = environment;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EnvironmentService, deps: [{ token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EnvironmentService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EnvironmentService, deps: [{ token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EnvironmentService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EnvironmentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EnvironmentService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -33,9 +31,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 }] }] });
 
 class ClickOutsideDirective {
+    elementRef;
+    adbClickOutside = new EventEmitter();
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.adbClickOutside = new EventEmitter();
     }
     onClick(target) {
         const clickedInside = this.elementRef.nativeElement.contains(target);
@@ -43,10 +42,10 @@ class ClickOutsideDirective {
             this.adbClickOutside.emit(target);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: ClickOutsideDirective, isStandalone: false, selector: "[adbClickOutside]", outputs: { adbClickOutside: "adbClickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ClickOutsideDirective, isStandalone: false, selector: "[adbClickOutside]", outputs: { adbClickOutside: "adbClickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[adbClickOutside]',
@@ -60,10 +59,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class FileUploadDirective {
+    el;
+    upload = new EventEmitter();
+    click = new EventEmitter();
     constructor(el) {
         this.el = el;
-        this.upload = new EventEmitter();
-        this.click = new EventEmitter();
     }
     onBeginUpload(target) {
         if (target) {
@@ -78,10 +78,10 @@ class FileUploadDirective {
             this.click.emit(target);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FileUploadDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: FileUploadDirective, isStandalone: false, selector: "input[adbFileUpload]", outputs: { upload: "upload" }, host: { listeners: { "change": "onBeginUpload($event.target)", "click": "onClick($event.target)" } }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FileUploadDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: FileUploadDirective, isStandalone: false, selector: "input[adbFileUpload]", outputs: { upload: "upload" }, host: { listeners: { "change": "onBeginUpload($event.target)", "click": "onClick($event.target)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FileUploadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FileUploadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[adbFileUpload]',
@@ -96,6 +96,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 /* eslint-disable @angular-eslint/directive-selector */
 class FocusDirective {
+    element;
+    focused;
     set adbFocus(value) {
         this.focused = value;
         if (this.focused) {
@@ -114,10 +116,10 @@ class FocusDirective {
             setTimeout(() => this.element.nativeElement.focus(), 0);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: FocusDirective, isStandalone: false, selector: "[adbFocus]", inputs: { adbFocus: "adbFocus" }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: FocusDirective, isStandalone: false, selector: "[adbFocus]", inputs: { adbFocus: "adbFocus" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[adbFocus]',
@@ -128,6 +130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class RedListBadgeClassDirective {
+    redlistId;
     get hostClasses() {
         this.redlistId = this.redlistId ? this.redlistId.replace('°', '') : '';
         if (this.redlistId === 'EX' || this.redlistId === 'RE') {
@@ -153,10 +156,10 @@ class RedListBadgeClassDirective {
         }
         return 'bg-redlist-lc border';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RedListBadgeClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: RedListBadgeClassDirective, isStandalone: false, selector: "[adbRedListBadgeClass]", inputs: { redlistId: ["adbRedListBadgeClass", "redlistId"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RedListBadgeClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: RedListBadgeClassDirective, isStandalone: false, selector: "[adbRedListBadgeClass]", inputs: { redlistId: ["adbRedListBadgeClass", "redlistId"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RedListBadgeClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RedListBadgeClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[adbRedListBadgeClass]',
@@ -171,6 +174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class RiskClassDirective {
+    category;
     get hostClasses() {
         if (this.category === 'NK') {
             return 'bg-risk-class-nk text-dark border';
@@ -189,10 +193,10 @@ class RiskClassDirective {
         }
         return 'text-dark';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RiskClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: RiskClassDirective, isStandalone: false, selector: "[adbRiskClass]", inputs: { category: ["adbRiskClass", "category"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RiskClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: RiskClassDirective, isStandalone: false, selector: "[adbRiskClass]", inputs: { category: ["adbRiskClass", "category"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RiskClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RiskClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[adbRiskClass]',
@@ -207,12 +211,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class RouterLinkActiveFragmentDirective {
+    router;
+    el;
+    renderer;
+    activeClass = 'active';
+    fragment = null;
+    sub;
     constructor(router, el, renderer) {
         this.router = router;
         this.el = el;
         this.renderer = renderer;
-        this.activeClass = 'active';
-        this.fragment = null;
     }
     ngOnInit() {
         this.updateActiveState();
@@ -244,10 +252,10 @@ class RouterLinkActiveFragmentDirective {
             this.sub.unsubscribe();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RouterLinkActiveFragmentDirective, deps: [{ token: i1.Router }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: RouterLinkActiveFragmentDirective, isStandalone: false, selector: "[adbActiveFragment]", inputs: { activeClass: ["adbActiveFragment", "activeClass"], fragment: "fragment" }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RouterLinkActiveFragmentDirective, deps: [{ token: i1.Router }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: RouterLinkActiveFragmentDirective, isStandalone: false, selector: "[adbActiveFragment]", inputs: { activeClass: ["adbActiveFragment", "activeClass"], fragment: "fragment" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RouterLinkActiveFragmentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RouterLinkActiveFragmentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[adbActiveFragment]',
@@ -261,17 +269,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class ImageLoaderDirective {
+    el;
+    renderer;
+    translate;
+    _fallbackKey = 'IMAGE_MISSING';
     set fallbackKey(value) {
         this._fallbackKey = value && value.trim() ? value : 'IMAGE_MISSING';
     }
     get fallbackKey() {
         return this._fallbackKey;
     }
+    translationSub;
+    spinnerElement;
     constructor(el, renderer, translate) {
         this.el = el;
         this.renderer = renderer;
         this.translate = translate;
-        this._fallbackKey = 'IMAGE_MISSING';
         this.showSpinner();
     }
     showSpinner() {
@@ -313,10 +326,10 @@ class ImageLoaderDirective {
         this.translationSub?.unsubscribe();
         this.hideSpinner();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ImageLoaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: ImageLoaderDirective, isStandalone: false, selector: "img[adbImageLoader]", inputs: { fallbackKey: ["adbImageLoader", "fallbackKey"] }, host: { listeners: { "load": "onLoad()", "error": "onError()" } }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ImageLoaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ImageLoaderDirective, isStandalone: false, selector: "img[adbImageLoader]", inputs: { fallbackKey: ["adbImageLoader", "fallbackKey"] }, host: { listeners: { "load": "onLoad()", "error": "onError()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ImageLoaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ImageLoaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[adbImageLoader]',
@@ -334,11 +347,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbDirectivesModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbDirectivesModule, declarations: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective, RiskClassDirective, ImageLoaderDirective, RouterLinkActiveFragmentDirective], exports: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective, RiskClassDirective, ImageLoaderDirective, RouterLinkActiveFragmentDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDirectivesModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbDirectivesModule, declarations: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective, RiskClassDirective, ImageLoaderDirective, RouterLinkActiveFragmentDirective], exports: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective, RiskClassDirective, ImageLoaderDirective, RouterLinkActiveFragmentDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDirectivesModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDirectivesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDirectivesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -348,27 +361,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class ArtportalenNavComponent {
+    httpClient;
+    router;
+    trans;
+    envService;
+    subscription = new Subscription();
+    loginClicked = new EventEmitter();
+    logoutClicked = new EventEmitter();
+    dropMenuChange = new EventEmitter();
+    showPattern = false;
+    fullName;
+    translationFinished = false;
+    lastPosition = 0;
     set userName(fullName) {
         this.fullName = fullName;
     }
     ;
+    navigation;
+    url;
+    showNavMenu = false;
+    showUserMenu = false;
+    showReport = true;
+    showObservations = true;
+    showSubs = false;
     constructor(httpClient, router, trans, envService) {
         this.httpClient = httpClient;
         this.router = router;
         this.trans = trans;
         this.envService = envService;
-        this.subscription = new Subscription();
-        this.loginClicked = new EventEmitter();
-        this.logoutClicked = new EventEmitter();
-        this.dropMenuChange = new EventEmitter();
-        this.showPattern = false;
-        this.translationFinished = false;
-        this.lastPosition = 0;
-        this.showNavMenu = false;
-        this.showUserMenu = false;
-        this.showReport = true;
-        this.showObservations = true;
-        this.showSubs = false;
     }
     ngOnInit() {
         this.url = window.location.href;
@@ -429,10 +449,10 @@ class ArtportalenNavComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ArtportalenNavComponent, deps: [{ token: i1$2.HttpClient }, { token: i1.Router }, { token: i1$1.TranslateService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ArtportalenNavComponent, isStandalone: false, selector: "adb-artportalen-nav", inputs: { showPattern: "showPattern", userName: "userName" }, outputs: { loginClicked: "loginClicked", logoutClicked: "logoutClicked", dropMenuChange: "dropMenuChange" }, ngImport: i0, template: "<div class=\"bg-primary adb-main-header position-static\" (adbClickOutside)=\"showMenuDropdown(false);\">\r\n  @if (translationFinished) {\r\n    <header class=\"container-lg px-0\">\r\n      <div [attr.id]=\"showPattern?'banner':''\" class=\"px-1 d-flex flex-wrap align-items-center gap-2\">\r\n        <nav class=\"d-flex flex-grow-1 align-items-center pe-2 py-2 gap-2\">\r\n          <a class=\"d-flex text-white text-decoration-none d-flex gap-2\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n            <img style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n            <div class=\"border-end d-none d-sm-block\"></div>\r\n            <img class=\"d-none d-sm-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n          </a>\r\n          <a [href]=\"navigation?.home\" class=\"text-white text-decoration-none fs-1 fw-bold\">{{'HEADER.TITLE'|translate}}</a>\r\n        </nav>\r\n        <div class=\"ms-auto d-flex align-items-center gap-2\">\r\n          <div><ng-content></ng-content></div>\r\n          <div>\r\n            <button class=\"d-none d-md-block btn btn-primary-dark btn-lg\" type=\"button\"\r\n              title=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n              attr.aria-label=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n              (click)=\"onUserClick()\">\r\n              <small>{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}</small>\r\n            </button>\r\n          </div>\r\n          <div>\r\n            <button class=\"btn btn-primary-dark btn-lg\" type=\"button\" title=\"{{'HEADER.MENY'|translate}}\" attr.aria-label=\"{{'HEADER.MENY'|translate}}\" (click)=\"showMenuDropdown(!showNavMenu)\">\r\n              <i class=\"fas fa-bars\"></i>\r\n              <small class=\"ms-2 d-none d-md-inline-block\">{{'HEADER.MENY'|translate}}</small>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex justify-content-center d-md-none p-2 border-dark border-top\">\r\n        <button class=\"btn btn-primary-dark btn-lg\" type=\"button\"\r\n          title=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n          attr.aria-label=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\" (click)=\"onUserClick()\">\r\n          <small>{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}</small>\r\n        </button>\r\n      </div>\r\n    </header>\r\n  }\r\n  @if (navigation) {\r\n    <div role=\"dialog\" class=\"offcanvas offcanvas-end bg-primary text-white\" [class.show]=\"showNavMenu\" tabindex=\"-1\" aria-labelledby=\"offcanvasNav\">\r\n      <div class=\"offcanvas-header\">\r\n        <h1 class=\"offcanvas-title h-section mb-0\" id=\"offcanvasNav\"><a [href]=\"navigation.home\" class=\"text-white text-decoration-none\">{{'HEADER.TITLE'|translate}}</a></h1>\r\n        <button type=\"button\" class=\"btn-close btn-close-white\" attr.aria-label=\"{{'CLOSE'|translate}}\" (click)=\"showMenuDropdown(false)\"></button>\r\n      </div>\r\n      <div class=\"offcanvas-body d-flex flex-column p-0\">\r\n        <div class=\"px-3\">\r\n          <div class=\"d-flex flex-wrap justify-content-between align-items-center mb-2 gap-1 px-2\">\r\n            @if (fullName) {\r\n              <div>\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-primary-dark\">\r\n                  {{'HEADER.LOGOUT'|translate}}\r\n                </button>\r\n              </div>\r\n              <div>{{fullName}}</div>\r\n            }\r\n            @if (!fullName) {\r\n              <div class=\"text-center\">\r\n                <button type=\"button\" class=\"btn btn-primary-dark\" (click)=\"login()\" id=\"start-login\">{{'HEADER.LOGIN'|translate}}</button>\r\n              </div>\r\n              @if (navigation) {\r\n                <a class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                  {{'HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n              }\r\n            }\r\n          </div>\r\n          <ul class=\"list-group list-group-flush border-top\">\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showReport?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <a class=\"py-1 text-white flex-grow-1\" href=\"{{navigation.report.url}}\">\r\n                  {{navigation.report.transId|translate}}\r\n                </a>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showReport = !showReport\" attr.aria-controls=\"report-links\" attr.aria-expanded=\"{{showReport}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showReport?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showReport) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"report-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <div class=\"d-flex\">\r\n                      <a href=\"{{navigation.checklist.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.checklist.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                  <a class=\"d-block py-1 text-white\" href=\"{{navigation.report.url}}\">\r\n                    {{'HEADER.REPORT'|translate}}\r\n                  </a>\r\n                  <li class=\"d-block py-1\">\r\n                    <div class=\"d-flex \">\r\n                      <a href=\"{{navigation.wanted.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.wanted.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showObservations?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <a class=\"py-1 text-white flex-grow-1\" href=\"{{navigation.observations.url}}\">\r\n                  {{navigation.observations.transId|translate}}\r\n                </a>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showObservations = !showObservations\" attr.aria-controls=\"observations-links\" attr.aria-expanded=\"{{showObservations}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showObservations?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showObservations) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"observations-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.observations.url}}\">\r\n                      {{'HEADER.TODAYS_OBSERVATIONS'|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-0\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.fieldDiary.url}}\">\r\n                      {{'HEADER.FIELD_DIARY'|translate}}\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showSubs?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <button class=\"btn btn-link p-0 text-white w-100 text-start\" (click)=\"showSubs = !showSubs\">\r\n                  {{navigation.subcriptions.transId|translate}}\r\n                </button>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showSubs = !showSubs\" attr.aria-controls=\"subs-links\" attr.aria-expanded=\"{{showSubs}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showSubs?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showSubs) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"subs-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.subcriptions.url}}\">\r\n                      {{'HEADER.MY_SUBSCRIPTIONS'|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"py-1\">\r\n                    <div class=\"d-flex\">\r\n                      <a href=\"{{navigation.events.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.events.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block py-1 text-white\" href=\"{{navigation.fyndregler.url}}\">\r\n                {{navigation.fyndregler.transId|translate}}\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block fw-bold py-1 text-white\" [href]=\"navigation.artportalenUrl\">\r\n                Artportalen.se\r\n                <i class=\"fas fa-external-link\"></i>\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block fw-bold py-1 text-white\" [href]=\"navigation.artfaktaUrl\">\r\n                {{'HEADER.ARTFAKTA'|translate}}\r\n                <i class=\"fas fa-external-link\"></i>\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <small class=\"d-block text-white pt-1\">\r\n                {{'HEADER.DEVELOPED_BY'|translate}}\r\n                <a href=\"https://www.artdatabanken.se/\" class=\"text-white\">\r\n                  {{'HEADER.ARTDATABANKEN'|translate}}\r\n                  <span class=\"fas fa-external-link\"></span>\r\n                </a>\r\n              </small>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div id=\"pattern\" class=\"flex-grow-1\"> </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ArtportalenNavComponent, deps: [{ token: i1$2.HttpClient }, { token: i1.Router }, { token: i1$1.TranslateService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ArtportalenNavComponent, isStandalone: false, selector: "adb-artportalen-nav", inputs: { showPattern: "showPattern", userName: "userName" }, outputs: { loginClicked: "loginClicked", logoutClicked: "logoutClicked", dropMenuChange: "dropMenuChange" }, ngImport: i0, template: "<div class=\"bg-primary adb-main-header position-static\" (adbClickOutside)=\"showMenuDropdown(false);\">\r\n  @if (translationFinished) {\r\n    <header class=\"container-lg px-0\">\r\n      <div [attr.id]=\"showPattern?'banner':''\" class=\"px-1 d-flex flex-wrap align-items-center gap-2\">\r\n        <nav class=\"d-flex flex-grow-1 align-items-center pe-2 py-2 gap-2\">\r\n          <a class=\"d-flex text-white text-decoration-none d-flex gap-2\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n            <img style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n            <div class=\"border-end d-none d-sm-block\"></div>\r\n            <img class=\"d-none d-sm-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n          </a>\r\n          <a [href]=\"navigation?.home\" class=\"text-white text-decoration-none fs-1 fw-bold\">{{'HEADER.TITLE'|translate}}</a>\r\n        </nav>\r\n        <div class=\"ms-auto d-flex align-items-center gap-2\">\r\n          <div><ng-content></ng-content></div>\r\n          <div>\r\n            <button class=\"d-none d-md-block btn btn-primary-dark btn-lg\" type=\"button\"\r\n              title=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n              attr.aria-label=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n              (click)=\"onUserClick()\">\r\n              <small>{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}</small>\r\n            </button>\r\n          </div>\r\n          <div>\r\n            <button class=\"btn btn-primary-dark btn-lg\" type=\"button\" title=\"{{'HEADER.MENY'|translate}}\" attr.aria-label=\"{{'HEADER.MENY'|translate}}\" (click)=\"showMenuDropdown(!showNavMenu)\">\r\n              <i class=\"fas fa-bars\"></i>\r\n              <small class=\"ms-2 d-none d-md-inline-block\">{{'HEADER.MENY'|translate}}</small>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex justify-content-center d-md-none p-2 border-dark border-top\">\r\n        <button class=\"btn btn-primary-dark btn-lg\" type=\"button\"\r\n          title=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n          attr.aria-label=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\" (click)=\"onUserClick()\">\r\n          <small>{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}</small>\r\n        </button>\r\n      </div>\r\n    </header>\r\n  }\r\n  @if (navigation) {\r\n    <div role=\"dialog\" class=\"offcanvas offcanvas-end bg-primary text-white\" [class.show]=\"showNavMenu\" tabindex=\"-1\" aria-labelledby=\"offcanvasNav\">\r\n      <div class=\"offcanvas-header\">\r\n        <h1 class=\"offcanvas-title h-section mb-0\" id=\"offcanvasNav\"><a [href]=\"navigation.home\" class=\"text-white text-decoration-none\">{{'HEADER.TITLE'|translate}}</a></h1>\r\n        <button type=\"button\" class=\"btn-close btn-close-white\" attr.aria-label=\"{{'CLOSE'|translate}}\" (click)=\"showMenuDropdown(false)\"></button>\r\n      </div>\r\n      <div class=\"offcanvas-body d-flex flex-column p-0\">\r\n        <div class=\"px-3\">\r\n          <div class=\"d-flex flex-wrap justify-content-between align-items-center mb-2 gap-1 px-2\">\r\n            @if (fullName) {\r\n              <div>\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-primary-dark\">\r\n                  {{'HEADER.LOGOUT'|translate}}\r\n                </button>\r\n              </div>\r\n              <div>{{fullName}}</div>\r\n            }\r\n            @if (!fullName) {\r\n              <div class=\"text-center\">\r\n                <button type=\"button\" class=\"btn btn-primary-dark\" (click)=\"login()\" id=\"start-login\">{{'HEADER.LOGIN'|translate}}</button>\r\n              </div>\r\n              @if (navigation) {\r\n                <a class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                  {{'HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n              }\r\n            }\r\n          </div>\r\n          <ul class=\"list-group list-group-flush border-top\">\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showReport?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <a class=\"py-1 text-white flex-grow-1\" href=\"{{navigation.report.url}}\">\r\n                  {{navigation.report.transId|translate}}\r\n                </a>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showReport = !showReport\" attr.aria-controls=\"report-links\" attr.aria-expanded=\"{{showReport}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showReport?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showReport) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"report-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <div class=\"d-flex\">\r\n                      <a href=\"{{navigation.checklist.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.checklist.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                  <a class=\"d-block py-1 text-white\" href=\"{{navigation.report.url}}\">\r\n                    {{'HEADER.REPORT'|translate}}\r\n                  </a>\r\n                  <li class=\"d-block py-1\">\r\n                    <div class=\"d-flex \">\r\n                      <a href=\"{{navigation.wanted.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.wanted.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showObservations?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <a class=\"py-1 text-white flex-grow-1\" href=\"{{navigation.observations.url}}\">\r\n                  {{navigation.observations.transId|translate}}\r\n                </a>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showObservations = !showObservations\" attr.aria-controls=\"observations-links\" attr.aria-expanded=\"{{showObservations}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showObservations?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showObservations) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"observations-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.observations.url}}\">\r\n                      {{'HEADER.TODAYS_OBSERVATIONS'|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-0\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.fieldDiary.url}}\">\r\n                      {{'HEADER.FIELD_DIARY'|translate}}\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showSubs?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <button class=\"btn btn-link p-0 text-white w-100 text-start\" (click)=\"showSubs = !showSubs\">\r\n                  {{navigation.subcriptions.transId|translate}}\r\n                </button>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showSubs = !showSubs\" attr.aria-controls=\"subs-links\" attr.aria-expanded=\"{{showSubs}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showSubs?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showSubs) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"subs-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.subcriptions.url}}\">\r\n                      {{'HEADER.MY_SUBSCRIPTIONS'|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"py-1\">\r\n                    <div class=\"d-flex\">\r\n                      <a href=\"{{navigation.events.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.events.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block py-1 text-white\" href=\"{{navigation.fyndregler.url}}\">\r\n                {{navigation.fyndregler.transId|translate}}\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block fw-bold py-1 text-white\" [href]=\"navigation.artportalenUrl\">\r\n                Artportalen.se\r\n                <i class=\"fas fa-external-link\"></i>\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block fw-bold py-1 text-white\" [href]=\"navigation.artfaktaUrl\">\r\n                {{'HEADER.ARTFAKTA'|translate}}\r\n                <i class=\"fas fa-external-link\"></i>\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <small class=\"d-block text-white pt-1\">\r\n                {{'HEADER.DEVELOPED_BY'|translate}}\r\n                <a href=\"https://www.artdatabanken.se/\" class=\"text-white\">\r\n                  {{'HEADER.ARTDATABANKEN'|translate}}\r\n                  <span class=\"fas fa-external-link\"></span>\r\n                </a>\r\n              </small>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div id=\"pattern\" class=\"flex-grow-1\"> </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ArtportalenNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ArtportalenNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-artportalen-nav', standalone: false, template: "<div class=\"bg-primary adb-main-header position-static\" (adbClickOutside)=\"showMenuDropdown(false);\">\r\n  @if (translationFinished) {\r\n    <header class=\"container-lg px-0\">\r\n      <div [attr.id]=\"showPattern?'banner':''\" class=\"px-1 d-flex flex-wrap align-items-center gap-2\">\r\n        <nav class=\"d-flex flex-grow-1 align-items-center pe-2 py-2 gap-2\">\r\n          <a class=\"d-flex text-white text-decoration-none d-flex gap-2\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n            <img style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n            <div class=\"border-end d-none d-sm-block\"></div>\r\n            <img class=\"d-none d-sm-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n          </a>\r\n          <a [href]=\"navigation?.home\" class=\"text-white text-decoration-none fs-1 fw-bold\">{{'HEADER.TITLE'|translate}}</a>\r\n        </nav>\r\n        <div class=\"ms-auto d-flex align-items-center gap-2\">\r\n          <div><ng-content></ng-content></div>\r\n          <div>\r\n            <button class=\"d-none d-md-block btn btn-primary-dark btn-lg\" type=\"button\"\r\n              title=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n              attr.aria-label=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n              (click)=\"onUserClick()\">\r\n              <small>{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}</small>\r\n            </button>\r\n          </div>\r\n          <div>\r\n            <button class=\"btn btn-primary-dark btn-lg\" type=\"button\" title=\"{{'HEADER.MENY'|translate}}\" attr.aria-label=\"{{'HEADER.MENY'|translate}}\" (click)=\"showMenuDropdown(!showNavMenu)\">\r\n              <i class=\"fas fa-bars\"></i>\r\n              <small class=\"ms-2 d-none d-md-inline-block\">{{'HEADER.MENY'|translate}}</small>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex justify-content-center d-md-none p-2 border-dark border-top\">\r\n        <button class=\"btn btn-primary-dark btn-lg\" type=\"button\"\r\n          title=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\"\r\n          attr.aria-label=\"{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}\" (click)=\"onUserClick()\">\r\n          <small>{{(!fullName ? 'HEADER.LOGIN' : 'HEADER.LOGOUT')|translate}}</small>\r\n        </button>\r\n      </div>\r\n    </header>\r\n  }\r\n  @if (navigation) {\r\n    <div role=\"dialog\" class=\"offcanvas offcanvas-end bg-primary text-white\" [class.show]=\"showNavMenu\" tabindex=\"-1\" aria-labelledby=\"offcanvasNav\">\r\n      <div class=\"offcanvas-header\">\r\n        <h1 class=\"offcanvas-title h-section mb-0\" id=\"offcanvasNav\"><a [href]=\"navigation.home\" class=\"text-white text-decoration-none\">{{'HEADER.TITLE'|translate}}</a></h1>\r\n        <button type=\"button\" class=\"btn-close btn-close-white\" attr.aria-label=\"{{'CLOSE'|translate}}\" (click)=\"showMenuDropdown(false)\"></button>\r\n      </div>\r\n      <div class=\"offcanvas-body d-flex flex-column p-0\">\r\n        <div class=\"px-3\">\r\n          <div class=\"d-flex flex-wrap justify-content-between align-items-center mb-2 gap-1 px-2\">\r\n            @if (fullName) {\r\n              <div>\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-primary-dark\">\r\n                  {{'HEADER.LOGOUT'|translate}}\r\n                </button>\r\n              </div>\r\n              <div>{{fullName}}</div>\r\n            }\r\n            @if (!fullName) {\r\n              <div class=\"text-center\">\r\n                <button type=\"button\" class=\"btn btn-primary-dark\" (click)=\"login()\" id=\"start-login\">{{'HEADER.LOGIN'|translate}}</button>\r\n              </div>\r\n              @if (navigation) {\r\n                <a class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                  {{'HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n              }\r\n            }\r\n          </div>\r\n          <ul class=\"list-group list-group-flush border-top\">\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showReport?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <a class=\"py-1 text-white flex-grow-1\" href=\"{{navigation.report.url}}\">\r\n                  {{navigation.report.transId|translate}}\r\n                </a>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showReport = !showReport\" attr.aria-controls=\"report-links\" attr.aria-expanded=\"{{showReport}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showReport?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showReport) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"report-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <div class=\"d-flex\">\r\n                      <a href=\"{{navigation.checklist.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.checklist.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                  <a class=\"d-block py-1 text-white\" href=\"{{navigation.report.url}}\">\r\n                    {{'HEADER.REPORT'|translate}}\r\n                  </a>\r\n                  <li class=\"d-block py-1\">\r\n                    <div class=\"d-flex \">\r\n                      <a href=\"{{navigation.wanted.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.wanted.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showObservations?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <a class=\"py-1 text-white flex-grow-1\" href=\"{{navigation.observations.url}}\">\r\n                  {{navigation.observations.transId|translate}}\r\n                </a>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showObservations = !showObservations\" attr.aria-controls=\"observations-links\" attr.aria-expanded=\"{{showObservations}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showObservations?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showObservations) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"observations-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.observations.url}}\">\r\n                      {{'HEADER.TODAYS_OBSERVATIONS'|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-0\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.fieldDiary.url}}\">\r\n                      {{'HEADER.FIELD_DIARY'|translate}}\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showSubs?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <button class=\"btn btn-link p-0 text-white w-100 text-start\" (click)=\"showSubs = !showSubs\">\r\n                  {{navigation.subcriptions.transId|translate}}\r\n                </button>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showSubs = !showSubs\" attr.aria-controls=\"subs-links\" attr.aria-expanded=\"{{showSubs}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showSubs?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showSubs) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"subs-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.subcriptions.url}}\">\r\n                      {{'HEADER.MY_SUBSCRIPTIONS'|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"py-1\">\r\n                    <div class=\"d-flex\">\r\n                      <a href=\"{{navigation.events.url}}\" class=\"text-white flex-grow-1\">\r\n                        {{navigation.events.transId|translate}}\r\n                      </a>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </li>\r\n            }\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block py-1 text-white\" href=\"{{navigation.fyndregler.url}}\">\r\n                {{navigation.fyndregler.transId|translate}}\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block fw-bold py-1 text-white\" [href]=\"navigation.artportalenUrl\">\r\n                Artportalen.se\r\n                <i class=\"fas fa-external-link\"></i>\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <a class=\"d-block fw-bold py-1 text-white\" [href]=\"navigation.artfaktaUrl\">\r\n                {{'HEADER.ARTFAKTA'|translate}}\r\n                <i class=\"fas fa-external-link\"></i>\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\">\r\n              <small class=\"d-block text-white pt-1\">\r\n                {{'HEADER.DEVELOPED_BY'|translate}}\r\n                <a href=\"https://www.artdatabanken.se/\" class=\"text-white\">\r\n                  {{'HEADER.ARTDATABANKEN'|translate}}\r\n                  <span class=\"fas fa-external-link\"></span>\r\n                </a>\r\n              </small>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div id=\"pattern\" class=\"flex-grow-1\"> </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>" }]
         }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i1.Router }, { type: i1$1.TranslateService }, { type: EnvironmentService }], propDecorators: { loginClicked: [{
@@ -448,25 +468,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbDropdownService {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownService }); }
+    currentMenu;
+    currentMenuId;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownService, decorators: [{
             type: Injectable
         }] });
 
 class AdbDropdownDirective {
+    elementRef;
+    adbDropdownService;
     constructor(elementRef, adbDropdownService) {
         this.elementRef = elementRef;
         this.adbDropdownService = adbDropdownService;
-        this.adbDropdown = new EventEmitter();
-        this.insideClick = false;
-        this.dataToggle = "dropdown";
-        this.haspPopup = true;
-        this.expanded = false;
         this.id = this.getId();
         this.dropId = this.getId();
     }
+    adbDropdown = new EventEmitter();
+    insideClick = false;
+    id;
+    dataToggle = "dropdown";
+    haspPopup = true;
+    expanded = false;
+    dropId;
     onClick() {
         this.adbDropdownService.currentMenuId = this.id;
         const node = this.elementRef.nativeElement.parentNode;
@@ -516,10 +542,10 @@ class AdbDropdownDirective {
     getId() {
         return '' + Math.floor(Math.random() * Date.now());
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownDirective, deps: [{ token: i0.ElementRef }, { token: AdbDropdownService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: AdbDropdownDirective, isStandalone: false, selector: "[adbDropdown]", inputs: { insideClick: "insideClick" }, outputs: { adbDropdown: "adbDropdown" }, host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded", "attr.aria-controls": "this.dropId" } }, exportAs: ["adbDropdown"], ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownDirective, deps: [{ token: i0.ElementRef }, { token: AdbDropdownService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AdbDropdownDirective, isStandalone: false, selector: "[adbDropdown]", inputs: { insideClick: "insideClick" }, outputs: { adbDropdown: "adbDropdown" }, host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded", "attr.aria-controls": "this.dropId" } }, exportAs: ["adbDropdown"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[adbDropdown]',
@@ -554,17 +580,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbDropdown2Directive {
+    elementRef;
+    adbDropdownService;
     constructor(elementRef, adbDropdownService) {
         this.elementRef = elementRef;
         this.adbDropdownService = adbDropdownService;
-        this.adbDropdown = new EventEmitter();
-        this.insideClick = false;
-        this.dataToggle = "dropdown";
-        this.haspPopup = true;
-        this.expanded = false;
         this.id = this.getId();
         this.dropId = this.getId();
     }
+    adbDropdown = new EventEmitter();
+    insideClick = false;
+    id;
+    dataToggle = "dropdown";
+    haspPopup = true;
+    expanded = false;
+    dropId;
     onClick() {
         this.adbDropdownService.currentMenuId = this.id;
         const node = this.elementRef.nativeElement.parentNode;
@@ -630,10 +660,10 @@ class AdbDropdown2Directive {
     getId() {
         return '' + Math.floor(Math.random() * Date.now());
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdown2Directive, deps: [{ token: i0.ElementRef }, { token: AdbDropdownService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: AdbDropdown2Directive, isStandalone: false, selector: "[adbDropdown2]", inputs: { insideClick: "insideClick" }, outputs: { adbDropdown: "adbDropdown" }, host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)", "window:scroll": "onWindowScroll()" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded", "attr.aria-controls": "this.dropId" } }, exportAs: ["adbDropdown"], ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdown2Directive, deps: [{ token: i0.ElementRef }, { token: AdbDropdownService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AdbDropdown2Directive, isStandalone: false, selector: "[adbDropdown2]", inputs: { insideClick: "insideClick" }, outputs: { adbDropdown: "adbDropdown" }, host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)", "window:scroll": "onWindowScroll()" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded", "attr.aria-controls": "this.dropId" } }, exportAs: ["adbDropdown"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdown2Directive, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdown2Directive, decorators: [{
             type: Directive,
             args: [{
                     selector: '[adbDropdown2]',
@@ -671,11 +701,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbDropdownModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownModule, declarations: [AdbDropdownDirective, AdbDropdown2Directive], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbDropdownDirective, AdbDropdown2Directive] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownModule, providers: [AdbDropdownService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownModule, declarations: [AdbDropdownDirective, AdbDropdown2Directive], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbDropdownDirective, AdbDropdown2Directive] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownModule, providers: [AdbDropdownService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule],
@@ -686,23 +716,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class InfiniteScrollComponent {
+    _element;
+    onVisible = new EventEmitter();
+    onHidden = new EventEmitter();
+    height = '1px';
+    _intersectionObserver;
     constructor(_element) {
         this._element = _element;
-        this.onVisible = new EventEmitter();
-        this.onHidden = new EventEmitter();
-        this.height = '1px';
-        this.checkForIntersection = (entries) => {
-            entries.forEach((entry) => {
-                const isIntersecting = entry.isIntersecting &&
-                    entry.target === this._element.nativeElement;
-                if (isIntersecting) {
-                    this.onVisible.emit();
-                }
-                else {
-                    this.onHidden.emit();
-                }
-            });
-        };
     }
     ngAfterViewInit() {
         this._intersectionObserver = new IntersectionObserver(entries => {
@@ -715,10 +735,22 @@ class InfiniteScrollComponent {
             this._intersectionObserver.disconnect();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InfiniteScrollComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: InfiniteScrollComponent, isStandalone: false, selector: "[onVisible]", outputs: { onVisible: "onVisible", onHidden: "onHidden" }, host: { properties: { "style.height": "this.height" } }, ngImport: i0 }); }
+    checkForIntersection = (entries) => {
+        entries.forEach((entry) => {
+            const isIntersecting = entry.isIntersecting &&
+                entry.target === this._element.nativeElement;
+            if (isIntersecting) {
+                this.onVisible.emit();
+            }
+            else {
+                this.onHidden.emit();
+            }
+        });
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InfiniteScrollComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: InfiniteScrollComponent, isStandalone: false, selector: "[onVisible]", outputs: { onVisible: "onVisible", onHidden: "onHidden" }, host: { properties: { "style.height": "this.height" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InfiniteScrollComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InfiniteScrollComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: "[onVisible]",
@@ -734,13 +766,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class PagerBaseDirective {
-    constructor() {
-        this.limit = PagerBaseDirective.DEFAULT_LIMIT;
-        this.currentPage = 1;
-    }
-    static { this.DEFAULT_LIMIT = 10; }
-    static { this.VISIBLE_PAGES = 5; }
-    static { this.SKIP_RESOURCE = 'offset'; }
+    static DEFAULT_LIMIT = 10;
+    static VISIBLE_PAGES = 5;
+    static SKIP_RESOURCE = 'offset';
+    limit = PagerBaseDirective.DEFAULT_LIMIT;
+    totalCount;
     set setTotalCount(count) {
         this.totalCount = count;
         this.ngOnInitReady();
@@ -749,6 +779,9 @@ class PagerBaseDirective {
         this.limit = value ?? PagerBaseDirective.DEFAULT_LIMIT;
         this.ngOnInitReady();
     }
+    pages;
+    amountOfPages;
+    currentPage = 1;
     calculatePages() {
         if (this.totalCount >= 0 && this.limit > 0) {
             this.amountOfPages = Math.ceil(this.totalCount / this.limit);
@@ -774,10 +807,10 @@ class PagerBaseDirective {
             this.amountOfPages = 0;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PagerBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: PagerBaseDirective, isStandalone: true, inputs: { setTotalCount: ["totalCount", "setTotalCount"], setLimit: ["limit", "setLimit"] }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PagerBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: PagerBaseDirective, isStandalone: true, inputs: { setTotalCount: ["totalCount", "setTotalCount"], setLimit: ["limit", "setLimit"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PagerBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PagerBaseDirective, decorators: [{
             type: Directive
         }], propDecorators: { setTotalCount: [{
                 type: Input,
@@ -788,12 +821,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class PagerComponent extends PagerBaseDirective {
+    activatedRoute;
+    subscription = new Subscription();
+    offsetName = "offset";
+    infiniteLimit = false;
+    params;
     constructor(activatedRoute) {
         super();
         this.activatedRoute = activatedRoute;
-        this.subscription = new Subscription();
-        this.offsetName = "offset";
-        this.infiniteLimit = false;
     }
     ngOnInitReady() {
         this.subscription.add(this.activatedRoute.queryParams.subscribe(params => {
@@ -822,10 +857,10 @@ class PagerComponent extends PagerBaseDirective {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PagerComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: PagerComponent, isStandalone: false, selector: "adb-pager-nav", inputs: { offsetName: "offsetName", infiniteLimit: "infiniteLimit" }, usesInheritance: true, ngImport: i0, template: "@if (pages&&pages.length>1&&currentPage<=amountOfPages) {\r\n  <nav class=\"d-flex justify-content-end my-1\">\r\n    <ul class=\"pagination flex-wrap mb-0\">\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.first\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n          <i class=\"fas fa-chevron-double-left\"></i>\r\n        </a>\r\n      </li>\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.prev\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n          <i class=\"fas fa-chevron-left\"></i>\r\n        </a>\r\n      </li>\r\n      @for (page of params.pages; track page) {\r\n        <li class=\"page-item\" [class.active]=\"currentPage===page.name\">\r\n          <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"page.params\"\r\n          queryParamsHandling=\"merge\">{{page.name}}</a>\r\n        </li>\r\n      }\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.next\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\" [attr.aria-disabled]=\"currentPage>=amountOfPages\">\r\n          <i class=\"fas fa-chevron-right\"></i>\r\n        </a>\r\n      </li>\r\n      @if (!infiniteLimit) {\r\n        @if ((amountOfPages-1)*limit<10000) {\r\n          <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n              [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n              <i class=\"fas fa-chevron-double-right\"></i>\r\n            </a>\r\n          </li>\r\n        }\r\n      }\r\n      @if (infiniteLimit) {\r\n        <li class=\"page-item\">\r\n          <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n            [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n            <i class=\"fas fa-chevron-double-right\"></i>\r\n          </a>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </nav>\r\n}", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PagerComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: PagerComponent, isStandalone: false, selector: "adb-pager-nav", inputs: { offsetName: "offsetName", infiniteLimit: "infiniteLimit" }, usesInheritance: true, ngImport: i0, template: "@if (pages&&pages.length>1&&currentPage<=amountOfPages) {\r\n  <nav class=\"d-flex justify-content-end my-1\">\r\n    <ul class=\"pagination flex-wrap mb-0\">\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.first\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n          <i class=\"fas fa-chevron-double-left\"></i>\r\n        </a>\r\n      </li>\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.prev\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n          <i class=\"fas fa-chevron-left\"></i>\r\n        </a>\r\n      </li>\r\n      @for (page of params.pages; track page) {\r\n        <li class=\"page-item\" [class.active]=\"currentPage===page.name\">\r\n          <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"page.params\"\r\n          queryParamsHandling=\"merge\">{{page.name}}</a>\r\n        </li>\r\n      }\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.next\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\" [attr.aria-disabled]=\"currentPage>=amountOfPages\">\r\n          <i class=\"fas fa-chevron-right\"></i>\r\n        </a>\r\n      </li>\r\n      @if (!infiniteLimit) {\r\n        @if ((amountOfPages-1)*limit<10000) {\r\n          <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n              [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n              <i class=\"fas fa-chevron-double-right\"></i>\r\n            </a>\r\n          </li>\r\n        }\r\n      }\r\n      @if (infiniteLimit) {\r\n        <li class=\"page-item\">\r\n          <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n            [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n            <i class=\"fas fa-chevron-double-right\"></i>\r\n          </a>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </nav>\r\n}", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-pager-nav', standalone: false, template: "@if (pages&&pages.length>1&&currentPage<=amountOfPages) {\r\n  <nav class=\"d-flex justify-content-end my-1\">\r\n    <ul class=\"pagination flex-wrap mb-0\">\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.first\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n          <i class=\"fas fa-chevron-double-left\"></i>\r\n        </a>\r\n      </li>\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.prev\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n          <i class=\"fas fa-chevron-left\"></i>\r\n        </a>\r\n      </li>\r\n      @for (page of params.pages; track page) {\r\n        <li class=\"page-item\" [class.active]=\"currentPage===page.name\">\r\n          <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"page.params\"\r\n          queryParamsHandling=\"merge\">{{page.name}}</a>\r\n        </li>\r\n      }\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.next\" queryParamsHandling=\"merge\"\r\n          [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\" [attr.aria-disabled]=\"currentPage>=amountOfPages\">\r\n          <i class=\"fas fa-chevron-right\"></i>\r\n        </a>\r\n      </li>\r\n      @if (!infiniteLimit) {\r\n        @if ((amountOfPages-1)*limit<10000) {\r\n          <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n              [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n              <i class=\"fas fa-chevron-double-right\"></i>\r\n            </a>\r\n          </li>\r\n        }\r\n      }\r\n      @if (infiniteLimit) {\r\n        <li class=\"page-item\">\r\n          <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n            [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n            <i class=\"fas fa-chevron-double-right\"></i>\r\n          </a>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </nav>\r\n}" }]
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }], propDecorators: { offsetName: [{
@@ -835,10 +870,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class PagerInlineComponent extends PagerBaseDirective {
+    pageChanged = new EventEmitter();
+    infiniteLimit = false;
     constructor() {
         super();
-        this.pageChanged = new EventEmitter();
-        this.infiniteLimit = false;
     }
     ngOnInitReady() {
         this.calculatePages();
@@ -867,10 +902,10 @@ class PagerInlineComponent extends PagerBaseDirective {
         this.pageChanged.emit(this.currentPage - 1);
         this.calculatePages();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PagerInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: PagerInlineComponent, isStandalone: false, selector: "adb-pager", inputs: { infiniteLimit: "infiniteLimit" }, outputs: { pageChanged: "pageChanged" }, usesInheritance: true, ngImport: i0, template: "@if (pages&&pages.length>1&&currentPage<=amountOfPages) {\r\n  <nav class=\"d-flex justify-content-end pr-2 my-1\">\r\n    <ul class=\"pagination flex-wrap\">\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onFirstClick()\" [ngClass]=\"currentPage==1?'opacity-50 pe-none':''\" [disabled]=\"currentPage==1\">\r\n          <i class=\"fas fa-chevron-double-left\"></i>\r\n        </button>\r\n      </li>\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onPrevClick()\" [ngClass]=\"currentPage==1?'opacity-50 pe-none':''\" [disabled]=\"currentPage==1\">\r\n          <i class=\"fas fa-chevron-left\"></i>\r\n        </button>\r\n      </li>\r\n      @for (page of pages; track page) {\r\n        <li class=\"page-item\" [class.active]=\"currentPage==page\">\r\n          <button class=\"page-link\" (click)=\"onPageClick(page)\">\r\n            {{page}}\r\n          </button>\r\n        </li>\r\n      }\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onNextClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n          <i class=\"fas fa-chevron-right\"></i>\r\n        </button>\r\n      </li>\r\n      @if (!infiniteLimit) {\r\n        @if ((amountOfPages-1)*limit<10000) {\r\n          <li class=\"page-item\">\r\n            <button class=\"page-link\" (click)=\"onLastClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n              <i class=\"fas fa-chevron-double-right\"></i>\r\n            </button>\r\n          </li>\r\n        }\r\n      }\r\n      @if (infiniteLimit) {\r\n        <li class=\"page-item\">\r\n          <button class=\"page-link\" (click)=\"onLastClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n            <i class=\"fas fa-chevron-double-right\"></i>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </nav>\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PagerInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: PagerInlineComponent, isStandalone: false, selector: "adb-pager", inputs: { infiniteLimit: "infiniteLimit" }, outputs: { pageChanged: "pageChanged" }, usesInheritance: true, ngImport: i0, template: "@if (pages&&pages.length>1&&currentPage<=amountOfPages) {\r\n  <nav class=\"d-flex justify-content-end pr-2 my-1\">\r\n    <ul class=\"pagination flex-wrap\">\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onFirstClick()\" [ngClass]=\"currentPage==1?'opacity-50 pe-none':''\" [disabled]=\"currentPage==1\">\r\n          <i class=\"fas fa-chevron-double-left\"></i>\r\n        </button>\r\n      </li>\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onPrevClick()\" [ngClass]=\"currentPage==1?'opacity-50 pe-none':''\" [disabled]=\"currentPage==1\">\r\n          <i class=\"fas fa-chevron-left\"></i>\r\n        </button>\r\n      </li>\r\n      @for (page of pages; track page) {\r\n        <li class=\"page-item\" [class.active]=\"currentPage==page\">\r\n          <button class=\"page-link\" (click)=\"onPageClick(page)\">\r\n            {{page}}\r\n          </button>\r\n        </li>\r\n      }\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onNextClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n          <i class=\"fas fa-chevron-right\"></i>\r\n        </button>\r\n      </li>\r\n      @if (!infiniteLimit) {\r\n        @if ((amountOfPages-1)*limit<10000) {\r\n          <li class=\"page-item\">\r\n            <button class=\"page-link\" (click)=\"onLastClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n              <i class=\"fas fa-chevron-double-right\"></i>\r\n            </button>\r\n          </li>\r\n        }\r\n      }\r\n      @if (infiniteLimit) {\r\n        <li class=\"page-item\">\r\n          <button class=\"page-link\" (click)=\"onLastClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n            <i class=\"fas fa-chevron-double-right\"></i>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </nav>\r\n}\r\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PagerInlineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PagerInlineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-pager', standalone: false, template: "@if (pages&&pages.length>1&&currentPage<=amountOfPages) {\r\n  <nav class=\"d-flex justify-content-end pr-2 my-1\">\r\n    <ul class=\"pagination flex-wrap\">\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onFirstClick()\" [ngClass]=\"currentPage==1?'opacity-50 pe-none':''\" [disabled]=\"currentPage==1\">\r\n          <i class=\"fas fa-chevron-double-left\"></i>\r\n        </button>\r\n      </li>\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onPrevClick()\" [ngClass]=\"currentPage==1?'opacity-50 pe-none':''\" [disabled]=\"currentPage==1\">\r\n          <i class=\"fas fa-chevron-left\"></i>\r\n        </button>\r\n      </li>\r\n      @for (page of pages; track page) {\r\n        <li class=\"page-item\" [class.active]=\"currentPage==page\">\r\n          <button class=\"page-link\" (click)=\"onPageClick(page)\">\r\n            {{page}}\r\n          </button>\r\n        </li>\r\n      }\r\n      <li class=\"page-item\">\r\n        <button class=\"page-link\" (click)=\"onNextClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n          <i class=\"fas fa-chevron-right\"></i>\r\n        </button>\r\n      </li>\r\n      @if (!infiniteLimit) {\r\n        @if ((amountOfPages-1)*limit<10000) {\r\n          <li class=\"page-item\">\r\n            <button class=\"page-link\" (click)=\"onLastClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n              <i class=\"fas fa-chevron-double-right\"></i>\r\n            </button>\r\n          </li>\r\n        }\r\n      }\r\n      @if (infiniteLimit) {\r\n        <li class=\"page-item\">\r\n          <button class=\"page-link\" (click)=\"onLastClick()\" [ngClass]=\"currentPage>=amountOfPages?'opacity-50 pe-none':''\" [disabled]=\"currentPage>=amountOfPages\">\r\n            <i class=\"fas fa-chevron-double-right\"></i>\r\n          </button>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </nav>\r\n}\r\n" }]
         }], ctorParameters: () => [], propDecorators: { pageChanged: [{
@@ -880,13 +915,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbPagersModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPagersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbPagersModule, declarations: [InfiniteScrollComponent, PagerComponent, PagerInlineComponent], imports: [CommonModule,
-            RouterModule], exports: [InfiniteScrollComponent, PagerComponent, PagerInlineComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPagersModule, imports: [CommonModule,
-            RouterModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPagersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbPagersModule, declarations: [InfiniteScrollComponent, PagerComponent, PagerInlineComponent], imports: [CommonModule,
+            RouterModule], exports: [InfiniteScrollComponent, PagerComponent, PagerInlineComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPagersModule, imports: [CommonModule,
+            RouterModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPagersModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPagersModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -899,12 +934,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class ArtportalenFooterComponent {
+    httpClient;
+    envService;
+    trans;
+    subscription = new Subscription();
+    translationFinished = false;
+    url;
+    navigation;
+    baseUrl;
     constructor(httpClient, envService, trans) {
         this.httpClient = httpClient;
         this.envService = envService;
         this.trans = trans;
-        this.subscription = new Subscription();
-        this.translationFinished = false;
     }
     ngOnInit() {
         this.url = window.location.href;
@@ -929,10 +970,10 @@ class ArtportalenFooterComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ArtportalenFooterComponent, deps: [{ token: i1$2.HttpClient }, { token: EnvironmentService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ArtportalenFooterComponent, isStandalone: false, selector: "adb-artportalen-footer", ngImport: i0, template: "@if (translationFinished) {\r\n  <footer class=\"bg-primary-dark py-2 mt-auto container-fluid\">\r\n    <div class=\"d-flex justify-content-center\">\r\n      <div class=\"container py-3 px-5 justify-content-center text-white\">\r\n        <div class=\"row mb-4\">\r\n          <div class=\"col-md-2\"></div>\r\n          <div class=\"col-md-4 mb-3\">\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/artportalen/om\" class=\"d-block text-white mb-2\">{{'FOOTER.ABOUT'|translate}}</a>\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/artportalen/artportalen-tillganglighetsredogorelse\" class=\"d-block text-white mb-2\">{{'FOOTER.WCAG'|translate}}</a>\r\n            <a href=\"https://www.slu.se/artdatabanken/om-oss/kontakt/artportalen-support\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.SUPPORT'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/villkor-kontohavare\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.TERMS_OF_USE'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.slu.se/artdatabanken/om-oss/behandling-av-personuppgifter\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.PERSONAL_DATA'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <div class=\"mb-2\" style=\"font-variant: small-caps;\"><sub><strong>{{'FOOTER.PARTNERS'|translate}}</strong></sub></div>\r\n            <a href=\"https://birdlife.se\" class=\"d-block text-white mb-2\"><span class=\"me-1\">BirdLife Sverige</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://svenskbotanik.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Svenska Botaniska F\u00F6reningen</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.sef.nu\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Entomologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.svampar.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Mykologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n          </div>\r\n          <div class=\"col-md-2\"></div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-2\"></div>\r\n          <div class=\"col-md-4\">\r\n            <div class=\"mb-3 text-white\">\r\n              <div>{{'FOOTER.INFO'|translate}}</div>\r\n              <div>{{'FOOTER.INFO2'|translate}}</div>\r\n              <div>{{'FOOTER.INFO3'|translate}}\r\n                <a href=\"https://www.naturvardsverket.se\" class=\"text-white mb-2\"><u class=\"me-1\">Naturv\u00E5rdsverket.</u><span class=\"fas fa-external-link\"></span></a>\r\n              </div>\r\n            </div>\r\n            <div class=\"mb-3\">{{'FOOTER.INFO4'|translate}}.</div>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <a class=\"text-white text-decoration-none d-flex gap-2 mb-3\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n              <img class=\"d-block d-md-none\" style=\"height: 2.6rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n              <img class=\"d-none d-md-block\" style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n              <div class=\"border-end d-none d-sm-block\"></div>\r\n              <div class=\"border-end d-block d-sm-none\"></div>\r\n              <img class=\"d-none d-md-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n              <img class=\"d-block d-md-none align-self-center pe-5\" style=\"height: 0.8rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n            </a>\r\n          </div>\r\n          <div class=\"col-md-2\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </footer>\r\n}", dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ArtportalenFooterComponent, deps: [{ token: i1$2.HttpClient }, { token: EnvironmentService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ArtportalenFooterComponent, isStandalone: false, selector: "adb-artportalen-footer", ngImport: i0, template: "@if (translationFinished) {\r\n  <footer class=\"bg-primary-dark py-2 mt-auto container-fluid\">\r\n    <div class=\"d-flex justify-content-center\">\r\n      <div class=\"container py-3 px-5 justify-content-center text-white\">\r\n        <div class=\"row mb-4\">\r\n          <div class=\"col-md-2\"></div>\r\n          <div class=\"col-md-4 mb-3\">\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/artportalen/om\" class=\"d-block text-white mb-2\">{{'FOOTER.ABOUT'|translate}}</a>\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/artportalen/artportalen-tillganglighetsredogorelse\" class=\"d-block text-white mb-2\">{{'FOOTER.WCAG'|translate}}</a>\r\n            <a href=\"https://www.slu.se/artdatabanken/om-oss/kontakt/artportalen-support\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.SUPPORT'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/villkor-kontohavare\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.TERMS_OF_USE'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.slu.se/artdatabanken/om-oss/behandling-av-personuppgifter\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.PERSONAL_DATA'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <div class=\"mb-2\" style=\"font-variant: small-caps;\"><sub><strong>{{'FOOTER.PARTNERS'|translate}}</strong></sub></div>\r\n            <a href=\"https://birdlife.se\" class=\"d-block text-white mb-2\"><span class=\"me-1\">BirdLife Sverige</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://svenskbotanik.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Svenska Botaniska F\u00F6reningen</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.sef.nu\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Entomologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.svampar.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Mykologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n          </div>\r\n          <div class=\"col-md-2\"></div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-2\"></div>\r\n          <div class=\"col-md-4\">\r\n            <div class=\"mb-3 text-white\">\r\n              <div>{{'FOOTER.INFO'|translate}}</div>\r\n              <div>{{'FOOTER.INFO2'|translate}}</div>\r\n              <div>{{'FOOTER.INFO3'|translate}}\r\n                <a href=\"https://www.naturvardsverket.se\" class=\"text-white mb-2\"><u class=\"me-1\">Naturv\u00E5rdsverket.</u><span class=\"fas fa-external-link\"></span></a>\r\n              </div>\r\n            </div>\r\n            <div class=\"mb-3\">{{'FOOTER.INFO4'|translate}}.</div>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <a class=\"text-white text-decoration-none d-flex gap-2 mb-3\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n              <img class=\"d-block d-md-none\" style=\"height: 2.6rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n              <img class=\"d-none d-md-block\" style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n              <div class=\"border-end d-none d-sm-block\"></div>\r\n              <div class=\"border-end d-block d-sm-none\"></div>\r\n              <img class=\"d-none d-md-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n              <img class=\"d-block d-md-none align-self-center pe-5\" style=\"height: 0.8rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n            </a>\r\n          </div>\r\n          <div class=\"col-md-2\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </footer>\r\n}", dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ArtportalenFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ArtportalenFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-artportalen-footer', standalone: false, template: "@if (translationFinished) {\r\n  <footer class=\"bg-primary-dark py-2 mt-auto container-fluid\">\r\n    <div class=\"d-flex justify-content-center\">\r\n      <div class=\"container py-3 px-5 justify-content-center text-white\">\r\n        <div class=\"row mb-4\">\r\n          <div class=\"col-md-2\"></div>\r\n          <div class=\"col-md-4 mb-3\">\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/artportalen/om\" class=\"d-block text-white mb-2\">{{'FOOTER.ABOUT'|translate}}</a>\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/artportalen/artportalen-tillganglighetsredogorelse\" class=\"d-block text-white mb-2\">{{'FOOTER.WCAG'|translate}}</a>\r\n            <a href=\"https://www.slu.se/artdatabanken/om-oss/kontakt/artportalen-support\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.SUPPORT'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.slu.se/artdatabanken/rapportering-och-fynd/villkor-kontohavare\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.TERMS_OF_USE'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.slu.se/artdatabanken/om-oss/behandling-av-personuppgifter\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.PERSONAL_DATA'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <div class=\"mb-2\" style=\"font-variant: small-caps;\"><sub><strong>{{'FOOTER.PARTNERS'|translate}}</strong></sub></div>\r\n            <a href=\"https://birdlife.se\" class=\"d-block text-white mb-2\"><span class=\"me-1\">BirdLife Sverige</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://svenskbotanik.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Svenska Botaniska F\u00F6reningen</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.sef.nu\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Entomologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n            <a href=\"https://www.svampar.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Mykologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n          </div>\r\n          <div class=\"col-md-2\"></div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-2\"></div>\r\n          <div class=\"col-md-4\">\r\n            <div class=\"mb-3 text-white\">\r\n              <div>{{'FOOTER.INFO'|translate}}</div>\r\n              <div>{{'FOOTER.INFO2'|translate}}</div>\r\n              <div>{{'FOOTER.INFO3'|translate}}\r\n                <a href=\"https://www.naturvardsverket.se\" class=\"text-white mb-2\"><u class=\"me-1\">Naturv\u00E5rdsverket.</u><span class=\"fas fa-external-link\"></span></a>\r\n              </div>\r\n            </div>\r\n            <div class=\"mb-3\">{{'FOOTER.INFO4'|translate}}.</div>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <a class=\"text-white text-decoration-none d-flex gap-2 mb-3\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n              <img class=\"d-block d-md-none\" style=\"height: 2.6rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n              <img class=\"d-none d-md-block\" style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n              <div class=\"border-end d-none d-sm-block\"></div>\r\n              <div class=\"border-end d-block d-sm-none\"></div>\r\n              <img class=\"d-none d-md-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n              <img class=\"d-block d-md-none align-self-center pe-5\" style=\"height: 0.8rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n            </a>\r\n          </div>\r\n          <div class=\"col-md-2\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </footer>\r\n}" }]
         }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: EnvironmentService }, { type: i1$1.TranslateService }] });
@@ -950,23 +991,23 @@ class ArtportalenNavModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ArtportalenNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ArtportalenNavModule, declarations: [ArtportalenNavComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ArtportalenNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: ArtportalenNavModule, declarations: [ArtportalenNavComponent,
             ArtportalenFooterComponent], imports: [CommonModule,
             RouterModule,
             TranslateModule,
             AdbDirectivesModule,
             AdbDropdownModule,
             AdbPagersModule], exports: [ArtportalenNavComponent,
-            ArtportalenFooterComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ArtportalenNavModule, providers: [EnvironmentService, provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
+            ArtportalenFooterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ArtportalenNavModule, providers: [EnvironmentService, provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
             RouterModule,
             TranslateModule,
             AdbDirectivesModule,
             AdbDropdownModule,
-            AdbPagersModule] }); }
+            AdbPagersModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ArtportalenNavModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ArtportalenNavModule, decorators: [{
             type: NgModule,
             args: [{ declarations: [
                         ArtportalenNavComponent,
@@ -985,16 +1026,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class LocaleDatePipe {
+    translate;
     constructor(translate) {
         this.translate = translate;
     }
     transform(value, format) {
         return new DatePipe(this.translate.currentLang).transform(value, format, null, this.translate.currentLang);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LocaleDatePipe, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: LocaleDatePipe, isStandalone: false, name: "adbLocaleDate", pure: false }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleDatePipe, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: LocaleDatePipe, isStandalone: false, name: "adbLocaleDate", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: LocaleDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'adbLocaleDate',
@@ -1013,10 +1055,10 @@ class EmptyValuePipe {
         }
         return value;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmptyValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: EmptyValuePipe, isStandalone: false, name: "adbEmptyValue" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmptyValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: EmptyValuePipe, isStandalone: false, name: "adbEmptyValue" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: EmptyValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmptyValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'adbEmptyValue',
@@ -1025,9 +1067,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class HighlightPipe {
-    constructor() {
-        this.forbiddenSymbols = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
-    }
+    forbiddenSymbols = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
     transform(value, searchs) {
         if (!value) {
             return value;
@@ -1058,10 +1098,10 @@ class HighlightPipe {
     normalizeText(text) {
         return text?.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLocaleLowerCase();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, isStandalone: false, name: "adbHighlight" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: HighlightPipe, isStandalone: false, name: "adbHighlight" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HighlightPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HighlightPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'adbHighlight',
@@ -1077,10 +1117,10 @@ class NumberSpacingPipe {
         }
         return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NumberSpacingPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: NumberSpacingPipe, isStandalone: false, name: "adbSpacing", pure: false }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NumberSpacingPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NumberSpacingPipe, isStandalone: false, name: "adbSpacing", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: NumberSpacingPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NumberSpacingPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'adbSpacing',
@@ -1090,9 +1130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class HighlightHtmlPipe {
-    constructor() {
-        this.forbiddenSymbols = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
-    }
+    forbiddenSymbols = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
     transform(value, searchs) {
         if (!value) {
             return value;
@@ -1123,10 +1161,10 @@ class HighlightHtmlPipe {
     escapeRegExp(text) {
         return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HighlightHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: HighlightHtmlPipe, isStandalone: false, name: "adbHighlightHtml" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HighlightHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: HighlightHtmlPipe, isStandalone: false, name: "adbHighlightHtml" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HighlightHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: HighlightHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'adbHighlightHtml',
@@ -1135,11 +1173,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class AdbPipesModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbPipesModule, declarations: [HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe], exports: [HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPipesModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbPipesModule, declarations: [HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe], exports: [HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPipesModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPipesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPipesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -1149,19 +1187,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class AdbDatePickerComponent {
-    static { this.MONTHS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]; }
-    static { this.WEEK_DAYS = ['1', '2', '3', '4', '5', '6', '7']; }
-    static { this.YEAR_INTERVALL = 8; }
+    elementRef;
+    translate;
+    subscriptions = new Subscription();
+    static MONTHS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+    static WEEK_DAYS = ['1', '2', '3', '4', '5', '6', '7'];
+    static YEAR_INTERVALL = 8;
+    currentdDate = new Date();
+    currentMonth;
+    selectedDate = new Date();
+    years;
+    months;
+    weekDays = AdbDatePickerComponent.WEEK_DAYS;
+    weeks;
+    range;
+    noYearMode = false;
     ;
+    initialDate;
+    settings;
+    toLeft;
+    id;
+    selectDate = new EventEmitter();
     constructor(elementRef, translate) {
         this.elementRef = elementRef;
         this.translate = translate;
-        this.subscriptions = new Subscription();
-        this.currentdDate = new Date();
-        this.selectedDate = new Date();
-        this.weekDays = AdbDatePickerComponent.WEEK_DAYS;
-        this.noYearMode = false;
-        this.selectDate = new EventEmitter();
     }
     ngOnInit() {
         if (this.settings) {
@@ -1297,12 +1346,12 @@ class AdbDatePickerComponent {
             return null;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: AdbDatePickerComponent, isStandalone: false, selector: "adb-date-picker", inputs: { initialDate: "initialDate", settings: "settings", toLeft: "toLeft", id: "id" }, outputs: { selectDate: "selectDate" }, host: { properties: { "id": "this.id" } }, ngImport: i0, template: "<div class=\"position-relative\" [class.to-left]=\"toLeft\">\r\n    <nav class=\"bg-white shadow rounded position-absolute\">\r\n        <header class=\"bg-primary p-2 rounded-top d-flex justify-content-between align-items-center gap-1\">\r\n            <button tabIndex=\"-1\" class=\"btn btn-primary text-white  rounded-pill\" type=\"button\" (click)=\"onPrev()\" [disabled]=\"noYearMode&&currentMonth===0\"><span class=\"fa fa-chevron-left\"></span></button>\r\n            <ng-container *ngIf=\"!years&&!months\">\r\n                <button tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowMonth();$event.stopPropagation()\">{{selectedDate|adbLocaleDate:'MMM'}}</button>\r\n                <button *ngIf=\"!noYearMode\" tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowYear();$event.stopPropagation()\">{{selectedDate|date:'yyyy'}}</button>\r\n            </ng-container>\r\n            <button tabIndex=\"-1\" *ngIf=\"years\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"years=null;$event.stopPropagation()\">{{years[0].title}} - {{years[years.length-1].title}}</button>\r\n            <button tabIndex=\"-1\" *ngIf=\"months\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowYear();$event.stopPropagation()\">{{selectedDate|date:'yyyy'}}</button>\r\n            <button tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onNext()\" [disabled]=\"noYearMode&&currentMonth===11\"><span class=\"fa fa-chevron-right\"></span></button>\r\n        </header>\r\n        <div class=\"p-0 border calendar\">\r\n            <ul class=\"list-unstyled row\" *ngIf=\"years\">\r\n                <li class=\"col-3 text-center px-2 py-3\" *ngFor=\"let year of years\">\r\n                    <button type=\"button\" tabIndex=\"-1\" class=\"btn btn-sm btn-outline-secondary rounded-pill\" (click)=\"onSelectYear(year.value);$event.stopPropagation()\" [class.active]=\"year.hasObservation\" [ngClass]=\"{'border border-secondary':year.isThisYear}\">{{year.title}}</button>\r\n                </li>\r\n            </ul>\r\n            <ul class=\"list-unstyled row\" *ngIf=\"months\">\r\n                <li class=\"col-4 text-center px-2 py-3\" *ngFor=\"let month of months\">\r\n                    <button type=\"button\" tabIndex=\"-1\" class=\"btn btn-sm btn-outline-secondary rounded-pill\" (click)=\"onSelectMonth(month.value);$event.stopPropagation()\" [class.active]=\"month.observation\" [ngClass]=\"{'border border-secondary':month.isThisMonth}\">\r\n                        {{'MONTHS.'+(month.value+1)|translate}}\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n            <div class=\"days\" *ngIf=\"!years&&!months\">\r\n                <div class=\"text-center border-bottom py-2 text-muted\" *ngFor=\"let weekDay of weekDays\">{{'WEEK_DAYS.'+weekDay|translate}}</div>\r\n                <ng-container *ngFor=\"let week of weeks\">\r\n                    <button tabIndex=\"-1\" class=\"btn rounded-circle p-0\" *ngFor=\"let day of week.days\" (click)=\"onSelectDate(day)\" type=\"button\" \r\n                        [class.border]=\"day.isToday\" [class.bg-primary]=\"day.isSelected\" [class.text-white]=\"day.isSelected\" [ngClass]=\"{'pe-none text-muted opacity-50':!day.inMonth||!day.isInRange}\">\r\n                        <small>{{day.value|date:'d'}}</small>\r\n                    </button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "adbLocaleDate" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: AdbDatePickerComponent, isStandalone: false, selector: "adb-date-picker", inputs: { initialDate: "initialDate", settings: "settings", toLeft: "toLeft", id: "id" }, outputs: { selectDate: "selectDate" }, host: { properties: { "id": "this.id" } }, ngImport: i0, template: "<div class=\"position-relative\" [class.to-left]=\"toLeft\">\r\n    <nav class=\"bg-white shadow rounded position-absolute\">\r\n        <header class=\"bg-primary p-2 rounded-top d-flex justify-content-between align-items-center gap-1\">\r\n            <button tabIndex=\"-1\" class=\"btn btn-primary text-white  rounded-pill\" type=\"button\" (click)=\"onPrev()\" [disabled]=\"noYearMode&&currentMonth===0\"><span class=\"fa fa-chevron-left\"></span></button>\r\n            <ng-container *ngIf=\"!years&&!months\">\r\n                <button tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowMonth();$event.stopPropagation()\">{{selectedDate|adbLocaleDate:'MMM'}}</button>\r\n                <button *ngIf=\"!noYearMode\" tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowYear();$event.stopPropagation()\">{{selectedDate|date:'yyyy'}}</button>\r\n            </ng-container>\r\n            <button tabIndex=\"-1\" *ngIf=\"years\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"years=null;$event.stopPropagation()\">{{years[0].title}} - {{years[years.length-1].title}}</button>\r\n            <button tabIndex=\"-1\" *ngIf=\"months\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowYear();$event.stopPropagation()\">{{selectedDate|date:'yyyy'}}</button>\r\n            <button tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onNext()\" [disabled]=\"noYearMode&&currentMonth===11\"><span class=\"fa fa-chevron-right\"></span></button>\r\n        </header>\r\n        <div class=\"p-0 border calendar\">\r\n            <ul class=\"list-unstyled row\" *ngIf=\"years\">\r\n                <li class=\"col-3 text-center px-2 py-3\" *ngFor=\"let year of years\">\r\n                    <button type=\"button\" tabIndex=\"-1\" class=\"btn btn-sm btn-outline-secondary rounded-pill\" (click)=\"onSelectYear(year.value);$event.stopPropagation()\" [ngClass]=\"{'border border-secondary':year.isThisYear}\">{{year.title}}</button>\r\n                </li>\r\n            </ul>\r\n            <ul class=\"list-unstyled row\" *ngIf=\"months\">\r\n                <li class=\"col-4 text-center px-2 py-3\" *ngFor=\"let month of months\">\r\n                    <button type=\"button\" tabIndex=\"-1\" class=\"btn btn-sm btn-outline-secondary rounded-pill\" (click)=\"onSelectMonth(month.value);$event.stopPropagation()\" [ngClass]=\"{'border border-secondary':month.isThisMonth}\">\r\n                        {{'MONTHS.'+(month.value+1)|translate}}\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n            <div class=\"days\" *ngIf=\"!years&&!months\">\r\n                <div class=\"text-center border-bottom py-2 text-muted\" *ngFor=\"let weekDay of weekDays\">{{'WEEK_DAYS.'+weekDay|translate}}</div>\r\n                <ng-container *ngFor=\"let week of weeks\">\r\n                    <button tabIndex=\"-1\" class=\"btn rounded-circle p-0\" *ngFor=\"let day of week.days\" (click)=\"onSelectDate(day)\" type=\"button\" \r\n                        [class.border]=\"day.isToday\" [class.bg-primary]=\"day.isSelected\" [class.text-white]=\"day.isSelected\" [ngClass]=\"{'pe-none text-muted opacity-50':!day.inMonth||!day.isInRange}\">\r\n                        <small>{{day.value|date:'d'}}</small>\r\n                    </button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "adbLocaleDate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adb-date-picker', standalone: false, template: "<div class=\"position-relative\" [class.to-left]=\"toLeft\">\r\n    <nav class=\"bg-white shadow rounded position-absolute\">\r\n        <header class=\"bg-primary p-2 rounded-top d-flex justify-content-between align-items-center gap-1\">\r\n            <button tabIndex=\"-1\" class=\"btn btn-primary text-white  rounded-pill\" type=\"button\" (click)=\"onPrev()\" [disabled]=\"noYearMode&&currentMonth===0\"><span class=\"fa fa-chevron-left\"></span></button>\r\n            <ng-container *ngIf=\"!years&&!months\">\r\n                <button tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowMonth();$event.stopPropagation()\">{{selectedDate|adbLocaleDate:'MMM'}}</button>\r\n                <button *ngIf=\"!noYearMode\" tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowYear();$event.stopPropagation()\">{{selectedDate|date:'yyyy'}}</button>\r\n            </ng-container>\r\n            <button tabIndex=\"-1\" *ngIf=\"years\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"years=null;$event.stopPropagation()\">{{years[0].title}} - {{years[years.length-1].title}}</button>\r\n            <button tabIndex=\"-1\" *ngIf=\"months\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowYear();$event.stopPropagation()\">{{selectedDate|date:'yyyy'}}</button>\r\n            <button tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onNext()\" [disabled]=\"noYearMode&&currentMonth===11\"><span class=\"fa fa-chevron-right\"></span></button>\r\n        </header>\r\n        <div class=\"p-0 border calendar\">\r\n            <ul class=\"list-unstyled row\" *ngIf=\"years\">\r\n                <li class=\"col-3 text-center px-2 py-3\" *ngFor=\"let year of years\">\r\n                    <button type=\"button\" tabIndex=\"-1\" class=\"btn btn-sm btn-outline-secondary rounded-pill\" (click)=\"onSelectYear(year.value);$event.stopPropagation()\" [class.active]=\"year.hasObservation\" [ngClass]=\"{'border border-secondary':year.isThisYear}\">{{year.title}}</button>\r\n                </li>\r\n            </ul>\r\n            <ul class=\"list-unstyled row\" *ngIf=\"months\">\r\n                <li class=\"col-4 text-center px-2 py-3\" *ngFor=\"let month of months\">\r\n                    <button type=\"button\" tabIndex=\"-1\" class=\"btn btn-sm btn-outline-secondary rounded-pill\" (click)=\"onSelectMonth(month.value);$event.stopPropagation()\" [class.active]=\"month.observation\" [ngClass]=\"{'border border-secondary':month.isThisMonth}\">\r\n                        {{'MONTHS.'+(month.value+1)|translate}}\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n            <div class=\"days\" *ngIf=\"!years&&!months\">\r\n                <div class=\"text-center border-bottom py-2 text-muted\" *ngFor=\"let weekDay of weekDays\">{{'WEEK_DAYS.'+weekDay|translate}}</div>\r\n                <ng-container *ngFor=\"let week of weeks\">\r\n                    <button tabIndex=\"-1\" class=\"btn rounded-circle p-0\" *ngFor=\"let day of week.days\" (click)=\"onSelectDate(day)\" type=\"button\" \r\n                        [class.border]=\"day.isToday\" [class.bg-primary]=\"day.isSelected\" [class.text-white]=\"day.isSelected\" [ngClass]=\"{'pe-none text-muted opacity-50':!day.inMonth||!day.isInRange}\">\r\n                        <small>{{day.value|date:'d'}}</small>\r\n                    </button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n</div>\r\n" }]
+            args: [{ selector: 'adb-date-picker', standalone: false, template: "<div class=\"position-relative\" [class.to-left]=\"toLeft\">\r\n    <nav class=\"bg-white shadow rounded position-absolute\">\r\n        <header class=\"bg-primary p-2 rounded-top d-flex justify-content-between align-items-center gap-1\">\r\n            <button tabIndex=\"-1\" class=\"btn btn-primary text-white  rounded-pill\" type=\"button\" (click)=\"onPrev()\" [disabled]=\"noYearMode&&currentMonth===0\"><span class=\"fa fa-chevron-left\"></span></button>\r\n            <ng-container *ngIf=\"!years&&!months\">\r\n                <button tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowMonth();$event.stopPropagation()\">{{selectedDate|adbLocaleDate:'MMM'}}</button>\r\n                <button *ngIf=\"!noYearMode\" tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowYear();$event.stopPropagation()\">{{selectedDate|date:'yyyy'}}</button>\r\n            </ng-container>\r\n            <button tabIndex=\"-1\" *ngIf=\"years\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"years=null;$event.stopPropagation()\">{{years[0].title}} - {{years[years.length-1].title}}</button>\r\n            <button tabIndex=\"-1\" *ngIf=\"months\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onShowYear();$event.stopPropagation()\">{{selectedDate|date:'yyyy'}}</button>\r\n            <button tabIndex=\"-1\" class=\"btn btn-primary text-white rounded-pill\" type=\"button\" (click)=\"onNext()\" [disabled]=\"noYearMode&&currentMonth===11\"><span class=\"fa fa-chevron-right\"></span></button>\r\n        </header>\r\n        <div class=\"p-0 border calendar\">\r\n            <ul class=\"list-unstyled row\" *ngIf=\"years\">\r\n                <li class=\"col-3 text-center px-2 py-3\" *ngFor=\"let year of years\">\r\n                    <button type=\"button\" tabIndex=\"-1\" class=\"btn btn-sm btn-outline-secondary rounded-pill\" (click)=\"onSelectYear(year.value);$event.stopPropagation()\" [ngClass]=\"{'border border-secondary':year.isThisYear}\">{{year.title}}</button>\r\n                </li>\r\n            </ul>\r\n            <ul class=\"list-unstyled row\" *ngIf=\"months\">\r\n                <li class=\"col-4 text-center px-2 py-3\" *ngFor=\"let month of months\">\r\n                    <button type=\"button\" tabIndex=\"-1\" class=\"btn btn-sm btn-outline-secondary rounded-pill\" (click)=\"onSelectMonth(month.value);$event.stopPropagation()\" [ngClass]=\"{'border border-secondary':month.isThisMonth}\">\r\n                        {{'MONTHS.'+(month.value+1)|translate}}\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n            <div class=\"days\" *ngIf=\"!years&&!months\">\r\n                <div class=\"text-center border-bottom py-2 text-muted\" *ngFor=\"let weekDay of weekDays\">{{'WEEK_DAYS.'+weekDay|translate}}</div>\r\n                <ng-container *ngFor=\"let week of weeks\">\r\n                    <button tabIndex=\"-1\" class=\"btn rounded-circle p-0\" *ngFor=\"let day of week.days\" (click)=\"onSelectDate(day)\" type=\"button\" \r\n                        [class.border]=\"day.isToday\" [class.bg-primary]=\"day.isSelected\" [class.text-white]=\"day.isSelected\" [ngClass]=\"{'pe-none text-muted opacity-50':!day.inMonth||!day.isInRange}\">\r\n                        <small>{{day.value|date:'d'}}</small>\r\n                    </button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.TranslateService }], propDecorators: { initialDate: [{
                 type: Input
             }], settings: [{
@@ -1319,29 +1368,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbDatePickerService {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerService }); }
+    viewRef;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerService, decorators: [{
             type: Injectable
         }] });
 
 class AdbDatePickerDirective {
+    viewContainerRef;
+    renderer;
+    elementRef;
+    adbDatePickerService;
+    translate;
+    subscriptions = new Subscription();
+    autocomplete = 'off';
+    adbBlur = new EventEmitter();
+    format = 'yyyy-MM-dd';
+    toLeft;
+    settings = null;
+    id;
+    currentDate;
+    isValid;
     constructor(viewContainerRef, renderer, elementRef, adbDatePickerService, translate) {
         this.viewContainerRef = viewContainerRef;
         this.renderer = renderer;
         this.elementRef = elementRef;
         this.adbDatePickerService = adbDatePickerService;
         this.translate = translate;
-        this.subscriptions = new Subscription();
-        this.autocomplete = 'off';
-        this.adbBlur = new EventEmitter();
-        this.format = 'yyyy-MM-dd';
-        this.settings = null;
-        //ControlValueAccessor
-        this.onChange = () => { };
-        this.onTouched = () => { };
-        this.onValidationChange = () => { };
     }
     ngOnInit() {
         this.elementRef.nativeElement.setAttribute("placeholder", this.format);
@@ -1443,6 +1498,10 @@ class AdbDatePickerDirective {
         this.isValid = true;
         return null;
     }
+    //ControlValueAccessor
+    onChange = () => { };
+    onTouched = () => { };
+    onValidationChange = () => { };
     registerOnValidatorChange(fn) {
         this.onValidationChange = fn;
     }
@@ -1481,23 +1540,23 @@ class AdbDatePickerDirective {
     getId() {
         return '' + Math.floor(Math.random() * Date.now());
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: AdbDatePickerService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: AdbDatePickerDirective, isStandalone: false, selector: "input[adbDatepicker]", inputs: { format: "format", toLeft: "toLeft", settings: "settings" }, outputs: { adbBlur: "adbBlur" }, host: { listeners: { "click": "onClick()", "keyup": "onKeyup($event)", "keydown.shift.tab": "onTabDown()", "keydown.tab": "onTabDown()", "keydown.esc": "onEscdOWN()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "autocomplete": "this.autocomplete" } }, providers: [{
-                provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbDatePickerDirective)),
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: AdbDatePickerService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AdbDatePickerDirective, isStandalone: false, selector: "input[adbDatepicker]", inputs: { format: "format", toLeft: "toLeft", settings: "settings" }, outputs: { adbBlur: "adbBlur" }, host: { listeners: { "click": "onClick()", "keyup": "onKeyup($event)", "keydown.shift.tab": "onTabDown()", "keydown.tab": "onTabDown()", "keydown.esc": "onEscdOWN()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "autocomplete": "this.autocomplete" } }, providers: [{
+                provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AdbDatePickerDirective),
                 multi: true
             },
             {
                 provide: NG_VALIDATORS,
                 useExisting: AdbDatePickerDirective,
                 multi: true,
-            },], ngImport: i0 }); }
+            },], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[adbDatepicker]`,
                     providers: [{
-                            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbDatePickerDirective)),
+                            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AdbDatePickerDirective),
                             multi: true
                         },
                         {
@@ -1539,11 +1598,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbDatePickerModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerModule, declarations: [AdbDatePickerComponent, AdbDatePickerDirective], imports: [CommonModule, i1$1.TranslateModule, AdbPipesModule, AdbDirectivesModule], exports: [AdbDatePickerComponent, AdbDatePickerDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerModule, providers: [AdbDatePickerService], imports: [CommonModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerModule, declarations: [AdbDatePickerComponent, AdbDatePickerDirective], imports: [CommonModule, i1$1.TranslateModule, AdbPipesModule, AdbDirectivesModule], exports: [AdbDatePickerComponent, AdbDatePickerDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerModule, providers: [AdbDatePickerService], imports: [CommonModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbDatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule],
@@ -1554,12 +1613,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class AdbModalService {
+    componentFactoryResolver;
+    appRef;
+    injector;
+    closeSubject = new Subject();
+    close$ = this.closeSubject.asObservable();
+    renderer;
+    domElem;
+    backdrop;
     constructor(componentFactoryResolver, rendererFactory, appRef, injector) {
         this.componentFactoryResolver = componentFactoryResolver;
         this.appRef = appRef;
         this.injector = injector;
-        this.closeSubject = new Subject();
-        this.close$ = this.closeSubject.asObservable();
         this.renderer = rendererFactory.createRenderer(null, null);
     }
     hide(confirm) {
@@ -1589,14 +1654,17 @@ class AdbModalService {
         this.domElem = componentRef.hostView.rootNodes[0];
         document.body.appendChild(this.domElem);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbModalService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbModalService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbModalService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbModalService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbModalService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.RendererFactory2 }, { type: i0.ApplicationRef }, { type: i0.Injector }] });
 
 class AdbConfirmModal {
+    modalRef;
+    elementRef;
+    model;
     constructor(modalRef, elementRef) {
         this.modalRef = modalRef;
         this.elementRef = elementRef;
@@ -1610,10 +1678,10 @@ class AdbConfirmModal {
     onClose(confirm) {
         this.modalRef.hide(confirm);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbConfirmModal, deps: [{ token: AdbModalService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AdbConfirmModal, isStandalone: false, selector: "ng-component", inputs: { model: "model" }, ngImport: i0, template: "@if (model) {\r\n  <div class=\"modal fade show\" role=\"dialog\"\r\n    attr.aria-labelledby=\"mod_header\"\r\n    attr.aria-describedby=\"mod_desc\">\r\n    <div class=\"modal-dialog modal-dialog-centered\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <h1 class=\"h-subsection mb-0 modal-title\" id=\"mod_header\">{{model.header|translate}}</h1>\r\n          <button type=\"button\" class=\"btn-close\" id=\"modal-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"onClose(false)\"></button>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n          <div id=\"mod_desc\">{{model.text|translate}}</div>\r\n          @if (model.value) {\r\n            <div>\r\n              <strong>{{model.value}}</strong>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n          <div class=\"d-flex gap-2 justify-content-end\">\r\n            @if (model.showDecline) {\r\n              <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onClose(false)\">{{model.decline|translate}}</button>\r\n            }\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"onClose(true)\">{{model.confirm|translate}}</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n}", dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbConfirmModal, deps: [{ token: AdbModalService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AdbConfirmModal, isStandalone: false, selector: "ng-component", inputs: { model: "model" }, ngImport: i0, template: "@if (model) {\r\n  <div class=\"modal fade show\" role=\"dialog\"\r\n    attr.aria-labelledby=\"mod_header\"\r\n    attr.aria-describedby=\"mod_desc\">\r\n    <div class=\"modal-dialog modal-dialog-centered\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <h1 class=\"h-subsection mb-0 modal-title\" id=\"mod_header\">{{model.header|translate}}</h1>\r\n          <button type=\"button\" class=\"btn-close\" id=\"modal-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"onClose(false)\"></button>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n          <div id=\"mod_desc\">{{model.text|translate}}</div>\r\n          @if (model.value) {\r\n            <div>\r\n              <strong>{{model.value}}</strong>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n          <div class=\"d-flex gap-2 justify-content-end\">\r\n            @if (model.showDecline) {\r\n              <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onClose(false)\">{{model.decline|translate}}</button>\r\n            }\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"onClose(true)\">{{model.confirm|translate}}</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n}", dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbConfirmModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbConfirmModal, decorators: [{
             type: Component,
             args: [{ standalone: false, template: "@if (model) {\r\n  <div class=\"modal fade show\" role=\"dialog\"\r\n    attr.aria-labelledby=\"mod_header\"\r\n    attr.aria-describedby=\"mod_desc\">\r\n    <div class=\"modal-dialog modal-dialog-centered\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <h1 class=\"h-subsection mb-0 modal-title\" id=\"mod_header\">{{model.header|translate}}</h1>\r\n          <button type=\"button\" class=\"btn-close\" id=\"modal-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"onClose(false)\"></button>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n          <div id=\"mod_desc\">{{model.text|translate}}</div>\r\n          @if (model.value) {\r\n            <div>\r\n              <strong>{{model.value}}</strong>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n          <div class=\"d-flex gap-2 justify-content-end\">\r\n            @if (model.showDecline) {\r\n              <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onClose(false)\">{{model.decline|translate}}</button>\r\n            }\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"onClose(true)\">{{model.confirm|translate}}</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n}" }]
         }], ctorParameters: () => [{ type: AdbModalService }, { type: i0.ElementRef }], propDecorators: { model: [{
@@ -1621,11 +1689,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbModalModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbModalModule, declarations: [AdbConfirmModal], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbConfirmModal] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbModalModule, providers: [AdbModalService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbModalModule, declarations: [AdbConfirmModal], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbConfirmModal] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbModalModule, providers: [AdbModalService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule],
@@ -1636,14 +1704,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class AdbToastService {
+    componentFactoryResolver;
+    rendererFactory;
+    appRef;
+    injector;
+    toasts = new Array();
+    toastsSubject = new Subject();
+    $toasts = this.toastsSubject.asObservable();
+    renderer;
+    domElement;
+    container;
     constructor(componentFactoryResolver, rendererFactory, appRef, injector) {
         this.componentFactoryResolver = componentFactoryResolver;
         this.rendererFactory = rendererFactory;
         this.appRef = appRef;
         this.injector = injector;
-        this.toasts = new Array();
-        this.toastsSubject = new Subject();
-        this.$toasts = this.toastsSubject.asObservable();
     }
     add(toastMessage, time = 4000) {
         this.addContainer();
@@ -1671,10 +1746,10 @@ class AdbToastService {
             this.container.prepend(element);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbToastService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbToastService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbToastService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbToastService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbToastService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.RendererFactory2 }, { type: i0.ApplicationRef }, { type: i0.Injector }] });
 var ToastType;
@@ -1686,9 +1761,11 @@ var ToastType;
 })(ToastType || (ToastType = {}));
 
 class AdbToast {
+    toastService;
+    toasts;
+    toastType = ToastType;
     constructor(toastService) {
         this.toastService = toastService;
-        this.toastType = ToastType;
         this.toastService.$toasts.subscribe(toasts => {
             this.toasts = toasts;
         });
@@ -1696,20 +1773,20 @@ class AdbToast {
     onRemoveToast(toast) {
         this.toastService.remove(toast);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbToast, deps: [{ token: AdbToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AdbToast, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<div class=\"position-fixed bottom-0 end-0\" style=\"z-index: 50000;min-width: 15rem;\">\r\n  @for (toast of toasts; track toast) {\r\n    <div class=\"alert alert-dismissible\" role=\"alert\"\r\n      [class.alert-primary]=\"toast.type===toastType.Primary\"\r\n      [class.alert-success]=\"toast.type===toastType.Success\"\r\n      [class.alert-warning]=\"toast.type===toastType.Warn\"\r\n      [class.alert-danger]=\"toast.type===toastType.Danger\">\r\n      @if (toast.header) {\r\n        <div class=\"d-flex align-items-center justify-content-between pb-1\">\r\n          @if (!toast.headerValue) {\r\n            <div class=\"fw-bold pb-1\">{{toast.header|translate}}</div>\r\n          }\r\n          @if (toast.headerValue) {\r\n            <div class=\"fw-bold pb-1\">{{(toast.header|translate:toast.headerValue )}}</div>\r\n          }\r\n          <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n        </div>\r\n      }\r\n      <div class=\"d-flex align-items-center justify-content-between mt-1\">\r\n        @if (!toast.messageValue) {\r\n          <div>{{toast.message|translate}}</div>\r\n        }\r\n        @if (toast.messageValue) {\r\n          <div>{{(toast.message|translate:toast.messageValue )}}</div>\r\n        }\r\n        <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbToast, deps: [{ token: AdbToastService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AdbToast, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<div class=\"position-fixed bottom-0 end-0\" style=\"z-index: 50000;min-width: 15rem;\">\r\n  @for (toast of toasts; track toast) {\r\n    <div class=\"alert alert-dismissible\" role=\"alert\"\r\n      [class.alert-primary]=\"toast.type===toastType.Primary\"\r\n      [class.alert-success]=\"toast.type===toastType.Success\"\r\n      [class.alert-warning]=\"toast.type===toastType.Warn\"\r\n      [class.alert-danger]=\"toast.type===toastType.Danger\">\r\n      @if (toast.header) {\r\n        <div class=\"d-flex align-items-center justify-content-between pb-1\">\r\n          @if (!toast.headerValue) {\r\n            <div class=\"fw-bold pb-1\">{{toast.header|translate}}</div>\r\n          }\r\n          @if (toast.headerValue) {\r\n            <div class=\"fw-bold pb-1\">{{(toast.header|translate:toast.headerValue )}}</div>\r\n          }\r\n          <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n        </div>\r\n      }\r\n      <div class=\"d-flex align-items-center justify-content-between mt-1\">\r\n        @if (!toast.messageValue) {\r\n          <div>{{toast.message|translate}}</div>\r\n        }\r\n        @if (toast.messageValue) {\r\n          <div>{{(toast.message|translate:toast.messageValue )}}</div>\r\n        }\r\n        <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbToast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbToast, decorators: [{
             type: Component,
             args: [{ standalone: false, template: "<div class=\"position-fixed bottom-0 end-0\" style=\"z-index: 50000;min-width: 15rem;\">\r\n  @for (toast of toasts; track toast) {\r\n    <div class=\"alert alert-dismissible\" role=\"alert\"\r\n      [class.alert-primary]=\"toast.type===toastType.Primary\"\r\n      [class.alert-success]=\"toast.type===toastType.Success\"\r\n      [class.alert-warning]=\"toast.type===toastType.Warn\"\r\n      [class.alert-danger]=\"toast.type===toastType.Danger\">\r\n      @if (toast.header) {\r\n        <div class=\"d-flex align-items-center justify-content-between pb-1\">\r\n          @if (!toast.headerValue) {\r\n            <div class=\"fw-bold pb-1\">{{toast.header|translate}}</div>\r\n          }\r\n          @if (toast.headerValue) {\r\n            <div class=\"fw-bold pb-1\">{{(toast.header|translate:toast.headerValue )}}</div>\r\n          }\r\n          <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n        </div>\r\n      }\r\n      <div class=\"d-flex align-items-center justify-content-between mt-1\">\r\n        @if (!toast.messageValue) {\r\n          <div>{{toast.message|translate}}</div>\r\n        }\r\n        @if (toast.messageValue) {\r\n          <div>{{(toast.message|translate:toast.messageValue )}}</div>\r\n        }\r\n        <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>" }]
         }], ctorParameters: () => [{ type: AdbToastService }] });
 
 class AdbToastModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbToastModule, declarations: [AdbToast], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbToast] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbToastModule, providers: [AdbToastService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbToastModule, declarations: [AdbToast], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbToast] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbToastModule, providers: [AdbToastService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbToastModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule],
@@ -1720,6 +1797,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class AdbHelpButtonComponent {
+    elementRef;
+    showHelp = false;
+    buttonClass = 'btn btn-invisible p-0';
+    iconClass = 'fas fa-question-circle text-primary';
+    label = '';
+    id;
     onClickDoc(event) {
         const target = event.target;
         const parent = target.parentElement;
@@ -1730,10 +1813,6 @@ class AdbHelpButtonComponent {
     }
     constructor(elementRef) {
         this.elementRef = elementRef;
-        this.showHelp = false;
-        this.buttonClass = 'btn btn-invisible p-0';
-        this.iconClass = 'fas fa-question-circle text-primary';
-        this.label = '';
     }
     ngOnInit() {
         this.id = +Math.floor(Math.random() * Date.now());
@@ -1750,10 +1829,10 @@ class AdbHelpButtonComponent {
         }
         this.showHelp = !this.showHelp;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbHelpButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AdbHelpButtonComponent, isStandalone: false, selector: "adb-help-button", inputs: { buttonClass: "buttonClass", iconClass: "iconClass", label: "label" }, host: { listeners: { "document:click": "onClickDoc($event)" } }, ngImport: i0, template: "<button type=\"button\"\r\n  class=\"w-auto d-flex gap-1 align-items-baseline help-button\"\r\n  [ngClass]=\"buttonClass\"\r\n  [attr.aria-controls]=\"id\" aria-label=\"Help\"\r\n  [attr.aria-expanded]=\"showHelp\" (click)=\"onClose()\">\r\n  <span [ngClass]=\"iconClass\"></span>\r\n  {{label}}\r\n</button>\r\n<div>\r\n  @if (showHelp) {\r\n    <div [id]=\"id\" class=\"position-absolute start-0 w-100 adb-plate-primary text-start shadow\" style=\"z-index:4\">\r\n      <div class=\"d-flex align-items-center\">\r\n        <div class=\"flex-grow-1\"><ng-content></ng-content></div>\r\n        <div class=\"ms-auto align-self-start d-flex align-items-start\">\r\n          <button type=\"button\" class=\"btn-close p-1\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"showHelp=false\"></button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbHelpButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AdbHelpButtonComponent, isStandalone: false, selector: "adb-help-button", inputs: { buttonClass: "buttonClass", iconClass: "iconClass", label: "label" }, host: { listeners: { "document:click": "onClickDoc($event)" } }, ngImport: i0, template: "<button type=\"button\"\r\n  class=\"w-auto d-flex gap-1 align-items-baseline help-button\"\r\n  [ngClass]=\"buttonClass\"\r\n  [attr.aria-controls]=\"id\" aria-label=\"Help\"\r\n  [attr.aria-expanded]=\"showHelp\" (click)=\"onClose()\">\r\n  <span [ngClass]=\"iconClass\"></span>\r\n  {{label}}\r\n</button>\r\n<div>\r\n  @if (showHelp) {\r\n    <div [id]=\"id\" class=\"position-absolute start-0 w-100 adb-plate-primary text-start shadow\" style=\"z-index:4\">\r\n      <div class=\"d-flex align-items-center\">\r\n        <div class=\"flex-grow-1\"><ng-content></ng-content></div>\r\n        <div class=\"ms-auto align-self-start d-flex align-items-start\">\r\n          <button type=\"button\" class=\"btn-close p-1\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"showHelp=false\"></button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbHelpButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbHelpButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-help-button', standalone: false, template: "<button type=\"button\"\r\n  class=\"w-auto d-flex gap-1 align-items-baseline help-button\"\r\n  [ngClass]=\"buttonClass\"\r\n  [attr.aria-controls]=\"id\" aria-label=\"Help\"\r\n  [attr.aria-expanded]=\"showHelp\" (click)=\"onClose()\">\r\n  <span [ngClass]=\"iconClass\"></span>\r\n  {{label}}\r\n</button>\r\n<div>\r\n  @if (showHelp) {\r\n    <div [id]=\"id\" class=\"position-absolute start-0 w-100 adb-plate-primary text-start shadow\" style=\"z-index:4\">\r\n      <div class=\"d-flex align-items-center\">\r\n        <div class=\"flex-grow-1\"><ng-content></ng-content></div>\r\n        <div class=\"ms-auto align-self-start d-flex align-items-start\">\r\n          <button type=\"button\" class=\"btn-close p-1\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"showHelp=false\"></button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { buttonClass: [{
@@ -1768,11 +1847,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbButtonsModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbButtonsModule, declarations: [AdbHelpButtonComponent], imports: [CommonModule, AdbDirectivesModule], exports: [AdbHelpButtonComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbButtonsModule, imports: [CommonModule, AdbDirectivesModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbButtonsModule, declarations: [AdbHelpButtonComponent], imports: [CommonModule, AdbDirectivesModule], exports: [AdbHelpButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbButtonsModule, imports: [CommonModule, AdbDirectivesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbButtonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbButtonsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AdbDirectivesModule],
@@ -1790,17 +1869,13 @@ const DEFAULT_MARKER = {
     bold: '**'
 };
 class AdbRichEditorComponent {
+    el;
+    text = '';
+    hasTaxon = false;
+    hasReference = false;
+    rows = 3;
     constructor(el) {
         this.el = el;
-        this.text = '';
-        this.hasTaxon = false;
-        this.hasReference = false;
-        this.rows = 3;
-        // ---------------------------------------
-        // ControlValueAccessor
-        // ---------------------------------------
-        this.onChange = () => { };
-        this.onTouched = () => { };
     }
     getTextarea() {
         return this.el.nativeElement.querySelector('textarea');
@@ -1898,6 +1973,11 @@ class AdbRichEditorComponent {
             textarea.setSelectionRange(nameStart, nameEnd);
         });
     }
+    // ---------------------------------------
+    // ControlValueAccessor
+    // ---------------------------------------
+    onChange = () => { };
+    onTouched = () => { };
     writeValue(value) {
         this.text = value ?? '';
     }
@@ -1919,21 +1999,21 @@ class AdbRichEditorComponent {
         this.onChange(this.text);
     }
     ngOnDestroy() { }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbRichEditorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AdbRichEditorComponent, isStandalone: false, selector: "adb-rich-editor", inputs: { hasTaxon: "hasTaxon", hasReference: "hasReference", rows: "rows" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbRichEditorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AdbRichEditorComponent, isStandalone: false, selector: "adb-rich-editor", inputs: { hasTaxon: "hasTaxon", hasReference: "hasReference", rows: "rows" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef((() => AdbRichEditorComponent)),
+                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: 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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbRichEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbRichEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-rich-editor', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef((() => AdbRichEditorComponent)),
+                            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" }]
@@ -1948,9 +2028,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 const RICH_MODULE_CONFIG = new InjectionToken('richModule.config');
 
 class RichTextComponent {
+    text = '';
+    parts = [];
+    taxonUrl;
     constructor(config) {
-        this.text = '';
-        this.parts = [];
         this.taxonUrl = config.taxonUrl;
     }
     ngOnChanges() {
@@ -2024,10 +2105,10 @@ class RichTextComponent {
         }
         return parts;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RichTextComponent, deps: [{ token: RICH_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: RichTextComponent, isStandalone: false, selector: "adb-rich-text", inputs: { text: "text" }, usesOnChanges: true, ngImport: i0, template: "<div style=\"white-space: pre-wrap;\">\r\n  @for (part of parts; track part) {\r\n    @if (part.type === 'text') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n    @if (part.type === 'italic') {\r\n      <em>{{ part.content }}</em>\r\n    }\r\n    @if (part.type === 'bold') {\r\n      <b>{{ part.content }}</b>\r\n    }\r\n    @if (part.type === 'taxon') {\r\n      <a [href]=\"taxonUrl + part.id\">{{ part.content }}</a>\r\n    }\r\n    @if (part.type === 'term') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n    @if (part.type === 'reference') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n  }\r\n</div>\r\n" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RichTextComponent, deps: [{ token: RICH_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: RichTextComponent, isStandalone: false, selector: "adb-rich-text", inputs: { text: "text" }, usesOnChanges: true, ngImport: i0, template: "<div style=\"white-space: pre-wrap;\">\r\n  @for (part of parts; track part) {\r\n    @if (part.type === 'text') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n    @if (part.type === 'italic') {\r\n      <em>{{ part.content }}</em>\r\n    }\r\n    @if (part.type === 'bold') {\r\n      <b>{{ part.content }}</b>\r\n    }\r\n    @if (part.type === 'taxon') {\r\n      <a [href]=\"taxonUrl + part.id\">{{ part.content }}</a>\r\n    }\r\n    @if (part.type === 'term') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n    @if (part.type === 'reference') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n  }\r\n</div>\r\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: RichTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RichTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-rich-text', standalone: false, template: "<div style=\"white-space: pre-wrap;\">\r\n  @for (part of parts; track part) {\r\n    @if (part.type === 'text') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n    @if (part.type === 'italic') {\r\n      <em>{{ part.content }}</em>\r\n    }\r\n    @if (part.type === 'bold') {\r\n      <b>{{ part.content }}</b>\r\n    }\r\n    @if (part.type === 'taxon') {\r\n      <a [href]=\"taxonUrl + part.id\">{{ part.content }}</a>\r\n    }\r\n    @if (part.type === 'term') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n    @if (part.type === 'reference') {\r\n      <span>{{ part.content }}</span>\r\n    }\r\n  }\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -2046,11 +2127,11 @@ class AdbRichEditorModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbRichEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbRichEditorModule, declarations: [AdbRichEditorComponent, RichTextComponent], imports: [CommonModule, FormsModule], exports: [AdbRichEditorComponent, RichTextComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbRichEditorModule, imports: [CommonModule, FormsModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbRichEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbRichEditorModule, declarations: [AdbRichEditorComponent, RichTextComponent], imports: [CommonModule, FormsModule], exports: [AdbRichEditorComponent, RichTextComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbRichEditorModule, imports: [CommonModule, FormsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbRichEditorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbRichEditorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule],
@@ -2060,20 +2141,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class FilterSectionComponent {
-    constructor() {
-        this.titleResource = 'Not set';
-        this.helpResource = null;
-        this.lazy = false;
-    }
+    titleResource = 'Not set';
+    helpResource = null;
+    count;
+    expanded;
+    lazy = false;
+    id;
+    template;
     ngOnInit() {
         this.id = +Math.floor(Math.random() * Date.now());
     }
     ngOnDestroy() {
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FilterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: FilterSectionComponent, isStandalone: false, selector: "adb-filter-section", inputs: { titleResource: "titleResource", helpResource: "helpResource", count: "count", expanded: "expanded", lazy: "lazy" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\" class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n    <div class=\"d-flex align-items-center gap-1 flex-wrap \">\r\n        <div class=\"d-flex align-items-center\">\r\n            <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n            {{titleResource|translate}}\r\n        </div>\r\n        @if(helpResource){\r\n        <adb-help-button (click)=\"$event.stopPropagation()\">{{helpResource|translate}}</adb-help-button>\r\n        }\r\n        @if(count > 0){\r\n        <div class=\"ms-auto badge bg-dark\">{{count}}</div>\r\n        }\r\n    </div>\r\n</button>\r\n@if (expanded) {\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\">\r\n    @if (lazy && template) {\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n    } @else {\r\n    <ng-content></ng-content>\r\n    }\r\n</div>\r\n}", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdbHelpButtonComponent, selector: "adb-help-button", inputs: ["buttonClass", "iconClass", "label"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FilterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: FilterSectionComponent, isStandalone: false, selector: "adb-filter-section", inputs: { titleResource: "titleResource", helpResource: "helpResource", count: "count", expanded: "expanded", lazy: "lazy" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\" class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n    <div class=\"d-flex align-items-center gap-1 flex-wrap \">\r\n        <div class=\"d-flex align-items-center\">\r\n            <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n            {{titleResource|translate}}\r\n        </div>\r\n        @if(helpResource){\r\n        <adb-help-button (click)=\"$event.stopPropagation()\">{{helpResource|translate}}</adb-help-button>\r\n        }\r\n        @if(count > 0){\r\n        <div class=\"ms-auto badge bg-dark\">{{count}}</div>\r\n        }\r\n    </div>\r\n</button>\r\n@if (expanded) {\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\">\r\n    @if (lazy && template) {\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n    } @else {\r\n    <ng-content></ng-content>\r\n    }\r\n</div>\r\n}", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdbHelpButtonComponent, selector: "adb-help-button", inputs: ["buttonClass", "iconClass", "label"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FilterSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FilterSectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-filter-section', standalone: false, template: "<button [attr.aria-expanded]=\"expanded\" [attr.aria-controls]=\"id\" class=\"btn btn-invisible px-1 bg-white\" type=\"button\" (click)=\"expanded = !expanded\">\r\n    <div class=\"d-flex align-items-center gap-1 flex-wrap \">\r\n        <div class=\"d-flex align-items-center\">\r\n            <i class=\"fas fa-fw\" [ngClass]=\"expanded?'fa-chevron-down':'fa-chevron-right'\"></i>\r\n            {{titleResource|translate}}\r\n        </div>\r\n        @if(helpResource){\r\n        <adb-help-button (click)=\"$event.stopPropagation()\">{{helpResource|translate}}</adb-help-button>\r\n        }\r\n        @if(count > 0){\r\n        <div class=\"ms-auto badge bg-dark\">{{count}}</div>\r\n        }\r\n    </div>\r\n</button>\r\n@if (expanded) {\r\n<div class=\"px-3 pb-3 border-bottom\" [id]=\"id\">\r\n    @if (lazy && template) {\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n    } @else {\r\n    <ng-content></ng-content>\r\n    }\r\n</div>\r\n}" }]
         }], propDecorators: { titleResource: [{
@@ -2092,11 +2175,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbFilterSectionModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbFilterSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbFilterSectionModule, declarations: [FilterSectionComponent], imports: [CommonModule, FormsModule, TranslateModule, AdbButtonsModule], exports: [FilterSectionComponent, AdbButtonsModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbFilterSectionModule, imports: [CommonModule, FormsModule, TranslateModule, AdbButtonsModule, AdbButtonsModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbFilterSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbFilterSectionModule, declarations: [FilterSectionComponent], imports: [CommonModule, FormsModule, TranslateModule, AdbButtonsModule], exports: [FilterSectionComponent, AdbButtonsModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbFilterSectionModule, imports: [CommonModule, FormsModule, TranslateModule, AdbButtonsModule, AdbButtonsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbFilterSectionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbFilterSectionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, TranslateModule, AdbButtonsModule],
@@ -2116,25 +2199,29 @@ const DEFAULT_ADB_USER_SERVICE_CONFIG = {
 };
 
 class UserModuleConstants {
-    static { this.CURRENT_URL = "current_url"; }
-    static { this.CODE_VERIFIER = 'nonce'; }
-    static { this.REFRESH_TOKEN = 'refresh-token'; }
-    static { this.TOKEN_EXPIRES = 'token_expires'; }
-    static { this.ACCESS_TOKEN = 'access-token'; }
-    static { this.USER_LAST_ACTIVE = 'lastActive'; }
-    static { this.ONGOING_CODEFLOW = 'ongoing-codeflow'; }
+    static CURRENT_URL = "current_url";
+    static CODE_VERIFIER = 'nonce';
+    static REFRESH_TOKEN = 'refresh-token';
+    static TOKEN_EXPIRES = 'token_expires';
+    static ACCESS_TOKEN = 'access-token';
+    static USER_LAST_ACTIVE = 'lastActive';
+    static ONGOING_CODEFLOW = 'ongoing-codeflow';
 }
 
 class AdbUserService {
+    config;
+    http;
+    router;
+    subscriptions = new Subscription();
+    userSubject = new BehaviorSubject(null);
+    user$ = this.userSubject.asObservable();
+    lastRefreshTime = 0;
+    intervalId;
     // hasEmitted = false;
     constructor(config, http, router) {
         this.config = config;
         this.http = http;
         this.router = router;
-        this.subscriptions = new Subscription();
-        this.userSubject = new BehaviorSubject(null);
-        this.user$ = this.userSubject.asObservable();
-        this.lastRefreshTime = 0;
         this.config = { ...{ scope: 'roles', idleTime: 30, response_type: 'code' }, ...config };
     }
     init() {
@@ -2319,10 +2406,10 @@ class AdbUserService {
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserService, deps: [{ token: ADB_USER_SERVICE_CONFIG }, { token: i1$2.HttpClient }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserService, deps: [{ token: ADB_USER_SERVICE_CONFIG }, { token: i1$2.HttpClient }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -2330,12 +2417,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 }] }, { type: i1$2.HttpClient }, { type: i1.Router }] });
 
 class AuthCallbackComponent {
+    activatedRoute;
+    router;
+    http;
+    adbUserService;
+    subscriptions = new Subscription();
     constructor(activatedRoute, router, http, adbUserService) {
         this.activatedRoute = activatedRoute;
         this.router = router;
         this.http = http;
         this.adbUserService = adbUserService;
-        this.subscriptions = new Subscription();
     }
     ngOnInit() {
         this.subscriptions.add(this.activatedRoute.queryParamMap.subscribe(qParmas => {
@@ -2368,10 +2459,10 @@ class AuthCallbackComponent {
             }
         }));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AuthCallbackComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i1$2.HttpClient }, { token: AdbUserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: AuthCallbackComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: '<div class="loading-dead-spinner"></div>', isInline: true }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AuthCallbackComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i1$2.HttpClient }, { token: AdbUserService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: AuthCallbackComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: '<div class="loading-dead-spinner"></div>', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AuthCallbackComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AuthCallbackComponent, decorators: [{
             type: Component,
             args: [{
                     template: '<div class="loading-dead-spinner"></div>',
@@ -2380,7 +2471,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: i1$2.HttpClient }, { type: AdbUserService }] });
 
 class AdbUserInterceptor {
-    static { this.UNAUTHENTICATED = 401; }
+    adbUserService;
+    static UNAUTHENTICATED = 401;
     constructor(adbUserService) {
         this.adbUserService = adbUserService;
     }
@@ -2413,10 +2505,10 @@ class AdbUserInterceptor {
         }
         return throwError(() => error);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserInterceptor, deps: [{ token: AdbUserService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserInterceptor }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserInterceptor, deps: [{ token: AdbUserService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserInterceptor });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: AdbUserService }] });
 
@@ -2439,18 +2531,18 @@ class AdbUserModule {
             ],
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbUserModule, declarations: [AuthCallbackComponent], imports: [CommonModule, i1.RouterModule, i1$1.TranslateModule], exports: [AuthCallbackComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserModule, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbUserModule, declarations: [AuthCallbackComponent], imports: [CommonModule, i1.RouterModule, i1$1.TranslateModule], exports: [AuthCallbackComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserModule, providers: [
             AdbUserService,
             {
                 provide: HTTP_INTERCEPTORS,
                 useClass: AdbUserInterceptor,
                 multi: true
             }
-        ], imports: [CommonModule, RouterModule.forChild(routes), TranslateModule.forChild()] }); }
+        ], imports: [CommonModule, RouterModule.forChild(routes), TranslateModule.forChild()] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbUserModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbUserModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule.forChild(routes), TranslateModule.forChild()],
@@ -2468,21 +2560,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }] });
 
 class GenericPickerComponent {
-    constructor() {
-        this.subs = new Subscription();
-        this.searchChanged$ = new BehaviorSubject('');
-        this.disabled = false;
-        this.placeholder = '';
-        this.selectItemChange = new EventEmitter();
-        this.focus = new EventEmitter();
-        this.searchQuery = '';
-        this.loading = false;
-        this.error = null;
-        this.items$ = of([]);
-        this.itemsSnapshot = [];
-        this.showPop = false;
-        this.rowIndex = -1;
-    }
+    subs = new Subscription();
+    searchChanged$ = new BehaviorSubject('');
+    search;
+    displayFn;
+    loadById;
+    disabled = false;
+    placeholder = '';
+    itemTemplate;
+    selectItemChange = new EventEmitter();
+    focus = new EventEmitter();
     set initialValue(item) {
         if (item) {
             this.searchQuery = this.displayFn(item);
@@ -2491,6 +2578,13 @@ class GenericPickerComponent {
             this.searchQuery = '';
         }
     }
+    searchQuery = '';
+    loading = false;
+    error = null;
+    items$ = of([]);
+    itemsSnapshot = [];
+    showPop = false;
+    rowIndex = -1;
     ngOnInit() {
         this.items$ = this.searchChanged$.pipe(debounceTime(300), switchMap(query => {
             if (!query) {
@@ -2555,10 +2649,10 @@ class GenericPickerComponent {
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GenericPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GenericPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-generic-picker', standalone: false, 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}" }]
         }], propDecorators: { search: [{
@@ -2584,14 +2678,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 
 const ADB_PICKER_CONFIG = new InjectionToken('ADB_PICKER_CONFIG');
 class AdbPickerConfigService {
+    areas;
+    taxa;
     constructor(config) {
         this.areas = config.api + '/areas';
         this.taxa = config.api + '/taxalookup';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPickerConfigService, deps: [{ token: ADB_PICKER_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPickerConfigService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPickerConfigService, deps: [{ token: ADB_PICKER_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPickerConfigService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPickerConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPickerConfigService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -2599,36 +2695,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 }] }] });
 
 class AdbTaxonPickerComponent {
+    config;
+    http;
+    fullWidth = true;
+    placeholder = 'Sök taxon';
+    useObject = false;
+    prefill = false;
+    initialValue = signal(null, ...(ngDevMode ? [{ debugName: "initialValue" }] : []));
+    isDisabled = false;
+    loading = false;
+    showPrefill = false;
+    onChange = () => { };
+    onTouched = () => { };
     constructor(config, http) {
         this.config = config;
         this.http = http;
-        this.fullWidth = true;
-        this.placeholder = 'Sök taxon';
-        this.useObject = false;
-        this.prefill = false;
-        this.initialValue = signal(null, ...(ngDevMode ? [{ debugName: "initialValue" }] : []));
-        this.isDisabled = false;
-        this.loading = false;
-        this.showPrefill = false;
-        this.onChange = () => { };
-        this.onTouched = () => { };
-        this.getTaxa = (query) => {
-            this.loading = true;
-            const params = { search: query };
-            return this.http.get(this.config.taxa, { params }).pipe(map$1(result => Array.isArray(result) ? { items: result } : result), tap(() => this.loading = false), catchError(() => {
-                this.loading = false;
-                return of({ items: [] });
-            }));
-        };
-        this.displayTaxon = (taxon) => {
-            if (!taxon)
-                return '';
-            if (taxon.swedishName && taxon.scientificName) {
-                return `${taxon.swedishName} ${taxon.scientificName}`;
-            }
-            return taxon.scientificName ?? '';
-        };
     }
+    getTaxa = (query) => {
+        this.loading = true;
+        const params = { search: query };
+        return this.http.get(this.config.taxa, { params }).pipe(map$1(result => Array.isArray(result) ? { items: result } : result), tap(() => this.loading = false), catchError(() => {
+            this.loading = false;
+            return of({ items: [] });
+        }));
+    };
+    displayTaxon = (taxon) => {
+        if (!taxon)
+            return '';
+        if (taxon.swedishName && taxon.scientificName) {
+            return `${taxon.swedishName} ${taxon.scientificName}`;
+        }
+        return taxon.scientificName ?? '';
+    };
     loadTaxonById(id) {
         if (!id)
             return of(null);
@@ -2675,21 +2773,21 @@ class AdbTaxonPickerComponent {
     setDisabledState(isDisabled) {
         this.isDisabled = isDisabled;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbTaxonPickerComponent, deps: [{ token: AdbPickerConfigService }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AdbTaxonPickerComponent, isStandalone: false, selector: "adb-taxon-picker", inputs: { placeholder: "placeholder", useObject: "useObject", prefill: "prefill" }, host: { properties: { "class.w-100": "this.fullWidth" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbTaxonPickerComponent, deps: [{ token: AdbPickerConfigService }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AdbTaxonPickerComponent, isStandalone: false, selector: "adb-taxon-picker", inputs: { placeholder: "placeholder", useObject: "useObject", prefill: "prefill" }, host: { properties: { "class.w-100": "this.fullWidth" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef((() => AdbTaxonPickerComponent)),
+                useExisting: forwardRef(() => AdbTaxonPickerComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<adb-generic-picker [search]=\"getTaxa\" [displayFn]=\"displayTaxon\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-taxon let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{taxon.swedishName | adbHighlight: searchQuery}}\"></div>\r\n            <em innerHTML=\"{{taxon.scientificName | adbHighlight: searchQuery}}\"></em>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", dependencies: [{ kind: "component", type: GenericPickerComponent, selector: "adb-generic-picker", inputs: ["search", "displayFn", "loadById", "disabled", "placeholder", "initialValue"], outputs: ["selectItemChange", "focus"] }, { kind: "pipe", type: HighlightPipe, name: "adbHighlight" }] }); }
+        ], ngImport: i0, template: "<adb-generic-picker [search]=\"getTaxa\" [displayFn]=\"displayTaxon\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-taxon let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{taxon.swedishName | adbHighlight: searchQuery}}\"></div>\r\n            <em innerHTML=\"{{taxon.scientificName | adbHighlight: searchQuery}}\"></em>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", dependencies: [{ kind: "component", type: GenericPickerComponent, selector: "adb-generic-picker", inputs: ["search", "displayFn", "loadById", "disabled", "placeholder", "initialValue"], outputs: ["selectItemChange", "focus"] }, { kind: "pipe", type: HighlightPipe, name: "adbHighlight" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbTaxonPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbTaxonPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-taxon-picker', standalone: false, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef((() => AdbTaxonPickerComponent)),
+                            useExisting: forwardRef(() => AdbTaxonPickerComponent),
                             multi: true
                         }
                     ], template: "<adb-generic-picker [search]=\"getTaxa\" [displayFn]=\"displayTaxon\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-taxon let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{taxon.swedishName | adbHighlight: searchQuery}}\"></div>\r\n            <em innerHTML=\"{{taxon.scientificName | adbHighlight: searchQuery}}\"></em>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}" }]
@@ -2705,37 +2803,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AdbAreaPickerComponent {
+    translate;
+    config;
+    http;
+    fullWidth = true;
+    placeholder = 'Sök område';
+    useObject = false;
+    prefill = false;
+    initialValue = signal(null, ...(ngDevMode ? [{ debugName: "initialValue" }] : []));
+    isDisabled = false;
+    loading = false;
+    showPrefill = false;
+    onChange = () => { };
+    onTouched = () => { };
     constructor(translate, config, http) {
         this.translate = translate;
         this.config = config;
         this.http = http;
-        this.fullWidth = true;
-        this.placeholder = 'Sök område';
-        this.useObject = false;
-        this.prefill = false;
-        this.initialValue = signal(null, ...(ngDevMode ? [{ debugName: "initialValue" }] : []));
-        this.isDisabled = false;
-        this.loading = false;
-        this.showPrefill = false;
-        this.onChange = () => { };
-        this.onTouched = () => { };
-        this.getAreas = (query) => {
-            this.showPrefill = false;
-            const params = { search: query, skip: 0, take: 10 };
-            return this.http.get(this.config.areas, { params: params });
-        };
-        this.displayArea = (area) => {
-            if (!area || Object.keys(area).length === 0) {
-                return '';
-            }
-            return area ? `${area.name} ${this.translate.instant('AREATYPES.' + area.areaType)}` : '';
-        };
-        this.loadAreaId = (id) => {
-            this.loading = true;
-            const url = `${this.config.areas}/${id}`;
-            return this.http.get(url).pipe(tap(() => this.loading = false));
-        };
     }
+    getAreas = (query) => {
+        this.showPrefill = false;
+        const params = { search: query, skip: 0, take: 10 };
+        return this.http.get(this.config.areas, { params: params });
+    };
+    displayArea = (area) => {
+        if (!area || Object.keys(area).length === 0) {
+            return '';
+        }
+        return area ? `${area.name} ${this.translate.instant('AREATYPES.' + area.areaType)}` : '';
+    };
+    loadAreaId = (id) => {
+        this.loading = true;
+        const url = `${this.config.areas}/${id}`;
+        return this.http.get(url).pipe(tap(() => this.loading = false));
+    };
     onSelect(area) {
         const value = this.useObject ? area : area?.id ?? null;
         this.onChange(value);
@@ -2773,21 +2874,21 @@ class AdbAreaPickerComponent {
     setDisabledState(isDisabled) {
         this.isDisabled = isDisabled;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbAreaPickerComponent, deps: [{ token: i1$1.TranslateService }, { token: AdbPickerConfigService }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AdbAreaPickerComponent, isStandalone: false, selector: "adb-area-picker", inputs: { placeholder: "placeholder", useObject: "useObject", prefill: "prefill" }, host: { properties: { "class.w-100": "this.fullWidth" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbAreaPickerComponent, deps: [{ token: i1$1.TranslateService }, { token: AdbPickerConfigService }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AdbAreaPickerComponent, isStandalone: false, selector: "adb-area-picker", inputs: { placeholder: "placeholder", useObject: "useObject", prefill: "prefill" }, host: { properties: { "class.w-100": "this.fullWidth" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef((() => AdbAreaPickerComponent)),
+                useExisting: forwardRef(() => AdbAreaPickerComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<adb-generic-picker [search]=\"getAreas\" [displayFn]=\"displayArea\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-area let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{area.name|adbHighlight: searchQuery}}\"></div>\r\n            <div>{{'AREATYPES.'+area.areaType|translate}}</div>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", dependencies: [{ kind: "component", type: GenericPickerComponent, selector: "adb-generic-picker", inputs: ["search", "displayFn", "loadById", "disabled", "placeholder", "initialValue"], outputs: ["selectItemChange", "focus"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "adbHighlight" }] }); }
+        ], ngImport: i0, template: "<adb-generic-picker [search]=\"getAreas\" [displayFn]=\"displayArea\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-area let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{area.name|adbHighlight: searchQuery}}\"></div>\r\n            <div>{{'AREATYPES.'+area.areaType|translate}}</div>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", dependencies: [{ kind: "component", type: GenericPickerComponent, selector: "adb-generic-picker", inputs: ["search", "displayFn", "loadById", "disabled", "placeholder", "initialValue"], outputs: ["selectItemChange", "focus"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "adbHighlight" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbAreaPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbAreaPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-area-picker', standalone: false, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef((() => AdbAreaPickerComponent)),
+                            useExisting: forwardRef(() => AdbAreaPickerComponent),
                             multi: true
                         }
                     ], template: "<adb-generic-picker [search]=\"getAreas\" [displayFn]=\"displayArea\" [placeholder]=\"placeholder\" [disabled]=\"isDisabled\" [initialValue]=\"initialValue()\" (selectItemChange)=\"onSelect($event)\" (focus)=\"onFocus()\">\r\n    <ng-template #itemTemplate let-area let-searchQuery=\"searchQuery\">\r\n        <div class=\"d-flex flex-wrap gap-1 align-items-center\">\r\n            <div innerHTML=\"{{area.name|adbHighlight: searchQuery}}\"></div>\r\n            <div>{{'AREATYPES.'+area.areaType|translate}}</div>\r\n        </div>\r\n    </ng-template>\r\n</adb-generic-picker>\r\n@if (showPrefill && prefill) {\r\n<div class=\"pop\">\r\n    <div class=\"pop-body\">\r\n        <div class=\"p-3\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n}" }]
@@ -2814,15 +2915,15 @@ class AdbPickerModule {
             ]
         };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AdbPickerModule, declarations: [GenericPickerComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: AdbPickerModule, declarations: [GenericPickerComponent,
             AdbAreaPickerComponent,
             AdbTaxonPickerComponent], imports: [CommonModule, FormsModule, i1$1.TranslateModule, AdbPipesModule, AdbDirectivesModule], exports: [GenericPickerComponent,
             AdbAreaPickerComponent,
-            AdbTaxonPickerComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPickerModule, providers: [AdbPickerConfigService], imports: [CommonModule, FormsModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule] }); }
+            AdbTaxonPickerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPickerModule, providers: [AdbPickerConfigService], imports: [CommonModule, FormsModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbPickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AdbPickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule],
@@ -2840,783 +2941,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 }]
         }] });
 
-class AdbMapUtils {
-    static { this.INITIAL_CENTER_LAT = 62; }
-    static { this.INITIAL_CENTER_LNG = 17; }
-    static { this.OverlayMaps = {
-        'Altitude': new Leaflet.TileLayer.WMS("https://maps.sgu.se/lmv/hojdmodell/v1.1?SERVICE=WMS", { layers: "terrangskuggning", format: "image/png", transparent: true, opacity: 0.3, maxZoom: 16, version: "1.3.0" }),
-        'Fjällkarta': new Leaflet.TileLayer.WMS('api/maps/mountain', {
-            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
-        }
-    ]; }
-    //NOTE: Will be move
-    static { this.redListMapper2 = {
-        'VU': '228',
-        'EN': '229',
-        'CR': '230',
-        'RE': '231',
-        'DD': '232',
-        'NT': '233'
-    }; }
-    static createMap(elementId, options = {}) {
-        const map = Leaflet.map(elementId, {
-            zoomAnimation: false,
-            fadeAnimation: false,
-            markerZoomAnimation: false,
-            inertia: false,
-            scrollWheelZoom: options.scrollZoom ?? true,
-            zoomControl: options.zoom ?? true,
-            dragging: options.zoom ?? true,
-            minZoom: -1
-        });
-        map.setView([62, 17], 5);
-        Leaflet.control.scale().addTo(map);
-        if (options.providers !== false) {
-            this.addProviders(map);
-        }
-        return map;
-    }
-    static addProviders(map) {
-        const backgroundMaps = {};
-        for (const value of Object.values(AdbMapUtils.Providers)) {
-            const baseOptions = {
-                ...value.params,
-                updateWhenZooming: false,
-                updateWhenIdle: true,
-                keepBuffer: 2,
-                crossOrigin: true
-            };
-            backgroundMaps[value.name] = value.wms
-                ? Leaflet.tileLayer.wms(value.url, baseOptions)
-                : Leaflet.tileLayer(value.url, baseOptions);
-        }
-        map.addLayer(backgroundMaps['Open Streetmap']);
-        Leaflet.control.layers(backgroundMaps, AdbMapUtils.OverlayMaps).addTo(map);
-    }
-}
-
-class PolygonDrawerInput {
-    constructor() {
-        this.subscriptions = new Subscription();
-        this.mapId = "" + Math.floor(Math.random() * Date.now());
-        this.polygonDraw = false;
-        // ControlValueAccessor
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    ngAfterViewInit() {
-        this.map = AdbMapUtils.createMap(this.mapId, {
-            zoom: true,
-            scrollZoom: true,
-            providers: true
-        });
-        this.map.whenReady(() => {
-            this.initDraw();
-            this.renderInitialShape();
-        });
-    }
-    ngOnInit() { }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    initDraw() {
-        this.map.pm.removeControls();
-        this.map.pm.enableDraw('Polygon', {
-            tooltips: false,
-            finishOn: 'snap',
-            snapDistance: 30,
-            snapMiddle: false
-        });
-        this.map.on("pm:create", (e) => {
-            if (e.shape !== 'Polygon' && e.shape !== 'Circle')
-                return;
-            this.polygonDraw = false;
-            this.map.pm.disableDraw();
-            this.clearShape();
-            this.shapeLayer = e.layer;
-            if (this.shapeLayer instanceof Leaflet__default.Path) {
-                this.shapeLayer.setStyle({ fillOpacity: 0.5 });
-            }
-            this.shapeLayer.interactive = false;
-            this.map.fitBounds(this.shapeLayer.getBounds());
-            const geo = this.shapeLayer.toGeoJSON();
-            if (this.shapeLayer instanceof Leaflet__default.Circle) {
-                geo.properties = {
-                    ...geo.properties,
-                    radius: Math.ceil(this.shapeLayer.getRadius())
-                };
-            }
-            this.onChange(geo);
-        });
-    }
-    renderInitialShape() {
-        if (this.geoJson?.type === "Feature") {
-            this.shapeLayer = Leaflet__default.geoJSON(this.geoJson, {
-                interactive: false
-            });
-            this.map.addLayer(this.shapeLayer);
-            this.map.fitBounds(this.shapeLayer.getBounds());
-        }
-        else {
-            this.map.setView([AdbMapUtils.INITIAL_CENTER_LAT, AdbMapUtils.INITIAL_CENTER_LNG], 5);
-        }
-    }
-    clearShape() {
-        if (this.shapeLayer) {
-            this.map.removeLayer(this.shapeLayer);
-            this.shapeLayer = null;
-        }
-    }
-    onDrawPolygon() {
-        this.polygonDraw = true;
-        this.map.pm.enableDraw("Polygon", {
-            allowSelfIntersection: false,
-            snappable: false
-        });
-    }
-    onDrawCircle() {
-        this.polygonDraw = true;
-        this.map.pm.enableDraw("Circle", {
-            allowSelfIntersection: false,
-            snappable: false
-        });
-    }
-    onUndoStep() {
-        const draw = this.map.pm.Draw?.Polygon;
-        draw?._removeLastVertex();
-    }
-    onDeleteShape() {
-        this.clearShape();
-        this.map.pm.disableDraw();
-        this.polygonDraw = false;
-        this.onChange(null);
-        this.map.setView([62, 17], 5);
-    }
-    writeValue(geoJson) {
-        this.geoJson = geoJson;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) { }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PolygonDrawerInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: PolygonDrawerInput, isStandalone: false, selector: "adb-polygon-drawer", providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef((() => PolygonDrawerInput)),
-                multi: 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\" (click)=\"onDrawPolygon()\" title=\"Polygon\">\r\n    <span class=\"fas fa-draw-polygon\"></span> {{'OBSERVATION.DRAW'|translate}}\r\n  </button>\r\n  <button class=\"btn btn-secondary\" type=\"button\" [disabled]=\"shapeLayer\" (click)=\"onDrawCircle()\" title=\"Circle\">\r\n    <span class=\"fas fa-draw-circle\"></span> {{'OBSERVATION.DRAW_CIRCLE'|translate}}\r\n  </button>\r\n  @if (shapeLayer) {\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.1.3", 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\" (click)=\"onDrawPolygon()\" title=\"Polygon\">\r\n    <span class=\"fas fa-draw-polygon\"></span> {{'OBSERVATION.DRAW'|translate}}\r\n  </button>\r\n  <button class=\"btn btn-secondary\" type=\"button\" [disabled]=\"shapeLayer\" (click)=\"onDrawCircle()\" title=\"Circle\">\r\n    <span class=\"fas fa-draw-circle\"></span> {{'OBSERVATION.DRAW_CIRCLE'|translate}}\r\n  </button>\r\n  @if (shapeLayer) {\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>" }]
-        }] });
-
-var AdbMapFilterType;
-(function (AdbMapFilterType) {
-    AdbMapFilterType["Taxon"] = "taxon";
-    AdbMapFilterType["Area"] = "area";
-    AdbMapFilterType["OwnArea"] = "ownArea";
-    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.observationFeatures = config.api + '/observation-features';
-        this.observationPage = config.observationPage ?? 'https://mobil.artportalen.se/observationer';
-        this.filters = {
-            showTaxon: this.hasFilter(AdbMapFilterType.Taxon, config.filters),
-            showTime: this.hasFilter(AdbMapFilterType.Time, config.filters),
-            showArea: this.hasFilter(AdbMapFilterType.Area, config.filters),
-            showOwnArea: this.hasFilter(AdbMapFilterType.OwnArea, 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.1.3", 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.1.3", ngImport: i0, type: AdbMapConfigService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", 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.1.3", ngImport: i0, type: TreeviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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.1.3", 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 AdbObsMapComponent {
-    //Lock end
-    constructor(activatedRoute, config, router, http) {
-        this.activatedRoute = activatedRoute;
-        this.config = config;
-        this.router = router;
-        this.http = http;
-        this.subscriptions = new Subscription();
-        this.mapLoading = signal(false, ...(ngDevMode ? [{ debugName: "mapLoading" }] : []));
-        this.mapId = '' + Math.floor(Math.random() * Date.now());
-        this.map = Leaflet.map;
-        //Lock start
-        this.mapReady = signal(false, ...(ngDevMode ? [{ debugName: "mapReady" }] : []));
-        this.hasQueryParams = false;
-        this.hasUrlParams = false;
-        effect(() => {
-            // This will re-run whenever mapReady() changes
-            if (this.mapReady() && this.hasQueryParams && this.hasUrlParams) {
-                this.tryLoad();
-            }
-        });
-    }
-    ngAfterViewInit() {
-        this.map = AdbMapUtils.createMap(this.mapId, {
-            zoom: true,
-            scrollZoom: false,
-            providers: true
-        });
-        this.map.whenReady(() => {
-            this.mapReady.set(true);
-        });
-    }
-    // Loads data only after:
-    // - the Leaflet map is ready
-    // - Angular has emitted query params (may be empty)
-    // - Angular has emitted route params (may be empty)
-    tryLoad() {
-        if (!this.mapReady() || !this.hasQueryParams || !this.hasUrlParams) {
-            return;
-        }
-        const params = { ...this.queryParams };
-        this.hasBox = params.bbox ? true : false;
-        if (this.urlParams.has('taxonId')) {
-            params.taxonId = this.urlParams.get('taxonId');
-        }
-        this.loadFeature(params);
-    }
-    ngOnInit() {
-        this.subscriptions.add(this.activatedRoute.queryParams.subscribe(q => {
-            this.queryParams = q ?? {};
-            this.hasQueryParams = true;
-            this.tryLoad();
-        }));
-        this.subscriptions.add(this.activatedRoute.paramMap.subscribe(p => {
-            this.urlParams = p;
-            this.hasUrlParams = true;
-            this.tryLoad();
-        }));
-    }
-    loadFeature(qParams) {
-        this.mapLoading.set(true);
-        this.error = null;
-        const url = this.config.observationFeatures;
-        this.subscriptions.add(this.http.get(url, { observe: 'response', params: qParams }).
-            pipe(finalize(() => {
-            this.mapLoading.set(false);
-        })).
-            subscribe({
-            next: (response) => {
-                if (!response.body) {
-                    throw new Error('No GeoJson body');
-                }
-                const geo = response.body;
-                geo.properties = { count: response.headers.get('X-Observations-TotalCount') };
-                this.buildMap(geo);
-            }, error: err => {
-                this.error = err;
-            }
-        }));
-    }
-    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.config.observationPage + '/' + feature.properties['Occurrence.OccurrenceId'];
-                //     });
-                // }
-                return marker;
-            }, onEachFeature: (feature, layer) => {
-                if (feature.geometry.type === "Polygon" ||
-                    feature.geometry.type === "MultiPolygon") {
-                    layer.setStyle({ interactive: false });
-                    // 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, { animate: false });
-                }, 50); // 30–50ms works best in Safari
-            }
-        }
-    }
-    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];
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", 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.1.3", type: AdbObsMapComponent, isStandalone: false, selector: "adb-obs-map", ngImport: i0, template: "<!-- @if(hasBox&&!mapLoading()){\r\n<div class=\"mb-1 d-flex justify-content-between flex-wrap\">\r\n  <a [routerLink]=\"[]\" [queryParams]=\"{bbox:null,z:null}\" queryParamsHandling=\"merge\" class=\"d-flex gap-1 align-items-baseline\">\r\n    <span class=\"fas fa-chevron-left\"></span>\r\n    Tillbaka upp\r\n  </a>\r\n</div>\r\n} -->\r\n@if(error){\r\n<div class=\"alert alert-danger\">\r\n  {{'ERROR.SERVER_ERROR'|translate}}\r\n</div>\r\n}\r\n<div [class.loading]=\"mapLoading()\">\r\n  <div [id]=\"mapId\" class=\"mb-1 map-container\"></div>\r\n</div>\r\n<div class=\"mb-1 d-flex gap-3 justify-content-between flex-wrap\">\r\n  @if (!mapLoading()&&count) {\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  <div class=\"ms-auto\">\r\n    {{count|adbSpacing}} {{'OBSERVATION.OBSERVATIONS'|translate}}\r\n  </div>\r\n  }\r\n</div>", dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: NumberSpacingPipe, name: "adbSpacing" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AdbObsMapComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'adb-obs-map', standalone: false, template: "<!-- @if(hasBox&&!mapLoading()){\r\n<div class=\"mb-1 d-flex justify-content-between flex-wrap\">\r\n  <a [routerLink]=\"[]\" [queryParams]=\"{bbox:null,z:null}\" queryParamsHandling=\"merge\" class=\"d-flex gap-1 align-items-baseline\">\r\n    <span class=\"fas fa-chevron-left\"></span>\r\n    Tillbaka upp\r\n  </a>\r\n</div>\r\n} -->\r\n@if(error){\r\n<div class=\"alert alert-danger\">\r\n  {{'ERROR.SERVER_ERROR'|translate}}\r\n</div>\r\n}\r\n<div [class.loading]=\"mapLoading()\">\r\n  <div [id]=\"mapId\" class=\"mb-1 map-container\"></div>\r\n</div>\r\n<div class=\"mb-1 d-flex gap-3 justify-content-between flex-wrap\">\r\n  @if (!mapLoading()&&count) {\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  <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 }] });
-
-const DateTypes = {
-    THIS_YEAR: '1',
-    LAST_YEAR: '2',
-    ALL_YEAR: '3',
-    LAST_5_YEAR: '4',
-    LAST_25_YEAR: '5',
-    CUSTOM: '6',
-};
-
-class AdbMapFilters {
-    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.filters = config.filters;
-    }
-    ngOnInit() {
-        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 => {
-            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 === DateTypes.THIS_YEAR) {
-            params.startAt = startOfYear(this.thisYear).toISOString();
-            params.endAt = null;
-        }
-        else if (data.period === DateTypes.LAST_YEAR) {
-            params.startAt = startOfYear(this.lastYear).toISOString();
-            params.endAt = endOfYear(this.lastYear).toISOString();
-        }
-        else if (data.period === DateTypes.ALL_YEAR) {
-            params.startAt = null;
-            params.endAt = null;
-            params.p = null;
-        }
-        else if (data.period === DateTypes.LAST_5_YEAR) {
-            params.startAt = startOfYear(addYears(new Date(), -5)).toISOString();
-            params.endAt = null;
-        }
-        else if (data.period === DateTypes.LAST_25_YEAR) {
-            params.startAt = startOfYear(addYears(new Date(), -25)).toISOString();
-            params.endAt = null;
-        }
-        else if (data.period === DateTypes.CUSTOM) {
-            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.list?.length > 0) {
-            params.list = data.list;
-        }
-        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') && this.filters.showOwnArea;
-        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));
-            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('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({
-                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 (form.contains('startAt')) {
-            form.removeControl('startAt');
-        }
-        if (form.contains('endAt')) {
-            form.removeControl('endAt');
-        }
-        if (period === DateTypes.CUSTOM) {
-            let start = qMap.has('startAt') ? parseISO(qMap.get('startAt')) : null;
-            let end = qMap.has('endAt') ? parseISO(qMap.get('endAt')) : null;
-            if (qMap.get('p') !== DateTypes.CUSTOM) {
-                start = new Date();
-                end = new Date();
-            }
-            this.dateStartConfig = { maxDate: end ?? new Date() };
-            this.dateEndConfig = { minDate: start ?? null, maxDate: new Date() };
-            const startControl = new FormControl(start, Validators.required);
-            const endControl = new FormControl(end, Validators.required);
-            form.addControl('startAt', startControl);
-            form.addControl('endAt', endControl);
-            this.subscriptions.add(startControl.valueChanges.subscribe(startAt => {
-                this.dateEndConfig = { minDate: startAt ?? null, maxDate: new Date() };
-            }));
-            this.subscriptions.add(endControl.valueChanges.subscribe(endAt => {
-                this.dateStartConfig = { maxDate: endAt ?? new Date() };
-            }));
-        }
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", 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.1.3", 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]=\"dateStartConfig\">\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]=\"dateEndConfig\">\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.1.3", 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]=\"dateStartConfig\">\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]=\"dateEndConfig\">\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
-            }] } });
-
-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.1.3", ngImport: i0, type: AdbMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", 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.1.3", 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.1.3", 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
+ * Public API Surface of adb-shared
  */
 
 /**
  * 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, 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 };
+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 };
 //# sourceMappingURL=adb-shared.mjs.map