adb-shared 5.0.57 → 6.0.1

package/fesm2022/adb-shared.mjs

@@ -2,7 +2,7 @@ import * as i2$1 from '@angular/common';
 import { CommonModule, DatePipe, formatDate } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Injectable, Inject, EventEmitter, Directive, Output, HostListener, Input, HostBinding, NgModule, Component, Pipe, forwardRef } from '@angular/core';
-import * as i3 from '@ngx-translate/core';
+import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i1 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
@@ -161,17 +161,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['class']
             }] } });
 
+class RiskClassDirective {
+    get hostClasses() {
+        if (this.category === 'NK') {
+            return 'bg-risk-class-nk text-dark border';
+        }
+        else if (this.category === 'LO') {
+            return 'bg-risk-class-lo border';
+        }
+        else if (this.category === 'PH') {
+            return 'bg-risk-class-ph border';
+        }
+        else if (this.category === 'HI') {
+            return 'bg-risk-class-hi border';
+        }
+        else if (this.category === 'SE') {
+            return 'bg-risk-class-se border';
+        }
+        return 'text-dark';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RiskClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RiskClassDirective, selector: "[adbRiskClass]", inputs: { category: ["adbRiskClass", "category"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RiskClassDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[adbRiskClass]'
+                }]
+        }], propDecorators: { category: [{
+                type: Input,
+                args: ['adbRiskClass']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class AdbDirectivesModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbDirectivesModule, declarations: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective], exports: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbDirectivesModule, declarations: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective, RiskClassDirective], exports: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective, RiskClassDirective] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDirectivesModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDirectivesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective],
-                    exports: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective]
+                    declarations: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective, RiskClassDirective],
+                    exports: [ClickOutsideDirective, FocusDirective, FileUploadDirective, RedListBadgeClassDirective, RiskClassDirective]
                 }]
         }] });
 
