adb-shared 0.0.53 → 0.0.57

package/adb-shared.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"ADBHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"adb-header2","template":"<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n            <div class=\"logo d-none d-md-block\">\r\n                <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n            </div>\r\n            <div class=\"logo pl-2 d-sm-block d-md-none d-flex align-items-center\">\r\n                <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n            </div>\r\n            <strong class=\"bigger\">Artfakta</strong>\r\n        </div>\r\n        <div class=\"flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center\">\r\n            <div class=\"d-flex align-items-center\">\r\n                <nav class=\"d-none align-items-center d-lg-flex pr-4\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n                    <ng-container *ngFor=\"let link of navigation.links\">\r\n                        <a [href]=\"link.url\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\r\n                    <button type=\"button\" class=\"btn btn-sm py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenuDropdown(!showMenu)\">\r\n                        {{'ADB_HEADER.MENY'|translate}}\r\n                        <i class=\"ml-1 fas\" [ngClass]=\"showMenu?'fa-chevron-up':'fa-chevron-down'\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-none d-md-block pl-4\">\r\n                <button *ngIf=\"initials\" type=\"button\" class=\"btn initials px-2 py-1\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" type=\"button\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n            <ng-container *ngIf=\"initials\">\r\n                <div class=\"text-dark\">\r\n                    <span class=\"initials py-2 px-2 mr-2\">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class=\"mx-n3\">\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0\">\r\n                    <i class=\"fas fa-sign-out-alt mr-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!initials\">\r\n                <div class=\"d-flex justify-content-center\">\r\n                    <button type=\"button\" class=\"btn btn-primary\" (click)=\"login()\" id=\"start-login\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n                </div>\r\n                <a class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body\" *ngIf=\"navigation\">\r\n            <div class=\"px-3 pt-3 mb-1\">\r\n                <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                    <div>\r\n                        <div class=\"d-flex d-md-none align-items-center gap-2\" *ngIf=\"initials\">\r\n                            <span class=\"initials mr-2\">{{initials}}</span>\r\n                            <button type=\"button\" (click)=\"logout()\" class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.LOGOUT'|translate}}\r\n                            </button>\r\n                        </div>\r\n                        <div class=\"d-flex gap-2 d-md-none\" *ngIf=\"!initials\">\r\n                            <button type=\"button\" (click)=\"login()\" class=\"btn btn-primary\" id=\"login\">\r\n                                {{'ADB_HEADER.LOGIN'|translate}}\r\n                            </button>\r\n                            <a href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\"\r\n                               class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                        </button>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{'ADB_HEADER.SERVICES'|translate}}\r\n            </div>\r\n            <div id=\"splash\">\r\n                <div class=\"px-3 d-flex flex-column\">\r\n                    <ul class=\"list-group ml-0 mb-0 pl-0\">\r\n                        <li class=\"mb-1 list-group-item rounded-0\"\r\n                            [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n                            *ngFor=\"let link of navigation.links\">\r\n                            <div class=\"d-flex align-items-center justify-content-between\"\r\n                                 [attr.aria-expanded]=\"link.transId===expandedLink?true:false\" role=\"button\"\r\n                                 (click)=\"onExpandLink(link.transId)\">\r\n                                <div>\r\n                                    <small class=\"fa-stack\" *ngIf=\"link.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"link.url\" (click)=\"$event.stopPropagation();\">\r\n                                        {{link.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"text-dark\" *ngIf=\"link.children&&link.children.length>0\">\r\n                                    <i class=\"fas fa-chevron-up\" *ngIf=\"link.transId===expandedLink\"></i>\r\n                                    <i class=\"fas fa-chevron-down\" *ngIf=\"link.transId!==expandedLink\"></i>\r\n                                </div>\r\n                            </div>\r\n                            <ul class=\"list-unstyled pl-4\" *ngIf=\"link.transId===expandedLink\">\r\n                                <li class=\"py-1m-0\" *ngFor=\"let subLink of link.children\">\r\n                                    <a [href]=\"subLink.url\">\r\n                                        {{subLink.transId|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"navigation.about\" class=\"mt-2 mb-auto\">\r\n                        <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n                        <ul class=\"list-unstyled ml-0 pl-0\">\r\n                            <li class=\"mb-1 d-flex flex-wrap gap-2\">\r\n                                <div class=\"bg-white p-2 flex-grow-1\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"navigation.about.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"navigation.about.url\">\r\n                                        {{navigation.about.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"bg-white p-2 flex-grow-1\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse fa-envelope\"></span>\r\n                                    </small>\r\n                                    <a class=\"bg-white p-2\" href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <div style=\"height:10rem\"></div>\r\n                    <div>\r\n                        <img style=\"height: 3.2rem;\" src=\"/assets/images/logo.svg\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n"}]}],"members":{"loginClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"logoutClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"dropMenuChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"userName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":32,"character":24},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":34,"character":18}]}],"ngOnInit":[{"__symbolic":"method"}],"initAllTranslations":[{"__symbolic":"method"}],"showMenuDropdown":[{"__symbolic":"method"}],"setLanguage":[{"__symbolic":"method"}],"onExpandLink":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"logout":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ADBHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ADBHeaderComponent"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"ADBHeaderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["environment"],"value":{"ngModule":{"__symbolic":"reference","name":"ADBHeaderModule"},"providers":[{"__symbolic":"reference","name":"ɵa"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":4,"character":17},"arguments":["env"]}]],"parameters":[null]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":1,"character":1},"arguments":[{"selector":"[clickOutside]"}]}],"members":{"clickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":5,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":36}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":8,"character":5},"arguments":["document:click",["$event.target"]]}]}]}}},"origins":{"ADBHeaderComponent":"./lib/adb-header.component","ADBHeaderModule":"./lib/adb-header.module","ɵa":"./lib/environment.service","ɵb":"./lib/click-outside.directive"},"importAs":"adb-shared"}
+{"__symbolic":"module","version":4,"metadata":{"ADBHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"adb-header2","template":"<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n            <div class=\"logo d-none d-md-block\">\r\n                <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n            </div>\r\n            <div class=\"logo pl-2 d-sm-block d-md-none d-flex align-items-center\">\r\n                <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n            </div>\r\n            <strong class=\"bigger\">Artfakta</strong>\r\n        </div>\r\n        <div *ngIf=\"translationFinished\" 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}}?lang={{trans.currentLang}}\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\r\n                    <button type=\"button\" class=\"btn btn-sm py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenuDropdown(!showMenu)\">\r\n                        {{'ADB_HEADER.MENY'|translate}}\r\n                        <i class=\"ml-1 fas\" [ngClass]=\"showMenu?'fa-chevron-up':'fa-chevron-down'\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-none d-md-block pl-4\">\r\n                <button *ngIf=\"initials\" type=\"button\" class=\"btn initials px-2 py-1\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" type=\"button\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div *ngIf=\"navigation\" class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n            <ng-container *ngIf=\"initials\">\r\n                <div class=\"text-dark\">\r\n                    <span class=\"initials py-2 px-2 mr-2\">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class=\"mx-n3\">\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0\">\r\n                    <i class=\"fas fa-sign-out-alt mr-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!initials\">\r\n                <div class=\"d-flex justify-content-center\">\r\n                    <button type=\"button\" class=\"btn btn-primary\" (click)=\"login()\" id=\"start-login\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n                </div>\r\n                <a class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body\" *ngIf=\"navigation\">\r\n            <div class=\"px-3 pt-3 mb-1\">\r\n                <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                    <div>\r\n                        <div class=\"d-flex d-md-none align-items-center gap-2\" *ngIf=\"initials\">\r\n                            <span class=\"initials mr-2\">{{initials}}</span>\r\n                            <button type=\"button\" (click)=\"logout()\" class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.LOGOUT'|translate}}\r\n                            </button>\r\n                        </div>\r\n                        <div class=\"d-flex gap-2 d-md-none\" *ngIf=\"!initials\">\r\n                            <button type=\"button\" (click)=\"login()\" class=\"btn btn-primary\" id=\"login\">\r\n                                {{'ADB_HEADER.LOGIN'|translate}}\r\n                            </button>\r\n                            <a href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\"\r\n                               class=\"btn btn-primary text-white\">\r\n                                {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                        </button>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{'ADB_HEADER.SERVICES'|translate}}\r\n            </div>\r\n            <div id=\"splash\">\r\n                <div class=\"px-3 d-flex flex-column\">\r\n                    <ul class=\"list-group ml-0 mb-0 pl-0\">\r\n                        <li class=\"mb-1 list-group-item p-0 rounded\"\r\n                            [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n                            *ngFor=\"let link of navigation.links\"\r\n                            [attr.aria-expanded]=\"link.transId===expandedLink?true:false\">\r\n                            <div class=\"d-flex align-items-center justify-content-between\">\r\n                                <a href=\"{{link.url}}?lang={{trans.currentLang}}\" class=\"d-flex align-items-center flex-grow-1 p-2\">\r\n                                    <small class=\"fa-stack me-1\" *ngIf=\"link.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n                                    </small>\r\n                                    {{link.transId|translate}}\r\n                                </a>\r\n                                <button class=\"btn btn-expand mr-2\" *ngIf=\"link.children&&link.children.length>0\" (click)=\"onExpandLink($event,link.transId)\">\r\n                                    <i class=\"fas fa-chevron-up\" [ngClass]=\"link.transId===expandedLink?'d-block ':'d-none'\"></i>\r\n                                    <i class=\"fas fa-chevron-down\" [ngClass]=\"link.transId!==expandedLink?'d-block ':'d-none'\"></i>\r\n                                </button>\r\n                            </div>\r\n                            <ul class=\"list-unstyled d-none\" [class.d-block]=\"link.transId===expandedLink\">\r\n                                <li class=\"py-1 m-0\" [class.pt-0]=\"first\" *ngFor=\"let subLink of link.children;let first = first\" style=\"padding-left:2.2rem;\">\r\n                                    <a class=\"w-100 d-block\" href=\"{{subLink.url}}?lang={{trans.currentLang}}\">\r\n                                        {{subLink.transId|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"navigation.about\" class=\"mt-2 mb-auto\">\r\n                        <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n                        <div class=\"mb-1 row\">\r\n                            <div class=\"col-sm-6 mb-2\">\r\n                                <div class=\"bg-white p-2 rounded\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse fa-envelope\"></span>\r\n                                    </small>\r\n                                    <a class=\"bg-white p-2\" href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-sm-6 mb-2\">\r\n                                <div class=\"bg-white p-2 rounded\">\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}}?lang={{trans.currentLang}}\">{{navigation.about.transId|translate}}</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div style=\"height:10rem\"></div>\r\n                    <div class=\"mb-3\">\r\n                        <a href=\"https://www.artdatabanken.se/\" class=\"text-white\">{{'ADB_HEADER.DEV_INFO'|translate}}</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n"}]}],"members":{"loginClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"logoutClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"dropMenuChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"userName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":33,"character":24},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":35,"character":18}]}],"ngOnInit":[{"__symbolic":"method"}],"initTranslations":[{"__symbolic":"method"}],"initTranslation":[{"__symbolic":"method"}],"showMenuDropdown":[{"__symbolic":"method"}],"setLanguage":[{"__symbolic":"method"}],"onExpandLink":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"logout":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ADBHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ADBHeaderComponent"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"ADBHeaderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["environment"],"value":{"ngModule":{"__symbolic":"reference","name":"ADBHeaderModule"},"providers":[{"__symbolic":"reference","name":"ɵa"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":4,"character":17},"arguments":["env"]}]],"parameters":[null]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":1,"character":1},"arguments":[{"selector":"[clickOutside]"}]}],"members":{"clickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":5,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":36}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":8,"character":5},"arguments":["document:click",["$event.target"]]}]}]}}},"origins":{"ADBHeaderComponent":"./lib/adb-header.component","ADBHeaderModule":"./lib/adb-header.module","ɵa":"./lib/environment.service","ɵb":"./lib/click-outside.directive"},"importAs":"adb-shared"}

