oxpi-nglib 1.0.0 → 1.0.1

package/fesm2020/oxpi-nglib.mjs

@@ -1,35 +1,1037 @@
 import * as i0 from '@angular/core';
-import { Component, Input, EventEmitter, Output, HostListener, Inject, Pipe, NgModule, Injectable } from '@angular/core';
-import * as i1 from '@angular/common';
+import { Injectable, EventEmitter, Component, Input, Inject, Output, HostListener, Pipe, NgModule } from '@angular/core';
+import * as i3$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders } from '@angular/common/http';
+import { map } from 'rxjs';
+import * as i1$1 from '@angular/material/snack-bar';
+import * as i1$2 from '@angular/common';
 import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
+import * as i7 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i1$1 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i1$2 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i4 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i5 from '@angular/material/core';
+import { trigger, transition, style, animate } from '@angular/animations';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import * as i1$3 from '@angular/platform-browser';
 import { BrowserModule } from '@angular/platform-browser';
-import { trigger, transition, style, animate } from '@angular/animations';
 import * as FileSaver from 'file-saver';
 
-class BusyIndicatorComponent {
-    constructor() {
+function valTextEmpty(v) {
+    return v === null ||
+        v === undefined ||
+        v.trim() === '';
+}
+function valNumberEmpty(v) {
+    return v === null ||
+        v === undefined ||
+        v === 0;
+}
+function valTextMax(v, max) {
+    return v.length > max;
+}
+function valNumberMin(v, min) {
+    if (v === null || v === undefined)
+        return true;
+    return v <= min;
+}
+
+function valida(item, focus) {
+    if (valTextEmpty(item.nome)) {
+        focus.set('nome');
+        return 'Digite um nome válido.';
+    }
+    if (valNumberEmpty(item.cargoId)) {
+        return 'Escolha um cargo.';
+    }
+    return null;
+}
+
+class FocusService {
+    constructor() {
+    }
+    hasInit() {
+        return this._element !== undefined;
+    }
+    registerElementById(name) {
+        this.registerElement(document.getElementById(name));
+    }
+    registerElement(element) {
+        if (element === null || element === undefined)
+            return;
+        this._element = element;
+        //this._items = this.getItems();
+        console.info(element);
+        element.addEventListener('keydown', (ev) => this.handleKeyboardEvent(ev));
+    }
+    registerWindow() {
+        this._element = null;
+        //this._items = this.getItems();
+        window.addEventListener('keydown', (ev) => this.handleKeyboardEvent(ev));
+    }
+    unregisterElementById(name) {
+        this.unregisterElement(document.getElementById(name));
+    }
+    unregisterElement(element) {
+        if (element === null || element === undefined)
+            return;
+        element.removeEventListener('keydown', (ev) => this.handleKeyboardEvent(ev));
+    }
+    handleKeyboardEvent(event) {
+        if (event.keyCode !== 13)
+            return;
+        if (event.target.nodeName === "BUTTON")
+            return;
+        const items = this.getItems();
+        const index = Array.prototype.indexOf.call(items, event.target);
+        const nextIndex = index + 1;
+        if (nextIndex > items.length - 1)
+            return;
+        const i = items[index + 1];
+        if (i.tabIndex > -1)
+            i.focus();
+        event.preventDefault();
+    }
+    setFirst() {
+        const el = this.getItems()[0]; //[0];
+        if (el !== undefined)
+            el.focus();
+    }
+    getItems() {
+        const query = this._element !== null && this._element !== undefined ?
+            this._element.querySelectorAll('input,button, [tabindex]:not([tabindex="-1"])') :
+            document.querySelectorAll('input,button, [tabindex]:not([tabindex="-1"])');
+        const items = [];
+        for (let index = 0; index < query.length; index++) {
+            const el = query[index];
+            if (el.tabIndex > 0)
+                items.push(el);
+        }
+        return items;
+    }
+    set(id) {
+        const el = document.getElementById(id);
+        if (el === null)
+            return;
+        el.focus();
+    }
+}
+
+class CommonWebService {
+    constructor(http) {
+        this.http = http;
+        this.ROOT_URL = '';
+        this.FUNCIONARIO_BASE_URL = '';
+        this.FUNCIONARIO_CARGO_BASE_URL = '';
+        this.token = '';
+    }
+    setToken(token) {
+        this.token = token;
+    }
+    start(rootUrl) {
+        this.ROOT_URL = rootUrl;
+        this.FUNCIONARIO_BASE_URL = rootUrl + "Funcionario/";
+        this.FUNCIONARIO_CARGO_BASE_URL = rootUrl + "FuncionarioCargo/";
+    }
+    getFuncionarios() {
+        const url = this.FUNCIONARIO_BASE_URL;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    getFuncionariosCargos() {
+        const url = this.FUNCIONARIO_CARGO_BASE_URL;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    buscaFuncionario(setting) {
+        const url = this.FUNCIONARIO_BASE_URL + CommonWebService.URL_PART_BUSCA;
+        return this.http.post(url, JSON.stringify(setting), this.getHttpOptions()).pipe(map(data => data));
+    }
+    getNextIdFuncionario() {
+        const url = this.FUNCIONARIO_BASE_URL + CommonWebService.URL_PART_NEXT_ID;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    getAllFuncionario() {
+        const url = this.FUNCIONARIO_BASE_URL;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    saveFuncionario(s) {
+        const url = this.FUNCIONARIO_BASE_URL;
+        return this.http.post(url, JSON.stringify(s), this.getHttpOptions()).pipe(map(data => data));
+    }
+    addFuncionario(p) {
+        const url = this.FUNCIONARIO_BASE_URL;
+        return this.http.put(url, JSON.stringify(p), this.getHttpOptions()).pipe(map(data => data));
+    }
+    deleteFuncionario(id) {
+        const url = this.FUNCIONARIO_BASE_URL + id;
+        return this.http.delete(url, this.getHttpOptions()).pipe(map(data => data));
+    }
+    getHttpOptions(parameters) {
+        return {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json',
+                "Accept": "application/json",
+                "Authorization": 'token ' + this.token,
+            }),
+            params: parameters
+        };
+    }
+    getExcelOptions(parameters) {
+        return {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json',
+                "Accept": "application/json",
+                "Authorization": 'token ' + this.token,
+            }),
+            params: parameters,
+            responseType: 'arraybuffer',
+        };
+    }
+    getHtmlOptions(parameters) {
+        return {
+            headers: new HttpHeaders({
+                'Content-Type': 'application/json',
+                "Accept": "application/json",
+                "Authorization": 'token ' + this.token,
+            }),
+            params: parameters,
+            responseType: 'text',
+        };
+    }
+}
+CommonWebService.URL_PART_BUSCA = "Busca/";
+CommonWebService.URL_PART_NEXT_ID = "GetNextId/";
+CommonWebService.URL_PART_BUSCA_PAGINADA = "BuscaPaginada/";
+CommonWebService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: CommonWebService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+CommonWebService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: CommonWebService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: CommonWebService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class NotificationService {
+    constructor(snackBar) {
+        this.snackBar = snackBar;
+    }
+    showHttpError(res) {
+        this.snackBar.open(`Ocorreu um erro de conexão. Erro ${res.status}: ${res.statusText}`);
+    }
+    showMsg(msg) {
+        this.snackBar.open(msg);
+    }
+    showMsgError(msg) {
+        this.snackBar.open(msg, undefined, {
+            duration: 2000,
+            panelClass: ['red-snackbar']
+        });
+    }
+}
+NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NotificationService, deps: [{ token: i1$1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NotificationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NotificationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatSnackBar }]; } });
+
+const SM_WIDTH = 576;
+const MD_WIDTH = 768;
+const LG_WIDTH = 992;
+const XL_WIDTH = 1200;
+const XXL_WIDTH = 1400;
+class ScreenHelperService {
+    constructor() {
+        this.changedMobileScreen = new EventEmitter();
+        this.changedMediumScreen = new EventEmitter();
+        this.changedLargeScreen = new EventEmitter();
+        this.changedXLargeScreen = new EventEmitter();
+        this.changedXXLargeScreen = new EventEmitter();
+        this.changedMinSmallScreen = new EventEmitter();
+        this.changedMinMediumScreen = new EventEmitter();
+        this.changedMinLargeScreen = new EventEmitter();
+        this.changedMinXLargeScreen = new EventEmitter();
+        this.changedMinXXLargeScreen = new EventEmitter();
+        this.mobileScreen = false;
+        this.isMedium = false;
+        this.isLarge = false;
+        this.isXLarge = false;
+        this.isXXLarge = false;
+        this.minSmall = false;
+        this.minMedium = false;
+        this.minLarge = false;
+        this.minXLarge = false;
+        this.minXXLarge = false;
+        this.determinaMobileScreen();
+        window.addEventListener('resize', (event) => {
+            this.determinaMobileScreen();
+        });
+    }
+    determinaMobileScreen() {
+        const width = window.innerWidth;
+        const isSmall = width <= SM_WIDTH;
+        const isMedium = width <= MD_WIDTH;
+        const isLarge = width <= LG_WIDTH;
+        const isXLarge = width <= XL_WIDTH;
+        const isXXLarge = width <= XXL_WIDTH;
+        const minSmall = width >= SM_WIDTH;
+        const minMedium = width >= MD_WIDTH;
+        const minLarge = width >= LG_WIDTH;
+        const minXLarge = width >= XL_WIDTH;
+        const minXXLarge = width >= XXL_WIDTH;
+        if (isSmall !== this.mobileScreen) {
+            this.changedMobileScreen.emit(isSmall);
+            this.mobileScreen = isSmall;
+        }
+        if (isMedium !== this.isMedium) {
+            this.changedMediumScreen.emit(isMedium);
+            this.isMedium = isMedium;
+        }
+        if (isLarge !== this.isLarge) {
+            this.changedLargeScreen.emit(isLarge);
+            this.isLarge = isLarge;
+        }
+        if (isXLarge !== this.isXLarge) {
+            this.changedXLargeScreen.emit(isXLarge);
+            this.isXLarge = isXLarge;
+        }
+        if (isXXLarge !== this.isXXLarge) {
+            this.changedXXLargeScreen.emit(isXXLarge);
+            this.isXXLarge = isXXLarge;
+        }
+        if (minSmall !== this.minSmall) {
+            this.changedMinSmallScreen.emit(isSmall);
+            this.minMedium = isSmall;
+        }
+        if (minMedium !== this.minMedium) {
+            this.changedMinMediumScreen.emit(isMedium);
+            this.minMedium = isMedium;
+        }
+        if (minLarge !== this.minLarge) {
+            this.changedMinLargeScreen.emit(minLarge);
+            this.minLarge = minLarge;
+        }
+        if (minXLarge !== this.minXLarge) {
+            this.changedMinXLargeScreen.emit(minXLarge);
+            this.minXLarge = minXLarge;
+        }
+        if (minXXLarge !== this.minXXLarge) {
+            this.changedMinXXLargeScreen.emit(minXXLarge);
+            this.minXXLarge = minXXLarge;
+        }
+    }
+}
+ScreenHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ScreenHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ScreenHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ScreenHelperService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ScreenHelperService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class BusyIndicatorComponent {
+    constructor() {
+        this.isBusy = false;
+    }
+    ngOnInit() {
+    }
+}
+BusyIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BusyIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: { isBusy: "isBusy" }, ngImport: i0, template: "<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:rgb(255,255,255);border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-busy-indicator', template: "<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:rgb(255,255,255);border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { isBusy: [{
+                type: Input
+            }] } });
+
+class FuncionarioFormComponent {
+    constructor(ws) {
+        this.ws = ws;
+        this.isBusy = false;
+        this.cargos = [];
+    }
+    ngOnInit() {
+        this.getCargos();
+    }
+    getCargos() {
+        this.isBusy = true;
+        this.ws.getFuncionariosCargos()
+            .subscribe(r => {
+            this.cargos = r;
+            console.info(r);
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+        });
+    }
+}
+FuncionarioFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioFormComponent, deps: [{ token: CommonWebService }], target: i0.ɵɵFactoryTarget.Component });
+FuncionarioFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: { model: "model" }, ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-funcionario-form', template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"form-group\" *ngIf=\"model\">\n    <label for=\"nome\">Nome</label>\n    <input id=\"nome\" [(ngModel)]=\"model.nome\" required class=\"form-control input-300\" tabindex=\"2\">\n</div>\n<div class=\"form-group\" *ngIf=\"model\">\n  <label for=\"cargo\">Cargo</label>\n  <mat-select id=\"cargo\" [(value)]=\"model.cargoId\" tabindex=\"2\"\n    class=\"form-control input-300\" color=\"primary\">\n    <mat-option *ngFor=\"let m of cargos\" [value]=\"m.id\">\n      {{m.nome}}\n    </mat-option>\n  </mat-select>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }]; }, propDecorators: { model: [{
+                type: Input
+            }] } });
+
+class FuncionarioAddDialogComponent {
+    constructor(ws, notification, dataDialog, dialog, elRef, dialogRef, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dataDialog = dataDialog;
+        this.dialog = dialog;
+        this.elRef = elRef;
+        this.dialogRef = dialogRef;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.focus = new FocusService();
+        this.model = {
+            id: 0,
+            nome: '',
+            login: '',
+            senha: '',
+            enviadoPC: false,
+            isAtivo: true,
+            cargoId: 1
+        };
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.focus.registerElement(this.elRef.nativeElement);
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElement(this.elRef.nativeElement);
+    }
+    salvar() {
+        if (this.model)
+            return;
+        const valMsg = valida(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.addFuncionario(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+FuncionarioAddDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioAddDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatDialog }, { token: i0.ElementRef }, { token: i3$1.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FuncionarioAddDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioAddDialogComponent, selector: "ox-funcionario-add-dialog", ngImport: i0, template: "<div class=\"header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;text-transform:uppercase;flex-grow:1;margin:8px 8px 8px 16px;font-size:15px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioAddDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-funcionario-add-dialog', template: "<div class=\"header\">\n    <h2 class=\"titulo\">Novo Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;text-transform:uppercase;flex-grow:1;margin:8px 8px 8px 16px;font-size:15px}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i3$1.MatDialog }, { type: i0.ElementRef }, { type: i3$1.MatDialogRef }, { type: ScreenHelperService }]; } });
+
+class FuncionarioEditDialogComponent {
+    constructor(ws, notification, dataDialog, dialog, elRef, dialogRef, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dataDialog = dataDialog;
+        this.dialog = dialog;
+        this.elRef = elRef;
+        this.dialogRef = dialogRef;
+        this.screenHelper = screenHelper;
+        this.isBusy = false;
+        this.focus = new FocusService();
+        if (dataDialog) {
+            this.model = dataDialog;
+        }
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
+    }
+    ngOnInit() {
+        this.focus.registerElement(this.elRef.nativeElement);
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElement(this.elRef.nativeElement);
+    }
+    salvar() {
+        if (!this.model)
+            return;
+        const valMsg = valida(this.model, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveFuncionario(this.model)
+            .subscribe(r => {
+            this.isBusy = false;
+            this.notification.showMsg("Salvo com sucesso.");
+            if (this.dialogRef)
+                this.dialogRef.close(true);
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
+    }
+}
+FuncionarioEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3$1.MatDialog }, { token: i0.ElementRef }, { token: i3$1.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FuncionarioEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionarioEditDialogComponent, selector: "ox-funcionario-edit-dialog", ngImport: i0, template: "<div class=\"header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;text-transform:uppercase;flex-grow:1;margin:8px 8px 8px 16px;font-size:15px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionarioEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-funcionario-edit-dialog', template: "<div class=\"header\">\n    <h2 class=\"titulo\">Editando Funcion\u00E1rio</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-funcionario-form [model]=\"model\" *ngIf=\"model\"></ox-funcionario-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}.header{display:flex;background:white;border-bottom:1px solid #eee}.header .titulo{align-self:center;text-transform:uppercase;flex-grow:1;margin:8px 8px 8px 16px;font-size:15px}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i3$1.MatDialog }, { type: i0.ElementRef }, { type: i3$1.MatDialogRef }, { type: ScreenHelperService }]; } });
+
+const fadeAnimation = trigger('fade', [
+    transition(':enter', [
+        style({ transform: 'translateY(100%)', opacity: 0 }),
+        animate('250ms', style({ transform: 'translateY(0)', 'opacity': 1 }))
+    ]),
+    transition(':leave', [
+        style({ transform: 'translateY(0)', 'opacity': 1 }),
+        animate('250ms', style({ transform: 'translateY(100%)', 'opacity': 0 })),
+    ])
+]);
+const menuLateralAnimation = trigger('menuLateral', [
+    transition(':enter', [
+        style({ transform: 'translateX(-100%)', opacity: 1 }),
+        animate('200ms', style({ transform: 'translateX(0)', 'opacity': 1 }))
+    ]),
+    transition(':leave', [
+        style({ 'opacity': 1 }),
+        animate('200ms', style({ 'opacity': 0 })),
+    ])
+]);
+
+class LazyTrigger {
+    constructor(doFunc, timeout = 800) {
+        this.doFunc = doFunc;
+        this.timeout = timeout;
+    }
+    fire() {
+        console.debug("lazyTimeoutId");
+        if (this.lazyTimeoutId != undefined)
+            clearTimeout(this.lazyTimeoutId);
+        this.lazyTimeoutId = window.setTimeout(() => { this.doFunc(); }, this.timeout);
+    }
+}
+
+class AlertDialogComponent {
+    constructor(dialogRef, args) {
+        this.dialogRef = dialogRef;
+        this.args = args;
+    }
+    ngOnInit() {
+    }
+}
+AlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, deps: [{ token: i3$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+AlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AlertDialogComponent, selector: "app-alert-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-alert-dialog', template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>" }]
+        }], ctorParameters: function () { return [{ type: i3$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
+
+class NavegacaoSelecaoDialogUtil {
+    constructor(view) {
+        this.view = view;
+    }
+    onKeyDown(event) {
+        console.info(event.keyCode);
+        let key = event.keyCode;
+        const selected = this.view.selectedItem;
+        const enterKey = 13, keyDown = 40, keyUp = 38;
+        if (key === enterKey) {
+            event.cancelBubble = true;
+            if (selected !== null && selected !== undefined) {
+                this.view.dialogRef.close(selected);
+                return;
+            }
+            key = keyDown;
+        }
+        if (key !== keyDown && key !== keyUp)
+            return;
+        let index = this.view.items.indexOf(selected, 0);
+        if (key === keyDown)
+            index++;
+        if (key === keyUp && index > 0)
+            index--;
+        if (index > (this.view.items.length - 1))
+            return;
+        this.view.selectedItem = this.view.items[index];
+    }
+}
+function confirmaExclusao(dialog, msg, continueFunc) {
+    const args = {
+        titulo: "Atenção",
+        msg: msg
+    };
+    const dialogRef = dialog.open(AlertDialogComponent, {
+        data: args
+    });
+    dialogRef.afterClosed().subscribe(dialogResult => {
+        if (dialogResult !== true)
+            return;
+        continueFunc();
+    });
+}
+
+class SearchSetting {
+    constructor(propChanged) {
+        this.propChanged = propChanged;
+        this._meses = ["JANEIRO", "FEVEREIRO", "MARÇO", "ABRIL", "MAIO", "JUNHO", "JULHO", "AGOSTO", "SETEMBRO", "OUTUBRO", "NOVEMBRO", "DEZEMBRO"];
+        this._mesesShort = ["JAN", "FEV", "MAR", "ABR", "MAI", "JUN", "JUL", "AGO", "SET", "OUT", "NOV", "DEZ"];
+        const now = new Date();
+        const hj = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0, 0);
+        console.info(hj);
+        this.modo = SearchMode.Mensal;
+        this.mes = hj.getMonth() + 1;
+        this.ano = hj.getFullYear();
+        this.inicial = hj.addDays(-30);
+        this.final = hj;
+    }
+    set(prop, value) {
+        const me = this;
+        me[prop] = value;
+        if (this.propChanged !== undefined)
+            this.propChanged();
+    }
+    toStringArquivo() {
+        const ini = this.inicial;
+        const fim = this.final;
+        if (this.modo === SearchMode.Mensal)
+            return this.ano + "_" + this.mes;
+        if (this.modo === SearchMode.Anual)
+            return "" + this.ano;
+        if (this.modo === SearchMode.Diario)
+            return `${ini.getDate()}_${ini.getMonth() + 1}_${ini.getFullYear()}`;
+        return `${ini.getDate()}_${ini.getMonth() + 1}_${ini.getFullYear()}_ate_${fim.getDate()}_${fim.getMonth() + 1}_${fim.getFullYear()}`;
+    }
+    getDatasTexto(short = false) {
+        const ini = this.inicial;
+        const fim = this.final;
+        if (this.modo === SearchMode.Mensal && short)
+            return this._mesesShort[this.mes - 1] + " DE " + this.ano;
+        if (this.modo === SearchMode.Mensal)
+            return this._meses[this.mes - 1] + " DE " + this.ano;
+        if (this.modo === SearchMode.Anual)
+            return "" + this.ano;
+        if (this.modo === SearchMode.Diario)
+            return `${ini.getDate()}/${ini.getMonth() + 1}/${ini.getFullYear()}`;
+        return `${ini.getDate()}/${ini.getMonth() + 1}/${ini.getFullYear()} ATÉ ${fim.getDate()}/${fim.getMonth() + 1}/${fim.getFullYear()}`;
+    }
+    goNextMonth() {
+        this.mes++;
+        if (this.mes > 12) {
+            this.mes = 1;
+            this.ano += 1;
+        }
+    }
+    goBackMonth() {
+        this.mes--;
+        if (this.mes < 1) {
+            this.mes = 12;
+            this.ano -= 1;
+        }
+    }
+}
+var SearchMode;
+(function (SearchMode) {
+    SearchMode[SearchMode["Mensal"] = 0] = "Mensal";
+    SearchMode[SearchMode["Anual"] = 1] = "Anual";
+    SearchMode[SearchMode["Periodo"] = 2] = "Periodo";
+    SearchMode[SearchMode["Diario"] = 3] = "Diario";
+})(SearchMode || (SearchMode = {}));
+
+class AuthDataService {
+    constructor() {
+        this.isLoggedIn = false;
+        this.token = '';
+        this.sensoresDef = { energizacao: false, garagem: false, portaCliente: false, portaServico: false };
+        this.permissoes = {
+            gerencialCaixasAgrupadoMensal: false,
+            financasLogin: false,
+            financasDespesaAdd: false,
+            financasDespesaUltimosCadastros: false,
+            financasDespesaPesquisar: false,
+            financasDespesaDelete: false,
+            financasDespesaEditar: false,
+            financasReceitaAdd: false,
+            financasReceitaUltimosCadastros: false,
+            financasReceitaPesquisar: false,
+            financasReceitaDelete: false,
+            financasReceitaEditar: false,
+            financasClientePesquisa: false,
+            financasClienteAdd: false,
+            financasClienteDelete: false,
+            financasFornecedorPesquisa: false,
+            financasFornecedorAdd: false,
+            financasFornecedorDelete: false,
+            financasMarcadorPesquisa: false,
+            financasMarcadorAdd: false,
+            financasMarcadorDelete: false,
+            financasDespesaGrupoPesquisa: false,
+            financasDespesaGrupoAdd: false,
+            financasDespesaGrupoDelete: false,
+            financasReceitaGrupoPesquisa: false,
+            financasReceitaGrupoAdd: false,
+            financasReceitaGrupoDelete: false,
+            financasContaPesquisa: false,
+            financasContaAdd: false,
+            financasContaDelete: false,
+            financasExtrato: false,
+            financasContaAjuste: false,
+            financasGradeAnualDespesa: false,
+            financasGradeAnualReceita: false,
+            financasMensal: false,
+            financasConfiguracoes: false,
+            recepcaoEnergizar: false,
+            recepcaoConfiguracoes: false,
+            recepcaoTrocaOperador: false,
+            recepcaoCancelarOcupacao: false,
+            recepcaoAcrescimo: false,
+            recepcaoDesconto: false,
+            recepcaoLimpeza: false,
+            recepcaoAtrasarHora: false,
+            gerencialLogin: false,
+            gerencialPrincipal: false,
+            gerencialPrincipalCaixa: false,
+            gerencialPrincipalInfo: false,
+            gerencialPrincipalQuantidadeOcupacoesDia: false,
+            gerencialDiario: false,
+            gerencialMensal: false,
+            gerencialResumoMensal: false,
+            gerencialPorFormaPagamento: false,
+            gerencialMediaTempoOcupacao: false,
+            gerencialPorOcupacao: false,
+            gerencialOcupacoesCanceladas: false,
+            gerencialAgrupado: false,
+            gerencialPorTurno: false,
+            gerencialConsumoFuncionarios: false,
+            gerencialConsumoProdutos: false,
+            gerencialImagensrecepcao: false,
+            gerencialCaixas: false,
+            gerencialVerificacaoCaixa: false,
+            gerencialComandasPorCaixa: false,
+            gerencialRegistrorecepcao: false,
+            gerencialAgrupadoDia: false,
+            gerencialLogUsuarios: false,
+            gerencialPesquisaOcupacoes: false,
+            gerencialDescontos: false,
+            gerencialGraficoMensal: false,
+            gerencialGraficoDiaSemana: false,
+            gerencialGraficoAnual: false,
+            gerencialGraficoSituacaoSuite: false,
+            gerencialOcupacoesHoraClasse: false,
+            gerencialLimpezasStatus: false,
+            gerencialVendasPorRecepcionistas: false,
+            estoqueLogin: false,
+            estoqueListaCompras: false,
+            estoqueListaProdutoGrupo: false,
+            estoqueMovimento: false,
+            estoqueSaldoProdutos: false,
+            estoqueNotaEntradaAdd: false,
+            estoqueNotaEntradaDelete: false,
+            estoqueNotaSaidaAdd: false,
+            estoqueNotaSaidaDelete: false,
+            estoqueAjusteAdd: false,
+            estoqueAjusteDelete: false,
+            estoqueTrocaSetorAdd: false,
+            estoqueTrocaSetorDelete: false,
+            estoqueFornecedorPesquisa: false,
+            estoqueFornecedorAdd: false,
+            estoqueFornecedorDelete: false,
+            estoqueClientePesquisa: false,
+            estoqueClienteAdd: false,
+            estoqueClienteDelete: false,
+            estoqueSetorPesquisa: false,
+            estoqueSetorAdd: false,
+            estoqueSetorDelete: false,
+            estoqueProdutoPesquisa: false,
+            estoqueProdutoAdd: false,
+            estoqueProdutoDelete: false,
+            estoqueProdutoGrupoPesquisa: false,
+            estoqueProdutoGrupoAdd: false,
+            estoqueProdutoGrupoDelete: false,
+            estoqueConfiguracao: false,
+            adminLogin: false,
+            adminProdutoPesquisa: false,
+            adminProdutoAdd: false,
+            adminProdutoDelete: false,
+            adminProdutoGrupoPesquisa: false,
+            adminProdutoGrupoAdd: false,
+            adminProdutoGrupoDelete: false,
+            adminSuitePesquisa: false,
+            adminSuiteAdd: false,
+            adminSuiteDelete: false,
+            adminSuiteClassePesquisa: false,
+            adminSuiteClasseAdd: false,
+            adminSuiteClasseDelete: false,
+            adminOperadorPesquisa: false,
+            adminOperadorAdd: false,
+            adminOperadorDelete: false,
+            adminFuncionarioPesquisa: false,
+            adminFuncionarioAdd: false,
+            adminFuncionarioDelete: false,
+            adminUsuariosPesquisa: false,
+            adminUsuariosAdd: false,
+            adminUsuariosDelete: false,
+            adminPrecos: false,
+            adminPatrimonios: false,
+            adminDefinicoesGerais: false,
+            adminEditarComanda: false,
+            adminCortesiaVale: false,
+            adminClienteFidelidade: false,
+            adminConfiguracoes: false,
+            adminPesquisaSatisfacao: false,
+            onGerencialLogin: false,
+            onGerencialPrincipal: false,
+            onGerencialDiario: false,
+            onGerencialMensal: false,
+            onGerencialPorFormaPagamento: false,
+            onGerencialMediaTempoOcupacao: false,
+            onGerencialPorOcupacao: false,
+            onGerencialOcupacoesCanceladas: false,
+            onGerencialAgrupadoDia: false,
+            onGerencialPorTurno: false,
+            onGerencialConsumoFuncionarios: false,
+            onGerencialConsumoProdutos: false,
+            onGerencialImagensRecepcao: false,
+            onGerencialCaixas: false,
+            onGerencialComandasPorCaixa: false,
+            onGerencialRegistroRecepcao: false,
+            onGerencialGraficoMensal: false,
+            onGerencialGraficoDiaSemana: false,
+            onGerencialGraficoAnual: false,
+            onGerencialGraficoSituacaoSuite: false,
+            onGerencialOcupacoesHoraClasse: false,
+            onadminLogin: false,
+            onadminProdutoPesquisa: false,
+            onadminProdutoAdd: false,
+            onadminProdutoDelete: false,
+            onadminProdutoGrupoPesquisa: false,
+            onadminProdutoGrupoAdd: false,
+            onadminProdutoGrupoDelete: false,
+            onadminSuitePesquisa: false,
+            onadminSuiteAdd: false,
+            onadminSuiteDelete: false,
+            onadminSuiteClassePesquisa: false,
+            onadminSuiteClasseAdd: false,
+            onadminSuiteClasseDelete: false,
+            onadminUsuariosPesquisa: false,
+            onadminUsuariosAdd: false,
+            onadminUsuariosDelete: false,
+            onadminOperadorPesquisa: false,
+            onadminOperadorAdd: false,
+            onadminOperadorDelete: false,
+            onadminFuncionarioPesquisa: false,
+            onadminFuncionarioAdd: false,
+            onadminFuncionarioDelete: false,
+            onadminPrecos: false,
+            onadminDefinicoesGerais: false,
+            onadminCortesiaVale: false,
+        };
+        this.empresaNome = '';
+        this.empresaId = 0;
+        this.loginNome = '';
+        this.userId = 0;
+        this.email = '';
+        this.nome = '';
+    }
+    login(result) {
+        this.isLoggedIn = true;
+        this.token = result.token;
+        this.sensoresDef = result.sensoresDef;
+        this.permissoes = result.permissoes;
+        this.empresaNome = result.empresaNome;
+        this.empresaId = result.empresaId;
+        this.loginNome = result.login;
+        this.userId = result.userId;
+        this.nome = result.nome;
+        this.email = result.email;
+    }
+}
+AuthDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AuthDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AuthDataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AuthDataService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AuthDataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class ItemCardComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome", codigo: "codigo", star: "star", cloud: "cloud", desativado: "desativado" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n<div class=\"icons-row\">\n    <span class=\"material-icons star\" *ngIf=\"star\">\n        grade\n    </span>\n    <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n        cloud_done\n    </span>\n</div>\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-item-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n<div class=\"icons-row\">\n    <span class=\"material-icons star\" *ngIf=\"star\">\n        grade\n    </span>\n    <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n        cloud_done\n    </span>\n</div>\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { nome: [{
+                type: Input
+            }], codigo: [{
+                type: Input
+            }], star: [{
+                type: Input
+            }], cloud: [{
+                type: Input
+            }], desativado: [{
+                type: Input
+            }] } });
+
+class FuncionariosComponent {
+    constructor(ws, notification, dialog, auth, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dialog = dialog;
+        this.screenHelper = screenHelper;
         this.isBusy = false;
+        this.items = [];
+        this.selectedItem = null;
+        this.lazyTrigger = new LazyTrigger(() => { this.atualiza(); });
+        this.setting = new SearchSetting();
+        this.focus = new FocusService();
+        this.allowAdd = auth.permissoes.adminFuncionarioAdd;
+        this.allowExcluir = auth.permissoes.adminFuncionarioDelete;
+        this.mobile = this.screenHelper.isMedium;
+        this.screenHelper.changedMediumScreen.subscribe(x => this.mobile = x);
     }
     ngOnInit() {
+        this.setting.ordem = "nome";
+        this.atualiza();
+    }
+    onSelectItem() {
+        if (!this.focus.hasInit()) {
+            setTimeout(() => {
+                this.focus.registerElementById("form-column");
+                this.focus.setFirst();
+            }, 500);
+            //this._focus.registerElementById("form-column");
+        }
+        else {
+            this.focus.setFirst();
+        }
+    }
+    ngOnDestroy() {
+        this.focus.unregisterElementById("form-column");
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.buscaFuncionario(this.setting)
+            .subscribe(r => {
+            this.items = r;
+            this.selectedItem = null;
+            console.info(r);
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showHttpError(err);
+        });
+    }
+    excluir() {
+        const item = this.selectedItem;
+        if (!item)
+            return;
+        confirmaExclusao(this.dialog, `Deseja prosseguir com a exclusão do funcionário ${item.nome}?`, () => {
+            this.isBusy = true;
+            this.ws.deleteFuncionario(item.id)
+                .subscribe(r => {
+                this.notification.showMsg("O funcionário foi excluído com sucesso.");
+                this.items.remove(item);
+                this.selectedItem = null;
+                this.isBusy = false;
+            }, err => {
+                this.isBusy = false;
+                this.notification.showMsg(err.error);
+            });
+        });
+    }
+    novo() {
+        let height = (window.innerHeight * 0.90) + 'px';
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            //height = (window.innerHeight * 0.98) + 'px';
+        }
+        const dialog = this.dialog.open(FuncionarioAddDialogComponent, {
+            width: width,
+            //height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result === undefined)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+    abreCadastro(item) {
+        let height = undefined;
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        const dialog = this.dialog.open(FuncionarioEditDialogComponent, {
+            data: item,
+            width: width,
+            //height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result !== true)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+    salvar() {
+        const item = this.selectedItem;
+        if (!item)
+            return;
+        const valMsg = valida(item, this.focus);
+        if (valMsg) {
+            this.notification.showMsgError(valMsg);
+            return;
+        }
+        this.isBusy = true;
+        this.ws.saveFuncionario(item)
+            .subscribe(r => {
+            this.notification.showMsg("Salvo com sucesso.");
+            this.isBusy = false;
+        }, err => {
+            this.isBusy = false;
+            this.notification.showMsg(err.error);
+        });
     }
 }
-BusyIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BusyIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: { isBusy: "isBusy" }, ngImport: i0, template: "<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:rgb(255,255,255);border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BusyIndicatorComponent, decorators: [{
+FuncionariosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionariosComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: i3$1.MatDialog }, { token: AuthDataService }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+FuncionariosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: FuncionariosComponent, selector: "ox-funcionarios", ngImport: i0, template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Funcion\u00E1rios</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um funcion\u00E1rio no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-funcionario-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-funcionario-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ItemCardComponent, selector: "ox-item-card", inputs: ["nome", "codigo", "star", "cloud", "desativado"] }, { kind: "component", type: FuncionarioFormComponent, selector: "ox-funcionario-form", inputs: ["model"] }, { kind: "pipe", type: i1$2.UpperCasePipe, name: "uppercase" }], animations: [fadeAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: FuncionariosComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-busy-indicator', template: "<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>", styles: [".busy-indicator-container{position:fixed;left:50%;top:35%;text-align:center;z-index:1000;margin-left:-47px;background:rgb(255,255,255);border-radius:8px;padding:20px;border:solid 2px transparent;background-clip:padding-box;box-shadow:10px 10px 10px #2e364414}.busy-indicator{border:10px solid #e2e2e2;border-top:10px solid var(--app-color, black);border-radius:50%;width:50px;height:50px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { isBusy: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'ox-funcionarios', animations: [fadeAnimation], template: "<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>\n<div class=\"tool-panel\" *ngIf=\"mobile\">\n  <div class=\"tool-section\">\n    <label>Pesquisa</label>\n    <div class=\"search-input-container\">\n      <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n    </div>\n  </div>\n  <div class=\"tool-section ordem-sm2\">\n    <label>A\u00E7\u00F5es</label>\n    <div class=\"tool-row\">\n      <button mat-icon-button (click)=\"atualiza()\">\n        <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n        <mat-icon aria-label=\"Novo\">add</mat-icon>\n      </button>\n      <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n        <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n  <div class=\"cards-container cards-container-shadow\" *ngIf=\"mobile\">\n    <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" (click)=\"abreCadastro(i)\"></ox-item-card>\n  </div>\n  <div class=\"listagem-desktop-grid\" *ngIf=\"!mobile\">\n    <div class=\"listagem-column-container listagem-list-column\">\n      <h3>Funcion\u00E1rios</h3>\n      <div class=\"tool-panel tool-panel-float\">\n        <div class=\"tool-section\">\n          <label>Pesquisa</label>\n          <div class=\"search-input-container\">\n            <input [(ngModel)]=\"setting.frase\" placeholder=\"Digite um termo de busca...\" (input)=\"lazyTrigger.fire()\">\n          </div>\n        </div>\n        <div class=\"tool-section ordem-sm2\">\n          <label>A\u00E7\u00F5es</label>\n          <div class=\"tool-row\">\n            <button mat-icon-button (click)=\"atualiza()\">\n              <mat-icon aria-label=\"Atualizar\">refresh</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"novo()\" *ngIf=\"allowAdd\">\n              <mat-icon aria-label=\"Novo\">add</mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"excluir()\" *ngIf=\"selectedItem && allowExcluir\" [@fade]>\n              <mat-icon aria-label=\"Excluir\">delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      </div>\n      <div class=\"listagem-list-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">A busca n\u00E3o retornou resultados</h4>\n\n        <ox-item-card [cloud]=\"i.enviadoPC\" [nome]=\"i.nome\" *ngFor=\"let i of items\" [class.selected]=\"i === selectedItem\"\n          (click)=\"selectedItem = i;\"></ox-item-card>\n\n      </div>\n    </div>\n    <div class=\"listagem-column-container listagem-column-form\">\n      <h3 *ngIf=\"!selectedItem\">Selecione um funcion\u00E1rio no lado direito</h3>\n      <h3 *ngIf=\"selectedItem\">{{selectedItem.nome | uppercase}}</h3>\n      <div class=\"listagem-form-container\">\n        <ox-funcionario-form [@fade] [model]=\"selectedItem\" *ngIf=\"selectedItem\">\n        </ox-funcionario-form>\n      </div>\n\n      <div class=\"listagem-form-acoes\">\n        <button (click)=\"salvar()\" mat-fab color=\"primary\" *ngIf=\"selectedItem\" tabindex=\"20\">\n          <mat-icon>save</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{height:calc(100% - 48px);display:flex;flex-grow:1;flex-direction:column;background:#F0F0F0}:host{background-color:#fdfdfd}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: i3$1.MatDialog }, { type: AuthDataService }, { type: ScreenHelperService }]; } });
 
 class CheckButtonComponent {
     constructor() {
@@ -115,7 +1117,7 @@ class ImageViewerComponent {
     }
 }
 ImageViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ImageViewerComponent, selector: "ox-image-viewer", inputs: { info: "info", infos: "infos", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ImageViewerComponent, selector: "ox-image-viewer", inputs: { info: "info", infos: "infos", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ImageViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-image-viewer', template: "<div class=\"image-fullsize\" *ngIf=\"isOpen\">\n  <div class=\"titulo\">\n    {{info?.titulo}}\n  </div>\n  <div class=\"img-container\" (click)=\"isOpen = !isOpen\">\n    <img class=\"image\" *ngIf=\"info\" [src]=\"info?.url\" />\n  </div>\n  <div class=\"action-bar\" *ngIf=\"infos\">\n    <button (click)=\"goBack()\" [disabled]=\"disableBack\" mat-icon-button>\n      <mat-icon>chevron_left</mat-icon>\n    </button>\n    <span class=\"picker-text\">\n      {{paginaAtual}}/{{infos?.length}}\n    </span>\n    <button (click)=\"goNext()\" [disabled]=\"disableNext\" mat-icon-button>\n      <mat-icon>chevron_right</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".image-fullsize{position:absolute;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;display:flex;flex-flow:column}.titulo{color:#fff;text-align:center;padding:16px;font-size:large;font-weight:300}.action-bar{background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.8) 100%);color:#fff;padding:8px}.img-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.image{box-shadow:0 5px 35px #000000a6;max-width:100%;height:auto}\n"] }]
@@ -233,7 +1235,7 @@ class MonthYearPickerComponent {
     }
 }
 MonthYearPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MonthYearPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonthYearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MonthYearPickerComponent, selector: "ox-month-year-picker", inputs: { blockFuture: "blockFuture", modoAnual: "modoAnual", ano: "ano", mes: "mes" }, outputs: { anoChange: "anoChange", mesChange: "mesChange", changed: "changed" }, ngImport: i0, template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+MonthYearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: MonthYearPickerComponent, selector: "ox-month-year-picker", inputs: { blockFuture: "blockFuture", modoAnual: "modoAnual", ano: "ano", mes: "mes" }, outputs: { anoChange: "anoChange", mesChange: "mesChange", changed: "changed" }, ngImport: i0, template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: MonthYearPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-month-year-picker', template: "<div class=\"picker-container\">\n    <div>\n        <button mat-icon-button (click)=\"goBack()\">\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n    </div>\n    <span class=\"picker-text\">\n        {{text}}\n    </span>\n    <div>\n        <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n            <mat-icon>chevron_right</mat-icon>\n        </button>\n    </div>\n</div>", styles: [".picker-container{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:250px}.picker-text{flex-flow:1;flex-grow:1;text-align:center;font-weight:700}\n"] }]
@@ -334,7 +1336,7 @@ class NumericPickerComponent {
     }
 }
 NumericPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NumericPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NumericPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NumericPickerComponent, selector: "ox-numeric-picker", inputs: { value: "value", max: "max", min: "min" }, outputs: { valueChange: "valueChange", change: "change" }, ngImport: i0, template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+NumericPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: NumericPickerComponent, selector: "ox-numeric-picker", inputs: { value: "value", max: "max", min: "min" }, outputs: { valueChange: "valueChange", change: "change" }, ngImport: i0, template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"], dependencies: [{ kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: NumericPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-numeric-picker', template: "<div>\n  <button mat-icon-button (click)=\"goBack()\" [disabled]=\"disableBack\">\n      <mat-icon>chevron_left</mat-icon>\n  </button>\n</div>\n<input [(ngModel)]=\"text\" (change)=\"onTextEdit($event)\" class=\"date\">\n<div>\n  <button mat-icon-button (click)=\"goNext()\" [disabled]=\"disableNext\" >\n      <mat-icon>chevron_right</mat-icon>\n  </button>\n</div>", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;min-width:60px}\n"] }]
@@ -398,7 +1400,7 @@ class PaginatorComponent {
     }
 }
 PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: PaginatorComponent, selector: "ox-paginator", inputs: { pageSize: "pageSize", paginaAtual: "paginaAtual", totalPaginas: "totalPaginas" }, outputs: { paginaAtualChange: "paginaAtualChange", totalPaginasChange: "totalPaginasChange", change: "change" }, ngImport: i0, template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: PaginatorComponent, selector: "ox-paginator", inputs: { pageSize: "pageSize", paginaAtual: "paginaAtual", totalPaginas: "totalPaginas" }, outputs: { paginaAtualChange: "paginaAtualChange", totalPaginasChange: "totalPaginasChange", change: "change" }, ngImport: i0, template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-paginator', template: "<button [disabled]=\"inicio\" mat-icon-button  (click)=\"goBack()\">\n  <mat-icon>chevron_left</mat-icon>\n</button>\n<span class=\"picker-text\">\n  {{paginaAtual}}/{{totalPaginas}}\n</span>\n<button [disabled]=\"fim\" mat-icon-button (click)=\"goNext()\">\n  <mat-icon>chevron_right</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;flex-wrap:nowrap}.picker-text{flex-flow:1;flex-grow:1;text-align:center}\n"] }]
@@ -440,7 +1442,7 @@ class RadioButtonGroupComponent {
     }
 }
 RadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: RadioButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: RadioButtonGroupComponent, selector: "ox-radio-button-group", inputs: { selectedItem: "selectedItem", items: "items" }, outputs: { change: "change" }, ngImport: i0, template: "<ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\" *ngFor=\"let item of items\">\n  {{item.name}}\n</ox-check-button>", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CheckButtonComponent, selector: "ox-check-button", inputs: ["checked", "radioBehavior"], outputs: ["changed"] }] });
+RadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: RadioButtonGroupComponent, selector: "ox-radio-button-group", inputs: { selectedItem: "selectedItem", items: "items" }, outputs: { change: "change" }, ngImport: i0, template: "<ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\" *ngFor=\"let item of items\">\n  {{item.name}}\n</ox-check-button>", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CheckButtonComponent, selector: "ox-check-button", inputs: ["checked", "radioBehavior"], outputs: ["changed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: RadioButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ox-radio-button-group', template: "<ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\" *ngFor=\"let item of items\">\n  {{item.name}}\n</ox-check-button>", styles: [":host>:first-child{border-radius:4px 0 0 4px}:host>:last-child{border-radius:0 4px 4px 0}\n"] }]
@@ -452,46 +1454,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                 type: Input
             }] } });
 
-class ItemCardComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome", codigo: "codigo", star: "star", cloud: "cloud", desativado: "desativado" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n<div class=\"icons-row\">\n    <span class=\"material-icons star\" *ngIf=\"star\">\n        grade\n    </span>\n    <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n        cloud_done\n    </span>\n</div>\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ox-item-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n<div class=\"icons-row\">\n    <span class=\"material-icons star\" *ngIf=\"star\">\n        grade\n    </span>\n    <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n        dangerous\n    </span>\n    <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n        cloud_queue\n    </span>\n    <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n        cloud_done\n    </span>\n</div>\n", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { nome: [{
-                type: Input
-            }], codigo: [{
-                type: Input
-            }], star: [{
-                type: Input
-            }], cloud: [{
-                type: Input
-            }], desativado: [{
-                type: Input
-            }] } });
-
-class AlertDialogComponent {
-    constructor(dialogRef, args) {
-        this.dialogRef = dialogRef;
-        this.args = args;
-    }
-    ngOnInit() {
-    }
-}
-AlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-AlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: AlertDialogComponent, selector: "app-alert-dialog", ngImport: i0, template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: AlertDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-alert-dialog', template: "<h1 mat-dialog-title>{{args.titulo}}</h1>\n<div mat-dialog-content>\n  <p>{{args.msg}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <button mat-button [mat-dialog-close]=\"false\">Cancelar</button>\n    <button mat-button [mat-dialog-close]=\"true\" cdkFocusInitial>Continuar</button>\n</mat-dialog-actions>" }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }]; } });
-
 class SafeHtmlPipe {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
@@ -509,6 +1471,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$3.DomSanitizer }]; } });
 
