adb-shared 0.0.55 → 1.0.3

package/README.md

@@ -1,24 +1,13 @@
 # ArtdataShared
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.0.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.9
 
-## Code scaffolding
+Use it with https://www.npmjs.com/package/slu-design-system to get the correct look
 
-Run `ng generate component component-name --project artdata-shared` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project artdata-shared`.
-> Note: Don't forget to add `--project artdata-shared` or else it will be added to the default project in your `angular.json` file. 
+## Development server
 
-## Build
-
-Run `ng build artdata-shared` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build artdata-shared`, go to the dist folder `cd dist/artdata-shared` and run `npm publish`.
+Run `start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
 
-## Running unit tests
-
-Run `ng test artdata-shared` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
+## Build
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

package/adb-shared.d.ts

@@ -1,6 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="adb-shared" />
 export * from './public-api';
-export { ClickOutsideDirective as ɵb } from './lib/click-outside.directive';
-export { EnvironmentService as ɵa } from './lib/environment.service';

package/bundles/adb-shared.umd.js

@@ -1,336 +1,230 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common/http'), require('@angular/core'), require('@ngx-translate/core'), require('rxjs'), require('@angular/common'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('adb-shared', ['exports', '@angular/common/http', '@angular/core', '@ngx-translate/core', 'rxjs', '@angular/common', '@angular/router'], factory) :
-    (global = global || self, factory(global['adb-shared'] = {}, global.ng.common.http, global.ng.core, global.core$1, global.rxjs, global.ng.common, global.ng.router));
-}(this, (function (exports, http, core, core$1, rxjs, common, router) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common/http'), require('@angular/core'), require('rxjs'), require('@ngx-translate/core'), require('@angular/common'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('adb-shared', ['exports', '@angular/common/http', '@angular/core', 'rxjs', '@ngx-translate/core', '@angular/common', '@angular/router'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["adb-shared"] = {}, global.ng.common.http, global.ng.core, global.rxjs, global.i3, global.ng.common, global.ng.router));
+})(this, (function (exports, i1, i0, rxjs, i3, i5, router) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
     var EnvironmentService = /** @class */ (function () {
         function EnvironmentService(environment) {
             this.environment = environment;
         }
-        EnvironmentService.decorators = [
-            { type: core.Injectable }
-        ];
-        /** @nocollapse */
-        EnvironmentService.ctorParameters = function () { return [
-            { type: undefined, decorators: [{ type: core.Inject, args: ['env',] }] }
-        ]; };
         return EnvironmentService;
     }());
-    if (false) {
-        /** @type {?} */
-        EnvironmentService.prototype.environment;
-    }
+    /** @nocollapse */ EnvironmentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: EnvironmentService, deps: [{ token: 'env' }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ EnvironmentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: EnvironmentService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: EnvironmentService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: ['env']
+                        }] }];
+        } });
+
+    var ClickOutsideDirective = /** @class */ (function () {
+        function ClickOutsideDirective(elementRef) {
+            this.elementRef = elementRef;
+            this.clickOutside = new i0.EventEmitter();
+        }
+        ClickOutsideDirective.prototype.onClick = function (target) {
+            var clickedInside = this.elementRef.nativeElement.contains(target);
+            if (!clickedInside) {
+                this.clickOutside.emit();
+            }
+        };
+        return ClickOutsideDirective;
+    }());
+    /** @nocollapse */ ClickOutsideDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ClickOutsideDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ ClickOutsideDirective.ɵdir = i0__namespace.ɵɵ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__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ClickOutsideDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[clickOutside]',
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { clickOutside: [{
+                    type: i0.Output
+                }], onClick: [{
+                    type: i0.HostListener,
+                    args: ['document:click', ['$event.target']]
+                }] } });
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
     var ADBHeaderComponent = /** @class */ (function () {
         function ADBHeaderComponent(httpClient, envService, trans) {
             this.httpClient = httpClient;
             this.envService = envService;
             this.trans = trans;
             this.subscription = new rxjs.Subscription();
-            this.loginClicked = new core.EventEmitter();
-            this.logoutClicked = new core.EventEmitter();
-            this.dropMenuChange = new core.EventEmitter();
+            this.loginClicked = new i0.EventEmitter();
+            this.logoutClicked = new i0.EventEmitter();
+            this.dropMenuChange = new i0.EventEmitter();
+            this.translationFinished = false;
             this.showMenu = false;
             this.showUserMenu = false;
         }
         Object.defineProperty(ADBHeaderComponent.prototype, "userName", {
-            set: /**
-             * @param {?} fullName
-             * @return {?}
-             */
-            function (fullName) {
+            set: function (fullName) {
                 this.fullName = fullName;
-                /** @type {?} */
                 var splitted = fullName.split(' ');
                 if (splitted && splitted.length > 1) {
-                    /** @type {?} */
                     var initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);
                     this.initials = initials.toUpperCase();
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         ;
-        /**
-         * @return {?}
-         */
-        ADBHeaderComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
+        ADBHeaderComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.url = window.location.href;
-            /** @type {?} */
             var baseUrl = this.envService.environment.resourceUrl;
-            this.subscription.add(this.httpClient.get(baseUrl + '/assets/links.json').subscribe((/**
-             * @param {?} result
-             * @return {?}
-             */
-            function (result) {
+            this.subscription.add(this.httpClient.get(baseUrl + '/assets/links.json').subscribe(function (result) {
                 _this.navigation = result;
-            })));
-            this.initAllTranslations(baseUrl);
+            }));
+            this.initTranslations(baseUrl);
         };
-        /**
-         * @private
-         * @param {?} baseUrl
-         * @return {?}
-         */
-        ADBHeaderComponent.prototype.initAllTranslations = /**
-         * @private
-         * @param {?} baseUrl
-         * @return {?}
-         */
-        function (baseUrl) {
+        ADBHeaderComponent.prototype.initTranslations = function (baseUrl) {
             var _this = this;
-            /** @type {?} */
-            var trans$ = rxjs.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 {?}
-             */
-            function (result) {
-                _this.trans.setTranslation('en', result[0], true);
-                _this.trans.setTranslation('sv', result[1], true);
-            })));
+            if (this.trans.store.translations[this.trans.currentLang]) {
+                this.initTranslation(baseUrl, this.trans.currentLang);
+            }
+            else {
+                this.subscription.add(this.trans.onLangChange.subscribe(function (event) {
+                    _this.initTranslation(baseUrl, event.lang);
+                }));
+            }
+        };
+        ADBHeaderComponent.prototype.initTranslation = function (baseUrl, lang) {
+            var _this = this;
+            //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"), { headers: new i1.HttpHeaders() }).subscribe(function (translations) {
+                _this.trans.setTranslation(lang, translations, true);
+                _this.translationFinished = true;
+            }));
         };
-        /**
-         * @param {?} show
-         * @return {?}
-         */
-        ADBHeaderComponent.prototype.showMenuDropdown = /**
-         * @param {?} show
-         * @return {?}
-         */
-        function (show) {
+        ADBHeaderComponent.prototype.showMenuDropdown = function (show) {
             if (this.showMenu !== show) {
                 this.showMenu = show;
                 this.dropMenuChange.emit(show);
             }
         };
-        /**
-         * @param {?} lang
-         * @return {?}
-         */
-        ADBHeaderComponent.prototype.setLanguage = /**
-         * @param {?} lang
-         * @return {?}
-         */
-        function (lang) {
+        ADBHeaderComponent.prototype.setLanguage = function (lang) {
             this.trans.use(lang);
             //TODO: set localstorage/cookies or probaly event to main app
         };
-        /**
-         * @param {?} transId
-         * @return {?}
-         */
-        ADBHeaderComponent.prototype.onExpandLink = /**
-         * @param {?} transId
-         * @return {?}
-         */
-        function (transId) {
+        ADBHeaderComponent.prototype.onExpandLink = function (transId) {
             if (this.expandedLink === transId) {
                 this.expandedLink = null;
                 return;
             }
             this.expandedLink = transId;
         };
-        /**
-         * @return {?}
-         */
-        ADBHeaderComponent.prototype.login = /**
-         * @return {?}
-         */
-        function () {
+        ADBHeaderComponent.prototype.login = function () {
             this.loginClicked.emit();
         };
-        /**
-         * @return {?}
-         */
-        ADBHeaderComponent.prototype.logout = /**
-         * @return {?}
-         */
-        function () {
+        ADBHeaderComponent.prototype.logout = function () {
             this.logoutClicked.emit();
         };
-        /**
-         * @return {?}
-         */
-        ADBHeaderComponent.prototype.ngOnDestroy = /**
-         * @return {?}
-         */
-        function () {
+        ADBHeaderComponent.prototype.ngOnDestroy = function () {
             this.subscription.unsubscribe();
         };
-        ADBHeaderComponent.decorators = [
-            { type: core.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                            [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\">\r\n                                    <small class=\"fa-stack mr-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&&link.children.length>0\">\r\n                                    <i class=\"d-none fas fa-chevron-up\" [class.d-block]=\"link.transId===expandedLink\"></i>\r\n                                    <i class=\"d-none fas fa-chevron-down\" [class.d-block]=\"link.transId!==expandedLink\"></i>\r\n                                </div>\r\n                            </div>\r\n                            <ul class=\"list-unstyled d-none\" [class.d-block]=\"link.transId===expandedLink\">\r\n                                <li class=\"py-1 m-0\" *ngFor=\"let subLink of link.children\" style=\"padding-left:2.2rem;\">\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"
-                    }] }
-        ];
-        /** @nocollapse */
-        ADBHeaderComponent.ctorParameters = function () { return [
-            { type: http.HttpClient },
-            { type: EnvironmentService },
-            { type: core$1.TranslateService }
-        ]; };
-        ADBHeaderComponent.propDecorators = {
-            loginClicked: [{ type: core.Output }],
-            logoutClicked: [{ type: core.Output }],
-            dropMenuChange: [{ type: core.Output }],
-            userName: [{ type: core.Input }]
-        };
         return ADBHeaderComponent;
     }());
-    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: ;*/
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ClickOutsideDirective = /** @class */ (function () {
-        function ClickOutsideDirective(elementRef) {
-            this.elementRef = elementRef;
-            this.clickOutside = new core.EventEmitter();
-        }
-        /**
-         * @param {?} target
-         * @return {?}
-         */
-        ClickOutsideDirective.prototype.onClick = /**
-         * @param {?} target
-         * @return {?}
-         */
-        function (target) {
-            /** @type {?} */
-            var clickedInside = this.elementRef.nativeElement.contains(target);
-            if (!clickedInside) {
-                this.clickOutside.emit();
-            }
-        };
-        ClickOutsideDirective.decorators = [
-            { type: core.Directive, args: [{
-                        selector: '[clickOutside]',
-                    },] }
-        ];
-        /** @nocollapse */
-        ClickOutsideDirective.ctorParameters = function () { return [
-            { type: core.ElementRef }
-        ]; };
-        ClickOutsideDirective.propDecorators = {
-            clickOutside: [{ type: core.Output }],
-            onClick: [{ type: core.HostListener, args: ['document:click', ['$event.target'],] }]
-        };
-        return ClickOutsideDirective;
-    }());
-    if (false) {
-        /** @type {?} */
-        ClickOutsideDirective.prototype.clickOutside;
-        /**
-         * @type {?}
-         * @private
-         */
-        ClickOutsideDirective.prototype.elementRef;
-    }
+    /** @nocollapse */ ADBHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ADBHeaderComponent, deps: [{ token: i1__namespace.HttpClient }, { token: EnvironmentService }, { token: i3__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ ADBHeaderComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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 *ngIf=\"translationFinished\" 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}}?lang={{trans.currentLang}}\" *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}}?lang={{trans.currentLang}}&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}}?lang={{trans.currentLang}}&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}}?lang={{trans.currentLang}}\" (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}}?lang={{trans.currentLang}}\">\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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i3__namespace.TranslatePipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ADBHeaderComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'adb-header2',
+                        templateUrl: './adb-header.component.html'
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.HttpClient }, { type: EnvironmentService }, { type: i3__namespace.TranslateService }]; }, propDecorators: { loginClicked: [{
+                    type: i0.Output
+                }], logoutClicked: [{
+                    type: i0.Output
+                }], dropMenuChange: [{
+                    type: i0.Output
+                }], userName: [{
+                    type: i0.Input
+                }] } });
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
     var ADBHeaderModule = /** @class */ (function () {
         function ADBHeaderModule() {
         }
-        /**
-         * @param {?} environment
-         * @return {?}
-         */
-        ADBHeaderModule.forRoot = /**
-         * @param {?} environment
-         * @return {?}
-         */
-        function (environment) {
+        ADBHeaderModule.forRoot = function (environment) {
             return {
                 ngModule: ADBHeaderModule,
                 providers: [
                     EnvironmentService,
                     {
                         provide: 'env',
-                        // you can also use InjectionToken
                         useValue: environment
                     }
                 ]
             };
         };
-        ADBHeaderModule.decorators = [
-            { type: core.NgModule, args: [{
+        return ADBHeaderModule;
+    }());
+    /** @nocollapse */ ADBHeaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ADBHeaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ ADBHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ADBHeaderModule, declarations: [ADBHeaderComponent, ClickOutsideDirective], imports: [i5.CommonModule,
+            i1.HttpClientModule,
+            router.RouterModule,
+            i3.TranslateModule], exports: [ADBHeaderComponent] });
+    /** @nocollapse */ ADBHeaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ADBHeaderModule, imports: [[
+                i5.CommonModule,
+                i1.HttpClientModule,
+                router.RouterModule,
+                i3.TranslateModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ADBHeaderModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
                         declarations: [ADBHeaderComponent, ClickOutsideDirective],
                         imports: [
-                            common.CommonModule,
-                            http.HttpClientModule,
+                            i5.CommonModule,
+                            i1.HttpClientModule,
                             router.RouterModule,
-                            core$1.TranslateModule
+                            i3.TranslateModule
                         ],
                         exports: [ADBHeaderComponent]
-                    },] }
-        ];
-        return ADBHeaderModule;
-    }());
+                    }]
+            }] });
+
+    /*
+     * Public API Surface of artdata-shared
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
 
     exports.ADBHeaderComponent = ADBHeaderComponent;
     exports.ADBHeaderModule = ADBHeaderModule;
-    exports.ɵa = EnvironmentService;
-    exports.ɵb = ClickOutsideDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=adb-shared.umd.js.map