adb-shared 3.0.16 → 3.0.19

package/fesm2015/adb-shared.mjs

@@ -226,6 +226,217 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                 }]
         }] });
 
+class AdbDropdownService {
+}
+/** @nocollapse */ AdbDropdownService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ AdbDropdownService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownService, decorators: [{
+            type: Injectable
+        }] });
+
+class AdbDropdownDirective {
+    constructor(elementRef, adbDropdownService) {
+        this.elementRef = elementRef;
+        this.adbDropdownService = adbDropdownService;
+        this.adbDropdown = new EventEmitter();
+        this.insideClick = false;
+        this.dataToggle = "dropdown";
+        this.haspPopup = true;
+        this.expanded = false;
+        this.id = this.getId();
+    }
+    onClick() {
+        var _a;
+        this.adbDropdownService.currentMenuId = this.id;
+        const node = this.elementRef.nativeElement.parentNode;
+        const toggleButton = node.querySelector('.dropdown-toggle');
+        let style = `transform:translate3d(0px, ${(toggleButton === null || toggleButton === void 0 ? void 0 : toggleButton.clientHeight) + 1}px, 0px);`;
+        const menu = node.querySelector('.dropdown-menu');
+        if (menu) {
+            this.adbDropdownService.currentMenu = this.elementRef.nativeElement;
+            if ((_a = menu.classList) === null || _a === void 0 ? void 0 : _a.contains('dropdown-menu-end')) {
+                style = style + 'inset: 0px 0px auto auto;';
+            }
+            menu.setAttribute('style', style);
+            if (menu.classList.contains('show')) {
+                menu.classList.remove('show');
+            }
+            else {
+                this.adbDropdown.emit();
+                menu.classList.add('show');
+            }
+        }
+    }
+    onCheckOutSideClick(target) {
+        if (this.adbDropdownService.currentMenuId === this.id) {
+            const parent = this.insideClick ? this.elementRef.nativeElement.parentNode : this.elementRef.nativeElement;
+            const clickedInside = parent.contains(target);
+            if (!clickedInside) {
+                const parent = this.elementRef.nativeElement.parentNode.querySelector('.dropdown-menu');
+                parent === null || parent === void 0 ? void 0 : parent.classList.remove('show');
+            }
+        }
+        else {
+            const parent = this.elementRef.nativeElement.parentNode.querySelector('.dropdown-menu');
+            parent === null || parent === void 0 ? void 0 : parent.classList.remove('show');
+        }
+    }
+    close() {
+        const node = this.elementRef.nativeElement.parentNode;
+        const menu = node.querySelector('.dropdown-menu');
+        menu.classList.remove('show');
+    }
+    getId() {
+        return '' + Math.floor(Math.random() * Date.now());
+    }
+}
+/** @nocollapse */ AdbDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownDirective, deps: [{ token: i0.ElementRef }, { token: AdbDropdownService }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ AdbDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AdbDropdownDirective, selector: "[adbDropdown]", inputs: { insideClick: "insideClick" }, outputs: { adbDropdown: "adbDropdown" }, host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded" } }, exportAs: ["adbDropdown"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[adbDropdown]',
+                    exportAs: 'adbDropdown'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AdbDropdownService }]; }, propDecorators: { adbDropdown: [{
+                type: Output
+            }], insideClick: [{
+                type: Input
+            }], id: [{
+                type: HostBinding,
+                args: ['id']
+            }], dataToggle: [{
+                type: HostBinding,
+                args: ['attr.data-toggle']
+            }], haspPopup: [{
+                type: HostBinding,
+                args: ['attr.aria-haspopup']
+            }], expanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onCheckOutSideClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
+            }] } });
+
+class ADBNavComponent {
+    constructor(httpClient, trans) {
+        this.httpClient = httpClient;
+        this.trans = trans;
+        this.subscription = new Subscription();
+        this.loginClicked = new EventEmitter();
+        this.logoutClicked = new EventEmitter();
+        this.dropMenuChange = new EventEmitter();
+        this.showPattern = false;
+        this.translationFinished = false;
+        this.artfakta = true;
+        this.showMenu = false;
+        this.showUserMenu = false;
+    }
+    set userName(fullName) {
+        this.fullName = fullName;
+        const splitted = fullName.split(' ');
+        if ((splitted === null || splitted === void 0 ? void 0 : splitted.length) > 1) {
+            const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);
+            this.initials = initials.toUpperCase();
+        }
+        else {
+            this.initials = this.fullName ? this.fullName.charAt(0).toUpperCase() : this.fullName;
+        }
+    }
+    ;
+    ngOnInit() {
+        this.url = window.location.href;
+        const baseUrl = 'https://sharedcomponents-dev.artdata.slu.se';
+        this.subscription.add(this.httpClient.get(baseUrl + '/assets/links-ap3.json').subscribe(result => {
+            this.navigation = result;
+        }));
+        this.initTranslations(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 :)
+        this.subscription.add(this.httpClient.get(baseUrl + `/assets/i18n/${lang}.json`).subscribe(translations => {
+            this.trans.setTranslation(lang, translations, true);
+            this.translationFinished = true;
+        }));
+    }
+    showMenuDropdown(show) {
+        if (this.showMenu !== show) {
+            this.showMenu = show;
+            this.dropMenuChange.emit(show);
+        }
+    }
+    setLanguage(lang) {
+        this.trans.use(lang);
+        this.showMenu = false;
+        this.dropMenuChange.emit(false);
+        //TODO: set localstorage/cookies or probaly event to main app
+    }
+    onExpandLink(event, transId) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.expandedLink === transId) {
+            this.expandedLink = null;
+            return;
+        }
+        this.expandedLink = transId;
+    }
+    login() {
+        this.loginClicked.emit();
+    }
+    logout() {
+        this.logoutClicked.emit();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+}
+/** @nocollapse */ ADBNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ADBNavComponent, deps: [{ token: i1.HttpClient }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ ADBNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: ADBNavComponent, selector: "adb-nav", inputs: { showPattern: "showPattern", userName: "userName", artfakta: "artfakta" }, outputs: { loginClicked: "loginClicked", logoutClicked: "logoutClicked", dropMenuChange: "dropMenuChange" }, ngImport: i0, template: "<header class=\"bg-primary\" [attr.id]=\"showPattern?'pattern':''\" (adbClickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap align-items-center p-2 gap-2\">\r\n        <div class=\"me-5\">\r\n            <a href=\"https://www.artdatabanken.se/\" target=\"new\"><img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\"></a>\r\n        </div>\r\n        <ng-container *ngIf=\"translationFinished\">\r\n            <nav class=\"flex-grow-1 d-lg-flex align-items-center pe-4 gap-4\" *ngIf=\"navigation\">\r\n                <a class=\"text-white fs-5 me-3\" href=\"{{navigation.artfakta.url}}\">\r\n                    {{navigation.artfakta.transId|translate}}\r\n                </a>\r\n                <a class=\"text-white d-none d-lg-block\" href=\"{{navigation.artinfo.url}}\">\r\n                    {{navigation.artinfo.transId|translate}}\r\n                </a>\r\n                <a class=\"text-white d-none d-lg-block\" href=\"{{navigation.observations.url}}?lang={{trans.currentLang}}\">\r\n                    {{navigation.observations.transId|translate}}\r\n                </a>\r\n                <a class=\"text-white d-none d-lg-block\" href=\"{{navigation.nameAndRelationship.url}}?lang={{trans.currentLang}}\">\r\n                    {{navigation.nameAndRelationship.transId|translate}}\r\n                </a>\r\n                <a class=\"ms-auto text-white d-none d-lg-block\" [href]=\"navigation.artportalenUrl\">\r\n                    {{'ADB_HEADER.ARTPORTALEN_TITLE'|translate}}\r\n                </a>\r\n                <a class=\"text-white d-none d-lg-block\" [href]=\"navigation.supportUrl\">Support</a>\r\n            </nav>\r\n            <div class=\"ms-auto\">\r\n                <div class=\"d-flex gap-2\">\r\n                    <div class=\"btn-group no-caret\">\r\n                        <button adbDropdown class=\"btn btn-primary btn-sm dropdown-toggle\"><span class=\"far fa-globe\"></span></button>\r\n                        <ul class=\"dropdown-menu dropdown-menu-end py-1 bg-primary\">\r\n                            <li>\r\n                                <button type=\"button\" [class.pe-none]=\"trans.currentLang==='sv'\" (click)=\"setLanguage('sv')\" class=\"btn btn-link py-0 px-2 text-white\">\r\n                                    <span [class.fw-bold]=\"trans.currentLang==='sv'\">{{'ADB_HEADER.IN_SWEDISH'|translate}}</span>\r\n                                </button>\r\n                            </li>\r\n                            <div class=\"dropdown-divider my-1 opacity-25 bg-white\"></div>\r\n                            <li>\r\n                                <button type=\"button\" [class.pe-none]=\"trans.currentLang==='en'\" (click)=\"setLanguage('en')\" class=\"btn btn-link py-0 px-2 text-white\">\r\n                                    <span [class.fw-bold]=\"trans.currentLang==='en'\">{{'ADB_HEADER.IN_ENGLISH'|translate}}</span>\r\n                                </button>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"btn-group no-caret d-none d-lg-block\">\r\n                        <button type=\"button\" adbDropdown class=\"btn btn-primary btn-sm dropdown-toggle\" [class.initials]=\"initials\" (click)=\"showMenuDropdown(!showMenu)\">\r\n                            <ng-container *ngIf=\"initials\">{{initials}}</ng-container>\r\n                            <ng-container *ngIf=\"!initials\">{{'ADB_HEADER.LOGIN'|translate}}</ng-container>\r\n                        </button>\r\n                        <ul class=\"dropdown-menu dropdown-menu-end py-1 bg-primary text-white\">\r\n                            <ng-container *ngIf=\"initials\">\r\n                                <li class=\"px-2 pb-1\">\r\n                                    <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0 text-white\">\r\n                                        <span class=\"fas fa-sign-out-alt me-1\"></span>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                                    </button>\r\n                                </li>\r\n                                <hr class=\"my-0\">\r\n                                <li class=\"pt-1 px-2\">\r\n                                    <span class=\"fas fa-user me-1\"></span>\r\n                                    {{fullName}}\r\n                                </li>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!initials\">\r\n                                <li>\r\n                                    <div class=\"text-center \">\r\n                                        <button type=\"button\" class=\"btn btn-primary\" (click)=\"login()\" id=\"start-login\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n                                    </div>\r\n                                </li>\r\n                                <li>\r\n                                    <a *ngIf=\"navigation\" class=\"d-block text-center mt-2 text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                                        {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-block d-lg-none\">\r\n                <button type=\"button\" class=\"btn btn-sm py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenuDropdown(!showMenu)\">\r\n                    {{'ADB_HEADER.MENY'|translate}}\r\n                    <i class=\"ms-1 fas\" [ngClass]=\"showMenu?'fa-chevron-up':'fa-chevron-down'\"></i>\r\n                </button>\r\n            </div>\r\n        </ng-container>\r\n    </nav>\r\n    <div class=\"mobile-menu d-flex flex-column d-lg-none bg-primary text-white\" *ngIf=\"showMenu&&navigation\">\r\n        <div class=\"p-2\">\r\n            <div class=\"d-flex justify-content-between align-items-center gap-2\" *ngIf=\"initials\">\r\n                <span class=\"initials me-2\">{{initials}}</span>\r\n                <button type=\"button\" (click)=\"logout()\" class=\"btn btn-primary\">\r\n                    {{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </div>\r\n            <div class=\"d-flex justify-content-between gap-2\" *ngIf=\"!initials\">\r\n                <button type=\"button\" (click)=\"login()\" class=\"btn btn-primary\" id=\"login\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n                <a href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\"\r\n                    class=\"btn btn-primary text-white\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </div>\r\n        </div>\r\n        <div class=\"px-2\">\r\n            <hr class=\"my-0\">\r\n            <ul class=\"list-unstyled\">\r\n                <li>\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                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\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                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.nameAndRelationship.url}}?lang={{trans.currentLang}}\">\r\n                        {{navigation.nameAndRelationship.transId|translate}}\r\n                    </a>\r\n                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\r\n                    <a class=\"d-block py-1 text-white\" [href]=\"navigation.about.url\">{{navigation.about.transId|translate}}</a>\r\n                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\r\n                    <a class=\"d-block py-1 text-white\" [href]=\"navigation.artportalenUrl\">\r\n                        {{'ADB_HEADER.ARTPORTALEN_TITLE'|translate}}\r\n                    </a>\r\n                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\r\n                    <small class=\"d-block text-white py-2\">\r\n                        {{'ADB_HEADER.DEVELOPED_BY'|translate}}\r\n                        <a href=\"https://www.artdatabanken.se/\" class=\"text-white\"><u>{{'ADB_HEADER.ARTDATABANKEN'|translate}}</u></a>\r\n                    </small>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n        <div class=\"mt-auto splash-height\" id=\"pattern\"></div>\r\n    </div>\r\n</header>", directives: [{ type: ClickOutsideDirective, selector: "[adbClickOutside]", outputs: ["adbClickOutside"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: AdbDropdownDirective, selector: "[adbDropdown]", inputs: ["insideClick"], outputs: ["adbDropdown"], exportAs: ["adbDropdown"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i1$1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ADBNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'adb-nav', template: "<header class=\"bg-primary\" [attr.id]=\"showPattern?'pattern':''\" (adbClickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap align-items-center p-2 gap-2\">\r\n        <div class=\"me-5\">\r\n            <a href=\"https://www.artdatabanken.se/\" target=\"new\"><img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\"></a>\r\n        </div>\r\n        <ng-container *ngIf=\"translationFinished\">\r\n            <nav class=\"flex-grow-1 d-lg-flex align-items-center pe-4 gap-4\" *ngIf=\"navigation\">\r\n                <a class=\"text-white fs-5 me-3\" href=\"{{navigation.artfakta.url}}\">\r\n                    {{navigation.artfakta.transId|translate}}\r\n                </a>\r\n                <a class=\"text-white d-none d-lg-block\" href=\"{{navigation.artinfo.url}}\">\r\n                    {{navigation.artinfo.transId|translate}}\r\n                </a>\r\n                <a class=\"text-white d-none d-lg-block\" href=\"{{navigation.observations.url}}?lang={{trans.currentLang}}\">\r\n                    {{navigation.observations.transId|translate}}\r\n                </a>\r\n                <a class=\"text-white d-none d-lg-block\" href=\"{{navigation.nameAndRelationship.url}}?lang={{trans.currentLang}}\">\r\n                    {{navigation.nameAndRelationship.transId|translate}}\r\n                </a>\r\n                <a class=\"ms-auto text-white d-none d-lg-block\" [href]=\"navigation.artportalenUrl\">\r\n                    {{'ADB_HEADER.ARTPORTALEN_TITLE'|translate}}\r\n                </a>\r\n                <a class=\"text-white d-none d-lg-block\" [href]=\"navigation.supportUrl\">Support</a>\r\n            </nav>\r\n            <div class=\"ms-auto\">\r\n                <div class=\"d-flex gap-2\">\r\n                    <div class=\"btn-group no-caret\">\r\n                        <button adbDropdown class=\"btn btn-primary btn-sm dropdown-toggle\"><span class=\"far fa-globe\"></span></button>\r\n                        <ul class=\"dropdown-menu dropdown-menu-end py-1 bg-primary\">\r\n                            <li>\r\n                                <button type=\"button\" [class.pe-none]=\"trans.currentLang==='sv'\" (click)=\"setLanguage('sv')\" class=\"btn btn-link py-0 px-2 text-white\">\r\n                                    <span [class.fw-bold]=\"trans.currentLang==='sv'\">{{'ADB_HEADER.IN_SWEDISH'|translate}}</span>\r\n                                </button>\r\n                            </li>\r\n                            <div class=\"dropdown-divider my-1 opacity-25 bg-white\"></div>\r\n                            <li>\r\n                                <button type=\"button\" [class.pe-none]=\"trans.currentLang==='en'\" (click)=\"setLanguage('en')\" class=\"btn btn-link py-0 px-2 text-white\">\r\n                                    <span [class.fw-bold]=\"trans.currentLang==='en'\">{{'ADB_HEADER.IN_ENGLISH'|translate}}</span>\r\n                                </button>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <div class=\"btn-group no-caret d-none d-lg-block\">\r\n                        <button type=\"button\" adbDropdown class=\"btn btn-primary btn-sm dropdown-toggle\" [class.initials]=\"initials\" (click)=\"showMenuDropdown(!showMenu)\">\r\n                            <ng-container *ngIf=\"initials\">{{initials}}</ng-container>\r\n                            <ng-container *ngIf=\"!initials\">{{'ADB_HEADER.LOGIN'|translate}}</ng-container>\r\n                        </button>\r\n                        <ul class=\"dropdown-menu dropdown-menu-end py-1 bg-primary text-white\">\r\n                            <ng-container *ngIf=\"initials\">\r\n                                <li class=\"px-2 pb-1\">\r\n                                    <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0 text-white\">\r\n                                        <span class=\"fas fa-sign-out-alt me-1\"></span>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                                    </button>\r\n                                </li>\r\n                                <hr class=\"my-0\">\r\n                                <li class=\"pt-1 px-2\">\r\n                                    <span class=\"fas fa-user me-1\"></span>\r\n                                    {{fullName}}\r\n                                </li>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"!initials\">\r\n                                <li>\r\n                                    <div class=\"text-center \">\r\n                                        <button type=\"button\" class=\"btn btn-primary\" (click)=\"login()\" id=\"start-login\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n                                    </div>\r\n                                </li>\r\n                                <li>\r\n                                    <a *ngIf=\"navigation\" class=\"d-block text-center mt-2 text-white\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                                        {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ng-container>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-block d-lg-none\">\r\n                <button type=\"button\" class=\"btn btn-sm py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenuDropdown(!showMenu)\">\r\n                    {{'ADB_HEADER.MENY'|translate}}\r\n                    <i class=\"ms-1 fas\" [ngClass]=\"showMenu?'fa-chevron-up':'fa-chevron-down'\"></i>\r\n                </button>\r\n            </div>\r\n        </ng-container>\r\n    </nav>\r\n    <div class=\"mobile-menu d-flex flex-column d-lg-none bg-primary text-white\" *ngIf=\"showMenu&&navigation\">\r\n        <div class=\"p-2\">\r\n            <div class=\"d-flex justify-content-between align-items-center gap-2\" *ngIf=\"initials\">\r\n                <span class=\"initials me-2\">{{initials}}</span>\r\n                <button type=\"button\" (click)=\"logout()\" class=\"btn btn-primary\">\r\n                    {{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </div>\r\n            <div class=\"d-flex justify-content-between gap-2\" *ngIf=\"!initials\">\r\n                <button type=\"button\" (click)=\"login()\" class=\"btn btn-primary\" id=\"login\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n                <a href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\"\r\n                    class=\"btn btn-primary text-white\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </div>\r\n        </div>\r\n        <div class=\"px-2\">\r\n            <hr class=\"my-0\">\r\n            <ul class=\"list-unstyled\">\r\n                <li>\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                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\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                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\r\n                    <a class=\"d-block py-1 text-white\" href=\"{{navigation.nameAndRelationship.url}}?lang={{trans.currentLang}}\">\r\n                        {{navigation.nameAndRelationship.transId|translate}}\r\n                    </a>\r\n                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\r\n                    <a class=\"d-block py-1 text-white\" [href]=\"navigation.about.url\">{{navigation.about.transId|translate}}</a>\r\n                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\r\n                    <a class=\"d-block py-1 text-white\" [href]=\"navigation.artportalenUrl\">\r\n                        {{'ADB_HEADER.ARTPORTALEN_TITLE'|translate}}\r\n                    </a>\r\n                    <hr class=\"my-0\">\r\n                </li>\r\n                <li>\r\n                    <small class=\"d-block text-white py-2\">\r\n                        {{'ADB_HEADER.DEVELOPED_BY'|translate}}\r\n                        <a href=\"https://www.artdatabanken.se/\" class=\"text-white\"><u>{{'ADB_HEADER.ARTDATABANKEN'|translate}}</u></a>\r\n                    </small>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n        <div class=\"mt-auto splash-height\" id=\"pattern\"></div>\r\n    </div>\r\n</header>" }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i1$1.TranslateService }]; }, propDecorators: { loginClicked: [{
+                type: Output
+            }], logoutClicked: [{
+                type: Output
+            }], dropMenuChange: [{
+                type: Output
+            }], showPattern: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], artfakta: [{
+                type: Input
+            }] } });
+
+class AdbDropdownModule {
+}
+/** @nocollapse */ AdbDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ AdbDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownModule, declarations: [AdbDropdownDirective], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbDropdownDirective] });
+/** @nocollapse */ AdbDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownModule, providers: [AdbDropdownService], imports: [[CommonModule, TranslateModule.forChild(), AdbDirectivesModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule],
+                    declarations: [AdbDropdownDirective],
+                    exports: [AdbDropdownDirective],
+                    providers: [AdbDropdownService]
+                }]
+        }] });
+
 class ADBHeaderModule {
     static forRoot(environment) {
         return {
@@ -241,30 +452,33 @@ class ADBHeaderModule {
     }
 }
 /** @nocollapse */ ADBHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ADBHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ ADBHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ADBHeaderModule, declarations: [ADBHeaderComponent], imports: [CommonModule,
+/** @nocollapse */ ADBHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ADBHeaderModule, declarations: [ADBHeaderComponent, ADBNavComponent], imports: [CommonModule,
         HttpClientModule,
         RouterModule,
         TranslateModule,
-        AdbDirectivesModule], exports: [ADBHeaderComponent] });
+        AdbDirectivesModule,
+        AdbDropdownModule], exports: [ADBHeaderComponent, ADBNavComponent] });
 /** @nocollapse */ ADBHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ADBHeaderModule, imports: [[
             CommonModule,
             HttpClientModule,
             RouterModule,
             TranslateModule,
-            AdbDirectivesModule
+            AdbDirectivesModule,
+            AdbDropdownModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ADBHeaderModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [ADBHeaderComponent],
+                    declarations: [ADBHeaderComponent, ADBNavComponent],
                     imports: [
                         CommonModule,
                         HttpClientModule,
                         RouterModule,
                         TranslateModule,
-                        AdbDirectivesModule
+                        AdbDirectivesModule,
+                        AdbDropdownModule
                     ],
-                    exports: [ADBHeaderComponent]
+                    exports: [ADBHeaderComponent, ADBNavComponent]
                 }]
         }] });
 