@@ -260,13 +295,13 @@ class ADBNavComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ADBNavComponent, deps: [{ token: i1.HttpClient }, { token: i2.Router }, { token: EnvironmentService$1 }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ADBNavComponent, 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    <header class=\"container-lg\" *ngIf=\"translationFinished\">\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    <div *ngIf=\"navigation\" 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                    <ng-container *ngIf=\"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                    </ng-container>\r\n                    <ng-container *ngIf=\"!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                        <a *ngIf=\"navigation\" class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                            {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </ng-container>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showArtfakta\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showNOS\" 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                    <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\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ADBNavComponent, deps: [{ token: i1.HttpClient }, { token: i2.Router }, { token: EnvironmentService$1 }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ADBNavComponent, 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    <header class=\"container-lg\" *ngIf=\"translationFinished\">\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    <div *ngIf=\"navigation\" 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                    <ng-container *ngIf=\"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                    </ng-container>\r\n                    <ng-container *ngIf=\"!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                        <a *ngIf=\"navigation\" class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                            {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </ng-container>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showArtfakta\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showNOS\" 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                    <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\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ADBNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-nav', template: "<div class=\"bg-primary adb-main-header\" (adbClickOutside)=\"showMenuDropdown(false);\">\r\n    <header class=\"container-lg\" *ngIf=\"translationFinished\">\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    <div *ngIf=\"navigation\" 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                    <ng-container *ngIf=\"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                    </ng-container>\r\n                    <ng-container *ngIf=\"!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                        <a *ngIf=\"navigation\" class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                            {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </ng-container>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showArtfakta\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showNOS\" 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                    <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\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.Router }, { type: EnvironmentService$1 }, { type: i3.TranslateService }]; }, propDecorators: { loginClicked: [{
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.Router }, { type: EnvironmentService$1 }, { type: i1$1.TranslateService }]; }, propDecorators: { loginClicked: [{
                 type: Output
             }], logoutClicked: [{
                 type: Output
@@ -387,7 +422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class AdbDropdownModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, declarations: [AdbDropdownDirective], imports: [CommonModule, i3.TranslateModule, AdbDirectivesModule], exports: [AdbDropdownDirective] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, declarations: [AdbDropdownDirective], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbDropdownDirective] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, providers: [AdbDropdownService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, decorators: [{
@@ -610,50 +645,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-class ADBFooterComponent {
-    constructor(httpClient, envService, trans) {
-        this.httpClient = httpClient;
-        this.envService = envService;
-        this.trans = trans;
-        this.subscription = new Subscription();
-        this.translationFinished = false;
-        this.artfakta = true;
-    }
-    ngOnInit() {
-        this.url = window.location.href;
-        this.baseUrl = this.envService.environment.resourceUrl;
-        this.initTranslations(this.baseUrl);
-    }
-    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;
-        }));
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ADBFooterComponent, deps: [{ token: i1.HttpClient }, { token: EnvironmentService$1 }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ADBFooterComponent, selector: "adb-footer", inputs: { artfakta: "artfakta" }, ngImport: i0, template: "<footer class=\"bg-primary-dark py-2 mt-auto container-fluid\" *ngIf=\"translationFinished\">\r\n    <div class=\"d-flex justify-content-center\">\r\n        <div class=\"container py-3 justify-content-center\">\r\n            <div class=\"row mb-3\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4 px-md-2\">\r\n                    <a href=\"https://artfakta.se/om\" class=\"d-block text-white mb-2\">{{'FOOTER.ABOUT'|translate}}</a>\r\n                    <a href=\"https://artfakta.se/om#accessability\" class=\"d-block text-white mb-2\">{{'FOOTER.WCAG'|translate}}</a>\r\n                    <a class=\"d-block text-white mb-2\" href=\"mailto:artfakta@artdatabanken.se\">{{'FOOTER.SUPPORT'|translate}}: artfakta@artdatabanken.se</a>\r\n                </div>\r\n                <div class=\"col-md-4 px-md-2\">\r\n                    <a class=\"d-block text-white mb-2\" href=\"https://www.artdatabanken.se/tjanster-och-miljodata/villkor-kontohavare/\" target=\"_blank\">{{'FOOTER.TERMS_OF_USE'|translate}} <span class=\"fas fa-external-link\"></span></a>\r\n                    <a class=\"d-block text-white mb-2\" href=\"https://www.artdatabanken.se/om-oss/behandling-av-personuppgifter\" target=\"_blank\">{{'FOOTER.PERSONAL_DATA'|translate}} <span\r\n                            class=\"fas fa-external-link\"></span></a>\r\n                    <a class=\"d-block text-white mb-2\" href=\"https://metadata.artfakta.se/dataproviders\" target=\"_blank\">{{'FOOTER.DATA_SOURCES'|translate}} <span class=\"fas fa-external-link\"></span></a>\r\n                    <a class=\"d-block text-white mb-2\" href=\"https://status.artdatabanken.se/status\" target=\"_blank\">{{'FOOTER.API'|translate}} <span class=\"fas fa-external-link\"></span></a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4 px-md-2\">\r\n                    <div class=\"mb-2 text-white\">{{'FOOTER.INFO'|translate}}</div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <a class=\"text-white text-decoration-none d-flex gap-2 mb-3\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n                        <img 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=\"align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</footer>", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ADBFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'adb-footer', template: "<footer class=\"bg-primary-dark py-2 mt-auto container-fluid\" *ngIf=\"translationFinished\">\r\n    <div class=\"d-flex justify-content-center\">\r\n        <div class=\"container py-3 justify-content-center\">\r\n            <div class=\"row mb-3\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4 px-md-2\">\r\n                    <a href=\"https://artfakta.se/om\" class=\"d-block text-white mb-2\">{{'FOOTER.ABOUT'|translate}}</a>\r\n                    <a href=\"https://artfakta.se/om#accessability\" class=\"d-block text-white mb-2\">{{'FOOTER.WCAG'|translate}}</a>\r\n                    <a class=\"d-block text-white mb-2\" href=\"mailto:artfakta@artdatabanken.se\">{{'FOOTER.SUPPORT'|translate}}: artfakta@artdatabanken.se</a>\r\n                </div>\r\n                <div class=\"col-md-4 px-md-2\">\r\n                    <a class=\"d-block text-white mb-2\" href=\"https://www.artdatabanken.se/tjanster-och-miljodata/villkor-kontohavare/\" target=\"_blank\">{{'FOOTER.TERMS_OF_USE'|translate}} <span class=\"fas fa-external-link\"></span></a>\r\n                    <a class=\"d-block text-white mb-2\" href=\"https://www.artdatabanken.se/om-oss/behandling-av-personuppgifter\" target=\"_blank\">{{'FOOTER.PERSONAL_DATA'|translate}} <span\r\n                            class=\"fas fa-external-link\"></span></a>\r\n                    <a class=\"d-block text-white mb-2\" href=\"https://metadata.artfakta.se/dataproviders\" target=\"_blank\">{{'FOOTER.DATA_SOURCES'|translate}} <span class=\"fas fa-external-link\"></span></a>\r\n                    <a class=\"d-block text-white mb-2\" href=\"https://status.artdatabanken.se/status\" target=\"_blank\">{{'FOOTER.API'|translate}} <span class=\"fas fa-external-link\"></span></a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4 px-md-2\">\r\n                    <div class=\"mb-2 text-white\">{{'FOOTER.INFO'|translate}}</div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <a class=\"text-white text-decoration-none d-flex gap-2 mb-3\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n                        <img 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=\"align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</footer>" }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: EnvironmentService$1 }, { type: i3.TranslateService }]; }, propDecorators: { artfakta: [{
-                type: Input
-            }] } });
-
 class ADBHeaderModule {
     static forRoot(environment) {
         return {
@@ -668,13 +659,13 @@ class ADBHeaderModule {
         };
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ADBHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ADBHeaderModule, declarations: [ADBNavComponent, ADBFooterComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ADBHeaderModule, declarations: [ADBNavComponent], imports: [CommonModule,
             HttpClientModule,
             RouterModule,
             TranslateModule,
             AdbDirectivesModule,
             AdbDropdownModule,
-            AdbPagersModule], exports: [ADBNavComponent, ADBFooterComponent] }); }
+            AdbPagersModule], exports: [ADBNavComponent] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ADBHeaderModule, imports: [CommonModule,
             HttpClientModule,
             RouterModule,
@@ -686,7 +677,7 @@ class ADBHeaderModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ADBHeaderModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [ADBNavComponent, ADBFooterComponent],
+                    declarations: [ADBNavComponent],
                     imports: [
                         CommonModule,
                         HttpClientModule,
@@ -696,7 +687,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         AdbDropdownModule,
                         AdbPagersModule
                     ],
-                    exports: [ADBNavComponent, ADBFooterComponent]
+                    exports: [ADBNavComponent]
                 }]
         }] });
 
