adb-shared 0.0.45 → 0.0.50

package/esm2015/lib/click-outside.directive.js

@@ -0,0 +1,48 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Directive, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';
+export 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;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hZGItc2hhcmVkLyIsInNvdXJjZXMiOlsibGliL2NsaWNrLW91dHNpZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFTLE1BQU0sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUlqRyxNQUFNLE9BQU8scUJBQXFCOzs7O0lBRTlCLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFEaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBQ0osQ0FBQzs7Ozs7SUFHeEMsT0FBTyxDQUFDLE1BQVc7O2NBQ2hCLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO1FBQ3BFLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUM1QjtJQUNMLENBQUM7OztZQWJKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO2FBQzdCOzs7O1lBSGdELFVBQVU7OzsyQkFLdEQsTUFBTTtzQkFHTixZQUFZLFNBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxlQUFlLENBQUM7Ozs7SUFIakQsNkNBQWtEOzs7OztJQUN0QywyQ0FBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbkBEaXJlY3RpdmUoe1xyXG4gICAgc2VsZWN0b3I6ICdbY2xpY2tPdXRzaWRlXScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDbGlja091dHNpZGVEaXJlY3RpdmUge1xyXG4gICAgQE91dHB1dCgpIGNsaWNrT3V0c2lkZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudC50YXJnZXQnXSlcclxuICAgIHB1YmxpYyBvbkNsaWNrKHRhcmdldDogYW55KSB7XHJcbiAgICAgICAgY29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldCk7XHJcbiAgICAgICAgaWYgKCFjbGlja2VkSW5zaWRlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuY2xpY2tPdXRzaWRlLmVtaXQoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm5/adb-shared.js

@@ -6,5 +6,6 @@
  * Generated bundle index. Do not edit.
  */
 export { ADBHeaderComponent, ADBHeaderModule } from './public-api';
+export { ClickOutsideDirective as ɵb } from './lib/click-outside.directive';
 export { EnvironmentService as ɵa } from './lib/environment.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRiLXNoYXJlZC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FkYi1zaGFyZWQvIiwic291cmNlcyI6WyJhZGItc2hhcmVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxvREFBYyxjQUFjLENBQUM7QUFFN0IsT0FBTyxFQUFDLGtCQUFrQixJQUFJLEVBQUUsRUFBQyxNQUFNLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5leHBvcnQge0Vudmlyb25tZW50U2VydmljZSBhcyDJtWF9IGZyb20gJy4vbGliL2Vudmlyb25tZW50LnNlcnZpY2UnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRiLXNoYXJlZC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FkYi1zaGFyZWQvIiwic291cmNlcyI6WyJhZGItc2hhcmVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxvREFBYyxjQUFjLENBQUM7QUFFN0IsT0FBTyxFQUFDLHFCQUFxQixJQUFJLEVBQUUsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQzFFLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuZXhwb3J0IHtDbGlja091dHNpZGVEaXJlY3RpdmUgYXMgybVifSBmcm9tICcuL2xpYi9jbGljay1vdXRzaWRlLmRpcmVjdGl2ZSc7XG5leHBvcnQge0Vudmlyb25tZW50U2VydmljZSBhcyDJtWF9IGZyb20gJy4vbGliL2Vudmlyb25tZW50LnNlcnZpY2UnOyJdfQ==

package/esm5/lib/adb-header.component.js