@@ -352,6 +566,7 @@ class PagerComponent extends PagerBaseDirective {
         this.activatedRoute = activatedRoute;
         this.subscription = new Subscription();
         this.offsetName = "offset";
+        this.infiniteLimit = false;
     }
     ngOnInit() {
         this.subscription.add(this.activatedRoute.queryParams.subscribe(params => {
@@ -379,12 +594,14 @@ class PagerComponent extends PagerBaseDirective {
     }
 }
 /** @nocollapse */ PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PagerComponent, deps: [{ token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PagerComponent, selector: "adb-pager-nav", inputs: { offsetName: "offsetName" }, usesInheritance: true, ngImport: i0, template: "<nav *ngIf=\"pages&&pages.length>1&&currentPage<=amountOfPages\" class=\"d-flex justify-content-end pe-2 my-1\">\r\n    <ul class=\"pagination mb-0\">\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.first\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n                <i class=\"fas fa-chevron-double-left\"></i>\r\n            </a>\r\n        </li>\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.prev\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n                <i class=\"fas fa-chevron-left\"></i>\r\n            </a>\r\n        </li>\r\n        <li class=\"page-item\" [class.active]=\"currentPage===page.name\" *ngFor=\"let page of params.pages\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"page.params\"\r\n                queryParamsHandling=\"merge\">{{page.name}}</a>\r\n        </li>\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.next\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\" [attr.aria-disabled]=\"currentPage>=amountOfPages\">\r\n                <i class=\"fas fa-chevron-right\"></i>\r\n            </a>\r\n        </li>\r\n        <li *ngIf=\"(amountOfPages-1)*limit<10000\" class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n                [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n                <i class=\"fas fa-chevron-double-right\"></i>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</nav>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+/** @nocollapse */ PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PagerComponent, selector: "adb-pager-nav", inputs: { offsetName: "offsetName", infiniteLimit: "infiniteLimit" }, usesInheritance: true, ngImport: i0, template: "<nav *ngIf=\"pages&&pages.length>1&&currentPage<=amountOfPages\" class=\"d-flex justify-content-end pe-2 my-1\">\r\n    <ul class=\"pagination mb-0\">\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.first\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n                <i class=\"fas fa-chevron-double-left\"></i>\r\n            </a>\r\n        </li>\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.prev\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n                <i class=\"fas fa-chevron-left\"></i>\r\n            </a>\r\n        </li>\r\n        <li class=\"page-item\" [class.active]=\"currentPage===page.name\" *ngFor=\"let page of params.pages\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"page.params\"\r\n                queryParamsHandling=\"merge\">{{page.name}}</a>\r\n        </li>\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.next\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\" [attr.aria-disabled]=\"currentPage>=amountOfPages\">\r\n                <i class=\"fas fa-chevron-right\"></i>\r\n            </a>\r\n        </li>\r\n        <ng-container *ngIf=\"!infiniteLimit\">\r\n            <li *ngIf=\"(amountOfPages-1)*limit<10000\" class=\"page-item\">\r\n                <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n                    [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n                    <i class=\"fas fa-chevron-double-right\"></i>\r\n                </a>\r\n            </li>\r\n        </ng-container>\r\n        <li class=\"page-item\" *ngIf=\"infiniteLimit\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n                [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n                <i class=\"fas fa-chevron-double-right\"></i>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</nav>", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PagerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adb-pager-nav', template: "<nav *ngIf=\"pages&&pages.length>1&&currentPage<=amountOfPages\" class=\"d-flex justify-content-end pe-2 my-1\">\r\n    <ul class=\"pagination mb-0\">\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.first\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n                <i class=\"fas fa-chevron-double-left\"></i>\r\n            </a>\r\n        </li>\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.prev\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n                <i class=\"fas fa-chevron-left\"></i>\r\n            </a>\r\n        </li>\r\n        <li class=\"page-item\" [class.active]=\"currentPage===page.name\" *ngFor=\"let page of params.pages\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"page.params\"\r\n                queryParamsHandling=\"merge\">{{page.name}}</a>\r\n        </li>\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.next\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\" [attr.aria-disabled]=\"currentPage>=amountOfPages\">\r\n                <i class=\"fas fa-chevron-right\"></i>\r\n            </a>\r\n        </li>\r\n        <li *ngIf=\"(amountOfPages-1)*limit<10000\" class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n                [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n                <i class=\"fas fa-chevron-double-right\"></i>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</nav>" }]
+            args: [{ selector: 'adb-pager-nav', template: "<nav *ngIf=\"pages&&pages.length>1&&currentPage<=amountOfPages\" class=\"d-flex justify-content-end pe-2 my-1\">\r\n    <ul class=\"pagination mb-0\">\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.first\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n                <i class=\"fas fa-chevron-double-left\"></i>\r\n            </a>\r\n        </li>\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.prev\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage===1}\" [attr.aria-disabled]=\"currentPage===1\">\r\n                <i class=\"fas fa-chevron-left\"></i>\r\n            </a>\r\n        </li>\r\n        <li class=\"page-item\" [class.active]=\"currentPage===page.name\" *ngFor=\"let page of params.pages\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"page.params\"\r\n                queryParamsHandling=\"merge\">{{page.name}}</a>\r\n        </li>\r\n        <li class=\"page-item\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.next\" queryParamsHandling=\"merge\"\r\n                [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\" [attr.aria-disabled]=\"currentPage>=amountOfPages\">\r\n                <i class=\"fas fa-chevron-right\"></i>\r\n            </a>\r\n        </li>\r\n        <ng-container *ngIf=\"!infiniteLimit\">\r\n            <li *ngIf=\"(amountOfPages-1)*limit<10000\" class=\"page-item\">\r\n                <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n                    [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n                    <i class=\"fas fa-chevron-double-right\"></i>\r\n                </a>\r\n            </li>\r\n        </ng-container>\r\n        <li class=\"page-item\" *ngIf=\"infiniteLimit\">\r\n            <a class=\"page-link\" [routerLink]=\"[]\" [queryParams]=\"params.last\" queryParamsHandling=\"merge\"\r\n                [attr.aria-disabled]=\"currentPage>=amountOfPages\" [ngClass]=\"{'pe-none opacity-50':currentPage>=amountOfPages}\">\r\n                <i class=\"fas fa-chevron-double-right\"></i>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n</nav>" }]
         }], ctorParameters: function () { return [{ type: i1$2.ActivatedRoute }]; }, propDecorators: { offsetName: [{
                 type: Input
+            }], infiniteLimit: [{
+                type: Input
             }] } });
 
 class AdbPagersModule {
@@ -915,117 +1132,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                 }]
         }] });
 