package/bundles/adb-shared.umd.js

@@ -79,29 +79,55 @@
             function (result) {
                 _this.navigation = result;
             })));
-            this.initAllTranslations(baseUrl);
+            this.initTranslations(baseUrl);
         };
         /**
          * @private
          * @param {?} baseUrl
          * @return {?}
          */
-        ADBHeaderComponent.prototype.initAllTranslations = /**
+        ADBHeaderComponent.prototype.initTranslations = /**
          * @private
          * @param {?} baseUrl
          * @return {?}
          */
         function (baseUrl) {
             var _this = this;
-            /** @type {?} */
-            var trans$ = rxjs.forkJoin([this.httpClient.get(baseUrl + '/assets/i18n/en.json'), this.httpClient.get(baseUrl + '/assets/i18n/sv.json')]);
-            this.subscription.add(trans$.subscribe((/**
-             * @param {?} result
+            if (this.trans.store.translations[this.trans.currentLang]) {
+                this.initTranslation(baseUrl, this.trans.currentLang);
+            }
+            else {
+                this.subscription.add(this.trans.onLangChange.subscribe((/**
+                 * @param {?} event
+                 * @return {?}
+                 */
+                function (event) {
+                    _this.initTranslation(baseUrl, event.lang);
+                })));
+            }
+        };
+        /**
+         * @private
+         * @param {?} baseUrl
+         * @param {?} lang
+         * @return {?}
+         */
+        ADBHeaderComponent.prototype.initTranslation = /**
+         * @private
+         * @param {?} baseUrl
+         * @param {?} lang
+         * @return {?}
+         */
+        function (baseUrl, lang) {
+            var _this = this;
+            //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)
+            this.subscription.add(this.httpClient.get(baseUrl + ("/assets/i18n/" + lang + ".json"), { headers: new http.HttpHeaders() }).subscribe((/**
+             * @param {?} translations
              * @return {?}
              */
-            function (result) {
-                _this.trans.setTranslation('en', result[0], true);
-                _this.trans.setTranslation('sv', result[1], true);
+            function (translations) {
+                _this.trans.setTranslation(lang, translations, true);
+                _this.translationFinished = true;
             })));
         };
         /**
@@ -128,17 +154,22 @@
          */
         function (lang) {
             this.trans.use(lang);
+            this.showMenu = false;
             //TODO: set localstorage/cookies or probaly event to main app
         };
         /**
+         * @param {?} event
          * @param {?} transId
          * @return {?}
          */
         ADBHeaderComponent.prototype.onExpandLink = /**
+         * @param {?} event
          * @param {?} transId
          * @return {?}
          */
-        function (transId) {
+        function (event, transId) {
+            event.preventDefault();
+            event.stopPropagation();
             if (this.expandedLink === transId) {
                 this.expandedLink = null;
                 return;
@@ -175,7 +206,7 @@
         ADBHeaderComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'adb-header2',
-                        template: "<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n            <div class=\"logo d-none d-md-block\">\r\n                <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n            </div>\r\n            <div class=\"logo pl-2 d-sm-block d-md-none d-flex align-items-center\">\r\n                <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n            </div>\r\n            <strong class=\"bigger\">Artfakta</strong>\r\n        </div>\r\n        <div class=\"flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center\">\r\n            <div class=\"d-flex align-items-center\">\r\n                <nav class=\"d-none align-items-center d-lg-flex pr-4\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n                    <ng-container *ngFor=\"let link of navigation.links\">\r\n                        <a [href]=\"link.url\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\r\n                    <button type=\"button\" class=\"btn btn-sm py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenuDropdown(!showMenu)\">\r\n                        {{'ADB_HEADER.MENY'|translate}}\r\n                        <i class=\"ml-1 fas\" [ngClass]=\"showMenu?'fa-chevron-up':'fa-chevron-down'\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-none d-md-block pl-4\">\r\n                <button *ngIf=\"initials\" type=\"button\" class=\"btn initials px-2 py-1\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" type=\"button\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n            <ng-container *ngIf=\"initials\">\r\n                <div class=\"text-dark\">\r\n                    <span class=\"initials py-2 px-2 mr-2\">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class=\"mx-n3\">\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0\">\r\n                    <i class=\"fas fa-sign-out-alt mr-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!initials\">\r\n                <div class=\"d-flex justify-content-center\">\r\n                    <button type=\"button\" class=\"btn btn-primary\" (click)=\"login()\" id=\"start-login\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n                </div>\r\n                <a class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body\" *ngIf=\"navigation\">\r\n            <div class=\"px-3 pt-3 mb-1\">\r\n                <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                    <div>\r\n                        <div class=\"d-flex d-md-none align-items-center gap-2\" *ngIf=\"initials\">\r\n                            <span class=\"initials mr-2\">{{initials}}</span>\r\n                            <button type=\"button\" (click)=\"logout()\" class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.LOGOUT'|translate}}\r\n                            </button>\r\n                        </div>\r\n                        <div class=\"d-flex gap-2 d-md-none\" *ngIf=\"!initials\">\r\n                            <button type=\"button\" (click)=\"login()\" class=\"btn btn-primary\" id=\"login\">\r\n                                {{'ADB_HEADER.LOGIN'|translate}}\r\n                            </button>\r\n                            <a href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\"\r\n                               class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                        </button>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{'ADB_HEADER.SERVICES'|translate}}\r\n            </div>\r\n            <div id=\"splash\">\r\n                <div class=\"px-3 d-flex flex-column\">\r\n                    <ul class=\"list-group ml-0 mb-0 pl-0\">\r\n                        <li class=\"mb-1 list-group-item rounded-0\"\r\n                            [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n                            *ngFor=\"let link of navigation.links\">\r\n                            <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 *ngIf=\"navigation.about\" class=\"mt-2 mb-auto\">\r\n                        <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n                        <ul class=\"list-unstyled ml-0 pl-0\">\r\n                            <li class=\"mb-1 d-flex flex-wrap gap-2\">\r\n                                <div class=\"bg-white p-2 flex-grow-1\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"navigation.about.icon\"></span>\r\n                                    </small>\r\n                                    <a [href]=\"navigation.about.url\">\r\n                                        {{navigation.about.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div class=\"bg-white p-2 flex-grow-1\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse fa-envelope\"></span>\r\n                                    </small>\r\n                                    <a class=\"bg-white p-2\" href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <div style=\"height:10rem\"></div>\r\n                    <div>\r\n                        <img style=\"height: 3.2rem;\" src=\"/assets/images/logo.svg\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n"
+                        template: "<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n    <nav class=\"d-flex flex-wrap px-3\">\r\n        <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n            <div class=\"logo d-none d-md-block\">\r\n                <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n            </div>\r\n            <div class=\"logo pl-2 d-sm-block d-md-none d-flex align-items-center\">\r\n                <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n            </div>\r\n            <strong class=\"bigger\">Artfakta</strong>\r\n        </div>\r\n        <div *ngIf=\"translationFinished\" 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}}?lang={{trans.currentLang}}\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\r\n                    <button type=\"button\" class=\"btn btn-sm py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenuDropdown(!showMenu)\">\r\n                        {{'ADB_HEADER.MENY'|translate}}\r\n                        <i class=\"ml-1 fas\" [ngClass]=\"showMenu?'fa-chevron-up':'fa-chevron-down'\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class=\"d-none d-md-block pl-4\">\r\n                <button *ngIf=\"initials\" type=\"button\" class=\"btn initials px-2 py-1\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n                <button *ngIf=\"!initials\" type=\"button\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n                    {{'ADB_HEADER.LOGIN'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n        <div *ngIf=\"navigation\" class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n            <ng-container *ngIf=\"initials\">\r\n                <div class=\"text-dark\">\r\n                    <span class=\"initials py-2 px-2 mr-2\">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class=\"mx-n3\">\r\n                <button (click)=\"logout()\" type=\"button\" class=\"btn btn-link p-0\">\r\n                    <i class=\"fas fa-sign-out-alt mr-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!initials\">\r\n                <div class=\"d-flex justify-content-center\">\r\n                    <button type=\"button\" class=\"btn btn-primary\" (click)=\"login()\" id=\"start-login\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n                </div>\r\n                <a class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\">\r\n                    {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class=\"menu\" *ngIf=\"showMenu\">\r\n        <div class=\"menu-body\" *ngIf=\"navigation\">\r\n            <div class=\"px-3 pt-3 mb-1\">\r\n                <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n                    <div>\r\n                        <div class=\"d-flex d-md-none align-items-center gap-2\" *ngIf=\"initials\">\r\n                            <span class=\"initials mr-2\">{{initials}}</span>\r\n                            <button type=\"button\" (click)=\"logout()\" class=\"btn btn-primary\">\r\n                                {{'ADB_HEADER.LOGOUT'|translate}}\r\n                            </button>\r\n                        </div>\r\n                        <div class=\"d-flex gap-2 d-md-none\" *ngIf=\"!initials\">\r\n                            <button type=\"button\" (click)=\"login()\" class=\"btn btn-primary\" id=\"login\">\r\n                                {{'ADB_HEADER.LOGIN'|translate}}\r\n                            </button>\r\n                            <a href=\"{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}\"\r\n                               class=\"btn btn-primary text-white\">\r\n                                {{'ADB_HEADER.CREATE_USER'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n                        </button>\r\n                        <button type=\"button\" *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n                                class=\"btn btn-primary\">\r\n                            {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{'ADB_HEADER.SERVICES'|translate}}\r\n            </div>\r\n            <div id=\"splash\">\r\n                <div class=\"px-3 d-flex flex-column\">\r\n                    <ul class=\"list-group ml-0 mb-0 pl-0\">\r\n                        <li class=\"mb-1 list-group-item p-0 rounded\"\r\n                            [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n                            *ngFor=\"let link of navigation.links\"\r\n                            [attr.aria-expanded]=\"link.transId===expandedLink?true:false\">\r\n                            <div class=\"d-flex align-items-center justify-content-between\">\r\n                                <a href=\"{{link.url}}?lang={{trans.currentLang}}\" class=\"d-flex align-items-center flex-grow-1 p-2\">\r\n                                    <small class=\"fa-stack me-1\" *ngIf=\"link.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n                                    </small>\r\n                                    {{link.transId|translate}}\r\n                                </a>\r\n                                <button class=\"btn btn-expand mr-2\" *ngIf=\"link.children&&link.children.length>0\" (click)=\"onExpandLink($event,link.transId)\">\r\n                                    <i class=\"fas fa-chevron-up\" [ngClass]=\"link.transId===expandedLink?'d-block ':'d-none'\"></i>\r\n                                    <i class=\"fas fa-chevron-down\" [ngClass]=\"link.transId!==expandedLink?'d-block ':'d-none'\"></i>\r\n                                </button>\r\n                            </div>\r\n                            <ul class=\"list-unstyled d-none\" [class.d-block]=\"link.transId===expandedLink\">\r\n                                <li class=\"py-1 m-0\" [class.pt-0]=\"first\" *ngFor=\"let subLink of link.children;let first = first\" style=\"padding-left:2.2rem;\">\r\n                                    <a class=\"w-100 d-block\" href=\"{{subLink.url}}?lang={{trans.currentLang}}\">\r\n                                        {{subLink.transId|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf=\"navigation.about\" class=\"mt-2 mb-auto\">\r\n                        <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n                        <div class=\"mb-1 row\">\r\n                            <div class=\"col-sm-6 mb-2\">\r\n                                <div class=\"bg-white p-2 rounded\">\r\n                                    <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n                                        <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n                                        <span class=\"fas fa-stack-1x fa-inverse fa-envelope\"></span>\r\n                                    </small>\r\n                                    <a class=\"bg-white p-2\" href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"col-sm-6 mb-2\">\r\n                                <div class=\"bg-white p-2 rounded\">\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}}?lang={{trans.currentLang}}\">{{navigation.about.transId|translate}}</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div style=\"height:10rem\"></div>\r\n                    <div class=\"mb-3\">\r\n                        <a href=\"https://www.artdatabanken.se/\" class=\"text-white\">{{'ADB_HEADER.DEV_INFO'|translate}}</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n"
                     }] }
         ];
         /** @nocollapse */
