@koalarx/ui 15.0.0 → 20.0.2

package/core/fesm2020/koalarx-ui-core.mjs

@@ -1,1468 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, Injectable, ViewChild, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule, HashLocationStrategy } from '@angular/common';
-import * as i2 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i2$1 from '@angular/router';
-import { NavigationError, NavigationEnd, NavigationCancel, NavigationStart, RouterModule } from '@angular/router';
-import * as i3 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i11 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i5 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i6 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import { BehaviorSubject, interval, Observable, skipWhile } from 'rxjs';
-import jwt from 'jwt-decode';
-import * as i4 from '@koalarx/ui/menu';
-import { menuStateSubject } from '@koalarx/ui/menu';
-import jwtEncode from 'jwt-encode';
-import { koala } from '@koalarx/utils';
-import { delay } from '@koalarx/utils/operators/delay';
-import { randomString } from '@koalarx/utils/operators/string';
-import * as i1$1 from '@angular/common/http';
-import { HttpErrorResponse, HttpParams, HttpClientModule } from '@angular/common/http';
-import * as i6$1 from 'ngx-device-detector';
-import * as i8 from '@angular/material/badge';
-import { MatBadgeModule } from '@angular/material/badge';
-import * as i9 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i10 from '@angular/material/toolbar';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i13 from '@angular/material/sidenav';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i14 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import * as i1$2 from '@koalarx/ui/alert';
-import { KoalaAlertEnum, KoalaRequestCodeToAlertEnumTranslate } from '@koalarx/ui/alert';
-import { map, first } from 'rxjs/operators';
-import { EventSourcePolyfill } from 'event-source-polyfill';
-
-class LoaderBarPageComponent {
-    constructor() {
-        this.show = false;
-        this.progress = 0;
-        this.typeLoader = 'indeterminate';
-    }
-}
-LoaderBarPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoaderBarPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoaderBarPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: LoaderBarPageComponent, selector: "app-loader-page", inputs: { show: "show", progress: "progress", typeLoader: "typeLoader" }, ngImport: i0, 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", styles: [".loader-bar-page{position:absolute;display:none;top:0;left:0;width:100vw;height:100vh;z-index:100000}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoaderBarPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-loader-page', changeDetection: ChangeDetectionStrategy.OnPush, 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", styles: [".loader-bar-page{position:absolute;display:none;top:0;left:0;width:100vw;height:100vh;z-index:100000}\n"] }]
-        }], propDecorators: { show: [{
-                type: Input
-            }], progress: [{
-                type: Input
-            }], typeLoader: [{
-                type: Input
-            }] } });
-
-class NotificationComponent {
-    constructor() {
-        this.deleteAll = new EventEmitter(false);
-        this.delete = new EventEmitter(null);
-    }
-    ngOnChanges(changes) {
-        this.appName = document.title.indexOf(') ') >= 0 ? document.title.split(') ')[1] : document.title;
-        if (changes.notifications && this.notifications.length > 0) {
-            document.title = `(${this.notifications.length}) ${this.appName}`;
-        }
-        else {
-            document.title = this.appName;
-        }
-    }
-    deleteAllNotifications() {
-        this.deleteAll.emit(true);
-    }
-    deleteNotification(notification) {
-        this.delete.emit(notification);
-    }
-}
-NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NotificationComponent, selector: "koala-notification-list", inputs: { notifications: "notifications" }, outputs: { deleteAll: "deleteAll", delete: "delete" }, usesOnChanges: true, ngImport: i0, 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", 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:-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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i6.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'koala-notification-list', changeDetection: ChangeDetectionStrategy.OnPush, 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", 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:-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"] }]
-        }], ctorParameters: function () { return []; }, 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() {
-        if (!!localStorage.getItem(KoalaEnvironment.environment?.storageTokenName)) {
-            TokenFactory.setToken(localStorage.getItem(KoalaEnvironment.environment?.storageTokenName));
-        }
-    }
-    static setToken(token) {
-        localStorage.setItem(KoalaEnvironment.environment?.storageTokenName, token);
-        this.token = token;
-    }
-    static getToken() {
-        return this.token;
-    }
-    static removeToken() {
-        localStorage.removeItem(KoalaEnvironment.environment?.storageTokenName);
-        this.token = null;
-    }
-    static hasToken() {
-        return !!this.token && !!localStorage.getItem(KoalaEnvironment.environment?.storageTokenName);
-    }
-    static logout() {
-        this.removeToken();
-    }
-}
-
-class MatFormFieldHelper {
-    // Devido a mudanças constantes de estado dos campos de formulário, em certos casos o componente do Material Angular não se comporta conforme o esperado, devido a isso, este Helper tem essa função
-    static fixDisabledStateForDisabledFields() {
-        document.querySelectorAll(".mat-form-field input:disabled").forEach(inputEl => {
-            let matFormFieldElement;
-            let tmpElement;
-            do {
-                tmpElement = tmpElement ? tmpElement.parentElement : inputEl.parentElement;
-                if (tmpElement.classList.contains('mat-form-field')) {
-                    matFormFieldElement = tmpElement;
-                }
-            } while (!matFormFieldElement);
-            matFormFieldElement?.classList.add('mat-form-field-disabled');
-        });
-    }
-}
-
-class KoalaTokenService {
-    constructor() {
-        this.token$ = new BehaviorSubject(null);
-        this.verifySession();
-    }
-    ngOnDestroy() {
-        this.intervalToken?.unsubscribe();
-        this.intervalFixMatFormField?.unsubscribe();
-    }
-    setToken(token) {
-        if (TokenFactory.hasToken()) {
-            this.token$.next(token);
-        }
-        TokenFactory.setToken(token);
-        this.intervalFixMatFormField = interval(1000).subscribe(() => MatFormFieldHelper.fixDisabledStateForDisabledFields());
-    }
-    getToken() {
-        return this.token$;
-    }
-    getDecodedToken() {
-        return (TokenFactory.hasToken() ? jwt(TokenFactory.getToken()) : null);
-    }
-    getOAuth2Token() {
-        return (TokenFactory.hasToken() ? jwt(TokenFactory.getToken()) : null);
-    }
-    removeToken() {
-        TokenFactory.removeToken();
-        this.intervalFixMatFormField?.unsubscribe();
-    }
-    verifySession() {
-        TokenFactory.init();
-        this.token$.next(TokenFactory.getToken());
-        this.intervalToken = interval(300).subscribe(() => {
-            if (!TokenFactory.hasToken() && this.token$.getValue()) {
-                this.token$.next(null);
-            }
-            else if (TokenFactory.hasToken() && !this.token$.getValue()) {
-                this.token$.next(TokenFactory.getToken());
-            }
-        });
-    }
-}
-KoalaTokenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaTokenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaTokenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaTokenService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaTokenService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: "any" }]
-        }], ctorParameters: function () { return []; } });
-
-// @dynamic
-class KoalaOauthConfig {
-    static getConfig() {
-        return localStorage.getItem(KoalaEnvironment.environment?.storageOAuthTypeName);
-    }
-    static hasConfig() {
-        return !!this.getConfig();
-    }
-    static setConfig(type) {
-        localStorage.setItem(KoalaEnvironment.environment?.storageOAuthTypeName, type);
-        this.config.next(this.getOAuthConfig(type));
-    }
-    static getOAuthConfig(type) {
-        const environment = KoalaEnvironment.environment?.oauthConfig?.find(config => config.name === type) ?? null;
-        return environment ?? {
-            customQueryParams: {
-                client_secret: null
-            },
-            clientId: null,
-            scope: null,
-            domain: null,
-            strictDiscoveryDocumentValidation: false,
-            indexLoginName: 'name'
-        };
-    }
-}
-KoalaOauthConfig.config = new BehaviorSubject(KoalaOauthConfig.getOAuthConfig(KoalaOauthConfig.getConfig()));
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaLoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaLoaderService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaLoaderService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: "any" }]
-        }] });
-
-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() {
-        this.eventSubscription?.unsubscribe();
-        this.refreshTokenInterval?.unsubscribe();
-    }
-    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);
-            });
-        });
-    }
-    async initLoginFlow(name) {
-        if (name) {
-            KoalaOauthConfig.setConfig(name);
-            await delay(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) {
-        this.refreshTokenInterval?.unsubscribe();
-        this.refreshTokenInterval = interval(1000).subscribe(() => {
-            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);
-                    }
-                }
-            }
-        });
-    }
-    getToken(code, refreshToken) {
-        if (refreshToken) {
-            this.refreshTokenInterval?.unsubscribe();
-        }
-        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(this.config.customQueryParams ?? {}).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(this.config.endpointToken ?? 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() {
-        this.http.get((this.config.endpointClaims ?? 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) :
-            randomString(30, {
-                numbers: true,
-                uppercase: true,
-                lowercase: true
-            });
-    }
-}
-KoalaOAuth2Service.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaOAuth2Service, deps: [{ token: i1$1.HttpClient }, { token: i2$1.Router }, { token: KoalaTokenService }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaOAuth2Service.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaOAuth2Service });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaOAuth2Service, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i2$1.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() {
-        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'
-            ];
-        }
-        this.tokenService.getToken()?.subscribe(token => {
-            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() && this.openPages?.indexOf(this.currentUrl) >= 0 && this.defaultPage) {
-                this.router.navigate([this.defaultPage]).then();
-            }
-            else if (!this.logged$.getValue() && this.currentUrl && this.openPages?.indexOf(this.currentUrl) < 0) {
-                this.router.navigate(['login']).then();
-                return false;
-            }
-        });
-        this.router.events.subscribe(event => {
-            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 && this.openPages?.indexOf(this.currentUrl) >= 0) {
-                                this.router.navigate([this.defaultPage]).then();
-                                return false;
-                            }
-                            else if (!this.logged$.getValue() && this.openPages?.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(async (state) => {
-                if (this.menu) {
-                    if (state === 'close') {
-                        if (this.menu.opened) {
-                            await this.menu.close();
-                        }
-                    }
-                    else if (state === 'open') {
-                        if (!this.menu.opened) {
-                            await 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));
-    }
-    async toogleMenu() {
-        this.menuService.clearConfig();
-        if (this.menu) {
-            await this.menu.toggle();
-        }
-    }
-    async logout() {
-        if (KoalaEnvironment.environment?.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-mdc-button-disabled,
-input::placeholder,
-.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {color: ${this.palletColors.fontColor}!important;opacity: .6;}
-.mat-mdc-form-field-hint-wrapper,
-.mat-expansion-indicator::after,
-.more-items-content .items .titleForm,
-fieldset legend,
-.mat-mdc-paginator-container,
-.mat-mdc-form-field-flex mat-icon,
-.mat-mdc-menu-item .mdc-list-item__primary-text,
-button:disabled,
-.mat-mdc-paginator-range-actions button {color: ${this.palletColors.fontColor}!important;}
-.mat-mdc-paginator-range-actions button svg {fill: ${this.palletColors.fontColor}!important;}
-.mat-mdc-paginator-container,
-.mat-mdc-card,
-.mat-expansion-panel,
-.mat-mdc-select-panel,
-.mat-mdc-autocomplete-panel,
-.mat-mdc-menu-panel {background: ${this.palletColors.firstColor}}
-.mat-mdc-selected {background-color: rgba(0,0,0,.3)!important;}
-input:-webkit-autofill,
-input:-webkit-autofill:focus,
-input:-webkit-autofill:hover {-webkit-box-shadow: 0 0 0 1000px ${this.palletColors.fontColor} inset !important;}
-.mat-mdc-progress-spinner circle {stroke: ${this.palletColors.fontColor};}
-.question p,
-.alert-message,
-.mat-mdc-action-row,
-.mat-mdc-option .mdc-list-item__primary-text,
-.mat-mdc-menu-item,
-.mat-mdc-menu-item mat-icon {color: ${this.palletColors.fontColor}!important}
-.mdc-notched-outline div {border-color: ${this.palletColors.fontColor}!important;}
-.mat-mdc-select-value,
-.mat-mdc-select-arrow,
-.mat-mdc-form-field input,
-.mat-mdc-form-field textarea,
-.mat-mdc-form-field-appearance-outline:not(.mat-mdc-form-field-invalid) .mat-mdc-form-field-outline-thick,
-.mat-mdc-form-field label,
-.select-multiple-native select {color: ${this.palletColors.fontColor}!important;caret-color: ${this.palletColors.fontColor}!important;}
-.mat-mdc-form-field-underline,
-.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-underline::before,
-.mat-mdc-form-field-ripple {background: ${this.palletColors.fontColor}!important;}
-.mat-mdc-checkbox .mdc-form-field {color: ${this.palletColors.fontColor}!important;}
-.mat-mdc-checkbox-checked.mat-accent .mat-mdc-checkbox-background, .mat-mdc-checkbox-indeterminate.mat-accent .mat-mdc-checkbox-background,
-.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background {background-color: ${this.palletColors.checkboxBackground} !important;border-color: ${this.palletColors.checkboxOutlineColor}!important;}
-.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__checkmark {color: ${this.palletColors.checkboxColor} !important;}
-.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple, .mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple div {background-color: ${this.palletColors.checkboxBackground} !important;}
-.mat-mdc-checkbox-checkmark {fill: ${this.palletColors.checkboxColor} !important;}
-.mat-mdc-checkbox-mixedmark {background-color: ${this.palletColors.checkboxColor} !important;}
-.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {border-color: ${this.palletColors.checkboxOutlineColor}!important;}
-.mat-mdc-radio-button .mdc-form-field {color: ${this.palletColors.fontColor}!important;}
-.mat-mdc-radio-button .mdc-radio__outer-circle,
-.mat-mdc-radio-button .mdc-radio__inner-circle {border-color: ${this.palletColors.checkboxBackground}!important;}
-.mat-mdc-radio-ripple .mat-ripple-element, .mat-mdc-radio-button .mdc-radio__background::before, .mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element {background-color: ${this.palletColors.checkboxBackground} !important;}
-.home-list-cards .list .mat-mdc-list-item-content .mat-mdc-icon {color: ${this.palletColors.fontColor};}
-.home-list-cards .list button .mat-mdc-badge-content {background: ${this.palletColors.fontColor};}
-.koala-dialog .mat-mdc-dialog-title h2 {color: ${this.palletColors.fontColor};}
-.koala-dialog .mat-mdc-dialog-title mat-icon {color: ${this.palletColors.fontColor}!important;}
-.koala-dialog .mat-mdc-dialog-surface {background-color: ${this.palletColors.firstColor}!important;}
-.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-mdc-table {background: ${this.palletColors.listBackground};color: ${this.palletColors.fontColor};}
-.mat-mdc-table th {color: ${this.palletColors.listTitleItemColor}!important;}
-.mat-mdc-sort-header-arrow {color: ${this.palletColors.listItemColor}!important;}
-.mat-mdc-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) {
-        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: config.endpointToken ?? null,
-                endpointClaims: config.endpointClaims ?? null
-            });
-            this.oauth2Service.loadDiscoveryDocumentAndTryLogin().then();
-            if (this.oauthEventsSubscription) {
-                this.oauthEventsSubscription.unsubscribe();
-            }
-            this.oauthEventsSubscription = this.oauth2Service.events.subscribe(event => {
-                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: claims[config.indexLoginName] ?? '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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PageComponent, deps: [{ token: KoalaTokenService }, { token: i2$1.Router }, { token: KoalaLoaderService }, { token: i4.KoalaMenuService }, { token: KoalaOAuth2Service }, { token: i6$1.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component });
-PageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PageComponent, selector: "koala-page", inputs: { showMenu: "showMenu", color: "color", logo: "logo", startMenuOpened: "startMenuOpened", showLoaderPage: "showLoaderPage", messageLoaderPage: "messageLoaderPage", defaultPage: "defaultPage", openPages: "openPages", notifications: "notifications", userMenuOptions: "userMenuOptions", palletColors: "palletColors", language: "language" }, outputs: { validatingScope: "validatingScope", logoutEmitter: "logoutEmitter", deleteAllNotifications: "deleteAllNotifications", deleteNotification: "deleteNotification" }, providers: [KoalaTokenService], viewQueries: [{ propertyName: "menu", first: true, predicate: ["drawer"], descendants: true, static: true }], ngImport: i0, 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", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i11.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i13.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i14.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: NotificationComponent, selector: "koala-notification-list", inputs: ["notifications"], outputs: ["deleteAll", "delete"] }, { kind: "component", type: LoaderBarPageComponent, selector: "app-loader-page", inputs: ["show", "progress", "typeLoader"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'koala-page', providers: [KoalaTokenService], changeDetection: ChangeDetectionStrategy.OnPush, 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", 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"] }]
-        }], ctorParameters: function () { return [{ type: KoalaTokenService }, { type: i2$1.Router }, { type: KoalaLoaderService }, { type: i4.KoalaMenuService }, { type: KoalaOAuth2Service }, { type: i6$1.DeviceDetectorService }]; }, 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 KoalaPageModule {
-}
-KoalaPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KoalaPageModule, declarations: [PageComponent,
-        NotificationComponent,
-        LoaderBarPageComponent], imports: [CommonModule,
-        RouterModule,
-        MatBadgeModule,
-        MatProgressSpinnerModule,
-        MatProgressBarModule,
-        MatToolbarModule,
-        MatTooltipModule,
-        MatButtonModule,
-        MatIconModule,
-        MatSidenavModule,
-        MatListModule,
-        MatMenuModule], exports: [PageComponent,
-        RouterModule] });
-KoalaPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaPageModule, imports: [CommonModule,
-        RouterModule,
-        MatBadgeModule,
-        MatProgressSpinnerModule,
-        MatProgressBarModule,
-        MatToolbarModule,
-        MatTooltipModule,
-        MatButtonModule,
-        MatIconModule,
-        MatSidenavModule,
-        MatListModule,
-        MatMenuModule, RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: 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 KoalaParameterHashLocationStrategy extends HashLocationStrategy {
-    prepareExternalUrl(internal) {
-        const hasToken = !!localStorage.getItem(KoalaEnvironment.environment?.storageTokenName);
-        return !hasToken ?
-            window.location.search + super.prepareExternalUrl(internal) :
-            super.prepareExternalUrl(internal);
-    }
-}
-KoalaParameterHashLocationStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaParameterHashLocationStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-KoalaParameterHashLocationStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaParameterHashLocationStrategy });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaParameterHashLocationStrategy, decorators: [{
-            type: Injectable
-        }] });
-
-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 async generateResponse(response, urlRequest) {
-        return new Promise((resolve, reject) => {
-            let alert;
-            switch (response.status) {
-                case 200:
-                case 201:
-                    alert = KoalaErrorsHelper.generate(new KoalaSuccessError(response.body?.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(response.body?.message), urlRequest);
-                    reject(alert);
-                    break;
-                case 401:
-                    alert = KoalaErrorsHelper.generate(new KoalaUnhautorizedError(response.body?.message), urlRequest);
-                    reject(alert);
-                    break;
-                case 405:
-                    alert = KoalaErrorsHelper.generate(new KoalaClientError(response.body?.message), urlRequest);
-                    reject(alert);
-                    break;
-                case 500:
-                default:
-                    alert = KoalaErrorsHelper.generate(new Error((response && response.body?.message) ? response.body?.message : KoalaLanguageHelper.getInternalServerErrorMessage()), urlRequest);
-                    reject(alert);
-                    break;
-            }
-        });
-    }
-}
-
-class KoalaApiRequesterService {
-    constructor(http, oauth2Service) {
-        this.http = http;
-        this.oauth2Service = oauth2Service;
-        this.isMockup = false;
-        this.subscriptions = [];
-    }
-    eventStream(url, onmessage, onopen, onerror, onclose) {
-        const hub = new URL(`${this.getUrlBase()}/${url}`);
-        const eventSource = new EventSourcePolyfill(hub.toJSON(), {
-            headers: KoalaRequestHeaderHelper.add(TokenFactory.getToken())
-        });
-        eventSource.addEventListener('message', (event) => {
-            if (typeof event.data !== 'undefined') {
-                onmessage(JSON.parse(event.data));
-            }
-        });
-        eventSource.addEventListener('open', (event) => {
-            if (onopen) {
-                onopen(event);
-            }
-        });
-        eventSource.addEventListener('close', (event) => {
-            if (onclose) {
-                onclose(event);
-            }
-        });
-        eventSource.addEventListener('error', (event) => {
-            if (onerror) {
-                onerror(event);
-            }
-        });
-    }
-    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 ?? {}).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 ? `${location.origin}/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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaApiRequesterService, deps: [{ token: i1$1.HttpClient }, { token: KoalaOAuth2Service }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaApiRequesterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaApiRequesterService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaApiRequesterService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: "any" }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: KoalaOAuth2Service }]; } });
-
-class KoalaApiRequesterCache {
-    static createCache(name) {
-        if (!this.hasCache(name)) {
-            this.cache.push({
-                name,
-                data: new BehaviorSubject(undefined)
-            });
-        }
-    }
-    static setDataInCache(name, data) {
-        this.getCacheSubject(name)?.next(data);
-    }
-    static getCacheSubject(name) {
-        return this.cache.find(item => item.name === name)?.data;
-    }
-    static getCacheAsObservable(name) {
-        return new Observable(observe => {
-            this.getCacheSubject(name)
-                .pipe(skipWhile(value => value === undefined))
-                .subscribe({
-                next: value => {
-                    observe.next(value);
-                    observe.complete();
-                },
-                error: err => {
-                    observe.error(err);
-                    observe.complete();
-                }
-            });
-        });
-    }
-    static hasCache(name) {
-        return !!this.getCacheSubject(name);
-    }
-}
-KoalaApiRequesterCache.cache = [];
-
-class KoalaApiRequesterBase {
-    constructor(koalaService, endpoint, statusCache = false, environmentNameToEndpointApi = 'endpointApi', isMockup = false) {
-        this.koalaService = koalaService;
-        this.endpoint = endpoint;
-        this.statusCache = statusCache;
-        koalaService.apiUrl = KoalaEnvironment.environment?.[environmentNameToEndpointApi];
-        koalaService.isMockup = isMockup;
-    }
-    getAll(filter) {
-        return this.request('get', this.endpoint, this.getParams(filter));
-    }
-    getById(id) {
-        return this.request('get', this.endpoint + '/' + id);
-    }
-    getBySomething(something) {
-        return this.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);
-    }
-    async cancelRequests() {
-        await this.koalaService.cancelRequests();
-    }
-    async getParams(params) {
-        let filter = {};
-        if (params instanceof BehaviorSubject) {
-            Object.assign(filter, params?.getValue() ?? {});
-        }
-        else {
-            Object.assign(filter, 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;
-    }
-    request(method, url, data = {}) {
-        if (this.statusCache) {
-            if (KoalaApiRequesterCache.hasCache(url)) {
-                return KoalaApiRequesterCache.getCacheAsObservable(url);
-            }
-            KoalaApiRequesterCache.createCache(url);
-        }
-        return this.koalaService
-            .request(method, url, data)
-            .pipe(map(response => {
-            if (this.statusCache)
-                KoalaApiRequesterCache.setDataInCache(url, response);
-            return response;
-        }));
-    }
-    enableCache() {
-        this.statusCache = true;
-    }
-    disableCache() {
-        this.statusCache = false;
-    }
-}
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaRequestService, deps: [{ token: i1$2.KoalaAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaRequestService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaRequestService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaRequestService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: "any" }]
-        }], ctorParameters: function () { return [{ type: i1$2.KoalaAlertService }]; } });
-
-class NgxKoalaModule {
-    static forRoot(environment) {
-        environment.storageOAuthTypeName = environment.storageOAuthTypeName ?? 'koala_ui_oauth_type';
-        environment.storageTokenName = environment.storageTokenName ?? 'koala_ui_token';
-        KoalaEnvironment.environment = environment;
-        return {
-            ngModule: NgxKoalaModule,
-            providers: [KoalaOAuth2Service]
-        };
-    }
-}
-NgxKoalaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgxKoalaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxKoalaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: NgxKoalaModule, imports: [CommonModule,
-        HttpClientModule,
-        KoalaPageModule], exports: [HttpClientModule,
-        KoalaPageModule] });
-NgxKoalaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NgxKoalaModule, providers: [
-        KoalaOAuth2Service
-    ], imports: [CommonModule,
-        HttpClientModule,
-        KoalaPageModule, HttpClientModule,
-        KoalaPageModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: 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, KoalaApiRequesterCache, KoalaApiRequesterService, KoalaClientError, KoalaEnvironment, KoalaErrorsHelper, KoalaLanguageHelper, KoalaLoaderService, KoalaNotFoundError, KoalaOAuth2Service, KoalaOauthConfig, KoalaPageModule, KoalaParameterHashLocationStrategy, KoalaRequestHeaderHelper, KoalaRequestService, KoalaResponseFactory, KoalaSuccessError, KoalaTokenService, KoalaUnhautorizedError, LoaderBarPageComponent, NgxKoalaModule, NotificationComponent, PageComponent };
-//# sourceMappingURL=koalarx-ui-core.mjs.map