adb-shared 6.1.9 → 6.2.0-beta

package/fesm2022/adb-shared.mjs

@@ -1,4 +1,4 @@
-import * as i2 from '@angular/common';
+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 } from '@angular/core';
@@ -8,21 +8,22 @@ 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 } from 'rxjs';
+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$3 from '@angular/forms';
+import * as i1$4 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
-import { delay } from 'rxjs/operators';
+import { delay, debounceTime, switchMap, map, catchError as catchError$1 } from 'rxjs/operators';
 
-let EnvironmentService$1 = class EnvironmentService {
+class EnvironmentService {
     constructor(environment) {
         this.environment = environment;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EnvironmentService, deps: [{ token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EnvironmentService }); }
-};
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EnvironmentService$1, decorators: [{
-            type: Injectable
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EnvironmentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EnvironmentService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: ['env']
@@ -343,24 +344,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                 }]
         }] });
 
-class ADBNavComponent {
+class ArtportalenNavComponent {
     set userName(fullName) {
         this.fullName = fullName;
-        const splitted = fullName?.split(' ');
-        if (splitted?.length > 1) {
-            const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);
-            this.initials = initials.toUpperCase();
-        }
-        else {
-            this.initials = this.fullName ? this.fullName.charAt(0).toUpperCase() : this.fullName;
-        }
     }
     ;
-    constructor(httpClient, router, envService, trans) {
+    constructor(httpClient, router, trans, envService) {
         this.httpClient = httpClient;
         this.router = router;
-        this.envService = envService;
         this.trans = trans;
+        this.envService = envService;
         this.subscription = new Subscription();
         this.loginClicked = new EventEmitter();
         this.logoutClicked = new EventEmitter();
@@ -368,16 +361,16 @@ class ADBNavComponent {
         this.showPattern = false;
         this.translationFinished = false;
         this.lastPosition = 0;
-        this.artfakta = true;
         this.showNavMenu = false;
         this.showUserMenu = false;
-        this.showArtfakta = true;
-        this.showNOS = true;
+        this.showReport = true;
+        this.showObservations = true;
+        this.showSubs = false;
     }
     ngOnInit() {
         this.url = window.location.href;
         const baseUrl = this.envService.environment.resourceUrl;
-        const url = this.artfakta ? '/assets/links-ap3.json' : '/assets/artportalen/links-ap3.json';
+        const url = '/assets/artportalen/links-ap3.json';
         this.subscription.add(this.httpClient.get(baseUrl + url).subscribe(result => {
             this.navigation = result;
         }));
@@ -389,23 +382,6 @@ class ADBNavComponent {
             }
         });
     }
-    initTranslations(baseUrl) {
-        if (this.trans.store.translations[this.trans.currentLang]) {
-            this.loadTranslation(baseUrl, this.trans.currentLang);
-        }
-        this.subscription.add(this.trans.onLangChange.subscribe((event) => {
-            this.translationFinished = false;
-            this.loadTranslation(baseUrl, event.lang);
-        }));
-    }
-    loadTranslation(baseUrl, lang) {
-        //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)
-        const url = this.artfakta ? baseUrl + `/assets/i18n/${lang}.json` : baseUrl + `/assets/artportalen/i18n/${lang}.json`;
-        this.subscription.add(this.httpClient.get(url).subscribe(translations => {
-            this.trans.setTranslation(lang, translations, true);
-            this.translationFinished = true;
-        }));
-    }
     showMenuDropdown(show) {
         this.showUserMenu = false;
         if (this.showNavMenu !== show) {
@@ -417,7 +393,14 @@ class ADBNavComponent {
         this.trans.use(lang);
         this.showNavMenu = false;
         this.dropMenuChange.emit(false);
-        //TODO: set localstorage/cookies or probaly event to main app
+    }
+    onUserClick() {
+        if (this.fullName) {
+            this.logout();
+        }
+        else {
+            this.login();
+        }
     }
     login() {
         this.loginClicked.emit();
@@ -425,16 +408,31 @@ class ADBNavComponent {
     logout() {
         this.logoutClicked.emit();
     }
+    initTranslations(baseUrl) {
+        this.loadTranslation(baseUrl, this.trans.getCurrentLang());
+        this.subscription.add(this.trans.onLangChange.subscribe((event) => {
+            this.translationFinished = false;
+            this.loadTranslation(baseUrl, event.lang);
+        }));
+    }
+    loadTranslation(baseUrl, lang) {
+        //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)
+        const url = baseUrl + `/assets/artportalen/i18n/${lang}.json`;
+        this.subscription.add(this.httpClient.get(url).subscribe(translations => {
+            this.trans.setTranslation(lang, translations, true);
+            this.translationFinished = true;
+        }));
+    }
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ADBNavComponent, deps: [{ token: i1$2.HttpClient }, { token: i1.Router }, { token: EnvironmentService$1 }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: ADBNavComponent, isStandalone: false, selector: "adb-nav", inputs: { showPattern: "showPattern", userName: "userName", artfakta: "artfakta" }, outputs: { loginClicked: "loginClicked", logoutClicked: "logoutClicked", dropMenuChange: "dropMenuChange" }, ngImport: i0, template: "<div class=\"bg-primary adb-main-header\" (adbClickOutside)=\"showMenuDropdown(false);\">\r\n  @if (translationFinished) {\r\n    <header class=\"container-lg\">\r\n      <div [attr.id]=\"showPattern?'banner':''\" class=\"d-flex align-items-center gap-2\">\r\n        <nav class=\"d-flex flex-grow-1 align-items-center pe-2 py-2 gap-1\">\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 routerLink=\"/\" class=\"text-white text-decoration-none fs-1 fw-bold\">Artfakta</a>\r\n        </nav>\r\n        <div class=\"d-flex align-items-center gap-2\">\r\n          <div><ng-content></ng-content></div>\r\n          <div>\r\n            <button class=\"btn btn-primary-dark btn-lg\" type=\"button\"\r\n              attr.aria-label=\"{{'ADB_HEADER.MENY'|translate}}\"\r\n              (click)=\"showMenuDropdown(!showNavMenu)\">\r\n              <i class=\"fas fa-bars\"></i>\r\n              <small class=\"d-none ms-2 d-md-inline-block\">{{'ADB_HEADER.MENY'|translate}}</small>\r\n            </button>\r\n          </div>\r\n        </div>\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\"\r\n      [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\">Artfakta</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 tabindex=\"-1\" 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 (initials) {\r\n              <div>\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-primary-dark\">\r\n                  {{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n              </div>\r\n              <div>{{fullName}}</div>\r\n            }\r\n            @if (!initials) {\r\n              <div class=\"text-center\">\r\n                <button type=\"button\" class=\"btn btn-primary-dark\" (click)=\"login()\" id=\"start-login\">{{'ADB_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                  {{'ADB_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]=\"showArtfakta?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <a class=\"d-block py-1 text-white\" href=\"{{navigation.artinfo.url}}\">\r\n                  {{navigation.artinfo.transId|translate}}\r\n                </a>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showArtfakta = !showArtfakta\"\r\n                  attr.aria-controls=\"artfakta-links\" attr.aria-expanded=\"{{showArtfakta}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showArtfakta?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showArtfakta) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"artfakta-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.keys.url}}\" class=\"text-white\">\r\n                      {{navigation.keys.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.mySpecies.url}}\" class=\"text-white\">\r\n                      {{navigation.mySpecies.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.lists.url}}\" class=\"text-white\">\r\n                      {{navigation.lists.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.imageRec.url}}\" class=\"text-white\">\r\n                      {{navigation.imageRec.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.filter.url}}\" class=\"text-white\">\r\n                      {{navigation.filter.transId|translate}}\r\n                    </a>\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.observations.url}}?lang={{trans.currentLang}}\">\r\n                {{navigation.observations.transId|translate}}\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showNOS?'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)=\"showNOS = !showNOS\">\r\n                  {{navigation.nameAndRelationship.transId|translate}}\r\n                </button>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showNOS = !showNOS\" attr.aria-controls=\"nos-links\" attr.aria-expanded=\"{{showNOS}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showNOS?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showNOS) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"nos-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1 text-white\">\r\n                    <a href=\"{{navigation.nameSearch.url}}\" class=\"text-white\">\r\n                      {{navigation.nameSearch.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1 text-white\">\r\n                    <a href=\"{{navigation.match.url}}\" class=\"text-white\">\r\n                      {{navigation.match.transId|translate}}\r\n                    </a>\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.about.url\">{{navigation.about.transId|translate}}</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                {{'ADB_HEADER.ARTPORTALEN_TITLE'|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                {{'ADB_HEADER.DEVELOPED_BY'|translate}}\r\n                <a href=\"https://www.artdatabanken.se/\" class=\"text-white\"><u class=\"me-1\">{{'ADB_HEADER.ARTDATABANKEN'|translate}}</u> <span class=\"fas fa-external-link\"></span></a>\r\n              </small>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div id=\"pattern\" class=\"flex-grow-1\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>", dependencies: [{ kind: "directive", type: i2.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"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", 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.0.8", 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.0.8", ngImport: i0, type: ADBNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ArtportalenNavComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adb-nav', standalone: false, template: "<div class=\"bg-primary adb-main-header\" (adbClickOutside)=\"showMenuDropdown(false);\">\r\n  @if (translationFinished) {\r\n    <header class=\"container-lg\">\r\n      <div [attr.id]=\"showPattern?'banner':''\" class=\"d-flex align-items-center gap-2\">\r\n        <nav class=\"d-flex flex-grow-1 align-items-center pe-2 py-2 gap-1\">\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 routerLink=\"/\" class=\"text-white text-decoration-none fs-1 fw-bold\">Artfakta</a>\r\n        </nav>\r\n        <div class=\"d-flex align-items-center gap-2\">\r\n          <div><ng-content></ng-content></div>\r\n          <div>\r\n            <button class=\"btn btn-primary-dark btn-lg\" type=\"button\"\r\n              attr.aria-label=\"{{'ADB_HEADER.MENY'|translate}}\"\r\n              (click)=\"showMenuDropdown(!showNavMenu)\">\r\n              <i class=\"fas fa-bars\"></i>\r\n              <small class=\"d-none ms-2 d-md-inline-block\">{{'ADB_HEADER.MENY'|translate}}</small>\r\n            </button>\r\n          </div>\r\n        </div>\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\"\r\n      [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\">Artfakta</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 tabindex=\"-1\" 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 (initials) {\r\n              <div>\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-primary-dark\">\r\n                  {{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n              </div>\r\n              <div>{{fullName}}</div>\r\n            }\r\n            @if (!initials) {\r\n              <div class=\"text-center\">\r\n                <button type=\"button\" class=\"btn btn-primary-dark\" (click)=\"login()\" id=\"start-login\">{{'ADB_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                  {{'ADB_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]=\"showArtfakta?'border-bottom-0 pb-0':''\">\r\n              <div class=\"d-flex justify-content-between gap-2\">\r\n                <a class=\"d-block py-1 text-white\" href=\"{{navigation.artinfo.url}}\">\r\n                  {{navigation.artinfo.transId|translate}}\r\n                </a>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showArtfakta = !showArtfakta\"\r\n                  attr.aria-controls=\"artfakta-links\" attr.aria-expanded=\"{{showArtfakta}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showArtfakta?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showArtfakta) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"artfakta-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.keys.url}}\" class=\"text-white\">\r\n                      {{navigation.keys.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.mySpecies.url}}\" class=\"text-white\">\r\n                      {{navigation.mySpecies.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.lists.url}}\" class=\"text-white\">\r\n                      {{navigation.lists.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.imageRec.url}}\" class=\"text-white\">\r\n                      {{navigation.imageRec.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1\">\r\n                    <a href=\"{{navigation.filter.url}}\" class=\"text-white\">\r\n                      {{navigation.filter.transId|translate}}\r\n                    </a>\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.observations.url}}?lang={{trans.currentLang}}\">\r\n                {{navigation.observations.transId|translate}}\r\n              </a>\r\n            </li>\r\n            <li class=\"list-group-item bg-primary\" [ngClass]=\"showNOS?'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)=\"showNOS = !showNOS\">\r\n                  {{navigation.nameAndRelationship.transId|translate}}\r\n                </button>\r\n                <button class=\"btn btn-sm btn-primary\" (click)=\"showNOS = !showNOS\" attr.aria-controls=\"nos-links\" attr.aria-expanded=\"{{showNOS}}\">\r\n                  <span class=\"fas\" [ngClass]=\"showNOS?'fa-chevron-up':'fa-chevron-down'\"></span>\r\n                </button>\r\n              </div>\r\n            </li>\r\n            @if (showNOS) {\r\n              <li class=\"list-group-item bg-primary pt-0 px-3\" id=\"nos-links\">\r\n                <ul class=\"list-unstyled\">\r\n                  <li class=\"d-block py-1 text-white\">\r\n                    <a href=\"{{navigation.nameSearch.url}}\" class=\"text-white\">\r\n                      {{navigation.nameSearch.transId|translate}}\r\n                    </a>\r\n                  </li>\r\n                  <li class=\"d-block py-1 text-white\">\r\n                    <a href=\"{{navigation.match.url}}\" class=\"text-white\">\r\n                      {{navigation.match.transId|translate}}\r\n                    </a>\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.about.url\">{{navigation.about.transId|translate}}</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                {{'ADB_HEADER.ARTPORTALEN_TITLE'|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                {{'ADB_HEADER.DEVELOPED_BY'|translate}}\r\n                <a href=\"https://www.artdatabanken.se/\" class=\"text-white\"><u class=\"me-1\">{{'ADB_HEADER.ARTDATABANKEN'|translate}}</u> <span class=\"fas fa-external-link\"></span></a>\r\n              </small>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div id=\"pattern\" class=\"flex-grow-1\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>" }]
-        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i1.Router }, { type: EnvironmentService$1 }, { type: i1$1.TranslateService }], propDecorators: { loginClicked: [{
+            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: [{
                 type: Output
             }], logoutClicked: [{
                 type: Output
@@ -444,8 +442,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                 type: Input
             }], userName: [{
                 type: Input
-            }], artfakta: [{
-                type: Input
             }] } });
 
 class AdbDropdownService {
@@ -824,7 +820,7 @@ class PagerComponent extends PagerBaseDirective {
         this.subscription.unsubscribe();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PagerComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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: i2.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"] }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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.0.8", ngImport: i0, type: PagerComponent, decorators: [{
             type: Component,
@@ -869,7 +865,7 @@ class PagerInlineComponent extends PagerBaseDirective {
         this.calculatePages();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PagerInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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.0.8", ngImport: i0, type: PagerInlineComponent, decorators: [{
             type: Component,
@@ -899,160 +895,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                 }]
         }] });
 
-class ADBHeaderModule {
-    static forRoot(environment) {
-        return {
-            ngModule: ADBHeaderModule,
-            providers: [
-                EnvironmentService$1,
-                {
-                    provide: 'env', // you can also use InjectionToken
-                    useValue: environment
-                }
-            ]
-        };
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ADBHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: ADBHeaderModule, declarations: [ADBNavComponent], imports: [CommonModule,
-            RouterModule,
-            TranslateModule,
-            AdbDirectivesModule,
-            AdbDropdownModule,
-            AdbPagersModule], exports: [ADBNavComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ADBHeaderModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
-            RouterModule,
-            TranslateModule,
-            AdbDirectivesModule,
-            AdbDropdownModule,
-            AdbPagersModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ADBHeaderModule, decorators: [{
-            type: NgModule,
-            args: [{ declarations: [ADBNavComponent],
-                    exports: [ADBNavComponent], imports: [CommonModule,
-                        RouterModule,
-                        TranslateModule,
-                        AdbDirectivesModule,
-                        AdbDropdownModule,
-                        AdbPagersModule], providers: [provideHttpClient(withInterceptorsFromDi())] }]
-        }] });
-
-class EnvironmentService {
-    constructor(environment) {
-        this.environment = environment;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EnvironmentService, deps: [{ token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EnvironmentService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EnvironmentService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['env']
-                }] }] });
-
-class ArtportalenNavComponent {
-    set userName(fullName) {
-        this.fullName = fullName;
-    }
-    ;
-    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;
-        const baseUrl = this.envService.environment.resourceUrl;
-        const url = '/assets/artportalen/links-ap3.json';
-        this.subscription.add(this.httpClient.get(baseUrl + url).subscribe(result => {
-            this.navigation = result;
-        }));
-        this.initTranslations(baseUrl);
-        this.router.events.subscribe((event) => {
-            if (event instanceof NavigationEnd) {
-                this.showNavMenu = false;
-                this.dropMenuChange.emit(this.showNavMenu);
-            }
-        });
-    }
-    showMenuDropdown(show) {
-        this.showUserMenu = false;
-        if (this.showNavMenu !== show) {
-            this.showNavMenu = show;
-            this.dropMenuChange.emit(show);
-        }
-    }
-    setLanguage(lang) {
-        this.trans.use(lang);
-        this.showNavMenu = false;
-        this.dropMenuChange.emit(false);
-    }
-    onUserClick() {
-        if (this.fullName) {
-            this.logout();
-        }
-        else {
-            this.login();
-        }
-    }
-    login() {
-        this.loginClicked.emit();
-    }
-    logout() {
-        this.logoutClicked.emit();
-    }
-    initTranslations(baseUrl) {
-        if (this.trans.store.translations[this.trans.currentLang]) {
-            this.loadTranslation(baseUrl, this.trans.currentLang);
-        }
-        this.subscription.add(this.trans.onLangChange.subscribe((event) => {
-            this.translationFinished = false;
-            this.loadTranslation(baseUrl, event.lang);
-        }));
-    }
-    loadTranslation(baseUrl, lang) {
-        //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)
-        const url = baseUrl + `/assets/artportalen/i18n/${lang}.json`;
-        this.subscription.add(this.httpClient.get(url).subscribe(translations => {
-            this.trans.setTranslation(lang, translations, true);
-            this.translationFinished = true;
-        }));
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", 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.0.8", 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: i2.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.0.8", 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: [{
-                type: Output
-            }], logoutClicked: [{
-                type: Output
-            }], dropMenuChange: [{
-                type: Output
-            }], showPattern: [{
-                type: Input
-            }], userName: [{
-                type: Input
-            }] } });
-
 class ArtportalenFooterComponent {
     constructor(httpClient, envService, trans) {
         this.httpClient = httpClient;
@@ -1067,9 +909,7 @@ class ArtportalenFooterComponent {
         this.initTranslations(this.baseUrl);
     }
     initTranslations(baseUrl) {
-        if (this.trans.store.translations[this.trans.currentLang]) {
-            this.loadTranslation(baseUrl, this.trans.currentLang);
-        }
+        this.loadTranslation(baseUrl, this.trans.getCurrentLang());
         this.subscription.add(this.trans.onLangChange.subscribe((event) => {
             this.translationFinished = false;
             this.loadTranslation(baseUrl, event.lang);
@@ -1116,7 +956,7 @@ class ArtportalenNavModule {
             AdbDropdownModule,
             AdbPagersModule], exports: [ArtportalenNavComponent,
             ArtportalenFooterComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ArtportalenNavModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ArtportalenNavModule, providers: [EnvironmentService, provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
             RouterModule,
             TranslateModule,
             AdbDirectivesModule,
@@ -1138,7 +978,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         AdbDirectivesModule,
                         AdbDropdownModule,
                         AdbPagersModule],
-                    providers: [provideHttpClient(withInterceptorsFromDi())] }]
+                    providers: [EnvironmentService, provideHttpClient(withInterceptorsFromDi())] }]
         }] });
 
 class LocaleDatePipe {
@@ -1455,7 +1295,7 @@ class AdbDatePickerComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", 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.0.8", 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "adbLocaleDate" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbDatePickerComponent, decorators: [{
             type: Component,
@@ -1908,7 +1748,7 @@ class AdbHelpButtonComponent {
         this.showHelp = !this.showHelp;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbHelpButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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.0.8", ngImport: i0, type: AdbHelpButtonComponent, decorators: [{
             type: Component,
@@ -2029,7 +1869,7 @@ class AdbRichEditorComponent {
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: AdbRichEditorComponent, isStandalone: false, selector: "adb-rich-editor", inputs: { hasTaxon: "hasTaxon", hasReference: "hasReference", rows: "rows" }, providers: [{
                 provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbRichEditorComponent)),
                 multi: true
-            }], ngImport: i0, template: "<div>\r\n  <div class=\"d-flex justify-content-end gap-3 mb-1\">\r\n    <button class=\"btn btn-secondary\" (click)=\"onItalicClick()\" title=\"Italic\" aria-label=\"Italic\" type=\"button\"><span class=\"fas fa-italic\"></span></button>\r\n    <button class=\"btn btn-secondary\" (click)=\"onBoldClick()\" title=\"Italic\" aria-label=\"strong\" type=\"button\"><span class=\"fas fa-bold\"></span></button>\r\n    @if (hasTaxon) {\r\n      <button class=\"btn btn-secondary\" (click)=\"onTaxonClick()\" title=\"Taxon\" aria-label=\"Taxon\" type=\"button\"><span class=\"fas fa-bug\"></span></button>\r\n    }\r\n    @if (hasReference) {\r\n      <button class=\"btn btn-secondary\" (click)=\"onReferenceClick()\" title=\"Reference\" aria-label=\"Reference\" type=\"button\"><span class=\"fas fa-asterisk\"></span></button>\r\n    }\r\n  </div>\r\n  <textarea class=\"form-control\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange()\" [rows]=\"rows\" (dblclick)=\"onDoubleClick()\"></textarea>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.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.0.8", ngImport: i0, type: AdbRichEditorComponent, decorators: [{
             type: Component,
@@ -2142,7 +1982,7 @@ class FilterSectionComponent {
     ngOnDestroy() {
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FilterSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.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" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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.0.8", ngImport: i0, type: FilterSectionComponent, decorators: [{
             type: Component,
@@ -2538,6 +2378,379 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", 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;
+    }
+    set initialValue(item) {
+        if (item) {
+            this.searchQuery = this.displayFn(item);
+        }
+        else {
+            this.searchQuery = '';
+        }
+    }
+    ngOnInit() {
+        this.items$ = this.searchChanged$.pipe(debounceTime(300), switchMap(query => {
+            if (!query) {
+                this.showPop = false;
+                this.itemsSnapshot = [];
+                this.loading = false;
+                return of([]);
+            }
+            this.loading = true;
+            this.showPop = true;
+            return this.search(query).pipe(map(result => {
+                this.loading = false;
+                const items = result?.records?.length
+                    ? result.records
+                    : result?.items ?? [];
+                this.itemsSnapshot = items;
+                return items;
+            }), catchError$1(err => {
+                this.loading = false;
+                this.error = err;
+                this.itemsSnapshot = [];
+                return of([]);
+            }));
+        }));
+    }
+    onModelChange() {
+        this.rowIndex = -1;
+        this.loading = true;
+        this.showPop = true;
+        this.searchChanged$.next(this.searchQuery);
+    }
+    onArrowDown() {
+        if (!this.itemsSnapshot.length)
+            return;
+        this.rowIndex = (this.rowIndex + 1) % this.itemsSnapshot.length;
+    }
+    onArrowUp() {
+        if (!this.itemsSnapshot.length)
+            return;
+        this.rowIndex = (this.rowIndex - 1 + this.itemsSnapshot.length) % this.itemsSnapshot.length;
+    }
+    onEnter(event) {
+        if (this.rowIndex < 0)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.selectItem(this.itemsSnapshot[this.rowIndex]);
+    }
+    resetPopup() {
+        this.showPop = false;
+        this.itemsSnapshot = [];
+        this.rowIndex = -1;
+    }
+    selectItem(item) {
+        this.searchQuery = item ? this.displayFn(item) : '';
+        this.selectItemChange.emit(item);
+        this.resetPopup();
+    }
+    resetModel() {
+        this.selectItem(null);
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: GenericPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: GenericPickerComponent, isStandalone: false, selector: "adb-generic-picker", inputs: { search: "search", displayFn: "displayFn", loadById: "loadById", disabled: "disabled", placeholder: "placeholder", initialValue: "initialValue" }, outputs: { selectItemChange: "selectItemChange", focus: "focus" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], ngImport: i0, template: "<div (adbClickOutside)=\"resetPopup()\">\r\n  <div class=\"input-group\">\r\n    <input [(ngModel)]=\"searchQuery\" class=\"form-control\" role=\"combobox\" aria-autocomplete=\"list\" [attr.aria-expanded]=\"showPop\" aria-controls=\"picker-listbox\" [disabled]=\"disabled\" autocomplete=\"off\" (keyup.arrowdown)=\"onArrowDown()\"\r\n      (keyup.arrowup)=\"onArrowUp()\" (keydown.enter)=\"onEnter($event)\" (keydown.escape)=\"resetPopup()\" (keydown.tab)=\"resetPopup()\" (ngModelChange)=\"onModelChange()\" (focus)=\"focus.emit($event)\" [placeholder]=\"placeholder\" />\r\n    @if (searchQuery && !showPop) {\r\n    <div>\r\n      <button type=\"button\" (click)=\"resetModel()\" class=\"btn btn-secondary border border-start-0\">\r\n        <span class=\"fas fa-times\"></span>\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n@let items = items$ | async;\r\n@if (showPop) {\r\n<div class=\"pop\">\r\n  <div class=\"pop-body\">\r\n    <div [class.loading]=\"loading\">\r\n      @if (error) {\r\n      <div class=\"alert alert-danger mb-0\">\r\n        Serverfel\r\n      </div>\r\n      }\r\n      @else {\r\n      <ul class=\"list-group list-group-flush\" role=\"listbox\" id=\"picker-listbox\">\r\n        @for (item of items; track item; let i = $index) {\r\n        <li role=\"option\" class=\"list-group-item list-group-item-action pointer\" [class.active]=\"i === rowIndex\" (click)=\"$event.preventDefault(); $event.stopPropagation(); selectItem(item)\">\r\n          <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, searchQuery: searchQuery }\"></ng-container>\r\n        </li>\r\n        }\r\n      </ul>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n}", dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", 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: [{
+                type: Input
+            }], displayFn: [{
+                type: Input
+            }], loadById: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ['itemTemplate']
+            }], selectItemChange: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }], initialValue: [{
+                type: Input
+            }] } });
+
+const ADB_PICKER_CONFIG = new InjectionToken('ADB_PICKER_CONFIG');
+class AdbPickerConfigService {
+    constructor(config) {
+        this.areas = config.api + '/areas';
+        this.taxa = config.api + '/taxalookup';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", 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.0.8", ngImport: i0, type: AdbPickerConfigService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbPickerConfigService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ADB_PICKER_CONFIG]
+                }] }] });
+
+class AdbTaxonPickerComponent {
+    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 = null;
+        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 ?? '';
+        };
+    }
+    loadTaxonById(id) {
+        if (!id)
+            return of(null);
+        this.loading = true;
+        return this.http.get(`${this.config.taxa}/${id}`).pipe(tap(() => this.loading = false), catchError(() => {
+            this.loading = false;
+            return of(null);
+        }));
+    }
+    onSelect(taxon) {
+        const value = this.useObject ? taxon : taxon?.id ?? null;
+        this.onChange(value);
+    }
+    onFocus() {
+        this.showPrefill = true;
+    }
+    writeValue(value) {
+        if (!value) {
+            this.initialValue = null;
+            return;
+        }
+        if (this.useObject) {
+            if (value.id) {
+                this.loadTaxonById(value.id).subscribe(taxon => {
+                    this.initialValue = taxon;
+                });
+            }
+            else {
+                this.initialValue = value;
+            }
+        }
+        else {
+            this.loadTaxonById(value).subscribe(taxon => {
+                this.initialValue = taxon;
+            });
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", 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.0.8", 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)),
+                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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbTaxonPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'adb-taxon-picker', standalone: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            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}" }]
+        }], ctorParameters: () => [{ type: AdbPickerConfigService }, { type: i1$2.HttpClient }], propDecorators: { fullWidth: [{
+                type: HostBinding,
+                args: ['class.w-100']
+            }], placeholder: [{
+                type: Input
+            }], useObject: [{
+                type: Input
+            }], prefill: [{
+                type: Input
+            }] } });
+
+class AdbAreaPickerComponent {
+    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 = null;
+        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));
+        };
+    }
+    onSelect(area) {
+        const value = this.useObject ? area : area?.id ?? null;
+        this.onChange(value);
+    }
+    onFocus() {
+        this.showPrefill = true;
+    }
+    writeValue(value) {
+        if (!value) {
+            this.initialValue = null;
+            return;
+        }
+        if (this.useObject) {
+            if (value.id) {
+                this.loadAreaId(value.id).subscribe(area => {
+                    this.initialValue = area;
+                });
+            }
+            else {
+                this.initialValue = value;
+            }
+        }
+        else {
+            this.loadAreaId(value).subscribe(area => {
+                this.initialValue = area;
+            });
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", 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.0.8", 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)),
+                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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbAreaPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'adb-area-picker', standalone: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            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}" }]
+        }], ctorParameters: () => [{ type: i1$1.TranslateService }, { type: AdbPickerConfigService }, { type: i1$2.HttpClient }], propDecorators: { fullWidth: [{
+                type: HostBinding,
+                args: ['class.w-100']
+            }], placeholder: [{
+                type: Input
+            }], useObject: [{
+                type: Input
+            }], prefill: [{
+                type: Input
+            }] } });
+
+class AdbPickerModule {
+    static forRoot(config) {
+        return {
+            ngModule: AdbPickerModule,
+            providers: [
+                {
+                    provide: ADB_PICKER_CONFIG,
+                    useValue: config
+                }
+            ]
+        };
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", 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.0.8", ngImport: i0, type: AdbPickerModule, providers: [AdbPickerConfigService], imports: [CommonModule, FormsModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AdbPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule],
+                    declarations: [
+                        GenericPickerComponent,
+                        AdbAreaPickerComponent,
+                        AdbTaxonPickerComponent
+                    ],
+                    exports: [
+                        GenericPickerComponent,
+                        AdbAreaPickerComponent,
+                        AdbTaxonPickerComponent
+                    ],
+                    providers: [AdbPickerConfigService]
+                }]
+        }] });
+
 /*
  * Public API Surface of artdata-shared
  */
@@ -2546,5 +2759,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADBHeaderModule, ADBNavComponent, ADB_USER_SERVICE_CONFIG, AdbButtonsModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdown2Directive, AdbDropdownDirective, AdbDropdownModule, AdbFilterSectionModule, AdbHelpButtonComponent, AdbModalModule, AdbModalService, AdbPagersModule, AdbPipesModule, AdbRichEditorComponent, AdbRichEditorModule, AdbToast, AdbToastModule, AdbToastService, AdbUserInterceptor, AdbUserModule, AdbUserService, ArtportalenFooterComponent, ArtportalenNavComponent, ArtportalenNavModule, AuthCallbackComponent, ClickOutsideDirective, DEFAULT_ADB_USER_SERVICE_CONFIG, EmptyValuePipe, FileUploadDirective, FilterSectionComponent, FocusDirective, HighlightHtmlPipe, HighlightPipe, ImageLoaderDirective, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, PagerInlineComponent, RedListBadgeClassDirective, RichTextComponent, RiskClassDirective, RouterLinkActiveFragmentDirective, ToastType, UserModuleConstants };
+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