adb-shared 0.0.54 → 1.0.2

package/fesm2015/adb-shared.js

@@ -1,44 +1,55 @@
-import { HttpClient, HttpClientModule } from '@angular/common/http';
-import { Injectable, Inject, EventEmitter, Component, Output, Input, Directive, ElementRef, HostListener, NgModule } from '@angular/core';
-import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import * as i0 from '@angular/core';
+import { Injectable, Inject, EventEmitter, Directive, Output, HostListener, Component, Input, NgModule } from '@angular/core';
 import { Subscription, forkJoin } from 'rxjs';
+import * as i1 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class EnvironmentService {
-    /**
-     * @param {?} environment
-     */
     constructor(environment) {
         this.environment = environment;
     }
 }
-EnvironmentService.decorators = [
-    { type: Injectable }
-];
-/** @nocollapse */
-EnvironmentService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: ['env',] }] }
-];
-if (false) {
-    /** @type {?} */
-    EnvironmentService.prototype.environment;
-}
+/** @nocollapse */ EnvironmentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: EnvironmentService, deps: [{ token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ EnvironmentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: EnvironmentService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: EnvironmentService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }]; } });
+
+class ClickOutsideDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.clickOutside = new EventEmitter();
+    }
+    onClick(target) {
+        const clickedInside = this.elementRef.nativeElement.contains(target);
+        if (!clickedInside) {
+            this.clickOutside.emit();
+        }
+    }
+}
+/** @nocollapse */ ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[clickOutside]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickOutside: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class ADBHeaderComponent {
-    /**
-     * @param {?} httpClient
-     * @param {?} envService
-     * @param {?} trans
-     */
     constructor(httpClient, envService, trans) {
         this.httpClient = httpClient;
         this.envService = envService;
@@ -50,76 +61,40 @@ class ADBHeaderComponent {
         this.showMenu = false;
         this.showUserMenu = false;
     }
-    /**
-     * @param {?} fullName
-     * @return {?}
-     */
     set userName(fullName) {
         this.fullName = fullName;
-        /** @type {?} */
         const splitted = fullName.split(' ');
         if (splitted && splitted.length > 1) {
-            /** @type {?} */
             const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);
             this.initials = initials.toUpperCase();
         }
     }
     ;
-    /**
-     * @return {?}
-     */
     ngOnInit() {
         this.url = window.location.href;
-        /** @type {?} */
         const baseUrl = this.envService.environment.resourceUrl;
-        this.subscription.add(this.httpClient.get(baseUrl + '/assets/links.json').subscribe((/**
-         * @param {?} result
-         * @return {?}
-         */
-        result => {
+        this.subscription.add(this.httpClient.get(baseUrl + '/assets/links.json').subscribe(result => {
             this.navigation = result;
-        })));
+        }));
         this.initAllTranslations(baseUrl);
     }
-    /**
-     * @private
-     * @param {?} baseUrl
-     * @return {?}
-     */
     initAllTranslations(baseUrl) {
-        /** @type {?} */
         const trans$ = forkJoin([this.httpClient.get(baseUrl + '/assets/i18n/en.json'), this.httpClient.get(baseUrl + '/assets/i18n/sv.json')]);
-        this.subscription.add(trans$.subscribe((/**
-         * @param {?} result
-         * @return {?}
-         */
-        result => {
+        this.subscription.add(trans$.subscribe(result => {
             this.trans.setTranslation('en', result[0], true);
             this.trans.setTranslation('sv', result[1], true);
-        })));
+        }));
     }
-    /**
-     * @param {?} show
-     * @return {?}
-     */
     showMenuDropdown(show) {
         if (this.showMenu !== show) {
             this.showMenu = show;
             this.dropMenuChange.emit(show);
         }
     }
-    /**
-     * @param {?} lang
-     * @return {?}
-     */
     setLanguage(lang) {
         this.trans.use(lang);
         //TODO: set localstorage/cookies or probaly event to main app
     }
-    /**
-     * @param {?} transId
-     * @return {?}
-     */
     onExpandLink(transId) {
         if (this.expandedLink === transId) {
             this.expandedLink = null;
@@ -127,140 +102,35 @@ class ADBHeaderComponent {
         }
         this.expandedLink = transId;
     }
-    /**
-     * @return {?}
-     */
     login() {
         this.loginClicked.emit();
     }
-    /**
-     * @return {?}
-     */
     logout() {
         this.logoutClicked.emit();
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
 }
-ADBHeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'adb-header2',
-                template: "<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n            <div class=\"logo d-none d-md-block\">\r\n                <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n            </div>\r\n            <div class=\"logo pl-2 d-sm-block d-md-none d-flex align-items-center\">\r\n                <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n            </div>\r\n            <strong class=\"bigger\">Artfakta</strong>\r\n        </div>\r\n        <div class=\"flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center\">\r\n            <div class=\"d-flex align-items-center\">\r\n                <nav class=\"d-none align-items-center d-lg-flex pr-4\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n                    <ng-container *ngFor=\"let link of navigation.links\">\r\n                        <a [href]=\"link.url\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\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=\"ml-1 fas\" [ngClass]=\"showMenu?'fa-chevron-up':'fa-chevron-down'\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-none d-md-block pl-4\">\r\n                <button *ngIf=\"initials\" type=\"button\" class=\"btn initials px-2 py-1\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" type=\"button\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n            <ng-container *ngIf=\"initials\">\r\n                <div class=\"text-dark\">\r\n                    <span class=\"initials py-2 px-2 mr-2\">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class=\"mx-n3\">\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0\">\r\n                    <i class=\"fas fa-sign-out-alt mr-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!initials\">\r\n                <div class=\"d-flex justify-content-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                <a class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body\" *ngIf=\"navigation\">\r\n            <div class=\"px-3 pt-3 mb-1\">\r\n                <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                    <div>\r\n                        <div class=\"d-flex d-md-none align-items-center gap-2\" *ngIf=\"initials\">\r\n                            <span class=\"initials mr-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 gap-2 d-md-none\" *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}}?returnUrl={{url}}\"\r\n                               class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                        </button>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{'ADB_HEADER.SERVICES'|translate}}\r\n            </div>\r\n            <div id=\"splash\">\r\n                <div class=\"px-3 d-flex flex-column\">\r\n                    <ul class=\"list-group ml-0 mb-0 pl-0\">\r\n                        <li class=\"mb-1 list-group-item rounded-0\"\r\n                            [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n                            *ngFor=\"let link of navigation.links\">\r\n                            <div class=\"d-flex align-items-center justify-content-between\"\r\n                                 [attr.aria-expanded]=\"link.transId===expandedLink?true:false\" role=\"button\"\r\n                                 (click)=\"onExpandLink(link.transId)\">\r\n                                <div>\r\n                                    <small class=\"fa-stack\" *ngIf=\"link.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"link.url\" (click)=\"$event.stopPropagation();\">\r\n                                        {{link.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"text-dark\" (click)=\"$event.stopPropagation();\" *ngIf=\"link.children&&link.children.length>0\">\r\n                                    <i class=\"fas fa-chevron-up\" *ngIf=\"link.transId===expandedLink\"></i>\r\n                                    <i class=\"fas fa-chevron-down\" *ngIf=\"link.transId!==expandedLink\"></i>\r\n                                </div>\r\n                            </div>\r\n                            <ul class=\"list-unstyled pl-4\" *ngIf=\"link.transId===expandedLink\">\r\n                                <li class=\"py-1m-0\" *ngFor=\"let subLink of link.children\">\r\n                                    <a [href]=\"subLink.url\">\r\n                                        {{subLink.transId|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"navigation.about\" class=\"mt-2 mb-auto\">\r\n                        <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n                        <ul class=\"list-unstyled ml-0 pl-0\">\r\n                            <li class=\"mb-1 d-flex flex-wrap gap-2\">\r\n                                <div class=\"bg-white p-2 flex-grow-1\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"navigation.about.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"navigation.about.url\">\r\n                                        {{navigation.about.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"bg-white p-2 flex-grow-1\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse fa-envelope\"></span>\r\n                                    </small>\r\n                                    <a class=\"bg-white p-2\" href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <div style=\"height:10rem\"></div>\r\n                    <div>\r\n                        <img style=\"height: 3.2rem;\" src=\"/assets/images/logo.svg\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n"
-            }] }
-];
-/** @nocollapse */
-ADBHeaderComponent.ctorParameters = () => [
-    { type: HttpClient },
-    { type: EnvironmentService },
-    { type: TranslateService }
-];
-ADBHeaderComponent.propDecorators = {
-    loginClicked: [{ type: Output }],
-    logoutClicked: [{ type: Output }],
-    dropMenuChange: [{ type: Output }],
-    userName: [{ type: Input }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    ADBHeaderComponent.prototype.subscription;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.loginClicked;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.logoutClicked;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.dropMenuChange;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.fullName;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.initials;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.showMenu;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.showUserMenu;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.navigation;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.url;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.expandedLink;
-    /**
-     * @type {?}
-     * @private
-     */
-    ADBHeaderComponent.prototype.httpClient;
-    /**
-     * @type {?}
-     * @private
-     */
-    ADBHeaderComponent.prototype.envService;
-    /** @type {?} */
-    ADBHeaderComponent.prototype.trans;
-    /* Skipping unhandled member: ;*/
-}
+/** @nocollapse */ ADBHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ADBHeaderComponent, deps: [{ token: i1.HttpClient }, { token: EnvironmentService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ ADBHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ADBHeaderComponent, selector: "adb-header2", inputs: { userName: "userName" }, outputs: { loginClicked: "loginClicked", logoutClicked: "logoutClicked", dropMenuChange: "dropMenuChange" }, ngImport: i0, template: "<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n            <div class=\"logo d-none d-md-block\">\r\n                <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n            </div>\r\n            <div class=\"logo ps-2 d-sm-block d-md-none d-flex align-items-center\">\r\n                <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n            </div>\r\n            <strong class=\"bigger\">Artfakta</strong>\r\n        </div>\r\n        <div class=\"flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center\">\r\n            <div *ngIf=\"navigation\" class=\"d-flex align-items-center\">\r\n                <nav class=\"d-none align-items-center d-lg-flex pe-4 gap-4\" *ngIf=\"navigation\">\r\n                    <ng-container *ngFor=\"let link of navigation.links\">\r\n                        <a [href]=\"link.url\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\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            </div>\r\n            <div class=\"d-none d-md-block ps-4\">\r\n                <button *ngIf=\"initials\" type=\"button\" class=\"btn initials\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" type=\"button\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n            <ng-container *ngIf=\"initials\">\r\n                <div class=\"text-dark\">\r\n                    <span class=\"initials me-2\">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class=\"mx-n3\">\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0\">\r\n                    <i class=\"fas fa-sign-out-alt me-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!initials\">\r\n                <div class=\"d-flex justify-content-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                <a *ngIf=\"navigation\" class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body\" *ngIf=\"navigation\">\r\n            <div class=\"px-3 pt-3 mb-1\">\r\n                <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                    <div>\r\n                        <div class=\"d-flex d-md-none 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 gap-2 d-md-none\" *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}}?returnUrl={{url}}\"\r\n                               class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                        </button>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{'ADB_HEADER.SERVICES'|translate}}\r\n            </div>\r\n            <div id=\"splash\">\r\n                <div class=\"px-3 d-flex flex-column\">\r\n                    <ul class=\"list-group ms-0 mb-0 ps-0\">\r\n                        <li class=\"mb-1 list-group-item rounded-0\"\r\n                            [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n                            *ngFor=\"let link of navigation.links\"\r\n                            [attr.aria-expanded]=\"link.transId===expandedLink?true:false\" role=\"button\"\r\n                            (click)=\"onExpandLink(link.transId)\">\r\n                            <div class=\"d-flex align-items-center justify-content-between\">\r\n                                <div class=\"d-flex align-items-center\">\r\n                                    <small class=\"fa-stack me-1\" *ngIf=\"link.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"link.url\" (click)=\"$event.stopPropagation();\">\r\n                                        {{link.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div *ngIf=\"link.children?.length>0\">\r\n                                    <i class=\"fas fa-chevron-up\" [ngClass]=\"link.transId===expandedLink?'d-block ':'d-none'\"></i>\r\n                                    <i class=\"fas fa-chevron-down\" [ngClass]=\"link.transId!==expandedLink?'d-block ':'d-none'\"></i>\r\n                                </div>\r\n                            </div>\r\n                            <ul class=\"list-unstyled\" [ngClass]=\"link.transId===expandedLink?'d-block':'d-none'\">\r\n                                <li class=\"py-1 m-0\" *ngFor=\"let subLink of link.children\" style=\"padding-left:2.4rem;\">\r\n                                    <a [href]=\"subLink.url\">\r\n                                        {{subLink.transId|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"navigation.about\" class=\"mt-2 mb-auto\">\r\n                        <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n                        <div class=\"mb-1 row\">\r\n                            <div class=\"col-sm-6 mb-2\">\r\n                                <div class=\"bg-white p-2\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"navigation.about.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"navigation.about.url\">\r\n                                        {{navigation.about.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-sm-6 mb-2\">\r\n                                <div class=\"bg-white p-2\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse fa-envelope\"></span>\r\n                                    </small>\r\n                                    <a class=\"bg-white p-2\" href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div style=\"height:10rem\"></div>\r\n                    <div>\r\n                        <img style=\"height: 3.2rem;\" src=\"/assets/images/logo.svg\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n", directives: [{ type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i3.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ADBHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'adb-header2',
+                    templateUrl: './adb-header.component.html'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: EnvironmentService }, { type: i3.TranslateService }]; }, propDecorators: { loginClicked: [{
+                type: Output
+            }], logoutClicked: [{
+                type: Output
+            }], dropMenuChange: [{
+                type: Output
+            }], userName: [{
+                type: Input
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class ClickOutsideDirective {
-    /**
-     * @param {?} elementRef
-     */
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.clickOutside = new EventEmitter();
-    }
-    /**
-     * @param {?} target
-     * @return {?}
-     */
-    onClick(target) {
-        /** @type {?} */
-        const clickedInside = this.elementRef.nativeElement.contains(target);
-        if (!clickedInside) {
-            this.clickOutside.emit();
-        }
-    }
-}
-ClickOutsideDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[clickOutside]',
-            },] }
-];
-/** @nocollapse */
-ClickOutsideDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-ClickOutsideDirective.propDecorators = {
-    clickOutside: [{ type: Output }],
-    onClick: [{ type: HostListener, args: ['document:click', ['$event.target'],] }]
-};
-if (false) {
-    /** @type {?} */
-    ClickOutsideDirective.prototype.clickOutside;
-    /**
-     * @type {?}
-     * @private
-     */
-    ClickOutsideDirective.prototype.elementRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class ADBHeaderModule {
-    /**
-     * @param {?} environment
-     * @return {?}
-     */
     static forRoot(environment) {
         return {
             ngModule: ADBHeaderModule,
@@ -268,35 +138,44 @@ class ADBHeaderModule {
                 EnvironmentService,
                 {
                     provide: 'env',
-                    // you can also use InjectionToken
                     useValue: environment
                 }
             ]
         };
     }
 }
-ADBHeaderModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [ADBHeaderComponent, ClickOutsideDirective],
-                imports: [
-                    CommonModule,
-                    HttpClientModule,
-                    RouterModule,
-                    TranslateModule
-                ],
-                exports: [ADBHeaderComponent]
-            },] }
-];
+/** @nocollapse */ ADBHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ADBHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ ADBHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ADBHeaderModule, declarations: [ADBHeaderComponent, ClickOutsideDirective], imports: [CommonModule,
+        HttpClientModule,
+        RouterModule,
+        TranslateModule], exports: [ADBHeaderComponent] });
+/** @nocollapse */ ADBHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ADBHeaderModule, imports: [[
+            CommonModule,
+            HttpClientModule,
+            RouterModule,
+            TranslateModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ADBHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ADBHeaderComponent, ClickOutsideDirective],
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        RouterModule,
+                        TranslateModule
+                    ],
+                    exports: [ADBHeaderComponent]
+                }]
+        }] });
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+/*
+ * Public API Surface of artdata-shared
  */
 
 /**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * Generated bundle index. Do not edit.
  */
 