-class AdbDropdownService {
-}
-/** @nocollapse */ AdbDropdownService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ AdbDropdownService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownService, decorators: [{
-            type: Injectable
-        }] });
-
-class AdbDropdownDirective {
-    constructor(elementRef, adbDropdownService) {
-        this.elementRef = elementRef;
-        this.adbDropdownService = adbDropdownService;
-        this.adbDropdown = new EventEmitter();
-        this.insideClick = false;
-        this.dataToggle = "dropdown";
-        this.haspPopup = true;
-        this.expanded = false;
-        this.id = this.getId();
-    }
-    onClick() {
-        var _a;
-        this.adbDropdownService.currentMenuId = this.id;
-        const node = this.elementRef.nativeElement.parentNode;
-        const toggleButton = node.querySelector('.dropdown-toggle');
-        let style = `transform:translate3d(0px, ${(toggleButton === null || toggleButton === void 0 ? void 0 : toggleButton.clientHeight) + 1}px, 0px);`;
-        const menu = node.querySelector('.dropdown-menu');
-        if (menu) {
-            this.adbDropdownService.currentMenu = this.elementRef.nativeElement;
-            if ((_a = menu.classList) === null || _a === void 0 ? void 0 : _a.contains('dropdown-menu-end')) {
-                style = style + 'inset: 0px 0px auto auto;';
-            }
-            menu.setAttribute('style', style);
-            if (menu.classList.contains('show')) {
-                menu.classList.remove('show');
-            }
-            else {
-                this.adbDropdown.emit();
-                menu.classList.add('show');
-            }
-        }
-    }
-    onCheckOutSideClick(target) {
-        if (this.adbDropdownService.currentMenuId === this.id) {
-            const parent = this.insideClick ? this.elementRef.nativeElement.parentNode : this.elementRef.nativeElement;
-            const clickedInside = parent.contains(target);
-            if (!clickedInside) {
-                const parent = this.elementRef.nativeElement.parentNode.querySelector('.dropdown-menu');
-                parent === null || parent === void 0 ? void 0 : parent.classList.remove('show');
-            }
-        }
-        else {
-            const parent = this.elementRef.nativeElement.parentNode.querySelector('.dropdown-menu');
-            parent === null || parent === void 0 ? void 0 : parent.classList.remove('show');
-        }
-    }
-    close() {
-        const node = this.elementRef.nativeElement.parentNode;
-        const menu = node.querySelector('.dropdown-menu');
-        menu.classList.remove('show');
-    }
-    getId() {
-        return '' + Math.floor(Math.random() * Date.now());
-    }
-}
-/** @nocollapse */ AdbDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownDirective, deps: [{ token: i0.ElementRef }, { token: AdbDropdownService }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ AdbDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AdbDropdownDirective, selector: "[adbDropdown]", inputs: { insideClick: "insideClick" }, outputs: { adbDropdown: "adbDropdown" }, host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded" } }, exportAs: ["adbDropdown"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[adbDropdown]',
-                    exportAs: 'adbDropdown'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AdbDropdownService }]; }, propDecorators: { adbDropdown: [{
-                type: Output
-            }], insideClick: [{
-                type: Input
-            }], id: [{
-                type: HostBinding,
-                args: ['id']
-            }], dataToggle: [{
-                type: HostBinding,
-                args: ['attr.data-toggle']
-            }], haspPopup: [{
-                type: HostBinding,
-                args: ['attr.aria-haspopup']
-            }], expanded: [{
-                type: HostBinding,
-                args: ['attr.aria-expanded']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }], onCheckOutSideClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event.target']]
-            }] } });
-
-class AdbDropdownModule {
-}
-/** @nocollapse */ AdbDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ AdbDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownModule, declarations: [AdbDropdownDirective], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbDropdownDirective] });
-/** @nocollapse */ AdbDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownModule, providers: [AdbDropdownService], imports: [[CommonModule, TranslateModule.forChild(), AdbDirectivesModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AdbDropdownModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule],
-                    declarations: [AdbDropdownDirective],
-                    exports: [AdbDropdownDirective],
-                    providers: [AdbDropdownService]
-                }]
-        }] });
-
 class AdbModalService {
     constructor(componentFactoryResolver, rendererFactory, appRef, injector) {
         this.componentFactoryResolver = componentFactoryResolver;
@@ -1116,6 +1222,7 @@ class AdbToastService {
         toastMessage.delay = of(toastMessage).pipe(delay(time)).subscribe(toast => {
             this.remove(toast);
         });
+        console.log('toastMessage', toastMessage);
         this.toasts.push(toastMessage);
         this.toastsSubject.next(this.toasts);
     }
@@ -1191,5 +1298,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADBHeaderComponent, ADBHeaderModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdownDirective, AdbDropdownModule, AdbModalModule, AdbModalService, AdbPagersModule, AdbPipesModule, AdbToast, AdbToastModule, AdbToastService, ClickOutsideDirective, EmptyValuePipe, FileUploadDirective, FocusDirective, HighlightPipe, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, ToastType };
+export { ADBHeaderComponent, ADBHeaderModule, ADBNavComponent, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdownDirective, AdbDropdownModule, AdbModalModule, AdbModalService, AdbPagersModule, AdbPipesModule, AdbToast, AdbToastModule, AdbToastService, ClickOutsideDirective, EmptyValuePipe, FileUploadDirective, FocusDirective, HighlightPipe, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, ToastType };
 //# sourceMappingURL=adb-shared.mjs.map