@@ -207,6 +238,8 @@
         /** @type {?} */
         ADBHeaderComponent.prototype.fullName;
         /** @type {?} */
+        ADBHeaderComponent.prototype.translationFinished;
+        /** @type {?} */
         ADBHeaderComponent.prototype.initials;
         /** @type {?} */
         ADBHeaderComponent.prototype.showMenu;

package/bundles/adb-shared.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"adb-shared.umd.js","sources":["ng://adb-shared/lib/environment.service.ts","ng://adb-shared/lib/adb-header.component.ts","ng://adb-shared/lib/click-outside.directive.ts","ng://adb-shared/lib/adb-header.module.ts"],"sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n    constructor(@Inject('env') public environment) {\r\n    }\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'adb-header2',\r\n  templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n  private subscription = new Subscription();\r\n  @Output() loginClicked = new EventEmitter();\r\n  @Output() logoutClicked = new EventEmitter();\r\n  @Output() dropMenuChange = new EventEmitter<boolean>();\r\n  fullName: string;\r\n  @Input() set userName(fullName: string) {\r\n    this.fullName = fullName;\r\n    const splitted = fullName.split(' ');\r\n    if (splitted && splitted.length > 1) {\r\n      const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);\r\n      this.initials = initials.toUpperCase();\r\n    }\r\n  };\r\n  initials: string;\r\n  showMenu = false;\r\n  showUserMenu = false;\r\n  navigation: Navigation;\r\n  url: string;\r\n  expandedLink: string;\r\n  constructor(\r\n    private httpClient: HttpClient,\r\n    private envService: EnvironmentService,\r\n    public trans: TranslateService) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.url = window.location.href;\r\n    const baseUrl = this.envService.environment.resourceUrl;\r\n    this.subscription.add(this.httpClient.get<Navigation>(baseUrl + '/assets/links.json').subscribe(result => {\r\n      this.navigation = result;\r\n    }));\r\n    this.initAllTranslations(baseUrl);\r\n  }\r\n\r\n  private initAllTranslations(baseUrl: string): void {\r\n    const trans$ = forkJoin([this.httpClient.get(baseUrl + '/assets/i18n/en.json'), this.httpClient.get(baseUrl + '/assets/i18n/sv.json')])\r\n    this.subscription.add(trans$.subscribe(result => {\r\n      this.trans.setTranslation('en', result[0], true);\r\n      this.trans.setTranslation('sv', result[1], true);\r\n    }));\r\n  }\r\n\r\n  showMenuDropdown(show: boolean): void {\r\n    if (this.showMenu !== show) {\r\n      this.showMenu = show;\r\n      this.dropMenuChange.emit(show);\r\n    }\r\n  }\r\n\r\n  setLanguage(lang): void {\r\n    this.trans.use(lang);\r\n    //TODO: set localstorage/cookies or probaly event to main app\r\n  }\r\n\r\n  onExpandLink(transId: string): void {\r\n    if (this.expandedLink === transId) {\r\n      this.expandedLink = null;\r\n      return;\r\n    }\r\n    this.expandedLink = transId;\r\n  }\r\n\r\n  login(): void {\r\n    this.loginClicked.emit();\r\n  }\r\n\r\n  logout(): void {\r\n    this.logoutClicked.emit();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscription.unsubscribe();\r\n  }\r\n\r\n}\r\n\r\n\r\n // if (this.trans.store.translations[this.trans.currentLang]) {\r\n    //   console.log('this.trans.currentLang', this.trans.currentLang);\r\n    //   this.initTranslations(baseUrl, this.trans.currentLang);\r\n    // } else {\r\n    //   this.subscription.add(this.trans.onLangChange.subscribe((event) => {\r\n    //     console.log('event', event);\r\n    //     this.initTranslations(baseUrl, event.lang);\r\n    //   }));\r\n    // }\r\n    // private initTranslations(baseUrl: string, lang: string): void {\r\n    //   //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)\r\n    //   this.subscription.add(this.httpClient.get(baseUrl + `/assets/i18n/${lang}.json`, { headers: new HttpHeaders() }).subscribe(translations => {\r\n    //     this.trans.setTranslation(lang, translations, true);\r\n    //   }));\r\n    // }","import { Directive, Input, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';\r\n@Directive({\r\n    selector: '[clickOutside]',\r\n})\r\nexport class ClickOutsideDirective {\r\n    @Output() clickOutside = new EventEmitter<void>();\r\n    constructor(private elementRef: ElementRef) { }\r\n\r\n    @HostListener('document:click', ['$event.target'])\r\n    public onClick(target: any) {\r\n        const clickedInside = this.elementRef.nativeElement.contains(target);\r\n        if (!clickedInside) {\r\n            this.clickOutside.emit();\r\n        }\r\n    }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { ADBHeaderComponent } from './adb-header.component';\r\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ClickOutsideDirective } from './click-outside.directive';\r\n\r\n\r\n@NgModule({\r\n  declarations: [ADBHeaderComponent, ClickOutsideDirective],\r\n  imports: [\r\n    CommonModule,\r\n    HttpClientModule,\r\n    RouterModule,\r\n    TranslateModule\r\n  ],\r\n  exports: [ADBHeaderComponent]\r\n})\r\nexport class ADBHeaderModule {\r\n  public static forRoot(environment: any): ModuleWithProviders<ADBHeaderModule> {\r\n    return {\r\n      ngModule: ADBHeaderModule,\r\n      providers: [\r\n        EnvironmentService,\r\n        {\r\n          provide: 'env', // you can also use InjectionToken\r\n          useValue: environment\r\n        }\r\n      ]\r\n    };\r\n  }\r\n}\r\n"],"names":["Injectable","Inject","Subscription","EventEmitter","forkJoin","Component","HttpClient","TranslateService","Output","Input","Directive","ElementRef","HostListener","NgModule","CommonModule","HttpClientModule","RouterModule","TranslateModule"],"mappings":"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"}
+{"version":3,"file":"adb-shared.umd.js","sources":["ng://adb-shared/lib/environment.service.ts","ng://adb-shared/lib/adb-header.component.ts","ng://adb-shared/lib/click-outside.directive.ts","ng://adb-shared/lib/adb-header.module.ts"],"sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n    constructor(@Inject('env') public environment) {\r\n    }\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'adb-header2',\r\n  templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n  private subscription = new Subscription();\r\n  @Output() loginClicked = new EventEmitter();\r\n  @Output() logoutClicked = new EventEmitter();\r\n  @Output() dropMenuChange = new EventEmitter<boolean>();\r\n  fullName: string;\r\n  translationFinished: boolean;\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.initTranslations(baseUrl);\r\n  }\r\n  private initTranslations(baseUrl: string): void {\r\n    if (this.trans.store.translations[this.trans.currentLang]) {\r\n      this.initTranslation(baseUrl, this.trans.currentLang);\r\n    } else {\r\n      this.subscription.add(this.trans.onLangChange.subscribe((event) => {\r\n        this.initTranslation(baseUrl, event.lang);\r\n      }));\r\n    }\r\n  }\r\n\r\n  private initTranslation(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      this.translationFinished = true;\r\n    }));\r\n  }\r\n\r\n  showMenuDropdown(show: boolean): void {\r\n    if (this.showMenu !== show) {\r\n      this.showMenu = show;\r\n      this.dropMenuChange.emit(show);\r\n    }\r\n  }\r\n\r\n  setLanguage(lang): void {\r\n    this.trans.use(lang);\r\n    this.showMenu = false;\r\n    //TODO: set localstorage/cookies or probaly event to main app\r\n  }\r\n\r\n  onExpandLink(event: any, transId: string): void {\r\n    event.preventDefault();\r\n    event.stopPropagation();\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 // 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","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":["Injectable","Inject","Subscription","EventEmitter","HttpHeaders","Component","HttpClient","TranslateService","Output","Input","Directive","ElementRef","HostListener","NgModule","CommonModule","HttpClientModule","RouterModule","TranslateModule"],"mappings":"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"}

