@muraai/mnl-commons 0.1.0 → 0.2.0-alpha-0441b22

package/fesm5/muraai-mnl-commons.js

@@ -1,863 +0,0 @@
-import { __decorate, __values, __awaiter, __generator, __extends, __spread, __param } from 'tslib';
-import { NgModule, EventEmitter, Input, Output, Component, ViewEncapsulation, ɵɵdefineInjectable, ɵɵinject, Injectable, Pipe, Inject, InjectionToken, APP_INITIALIZER } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatListModule } from '@angular/material/list';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatCardModule } from '@angular/material/card';
-import { FormsModule, ReactiveFormsModule, FormGroup, FormControl, Validators } from '@angular/forms';
-import { MatMenuModule } from '@angular/material/menu';
-import { DOCUMENT, DatePipe, CommonModule } from '@angular/common';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { HttpClient } from '@angular/common/http';
-import { Subject } from 'rxjs';
-import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import * as moment from 'moment';
-import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';
-
-function modules() {
-    return [
-        MatButtonModule,
-        MatCardModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatListModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatMenuModule,
-    ];
-}
-var MaterialModule = /** @class */ (function () {
-    function MaterialModule() {
-    }
-    MaterialModule = __decorate([
-        NgModule({
-            imports: modules(),
-            exports: modules()
-        })
-    ], MaterialModule);
-    return MaterialModule;
-}());
-
-var HeaderComponent = /** @class */ (function () {
-    function HeaderComponent() {
-        this.menuButonClickEvent = new EventEmitter();
-    }
-    HeaderComponent.prototype.menuClick = function (event) {
-        this.menuButonClickEvent.emit(event);
-    };
-    __decorate([
-        Input()
-    ], HeaderComponent.prototype, "header", void 0);
-    __decorate([
-        Output()
-    ], HeaderComponent.prototype, "menuButonClickEvent", void 0);
-    HeaderComponent = __decorate([
-        Component({
-            selector: 'mnl-header',
-            template: "<mat-toolbar *ngIf=\"header\" color=\"{{header.toolbarColor }}\">\n  <mat-toolbar-row>\n    <div fxLayout fxLayoutAlign=\"start center\">\n      <button mat-icon-button *ngIf=\"header.showMenuIcon\">\n        <mat-icon (click)=\"menuClick($event)\">menu</mat-icon>\n      </button>\n      <img class=\"mnl-logo\" src=\"{{header.logo}}\">\n      <span>{{header.name}}</span>\n    </div>\n    <div fxLayoutAlign=\"end center\" fxFlex>\n      <ng-content select=`[mnl-header-content]`></ng-content>\n    </div>\n  </mat-toolbar-row>\n</mat-toolbar>",
-            encapsulation: ViewEncapsulation.None,
-            styles: [".mnl-logo{margin-right:15px}"]
-        })
-    ], HeaderComponent);
-    return HeaderComponent;
-}());
-
-var MenuComponent = /** @class */ (function () {
-    function MenuComponent() {
-        this.menuClick = new EventEmitter();
-    }
-    MenuComponent.prototype.onMenuClick = function (menu) {
-        if (this.hasSubMenu(menu)) {
-            this.openMenu(menu);
-            this.onSubMenuClick(menu.subMenus[0], menu);
-        }
-        else {
-            this.deSelectMenus(this.menuData);
-            this.selectMenu(menu);
-            this.menuClick.emit(menu);
-        }
-    };
-    MenuComponent.prototype.onSubMenuClick = function (subMenu, menu) {
-        this.deSelectMenus(this.menuData);
-        this.selectMenu(menu);
-        this.selectMenu(subMenu);
-        this.menuClick.emit(subMenu);
-    };
-    MenuComponent.prototype.deSelectMenus = function (menus) {
-        var e_1, _a;
-        if (menus) {
-            try {
-                for (var menus_1 = __values(menus), menus_1_1 = menus_1.next(); !menus_1_1.done; menus_1_1 = menus_1.next()) {
-                    var menu = menus_1_1.value;
-                    if (menu.selected) {
-                        menu.selected = false;
-                    }
-                    this.deSelectMenus(menu.subMenus);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (menus_1_1 && !menus_1_1.done && (_a = menus_1.return)) _a.call(menus_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        }
-    };
-    MenuComponent.prototype.selectMenu = function (menu) {
-        if (menu) {
-            menu.selected = true;
-        }
-    };
-    MenuComponent.prototype.hasSubMenu = function (menu) {
-        return menu.subMenus && menu.subMenus.length > 0;
-    };
-    MenuComponent.prototype.toggleMenu = function (menu, event) {
-        menu.expanded = !menu.expanded;
-        if (event) {
-            event.stopPropagation();
-        }
-    };
-    MenuComponent.prototype.openMenu = function (menu) {
-        menu.expanded = true;
-    };
-    __decorate([
-        Input()
-    ], MenuComponent.prototype, "menuData", void 0);
-    __decorate([
-        Output()
-    ], MenuComponent.prototype, "menuClick", void 0);
-    MenuComponent = __decorate([
-        Component({
-            selector: 'mnl-menu',
-            template: "<mat-nav-list *ngFor=\"let menu of menuData\">\n    <a mat-list-item fxLayout=\"row\" (click)=\"onMenuClick(menu)\" id=\"mnl-menu-anchor\">\n        <mnl-highlighter [enabled]=\"menu.selected\"></mnl-highlighter>\n        <mat-icon>{{menu.icon}}</mat-icon>\n        <span class=\"mnl-menu\" id=\"mnl-menu\">{{menu.name | translate }}</span>\n        <mat-icon class=\"mnl-menu-button\" *ngIf=\"menu.subMenus\" (click)=\"toggleMenu(menu, $event)\"\n            [ngClass]=\"{'mnl-rotated' : menu.expanded}\">expand_more</mat-icon>\n    </a>\n    <ng-container *ngFor=\"let sub of menu.subMenus\">\n        <a mat-list-item fxLayout=\"row\" class=\"mnl-submenu\" [class.mnl-expanded]=\"menu.expanded\"\n            *ngIf=\"menu.expanded\" (click)=\"onSubMenuClick(sub, menu)\" fxLayout=\"row\" id=\"mnl-submenu-anchor\">\n            <mnl-highlighter [enabled]=\"sub.selected\"></mnl-highlighter>\n            <mat-icon>{{sub.icon}}</mat-icon>\n            <span class=\"mnl-menu\" id=\"mnl-submenu\">{{sub.name | translate }}</span>\n        </a>\n    </ng-container>\n</mat-nav-list>",
-            styles: [".mnl-submenu{overflow-y:hidden;transition:transform .3s;transform:scaleY(0);transform-origin:top;padding-left:15px!important}.mnl-submenu.mnl-expanded{transform:scaleY(1)}.mnl-menu{margin-top:5px;margin-left:10px;margin-right:10px}.mnl-menu-button{transition:.3s ease-in-out;transform:rotate(0);margin-top:3px;margin-left:25px}.mnl-menu-button.mnl-rotated{transform:rotate(180deg)}"]
-        })
-    ], MenuComponent);
-    return MenuComponent;
-}());
-
-var ObjectUtils = /** @class */ (function () {
-    function ObjectUtils() {
-    }
-    /**
-     * Gets a value from an object by composed key
-     * ObjectUtils.getValue({ item: { nodeType: 'cm:folder' }}, 'item.nodeType') ==> 'cm:folder'
-     */
-    ObjectUtils.getValue = function (target, key) {
-        if (!target) {
-            return undefined;
-        }
-        var keys = key.split('.');
-        key = '';
-        do {
-            key += keys.shift();
-            var value = target[key];
-            if (value !== undefined && (typeof value === 'object' || !keys.length)) {
-                target = value;
-                key = '';
-            }
-            else if (!keys.length) {
-                target = undefined;
-            }
-            else {
-                key += '.';
-            }
-        } while (keys.length);
-        return target;
-    };
-    ObjectUtils.merge = function () {
-        var objects = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            objects[_i] = arguments[_i];
-        }
-        var result = {};
-        objects.forEach(function (source) {
-            Object.keys(source).forEach(function (prop) {
-                if (prop in result && Array.isArray(result[prop])) {
-                    result[prop] = result[prop].concat(source[prop]);
-                }
-                else if (prop in result && typeof result[prop] === 'object') {
-                    result[prop] = ObjectUtils.merge(result[prop], source[prop]);
-                }
-                else {
-                    result[prop] = source[prop];
-                }
-            });
-        });
-        return result;
-    };
-    return ObjectUtils;
-}());
-
-var AppConfigService = /** @class */ (function () {
-    function AppConfigService(http) {
-        this.http = http;
-        this.config = null;
-    }
-    /**
-     * Use to get the data found in the file (config file)
-     */
-    AppConfigService.prototype.get = function (key, defaultValue) {
-        var result = ObjectUtils.getValue(this.config, key);
-        return (result === undefined ? defaultValue : result);
-    };
-    /**
-     * This method:
-     *   Loads "config.json" to get all variables (e.g.: 'app.config.json')
-     */
-    AppConfigService.prototype.load = function () {
-        var _this = this;
-        return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-            var configUrl;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        configUrl = "assets/app.config.json";
-                        return [4 /*yield*/, this.http.get(configUrl).subscribe(function (data) {
-                                _this.config = Object.assign({}, _this.config, data || {});
-                                resolve(_this.config);
-                            }, function () {
-                                resolve(_this.config);
-                            })];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    };
-    AppConfigService.ctorParameters = function () { return [
-        { type: HttpClient }
-    ]; };
-    AppConfigService.ɵprov = ɵɵdefineInjectable({ factory: function AppConfigService_Factory() { return new AppConfigService(ɵɵinject(HttpClient)); }, token: AppConfigService, providedIn: "root" });
-    AppConfigService = __decorate([
-        Injectable({
-            providedIn: 'root',
-        })
-    ], AppConfigService);
-    return AppConfigService;
-}());
-
-var AppConfigPipe = /** @class */ (function () {
-    function AppConfigPipe(config) {
-        this.config = config;
-    }
-    AppConfigPipe.prototype.transform = function (value, defaultValue) {
-        return this.config.get(value) || defaultValue || '';
-    };
-    AppConfigPipe.ctorParameters = function () { return [
-        { type: AppConfigService }
-    ]; };
-    AppConfigPipe = __decorate([
-        Pipe({
-            name: 'mnlAppConfig'
-        })
-    ], AppConfigPipe);
-    return AppConfigPipe;
-}());
-
-var LogLevelsEnum = /** @class */ (function (_super) {
-    __extends(LogLevelsEnum, _super);
-    function LogLevelsEnum() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LogLevelsEnum.TRACE = 5;
-    LogLevelsEnum.DEBUG = 1;
-    LogLevelsEnum.INFO = 2;
-    LogLevelsEnum.WARN = 3;
-    LogLevelsEnum.ERROR = 4;
-    LogLevelsEnum.SILENT = 0;
-    return LogLevelsEnum;
-}(Number));
-var logLevels = [
-    { level: LogLevelsEnum.TRACE, name: 'TRACE' },
-    { level: LogLevelsEnum.DEBUG, name: 'DEBUG' },
-    { level: LogLevelsEnum.INFO, name: 'INFO' },
-    { level: LogLevelsEnum.WARN, name: 'WARN' },
-    { level: LogLevelsEnum.ERROR, name: 'ERROR' },
-    { level: LogLevelsEnum.SILENT, name: 'SILENT' }
-];
-
-// tslint:disable: no-console
-var LogService = /** @class */ (function () {
-    function LogService(appConfigService) {
-        this.appConfigService = appConfigService;
-        this.onMessage = new Subject();
-    }
-    Object.defineProperty(LogService.prototype, "currentLogLevel", {
-        get: function () {
-            var configLevel = this.appConfigService.get('logLevel');
-            if (configLevel) {
-                return this.getLogLevel(configLevel);
-            }
-            return LogLevelsEnum.ERROR;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    LogService.prototype.error = function (message) {
-        var optionalParams = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            optionalParams[_i - 1] = arguments[_i];
-        }
-        if (this.currentLogLevel >= LogLevelsEnum.ERROR) {
-            this.messageBus(message, 'ERROR');
-            console.error.apply(console, __spread([message], optionalParams));
-        }
-    };
-    LogService.prototype.debug = function (message) {
-        var optionalParams = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            optionalParams[_i - 1] = arguments[_i];
-        }
-        if (this.currentLogLevel >= LogLevelsEnum.DEBUG) {
-            this.messageBus(message, 'DEBUG');
-            console.debug.apply(console, __spread([message], optionalParams));
-        }
-    };
-    LogService.prototype.info = function (message) {
-        var optionalParams = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            optionalParams[_i - 1] = arguments[_i];
-        }
-        if (this.currentLogLevel >= LogLevelsEnum.INFO) {
-            this.messageBus(message, 'INFO');
-            console.info.apply(console, __spread([message], optionalParams));
-        }
-    };
-    LogService.prototype.log = function (message) {
-        var optionalParams = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            optionalParams[_i - 1] = arguments[_i];
-        }
-        if (this.currentLogLevel >= LogLevelsEnum.TRACE) {
-            this.messageBus(message, 'LOG');
-            console.log.apply(console, __spread([message], optionalParams));
-        }
-    };
-    LogService.prototype.trace = function (message) {
-        var optionalParams = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            optionalParams[_i - 1] = arguments[_i];
-        }
-        if (this.currentLogLevel >= LogLevelsEnum.TRACE) {
-            this.messageBus(message, 'TRACE');
-            console.trace.apply(console, __spread([message], optionalParams));
-        }
-    };
-    LogService.prototype.warn = function (message) {
-        var optionalParams = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            optionalParams[_i - 1] = arguments[_i];
-        }
-        if (this.currentLogLevel >= LogLevelsEnum.WARN) {
-            this.messageBus(message, 'WARN');
-            console.warn.apply(console, __spread([message], optionalParams));
-        }
-    };
-    LogService.prototype.assert = function (test, message) {
-        var optionalParams = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            optionalParams[_i - 2] = arguments[_i];
-        }
-        if (this.currentLogLevel !== LogLevelsEnum.SILENT) {
-            this.messageBus(message, 'ASSERT');
-            console.assert.apply(console, __spread([test, message], optionalParams));
-        }
-    };
-    LogService.prototype.group = function (groupTitle) {
-        var optionalParams = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            optionalParams[_i - 1] = arguments[_i];
-        }
-        if (this.currentLogLevel !== LogLevelsEnum.SILENT) {
-            console.group.apply(console, __spread([groupTitle], optionalParams));
-        }
-    };
-    LogService.prototype.groupEnd = function () {
-        if (this.currentLogLevel !== LogLevelsEnum.SILENT) {
-            console.groupEnd();
-        }
-    };
-    LogService.prototype.getLogLevel = function (level) {
-        var referencedLevel = logLevels.find(function (currentLevel) {
-            return currentLevel.name.toLocaleLowerCase() === level.toLocaleLowerCase();
-        });
-        return referencedLevel ? referencedLevel.level : 4;
-    };
-    LogService.prototype.messageBus = function (message, logLevel) {
-        this.onMessage.next({ text: message, type: logLevel });
-    };
-    LogService.ctorParameters = function () { return [
-        { type: AppConfigService }
-    ]; };
-    LogService.ɵprov = ɵɵdefineInjectable({ factory: function LogService_Factory() { return new LogService(ɵɵinject(AppConfigService)); }, token: LogService, providedIn: "root" });
-    LogService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], LogService);
-    return LogService;
-}());
-
-var LocalStorageService = /** @class */ (function () {
-    function LocalStorageService() {
-    }
-    LocalStorageService.prototype.set = function (key, value) {
-        localStorage.setItem(key, value);
-    };
-    LocalStorageService.prototype.get = function (key) {
-        return localStorage.getItem(key);
-    };
-    LocalStorageService.ɵprov = ɵɵdefineInjectable({ factory: function LocalStorageService_Factory() { return new LocalStorageService(); }, token: LocalStorageService, providedIn: "root" });
-    LocalStorageService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], LocalStorageService);
-    return LocalStorageService;
-}());
-
-var UserProfileService = /** @class */ (function () {
-    function UserProfileService(appConfigService, localStorageService) {
-        this.appConfigService = appConfigService;
-        this.localStorageService = localStorageService;
-        this.userPrefix = '';
-    }
-    UserProfileService_1 = UserProfileService;
-    UserProfileService.prototype.getApplicationId = function () {
-        return this.appConfigService.get('applicationId') ? this.appConfigService.get('applicationId') : '';
-    };
-    UserProfileService.prototype.setUserPrefix = function (userPrefix) {
-        this.userPrefix = userPrefix;
-    };
-    UserProfileService.prototype.getUserPrefix = function () {
-        return this.userPrefix ? this.userPrefix : '';
-    };
-    UserProfileService.prototype.setLocale = function (locale) {
-        this.localStorageService.set(this.getApplicationId() + this.userPrefix + UserProfileService_1.LOCALE_PREFIX, locale);
-    };
-    UserProfileService.prototype.getLocale = function () {
-        return this.localStorageService.get(this.getApplicationId() + this.userPrefix + UserProfileService_1.LOCALE_PREFIX);
-    };
-    var UserProfileService_1;
-    UserProfileService.LOCALE_PREFIX = '____locale';
-    UserProfileService.ctorParameters = function () { return [
-        { type: AppConfigService },
-        { type: LocalStorageService }
-    ]; };
-    UserProfileService.ɵprov = ɵɵdefineInjectable({ factory: function UserProfileService_Factory() { return new UserProfileService(ɵɵinject(AppConfigService), ɵɵinject(LocalStorageService)); }, token: UserProfileService, providedIn: "root" });
-    UserProfileService = UserProfileService_1 = __decorate([
-        Injectable({
-            providedIn: 'root'
-        })
-    ], UserProfileService);
-    return UserProfileService;
-}());
-
-/** @dynamic */
-var LocaleService = /** @class */ (function () {
-    function LocaleService(config, translate, userProfileService, document) {
-        this.config = config;
-        this.translate = translate;
-        this.userProfileService = userProfileService;
-        this.document = document;
-        this.languages = [];
-    }
-    LocaleService.prototype.setTextOrientation = function (direction) {
-        document.body.setAttribute('dir', direction);
-    };
-    LocaleService.prototype.getTextOrientation = function () {
-        return document.body.getAttribute('dir');
-    };
-    LocaleService.prototype.getLanguages = function () {
-        this.languages = this.config.get('languages');
-        if (!this.languages) {
-            this.languages = [
-                {
-                    key: 'fr',
-                    label: 'French',
-                    direction: 'ltr',
-                },
-                {
-                    key: 'de',
-                    label: 'German',
-                    direction: 'ltr',
-                },
-                {
-                    key: 'en',
-                    label: 'English',
-                    direction: 'ltr',
-                },
-                {
-                    key: 'ar',
-                    label: 'Arabic',
-                    direction: 'rtl',
-                },
-            ];
-        }
-        return this.languages;
-    };
-    LocaleService.prototype.getDefaultLocale = function () {
-        var _this = this;
-        this.locale = this.userProfileService.getLocale();
-        if (!this.locale) {
-            this.locale = this.config.get('locale')
-                ? this.config.get('locale')
-                : this.translate.getBrowserLang()
-                    ? this.translate.getBrowserLang()
-                    : 'en';
-        }
-        return this.languages.find(function (e) { return e.key === _this.locale; });
-    };
-    LocaleService.prototype.getActiveLocale = function () {
-        var _this = this;
-        if (this.userProfileService.getLocale()) {
-            return this.languages.find(function (e) { return e.key === _this.userProfileService.getLocale(); });
-        }
-    };
-    LocaleService.prototype.setActiveLocale = function (locale) {
-        if (locale) {
-            this.translate.use(locale.key);
-            this.setTextOrientation(locale.direction);
-            this.userProfileService.setLocale(locale.key);
-        }
-    };
-    LocaleService.ctorParameters = function () { return [
-        { type: AppConfigService },
-        { type: TranslateService },
-        { type: UserProfileService },
-        { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-    ]; };
-    LocaleService.ɵprov = ɵɵdefineInjectable({ factory: function LocaleService_Factory() { return new LocaleService(ɵɵinject(AppConfigService), ɵɵinject(TranslateService), ɵɵinject(UserProfileService), ɵɵinject(DOCUMENT)); }, token: LocaleService, providedIn: "root" });
-    LocaleService = __decorate([
-        Injectable({
-            providedIn: 'root',
-        }),
-        __param(3, Inject(DOCUMENT))
-    ], LocaleService);
-    return LocaleService;
-}());
-
-var LanguageMenuComponent = /** @class */ (function () {
-    function LanguageMenuComponent(localeService) {
-        this.localeService = localeService;
-        this.languages = [];
-    }
-    LanguageMenuComponent.prototype.ngOnInit = function () {
-        this.languages = this.localeService.getLanguages();
-        this.locale = this.localeService.getDefaultLocale();
-        this.localeService.setActiveLocale(this.locale);
-    };
-    LanguageMenuComponent.prototype.onChangeLanguage = function (language) {
-        this.localeService.setActiveLocale(language);
-    };
-    LanguageMenuComponent.ctorParameters = function () { return [
-        { type: LocaleService }
-    ]; };
-    LanguageMenuComponent = __decorate([
-        Component({
-            selector: 'mnl-language-menu',
-            template: "<button mat-menu-item [matMenuTriggerFor]=\"languageMenu\">\n    <mat-icon>language</mat-icon>\n    {{ 'MNL.LANGUAGE-SELECTOR.LANGUAGES' | translate }}\n</button>\n<mat-menu #languageMenu=\"matMenu\">\n    <button mat-menu-item *ngFor=\"let language of languages\"\n        (click)=\"onChangeLanguage(language)\" id=\"langMenu\">{{language.label}}\n    </button>\n</mat-menu>",
-            styles: [""]
-        })
-    ], LanguageMenuComponent);
-    return LanguageMenuComponent;
-}());
-
-var LoginComponent = /** @class */ (function () {
-    function LoginComponent(sanitizer) {
-        this.sanitizer = sanitizer;
-        this.title = '';
-        this.logoImageUrl = './assets/images/logo.png';
-        this.backgroundImageUrl = './assets/images/background.jpg';
-        this.disabled = false;
-        this.login = new EventEmitter();
-    }
-    LoginComponent.prototype.ngOnInit = function () {
-        this.initForm();
-    };
-    LoginComponent.prototype.initForm = function () {
-        this.formGroup = new FormGroup({
-            username: new FormControl('', [Validators.required]),
-            password: new FormControl('', [Validators.required])
-        });
-    };
-    LoginComponent.prototype.onSubmit = function () {
-        if (this.formGroup.valid) {
-            this.login.emit(this.formGroup.value);
-        }
-    };
-    LoginComponent.prototype.getBackgroundImageUrl = function () {
-        return this.sanitizer.bypassSecurityTrustStyle("url(" + this.backgroundImageUrl + ")");
-    };
-    LoginComponent.ctorParameters = function () { return [
-        { type: DomSanitizer }
-    ]; };
-    __decorate([
-        Input()
-    ], LoginComponent.prototype, "title", void 0);
-    __decorate([
-        Input()
-    ], LoginComponent.prototype, "logoImageUrl", void 0);
-    __decorate([
-        Input()
-    ], LoginComponent.prototype, "backgroundImageUrl", void 0);
-    __decorate([
-        Input()
-    ], LoginComponent.prototype, "disabled", void 0);
-    __decorate([
-        Output()
-    ], LoginComponent.prototype, "login", void 0);
-    LoginComponent = __decorate([
-        Component({
-            selector: 'mnl-login',
-            template: "<div fxLayoutAlign=\"center center\" class=\"mnl-login-container\" fxFlexFill [style.background-image]=\"getBackgroundImageUrl()\">\n    <mat-card class=\"mnl-login-card\">\n        <form fxLayoutAlign=\"stretch\" fxLayout=\"column\" [formGroup]=\"formGroup\" (ngSubmit)=\"onSubmit()\">\n            <mat-card-header fxLayoutAlign=\"center center\">\n                <mat-card-title>\n                    <img *ngIf=\"logoImageUrl\" src=\"{{logoImageUrl}}\">\n                </mat-card-title>\n            </mat-card-header>\n            <h3 fxLayoutAlign=\"center center\" class=\"mnl-login-title\" *ngIf=\"title\">{{title | translate}}</h3>\n            <mat-form-field fxFlex=\"100\">\n                <input id=\"username\" matInput placeholder=\"{{'MNL.LOGIN.USERNAME' | translate}}\"\n                    formControlName=\"username\">\n            </mat-form-field>\n\n            <mat-form-field fxFlex=\"100\">\n                <input id=\"password\" matInput type=\"password\" placeholder=\"{{'MNL.LOGIN.PASSWORD' | translate}}\"\n                    formControlName=\"password\">\n            </mat-form-field>\n            <mat-card-actions fxLayoutAlign=\"center center\">\n                <button id=\"loginButton\" mat-raised-button color=\"accent\" [disabled]=\"disabled || !formGroup.valid\"\n                    type=\"submit\"> {{'MNL.LOGIN.LOGIN_BUTTON' | translate}}</button>\n            </mat-card-actions>\n\n        </form>\n    </mat-card>\n</div>",
-            styles: [".mnl-login-card{min-width:260px}.mnl-login-container{background-size:cover}.mnl-login-title{opacity:.6}"]
-        })
-    ], LoginComponent);
-    return LoginComponent;
-}());
-
-var ProfileComponent = /** @class */ (function () {
-    function ProfileComponent() {
-        this.userInitialClick = new EventEmitter();
-        this.profileMenuClick = new EventEmitter();
-    }
-    ProfileComponent.prototype.onUserInitialClick = function (event) {
-        this.userInitialClick.emit(event);
-    };
-    __decorate([
-        Input()
-    ], ProfileComponent.prototype, "userProfileDetails", void 0);
-    __decorate([
-        Output()
-    ], ProfileComponent.prototype, "userInitialClick", void 0);
-    __decorate([
-        Output()
-    ], ProfileComponent.prototype, "profileMenuClick", void 0);
-    ProfileComponent = __decorate([
-        Component({
-            selector: 'mnl-user-profile',
-            template: "<div id=\"mnl-profile-container\" fxLayoutGap=\"10px\">\n  <span id=\"mnl-userinfo-name\" fxHide.xs>{{userProfileDetails | mnlUserFullName}}</span>\n  <button id=\"mnl-initials-button\" mat-raised-button (click)=\"onUserInitialClick($event)\"\n    mat-icon-button>{{userProfileDetails | mnlUserInitialPipe}}\n  </button>\n</div>\n",
-            styles: ["#mnl-initials-button{border-radius:20px}"]
-        })
-    ], ProfileComponent);
-    return ProfileComponent;
-}());
-
-var UserInitialPipe = /** @class */ (function () {
-    function UserInitialPipe() {
-    }
-    UserInitialPipe.prototype.transform = function (value) {
-        var userInitials = '';
-        if (value.firstName && value.lastName) {
-            userInitials = value.firstName.substring(0, 1).toUpperCase() + value.lastName.substring(0, 1).toUpperCase();
-        }
-        else if (!value.firstName && value.lastName) {
-            userInitials = value.lastName.substring(0, 1).toUpperCase();
-        }
-        else if (value.firstName && !value.lastName) {
-            userInitials = value.firstName.substring(0, 1).toUpperCase();
-        }
-        else if (!value.firstName && !value.lastName) {
-            userInitials = value.email.substring(0, 1).toUpperCase();
-        }
-        return userInitials;
-    };
-    UserInitialPipe = __decorate([
-        Pipe({
-            name: 'mnlUserInitialPipe'
-        })
-    ], UserInitialPipe);
-    return UserInitialPipe;
-}());
-
-var TimeAgoPipe = /** @class */ (function () {
-    function TimeAgoPipe(appConfigService, userProfileService) {
-        this.appConfigService = appConfigService;
-        this.userProfileService = userProfileService;
-        this.defaultLocale = TimeAgoPipe_1.DEFAULT_LOCALE;
-        this.defaultDateTimeFormat = TimeAgoPipe_1.DEFAULT_DATE_TIME_FORMAT;
-    }
-    TimeAgoPipe_1 = TimeAgoPipe;
-    TimeAgoPipe.prototype.transform = function (value, dateTimeFormat, locale) {
-        if (value) {
-            var currentLocale = this.userProfileService.getLocale();
-            var currentDateTimeFormat = this.appConfigService.get('dateTimeFormat');
-            var requiredLocale = locale || currentLocale || this.defaultLocale;
-            var requiredDateTimeFormat = dateTimeFormat || currentDateTimeFormat || this.defaultDateTimeFormat;
-            var then = moment(value);
-            var diff = moment().locale(requiredLocale).diff(then, 'days');
-            if (diff > 7) {
-                var datePipe = new DatePipe(requiredLocale);
-                return datePipe.transform(value, requiredDateTimeFormat);
-            }
-            else {
-                return then.locale(requiredLocale).fromNow();
-            }
-        }
-        return '';
-    };
-    var TimeAgoPipe_1;
-    TimeAgoPipe.DEFAULT_LOCALE = 'en-US';
-    TimeAgoPipe.DEFAULT_DATE_TIME_FORMAT = 'dd/MM/yyyy HH:mm';
-    TimeAgoPipe.ctorParameters = function () { return [
-        { type: AppConfigService },
-        { type: UserProfileService }
-    ]; };
-    TimeAgoPipe = TimeAgoPipe_1 = __decorate([
-        Pipe({
-            name: 'mnlTimeAgo'
-        })
-    ], TimeAgoPipe);
-    return TimeAgoPipe;
-}());
-
-var UserFullnamePipe = /** @class */ (function () {
-    function UserFullnamePipe() {
-    }
-    UserFullnamePipe.prototype.transform = function (value) {
-        var fullName = '';
-        if (value.firstName && value.lastName) {
-            fullName = value.firstName + ' ' + value.lastName;
-        }
-        else if (!value.firstName && value.lastName) {
-            fullName = value.lastName;
-        }
-        else if (value.firstName && !value.lastName) {
-            fullName = value.firstName;
-        }
-        else if (!value.firstName && !value.lastName) {
-            fullName = value.email;
-        }
-        return fullName;
-    };
-    UserFullnamePipe = __decorate([
-        Pipe({
-            name: 'mnlUserFullName'
-        })
-    ], UserFullnamePipe);
-    return UserFullnamePipe;
-}());
-
-var HighlighterComponent = /** @class */ (function () {
-    function HighlighterComponent() {
-        this.height = '40px';
-        this.width = '4px';
-        this.enabled = true;
-    }
-    __decorate([
-        Input()
-    ], HighlighterComponent.prototype, "height", void 0);
-    __decorate([
-        Input()
-    ], HighlighterComponent.prototype, "width", void 0);
-    __decorate([
-        Input()
-    ], HighlighterComponent.prototype, "enabled", void 0);
-    HighlighterComponent = __decorate([
-        Component({
-            selector: 'mnl-highlighter',
-            template: "<div [ngClass]=\"{'mnl-bg-primary' : enabled}\" [ngStyle]=\" {'height': height, 'width' : width}\"></div>",
-            styles: [""]
-        })
-    ], HighlighterComponent);
-    return HighlighterComponent;
-}());
-
-var MNL_TRANSLATION_RESOURCE = new InjectionToken('Translation Resource');
-function translationLoaderFactory(http, resources) {
-    if (!resources) {
-        resources = [];
-    }
-    else if (!resources.length) {
-        resources = [resources];
-    }
-    resources.push({ prefix: './assets/mnl-commons/i18n/', suffix: '.json' });
-    return new MultiTranslateHttpLoader(http, resources);
-}
-
-var ɵ0 = translationLoaderFactory;
-var CommonsModule = /** @class */ (function () {
-    function CommonsModule() {
-    }
-    CommonsModule = __decorate([
-        NgModule({
-            declarations: [
-                HeaderComponent,
-                MenuComponent,
-                HighlighterComponent,
-                AppConfigPipe,
-                LoginComponent,
-                LanguageMenuComponent,
-                ProfileComponent,
-                UserInitialPipe,
-                TimeAgoPipe,
-                UserFullnamePipe,
-            ],
-            imports: [
-                CommonModule,
-                MatToolbarModule,
-                FlexLayoutModule,
-                MaterialModule,
-                TranslateModule.forRoot({
-                    loader: {
-                        provide: TranslateLoader,
-                        useFactory: ɵ0,
-                        deps: [HttpClient, MNL_TRANSLATION_RESOURCE],
-                    },
-                })
-            ],
-            providers: [
-                {
-                    provide: APP_INITIALIZER,
-                    useFactory: loadConfig,
-                    deps: [
-                        AppConfigService,
-                        UserProfileService,
-                        LocalStorageService,
-                        LogService,
-                        LocaleService,
-                    ],
-                    multi: true,
-                },
-            ],
-            exports: [
-                HeaderComponent,
-                MenuComponent,
-                HighlighterComponent,
-                AppConfigPipe,
-                LanguageMenuComponent,
-                LoginComponent,
-                ProfileComponent,
-                UserInitialPipe,
-                TimeAgoPipe,
-                UserFullnamePipe
-            ],
-        })
-    ], CommonsModule);
-    return CommonsModule;
-}());
-function loadConfig(config) {
-    var conf = function () { return config.load(); };
-    return conf;
-}
-
-/*
- * Public API Surface of mnl-commons
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AppConfigPipe, AppConfigService, CommonsModule, HeaderComponent, HighlighterComponent, LanguageMenuComponent, LocalStorageService, LocaleService, LogLevelsEnum, LogService, LoginComponent, MNL_TRANSLATION_RESOURCE, MaterialModule, MenuComponent, TimeAgoPipe, UserFullnamePipe, UserInitialPipe, UserProfileService, loadConfig, logLevels, modules, translationLoaderFactory, ɵ0, ProfileComponent as ɵa };
-//# sourceMappingURL=muraai-mnl-commons.js.map