@@ -798,13 +789,13 @@ class ArtportalenNavComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArtportalenNavComponent, deps: [{ token: i1.HttpClient }, { token: i2.Router }, { token: i3.TranslateService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ArtportalenNavComponent, 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    <header class=\"container-lg px-0\" *ngIf=\"translationFinished\">\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\">Artportalen beta</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    <div *ngIf=\"navigation\" 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\">Artportalen beta</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                    <ng-container *ngIf=\"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                    </ng-container>\r\n                    <ng-container *ngIf=\"!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                        <a *ngIf=\"navigation\" class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                            {{'HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </ng-container>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showReport\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showObservations\" 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                        </ul>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showSubs\" 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                    <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</div>", dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArtportalenNavComponent, deps: [{ token: i1.HttpClient }, { token: i2.Router }, { token: i1$1.TranslateService }, { token: EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ArtportalenNavComponent, 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    <header class=\"container-lg px-0\" *ngIf=\"translationFinished\">\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\">Artportalen beta</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    <div *ngIf=\"navigation\" 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\">Artportalen beta</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                    <ng-container *ngIf=\"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                    </ng-container>\r\n                    <ng-container *ngIf=\"!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                        <a *ngIf=\"navigation\" class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                            {{'HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </ng-container>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showReport\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showObservations\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showSubs\" 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                    <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</div>", dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArtportalenNavComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adb-artportalen-nav', template: "<div class=\"bg-primary adb-main-header position-static\" (adbClickOutside)=\"showMenuDropdown(false);\">\r\n    <header class=\"container-lg px-0\" *ngIf=\"translationFinished\">\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\">Artportalen beta</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    <div *ngIf=\"navigation\" 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\">Artportalen beta</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                    <ng-container *ngIf=\"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                    </ng-container>\r\n                    <ng-container *ngIf=\"!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                        <a *ngIf=\"navigation\" class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                            {{'HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </ng-container>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showReport\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showObservations\" 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                        </ul>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showSubs\" 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                    <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</div>" }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.Router }, { type: i3.TranslateService }, { type: EnvironmentService }]; }, propDecorators: { loginClicked: [{
+            args: [{ selector: 'adb-artportalen-nav', template: "<div class=\"bg-primary adb-main-header position-static\" (adbClickOutside)=\"showMenuDropdown(false);\">\r\n    <header class=\"container-lg px-0\" *ngIf=\"translationFinished\">\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\">Artportalen beta</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    <div *ngIf=\"navigation\" 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\">Artportalen beta</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                    <ng-container *ngIf=\"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                    </ng-container>\r\n                    <ng-container *ngIf=\"!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                        <a *ngIf=\"navigation\" class=\"text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                            {{'HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </ng-container>\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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showReport\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showObservations\" 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                    <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                    <li class=\"list-group-item bg-primary pt-0 px-3\" *ngIf=\"showSubs\" 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                    <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</div>" }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.Router }, { type: i1$1.TranslateService }, { type: EnvironmentService }]; }, propDecorators: { loginClicked: [{
                 type: Output
             }], logoutClicked: [{
                 type: Output
@@ -849,13 +840,13 @@ class ArtportalenFooterComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArtportalenFooterComponent, deps: [{ token: i1.HttpClient }, { token: EnvironmentService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ArtportalenFooterComponent, selector: "adb-artportalen-footer", ngImport: i0, template: "<footer class=\"bg-primary-dark py-2 mt-auto container-fluid\" *ngIf=\"translationFinished\">\r\n    <div class=\"d-flex justify-content-center\">\r\n        <div class=\"container py-3 px-5 justify-content-center text-white\">\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4 mb-3\">\r\n                    <a href=\"https://www.artdatabanken.se/artportalen/\" class=\"d-block text-white mb-2\">{{'FOOTER.ABOUT'|translate}}</a>\r\n                    <a href=\"https://www.artdatabanken.se/artportalen-tillganglighetsredogorelse\" class=\"d-block text-white mb-2\">{{'FOOTER.WCAG'|translate}}</a>\r\n                    <a href=\"https://www.artdatabanken.se/om-oss/kontakt/support\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.SUPPORT'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.artdatabanken.se/tjanster-och-miljodata/villkor-kontohavare\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.TERMS_OF_USE'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.artdatabanken.se/om-oss/behandling-av-personuppgifter\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.PERSONAL_DATA'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"mb-2\" style=\"font-variant: small-caps;\"><sub><strong>{{'FOOTER.PARTNERS'|translate}}</strong></sub></div>\r\n                    <a href=\"https://birdlife.se\" class=\"d-block text-white mb-2\"><span class=\"me-1\">Birdlife Sverige</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://svenskbotanik.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Svenska Botaniska F\u00F6reningen</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.sef.nu\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Entomologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.svampar.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Mykologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"mb-3 text-white\">\r\n                        <div>{{'FOOTER.INFO'|translate}}</div>\r\n                        <div>{{'FOOTER.INFO2'|translate}}</div>\r\n                        <div>{{'FOOTER.INFO3'|translate}}\r\n                            <a href=\"https://www.naturvardsverket.se\" class=\"text-white mb-2\"><u class=\"me-1\">Naturv\u00E5rdsverket.</u><span class=\"fas fa-external-link\"></span></a>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">{{'FOOTER.INFO4'|translate}}.</div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <a class=\"text-white text-decoration-none d-flex gap-2 mb-3\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n                        <img class=\"d-block d-md-none\" style=\"height: 2.6rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n                        <img class=\"d-none d-md-block\" style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n                        <div class=\"border-end d-none d-sm-block\"></div>\r\n                        <div class=\"border-end d-block d-sm-none\"></div>\r\n                        <img class=\"d-none d-md-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n                        <img class=\"d-block d-md-none align-self-center pe-5\" style=\"height: 0.8rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</footer>", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArtportalenFooterComponent, deps: [{ token: i1.HttpClient }, { token: EnvironmentService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ArtportalenFooterComponent, selector: "adb-artportalen-footer", ngImport: i0, template: "<footer class=\"bg-primary-dark py-2 mt-auto container-fluid\" *ngIf=\"translationFinished\">\r\n    <div class=\"d-flex justify-content-center\">\r\n        <div class=\"container py-3 px-5 justify-content-center text-white\">\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4 mb-3\">\r\n                    <a href=\"https://www.artdatabanken.se/artportalen/\" class=\"d-block text-white mb-2\">{{'FOOTER.ABOUT'|translate}}</a>\r\n                    <a href=\"https://www.artdatabanken.se/artportalen-tillganglighetsredogorelse\" class=\"d-block text-white mb-2\">{{'FOOTER.WCAG'|translate}}</a>\r\n                    <a href=\"https://www.artdatabanken.se/om-oss/kontakt/support\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.SUPPORT'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.artdatabanken.se/tjanster-och-miljodata/villkor-kontohavare\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.TERMS_OF_USE'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.artdatabanken.se/om-oss/behandling-av-personuppgifter\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.PERSONAL_DATA'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"mb-2\" style=\"font-variant: small-caps;\"><sub><strong>{{'FOOTER.PARTNERS'|translate}}</strong></sub></div>\r\n                    <a href=\"https://birdlife.se\" class=\"d-block text-white mb-2\"><span class=\"me-1\">Birdlife Sverige</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://svenskbotanik.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Svenska Botaniska F\u00F6reningen</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.sef.nu\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Entomologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.svampar.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Mykologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"mb-3 text-white\">\r\n                        <div>{{'FOOTER.INFO'|translate}}</div>\r\n                        <div>{{'FOOTER.INFO2'|translate}}</div>\r\n                        <div>{{'FOOTER.INFO3'|translate}}\r\n                            <a href=\"https://www.naturvardsverket.se\" class=\"text-white mb-2\"><u class=\"me-1\">Naturv\u00E5rdsverket.</u><span class=\"fas fa-external-link\"></span></a>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">{{'FOOTER.INFO4'|translate}}.</div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <a class=\"text-white text-decoration-none d-flex gap-2 mb-3\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n                        <img class=\"d-block d-md-none\" style=\"height: 2.6rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n                        <img class=\"d-none d-md-block\" style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n                        <div class=\"border-end d-none d-sm-block\"></div>\r\n                        <div class=\"border-end d-block d-sm-none\"></div>\r\n                        <img class=\"d-none d-md-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n                        <img class=\"d-block d-md-none align-self-center pe-5\" style=\"height: 0.8rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</footer>", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ArtportalenFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-artportalen-footer', template: "<footer class=\"bg-primary-dark py-2 mt-auto container-fluid\" *ngIf=\"translationFinished\">\r\n    <div class=\"d-flex justify-content-center\">\r\n        <div class=\"container py-3 px-5 justify-content-center text-white\">\r\n            <div class=\"row mb-4\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4 mb-3\">\r\n                    <a href=\"https://www.artdatabanken.se/artportalen/\" class=\"d-block text-white mb-2\">{{'FOOTER.ABOUT'|translate}}</a>\r\n                    <a href=\"https://www.artdatabanken.se/artportalen-tillganglighetsredogorelse\" class=\"d-block text-white mb-2\">{{'FOOTER.WCAG'|translate}}</a>\r\n                    <a href=\"https://www.artdatabanken.se/om-oss/kontakt/support\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.SUPPORT'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.artdatabanken.se/tjanster-och-miljodata/villkor-kontohavare\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.TERMS_OF_USE'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.artdatabanken.se/om-oss/behandling-av-personuppgifter\" class=\"d-block text-white mb-2\"><span class=\"me-1\">{{'FOOTER.PERSONAL_DATA'|translate}}</span><span class=\"fas fa-external-link\"></span></a>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"mb-2\" style=\"font-variant: small-caps;\"><sub><strong>{{'FOOTER.PARTNERS'|translate}}</strong></sub></div>\r\n                    <a href=\"https://birdlife.se\" class=\"d-block text-white mb-2\"><span class=\"me-1\">Birdlife Sverige</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://svenskbotanik.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Svenska Botaniska F\u00F6reningen</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.sef.nu\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Entomologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n                    <a href=\"https://www.svampar.se\" class=\"d-block text-nowrap text-white mb-2\"><span class=\"me-1\">Sveriges Mykologiska F\u00F6rening</span><span class=\"fas fa-external-link\"></span></a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-2\"></div>\r\n                <div class=\"col-md-4\">\r\n                    <div class=\"mb-3 text-white\">\r\n                        <div>{{'FOOTER.INFO'|translate}}</div>\r\n                        <div>{{'FOOTER.INFO2'|translate}}</div>\r\n                        <div>{{'FOOTER.INFO3'|translate}}\r\n                            <a href=\"https://www.naturvardsverket.se\" class=\"text-white mb-2\"><u class=\"me-1\">Naturv\u00E5rdsverket.</u><span class=\"fas fa-external-link\"></span></a>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3\">{{'FOOTER.INFO4'|translate}}.</div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                    <a class=\"text-white text-decoration-none d-flex gap-2 mb-3\" href=\"https://www.artdatabanken.se/\" target=\"new\">\r\n                        <img class=\"d-block d-md-none\" style=\"height: 2.6rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n                        <img class=\"d-none d-md-block\" style=\"height: 2rem;\" src=\"/assets/images/slu.svg\" alt=\"logo\">\r\n                        <div class=\"border-end d-none d-sm-block\"></div>\r\n                        <div class=\"border-end d-block d-sm-none\"></div>\r\n                        <img class=\"d-none d-md-block align-self-center pe-5\" style=\"height: 0.7rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n                        <img class=\"d-block d-md-none align-self-center pe-5\" style=\"height: 0.8rem;\" src=\"/assets/images/artdatabanken.svg\" alt=\"logo\">\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-2\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</footer>" }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: EnvironmentService }, { type: i3.TranslateService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: EnvironmentService }, { type: i1$1.TranslateService }]; } });
 
 class ArtportalenNavModule {
     static forRoot(environment) {
@@ -918,7 +909,7 @@ class LocaleDatePipe {
     transform(value, format) {
         return new DatePipe(this.translate.currentLang).transform(value, format, null, this.translate.currentLang);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocaleDatePipe, deps: [{ token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocaleDatePipe, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
     /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LocaleDatePipe, name: "adbLocaleDate", pure: false }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocaleDatePipe, decorators: [{
@@ -927,7 +918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     name: 'adbLocaleDate',
                     pure: false
                 }]
-        }], ctorParameters: function () { return [{ type: i3.TranslateService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; } });
 
 class EmptyValuePipe {
     transform(value) {
@@ -1219,13 +1210,13 @@ class AdbDatePickerComponent {
             return null;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdbDatePickerComponent, 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\" style=\"width:350px\">\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 m-2\" *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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "adbLocaleDate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", type: AdbDatePickerComponent, 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\" style=\"width:350px\">\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 m-2\" *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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "adbLocaleDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adb-date-picker', template: "<div class=\"position-relative\" [class.to-left]=\"toLeft\">\r\n    <nav class=\"bg-white shadow rounded position-absolute\" style=\"width:350px\">\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 m-2\" *ngFor=\"let day of week.days\" (click)=\"onSelectDate(day)\" type=\"button\" \r\n                        [class.border]=\"day.isToday\" [class.bg-primary]=\"day.isSelected\" [class.text-white]=\"day.isSelected\" [ngClass]=\"{'pe-none text-muted opacity-50':!day.inMonth||!day.isInRange}\">\r\n                        <small>{{day.value|date:'d'}}</small>\r\n                    </button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i3.TranslateService }]; }, propDecorators: { initialDate: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.TranslateService }]; }, propDecorators: { initialDate: [{
                 type: Input
             }], settings: [{
                 type: Input
@@ -1403,7 +1394,7 @@ class AdbDatePickerDirective {
     getId() {
         return '' + Math.floor(Math.random() * Date.now());
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: AdbDatePickerService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: AdbDatePickerService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
     /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AdbDatePickerDirective, selector: "input[adbDatepicker]", inputs: { format: "format", toLeft: "toLeft", settings: "settings" }, outputs: { adbBlur: "adbBlur" }, host: { listeners: { "click": "onClick()", "keyup": "onKeyup($event)", "keydown.shift.tab": "onTabDown()", "keydown.tab": "onTabDown()", "keydown.esc": "onEscdOWN()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "autocomplete": "this.autocomplete" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbDatePickerDirective)),
                 multi: true
@@ -1428,7 +1419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             multi: true,
                         },]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: AdbDatePickerService }, { type: i3.TranslateService }]; }, propDecorators: { autocomplete: [{
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: AdbDatePickerService }, { type: i1$1.TranslateService }]; }, propDecorators: { autocomplete: [{
                 type: HostBinding,
                 args: ['autocomplete']
             }], adbBlur: [{
@@ -1461,7 +1452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class AdbDatePickerModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerModule, declarations: [AdbDatePickerComponent, AdbDatePickerDirective], imports: [CommonModule, i3.TranslateModule, AdbPipesModule, AdbDirectivesModule], exports: [AdbDatePickerComponent, AdbDatePickerDirective] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerModule, declarations: [AdbDatePickerComponent, AdbDatePickerDirective], imports: [CommonModule, i1$1.TranslateModule, AdbPipesModule, AdbDirectivesModule], exports: [AdbDatePickerComponent, AdbDatePickerDirective] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerModule, providers: [AdbDatePickerService], imports: [CommonModule, TranslateModule.forChild(), AdbPipesModule, AdbDirectivesModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDatePickerModule, decorators: [{
@@ -1531,7 +1522,7 @@ class AdbConfirmModal {
         this.modalRef.hide(confirm);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbConfirmModal, deps: [{ token: AdbModalService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdbConfirmModal, selector: "ng-component", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"modal fade show\" *ngIf=\"model\" role=\"dialog\"\r\n    attr.aria-labelledby=\"mod_header\"\r\n    attr.aria-describedby=\"mod_desc\">\r\n    <div class=\"modal-dialog modal-dialog-centered\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h1 class=\"h-subsection mb-0 modal-title\" id=\"mod_header\">{{model.header|translate}}</h1>\r\n                <button type=\"button\" class=\"btn-close\" id=\"modal-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"onClose(false)\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <div id=\"mod_desc\">{{model.text|translate}}</div>\r\n                <div *ngIf=\"model.value\">\r\n                    <strong>{{model.value}}</strong>\r\n                </div>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <div class=\"d-flex gap-2 justify-content-end\">\r\n                    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onClose(false)\">{{model.decline|translate}}</button>\r\n                    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onClose(true)\">{{model.confirm|translate}}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdbConfirmModal, selector: "ng-component", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"modal fade show\" *ngIf=\"model\" role=\"dialog\"\r\n    attr.aria-labelledby=\"mod_header\"\r\n    attr.aria-describedby=\"mod_desc\">\r\n    <div class=\"modal-dialog modal-dialog-centered\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h1 class=\"h-subsection mb-0 modal-title\" id=\"mod_header\">{{model.header|translate}}</h1>\r\n                <button type=\"button\" class=\"btn-close\" id=\"modal-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\" (click)=\"onClose(false)\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <div id=\"mod_desc\">{{model.text|translate}}</div>\r\n                <div *ngIf=\"model.value\">\r\n                    <strong>{{model.value}}</strong>\r\n                </div>\r\n            </div>\r\n            <div class=\"modal-footer\">\r\n                <div class=\"d-flex gap-2 justify-content-end\">\r\n                    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onClose(false)\">{{model.decline|translate}}</button>\r\n                    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onClose(true)\">{{model.confirm|translate}}</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbConfirmModal, decorators: [{
             type: Component,
@@ -1542,7 +1533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class AdbModalModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbModalModule, declarations: [AdbConfirmModal], imports: [CommonModule, i3.TranslateModule, AdbDirectivesModule], exports: [AdbConfirmModal] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbModalModule, declarations: [AdbConfirmModal], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbConfirmModal] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbModalModule, providers: [AdbModalService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbModalModule, decorators: [{
@@ -1617,7 +1608,7 @@ class AdbToast {
         this.toastService.remove(toast);
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbToast, deps: [{ token: AdbToastService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdbToast, selector: "ng-component", ngImport: i0, template: "<div class=\"position-fixed bottom-0 end-0\" style=\"z-index: 50000;min-width: 15rem;\">\r\n    <div class=\"alert alert-dismissible\" role=\"alert\" *ngFor=\"let toast of toasts\"\r\n        [class.alert-primary]=\"toast.type===toastType.Primary\"\r\n        [class.alert-success]=\"toast.type===toastType.Success\"\r\n        [class.alert-warning]=\"toast.type===toastType.Warn\"\r\n        [class.alert-danger]=\"toast.type===toastType.Danger\">\r\n        <div class=\"d-flex align-items-center justify-content-between pb-1\" *ngIf=\"toast.header\">\r\n            <div class=\"fw-bold pb-1\" *ngIf=\"!toast.headerValue\">{{toast.header|translate}}</div>\r\n            <div class=\"fw-bold pb-1\" *ngIf=\"toast.headerValue\">{{(toast.header|translate:toast.headerValue )}}</div>\r\n            <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n        </div>\r\n        <div class=\"d-flex align-items-center justify-content-between mt-1\">\r\n            <div *ngIf=\"!toast.messageValue\">{{toast.message|translate}}</div>\r\n            <div *ngIf=\"toast.messageValue\">{{(toast.message|translate:toast.messageValue )}}</div>\r\n            <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdbToast, selector: "ng-component", ngImport: i0, template: "<div class=\"position-fixed bottom-0 end-0\" style=\"z-index: 50000;min-width: 15rem;\">\r\n    <div class=\"alert alert-dismissible\" role=\"alert\" *ngFor=\"let toast of toasts\"\r\n        [class.alert-primary]=\"toast.type===toastType.Primary\"\r\n        [class.alert-success]=\"toast.type===toastType.Success\"\r\n        [class.alert-warning]=\"toast.type===toastType.Warn\"\r\n        [class.alert-danger]=\"toast.type===toastType.Danger\">\r\n        <div class=\"d-flex align-items-center justify-content-between pb-1\" *ngIf=\"toast.header\">\r\n            <div class=\"fw-bold pb-1\" *ngIf=\"!toast.headerValue\">{{toast.header|translate}}</div>\r\n            <div class=\"fw-bold pb-1\" *ngIf=\"toast.headerValue\">{{(toast.header|translate:toast.headerValue )}}</div>\r\n            <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n        </div>\r\n        <div class=\"d-flex align-items-center justify-content-between mt-1\">\r\n            <div *ngIf=\"!toast.messageValue\">{{toast.message|translate}}</div>\r\n            <div *ngIf=\"toast.messageValue\">{{(toast.message|translate:toast.messageValue )}}</div>\r\n            <button type=\"button\" class=\"btn-close\" (click)=\"onRemoveToast(toast)\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbToast, decorators: [{
             type: Component,
@@ -1626,7 +1617,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class AdbToastModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbToastModule, declarations: [AdbToast], imports: [CommonModule, i3.TranslateModule, AdbDirectivesModule], exports: [AdbToast] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbToastModule, declarations: [AdbToast], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbToast] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbToastModule, providers: [AdbToastService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbToastModule, decorators: [{
@@ -1692,5 +1683,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADBFooterComponent, ADBHeaderModule, ADBNavComponent, AdbButtonsModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdownDirective, AdbDropdownModule, AdbHelpButtonComponent, AdbModalModule, AdbModalService, AdbPagersModule, AdbPipesModule, AdbToast, AdbToastModule, AdbToastService, ArtportalenFooterComponent, ArtportalenNavComponent, ArtportalenNavModule, ClickOutsideDirective, EmptyValuePipe, FileUploadDirective, FocusDirective, HighlightHtmlPipe, HighlightPipe, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, PagerInlineComponent, RedListBadgeClassDirective, ToastType };
+export { ADBHeaderModule, ADBNavComponent, AdbButtonsModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdownDirective, AdbDropdownModule, AdbHelpButtonComponent, AdbModalModule, AdbModalService, AdbPagersModule, AdbPipesModule, AdbToast, AdbToastModule, AdbToastService, ArtportalenFooterComponent, ArtportalenNavComponent, ArtportalenNavModule, ClickOutsideDirective, EmptyValuePipe, FileUploadDirective, FocusDirective, HighlightHtmlPipe, HighlightPipe, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, PagerInlineComponent, RedListBadgeClassDirective, RiskClassDirective, ToastType };
 //# sourceMappingURL=adb-shared.mjs.map