@koalarx/ui 12.4.1 → 12.4.2

package/core/fesm2015/koalarx-ui-core.js

@@ -0,0 +1,1434 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, Injectable, ViewChild, NgModule } from '@angular/core';
+import { Title } from '@angular/platform-browser';
+import { __awaiter } from 'tslib';
+import { Router, NavigationError, NavigationEnd, NavigationCancel, NavigationStart, RouterModule } from '@angular/router';
+import { BehaviorSubject, Observable } from 'rxjs';
+import jwt from 'jwt-decode';
+import { menuStateSubject, KoalaMenuService } from '@koalarx/ui/menu';
+import jwtEncode from 'jwt-encode';
+import * as i1 from '@angular/common/http';
+import { HttpClient, HttpErrorResponse, HttpParams, HttpClientModule } from '@angular/common/http';
+import { koala } from '@koalarx/utils';
+import { KlDelay } from '@koalarx/utils/dist/utils/KlDelay';
+import { DeviceDetectorService } from 'ngx-device-detector';
+import * as i1$2 from '@koalarx/ui/alert';
+import { KoalaAlertEnum, KoalaRequestCodeToAlertEnumTranslate, KoalaAlertService } from '@koalarx/ui/alert';
+import { map, first } from 'rxjs/operators';
+import * as i1$1 from 'ngx-papaparse';
+import { Papa } from 'ngx-papaparse';
+import * as Excel from 'exceljs/dist/exceljs.min.js';
+import * as fs from 'file-saver';
+import { HashLocationStrategy, CommonModule } from '@angular/common';
+import { MatBadgeModule } from '@angular/material/badge';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+class LoaderBarPageComponent {
+    constructor() {
+        this.show = false;
+        this.progress = 0;
+        this.typeLoader = 'indeterminate';
+    }
+}
+LoaderBarPageComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-loader-page',
+                template: "<div [ngClass]=\"{'bouncedInDown d-block': show}\" class=\"animated loader-bar-page\">\n  <mat-progress-bar\n    [bufferValue]=\"progress\"\n    [mode]=\"typeLoader\"\n    [value]=\"progress\"\n    color=\"primary\">\n  </mat-progress-bar>\n</div>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".loader-bar-page{position:absolute;display:none;top:0;left:0;width:100vw;height:100vh;z-index:100000}\n"]
+            },] }
+];
+LoaderBarPageComponent.propDecorators = {
+    show: [{ type: Input }],
+    progress: [{ type: Input }],
+    typeLoader: [{ type: Input }]
+};
+
+class NotificationComponent {
+    constructor(titleService) {
+        this.titleService = titleService;
+        this.deleteAll = new EventEmitter(false);
+        this.delete = new EventEmitter(null);
+    }
+    ngOnChanges(changes) {
+        if (!this.appName) {
+            this.appName = this.titleService.getTitle();
+        }
+        if (changes.notifications && this.notifications.length > 0) {
+            this.titleService.setTitle(`(${this.notifications.length}) ${this.appName}`);
+        }
+        else {
+            this.titleService.setTitle(this.appName);
+        }
+    }
+    deleteAllNotifications() {
+        this.deleteAll.emit(true);
+    }
+    deleteNotification(notification) {
+        this.delete.emit(notification);
+    }
+}
+NotificationComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-notification-list',
+                template: "<div (click)=\"$event.stopPropagation()\" class=\"notifications-content\">\n  <div class=\"title\">\n    <mat-icon>info</mat-icon>\n    <h2>Notifica\u00E7\u00F5es</h2>\n    <span class=\"spacer\"></span>\n    <button (click)=\"deleteAllNotifications()\" *ngIf=\"notifications.length > 0\" class=\"btn-delete-all\"\n            mat-icon-button\n            matTooltip=\"Excluir Todas\" matTooltipPosition=\"above\">\n      <mat-icon>delete_sweep</mat-icon>\n    </button>\n  </div>\n  <mat-action-list *ngIf=\"notifications.length > 0 else noNotifications\">\n    <mat-list-item *ngFor=\"let notification of notifications\" [routerLink]=\"notification.redirectTo\" class=\"itemList\">\n      <button (click)=\"deleteNotification(notification)\" class=\"delete-notification\" color=\"warn\" mat-icon-button\n              matTooltip=\"Excluir\" matTooltipPosition=\"above\"\n              mat-list-icon>\n        <mat-icon>delete</mat-icon>\n      </button>\n      <mat-icon class=\"iconList\" mat-list-icon>announcement</mat-icon>\n      <h4 class=\"titleList\" mat-line>{{notification.title}}</h4>\n      <p [innerHTML]=\"notification.text\" class=\"textList\" mat-line></p>\n    </mat-list-item>\n  </mat-action-list>\n  <ng-template #noNotifications>\n    <div class=\"empty\">\n      <mat-icon>mood</mat-icon>\n      <p>Tudo certo por aqui!</p>\n    </div>\n  </ng-template>\n</div>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".title{color:#616161;padding:5px 20px 15px}.title h2{vertical-align:middle;display:inline-flex;padding:0 10px;margin:0;font-family:OpenSans,sans-serif;font-size:.8em}.title mat-icon{vertical-align:middle;display:inline-flex;width:22px;height:22px;font-size:22px;line-height:22px}.title .btn-delete-all{position:absolute;right:20px;top:5px}.iconList{color:#1976d2}.titleList{font-family:OpenSansLight,sans-serif;font-size:.7em!important;color:#616161}.textList{font-family:OpenSans,sans-serif;font-size:.9em!important;color:#212121;white-space:unset!important}.itemList{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;padding:8px 0!important}.delete-notification{background:#b71c1c;border-radius:0!important;height:100%!important;margin-left:-75px;margin-right:10px;position:absolute;transition:.3s;width:50px!important}.delete-notification mat-icon{color:#fff;vertical-align:middle}mat-action-list{max-height:70vh;overflow-y:auto}mat-list-item:hover .delete-notification{margin-left:-15px}.empty{padding:50px;text-align:center;color:#616161}.empty mat-icon{width:40px;height:40px;font-size:40px;line-height:40px}.empty p{text-align:center;font-family:OpenSansLight,sans-serif;font-size:1em}\n"]
+            },] }
+];
+NotificationComponent.ctorParameters = () => [
+    { type: Title }
+];
+NotificationComponent.propDecorators = {
+    notifications: [{ type: Input }],
+    deleteAll: [{ type: Output }],
+    delete: [{ type: Output }]
+};
+
+// @dynamic
+class KoalaLanguageHelper {
+    static setLanguage(language) {
+        this.language = language;
+    }
+    static getLanguage() {
+        return this.language;
+    }
+    static getBtnLabel() {
+        switch (this.language) {
+            case "enUs":
+                return 'Send';
+            default:
+                return 'Enviar';
+        }
+    }
+    static getYesMessage() {
+        switch (this.language) {
+            case "enUs":
+                return 'Yes';
+            default:
+                return 'Sim';
+        }
+    }
+    static getNoMessage() {
+        switch (this.language) {
+            case "enUs":
+                return 'No';
+            default:
+                return 'Não';
+        }
+    }
+    static getInternalServerErrorMessage() {
+        switch (this.language) {
+            case "enUs":
+                return 'We had a problem with your request.<br/>Sorry for the inconvenience.<br/><br/>Please try again later.';
+            default:
+                return 'Tivemos um problema com sua requisição.<br/>Sinto muito pelo transtorno.<br/><br/>Gentileza tentar novamente mais tarde.';
+        }
+    }
+    static getRequiredMessage(label) {
+        switch (this.language) {
+            case "enUs":
+                return `${label} is required.`;
+            default:
+                return `Nenhum valor informado.`;
+        }
+    }
+    static getInvalidMessage(label) {
+        switch (this.language) {
+            case "enUs":
+                return `${label} is invalid.`;
+            default:
+                return `Registro inválido.`;
+        }
+    }
+    static getMinMessage(min) {
+        switch (this.language) {
+            case "enUs":
+                return `Inform at least the value of ${min}.`;
+            default:
+                return `Informe no mínimo o valor de ${min}.`;
+        }
+    }
+    static getMaxMessage(max) {
+        switch (this.language) {
+            case "enUs":
+                return `Inform at most the value of ${max}.`;
+            default:
+                return `Informe no máximo o valor de ${max}.`;
+        }
+    }
+    static getMinLengthMessage(minLength) {
+        switch (this.language) {
+            case "enUs":
+                return `Enter a value with at least ${minLength} characters.`;
+            default:
+                return `Informe um valor com no mínimo ${minLength} caracteres.`;
+        }
+    }
+    static getMaxLengthMessage(maxLength) {
+        switch (this.language) {
+            case "enUs":
+                return `Enter a value with at most ${maxLength} characters.`;
+            default:
+                return `Informe um valor com no máximo ${maxLength} caracteres.`;
+        }
+    }
+    static getDateMinMessage() {
+        switch (this.language) {
+            case "enUs":
+                return `Inform at least the date of `;
+            default:
+                return `Informe no mínimo a data de `;
+        }
+    }
+    static getDateMaxMessage() {
+        switch (this.language) {
+            case "enUs":
+                return `Inform at most the date of `;
+            default:
+                return `Informe no máximo a data de `;
+        }
+    }
+    static getAutocompleteMessage(label) {
+        switch (this.language) {
+            case "enUs":
+                return `You must select a option.`;
+            default:
+                return `Você deve selecionar uma opção.`;
+        }
+    }
+}
+
+// @dynamic
+class KoalaEnvironment {
+}
+
+// @dynamic
+class TokenFactory {
+    static init() {
+        var _a, _b;
+        if (!!localStorage.getItem((_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.storageTokenName)) {
+            TokenFactory.setToken(localStorage.getItem((_b = KoalaEnvironment.environment) === null || _b === void 0 ? void 0 : _b.storageTokenName));
+        }
+    }
+    static setToken(token) {
+        var _a;
+        localStorage.setItem((_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.storageTokenName, token);
+        this.token = token;
+    }
+    static getToken() {
+        return this.token;
+    }
+    static removeToken() {
+        var _a;
+        localStorage.removeItem((_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.storageTokenName);
+        this.token = null;
+    }
+    static hasToken() {
+        var _a;
+        return !!this.token && !!localStorage.getItem((_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.storageTokenName);
+    }
+    static logout() {
+        this.removeToken();
+    }
+}
+
+class KoalaTokenService {
+    constructor() {
+        this.token$ = new BehaviorSubject(null);
+        this.verifySession();
+    }
+    ngOnDestroy() {
+        if (this.intervalToken) {
+            clearInterval(this.intervalToken);
+        }
+    }
+    setToken(token) {
+        if (TokenFactory.hasToken()) {
+            this.token$.next(token);
+        }
+        TokenFactory.setToken(token);
+    }
+    getToken() {
+        return this.token$;
+    }
+    getDecodedToken() {
+        return (TokenFactory.hasToken() ? jwt(TokenFactory.getToken()) : null);
+    }
+    getOAuth2Token() {
+        return (TokenFactory.hasToken() ? jwt(TokenFactory.getToken()) : null);
+    }
+    removeToken() {
+        TokenFactory.removeToken();
+    }
+    verifySession() {
+        TokenFactory.init();
+        this.token$.next(TokenFactory.getToken());
+        this.intervalToken = setInterval(() => {
+            if (!TokenFactory.hasToken() && this.token$.getValue()) {
+                this.token$.next(null);
+            }
+            else if (TokenFactory.hasToken() && !this.token$.getValue()) {
+                this.token$.next(TokenFactory.getToken());
+            }
+        }, 300);
+    }
+}
+KoalaTokenService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KoalaTokenService_Factory() { return new KoalaTokenService(); }, token: KoalaTokenService, providedIn: "any" });
+KoalaTokenService.decorators = [
+    { type: Injectable, args: [{ providedIn: "any" },] }
+];
+KoalaTokenService.ctorParameters = () => [];
+
+const KOALA_LOADER_SUBJECT = new BehaviorSubject({
+    typeLoader: 'indeterminate',
+    progress: 0,
+    show: false
+});
+class KoalaLoaderService {
+    getLoaderSubject() {
+        return KOALA_LOADER_SUBJECT;
+    }
+    create(loaderConfig) {
+        KOALA_LOADER_SUBJECT.next({
+            show: true,
+            progress: loaderConfig.progress ? loaderConfig.progress : 0,
+            typeLoader: loaderConfig.typeLoader ? loaderConfig.typeLoader : 'indeterminate'
+        });
+    }
+    dismiss() {
+        KOALA_LOADER_SUBJECT.next({
+            show: false,
+            progress: 0,
+            typeLoader: 'indeterminate'
+        });
+    }
+}
+KoalaLoaderService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KoalaLoaderService_Factory() { return new KoalaLoaderService(); }, token: KoalaLoaderService, providedIn: "any" });
+KoalaLoaderService.decorators = [
+    { type: Injectable, args: [{ providedIn: "any" },] }
+];
+
+// @dynamic
+class KoalaOauthConfig {
+    static getConfig() {
+        var _a;
+        return localStorage.getItem((_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.storageOAuthTypeName);
+    }
+    static hasConfig() {
+        return !!this.getConfig();
+    }
+    static setConfig(type) {
+        var _a;
+        localStorage.setItem((_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.storageOAuthTypeName, type);
+        this.config.next(this.getOAuthConfig(type));
+    }
+    static getOAuthConfig(type) {
+        var _a, _b, _c;
+        const environment = (_c = (_b = (_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.oauthConfig) === null || _b === void 0 ? void 0 : _b.find(config => config.name === type)) !== null && _c !== void 0 ? _c : null;
+        return environment !== null && environment !== void 0 ? environment : {
+            customQueryParams: {
+                client_secret: null
+            },
+            clientId: null,
+            scope: null,
+            domain: null,
+            strictDiscoveryDocumentValidation: false,
+            indexLoginName: 'name'
+        };
+    }
+}
+KoalaOauthConfig.config = new BehaviorSubject(KoalaOauthConfig.getOAuthConfig(KoalaOauthConfig.getConfig()));
+
+const STATE_STORAGE_NAME = 'koala_openid_state';
+class KoalaOAuth2Service {
+    constructor(http, router, tokenService) {
+        this.http = http;
+        this.router = router;
+        this.tokenService = tokenService;
+        this.events = new BehaviorSubject(null);
+        this.token = {};
+        this.generateState();
+    }
+    ngOnDestroy() {
+        if (this.eventSubscription) {
+            this.eventSubscription.unsubscribe();
+        }
+        if (this.refreshTokenInterval) {
+            clearInterval(this.refreshTokenInterval);
+        }
+    }
+    hasOpenIdConfig() {
+        return !!this.openIdOptions;
+    }
+    configure(options) {
+        this.config = options;
+    }
+    loadDiscoveryDocumentAndTryLogin() {
+        if (this.eventSubscription) {
+            this.eventSubscription.unsubscribe();
+        }
+        this.eventSubscription = this.events.subscribe(event => {
+            if (event === 'authenticate') {
+                this.generateState();
+                localStorage.setItem(STATE_STORAGE_NAME, this.state);
+                window.location.href = `${this.openIdOptions.authorization_endpoint}?response_type=${this.config.responseType}&client_id=${this.config.clientId}&state=${this.state}&redirect_uri=${this.config.redirectUri}&scope=${this.config.scope}`;
+            }
+            else if (event === 'getToken') {
+                const urlParams = new URLSearchParams(window.location.search);
+                const state = urlParams.get('state');
+                if (state === this.state) {
+                    const code = urlParams.get('code');
+                    this.getToken(code);
+                }
+                else {
+                    this.logout();
+                }
+            }
+            else if (event === 'getClaims' || (event === 'refreshToken' && !this.claims)) {
+                this.getClaims();
+            }
+        });
+        return new Promise((resolve, reject) => {
+            this.http.get(`${this.config.issuer}/.well-known/openid-configuration`).subscribe(options => {
+                this.openIdOptions = options;
+                if (window.location.href.indexOf(`state=${this.state}`) >= 0) {
+                    this.events.next('getToken');
+                }
+                else if (!this.tokenService.getOAuth2Token()) {
+                    this.events.next('loadedConfig');
+                }
+                resolve(true);
+            }, e => {
+                console.error(e);
+                this.events.next('errorLoadConfig');
+                reject(e);
+            });
+        });
+    }
+    initLoginFlow(name) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (name) {
+                KoalaOauthConfig.setConfig(name);
+                yield KlDelay.waitFor(1000);
+            }
+            this.events.next('authenticate');
+        });
+    }
+    getIdentityClaims() {
+        return this.claims;
+    }
+    getAccessToken() {
+        return this.token.access_token;
+    }
+    getIdToken() {
+        return this.token.id_token;
+    }
+    getRefreshToken() {
+        return this.token.refresh_token;
+    }
+    getAccessTokenExpiration() {
+        const expires_in = new Date();
+        expires_in.setSeconds(this.token.expires_in);
+        return expires_in.toString();
+    }
+    getCode() {
+        return this.code;
+    }
+    logout() {
+        const logoutInterval = setInterval(() => {
+            if (this.hasOpenIdConfig()) {
+                if (this.openIdOptions.end_session_endpoint) {
+                    this.claims = null;
+                    this.token = null;
+                    const iframeLogout = document.createElement('iframe');
+                    iframeLogout.style.display = 'none';
+                    iframeLogout.src = this.openIdOptions.end_session_endpoint;
+                    document.querySelector('body').appendChild(iframeLogout);
+                }
+                this.events.next('logout');
+                clearInterval(logoutInterval);
+            }
+        }, 300);
+    }
+    initRefreshTokenInterval(code, refreshToken) {
+        if (!this.refreshTokenInterval) {
+            this.refreshTokenInterval = setInterval(() => {
+                const refreshTokenDate = new Date();
+                refreshTokenDate.setMinutes(refreshTokenDate.getMinutes() + 1);
+                const token = this.tokenService.getOAuth2Token();
+                if (token) {
+                    const expires_in = token.expired;
+                    if (expires_in) {
+                        if (new Date(expires_in) <= refreshTokenDate) {
+                            this.getToken(code, refreshToken);
+                        }
+                    }
+                }
+            }, 1000);
+        }
+    }
+    getToken(code, refreshToken) {
+        var _a, _b;
+        if (refreshToken) {
+            clearInterval(this.refreshTokenInterval);
+            this.refreshTokenInterval = null;
+        }
+        const formData = new URLSearchParams();
+        let data = koala({
+            grant_type: (refreshToken ? 'refresh_token' : 'authorization_code'),
+            code,
+            redirect_uri: this.config.redirectUri,
+            client_id: this.config.clientId
+        }).object().merge((_a = this.config.customQueryParams) !== null && _a !== void 0 ? _a : {}).getValue();
+        if (refreshToken) {
+            data = koala(data).object().merge({ refresh_token: refreshToken }).getValue();
+        }
+        if (!this.code) {
+            this.code = code;
+        }
+        Object.keys(data).forEach(indexName => {
+            formData.append(indexName, data[indexName]);
+        });
+        this.http.post((_b = this.config.endpointToken) !== null && _b !== void 0 ? _b : this.openIdOptions.token_endpoint, formData.toString(), {
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded'
+            }
+        }).subscribe((token) => {
+            this.token = token;
+            this.events.next((refreshToken ? 'refreshToken' : 'getClaims'));
+        }, () => this.events.next('getTokenError'));
+    }
+    getClaims() {
+        var _a;
+        this.http.get((_a = this.config.endpointClaims) !== null && _a !== void 0 ? _a : this.openIdOptions.userinfo_endpoint, {
+            headers: {
+                Authorization: `Bearer ${this.getAccessToken()}`
+            }
+        }).subscribe(userInfo => {
+            this.claims = userInfo;
+            this.state = null;
+            localStorage.removeItem(STATE_STORAGE_NAME);
+            this.events.next(this.events.getValue() === 'refreshToken' ? 'refreshToken' : 'userAuthenticated');
+        }, () => this.events.next('loadedConfig'));
+    }
+    generateState() {
+        this.state = localStorage.getItem(STATE_STORAGE_NAME) ?
+            localStorage.getItem(STATE_STORAGE_NAME) :
+            koala('').string().random(30, true, true, true).getValue();
+    }
+}
+KoalaOAuth2Service.decorators = [
+    { type: Injectable }
+];
+KoalaOAuth2Service.ctorParameters = () => [
+    { type: HttpClient },
+    { type: Router },
+    { type: KoalaTokenService }
+];
+
+class PageComponent {
+    constructor(tokenService, router, loaderService, menuService, oauth2Service, deviceService) {
+        this.tokenService = tokenService;
+        this.router = router;
+        this.loaderService = loaderService;
+        this.menuService = menuService;
+        this.oauth2Service = oauth2Service;
+        this.deviceService = deviceService;
+        this.showMenu = true;
+        this.startMenuOpened = true;
+        this.userMenuOptions = [];
+        this.language = 'ptBr';
+        this.validatingScope = new EventEmitter(false);
+        this.logoutEmitter = new EventEmitter(false);
+        this.deleteAllNotifications = new EventEmitter(false);
+        this.deleteNotification = new EventEmitter(null);
+        this.username$ = new BehaviorSubject('');
+        this.firstUserLetter$ = new BehaviorSubject('');
+        this.logged$ = new BehaviorSubject(false);
+        this.validationScope$ = new BehaviorSubject(false);
+        this.isMobile = this.deviceService.isMobile();
+        this.defaultPalletColors = {
+            scrollbarColor: '#1976D2',
+            scrollbarColorHover: '#1565C0',
+            userPresentationBackground: '#f1f1f1',
+            userPresentationUserBackground: '#1976D2',
+            userPresentationUserFontColor: '#fff',
+            firstColor: '#fff',
+            secondColor: '#F1F1F1',
+            bodyBackground: '#eeeeee',
+            checkboxBackground: '#1976d2',
+            checkboxColor: '#ffffff',
+            fontColor: '#1976D2',
+            fontHoverColor: '#1976D2',
+            fontActiveColor: '#1565C0',
+            menuTitleBackground: 'rgba(0,0,0,.1)',
+            menuTitleColor: 'rgba(0,0,0,.3)',
+            menuBackground: '#fafafa',
+            menuOptionsBackground: '#eaeaea',
+            menuOptionsColor: '#a5a5a5',
+            menuOptionsColorHover: '#1976D2',
+            menuOptionsColorActive: '#1565c0',
+            toolbarBackground: '#ffffff',
+            toolbarColor: '#1976d2',
+            listBackground: '#fff',
+            listContentBackground: '#fff',
+            listTitleItemColor: '#838383',
+            listItemColor: '#3e3e3e',
+            listItemBackgroudHover: '#F1F1F1',
+            listItemBackgroundActive: '#EEE',
+            shadowColorTableList: 'rgba(25, 118, 210, .4)'
+        };
+        this.loaderSubject = loaderService.getLoaderSubject();
+    }
+    ngOnInit() {
+        var _a;
+        KoalaLanguageHelper.setLanguage(this.language);
+        this.initOAuth2();
+        if (this.openPages) {
+            if (this.openPages.indexOf('/') < 0) {
+                this.openPages.push('/');
+            }
+            if (this.openPages.indexOf('/login') < 0) {
+                this.openPages.push('/login');
+            }
+        }
+        else {
+            this.openPages = [
+                '/',
+                '/login'
+            ];
+        }
+        (_a = this.tokenService.getToken()) === null || _a === void 0 ? void 0 : _a.subscribe(token => {
+            var _a, _b;
+            this.logged$.next(!!token);
+            if (this.logged$.getValue()) {
+                const decodedToken = this.tokenService.getDecodedToken();
+                this.username$.next(decodedToken.login);
+                this.firstUserLetter$.next(decodedToken.login.charAt(0).toUpperCase());
+                if (!this.isMobile) {
+                    this.menuService.open();
+                }
+            }
+            if (this.logged$.getValue() && ((_a = this.openPages) === null || _a === void 0 ? void 0 : _a.indexOf(this.currentUrl)) >= 0 && this.defaultPage) {
+                this.router.navigate([this.defaultPage]).then();
+            }
+            else if (!this.logged$.getValue() && this.currentUrl && ((_b = this.openPages) === null || _b === void 0 ? void 0 : _b.indexOf(this.currentUrl)) < 0) {
+                this.router.navigate(['login']).then();
+                return false;
+            }
+        });
+        this.router.events.subscribe(event => {
+            var _a, _b;
+            switch (true) {
+                case event instanceof NavigationStart: {
+                    this.loaderService.create({ typeLoader: 'indeterminate' });
+                    break;
+                }
+                case event instanceof NavigationEnd:
+                case event instanceof NavigationCancel:
+                case event instanceof NavigationError: {
+                    this.loaderService.dismiss();
+                    if (event instanceof NavigationEnd) {
+                        if (this.isMobile) {
+                            this.menuService.close();
+                        }
+                        this.currentUrl = event.url.split('?')[0];
+                        if (event.url.indexOf('/login?clientId=') < 0) {
+                            if (this.logged$.getValue() && this.defaultPage && ((_a = this.openPages) === null || _a === void 0 ? void 0 : _a.indexOf(this.currentUrl)) >= 0) {
+                                this.router.navigate([this.defaultPage]).then();
+                                return false;
+                            }
+                            else if (!this.logged$.getValue() && ((_b = this.openPages) === null || _b === void 0 ? void 0 : _b.indexOf(this.currentUrl)) < 0) {
+                                this.router.navigate(['login']).then();
+                                return false;
+                            }
+                        }
+                    }
+                    break;
+                }
+                default: {
+                    break;
+                }
+            }
+        });
+        if (this.palletColors) {
+            Object.keys(this.defaultPalletColors).forEach(indexName => {
+                if (!this.palletColors.hasOwnProperty(indexName) ||
+                    !this.palletColors[indexName]) {
+                    this.palletColors[indexName] = this.defaultPalletColors[indexName];
+                }
+            });
+        }
+        else {
+            this.palletColors = this.defaultPalletColors;
+        }
+        this.defineColor();
+        if (this.showMenu) {
+            menuStateSubject.subscribe((state) => __awaiter(this, void 0, void 0, function* () {
+                if (this.menu) {
+                    if (state === 'close') {
+                        if (this.menu.opened) {
+                            yield this.menu.close();
+                        }
+                    }
+                    else if (state === 'open') {
+                        if (!this.menu.opened) {
+                            yield this.menu.open();
+                        }
+                    }
+                }
+            }));
+            if (this.startMenuOpened && this.logged$.getValue()) {
+                if (!this.isMobile) {
+                    this.menuService.open();
+                }
+            }
+            else {
+                this.menuService.close();
+            }
+        }
+        else {
+            this.menuService.close();
+        }
+        this.validationScope$.subscribe(scope => this.validatingScope.emit(scope));
+    }
+    toogleMenu() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.menuService.clearConfig();
+            if (this.menu) {
+                yield this.menu.toggle();
+            }
+        });
+    }
+    logout() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if ((_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.oauthConfig) {
+                this.oauth2Service.logout();
+            }
+            this.menuService.close();
+            this.tokenService.removeToken();
+            this.tokenService.getToken().next(null);
+            this.logoutEmitter.emit(true);
+        });
+    }
+    defineColor() {
+        const css = `
+*::-webkit-scrollbar-thumb {background: ${this.palletColors.scrollbarColor};width: 2px;}
+*::-webkit-scrollbar-thumb:hover {background: ${this.palletColors.scrollbarColorHover};}
+input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover {color: ${this.palletColors.fontColor}!important;}
+.menu-container,
+body {background: ${this.palletColors.bodyBackground}!important;}
+input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover {-webkit-box-shadow: 0 0 0 1000px ${this.palletColors.firstColor} inset !important;}
+.mat-button-disabled,
+input::placeholder,
+.mat-form-field-appearance-outline .mat-form-field-outline {color: ${this.palletColors.fontColor}!important;opacity: .6;}
+.mat-hint,
+.mat-expansion-indicator::after,
+.more-items-content .items .titleForm,
+fieldset legend,
+.mat-paginator-container,
+.mat-form-field-flex mat-icon {color: ${this.palletColors.fontColor}!important;}
+.mat-paginator-container,
+.mat-card,
+.mat-expansion-panel,
+.mat-select-panel,
+.mat-autocomplete-panel,
+.mat-menu-panel {background: ${this.palletColors.firstColor}}
+.mat-selected {background-color: rgba(0,0,0,.3)!important;}
+.question p,
+.alert-message,
+.mat-action-row,
+.mat-option,
+.mat-menu-item,
+.mat-menu-item mat-icon {color: ${this.palletColors.fontColor}!important}
+.mat-select-value,
+.mat-select-arrow,
+.mat-form-field input,
+.mat-form-field textarea,
+.mat-form-field-appearance-outline:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
+.mat-form-field label,
+.select-multiple-native select {color: ${this.palletColors.fontColor}!important;caret-color: ${this.palletColors.fontColor}!important;}
+.mat-form-field-underline,
+.mat-form-field-appearance-fill .mat-form-field-underline::before,
+.mat-form-field-ripple {background: ${this.palletColors.fontColor}!important;}
+.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
+.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {background-color: ${this.palletColors.checkboxBackground} !important;}
+.mat-checkbox-checkmark-path {stroke: ${this.palletColors.checkboxColor} !important;}
+.mat-checkbox-checkmark {fill: ${this.palletColors.checkboxColor} !important;}
+.mat-checkbox-mixedmark {background-color: ${this.palletColors.checkboxColor} !important;}
+.mat-checkbox-frame {border-color: ${this.palletColors.checkboxOutlineColor}!important;}
+.mat-checkbox-label {color: ${this.palletColors.fontColor}!important;}
+.mat-radio-outer-circle {border-color: ${this.palletColors.checkboxBackground}!important;}
+.mat-radio-ripple .mat-ripple-element, .mat-radio-inner-circle {background-color: ${this.palletColors.checkboxBackground} !important;}
+.home-list-cards .list .mat-list-item-content .mat-icon {color: ${this.palletColors.fontColor};}
+.home-list-cards .list button .mat-badge-content {background: ${this.palletColors.fontColor};}
+.koala-dialog .mat-dialog-title h2 {color: ${this.palletColors.fontColor};}
+.koala-dialog .mat-dialog-title mat-icon {color: ${this.palletColors.fontColor}!important;}
+.koala-dialog .mat-dialog-container {background: ${this.palletColors.firstColor}}
+.list-filter mat-icon {color: ${this.palletColors.filterIconColor}!important;}
+koala-page .menu-options {background: ${this.palletColors.menuBackground};}
+koala-page .toolbar {background: ${this.palletColors.toolbarBackground};}
+koala-page .toolbar .btn-collapse-menu,
+koala-page .btn-toolbar span{color: ${this.palletColors.toolbarColor};}
+koala-page .btn-toolbar span.icon-user,
+.user-presentation span.icon-user {background: ${this.palletColors.userPresentationUserBackground};color: ${this.palletColors.userPresentationUserFontColor};}
+.user-presentation {background: ${this.palletColors.userPresentationBackground};}
+.user-presentation span.username {color: ${this.palletColors.toolbarColor};}
+.mat-drawer.mat-drawer-push {background-color: ${this.palletColors.bodyBackground};}
+koala-menu .title {background: ${this.palletColors.menuTitleBackground};color: ${this.palletColors.menuTitleColor};}
+koala-menu ul li,
+koala-menu ul li a {color: ${this.palletColors.menuOptionsColor};}
+koala-menu ul li:hover,
+koala-menu ul li:hover a {color: ${this.palletColors.menuOptionsColorHover} !important;}
+koala-menu ul li.active,
+koala-menu ul li.expanded {color: ${this.palletColors.menuOptionsColorActive} !important;border-left: 4px solid ${this.palletColors.menuOptionsColorActive} !important;background: ${this.palletColors.menuOptionsBackground} !important;}
+koala-menu ul li.active a,
+koala-menu ul li.expanded a {color: ${this.palletColors.menuOptionsColorActive} !important;background: ${this.palletColors.menuOptionsBackground} !important;}
+koala-menu ul li li:hover,
+koala-menu ul li li:hover a {color: ${this.palletColors.menuOptionsColorHover} !important;}
+koala-menu ul li li.active,
+koala-menu ul li li.active a {color: ${this.palletColors.menuOptionsColorActive} !important;}
+koala-menu ul li koala-icon svg *,
+koala-menu ul li a koala-icon svg * {fill: ${this.palletColors.menuOptionsColor};}
+koala-menu ul li:hover koala-icon svg *,
+koala-menu ul li:hover a koala-icon svg * {fill: ${this.palletColors.menuOptionsColorHover} !important;}
+koala-menu ul li.active koala-icon *,
+koala-menu ul li.expanded koala-icon * {fill: ${this.palletColors.menuOptionsColorActive} !important;}
+koala-menu ul li li:hover koala-icon *,
+koala-menu ul li li:hover a koala-icon * {fill: ${this.palletColors.menuOptionsColorHover} !important;}
+koala-menu ul li li.active koala-icon *,
+koala-menu ul li li.active a koala-icon * {fill: ${this.palletColors.menuOptionsColorActive}!important;}
+.notifications-content .title {color: ${this.palletColors.notificationTitleColor}!important;}
+.notifications-content .empty,
+.notifications-content .titleList {color: ${this.palletColors.notificationContentTitleColor}!important;}
+.notifications-content .iconList {color: ${this.palletColors.notificationContentIconColor}!important;}
+.notifications-content .textList {color: ${this.palletColors.notificationTitleColor}!important;}
+.list-container {box-shadow: 0 1px 3px ${this.palletColors.shadowColorTableList};}
+.list-container .list table.table-hover tr:hover {background: ${this.palletColors.listItemBackgroudHover};}
+.list-container .list table.table-hover tr:active {background: ${this.palletColors.listItemBackgroundActive};}
+.list-container .list-filter .advanced {background: ${this.palletColors.firstColor};}
+.list-container nav.menu-list {background: ${this.palletColors.firstColor};color: rgba(25, 118, 210, .3);}
+.content {background: ${this.palletColors.listContentBackground};}
+.mat-tab-group .mat-tab-label {color: ${this.palletColors.fontColor};}
+.mat-tab-group .mat-ink-bar {background-color: ${this.palletColors.fontColor}!important;}
+.mat-table {background: ${this.palletColors.listBackground};color: ${this.palletColors.fontColor};}
+.mat-table th {color: ${this.palletColors.listTitleItemColor}!important;}
+.mat-sort-header-arrow {color: ${this.palletColors.listItemColor}!important;}
+.mat-table td {color: ${this.palletColors.listItemColor}!important;}`;
+        const head = document.head || document.getElementsByTagName('head')[0];
+        const style = document.createElement('style');
+        head.appendChild(style);
+        style.appendChild(document.createTextNode(css));
+    }
+    initOAuth2() {
+        KoalaOauthConfig.config.subscribe(config => this.startConfig(config));
+        if (KoalaOauthConfig.hasConfig()) {
+            KoalaOauthConfig.setConfig(KoalaOauthConfig.getConfig());
+        }
+    }
+    startConfig(config) {
+        var _a, _b;
+        if (config.clientId) {
+            this.oauth2Service.configure({
+                redirectUri: window.location.origin,
+                redirectUriAfterAuth: this.defaultPage,
+                responseType: 'code',
+                clientId: config.clientId,
+                scope: config.scope,
+                issuer: config.domain,
+                customQueryParams: config.customQueryParams,
+                endpointToken: (_a = config.endpointToken) !== null && _a !== void 0 ? _a : null,
+                endpointClaims: (_b = config.endpointClaims) !== null && _b !== void 0 ? _b : null
+            });
+            this.oauth2Service.loadDiscoveryDocumentAndTryLogin().then();
+            if (this.oauthEventsSubscription) {
+                this.oauthEventsSubscription.unsubscribe();
+            }
+            this.oauthEventsSubscription = this.oauth2Service.events.subscribe(event => {
+                var _a;
+                if (event === 'userAuthenticated' || event === 'refreshToken') {
+                    const claims = this.oauth2Service.getIdentityClaims();
+                    if (claims && (!TokenFactory.hasToken() ||
+                        (TokenFactory.hasToken() && event === 'refreshToken'))) {
+                        this.tokenService.setToken(jwtEncode({
+                            accessToken: this.oauth2Service.getAccessToken(),
+                            idToken: this.oauth2Service.getIdToken(),
+                            refreshToken: this.oauth2Service.getRefreshToken(),
+                            login: (_a = claims[config.indexLoginName]) !== null && _a !== void 0 ? _a : 'Undefined',
+                            expired: this.oauth2Service.getAccessTokenExpiration(),
+                            code: this.oauth2Service.getCode()
+                        }, 'secret'));
+                    }
+                    if (event === 'userAuthenticated') {
+                        setTimeout(() => this.validationScope$.next(false), 300);
+                    }
+                }
+                else if (event === 'getToken') {
+                    this.validationScope$.next(true);
+                }
+            });
+        }
+    }
+}
+PageComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-page',
+                template: "<div *ngIf=\"showLoaderPage | async\" class=\"koala-loader-pg\">\n  <div class=\"loader-content\">\n    <figure>\n      <img [src]=\"logo\" alt=\"Logotipo\"/>\n      <figcaption *ngIf=\"(messageLoaderPage | async) as messageLoader\" [innerHTML]=\"messageLoader\"></figcaption>\n    </figure>\n    <mat-spinner></mat-spinner>\n  </div>\n</div>\n<app-loader-page *ngIf=\"(loaderSubject | async) as loader\" [progress]=\"loader.progress\" [show]=\"loader.show\"\n                 [typeLoader]=\"loader.typeLoader\"></app-loader-page>\n<mat-drawer-container autosize class=\"menu-container\">\n  <mat-drawer #drawer class=\"menu-options\" [mode]=\"isMobile ? 'push' : 'side'\">\n    <img [src]=\"logo\" alt=\"Logotipo\" id=\"logotipo\"/>\n    <ng-content *ngIf=\"showMenu\" select=\"[menu-options]\"></ng-content>\n  </mat-drawer>\n\n  <mat-toolbar *ngIf=\"!!(logged$ | async) && (username$ | async)\" class=\"toolbar\">\n    <img *ngIf=\"!showMenu\" [src]=\"logo\" alt=\"Logotipo Toolbar\" id=\"logotipo-toolbar\"/>\n    <button (click)=\"toogleMenu()\" *ngIf=\"showMenu\" [color]=\"color\" class=\"btn-collapse-menu\" mat-icon-button>\n      <mat-icon>menu</mat-icon>\n    </button>\n    <span class=\"spacer\"></span>\n\t  <div class=\"menu-toolbar\">\n\t\t  <ng-content select=\"[menu-toolbar]\"></ng-content>\n\t  </div>\n    <div *ngIf=\"(notifications | async) as notificationList\">\n      <button *ngIf=\"notifications\" [color]=\"color\" [matMenuTriggerFor]=\"notificationsMenu\" class=\"btn-toolbar\"\n              mat-icon-button>\n        <mat-icon\n\t        [matBadgeHidden]=\"notificationList.length === 0\"\n\t        [matBadge]=\"notificationList.length.toString()\"\n\t        matBadgeColor=\"warn\">notifications\n        </mat-icon>\n      </button>\n      <mat-menu #notificationsMenu=\"matMenu\" class=\"menu-list\" yPosition=\"below\">\n        <koala-notification-list\n          (delete)=\"deleteNotification.emit($event)\"\n          (deleteAll)=\"deleteAllNotifications.emit($event)\"\n          [notifications]=\"notificationList\">\n        </koala-notification-list>\n      </mat-menu>\n    </div>\n    <button [color]=\"color\" [matMenuTriggerFor]=\"userOptions\" class=\"btn-toolbar\" mat-button>\n      <span>{{username$ | async}}</span>\n      <span class=\"icon-user\">{{firstUserLetter$ | async}}</span>\n    </button>\n    <mat-menu #userOptions=\"matMenu\" class=\"user-menu menu-list\" yPosition=\"below\">\n      <div class=\"user-presentation\">\n        <span class=\"icon-user\">{{firstUserLetter$ | async}}</span><br/>\n        <span class=\"username\">{{username$ | async}}</span>\n      </div>\n      <button (click)=\"btn.action()\" *ngFor=\"let btn of userMenuOptions\" mat-menu-item>\n        <mat-icon>{{btn.icon}}</mat-icon>\n        <span>{{btn.name}}</span>\n      </button>\n      <button (click)=\"logout()\" mat-menu-item>\n        <mat-icon>exit_to_app</mat-icon>\n        <span>{{language === 'ptBr' ? 'Sair' : 'Logout'}}</span>\n      </button>\n    </mat-menu>\n  </mat-toolbar>\n\n  <ng-content class=\"page-content\" select=\"[page-content]\"></ng-content>\n\n</mat-drawer-container>\n\n<ng-content class=\"loading-info-content\" select=\"[loading-info-content]\"></ng-content>\n",
+                providers: [KoalaTokenService],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".menu-container{height:100vh;width:100vw}.menu-options{border:none;padding:20px 0 0;width:250px}.page-content{align-items:center;display:flex;height:100%;justify-content:center}img#logotipo,img#logotipo-toolbar{display:block;height:auto;margin:0 auto 25px;position:relative;width:120px}.toolbar{box-shadow:none;padding:0 7px 0 13px}.toolbar img#logotipo-toolbar{margin:0;padding:0 10px}.menu-toolbar{margin:0 10px}.spacer{flex:1 1 auto}.btn-toolbar{display:inline-block;margin-right:10px;position:relative}.btn-toolbar span{padding:0 10px 0 0}.btn-toolbar span.icon-user,.user-presentation span.icon-user{border-radius:50%;display:inline-block;height:10px;line-height:10px;padding:5px;width:10px}.user-presentation{min-width:260px;padding:50px 10px;text-align:center}.user-presentation span.icon-user{font-size:30px;height:30px;line-height:30px;margin-bottom:10px;width:30px}.user-presentation span.username{font-family:OpenSansLight,sans-serif;word-break:break-all}@media (max-width: 900px){.btn-toolbar span:first-child{display:none}.btn-toolbar span.icon-user,.user-presentation span.icon-user{height:20px;line-height:20px;width:20px}}\n"]
+            },] }
+];
+PageComponent.ctorParameters = () => [
+    { type: KoalaTokenService },
+    { type: Router },
+    { type: KoalaLoaderService },
+    { type: KoalaMenuService },
+    { type: KoalaOAuth2Service },
+    { type: DeviceDetectorService }
+];
+PageComponent.propDecorators = {
+    showMenu: [{ type: Input }],
+    color: [{ type: Input }],
+    logo: [{ type: Input }],
+    startMenuOpened: [{ type: Input }],
+    showLoaderPage: [{ type: Input }],
+    messageLoaderPage: [{ type: Input }],
+    defaultPage: [{ type: Input }],
+    openPages: [{ type: Input }],
+    notifications: [{ type: Input }],
+    userMenuOptions: [{ type: Input }],
+    palletColors: [{ type: Input }],
+    language: [{ type: Input }],
+    validatingScope: [{ type: Output }],
+    logoutEmitter: [{ type: Output }],
+    deleteAllNotifications: [{ type: Output }],
+    deleteNotification: [{ type: Output }],
+    menu: [{ type: ViewChild, args: ['drawer', { static: true },] }]
+};
+
+class KoalaNotFoundError extends Error {
+}
+
+class KoalaUnhautorizedError extends Error {
+}
+
+class KoalaClientError extends Error {
+}
+
+class KoalaSuccessError extends Error {
+}
+
+class KoalaErrorsHelper {
+    static generate(e, urlRequest, customMessage) {
+        let errorMessage = {
+            error: true,
+            message: (customMessage ? customMessage : e.message),
+            urlRequest
+        };
+        if (e instanceof KoalaSuccessError) {
+            errorMessage.error = false;
+            errorMessage.statusCode = 200;
+            errorMessage.alertEnum = KoalaAlertEnum.success;
+        }
+        else if (e instanceof KoalaNotFoundError) {
+            errorMessage.statusCode = 404;
+            errorMessage.alertEnum = KoalaAlertEnum.notFound;
+        }
+        else if (e instanceof KoalaUnhautorizedError) {
+            errorMessage.statusCode = 401;
+            errorMessage.alertEnum = KoalaAlertEnum.unhautorized;
+        }
+        else if (e instanceof KoalaClientError) {
+            errorMessage.statusCode = 400;
+            errorMessage.alertEnum = KoalaAlertEnum.badRequest;
+        }
+        else if (e instanceof HttpErrorResponse) {
+            errorMessage.urlRequest = e.url;
+            errorMessage.statusCode = e.status;
+            errorMessage.alertEnum = KoalaAlertEnum.internalServerError;
+            if (e.error && e.error.message) {
+                errorMessage.message = e.error.message;
+            }
+        }
+        else {
+            errorMessage.statusCode = 500;
+            errorMessage.alertEnum = KoalaAlertEnum.internalServerError;
+        }
+        return errorMessage;
+    }
+}
+
+class KoalaRequestHeaderHelper {
+    static add(token) {
+        const headers = koala({}).object();
+        if (token) {
+            headers.merge({ Authorization: 'Bearer ' + token });
+        }
+        if (KoalaOauthConfig.hasConfig()) {
+            headers.merge({ Authenticator: KoalaOauthConfig.getConfig() });
+        }
+        return headers.getValue();
+    }
+}
+
+// @dynamic
+class KoalaResponseFactory {
+    static generateResponse(response, urlRequest) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                var _a, _b, _c, _d, _e, _f;
+                let alert;
+                switch (response.status) {
+                    case 200:
+                    case 201:
+                        alert = KoalaErrorsHelper.generate(new KoalaSuccessError((_a = response.body) === null || _a === void 0 ? void 0 : _a.message), urlRequest);
+                        alert.data = response.body;
+                        resolve(alert);
+                        break;
+                    case 400:
+                        alert = KoalaErrorsHelper.generate(new KoalaClientError(response.body.message), urlRequest);
+                        reject(alert);
+                        break;
+                    case 404:
+                        alert = KoalaErrorsHelper.generate(new KoalaNotFoundError((_b = response.body) === null || _b === void 0 ? void 0 : _b.message), urlRequest);
+                        reject(alert);
+                        break;
+                    case 401:
+                        alert = KoalaErrorsHelper.generate(new KoalaUnhautorizedError((_c = response.body) === null || _c === void 0 ? void 0 : _c.message), urlRequest);
+                        reject(alert);
+                        break;
+                    case 405:
+                        alert = KoalaErrorsHelper.generate(new KoalaClientError((_d = response.body) === null || _d === void 0 ? void 0 : _d.message), urlRequest);
+                        reject(alert);
+                        break;
+                    case 500:
+                    default:
+                        alert = KoalaErrorsHelper.generate(new Error((response && ((_e = response.body) === null || _e === void 0 ? void 0 : _e.message)) ? (_f = response.body) === null || _f === void 0 ? void 0 : _f.message : KoalaLanguageHelper.getInternalServerErrorMessage()), urlRequest);
+                        reject(alert);
+                        break;
+                }
+            });
+        });
+    }
+}
+
+class KoalaApiRequesterService {
+    constructor(http, oauth2Service) {
+        this.http = http;
+        this.oauth2Service = oauth2Service;
+        this.isMockup = false;
+        this.subscriptions = [];
+    }
+    request(method, url, data = {}) {
+        if (data.__zone_symbol__state) {
+            data = data.__zone_symbol__value;
+        }
+        switch (method) {
+            case 'post':
+            case 'put':
+            case 'patch':
+            case 'delete':
+                return this.promiseSendData(this.postPutDelete(method, url, data), url);
+            case 'get':
+                let httpParams = new HttpParams();
+                Object.keys(data !== null && data !== void 0 ? data : {}).forEach((key) => {
+                    let dado = data[key];
+                    if (typeof dado == "object") {
+                        if (dado && dado.hasOwnProperty('length') && dado.length > 0) {
+                            dado.forEach(item => {
+                                httpParams = httpParams.append(`${key.replace('[]', '')}[]`, item);
+                            });
+                        }
+                        else {
+                            httpParams = httpParams.append(key, dado);
+                        }
+                    }
+                    else {
+                        httpParams = httpParams.append(key, dado);
+                    }
+                });
+                return this.promiseGetData(this.get(url, httpParams));
+        }
+    }
+    cancelRequests() {
+        for (let subscribe of this.subscriptions.values()) {
+            subscribe.unsubscribe();
+        }
+    }
+    get(url, params) {
+        return this.getMethod('get', url, params)
+            .pipe(map(response => {
+            return response.body;
+        }));
+    }
+    postPutDelete(method, url, data) {
+        return this.getMethod(method, url, data);
+    }
+    promiseGetData(request) {
+        return new Observable(observe => {
+            this.subscriptions
+                .push(request.pipe(first())
+                .subscribe({
+                next: response => {
+                    observe.next(response);
+                    observe.complete();
+                },
+                error: e => {
+                    if (e.status === 401) {
+                        this.oauth2Service.logout();
+                    }
+                    observe.error(KoalaErrorsHelper.generate(e));
+                }
+            }));
+        });
+    }
+    promiseSendData(request, urlRequest) {
+        return new Observable(observe => {
+            this.subscriptions
+                .push(request.pipe(first())
+                .subscribe({
+                next: response => KoalaResponseFactory.generateResponse(response, urlRequest)
+                    .then(success => {
+                    observe.next(success);
+                    observe.complete();
+                })
+                    .catch(error => {
+                    if (error.status === 401) {
+                        this.oauth2Service.logout();
+                    }
+                    observe.error(error);
+                }),
+                error: e => observe.error(KoalaErrorsHelper.generate(e))
+            }));
+        });
+    }
+    getUrlBase() {
+        return this.isMockup ? 'http://localhost:4200/assets/mockup' : this.apiUrl;
+    }
+    getMethod(method, url, data = {}) {
+        const options = {
+            observe: 'response',
+            headers: KoalaRequestHeaderHelper.add(TokenFactory.getToken())
+        };
+        switch (method) {
+            case "post":
+                return this.http.post(`${this.getUrlBase()}/${url}`, data, options);
+            case "put":
+                return this.http.put(`${this.getUrlBase()}/${url}`, data, options);
+            case "patch":
+                return this.http.patch(`${this.getUrlBase()}/${url}`, data, options);
+            case "delete":
+                return this.http.delete(`${this.getUrlBase()}/${url}`, options);
+            case "get":
+                options.params = data;
+                return this.http.get(`${this.getUrlBase()}/${url}`, options);
+        }
+    }
+}
+KoalaApiRequesterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KoalaApiRequesterService_Factory() { return new KoalaApiRequesterService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(KoalaOAuth2Service)); }, token: KoalaApiRequesterService, providedIn: "root" });
+KoalaApiRequesterService.decorators = [
+    { type: Injectable, args: [{ providedIn: "root" },] }
+];
+KoalaApiRequesterService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: KoalaOAuth2Service }
+];
+
+class KoalaApiRequesterBase {
+    constructor(koalaService, endpoint, isMockup = false) {
+        var _a;
+        this.koalaService = koalaService;
+        this.endpoint = endpoint;
+        koalaService.apiUrl = (_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.endpointApi;
+        koalaService.isMockup = isMockup;
+    }
+    getAll(filter) {
+        return this.koalaService.request('get', this.endpoint, this.getParams(filter));
+    }
+    getById(id) {
+        return this.koalaService.request('get', this.endpoint + '/' + id);
+    }
+    getBySomething(something) {
+        return this.koalaService.request('get', this.endpoint + '/' + something);
+    }
+    save(data, id) {
+        return this.koalaService.request((id ? 'put' : 'post'), `${this.endpoint}${(id ? `/${id}` : '')}`, data);
+    }
+    delete(id) {
+        return this.koalaService.request('delete', this.endpoint + '/' + id);
+    }
+    cancelRequests() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.koalaService.cancelRequests();
+        });
+    }
+    getParams(params) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            let filter = {};
+            if (params instanceof BehaviorSubject) {
+                Object.assign(filter, (_a = params === null || params === void 0 ? void 0 : params.getValue()) !== null && _a !== void 0 ? _a : {});
+            }
+            else {
+                Object.assign(filter, params !== null && params !== void 0 ? params : {});
+            }
+            if (filter &&
+                filter.hasOwnProperty('sort') &&
+                filter.hasOwnProperty('order') &&
+                filter.hasOwnProperty('limit') &&
+                filter.hasOwnProperty('page') &&
+                filter.hasOwnProperty('params')) {
+                Object.keys(filter.params).forEach(indexName => {
+                    if (`${filter.params[indexName]}` === 'NaN' ||
+                        filter.params[indexName] === null) {
+                        filter.params[indexName] = '';
+                    }
+                });
+                return koala({})
+                    .object()
+                    .merge(filter.params)
+                    .merge({
+                    sort: filter.sort,
+                    order: filter.order,
+                    limit: filter.limit,
+                    page: filter.page
+                })
+                    .getValue();
+            }
+            return filter !== null && filter !== void 0 ? filter : null;
+        });
+    }
+}
+
+class KoalaCsvService {
+    constructor(papa) {
+        this.papa = papa;
+    }
+    convertJsonToCsv(json, filename = 'export') {
+        this.downloadCsv(new Blob([
+            this.papa.unparse(json, {
+                header: true,
+                delimiter: ";",
+                newline: "\r\n"
+            })
+        ], {
+            type: 'text/csv;charset=utf-8;'
+        }), filename);
+    }
+    downloadCsv(blob, filename = 'export') {
+        let link = document.createElement('a');
+        let url = URL.createObjectURL(blob);
+        link.setAttribute("href", url);
+        link.setAttribute("download", filename + '.csv');
+        link.style.visibility = 'hidden';
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+}
+KoalaCsvService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KoalaCsvService_Factory() { return new KoalaCsvService(i0.ɵɵinject(i1$1.Papa)); }, token: KoalaCsvService, providedIn: "any" });
+KoalaCsvService.decorators = [
+    { type: Injectable, args: [{ providedIn: "any" },] }
+];
+KoalaCsvService.ctorParameters = () => [
+    { type: Papa }
+];
+
+class KoalaRequestService {
+    constructor(koalaAlertService) {
+        this.koalaAlertService = koalaAlertService;
+    }
+    request(request, success, error) {
+        if (request instanceof Promise) {
+            request.then((response) => {
+                if (success) {
+                    success(response);
+                }
+            }).catch(e => {
+                if (error) {
+                    error(e);
+                }
+                this.showAlertError(e);
+            });
+        }
+        else {
+            return request.subscribe((response) => {
+                if (success) {
+                    success(response);
+                }
+            }, (e) => {
+                if (error) {
+                    error(e);
+                }
+                this.showAlertError(e);
+            });
+        }
+    }
+    showAlertError(e) {
+        const alertEnum = KoalaRequestCodeToAlertEnumTranslate.translate(e.statusCode);
+        this.koalaAlertService.create({
+            alertEnum,
+            message: alertEnum === KoalaAlertEnum.internalServerError
+                ? KoalaLanguageHelper.getInternalServerErrorMessage()
+                : e.message
+        });
+    }
+}
+KoalaRequestService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KoalaRequestService_Factory() { return new KoalaRequestService(i0.ɵɵinject(i1$2.KoalaAlertService)); }, token: KoalaRequestService, providedIn: "any" });
+KoalaRequestService.decorators = [
+    { type: Injectable, args: [{ providedIn: "any" },] }
+];
+KoalaRequestService.ctorParameters = () => [
+    { type: KoalaAlertService }
+];
+
+class KoalaXlsxService {
+    convertJsonToXlsx(json, config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const title = config.title;
+            const header = [];
+            Object.keys(json[0]).forEach(name => {
+                header.push(koala(name).string().normalize().getValue().toUpperCase());
+            });
+            const workbook = new Excel.Workbook();
+            const worksheet = workbook.addWorksheet(config.sheetName);
+            if (config.password)
+                yield worksheet.protect(config.password, {
+                    selectLockedCells: false,
+                    selectUnlockedCells: false,
+                    scenarios: false
+                });
+            const titleRow = worksheet.addRow([title]);
+            titleRow.alignment = { horizontal: "center" };
+            titleRow.font = { bold: true, color: { argb: config.titleFontColor.replace('#', '') } };
+            titleRow.fill = {
+                type: 'pattern',
+                pattern: 'solid',
+                fgColor: { argb: config.titleBackgroundColor.replace('#', '') },
+                bgColor: { argb: config.titleBackgroundColor.replace('#', '') }
+            };
+            worksheet.mergeCells(`A1:${worksheet.getCell(1, Object.keys(json[0]).length).address}`);
+            const headerRow = worksheet.addRow(header);
+            headerRow.eachCell((cell, number) => {
+                cell.fill = {
+                    type: 'pattern',
+                    pattern: 'solid',
+                    fgColor: { argb: config.headerBackgroundColor.replace('#', '') },
+                    bgColor: { argb: config.headerBackgroundColor.replace('#', '') }
+                };
+                cell.font = {
+                    color: { argb: config.headerFontColor.replace('#', '') }
+                };
+            });
+            json.forEach(item => {
+                const data = [];
+                Object.values(item).forEach(value => data.push(value));
+                worksheet.addRow(data);
+            });
+            workbook.xlsx.writeBuffer().then((data) => {
+                let blob = new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+                fs.saveAs(blob, config.filename + '.xlsx');
+            });
+        });
+    }
+}
+KoalaXlsxService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KoalaXlsxService_Factory() { return new KoalaXlsxService(); }, token: KoalaXlsxService, providedIn: "any" });
+KoalaXlsxService.decorators = [
+    { type: Injectable, args: [{ providedIn: "any" },] }
+];
+
+class KoalaParameterHashLocationStrategy extends HashLocationStrategy {
+    prepareExternalUrl(internal) {
+        var _a;
+        const hasToken = !!localStorage.getItem((_a = KoalaEnvironment.environment) === null || _a === void 0 ? void 0 : _a.storageTokenName);
+        return !hasToken ?
+            window.location.search + super.prepareExternalUrl(internal) :
+            super.prepareExternalUrl(internal);
+    }
+}
+KoalaParameterHashLocationStrategy.decorators = [
+    { type: Injectable }
+];
+
+const maskOptions = {
+    validation: false
+};
+
+class KoalaPageModule {
+}
+KoalaPageModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    PageComponent,
+                    NotificationComponent,
+                    LoaderBarPageComponent
+                ],
+                exports: [
+                    PageComponent,
+                    RouterModule
+                ],
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    MatBadgeModule,
+                    MatProgressSpinnerModule,
+                    MatProgressBarModule,
+                    MatToolbarModule,
+                    MatTooltipModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    MatSidenavModule,
+                    MatListModule,
+                    MatMenuModule
+                ]
+            },] }
+];
+
+class NgxKoalaModule {
+    static forRoot(environment) {
+        var _a, _b;
+        environment.storageOAuthTypeName = (_a = environment.storageOAuthTypeName) !== null && _a !== void 0 ? _a : 'koala_ui_oauth_type';
+        environment.storageTokenName = (_b = environment.storageTokenName) !== null && _b !== void 0 ? _b : 'koala_ui_token';
+        KoalaEnvironment.environment = environment;
+        return {
+            ngModule: NgxKoalaModule,
+            providers: [KoalaOAuth2Service]
+        };
+    }
+}
+NgxKoalaModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    HttpClientModule,
+                    KoalaPageModule
+                ],
+                exports: [
+                    HttpClientModule,
+                    KoalaPageModule
+                ],
+                providers: [
+                    KoalaOAuth2Service
+                ]
+            },] }
+];
+
+//#region [COMPONENTS]
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KOALA_LOADER_SUBJECT, KoalaApiRequesterBase, KoalaApiRequesterService, KoalaCsvService, KoalaLanguageHelper, KoalaLoaderService, KoalaOAuth2Service, KoalaOauthConfig, KoalaParameterHashLocationStrategy, KoalaRequestService, KoalaTokenService, KoalaXlsxService, LoaderBarPageComponent, NgxKoalaModule, NotificationComponent, PageComponent, maskOptions, KoalaEnvironment as ɵa, KoalaPageModule as ɵb };
+//# sourceMappingURL=koalarx-ui-core.js.map