package/bundles/adb-shared.umd.min.js

@@ -1,2 +1,2 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/core"),require("@ngx-translate/core"),require("rxjs"),require("@angular/common"),require("@angular/router")):"function"==typeof define&&define.amd?define("adb-shared",["exports","@angular/common/http","@angular/core","@ngx-translate/core","rxjs","@angular/common","@angular/router"],t):t((n=n||self)["adb-shared"]={},n.ng.common.http,n.ng.core,n.core$1,n.rxjs,n.ng.common,n.ng.router)}(this,(function(n,t,e,r,s,i,a){"use strict";var l=function(){function n(n){this.environment=n}return n.decorators=[{type:e.Injectable}],n.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:["env"]}]}]},n}();var o=function(){function n(n,t,r){this.httpClient=n,this.envService=t,this.trans=r,this.subscription=new s.Subscription,this.loginClicked=new e.EventEmitter,this.logoutClicked=new e.EventEmitter,this.dropMenuChange=new e.EventEmitter,this.showMenu=!1,this.showUserMenu=!1}return Object.defineProperty(n.prototype,"userName",{set:function(n){this.fullName=n;var t=n.split(" ");if(t&&t.length>1){var e=t.shift().charAt(0)+t.pop().charAt(0);this.initials=e.toUpperCase()}},enumerable:!0,configurable:!0}),n.prototype.ngOnInit=function(){var n=this;this.url=window.location.href;var t=this.envService.environment.resourceUrl;this.subscription.add(this.httpClient.get(t+"/assets/links.json").subscribe((function(t){n.navigation=t}))),this.initAllTranslations(t)},n.prototype.initAllTranslations=function(n){var t=this,e=s.forkJoin([this.httpClient.get(n+"/assets/i18n/en.json"),this.httpClient.get(n+"/assets/i18n/sv.json")]);this.subscription.add(e.subscribe((function(n){t.trans.setTranslation("en",n[0],!0),t.trans.setTranslation("sv",n[1],!0)})))},n.prototype.showMenuDropdown=function(n){this.showMenu!==n&&(this.showMenu=n,this.dropMenuChange.emit(n))},n.prototype.setLanguage=function(n){this.trans.use(n)},n.prototype.onExpandLink=function(n){this.expandedLink!==n?this.expandedLink=n:this.expandedLink=null},n.prototype.login=function(){this.loginClicked.emit()},n.prototype.logout=function(){this.logoutClicked.emit()},n.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},n.decorators=[{type:e.Component,args:[{selector:"adb-header2",template:'<header id="top-header" (clickOutside)="showUserMenu=false;showMenuDropdown(false);">\r\n    <nav class="d-flex flex-wrap px-3">\r\n        <div class="flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start">\r\n            <div class="logo d-none d-md-block">\r\n                <img src="/assets/images/logo.svg" style="height: 3.2rem;">\r\n            </div>\r\n            <div class="logo pl-2 d-sm-block d-md-none d-flex align-items-center">\r\n                <img src="/assets/images/logo_sm_white.png" style="height: 2rem;">\r\n            </div>\r\n            <strong class="bigger">Artfakta</strong>\r\n        </div>\r\n        <div class="flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center">\r\n            <div class="d-flex align-items-center">\r\n                <nav class="d-none align-items-center d-lg-flex pr-4" style="gap:2rem;" *ngIf="navigation">\r\n                    <ng-container *ngFor="let link of navigation.links">\r\n                        <a [href]="link.url" *ngIf="link.topLink" [ngClass]="{\'d-none d-xl-block\':link.transId===\'ADB_HEADER.OBSERVATION\'}">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\r\n                    <button type="button" class="btn btn-sm py-1 px-2 btn-primary" (click)="showUserMenu = false;showMenuDropdown(!showMenu)">\r\n                        {{\'ADB_HEADER.MENY\'|translate}}\r\n                        <i class="ml-1 fas" [ngClass]="showMenu?\'fa-chevron-up\':\'fa-chevron-down\'"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class="d-none d-md-block pl-4">\r\n                <button *ngIf="initials" type="button" class="btn initials px-2 py-1" (click)="showUserMenu = !showUserMenu;showMenuDropdown(false)">{{initials}}</button>\r\n                <button *ngIf="!initials" type="button" (click)="showUserMenu = !showUserMenu;showMenuDropdown(false)" class="btn btn-link">\r\n                    {{\'ADB_HEADER.LOGIN\'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class="menu" *ngIf="showUserMenu">\r\n        <div class="menu-body bg-white p-3" style="width:15rem">\r\n            <ng-container *ngIf="initials">\r\n                <div class="text-dark">\r\n                    <span class="initials py-2 px-2 mr-2">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class="mx-n3">\r\n                <button (click)="logout()" type="button" class="btn btn-link p-0">\r\n                    <i class="fas fa-sign-out-alt mr-1"></i>{{\'ADB_HEADER.LOGOUT\'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf="!initials">\r\n                <div class="d-flex justify-content-center">\r\n                    <button type="button" class="btn btn-primary" (click)="login()" id="start-login">{{\'ADB_HEADER.LOGIN\'|translate}}</button>\r\n                </div>\r\n                <a class="d-block mt-3" href="{{navigation.createAccountLink}}?returnUrl={{url}}">\r\n                    {{\'ADB_HEADER.CREATE_USER\'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class="menu" *ngIf="showMenu">\r\n        <div class="menu-body" *ngIf="navigation">\r\n            <div class="px-3 pt-3 mb-1">\r\n                <div class="d-flex justify-content-between flex-wrap gap-2 mb-2">\r\n                    <div>\r\n                        <div class="d-flex d-md-none align-items-center gap-2" *ngIf="initials">\r\n                            <span class="initials mr-2">{{initials}}</span>\r\n                            <button type="button" (click)="logout()" class="btn btn-primary">\r\n                                {{\'ADB_HEADER.LOGOUT\'|translate}}\r\n                            </button>\r\n                        </div>\r\n                        <div class="d-flex gap-2 d-md-none" *ngIf="!initials">\r\n                            <button type="button" (click)="login()" class="btn btn-primary" id="login">\r\n                                {{\'ADB_HEADER.LOGIN\'|translate}}\r\n                            </button>\r\n                            <a href="{{navigation.createAccountLink}}?returnUrl={{url}}"\r\n                               class="btn btn-primary">\r\n                                {{\'ADB_HEADER.CREATE_USER\'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type="button" *ngIf="trans.currentLang===\'en\'" (click)="setLanguage(\'sv\')"\r\n                                class="btn btn-primary">\r\n                            {{\'ADB_HEADER.IN_SWEDISH\'|translate}}\r\n                        </button>\r\n                        <button type="button" *ngIf="trans.currentLang===\'sv\'" (click)="setLanguage(\'en\')"\r\n                                class="btn btn-primary">\r\n                            {{\'ADB_HEADER.IN_ENGLISH\'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{\'ADB_HEADER.SERVICES\'|translate}}\r\n            </div>\r\n            <div id="splash">\r\n                <div class="px-3 d-flex flex-column">\r\n                    <ul class="list-group ml-0 mb-0 pl-0">\r\n                        <li class="mb-1 list-group-item rounded-0"\r\n                            [ngClass]="{\'pointer list-group-item-action\':link.children&&link.children.length>0}"\r\n                            *ngFor="let link of navigation.links">\r\n                            <div class="d-flex align-items-center justify-content-between"\r\n                                 [attr.aria-expanded]="link.transId===expandedLink?true:false" role="button"\r\n                                 (click)="onExpandLink(link.transId)">\r\n                                <div>\r\n                                    <small class="fa-stack" *ngIf="link.icon">\r\n                                        <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n                                        <span class="fas fa-stack-1x fa-inverse" [ngClass]="link.icon"></span>\r\n                                    </small>\r\n                                    <a [href]="link.url" (click)="$event.stopPropagation();">\r\n                                        {{link.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div class="text-dark" *ngIf="link.children&&link.children.length>0">\r\n                                    <i class="fas fa-chevron-up" *ngIf="link.transId===expandedLink"></i>\r\n                                    <i class="fas fa-chevron-down" *ngIf="link.transId!==expandedLink"></i>\r\n                                </div>\r\n                            </div>\r\n                            <ul class="list-unstyled pl-4" *ngIf="link.transId===expandedLink">\r\n                                <li class="py-1m-0" *ngFor="let subLink of link.children">\r\n                                    <a [href]="subLink.url">\r\n                                        {{subLink.transId|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf="navigation.about" class="mt-2 mb-auto">\r\n                        <div class="mb-1">{{\'ADB_HEADER.CONTACT\'|translate}}</div>\r\n                        <ul class="list-unstyled ml-0 pl-0">\r\n                            <li class="mb-1 d-flex flex-wrap gap-2">\r\n                                <div class="bg-white p-2 flex-grow-1">\r\n                                    <small class="fa-stack" *ngIf="navigation.about.icon">\r\n                                        <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n                                        <span class="fas fa-stack-1x fa-inverse" [ngClass]="navigation.about.icon"></span>\r\n                                    </small>\r\n                                    <a [href]="navigation.about.url">\r\n                                        {{navigation.about.transId|translate}}\r\n                                    </a>\r\n                                </div>\r\n                                <div class="bg-white p-2 flex-grow-1">\r\n                                    <small class="fa-stack" *ngIf="navigation.about.icon">\r\n                                        <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n                                        <span class="fas fa-stack-1x fa-inverse fa-envelope"></span>\r\n                                    </small>\r\n                                    <a class="bg-white p-2" href="mailto:artfakta@artdatabanken.se">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <div style="height:10rem"></div>\r\n                    <div>\r\n                        <img style="height: 3.2rem;" src="/assets/images/logo.svg">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n'}]}],n.ctorParameters=function(){return[{type:t.HttpClient},{type:l},{type:r.TranslateService}]},n.propDecorators={loginClicked:[{type:e.Output}],logoutClicked:[{type:e.Output}],dropMenuChange:[{type:e.Output}],userName:[{type:e.Input}]},n}();var c=function(){function n(n){this.elementRef=n,this.clickOutside=new e.EventEmitter}return n.prototype.onClick=function(n){this.elementRef.nativeElement.contains(n)||this.clickOutside.emit()},n.decorators=[{type:e.Directive,args:[{selector:"[clickOutside]"}]}],n.ctorParameters=function(){return[{type:e.ElementRef}]},n.propDecorators={clickOutside:[{type:e.Output}],onClick:[{type:e.HostListener,args:["document:click",["$event.target"]]}]},n}();var u=function(){function n(){}return n.forRoot=function(t){return{ngModule:n,providers:[l,{provide:"env",useValue:t}]}},n.decorators=[{type:e.NgModule,args:[{declarations:[o,c],imports:[i.CommonModule,t.HttpClientModule,a.RouterModule,r.TranslateModule],exports:[o]}]}],n}();n.ADBHeaderComponent=o,n.ADBHeaderModule=u,n.ɵa=l,n.ɵb=c,Object.defineProperty(n,"__esModule",{value:!0})}));
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/core"),require("@ngx-translate/core"),require("rxjs"),require("@angular/common"),require("@angular/router")):"function"==typeof define&&define.amd?define("adb-shared",["exports","@angular/common/http","@angular/core","@ngx-translate/core","rxjs","@angular/common","@angular/router"],t):t((n=n||self)["adb-shared"]={},n.ng.common.http,n.ng.core,n.core$1,n.rxjs,n.ng.common,n.ng.router)}(this,(function(n,t,r,e,s,a,i){"use strict";var o=function(){function n(n){this.environment=n}return n.decorators=[{type:r.Injectable}],n.ctorParameters=function(){return[{type:void 0,decorators:[{type:r.Inject,args:["env"]}]}]},n}();var l=function(){function n(n,t,e){this.httpClient=n,this.envService=t,this.trans=e,this.subscription=new s.Subscription,this.loginClicked=new r.EventEmitter,this.logoutClicked=new r.EventEmitter,this.dropMenuChange=new r.EventEmitter,this.showMenu=!1,this.showUserMenu=!1}return Object.defineProperty(n.prototype,"userName",{set:function(n){this.fullName=n;var t=n.split(" ");if(t&&t.length>1){var r=t.shift().charAt(0)+t.pop().charAt(0);this.initials=r.toUpperCase()}},enumerable:!0,configurable:!0}),n.prototype.ngOnInit=function(){var n=this;this.url=window.location.href;var t=this.envService.environment.resourceUrl;this.subscription.add(this.httpClient.get(t+"/assets/links.json").subscribe((function(t){n.navigation=t}))),this.initTranslations(t)},n.prototype.initTranslations=function(n){var t=this;this.trans.store.translations[this.trans.currentLang]?this.initTranslation(n,this.trans.currentLang):this.subscription.add(this.trans.onLangChange.subscribe((function(r){t.initTranslation(n,r.lang)})))},n.prototype.initTranslation=function(n,r){var e=this;this.subscription.add(this.httpClient.get(n+"/assets/i18n/"+r+".json",{headers:new t.HttpHeaders}).subscribe((function(n){e.trans.setTranslation(r,n,!0),e.translationFinished=!0})))},n.prototype.showMenuDropdown=function(n){this.showMenu!==n&&(this.showMenu=n,this.dropMenuChange.emit(n))},n.prototype.setLanguage=function(n){this.trans.use(n),this.showMenu=!1},n.prototype.onExpandLink=function(n,t){n.preventDefault(),n.stopPropagation(),this.expandedLink!==t?this.expandedLink=t:this.expandedLink=null},n.prototype.login=function(){this.loginClicked.emit()},n.prototype.logout=function(){this.logoutClicked.emit()},n.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},n.decorators=[{type:r.Component,args:[{selector:"adb-header2",template:'<header id="top-header" (clickOutside)="showUserMenu=false;showMenuDropdown(false);">\r\n    <nav class="d-flex flex-wrap px-3">\r\n        <div class="flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start">\r\n            <div class="logo d-none d-md-block">\r\n                <img src="/assets/images/logo.svg" style="height: 3.2rem;">\r\n            </div>\r\n            <div class="logo pl-2 d-sm-block d-md-none d-flex align-items-center">\r\n                <img src="/assets/images/logo_sm_white.png" style="height: 2rem;">\r\n            </div>\r\n            <strong class="bigger">Artfakta</strong>\r\n        </div>\r\n        <div *ngIf="translationFinished" 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}}?lang={{trans.currentLang}}" *ngIf="link.topLink" [ngClass]="{\'d-none d-xl-block\':link.transId===\'ADB_HEADER.OBSERVATION\'}">\r\n                            {{link.transId|translate}}\r\n                        </a>\r\n                    </ng-container>\r\n                </nav>\r\n                <div>\r\n                    <button type="button" class="btn btn-sm py-1 px-2 btn-primary" (click)="showUserMenu = false;showMenuDropdown(!showMenu)">\r\n                        {{\'ADB_HEADER.MENY\'|translate}}\r\n                        <i class="ml-1 fas" [ngClass]="showMenu?\'fa-chevron-up\':\'fa-chevron-down\'"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            <div class="d-none d-md-block pl-4">\r\n                <button *ngIf="initials" type="button" class="btn initials px-2 py-1" (click)="showUserMenu = !showUserMenu;showMenuDropdown(false)">{{initials}}</button>\r\n                <button *ngIf="!initials" type="button" (click)="showUserMenu = !showUserMenu;showMenuDropdown(false)" class="btn btn-link">\r\n                    {{\'ADB_HEADER.LOGIN\'|translate}}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </nav>\r\n    <div class="menu" *ngIf="showUserMenu">\r\n        <div *ngIf="navigation" class="menu-body bg-white p-3" style="width:15rem">\r\n            <ng-container *ngIf="initials">\r\n                <div class="text-dark">\r\n                    <span class="initials py-2 px-2 mr-2">{{initials}}</span>\r\n                    <strong>{{fullName}}</strong>\r\n                </div>\r\n                <hr class="mx-n3">\r\n                <button (click)="logout()" type="button" class="btn btn-link p-0">\r\n                    <i class="fas fa-sign-out-alt mr-1"></i>{{\'ADB_HEADER.LOGOUT\'|translate}}\r\n                </button>\r\n            </ng-container>\r\n            <ng-container *ngIf="!initials">\r\n                <div class="d-flex justify-content-center">\r\n                    <button type="button" class="btn btn-primary" (click)="login()" id="start-login">{{\'ADB_HEADER.LOGIN\'|translate}}</button>\r\n                </div>\r\n                <a class="d-block mt-3" href="{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}">\r\n                    {{\'ADB_HEADER.CREATE_USER\'|translate}}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n    <div class="menu" *ngIf="showMenu">\r\n        <div class="menu-body" *ngIf="navigation">\r\n            <div class="px-3 pt-3 mb-1">\r\n                <div class="d-flex justify-content-between flex-wrap gap-2 mb-2">\r\n                    <div>\r\n                        <div class="d-flex d-md-none align-items-center gap-2" *ngIf="initials">\r\n                            <span class="initials mr-2">{{initials}}</span>\r\n                            <button type="button" (click)="logout()" class="btn btn-primary">\r\n                                {{\'ADB_HEADER.LOGOUT\'|translate}}\r\n                            </button>\r\n                        </div>\r\n                        <div class="d-flex gap-2 d-md-none" *ngIf="!initials">\r\n                            <button type="button" (click)="login()" class="btn btn-primary" id="login">\r\n                                {{\'ADB_HEADER.LOGIN\'|translate}}\r\n                            </button>\r\n                            <a href="{{navigation.createAccountLink}}?lang={{trans.currentLang}}&returnUrl={{url}}"\r\n                               class="btn btn-primary text-white">\r\n                                {{\'ADB_HEADER.CREATE_USER\'|translate}}\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <button type="button" *ngIf="trans.currentLang===\'en\'" (click)="setLanguage(\'sv\')"\r\n                                class="btn btn-primary">\r\n                            {{\'ADB_HEADER.IN_SWEDISH\'|translate}}\r\n                        </button>\r\n                        <button type="button" *ngIf="trans.currentLang===\'sv\'" (click)="setLanguage(\'en\')"\r\n                                class="btn btn-primary">\r\n                            {{\'ADB_HEADER.IN_ENGLISH\'|translate}}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                {{\'ADB_HEADER.SERVICES\'|translate}}\r\n            </div>\r\n            <div id="splash">\r\n                <div class="px-3 d-flex flex-column">\r\n                    <ul class="list-group ml-0 mb-0 pl-0">\r\n                        <li class="mb-1 list-group-item p-0 rounded"\r\n                            [ngClass]="{\'pointer list-group-item-action\':link.children&&link.children.length>0}"\r\n                            *ngFor="let link of navigation.links"\r\n                            [attr.aria-expanded]="link.transId===expandedLink?true:false">\r\n                            <div class="d-flex align-items-center justify-content-between">\r\n                                <a href="{{link.url}}?lang={{trans.currentLang}}" class="d-flex align-items-center flex-grow-1 p-2">\r\n                                    <small class="fa-stack me-1" *ngIf="link.icon">\r\n                                        <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n                                        <span class="fas fa-stack-1x fa-inverse" [ngClass]="link.icon"></span>\r\n                                    </small>\r\n                                    {{link.transId|translate}}\r\n                                </a>\r\n                                <button class="btn btn-expand mr-2" *ngIf="link.children&&link.children.length>0" (click)="onExpandLink($event,link.transId)">\r\n                                    <i class="fas fa-chevron-up" [ngClass]="link.transId===expandedLink?\'d-block \':\'d-none\'"></i>\r\n                                    <i class="fas fa-chevron-down" [ngClass]="link.transId!==expandedLink?\'d-block \':\'d-none\'"></i>\r\n                                </button>\r\n                            </div>\r\n                            <ul class="list-unstyled d-none" [class.d-block]="link.transId===expandedLink">\r\n                                <li class="py-1 m-0" [class.pt-0]="first" *ngFor="let subLink of link.children;let first = first" style="padding-left:2.2rem;">\r\n                                    <a class="w-100 d-block" href="{{subLink.url}}?lang={{trans.currentLang}}">\r\n                                        {{subLink.transId|translate}}\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </li>\r\n                    </ul>\r\n                    <div *ngIf="navigation.about" class="mt-2 mb-auto">\r\n                        <div class="mb-1">{{\'ADB_HEADER.CONTACT\'|translate}}</div>\r\n                        <div class="mb-1 row">\r\n                            <div class="col-sm-6 mb-2">\r\n                                <div class="bg-white p-2 rounded">\r\n                                    <small class="fa-stack" *ngIf="navigation.about.icon">\r\n                                        <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n                                        <span class="fas fa-stack-1x fa-inverse fa-envelope"></span>\r\n                                    </small>\r\n                                    <a class="bg-white p-2" href="mailto:artfakta@artdatabanken.se">artfakta@artdatabanken.se</a>\r\n                                </div>\r\n                            </div>\r\n                            <div class="col-sm-6 mb-2">\r\n                                <div class="bg-white p-2 rounded">\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}}?lang={{trans.currentLang}}">{{navigation.about.transId|translate}}</a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div style="height:10rem"></div>\r\n                    <div class="mb-3">\r\n                        <a href="https://www.artdatabanken.se/" class="text-white">{{\'ADB_HEADER.DEV_INFO\'|translate}}</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</header>\r\n'}]}],n.ctorParameters=function(){return[{type:t.HttpClient},{type:o},{type:e.TranslateService}]},n.propDecorators={loginClicked:[{type:r.Output}],logoutClicked:[{type:r.Output}],dropMenuChange:[{type:r.Output}],userName:[{type:r.Input}]},n}();var c=function(){function n(n){this.elementRef=n,this.clickOutside=new r.EventEmitter}return n.prototype.onClick=function(n){this.elementRef.nativeElement.contains(n)||this.clickOutside.emit()},n.decorators=[{type:r.Directive,args:[{selector:"[clickOutside]"}]}],n.ctorParameters=function(){return[{type:r.ElementRef}]},n.propDecorators={clickOutside:[{type:r.Output}],onClick:[{type:r.HostListener,args:["document:click",["$event.target"]]}]},n}();var d=function(){function n(){}return n.forRoot=function(t){return{ngModule:n,providers:[o,{provide:"env",useValue:t}]}},n.decorators=[{type:r.NgModule,args:[{declarations:[l,c],imports:[a.CommonModule,t.HttpClientModule,i.RouterModule,e.TranslateModule],exports:[l]}]}],n}();n.ADBHeaderComponent=l,n.ADBHeaderModule=d,n.ɵa=o,n.ɵb=c,Object.defineProperty(n,"__esModule",{value:!0})}));
 //# sourceMappingURL=adb-shared.umd.min.js.map