+Array.prototype.remove = function (item) {
+    const index = this.indexOf(item);
+    if (index === -1)
+        return false;
+    this.splice(index, 1);
+    return true;
+};
 Array.prototype.firstOrNull = function () {
     if (this.length > 0)
         return this[0];
@@ -531,12 +1500,17 @@ OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         RadioButtonGroupComponent,
         ItemCardComponent,
         SafeHtmlPipe,
-        AlertDialogComponent], imports: [BrowserModule,
+        AlertDialogComponent,
+        FuncionariosComponent,
+        FuncionarioFormComponent,
+        FuncionarioEditDialogComponent,
+        FuncionarioAddDialogComponent], imports: [BrowserModule,
         BrowserAnimationsModule,
         FormsModule,
         MatButtonModule,
         MatIconModule,
-        MatDialogModule], exports: [BusyIndicatorComponent,
+        MatDialogModule,
+        MatSelectModule], exports: [BusyIndicatorComponent,
         MonthYearPickerComponent,
         ImageViewerComponent,
         NumericPickerComponent,
@@ -550,7 +1524,8 @@ OxpiNglibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         FormsModule,
         MatButtonModule,
         MatIconModule,
-        MatDialogModule] });
+        MatDialogModule,
+        MatSelectModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OxpiNglibModule, decorators: [{
             type: NgModule,
             args: [{
@@ -564,7 +1539,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                         RadioButtonGroupComponent,
                         ItemCardComponent,
                         SafeHtmlPipe,
-                        AlertDialogComponent
+                        AlertDialogComponent,
+                        FuncionariosComponent,
+                        FuncionarioFormComponent,
+                        FuncionarioEditDialogComponent,
+                        FuncionarioAddDialogComponent
                     ],
                     imports: [
                         BrowserModule,
@@ -573,6 +1552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                         MatButtonModule,
                         MatIconModule,
                         MatDialogModule,
+                        MatSelectModule,
                     ],
                     exports: [
                         BusyIndicatorComponent,
@@ -606,19 +1586,6 @@ class BusyState {
     }
 }
 
-class LazyTrigger {
-    constructor(doFunc, timeout = 800) {
-        this.doFunc = doFunc;
-        this.timeout = timeout;
-    }
-    fire() {
-        console.debug("lazyTimeoutId");
-        if (this.lazyTimeoutId != undefined)
-            clearTimeout(this.lazyTimeoutId);
-        this.lazyTimeoutId = window.setTimeout(() => { this.doFunc(); }, this.timeout);
-    }
-}
-
 class NumberParser {
     constructor(setPropFunc, getPropFunc, min, max, triggerMilliseconds = 1500) {
         this.setPropFunc = setPropFunc;
@@ -659,213 +1626,62 @@ class NumberParser {
                     continue;
                 toParseTxt = toParseTxt.concat(c);
             }
-        }
-        else {
-            toParseTxt = vlrTxt;
-        }
-        const vlr = parseFloat(toParseTxt);
-        if (isNaN(vlr) || !this.validaMinMax(vlr)) {
-            const original = this.getPropFunc();
-            this.setPropFunc(0);
-            setTimeout(() => this.setPropFunc(original));
-        }
-        else {
-            this.setPropFunc(vlr);
-        }
-    }
-    validaMinMax(value) {
-        if ((this.min === undefined) && this.max === undefined)
-            return true;
-        if (!(this.min === undefined) && value < this.min)
-            return false;
-        if (!(this.max === undefined) && value > this.max)
-            return false;
-        return true;
-    }
-}
-
-class Ordem {
-    constructor(ordens, isCrescente, onToggle) {
-        const d = ordens.filter(x => x.default === true).firstOrNull();
-        this.colName = d === null ? ordens[0].value : d.value;
-        this.isCrescente = isCrescente;
-        this.onToggle = onToggle;
-    }
-    toggle() {
-        this.isCrescente = !this.isCrescente;
-        if (this.onToggle !== undefined)
-            this.onToggle();
-    }
-    toString() {
-        return this.colName + (!this.isCrescente ? " desc" : "");
-    }
-}
-
-function printTxt(txt) {
-    const r = "<!doctype html><head><meta charset=\"utf-8\"></head><body><div style='font-family: \"Courier New\", Courier, monospace; white-space: pre-wrap;color: black;font-weight: bold;word-wrap: break-word;word-break: break-all;overflow-wrap: break-word;'>" + txt + '</div></body>';
-    printHtml(r);
-}
-function printHtml(r) {
-    const blob = new Blob([r], { type: 'text/html' });
-    const url = window.URL.createObjectURL(blob);
-    const w = window.open(url, '_blank');
-    if (w != null)
-        w.print();
-}
-function selectText(ev) {
-    ev.target.select();
-}
-
-function valTextEmpty(v) {
-    return v === null ||
-        v === undefined ||
-        v.trim() === '';
-}
-function valNumberEmpty(v) {
-    return v === null ||
-        v === undefined ||
-        v === 0;
-}
-function valTextMax(v, max) {
-    return v.length > max;
-}
-function valNumberMin(v, min) {
-    if (v === null || v === undefined)
-        return true;
-    return v <= min;
-}
-
-class NavegacaoSelecaoDialogUtil {
-    constructor(view) {
-        this.view = view;
-    }
-    onKeyDown(event) {
-        console.info(event.keyCode);
-        let key = event.keyCode;
-        const selected = this.view.selectedItem;
-        const enterKey = 13, keyDown = 40, keyUp = 38;
-        if (key === enterKey) {
-            event.cancelBubble = true;
-            if (selected !== null && selected !== undefined) {
-                this.view.dialogRef.close(selected);
-                return;
-            }
-            key = keyDown;
-        }
-        if (key !== keyDown && key !== keyUp)
-            return;
-        let index = this.view.items.indexOf(selected, 0);
-        if (key === keyDown)
-            index++;
-        if (key === keyUp && index > 0)
-            index--;
-        if (index > (this.view.items.length - 1))
-            return;
-        this.view.selectedItem = this.view.items[index];
-    }
-}
-function confirmaExclusao(dialog, msg, continueFunc) {
-    const args = {
-        titulo: "Atenção",
-        msg: msg
-    };
-    const dialogRef = dialog.open(AlertDialogComponent, {
-        data: args
-    });
-    dialogRef.afterClosed().subscribe(dialogResult => {
-        if (dialogResult !== true)
-            return;
-        continueFunc();
-    });
-}
-
-const fadeAnimation = trigger('fade', [
-    transition(':enter', [
-        style({ transform: 'translateY(100%)', opacity: 0 }),
-        animate('250ms', style({ transform: 'translateY(0)', 'opacity': 1 }))
-    ]),
-    transition(':leave', [
-        style({ transform: 'translateY(0)', 'opacity': 1 }),
-        animate('250ms', style({ transform: 'translateY(100%)', 'opacity': 0 })),
-    ])
-]);
-const menuLateralAnimation = trigger('menuLateral', [
-    transition(':enter', [
-        style({ transform: 'translateX(-100%)', opacity: 1 }),
-        animate('200ms', style({ transform: 'translateX(0)', 'opacity': 1 }))
-    ]),
-    transition(':leave', [
-        style({ 'opacity': 1 }),
-        animate('200ms', style({ 'opacity': 0 })),
-    ])
-]);
-
-class SearchSetting {
-    constructor(propChanged) {
-        this.propChanged = propChanged;
-        this._meses = ["JANEIRO", "FEVEREIRO", "MARÇO", "ABRIL", "MAIO", "JUNHO", "JULHO", "AGOSTO", "SETEMBRO", "OUTUBRO", "NOVEMBRO", "DEZEMBRO"];
-        this._mesesShort = ["JAN", "FEV", "MAR", "ABR", "MAI", "JUN", "JUL", "AGO", "SET", "OUT", "NOV", "DEZ"];
-        const now = new Date();
-        const hj = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0, 0);
-        console.info(hj);
-        this.modo = SearchMode.Mensal;
-        this.mes = hj.getMonth() + 1;
-        this.ano = hj.getFullYear();
-        this.inicial = hj.addDays(-30);
-        this.final = hj;
-    }
-    set(prop, value) {
-        const me = this;
-        me[prop] = value;
-        if (this.propChanged !== undefined)
-            this.propChanged();
+        }
+        else {
+            toParseTxt = vlrTxt;
+        }
+        const vlr = parseFloat(toParseTxt);
+        if (isNaN(vlr) || !this.validaMinMax(vlr)) {
+            const original = this.getPropFunc();
+            this.setPropFunc(0);
+            setTimeout(() => this.setPropFunc(original));
+        }
+        else {
+            this.setPropFunc(vlr);
+        }
     }
-    toStringArquivo() {
-        const ini = this.inicial;
-        const fim = this.final;
-        if (this.modo === SearchMode.Mensal)
-            return this.ano + "_" + this.mes;
-        if (this.modo === SearchMode.Anual)
-            return "" + this.ano;
-        if (this.modo === SearchMode.Diario)
-            return `${ini.getDate()}_${ini.getMonth() + 1}_${ini.getFullYear()}`;
-        return `${ini.getDate()}_${ini.getMonth() + 1}_${ini.getFullYear()}_ate_${fim.getDate()}_${fim.getMonth() + 1}_${fim.getFullYear()}`;
+    validaMinMax(value) {
+        if ((this.min === undefined) && this.max === undefined)
+            return true;
+        if (!(this.min === undefined) && value < this.min)
+            return false;
+        if (!(this.max === undefined) && value > this.max)
+            return false;
+        return true;
     }
-    getDatasTexto(short = false) {
-        const ini = this.inicial;
-        const fim = this.final;
-        if (this.modo === SearchMode.Mensal && short)
-            return this._mesesShort[this.mes - 1] + " DE " + this.ano;
-        if (this.modo === SearchMode.Mensal)
-            return this._meses[this.mes - 1] + " DE " + this.ano;
-        if (this.modo === SearchMode.Anual)
-            return "" + this.ano;
-        if (this.modo === SearchMode.Diario)
-            return `${ini.getDate()}/${ini.getMonth() + 1}/${ini.getFullYear()}`;
-        return `${ini.getDate()}/${ini.getMonth() + 1}/${ini.getFullYear()} ATÉ ${fim.getDate()}/${fim.getMonth() + 1}/${fim.getFullYear()}`;
+}
+
+class Ordem {
+    constructor(ordens, isCrescente, onToggle) {
+        const d = ordens.filter(x => x.default === true).firstOrNull();
+        this.colName = d === null ? ordens[0].value : d.value;
+        this.isCrescente = isCrescente;
+        this.onToggle = onToggle;
     }
-    goNextMonth() {
-        this.mes++;
-        if (this.mes > 12) {
-            this.mes = 1;
-            this.ano += 1;
-        }
+    toggle() {
+        this.isCrescente = !this.isCrescente;
+        if (this.onToggle !== undefined)
+            this.onToggle();
     }
-    goBackMonth() {
-        this.mes--;
-        if (this.mes < 1) {
-            this.mes = 12;
-            this.ano -= 1;
-        }
+    toString() {
+        return this.colName + (!this.isCrescente ? " desc" : "");
     }
+}
+
+function printTxt(txt) {
+    const r = "<!doctype html><head><meta charset=\"utf-8\"></head><body><div style='font-family: \"Courier New\", Courier, monospace; white-space: pre-wrap;color: black;font-weight: bold;word-wrap: break-word;word-break: break-all;overflow-wrap: break-word;'>" + txt + '</div></body>';
+    printHtml(r);
 }
-var SearchMode;
-(function (SearchMode) {
-    SearchMode[SearchMode["Mensal"] = 0] = "Mensal";
-    SearchMode[SearchMode["Anual"] = 1] = "Anual";
-    SearchMode[SearchMode["Periodo"] = 2] = "Periodo";
-    SearchMode[SearchMode["Diario"] = 3] = "Diario";
-})(SearchMode || (SearchMode = {}));
+function printHtml(r) {
+    const blob = new Blob([r], { type: 'text/html' });
+    const url = window.URL.createObjectURL(blob);
+    const w = window.open(url, '_blank');
+    if (w != null)
+        w.print();
+}
+function selectText(ev) {
+    ev.target.select();
+}
 
 class PagamentoRecebimentoSearchSetting extends SearchSetting {
     constructor() {
@@ -977,76 +1793,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
-class FocusService {
-    constructor() {
-    }
-    hasInit() {
-        return this._element !== undefined;
-    }
-    registerElementById(name) {
-        this.registerElement(document.getElementById(name));
-    }
-    registerElement(element) {
-        if (element === null || element === undefined)
-            return;
-        this._element = element;
-        //this._items = this.getItems();
-        console.info(element);
-        element.addEventListener('keydown', (ev) => this.handleKeyboardEvent(ev));
-    }
-    registerWindow() {
-        this._element = null;
-        //this._items = this.getItems();
-        window.addEventListener('keydown', (ev) => this.handleKeyboardEvent(ev));
-    }
-    unregisterElementById(name) {
-        this.unregisterElement(document.getElementById(name));
-    }
-    unregisterElement(element) {
-        if (element === null || element === undefined)
-            return;
-        element.removeEventListener('keydown', (ev) => this.handleKeyboardEvent(ev));
-    }
-    handleKeyboardEvent(event) {
-        if (event.keyCode !== 13)
-            return;
-        if (event.target.nodeName === "BUTTON")
-            return;
-        const items = this.getItems();
-        const index = Array.prototype.indexOf.call(items, event.target);
-        const nextIndex = index + 1;
-        if (nextIndex > items.length - 1)
-            return;
-        const i = items[index + 1];
-        if (i.tabIndex > -1)
-            i.focus();
-        event.preventDefault();
-    }
-    setFirst() {
-        const el = this.getItems()[0]; //[0];
-        if (el !== undefined)
-            el.focus();
-    }
-    getItems() {
-        const query = this._element !== null && this._element !== undefined ?
-            this._element.querySelectorAll('input,button, [tabindex]:not([tabindex="-1"])') :
-            document.querySelectorAll('input,button, [tabindex]:not([tabindex="-1"])');
-        const items = [];
-        for (let index = 0; index < query.length; index++) {
-            const el = query[index];
-            if (el.tabIndex > 0)
-                items.push(el);
-        }
-        return items;
-    }
-    set(id) {
-        const el = document.getElementById(id);
-        if (el === null)
-            return;
-        el.focus();
-    }
-}
-
 class Preferences {
     constructor() {
     }
@@ -1087,101 +1833,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
-const SM_WIDTH = 576;
-const MD_WIDTH = 768;
-const LG_WIDTH = 992;
-const XL_WIDTH = 1200;
-const XXL_WIDTH = 1400;
-class ScreenHelperService {
-    constructor() {
-        this.changedMobileScreen = new EventEmitter();
-        this.changedMediumScreen = new EventEmitter();
-        this.changedLargeScreen = new EventEmitter();
-        this.changedXLargeScreen = new EventEmitter();
-        this.changedXXLargeScreen = new EventEmitter();
-        this.changedMinSmallScreen = new EventEmitter();
-        this.changedMinMediumScreen = new EventEmitter();
-        this.changedMinLargeScreen = new EventEmitter();
-        this.changedMinXLargeScreen = new EventEmitter();
-        this.changedMinXXLargeScreen = new EventEmitter();
-        this.mobileScreen = false;
-        this.isMedium = false;
-        this.isLarge = false;
-        this.isXLarge = false;
-        this.isXXLarge = false;
-        this.minSmall = false;
-        this.minMedium = false;
-        this.minLarge = false;
-        this.minXLarge = false;
-        this.minXXLarge = false;
-        this.determinaMobileScreen();
-        window.addEventListener('resize', (event) => {
-            this.determinaMobileScreen();
-        });
-    }
-    determinaMobileScreen() {
-        const width = window.innerWidth;
-        const isSmall = width <= SM_WIDTH;
-        const isMedium = width <= MD_WIDTH;
-        const isLarge = width <= LG_WIDTH;
-        const isXLarge = width <= XL_WIDTH;
-        const isXXLarge = width <= XXL_WIDTH;
-        const minSmall = width >= SM_WIDTH;
-        const minMedium = width >= MD_WIDTH;
-        const minLarge = width >= LG_WIDTH;
-        const minXLarge = width >= XL_WIDTH;
-        const minXXLarge = width >= XXL_WIDTH;
-        if (isSmall !== this.mobileScreen) {
-            this.changedMobileScreen.emit(isSmall);
-            this.mobileScreen = isSmall;
-        }
-        if (isMedium !== this.isMedium) {
-            this.changedMediumScreen.emit(isMedium);
-            this.isMedium = isMedium;
-        }
-        if (isLarge !== this.isLarge) {
-            this.changedLargeScreen.emit(isLarge);
-            this.isLarge = isLarge;
-        }
-        if (isXLarge !== this.isXLarge) {
-            this.changedXLargeScreen.emit(isXLarge);
-            this.isXLarge = isXLarge;
-        }
-        if (isXXLarge !== this.isXXLarge) {
-            this.changedXXLargeScreen.emit(isXXLarge);
-            this.isXXLarge = isXXLarge;
-        }
-        if (minSmall !== this.minSmall) {
-            this.changedMinSmallScreen.emit(isSmall);
-            this.minMedium = isSmall;
-        }
-        if (minMedium !== this.minMedium) {
-            this.changedMinMediumScreen.emit(isMedium);
-            this.minMedium = isMedium;
-        }
-        if (minLarge !== this.minLarge) {
-            this.changedMinLargeScreen.emit(minLarge);
-            this.minLarge = minLarge;
-        }
-        if (minXLarge !== this.minXLarge) {
-            this.changedMinXLargeScreen.emit(minXLarge);
-            this.minXLarge = minXLarge;
-        }
-        if (minXXLarge !== this.minXXLarge) {
-            this.changedMinXXLargeScreen.emit(minXXLarge);
-            this.minXXLarge = minXXLarge;
-        }
-    }
-}
-ScreenHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ScreenHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ScreenHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ScreenHelperService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ScreenHelperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
 /*
  * Public API Surface of oxpi-nglib
  */
@@ -1190,5 +1841,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AlertDialogComponent, BusyIndicatorComponent, BusyState, CheckButtonComponent, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, ImageViewerComponent, ItemCardComponent, LazyTrigger, MonthYearPickerComponent, NavegacaoSelecaoDialogUtil, NumberParser, NumericPickerComponent, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, ProdutoSearchSetting, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SuitesIntervencoesSetting, confirmaExclusao, fadeAnimation, menuLateralAnimation, printHtml, printTxt, selectText, valNumberEmpty, valNumberMin, valTextEmpty, valTextMax };
+export { AlertDialogComponent, AuthDataService, BusyIndicatorComponent, BusyState, CheckButtonComponent, CommonWebService, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, FuncionarioAddDialogComponent, FuncionarioEditDialogComponent, FuncionarioFormComponent, FuncionariosComponent, ImageViewerComponent, ItemCardComponent, LazyTrigger, MonthYearPickerComponent, NavegacaoSelecaoDialogUtil, NotificationService, NumberParser, NumericPickerComponent, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, ProdutoSearchSetting, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SuitesIntervencoesSetting, confirmaExclusao, fadeAnimation, menuLateralAnimation, printHtml, printTxt, selectText, valNumberEmpty, valNumberMin, valTextEmpty, valTextMax };
 //# sourceMappingURL=oxpi-nglib.mjs.map