@@ -24,6 +24,7 @@ var ADBHeaderComponent = /** @class */ (function () {
          * @return {?}
          */
         function (fullName) {
+            this.fullName = fullName;
             /** @type {?} */
             var splitted = fullName.split(' ');
             if (splitted && splitted.length > 1) {
@@ -168,7 +169,7 @@ var ADBHeaderComponent = /** @class */ (function () {
     ADBHeaderComponent.decorators = [
         { type: Component, args: [{
                     selector: 'adb-header2',
-                    template: "<header class=\"top-header\">\r\n    <nav class=\"d-flex justify-content-between align-items-center gap-2 px-2\">\r\n        <div class=\"logo\">\r\n            <img src=\"/assets/images/logo.svg\">\r\n        </div>\r\n        <div class=\"title\">Artfakta</div>\r\n        <nav class=\"d-none d-lg-flex align-items-center\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n            <ng-container *ngFor=\"let link of navigation.links\">\r\n                <a [href]=\"link.url\" *ngIf=\"link.topLink\">\r\n                    {{link.transId|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </nav>\r\n        <button class=\"btn btn-sm btn-primary\" (click)=\"showUserMenu = false;showMenu=!showMenu\">\r\n            {{'ADB_HEADER.MENY'|translate}}\r\n        </button>\r\n        <div class=\"d-none d-sm-block\">\r\n            <button class=\"btn user\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\" *ngIf=\"initials\">{{initials}}</button>\r\n            <button *ngIf=\"!initials\" (click)=\"login()\" class=\"btn btn-sm btn-primary\">\r\n                {{'ADB_HEADER.LOGIN'|translate}}\r\n            </button>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div class=\"menu-body\" style=\"width:15rem\">\r\n            <button (click)=\"logout()\" class=\"btn btn-sm btn-primary\">\r\n                {{'ADB_HEADER.LOGOUT'|translate}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body d-flex flex-column\" *ngIf=\"navigation\">\r\n            <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                <div class=\"mr-auto\">\r\n                    <div class=\"d-flex gap-2\" *ngIf=\"!initials\">\r\n                        <button (click)=\"login()\" class=\"d-sm-none btn btn-sm btn-primary\">\r\n                            {{'ADB_HEADER.LOGIN'|translate}}\r\n                        </button>\r\n                        <a href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\"\r\n                           class=\"btn btn-sm btn-primary\">\r\n                            {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <button *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                            class=\"btn btn-sm btn-primary\">\r\n                        {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                    </button>\r\n                    <button *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                            class=\"btn btn-sm btn-primary\">\r\n                        {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"mb-1\">{{'ADB_HEADER.SERVICES'|translate}}</div>\r\n            <ul class=\"list-unstyled ml-0 mb-0 pl-0\">\r\n                <ng-container *ngFor=\"let link of navigation.links\">\r\n                    <li class=\"p-2 mb-1\">\r\n                        <div class=\"d-flex align-items-center justify-content-between\">\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\">\r\n                                    {{link.transId|translate}}\r\n                                </a>\r\n                            </div>\r\n                            <div>\r\n                                <button class=\"btn btn-sm btn-drop border\" *ngIf=\"link.children&&link.children.length>0\" (click)=\"onExpandLink(link.transId)\">\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                                </button>\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                </ng-container>\r\n            </ul>\r\n            <div id=\"splash\" class=\"flex-grow-1 mh-auto\"></div>\r\n            <div *ngIf=\"navigation.about\" class=\"mb-4\">\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=\"p-2 mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n                        <div>\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                        <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                    </li>\r\n                </ul>\r\n            </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</header>\r\n"
+                    template: "<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenu=false;\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center\">\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 class=\"btn py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenu=!showMenu\">\r\n                        {{'ADB_HEADER.MENY'|translate}}\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\" class=\"btn initials px-2 py-1\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\" 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()\" 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 class=\"btn btn-primary\" (click)=\"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 d-flex flex-column\" *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 (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 (click)=\"login()\" class=\"btn btn-primary\">\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 *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 *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\">\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\" *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 style=\"height:10rem\"></div>\r\n                    <div *ngIf=\"navigation.about\" class=\"mb-4\">\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=\"p-2 bg-white mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n                                <div>\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                                <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                            </li>\r\n                        </ul>\r\n                    </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 */
@@ -196,6 +197,8 @@ if (false) {
     /** @type {?} */
     ADBHeaderComponent.prototype.logoutClicked;
     /** @type {?} */
+    ADBHeaderComponent.prototype.fullName;
+    /** @type {?} */
     ADBHeaderComponent.prototype.initials;
     /** @type {?} */
     ADBHeaderComponent.prototype.showMenu;
@@ -221,4 +224,4 @@ if (false) {
     ADBHeaderComponent.prototype.trans;
     /* Skipping unhandled member: ;*/
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRiLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hZGItc2hhcmVkLyIsInNvdXJjZXMiOlsibGliL2FkYi1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRzNEO0lBcUJFLDRCQUNVLFVBQXNCLEVBQ3RCLFVBQThCLEVBQy9CLEtBQXVCO1FBRnRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsZUFBVSxHQUFWLFVBQVUsQ0FBb0I7UUFDL0IsVUFBSyxHQUFMLEtBQUssQ0FBa0I7UUFuQnhCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNoQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBUzdDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsaUJBQVksR0FBRyxLQUFLLENBQUM7SUFRckIsQ0FBQztJQWpCRCxzQkFBYSx3Q0FBUTs7Ozs7UUFBckIsVUFBc0IsUUFBZ0I7O2dCQUM5QixRQUFRLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUM7WUFDcEMsSUFBSSxRQUFRLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7O29CQUM3QixRQUFRLEdBQUcsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDLE1B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O0lBQzNCLENBQUM7Ozs7SUFFRCxtQ0FBTTs7O0lBQU47UUFDRSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7Ozs7SUFFRCx3Q0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7O2dCQW5GRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLDJtTUFBMEM7aUJBQzNDOzs7O2dCQVZRLFVBQVU7Z0JBSVYsa0JBQWtCO2dCQUZsQixnQkFBZ0I7OzsrQkFXdEIsTUFBTTtnQ0FDTixNQUFNOzJCQUNOLEtBQUs7O0lBNkVSLHlCQUFDO0NBQUEsQUFyRkQsSUFxRkM7U0FqRlksa0JBQWtCOzs7Ozs7SUFDN0IsMENBQTBDOztJQUMxQywwQ0FBNEM7O0lBQzVDLDJDQUE2Qzs7SUFRN0Msc0NBQWlCOztJQUNqQixzQ0FBaUI7O0lBQ2pCLDBDQUFxQjs7SUFDckIsd0NBQXVCOztJQUN2QixpQ0FBWTs7SUFDWiwwQ0FBcUI7Ozs7O0lBRW5CLHdDQUE4Qjs7Ozs7SUFDOUIsd0NBQXNDOztJQUN0QyxtQ0FBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIdHRwQ2xpZW50LCBIdHRwSGVhZGVycyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgZm9ya0pvaW4sIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBFbnZpcm9ubWVudFNlcnZpY2UgfSBmcm9tICcuL2Vudmlyb25tZW50LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBOYXZpZ2F0aW9uIH0gZnJvbSAnLi9uYXZpZ2F0aW9uLm1vZGVsJztcclxuaW1wb3J0IHsgdGFrZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhZGItaGVhZGVyMicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FkYi1oZWFkZXIuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBREJIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgcHJpdmF0ZSBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcbiAgQE91dHB1dCgpIGxvZ2luQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgbG9nb3V0Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBzZXQgdXNlck5hbWUoZnVsbE5hbWU6IHN0cmluZykge1xyXG4gICAgY29uc3Qgc3BsaXR0ZWQgPSBmdWxsTmFtZS5zcGxpdCgnICcpO1xyXG4gICAgaWYgKHNwbGl0dGVkICYmIHNwbGl0dGVkLmxlbmd0aCA+IDEpIHtcclxuICAgICAgY29uc3QgaW5pdGlhbHMgPSBzcGxpdHRlZC5zaGlmdCgpLmNoYXJBdCgwKSArIHNwbGl0dGVkLnBvcCgpLmNoYXJBdCgwKTtcclxuICAgICAgdGhpcy5pbml0aWFscyA9IGluaXRpYWxzLnRvVXBwZXJDYXNlKCk7XHJcbiAgICB9XHJcbiAgfTtcclxuICBpbml0aWFsczogc3RyaW5nO1xyXG4gIHNob3dNZW51ID0gZmFsc2U7XHJcbiAgc2hvd1VzZXJNZW51ID0gZmFsc2U7XHJcbiAgbmF2aWdhdGlvbjogTmF2aWdhdGlvbjtcclxuICB1cmw6IHN0cmluZztcclxuICBleHBhbmRlZExpbms6IHN0cmluZztcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgaHR0cENsaWVudDogSHR0cENsaWVudCxcclxuICAgIHByaXZhdGUgZW52U2VydmljZTogRW52aXJvbm1lbnRTZXJ2aWNlLFxyXG4gICAgcHVibGljIHRyYW5zOiBUcmFuc2xhdGVTZXJ2aWNlKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMudXJsID0gd2luZG93LmxvY2F0aW9uLmhyZWY7XHJcbiAgICBjb25zdCBiYXNlVXJsID0gdGhpcy5lbnZTZXJ2aWNlLmVudmlyb25tZW50LnJlc291cmNlVXJsO1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKHRoaXMuaHR0cENsaWVudC5nZXQ8TmF2aWdhdGlvbj4oYmFzZVVybCArICcvYXNzZXRzL2xpbmtzLmpzb24nKS5zdWJzY3JpYmUocmVzdWx0ID0+IHtcclxuICAgICAgdGhpcy5uYXZpZ2F0aW9uID0gcmVzdWx0O1xyXG4gICAgfSkpO1xyXG4gICAgdGhpcy5pbml0QWxsVHJhbnNsYXRpb25zKGJhc2VVcmwpO1xyXG4gICAgLy8gaWYgKHRoaXMudHJhbnMuc3RvcmUudHJhbnNsYXRpb25zW3RoaXMudHJhbnMuY3VycmVudExhbmddKSB7XHJcbiAgICAvLyAgIGNvbnNvbGUubG9nKCd0aGlzLnRyYW5zLmN1cnJlbnRMYW5nJywgdGhpcy50cmFucy5jdXJyZW50TGFuZyk7XHJcbiAgICAvLyAgIHRoaXMuaW5pdFRyYW5zbGF0aW9ucyhiYXNlVXJsLCB0aGlzLnRyYW5zLmN1cnJlbnRMYW5nKTtcclxuICAgIC8vIH0gZWxzZSB7XHJcbiAgICAvLyAgIHRoaXMuc3Vic2NyaXB0aW9uLmFkZCh0aGlzLnRyYW5zLm9uTGFuZ0NoYW5nZS5zdWJzY3JpYmUoKGV2ZW50KSA9PiB7XHJcbiAgICAvLyAgICAgY29uc29sZS5sb2coJ2V2ZW50JywgZXZlbnQpO1xyXG4gICAgLy8gICAgIHRoaXMuaW5pdFRyYW5zbGF0aW9ucyhiYXNlVXJsLCBldmVudC5sYW5nKTtcclxuICAgIC8vICAgfSkpO1xyXG4gICAgLy8gfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBpbml0QWxsVHJhbnNsYXRpb25zKGJhc2VVcmw6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgY29uc3QgdHJhbnMkID0gZm9ya0pvaW4oW3RoaXMuaHR0cENsaWVudC5nZXQoYmFzZVVybCArICcvYXNzZXRzL2kxOG4vZW4uanNvbicpLCB0aGlzLmh0dHBDbGllbnQuZ2V0KGJhc2VVcmwgKyAnL2Fzc2V0cy9pMThuL3N2Lmpzb24nKV0pXHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5hZGQodHJhbnMkLnN1YnNjcmliZShyZXN1bHQgPT4ge1xyXG4gICAgICB0aGlzLnRyYW5zLnNldFRyYW5zbGF0aW9uKCdlbicsIHJlc3VsdFswXSwgdHJ1ZSk7XHJcbiAgICAgIHRoaXMudHJhbnMuc2V0VHJhbnNsYXRpb24oJ3N2JywgcmVzdWx0WzFdLCB0cnVlKTtcclxuICAgIH0pKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgaW5pdFRyYW5zbGF0aW9ucyhiYXNlVXJsOiBzdHJpbmcsIGxhbmc6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgLy9UT0RPOiBQcmVwYXJlIGZvciBkaWZmZW50cyBsYW5nIHRoZW4gZW4gc3YgKGVuLUdCKSBvciBhZGQgbW9yZSBmaWxlcyBpbiBkZXZjb21wb25lbnRzZXJ2ZXIgOilcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLmFkZCh0aGlzLmh0dHBDbGllbnQuZ2V0KGJhc2VVcmwgKyBgL2Fzc2V0cy9pMThuLyR7bGFuZ30uanNvbmAsIHsgaGVhZGVyczogbmV3IEh0dHBIZWFkZXJzKCkgfSkuc3Vic2NyaWJlKHRyYW5zbGF0aW9ucyA9PiB7XHJcbiAgICAgIHRoaXMudHJhbnMuc2V0VHJhbnNsYXRpb24obGFuZywgdHJhbnNsYXRpb25zLCB0cnVlKTtcclxuICAgIH0pKTtcclxuICB9XHJcblxyXG4gIHNldExhbmd1YWdlKGxhbmcpOiB2b2lkIHtcclxuICAgIHRoaXMudHJhbnMudXNlKGxhbmcpO1xyXG4gICAgLy9zZXQgbG9jYWxzdG9yYWdlL2Nvb2tpZXMgb2NyIHByb2JhbHkgZXZlbnQgdG8gbWFpbiBhcHBcclxuICB9XHJcblxyXG4gIG9uRXhwYW5kTGluayh0cmFuc0lkOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmV4cGFuZGVkTGluayA9PT0gdHJhbnNJZCkge1xyXG4gICAgICB0aGlzLmV4cGFuZGVkTGluayA9IG51bGw7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIHRoaXMuZXhwYW5kZWRMaW5rID0gdHJhbnNJZDtcclxuICB9XHJcblxyXG4gIGxvZ2luKCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2dpbkNsaWNrZWQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgbG9nb3V0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2dvdXRDbGlja2VkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRiLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hZGItc2hhcmVkLyIsInNvdXJjZXMiOlsibGliL2FkYi1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRzNEO0lBdUJFLDRCQUNVLFVBQXNCLEVBQ3RCLFVBQThCLEVBQy9CLEtBQXVCO1FBRnRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsZUFBVSxHQUFWLFVBQVUsQ0FBb0I7UUFDL0IsVUFBSyxHQUFMLEtBQUssQ0FBa0I7UUFyQnhCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNoQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBVzdDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsaUJBQVksR0FBRyxLQUFLLENBQUM7SUFRckIsQ0FBQztJQWxCRCxzQkFBYSx3Q0FBUTs7Ozs7UUFBckIsVUFBc0IsUUFBZ0I7WUFDcEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7O2dCQUNuQixRQUFRLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUM7WUFDcEMsSUFBSSxRQUFRLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7O29CQUM3QixR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RSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7Ozs7SUFFRCxtQ0FBTTs7O0lBQU47UUFDRSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7Ozs7SUFFRCx3Q0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7O2dCQXJGRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLHUyUkFBMEM7aUJBQzNDOzs7O2dCQVZRLFVBQVU7Z0JBSVYsa0JBQWtCO2dCQUZsQixnQkFBZ0I7OzsrQkFXdEIsTUFBTTtnQ0FDTixNQUFNOzJCQUVOLEtBQUs7O0lBOEVSLHlCQUFDO0NBQUEsQUF2RkQsSUF1RkM7U0FuRlksa0JBQWtCOzs7Ozs7SUFDN0IsMENBQTBDOztJQUMxQywwQ0FBNEM7O0lBQzVDLDJDQUE2Qzs7SUFDN0Msc0NBQWlCOztJQVNqQixzQ0FBaUI7O0lBQ2pCLHNDQUFpQjs7SUFDakIsMENBQXFCOztJQUNyQix3Q0FBdUI7O0lBQ3ZCLGlDQUFZOztJQUNaLDBDQUFxQjs7Ozs7SUFFbkIsd0NBQThCOzs7OztJQUM5Qix3Q0FBc0M7O0lBQ3RDLG1DQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEh0dHBDbGllbnQsIEh0dHBIZWFkZXJzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5pbXBvcnQgeyBmb3JrSm9pbiwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEVudmlyb25tZW50U2VydmljZSB9IGZyb20gJy4vZW52aXJvbm1lbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IE5hdmlnYXRpb24gfSBmcm9tICcuL25hdmlnYXRpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyB0YWtlIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FkYi1oZWFkZXIyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWRiLWhlYWRlci5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEFEQkhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBwcml2YXRlIHN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcclxuICBAT3V0cHV0KCkgbG9naW5DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBsb2dvdXRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGZ1bGxOYW1lOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc2V0IHVzZXJOYW1lKGZ1bGxOYW1lOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuZnVsbE5hbWUgPSBmdWxsTmFtZTtcclxuICAgIGNvbnN0IHNwbGl0dGVkID0gZnVsbE5hbWUuc3BsaXQoJyAnKTtcclxuICAgIGlmIChzcGxpdHRlZCAmJiBzcGxpdHRlZC5sZW5ndGggPiAxKSB7XHJcbiAgICAgIGNvbnN0IGluaXRpYWxzID0gc3BsaXR0ZWQuc2hpZnQoKS5jaGFyQXQoMCkgKyBzcGxpdHRlZC5wb3AoKS5jaGFyQXQoMCk7XHJcbiAgICAgIHRoaXMuaW5pdGlhbHMgPSBpbml0aWFscy50b1VwcGVyQ2FzZSgpO1xyXG4gICAgfVxyXG4gIH07XHJcbiAgaW5pdGlhbHM6IHN0cmluZztcclxuICBzaG93TWVudSA9IGZhbHNlO1xyXG4gIHNob3dVc2VyTWVudSA9IGZhbHNlO1xyXG4gIG5hdmlnYXRpb246IE5hdmlnYXRpb247XHJcbiAgdXJsOiBzdHJpbmc7XHJcbiAgZXhwYW5kZWRMaW5rOiBzdHJpbmc7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGh0dHBDbGllbnQ6IEh0dHBDbGllbnQsXHJcbiAgICBwcml2YXRlIGVudlNlcnZpY2U6IEVudmlyb25tZW50U2VydmljZSxcclxuICAgIHB1YmxpYyB0cmFuczogVHJhbnNsYXRlU2VydmljZSkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnVybCA9IHdpbmRvdy5sb2NhdGlvbi5ocmVmO1xyXG4gICAgY29uc3QgYmFzZVVybCA9IHRoaXMuZW52U2VydmljZS5lbnZpcm9ubWVudC5yZXNvdXJjZVVybDtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLmFkZCh0aGlzLmh0dHBDbGllbnQuZ2V0PE5hdmlnYXRpb24+KGJhc2VVcmwgKyAnL2Fzc2V0cy9saW5rcy5qc29uJykuc3Vic2NyaWJlKHJlc3VsdCA9PiB7XHJcbiAgICAgIHRoaXMubmF2aWdhdGlvbiA9IHJlc3VsdDtcclxuICAgIH0pKTtcclxuICAgIHRoaXMuaW5pdEFsbFRyYW5zbGF0aW9ucyhiYXNlVXJsKTtcclxuICAgIC8vIGlmICh0aGlzLnRyYW5zLnN0b3JlLnRyYW5zbGF0aW9uc1t0aGlzLnRyYW5zLmN1cnJlbnRMYW5nXSkge1xyXG4gICAgLy8gICBjb25zb2xlLmxvZygndGhpcy50cmFucy5jdXJyZW50TGFuZycsIHRoaXMudHJhbnMuY3VycmVudExhbmcpO1xyXG4gICAgLy8gICB0aGlzLmluaXRUcmFuc2xhdGlvbnMoYmFzZVVybCwgdGhpcy50cmFucy5jdXJyZW50TGFuZyk7XHJcbiAgICAvLyB9IGVsc2Uge1xyXG4gICAgLy8gICB0aGlzLnN1YnNjcmlwdGlvbi5hZGQodGhpcy50cmFucy5vbkxhbmdDaGFuZ2Uuc3Vic2NyaWJlKChldmVudCkgPT4ge1xyXG4gICAgLy8gICAgIGNvbnNvbGUubG9nKCdldmVudCcsIGV2ZW50KTtcclxuICAgIC8vICAgICB0aGlzLmluaXRUcmFuc2xhdGlvbnMoYmFzZVVybCwgZXZlbnQubGFuZyk7XHJcbiAgICAvLyAgIH0pKTtcclxuICAgIC8vIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgaW5pdEFsbFRyYW5zbGF0aW9ucyhiYXNlVXJsOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIGNvbnN0IHRyYW5zJCA9IGZvcmtKb2luKFt0aGlzLmh0dHBDbGllbnQuZ2V0KGJhc2VVcmwgKyAnL2Fzc2V0cy9pMThuL2VuLmpzb24nKSwgdGhpcy5odHRwQ2xpZW50LmdldChiYXNlVXJsICsgJy9hc3NldHMvaTE4bi9zdi5qc29uJyldKVxyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKHRyYW5zJC5zdWJzY3JpYmUocmVzdWx0ID0+IHtcclxuICAgICAgdGhpcy50cmFucy5zZXRUcmFuc2xhdGlvbignZW4nLCByZXN1bHRbMF0sIHRydWUpO1xyXG4gICAgICB0aGlzLnRyYW5zLnNldFRyYW5zbGF0aW9uKCdzdicsIHJlc3VsdFsxXSwgdHJ1ZSk7XHJcbiAgICB9KSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGluaXRUcmFuc2xhdGlvbnMoYmFzZVVybDogc3RyaW5nLCBsYW5nOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIC8vVE9ETzogUHJlcGFyZSBmb3IgZGlmZmVudHMgbGFuZyB0aGVuIGVuIHN2IChlbi1HQikgb3IgYWRkIG1vcmUgZmlsZXMgaW4gZGV2Y29tcG9uZW50c2VydmVyIDopXHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5hZGQodGhpcy5odHRwQ2xpZW50LmdldChiYXNlVXJsICsgYC9hc3NldHMvaTE4bi8ke2xhbmd9Lmpzb25gLCB7IGhlYWRlcnM6IG5ldyBIdHRwSGVhZGVycygpIH0pLnN1YnNjcmliZSh0cmFuc2xhdGlvbnMgPT4ge1xyXG4gICAgICB0aGlzLnRyYW5zLnNldFRyYW5zbGF0aW9uKGxhbmcsIHRyYW5zbGF0aW9ucywgdHJ1ZSk7XHJcbiAgICB9KSk7XHJcbiAgfVxyXG5cclxuICBzZXRMYW5ndWFnZShsYW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLnRyYW5zLnVzZShsYW5nKTtcclxuICAgIC8vc2V0IGxvY2Fsc3RvcmFnZS9jb29raWVzIG9jciBwcm9iYWx5IGV2ZW50IHRvIG1haW4gYXBwXHJcbiAgfVxyXG5cclxuICBvbkV4cGFuZExpbmsodHJhbnNJZDogc3RyaW5nKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5leHBhbmRlZExpbmsgPT09IHRyYW5zSWQpIHtcclxuICAgICAgdGhpcy5leHBhbmRlZExpbmsgPSBudWxsO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLmV4cGFuZGVkTGluayA9IHRyYW5zSWQ7XHJcbiAgfVxyXG5cclxuICBsb2dpbigpOiB2b2lkIHtcclxuICAgIHRoaXMubG9naW5DbGlja2VkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIGxvZ291dCgpOiB2b2lkIHtcclxuICAgIHRoaXMubG9nb3V0Q2xpY2tlZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm5/lib/adb-header.module.js

@@ -9,6 +9,7 @@ import { ADBHeaderComponent } from './adb-header.component';
 import { HttpClientModule } from '@angular/common/http';
 import { EnvironmentService } from './environment.service';
 import { RouterModule } from '@angular/router';
+import { ClickOutsideDirective } from './click-outside.directive';
 var ADBHeaderModule = /** @class */ (function () {
     function ADBHeaderModule() {
     }
@@ -35,7 +36,7 @@ var ADBHeaderModule = /** @class */ (function () {
     };
     ADBHeaderModule.decorators = [
         { type: NgModule, args: [{
-                    declarations: [ADBHeaderComponent],
+                    declarations: [ADBHeaderComponent, ClickOutsideDirective],
                     imports: [
                         CommonModule,
                         HttpClientModule,
@@ -48,4 +49,4 @@ var ADBHeaderModule = /** @class */ (function () {
     return ADBHeaderModule;
 }());
 export { ADBHeaderModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRiLWhlYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hZGItc2hhcmVkLyIsInNvdXJjZXMiOlsibGliL2FkYi1oZWFkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUF1QixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFtQixlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQWMsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVwRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFHL0M7SUFBQTtJQXVCQSxDQUFDOzs7OztJQVplLHVCQUFPOzs7O0lBQXJCLFVBQXNCLFdBQWdCO1FBQ3BDLE9BQU87WUFDTCxRQUFRLEVBQUUsZUFBZTtZQUN6QixTQUFTLEVBQUU7Z0JBQ1Qsa0JBQWtCO2dCQUNsQjtvQkFDRSxPQUFPLEVBQUUsS0FBSzs7b0JBQ2QsUUFBUSxFQUFFLFdBQVc7aUJBQ3RCO2FBQ0Y7U0FDRixDQUFDO0lBQ0osQ0FBQzs7Z0JBdEJGLFFBQVEsU0FBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixZQUFZO3dCQUNaLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5Qjs7SUFjRCxzQkFBQztDQUFBLEFBdkJELElBdUJDO1NBYlksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZUxvYWRlciwgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcbmltcG9ydCB7IEFEQkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vYWRiLWhlYWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBIdHRwQ2xpZW50LCBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVIdHRwTG9hZGVyIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvaHR0cC1sb2FkZXInO1xyXG5pbXBvcnQgeyBFbnZpcm9ubWVudFNlcnZpY2UgfSBmcm9tICcuL2Vudmlyb25tZW50LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQURCSGVhZGVyQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBIdHRwQ2xpZW50TW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbQURCSGVhZGVyQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQURCSGVhZGVyTW9kdWxlIHtcclxuICBwdWJsaWMgc3RhdGljIGZvclJvb3QoZW52aXJvbm1lbnQ6IGFueSk6IE1vZHVsZVdpdGhQcm92aWRlcnM8QURCSGVhZGVyTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogQURCSGVhZGVyTW9kdWxlLFxyXG4gICAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICBFbnZpcm9ubWVudFNlcnZpY2UsXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgcHJvdmlkZTogJ2VudicsIC8vIHlvdSBjYW4gYWxzbyB1c2UgSW5qZWN0aW9uVG9rZW5cclxuICAgICAgICAgIHVzZVZhbHVlOiBlbnZpcm9ubWVudFxyXG4gICAgICAgIH1cclxuICAgICAgXVxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRiLWhlYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hZGItc2hhcmVkLyIsInNvdXJjZXMiOlsibGliL2FkYi1oZWFkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUF1QixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFtQixlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQWMsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVwRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFHbEU7SUFBQTtJQXVCQSxDQUFDOzs7OztJQVplLHVCQUFPOzs7O0lBQXJCLFVBQXNCLFdBQWdCO1FBQ3BDLE9BQU87WUFDTCxRQUFRLEVBQUUsZUFBZTtZQUN6QixTQUFTLEVBQUU7Z0JBQ1Qsa0JBQWtCO2dCQUNsQjtvQkFDRSxPQUFPLEVBQUUsS0FBSzs7b0JBQ2QsUUFBUSxFQUFFLFdBQVc7aUJBQ3RCO2FBQ0Y7U0FDRixDQUFDO0lBQ0osQ0FBQzs7Z0JBdEJGLFFBQVEsU0FBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxxQkFBcUIsQ0FBQztvQkFDekQsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixZQUFZO3dCQUNaLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5Qjs7SUFjRCxzQkFBQztDQUFBLEFBdkJELElBdUJDO1NBYlksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZUxvYWRlciwgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcbmltcG9ydCB7IEFEQkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vYWRiLWhlYWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBIdHRwQ2xpZW50LCBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVIdHRwTG9hZGVyIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvaHR0cC1sb2FkZXInO1xyXG5pbXBvcnQgeyBFbnZpcm9ubWVudFNlcnZpY2UgfSBmcm9tICcuL2Vudmlyb25tZW50LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBDbGlja091dHNpZGVEaXJlY3RpdmUgfSBmcm9tICcuL2NsaWNrLW91dHNpZGUuZGlyZWN0aXZlJztcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW0FEQkhlYWRlckNvbXBvbmVudCwgQ2xpY2tPdXRzaWRlRGlyZWN0aXZlXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBIdHRwQ2xpZW50TW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbQURCSGVhZGVyQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQURCSGVhZGVyTW9kdWxlIHtcclxuICBwdWJsaWMgc3RhdGljIGZvclJvb3QoZW52aXJvbm1lbnQ6IGFueSk6IE1vZHVsZVdpdGhQcm92aWRlcnM8QURCSGVhZGVyTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogQURCSGVhZGVyTW9kdWxlLFxyXG4gICAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICBFbnZpcm9ubWVudFNlcnZpY2UsXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgcHJvdmlkZTogJ2VudicsIC8vIHlvdSBjYW4gYWxzbyB1c2UgSW5qZWN0aW9uVG9rZW5cclxuICAgICAgICAgIHVzZVZhbHVlOiBlbnZpcm9ubWVudFxyXG4gICAgICAgIH1cclxuICAgICAgXVxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19

package/esm5/lib/click-outside.directive.js

@@ -0,0 +1,51 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Directive, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';
+var ClickOutsideDirective = /** @class */ (function () {
+    function ClickOutsideDirective(elementRef) {
+        this.elementRef = elementRef;
+        this.clickOutside = new 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: Directive, args: [{
+                    selector: '[clickOutside]',
+                },] }
+    ];
+    /** @nocollapse */
+    ClickOutsideDirective.ctorParameters = function () { return [
+        { type: ElementRef }
+    ]; };
+    ClickOutsideDirective.propDecorators = {
+        clickOutside: [{ type: Output }],
+        onClick: [{ type: HostListener, args: ['document:click', ['$event.target'],] }]
+    };
+    return ClickOutsideDirective;
+}());
+export { ClickOutsideDirective };
+if (false) {
+    /** @type {?} */
+    ClickOutsideDirective.prototype.clickOutside;
+    /**
+     * @type {?}
+     * @private
+     */
+    ClickOutsideDirective.prototype.elementRef;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hZGItc2hhcmVkLyIsInNvdXJjZXMiOlsibGliL2NsaWNrLW91dHNpZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFTLE1BQU0sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRztJQUtJLCtCQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBRGhDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUNKLENBQUM7Ozs7O0lBR3hDLHVDQUFPOzs7O0lBRGQsVUFDZSxNQUFXOztZQUNoQixhQUFhLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztRQUNwRSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDNUI7SUFDTCxDQUFDOztnQkFiSixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLGdCQUFnQjtpQkFDN0I7Ozs7Z0JBSGdELFVBQVU7OzsrQkFLdEQsTUFBTTswQkFHTixZQUFZLFNBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxlQUFlLENBQUM7O0lBT3JELDRCQUFDO0NBQUEsQUFkRCxJQWNDO1NBWFkscUJBQXFCOzs7SUFDOUIsNkNBQWtEOzs7OztJQUN0QywyQ0FBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbkBEaXJlY3RpdmUoe1xyXG4gICAgc2VsZWN0b3I6ICdbY2xpY2tPdXRzaWRlXScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDbGlja091dHNpZGVEaXJlY3RpdmUge1xyXG4gICAgQE91dHB1dCgpIGNsaWNrT3V0c2lkZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudC50YXJnZXQnXSlcclxuICAgIHB1YmxpYyBvbkNsaWNrKHRhcmdldDogYW55KSB7XHJcbiAgICAgICAgY29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldCk7XHJcbiAgICAgICAgaWYgKCFjbGlja2VkSW5zaWRlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuY2xpY2tPdXRzaWRlLmVtaXQoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIl19

package/fesm2015/adb-shared.js

@@ -1,5 +1,5 @@
 import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
-import { Injectable, Inject, EventEmitter, Component, Output, Input, NgModule } from '@angular/core';
+import { Injectable, Inject, EventEmitter, Component, Output, Input, Directive, ElementRef, HostListener, NgModule } from '@angular/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { Subscription, forkJoin } from 'rxjs';
 import { CommonModule } from '@angular/common';
@@ -54,6 +54,7 @@ class ADBHeaderComponent {
      * @return {?}
      */
     set userName(fullName) {
+        this.fullName = fullName;
         /** @type {?} */
         const splitted = fullName.split(' ');
         if (splitted && splitted.length > 1) {
@@ -162,7 +163,7 @@ class ADBHeaderComponent {
 ADBHeaderComponent.decorators = [
     { type: Component, args: [{
                 selector: 'adb-header2',
-                template: "<header class=\"top-header\">\r\n    <nav class=\"d-flex justify-content-between align-items-center gap-2 px-2\">\r\n        <div class=\"logo\">\r\n            <img src=\"/assets/images/logo.svg\">\r\n        </div>\r\n        <div class=\"title\">Artfakta</div>\r\n        <nav class=\"d-none d-lg-flex align-items-center\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n            <ng-container *ngFor=\"let link of navigation.links\">\r\n                <a [href]=\"link.url\" *ngIf=\"link.topLink\">\r\n                    {{link.transId|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </nav>\r\n        <button class=\"btn btn-sm btn-primary\" (click)=\"showUserMenu = false;showMenu=!showMenu\">\r\n            {{'ADB_HEADER.MENY'|translate}}\r\n        </button>\r\n        <div class=\"d-none d-sm-block\">\r\n            <button class=\"btn user\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\" *ngIf=\"initials\">{{initials}}</button>\r\n            <button *ngIf=\"!initials\" (click)=\"login()\" class=\"btn btn-sm btn-primary\">\r\n                {{'ADB_HEADER.LOGIN'|translate}}\r\n            </button>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div class=\"menu-body\" style=\"width:15rem\">\r\n            <button (click)=\"logout()\" class=\"btn btn-sm btn-primary\">\r\n                {{'ADB_HEADER.LOGOUT'|translate}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body d-flex flex-column\" *ngIf=\"navigation\">\r\n            <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                <div class=\"mr-auto\">\r\n                    <div class=\"d-flex gap-2\" *ngIf=\"!initials\">\r\n                        <button (click)=\"login()\" class=\"d-sm-none btn btn-sm btn-primary\">\r\n                            {{'ADB_HEADER.LOGIN'|translate}}\r\n                        </button>\r\n                        <a href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\"\r\n                           class=\"btn btn-sm btn-primary\">\r\n                            {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <button *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                            class=\"btn btn-sm btn-primary\">\r\n                        {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                    </button>\r\n                    <button *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                            class=\"btn btn-sm btn-primary\">\r\n                        {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"mb-1\">{{'ADB_HEADER.SERVICES'|translate}}</div>\r\n            <ul class=\"list-unstyled ml-0 mb-0 pl-0\">\r\n                <ng-container *ngFor=\"let link of navigation.links\">\r\n                    <li class=\"p-2 mb-1\">\r\n                        <div class=\"d-flex align-items-center justify-content-between\">\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\">\r\n                                    {{link.transId|translate}}\r\n                                </a>\r\n                            </div>\r\n                            <div>\r\n                                <button class=\"btn btn-sm btn-drop border\" *ngIf=\"link.children&&link.children.length>0\" (click)=\"onExpandLink(link.transId)\">\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                                </button>\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                </ng-container>\r\n            </ul>\r\n            <div id=\"splash\" class=\"flex-grow-1 mh-auto\"></div>\r\n            <div *ngIf=\"navigation.about\" class=\"mb-4\">\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=\"p-2 mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n                        <div>\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                        <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                    </li>\r\n                </ul>\r\n            </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</header>\r\n"
+                template: "<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenu=false;\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center\">\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 class=\"btn py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenu=!showMenu\">\r\n                        {{'ADB_HEADER.MENY'|translate}}\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\" class=\"btn initials px-2 py-1\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\" 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()\" 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 class=\"btn btn-primary\" (click)=\"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 d-flex flex-column\" *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 (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 (click)=\"login()\" class=\"btn btn-primary\">\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 *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 *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\">\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\" *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 style=\"height:10rem\"></div>\r\n                    <div *ngIf=\"navigation.about\" class=\"mb-4\">\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=\"p-2 bg-white mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n                                <div>\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                                <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                            </li>\r\n                        </ul>\r\n                    </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 */
@@ -187,6 +188,8 @@ if (false) {
     /** @type {?} */
     ADBHeaderComponent.prototype.logoutClicked;
     /** @type {?} */
+    ADBHeaderComponent.prototype.fullName;
+    /** @type {?} */
     ADBHeaderComponent.prototype.initials;
     /** @type {?} */
     ADBHeaderComponent.prototype.showMenu;
@@ -213,6 +216,53 @@ if (false) {
     /* Skipping unhandled member: ;*/
 }
 
+/**
+ * @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
@@ -238,7 +288,7 @@ class ADBHeaderModule {
 }
 ADBHeaderModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [ADBHeaderComponent],
+                declarations: [ADBHeaderComponent, ClickOutsideDirective],
                 imports: [
                     CommonModule,
                     HttpClientModule,
@@ -259,5 +309,5 @@ ADBHeaderModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ADBHeaderComponent, ADBHeaderModule, EnvironmentService as ɵa };
+export { ADBHeaderComponent, ADBHeaderModule, EnvironmentService as ɵa, ClickOutsideDirective as ɵb };
 //# 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/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  @Input() set userName(fullName: string) {\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    // 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  }\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  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  }\r\n\r\n  setLanguage(lang): void {\r\n    this.trans.use(lang);\r\n    //set localstorage/cookies ocr 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","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\n\r\n\r\n@NgModule({\r\n  declarations: [ADBHeaderComponent],\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":["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  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    // 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  }\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  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  }\r\n\r\n  setLanguage(lang): void {\r\n    this.trans.use(lang);\r\n    //set localstorage/cookies ocr 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","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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"}

package/fesm5/adb-shared.js

@@ -1,5 +1,5 @@
 import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
-import { Injectable, Inject, EventEmitter, Component, Output, Input, NgModule } from '@angular/core';
+import { Injectable, Inject, EventEmitter, Component, Output, Input, Directive, ElementRef, HostListener, NgModule } from '@angular/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { Subscription, forkJoin } from 'rxjs';
 import { CommonModule } from '@angular/common';
@@ -48,6 +48,7 @@ var ADBHeaderComponent = /** @class */ (function () {
          * @return {?}
          */
         function (fullName) {
+            this.fullName = fullName;
             /** @type {?} */
             var splitted = fullName.split(' ');
             if (splitted && splitted.length > 1) {
@@ -192,7 +193,7 @@ var ADBHeaderComponent = /** @class */ (function () {
     ADBHeaderComponent.decorators = [
         { type: Component, args: [{
                     selector: 'adb-header2',
-                    template: "<header class=\"top-header\">\r\n    <nav class=\"d-flex justify-content-between align-items-center gap-2 px-2\">\r\n        <div class=\"logo\">\r\n            <img src=\"/assets/images/logo.svg\">\r\n        </div>\r\n        <div class=\"title\">Artfakta</div>\r\n        <nav class=\"d-none d-lg-flex align-items-center\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n            <ng-container *ngFor=\"let link of navigation.links\">\r\n                <a [href]=\"link.url\" *ngIf=\"link.topLink\">\r\n                    {{link.transId|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </nav>\r\n        <button class=\"btn btn-sm btn-primary\" (click)=\"showUserMenu = false;showMenu=!showMenu\">\r\n            {{'ADB_HEADER.MENY'|translate}}\r\n        </button>\r\n        <div class=\"d-none d-sm-block\">\r\n            <button class=\"btn user\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\" *ngIf=\"initials\">{{initials}}</button>\r\n            <button *ngIf=\"!initials\" (click)=\"login()\" class=\"btn btn-sm btn-primary\">\r\n                {{'ADB_HEADER.LOGIN'|translate}}\r\n            </button>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div class=\"menu-body\" style=\"width:15rem\">\r\n            <button (click)=\"logout()\" class=\"btn btn-sm btn-primary\">\r\n                {{'ADB_HEADER.LOGOUT'|translate}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body d-flex flex-column\" *ngIf=\"navigation\">\r\n            <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                <div class=\"mr-auto\">\r\n                    <div class=\"d-flex gap-2\" *ngIf=\"!initials\">\r\n                        <button (click)=\"login()\" class=\"d-sm-none btn btn-sm btn-primary\">\r\n                            {{'ADB_HEADER.LOGIN'|translate}}\r\n                        </button>\r\n                        <a href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\"\r\n                           class=\"btn btn-sm btn-primary\">\r\n                            {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <button *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                            class=\"btn btn-sm btn-primary\">\r\n                        {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                    </button>\r\n                    <button *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                            class=\"btn btn-sm btn-primary\">\r\n                        {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"mb-1\">{{'ADB_HEADER.SERVICES'|translate}}</div>\r\n            <ul class=\"list-unstyled ml-0 mb-0 pl-0\">\r\n                <ng-container *ngFor=\"let link of navigation.links\">\r\n                    <li class=\"p-2 mb-1\">\r\n                        <div class=\"d-flex align-items-center justify-content-between\">\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\">\r\n                                    {{link.transId|translate}}\r\n                                </a>\r\n                            </div>\r\n                            <div>\r\n                                <button class=\"btn btn-sm btn-drop border\" *ngIf=\"link.children&&link.children.length>0\" (click)=\"onExpandLink(link.transId)\">\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                                </button>\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                </ng-container>\r\n            </ul>\r\n            <div id=\"splash\" class=\"flex-grow-1 mh-auto\"></div>\r\n            <div *ngIf=\"navigation.about\" class=\"mb-4\">\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=\"p-2 mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n                        <div>\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                        <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                    </li>\r\n                </ul>\r\n            </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</header>\r\n"
+                    template: "<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenu=false;\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center\">\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 class=\"btn py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenu=!showMenu\">\r\n                        {{'ADB_HEADER.MENY'|translate}}\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\" class=\"btn initials px-2 py-1\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\" 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()\" 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 class=\"btn btn-primary\" (click)=\"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 d-flex flex-column\" *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 (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 (click)=\"login()\" class=\"btn btn-primary\">\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 *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 *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\">\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\" *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 style=\"height:10rem\"></div>\r\n                    <div *ngIf=\"navigation.about\" class=\"mb-4\">\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=\"p-2 bg-white mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n                                <div>\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                                <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                            </li>\r\n                        </ul>\r\n                    </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 */
@@ -219,6 +220,8 @@ if (false) {
     /** @type {?} */
     ADBHeaderComponent.prototype.logoutClicked;
     /** @type {?} */
+    ADBHeaderComponent.prototype.fullName;
+    /** @type {?} */
     ADBHeaderComponent.prototype.initials;
     /** @type {?} */
     ADBHeaderComponent.prototype.showMenu;
@@ -245,6 +248,55 @@ if (false) {
     /* 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 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: Directive, args: [{
+                    selector: '[clickOutside]',
+                },] }
+    ];
+    /** @nocollapse */
+    ClickOutsideDirective.ctorParameters = function () { return [
+        { type: ElementRef }
+    ]; };
+    ClickOutsideDirective.propDecorators = {
+        clickOutside: [{ type: Output }],
+        onClick: [{ type: HostListener, args: ['document:click', ['$event.target'],] }]
+    };
+    return ClickOutsideDirective;
+}());
+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
@@ -275,7 +327,7 @@ var ADBHeaderModule = /** @class */ (function () {
     };
     ADBHeaderModule.decorators = [
         { type: NgModule, args: [{
-                    declarations: [ADBHeaderComponent],
+                    declarations: [ADBHeaderComponent, ClickOutsideDirective],
                     imports: [
                         CommonModule,
                         HttpClientModule,
@@ -298,5 +350,5 @@ var ADBHeaderModule = /** @class */ (function () {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ADBHeaderComponent, ADBHeaderModule, EnvironmentService as ɵa };
+export { ADBHeaderComponent, ADBHeaderModule, EnvironmentService as ɵa, ClickOutsideDirective as ɵb };
 //# sourceMappingURL=adb-shared.js.map