package/bundles/adb-shared.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"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"],"names":["EnvironmentService","environment","this","Injectable","Inject","args","ADBHeaderComponent","httpClient","envService","trans","subscription","Subscription","loginClicked","EventEmitter","logoutClicked","dropMenuChange","showMenu","showUserMenu","Object","defineProperty","prototype","fullName","splitted","split","length","initials","shift","charAt","pop","toUpperCase","ngOnInit","_this","url","window","location","href","baseUrl","resourceUrl","add","get","subscribe","result","navigation","initAllTranslations","trans$","forkJoin","setTranslation","showMenuDropdown","show","emit","setLanguage","lang","use","onExpandLink","transId","expandedLink","login","logout","ngOnDestroy","unsubscribe","Component","selector","template","HttpClient","TranslateService","Output","Input","ClickOutsideDirective","elementRef","clickOutside","onClick","target","nativeElement","contains","Directive","ElementRef","HostListener","ADBHeaderModule","forRoot","ngModule","providers","provide","useValue","NgModule","declarations","imports","CommonModule","HttpClientModule","RouterModule","TranslateModule","exports"],"mappings":"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","sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n    constructor(@Inject('env') public environment) {\r\n    }\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'adb-header2',\r\n  templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n  private subscription = new Subscription();\r\n  @Output() loginClicked = new EventEmitter();\r\n  @Output() logoutClicked = new EventEmitter();\r\n  @Output() dropMenuChange = new EventEmitter<boolean>();\r\n  fullName: string;\r\n  @Input() set userName(fullName: string) {\r\n    this.fullName = fullName;\r\n    const splitted = fullName.split(' ');\r\n    if (splitted && splitted.length > 1) {\r\n      const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);\r\n      this.initials = initials.toUpperCase();\r\n    }\r\n  };\r\n  initials: string;\r\n  showMenu = false;\r\n  showUserMenu = false;\r\n  navigation: Navigation;\r\n  url: string;\r\n  expandedLink: string;\r\n  constructor(\r\n    private httpClient: HttpClient,\r\n    private envService: EnvironmentService,\r\n    public trans: TranslateService) {\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.url = window.location.href;\r\n    const baseUrl = this.envService.environment.resourceUrl;\r\n    this.subscription.add(this.httpClient.get<Navigation>(baseUrl + '/assets/links.json').subscribe(result => {\r\n      this.navigation = result;\r\n    }));\r\n    this.initAllTranslations(baseUrl);\r\n  }\r\n\r\n  private initAllTranslations(baseUrl: string): void {\r\n    const trans$ = forkJoin([this.httpClient.get(baseUrl + '/assets/i18n/en.json'), this.httpClient.get(baseUrl + '/assets/i18n/sv.json')])\r\n    this.subscription.add(trans$.subscribe(result => {\r\n      this.trans.setTranslation('en', result[0], true);\r\n      this.trans.setTranslation('sv', result[1], true);\r\n    }));\r\n  }\r\n\r\n  showMenuDropdown(show: boolean): void {\r\n    if (this.showMenu !== show) {\r\n      this.showMenu = show;\r\n      this.dropMenuChange.emit(show);\r\n    }\r\n  }\r\n\r\n  setLanguage(lang): void {\r\n    this.trans.use(lang);\r\n    //TODO: set localstorage/cookies or probaly event to main app\r\n  }\r\n\r\n  onExpandLink(transId: string): void {\r\n    if (this.expandedLink === transId) {\r\n      this.expandedLink = null;\r\n      return;\r\n    }\r\n    this.expandedLink = transId;\r\n  }\r\n\r\n  login(): void {\r\n    this.loginClicked.emit();\r\n  }\r\n\r\n  logout(): void {\r\n    this.logoutClicked.emit();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.subscription.unsubscribe();\r\n  }\r\n\r\n}\r\n\r\n\r\n // if (this.trans.store.translations[this.trans.currentLang]) {\r\n    //   console.log('this.trans.currentLang', this.trans.currentLang);\r\n    //   this.initTranslations(baseUrl, this.trans.currentLang);\r\n    // } else {\r\n    //   this.subscription.add(this.trans.onLangChange.subscribe((event) => {\r\n    //     console.log('event', event);\r\n    //     this.initTranslations(baseUrl, event.lang);\r\n    //   }));\r\n    // }\r\n    // private initTranslations(baseUrl: string, lang: string): void {\r\n    //   //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)\r\n    //   this.subscription.add(this.httpClient.get(baseUrl + `/assets/i18n/${lang}.json`, { headers: new HttpHeaders() }).subscribe(translations => {\r\n    //     this.trans.setTranslation(lang, translations, true);\r\n    //   }));\r\n    // }","import { Directive, Input, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';\r\n@Directive({\r\n    selector: '[clickOutside]',\r\n})\r\nexport class ClickOutsideDirective {\r\n    @Output() clickOutside = new EventEmitter<void>();\r\n    constructor(private elementRef: ElementRef) { }\r\n\r\n    @HostListener('document:click', ['$event.target'])\r\n    public onClick(target: any) {\r\n        const clickedInside = this.elementRef.nativeElement.contains(target);\r\n        if (!clickedInside) {\r\n            this.clickOutside.emit();\r\n        }\r\n    }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { ADBHeaderComponent } from './adb-header.component';\r\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ClickOutsideDirective } from './click-outside.directive';\r\n\r\n\r\n@NgModule({\r\n  declarations: [ADBHeaderComponent, ClickOutsideDirective],\r\n  imports: [\r\n    CommonModule,\r\n    HttpClientModule,\r\n    RouterModule,\r\n    TranslateModule\r\n  ],\r\n  exports: [ADBHeaderComponent]\r\n})\r\nexport class ADBHeaderModule {\r\n  public static forRoot(environment: any): ModuleWithProviders<ADBHeaderModule> {\r\n    return {\r\n      ngModule: ADBHeaderModule,\r\n      providers: [\r\n        EnvironmentService,\r\n        {\r\n          provide: 'env', // you can also use InjectionToken\r\n          useValue: environment\r\n        }\r\n      ]\r\n    };\r\n  }\r\n}\r\n"]}
+{"version":3,"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"],"names":["EnvironmentService","environment","this","Injectable","Inject","args","ADBHeaderComponent","httpClient","envService","trans","subscription","Subscription","loginClicked","EventEmitter","logoutClicked","dropMenuChange","showMenu","showUserMenu","Object","defineProperty","prototype","fullName","splitted","split","length","initials","shift","charAt","pop","toUpperCase","ngOnInit","_this","url","window","location","href","baseUrl","resourceUrl","add","get","subscribe","result","navigation","initTranslations","store","translations","currentLang","initTranslation","onLangChange","event","lang","headers","HttpHeaders","setTranslation","translationFinished","showMenuDropdown","show","emit","setLanguage","use","onExpandLink","transId","preventDefault","stopPropagation","expandedLink","login","logout","ngOnDestroy","unsubscribe","Component","selector","template","HttpClient","TranslateService","Output","Input","ClickOutsideDirective","elementRef","clickOutside","onClick","target","nativeElement","contains","Directive","ElementRef","HostListener","ADBHeaderModule","forRoot","ngModule","providers","provide","useValue","NgModule","declarations","imports","CommonModule","HttpClientModule","RouterModule","TranslateModule","exports"],"mappings":"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","sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n    constructor(@Inject('env') public environment) {\r\n    }\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'adb-header2',\r\n  templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n  private subscription = new Subscription();\r\n  @Output() loginClicked = new EventEmitter();\r\n  @Output() logoutClicked = new EventEmitter();\r\n  @Output() dropMenuChange = new EventEmitter<boolean>();\r\n  fullName: string;\r\n  translationFinished: boolean;\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.initTranslations(baseUrl);\r\n  }\r\n  private initTranslations(baseUrl: string): void {\r\n    if (this.trans.store.translations[this.trans.currentLang]) {\r\n      this.initTranslation(baseUrl, this.trans.currentLang);\r\n    } else {\r\n      this.subscription.add(this.trans.onLangChange.subscribe((event) => {\r\n        this.initTranslation(baseUrl, event.lang);\r\n      }));\r\n    }\r\n  }\r\n\r\n  private initTranslation(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      this.translationFinished = true;\r\n    }));\r\n  }\r\n\r\n  showMenuDropdown(show: boolean): void {\r\n    if (this.showMenu !== show) {\r\n      this.showMenu = show;\r\n      this.dropMenuChange.emit(show);\r\n    }\r\n  }\r\n\r\n  setLanguage(lang): void {\r\n    this.trans.use(lang);\r\n    this.showMenu = false;\r\n    //TODO: set localstorage/cookies or probaly event to main app\r\n  }\r\n\r\n  onExpandLink(event: any, transId: string): void {\r\n    event.preventDefault();\r\n    event.stopPropagation();\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 // 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","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"]}