-export { ADBHeaderComponent, ADBHeaderModule, EnvironmentService as ɵa, ClickOutsideDirective as ɵb };
+export { ADBHeaderComponent, ADBHeaderModule };
 //# sourceMappingURL=adb-shared.js.map

package/fesm2015/adb-shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"adb-shared.js","sources":["ng://adb-shared/lib/environment.service.ts","ng://adb-shared/lib/adb-header.component.ts","ng://adb-shared/lib/click-outside.directive.ts","ng://adb-shared/lib/adb-header.module.ts"],"sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n    constructor(@Inject('env') public environment) {\r\n    }\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'adb-header2',\r\n  templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n  private subscription = new Subscription();\r\n  @Output() loginClicked = new EventEmitter();\r\n  @Output() logoutClicked = new EventEmitter();\r\n  @Output() dropMenuChange = new EventEmitter<boolean>();\r\n  fullName: string;\r\n  @Input() set userName(fullName: string) {\r\n    this.fullName = fullName;\r\n    const splitted = fullName.split(' ');\r\n    if (splitted && splitted.length > 1) {\r\n      const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);\r\n      this.initials = initials.toUpperCase();\r\n    }\r\n  };\r\n  initials: string;\r\n  showMenu = false;\r\n  showUserMenu = false;\r\n  navigation: Navigation;\r\n  url: string;\r\n  expandedLink: string;\r\n  constructor(\r\n    private httpClient: HttpClient,\r\n    private envService: EnvironmentService,\r\n    public trans: TranslateService) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.url = window.location.href;\r\n    const baseUrl = this.envService.environment.resourceUrl;\r\n    this.subscription.add(this.httpClient.get<Navigation>(baseUrl + '/assets/links.json').subscribe(result => {\r\n      this.navigation = result;\r\n    }));\r\n    this.initAllTranslations(baseUrl);\r\n  }\r\n\r\n  private initAllTranslations(baseUrl: string): void {\r\n    const trans$ = forkJoin([this.httpClient.get(baseUrl + '/assets/i18n/en.json'), this.httpClient.get(baseUrl + '/assets/i18n/sv.json')])\r\n    this.subscription.add(trans$.subscribe(result => {\r\n      this.trans.setTranslation('en', result[0], true);\r\n      this.trans.setTranslation('sv', result[1], true);\r\n    }));\r\n  }\r\n\r\n  showMenuDropdown(show: boolean): void {\r\n    if (this.showMenu !== show) {\r\n      this.showMenu = show;\r\n      this.dropMenuChange.emit(show);\r\n    }\r\n  }\r\n\r\n  setLanguage(lang): void {\r\n    this.trans.use(lang);\r\n    //TODO: set localstorage/cookies or probaly event to main app\r\n  }\r\n\r\n  onExpandLink(transId: string): void {\r\n    if (this.expandedLink === transId) {\r\n      this.expandedLink = null;\r\n      return;\r\n    }\r\n    this.expandedLink = transId;\r\n  }\r\n\r\n  login(): void {\r\n    this.loginClicked.emit();\r\n  }\r\n\r\n  logout(): void {\r\n    this.logoutClicked.emit();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscription.unsubscribe();\r\n  }\r\n\r\n}\r\n\r\n\r\n // if (this.trans.store.translations[this.trans.currentLang]) {\r\n    //   console.log('this.trans.currentLang', this.trans.currentLang);\r\n    //   this.initTranslations(baseUrl, this.trans.currentLang);\r\n    // } else {\r\n    //   this.subscription.add(this.trans.onLangChange.subscribe((event) => {\r\n    //     console.log('event', event);\r\n    //     this.initTranslations(baseUrl, event.lang);\r\n    //   }));\r\n    // }\r\n    // private initTranslations(baseUrl: string, lang: string): void {\r\n    //   //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)\r\n    //   this.subscription.add(this.httpClient.get(baseUrl + `/assets/i18n/${lang}.json`, { headers: new HttpHeaders() }).subscribe(translations => {\r\n    //     this.trans.setTranslation(lang, translations, true);\r\n    //   }));\r\n    // }","import { Directive, Input, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';\r\n@Directive({\r\n    selector: '[clickOutside]',\r\n})\r\nexport class ClickOutsideDirective {\r\n    @Output() clickOutside = new EventEmitter<void>();\r\n    constructor(private elementRef: ElementRef) { }\r\n\r\n    @HostListener('document:click', ['$event.target'])\r\n    public onClick(target: any) {\r\n        const clickedInside = this.elementRef.nativeElement.contains(target);\r\n        if (!clickedInside) {\r\n            this.clickOutside.emit();\r\n        }\r\n    }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { ADBHeaderComponent } from './adb-header.component';\r\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ClickOutsideDirective } from './click-outside.directive';\r\n\r\n\r\n@NgModule({\r\n  declarations: [ADBHeaderComponent, ClickOutsideDirective],\r\n  imports: [\r\n    CommonModule,\r\n    HttpClientModule,\r\n    RouterModule,\r\n    TranslateModule\r\n  ],\r\n  exports: [ADBHeaderComponent]\r\n})\r\nexport class ADBHeaderModule {\r\n  public static forRoot(environment: any): ModuleWithProviders<ADBHeaderModule> {\r\n    return {\r\n      ngModule: ADBHeaderModule,\r\n      providers: [\r\n        EnvironmentService,\r\n        {\r\n          provide: 'env', // you can also use InjectionToken\r\n          useValue: environment\r\n        }\r\n      ]\r\n    };\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"adb-shared.js","sources":["../../../projects/artdata-shared/src/lib/environment.service.ts","../../../projects/artdata-shared/src/lib/click-outside.directive.ts","../../../projects/artdata-shared/src/lib/adb-header.component.ts","../../../projects/artdata-shared/src/lib/adb-header.component.html","../../../projects/artdata-shared/src/lib/adb-header.module.ts","../../../projects/artdata-shared/src/public-api.ts","../../../projects/artdata-shared/src/adb-shared.ts"],"sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n    constructor(@Inject('env') public environment) {\r\n    }\r\n}","import { Directive, Input, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';\r\n@Directive({\r\n    selector: '[clickOutside]',\r\n})\r\nexport class ClickOutsideDirective {\r\n    @Output() clickOutside = new EventEmitter<void>();\r\n    constructor(private elementRef: ElementRef) { }\r\n\r\n    @HostListener('document:click', ['$event.target'])\r\n    public onClick(target: any) {\r\n        const clickedInside = this.elementRef.nativeElement.contains(target);\r\n        if (!clickedInside) {\r\n            this.clickOutside.emit();\r\n        }\r\n    }\r\n}\r\n","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'adb-header2',\r\n  templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n  private subscription = new Subscription();\r\n  @Output() loginClicked = new EventEmitter();\r\n  @Output() logoutClicked = new EventEmitter();\r\n  @Output() dropMenuChange = new EventEmitter<boolean>();\r\n  fullName: string;\r\n  @Input() set userName(fullName: string) {\r\n    this.fullName = fullName;\r\n    const splitted = fullName.split(' ');\r\n    if (splitted && splitted.length > 1) {\r\n      const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);\r\n      this.initials = initials.toUpperCase();\r\n    }\r\n  };\r\n  initials: string;\r\n  showMenu = false;\r\n  showUserMenu = false;\r\n  navigation: Navigation;\r\n  url: string;\r\n  expandedLink: string;\r\n  constructor(\r\n    private httpClient: HttpClient,\r\n    private envService: EnvironmentService,\r\n    public trans: TranslateService) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.url = window.location.href;\r\n    const baseUrl = this.envService.environment.resourceUrl;\r\n    this.subscription.add(this.httpClient.get<Navigation>(baseUrl + '/assets/links.json').subscribe(result => {\r\n      this.navigation = result;\r\n    }));\r\n    this.initAllTranslations(baseUrl);\r\n  }\r\n\r\n  private initAllTranslations(baseUrl: string): void {\r\n    const trans$ = forkJoin([this.httpClient.get(baseUrl + '/assets/i18n/en.json'), this.httpClient.get(baseUrl + '/assets/i18n/sv.json')])\r\n    this.subscription.add(trans$.subscribe(result => {\r\n      this.trans.setTranslation('en', result[0], true);\r\n      this.trans.setTranslation('sv', result[1], true);\r\n    }));\r\n  }\r\n\r\n  showMenuDropdown(show: boolean): void {\r\n    if (this.showMenu !== show) {\r\n      this.showMenu = show;\r\n      this.dropMenuChange.emit(show);\r\n    }\r\n  }\r\n\r\n  setLanguage(lang): void {\r\n    this.trans.use(lang);\r\n    //TODO: set localstorage/cookies or probaly event to main app\r\n  }\r\n\r\n  onExpandLink(transId: string): void {\r\n    if (this.expandedLink === transId) {\r\n      this.expandedLink = null;\r\n      return;\r\n    }\r\n    this.expandedLink = transId;\r\n  }\r\n\r\n  login(): void {\r\n    this.loginClicked.emit();\r\n  }\r\n\r\n  logout(): void {\r\n    this.logoutClicked.emit();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscription.unsubscribe();\r\n  }\r\n\r\n}\r\n\r\n\r\n // if (this.trans.store.translations[this.trans.currentLang]) {\r\n    //   console.log('this.trans.currentLang', this.trans.currentLang);\r\n    //   this.initTranslations(baseUrl, this.trans.currentLang);\r\n    // } else {\r\n    //   this.subscription.add(this.trans.onLangChange.subscribe((event) => {\r\n    //     console.log('event', event);\r\n    //     this.initTranslations(baseUrl, event.lang);\r\n    //   }));\r\n    // }\r\n    // private initTranslations(baseUrl: string, lang: string): void {\r\n    //   //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)\r\n    //   this.subscription.add(this.httpClient.get(baseUrl + `/assets/i18n/${lang}.json`, { headers: new HttpHeaders() }).subscribe(translations => {\r\n    //     this.trans.setTranslation(lang, translations, true);\r\n    //   }));\r\n    // }","<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n            <div class=\"logo d-none d-md-block\">\r\n                <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n            </div>\r\n            <div class=\"logo ps-2 d-sm-block d-md-none d-flex align-items-center\">\r\n                <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n            </div>\r\n            <strong class=\"bigger\">Artfakta</strong>\r\n        </div>\r\n        <div class=\"flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center\">\r\n            <div *ngIf=\"navigation\" class=\"d-flex align-items-center\">\r\n                <nav class=\"d-none align-items-center d-lg-flex pe-4 gap-4\" *ngIf=\"navigation\">\r\n                    <ng-container *ngFor=\"let link of navigation.links\">\r\n                        <a [href]=\"link.url\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\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            </div>\r\n            <div class=\"d-none d-md-block ps-4\">\r\n                <button *ngIf=\"initials\" type=\"button\" class=\"btn initials\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" type=\"button\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n            <ng-container *ngIf=\"initials\">\r\n                <div class=\"text-dark\">\r\n                    <span class=\"initials me-2\">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class=\"mx-n3\">\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0\">\r\n                    <i class=\"fas fa-sign-out-alt me-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!initials\">\r\n                <div class=\"d-flex justify-content-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                <a *ngIf=\"navigation\" class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body\" *ngIf=\"navigation\">\r\n            <div class=\"px-3 pt-3 mb-1\">\r\n                <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                    <div>\r\n                        <div class=\"d-flex d-md-none 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 gap-2 d-md-none\" *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}}?returnUrl={{url}}\"\r\n                               class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                        </button>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{'ADB_HEADER.SERVICES'|translate}}\r\n            </div>\r\n            <div id=\"splash\">\r\n                <div class=\"px-3 d-flex flex-column\">\r\n                    <ul class=\"list-group ms-0 mb-0 ps-0\">\r\n                        <li class=\"mb-1 list-group-item rounded-0\"\r\n                            [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n                            *ngFor=\"let link of navigation.links\"\r\n                            [attr.aria-expanded]=\"link.transId===expandedLink?true:false\" role=\"button\"\r\n                            (click)=\"onExpandLink(link.transId)\">\r\n                            <div class=\"d-flex align-items-center justify-content-between\">\r\n                                <div class=\"d-flex align-items-center\">\r\n                                    <small class=\"fa-stack me-1\" *ngIf=\"link.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"link.url\" (click)=\"$event.stopPropagation();\">\r\n                                        {{link.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div *ngIf=\"link.children?.length>0\">\r\n                                    <i class=\"fas fa-chevron-up\" [ngClass]=\"link.transId===expandedLink?'d-block ':'d-none'\"></i>\r\n                                    <i class=\"fas fa-chevron-down\" [ngClass]=\"link.transId!==expandedLink?'d-block ':'d-none'\"></i>\r\n                                </div>\r\n                            </div>\r\n                            <ul class=\"list-unstyled\" [ngClass]=\"link.transId===expandedLink?'d-block':'d-none'\">\r\n                                <li class=\"py-1 m-0\" *ngFor=\"let subLink of link.children\" style=\"padding-left:2.4rem;\">\r\n                                    <a [href]=\"subLink.url\">\r\n                                        {{subLink.transId|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"navigation.about\" class=\"mt-2 mb-auto\">\r\n                        <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n                        <div class=\"mb-1 row\">\r\n                            <div class=\"col-sm-6 mb-2\">\r\n                                <div class=\"bg-white p-2\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"navigation.about.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"navigation.about.url\">\r\n                                        {{navigation.about.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-sm-6 mb-2\">\r\n                                <div class=\"bg-white p-2\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse fa-envelope\"></span>\r\n                                    </small>\r\n                                    <a class=\"bg-white p-2\" href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div style=\"height:10rem\"></div>\r\n                    <div>\r\n                        <img style=\"height: 3.2rem;\" src=\"/assets/images/logo.svg\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { ADBHeaderComponent } from './adb-header.component';\r\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ClickOutsideDirective } from './click-outside.directive';\r\n\r\n\r\n@NgModule({\r\n  declarations: [ADBHeaderComponent, ClickOutsideDirective],\r\n  imports: [\r\n    CommonModule,\r\n    HttpClientModule,\r\n    RouterModule,\r\n    TranslateModule\r\n  ],\r\n  exports: [ADBHeaderComponent]\r\n})\r\nexport class ADBHeaderModule {\r\n  public static forRoot(environment: any): ModuleWithProviders<ADBHeaderModule> {\r\n    return {\r\n      ngModule: ADBHeaderModule,\r\n      providers: [\r\n        EnvironmentService,\r\n        {\r\n          provide: 'env', // you can also use InjectionToken\r\n          useValue: environment\r\n        }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of artdata-shared\r\n */\r\n\r\nexport * from './lib/adb-header.component';\r\nexport * from './lib/adb-header.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/adb-header.component.d.ts

@@ -3,6 +3,7 @@ import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { EnvironmentService } from './environment.service';
 import { Navigation } from './navigation.model';
+import * as i0 from "@angular/core";
 export declare class ADBHeaderComponent implements OnInit, OnDestroy {
     private httpClient;
     private envService;
@@ -12,7 +13,7 @@ export declare class ADBHeaderComponent implements OnInit, OnDestroy {
     logoutClicked: EventEmitter<any>;
     dropMenuChange: EventEmitter<boolean>;
     fullName: string;
-    userName: string;
+    set userName(fullName: string);
     initials: string;
     showMenu: boolean;
     showUserMenu: boolean;
@@ -28,4 +29,6 @@ export declare class ADBHeaderComponent implements OnInit, OnDestroy {
     login(): void;
     logout(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ADBHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ADBHeaderComponent, "adb-header2", never, { "userName": "userName"; }, { "loginClicked": "loginClicked"; "logoutClicked": "logoutClicked"; "dropMenuChange": "dropMenuChange"; }, never, never>;
 }

package/lib/adb-header.module.d.ts

@@ -1,4 +1,14 @@
 import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./adb-header.component";
+import * as i2 from "./click-outside.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/common/http";
+import * as i5 from "@angular/router";
+import * as i6 from "@ngx-translate/core";
 export declare class ADBHeaderModule {
     static forRoot(environment: any): ModuleWithProviders<ADBHeaderModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ADBHeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ADBHeaderModule, [typeof i1.ADBHeaderComponent, typeof i2.ClickOutsideDirective], [typeof i3.CommonModule, typeof i4.HttpClientModule, typeof i5.RouterModule, typeof i6.TranslateModule], [typeof i1.ADBHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ADBHeaderModule>;
 }

package/lib/click-outside.directive.d.ts

@@ -1,7 +1,10 @@
 import { EventEmitter, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class ClickOutsideDirective {
     private elementRef;
     clickOutside: EventEmitter<void>;
     constructor(elementRef: ElementRef);
     onClick(target: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[clickOutside]", never, {}, { "clickOutside": "clickOutside"; }, never>;
 }

package/lib/environment.service.d.ts

@@ -1,4 +1,7 @@
+import * as i0 from "@angular/core";
 export declare class EnvironmentService {
     environment: any;
     constructor(environment: any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<EnvironmentService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EnvironmentService>;
 }

package/package.json

@@ -1,25 +1,22 @@
 {
   "name": "adb-shared",
-  "version": "0.0.54",
+  "version": "1.0.2",
   "author": "ADB",
   "license": "ISC",
   "peerDependencies": {
-    "@angular/common": "8.2.0",
-    "@angular/core": "8.2.0",
-    "@ngx-translate/core": "11.0.1",
-    "@ngx-translate/http-loader": "4.0.0"
+    "@angular/common": "12-13",
+    "@angular/core": "12-13",
+    "@ngx-translate/core": "13-14",
+    "@ngx-translate/http-loader": "6-7"
   },
   "dependencies": {
-    "tslib": "^1.9.0"
+    "tslib": "^2.3.0"
   },
   "main": "bundles/adb-shared.umd.js",
-  "module": "fesm5/adb-shared.js",
+  "module": "fesm2015/adb-shared.js",
   "es2015": "fesm2015/adb-shared.js",
-  "esm5": "esm5/adb-shared.js",
   "esm2015": "esm2015/adb-shared.js",
-  "fesm5": "fesm5/adb-shared.js",
   "fesm2015": "fesm2015/adb-shared.js",
   "typings": "adb-shared.d.ts",
-  "metadata": "adb-shared.metadata.json",
   "sideEffects": false
-}
+}