oxpi-nglib 0.0.4 → 0.0.8

package/fesm2015/oxpi-nglib.mjs

@@ -1,12 +1,16 @@
 import * as i0 from '@angular/core';
-import { Component, Input, EventEmitter, Output, HostListener, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import * as i1 from '@angular/material/icon';
+import { Component, Input, EventEmitter, Output, HostListener, NgModule, Injectable, Pipe } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i2$1 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import * as i1$2 from '@angular/platform-browser';
 import { BrowserModule } from '@angular/platform-browser';
+import * as FileSaver from 'file-saver';
 
 class BusyIndicatorComponent {
     constructor() {
@@ -16,7 +20,7 @@ class BusyIndicatorComponent {
     }
 }
 BusyIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: BusyIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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:white;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"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+BusyIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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:white;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"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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:white;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"] }]
@@ -108,7 +112,7 @@ class ImageViewerComponent {
     }
 }
 ImageViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: i1$1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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"] }]
@@ -226,7 +230,7 @@ class MonthYearPickerComponent {
     }
 }
 MonthYearPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MonthYearPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MonthYearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+MonthYearPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: i1$1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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"] }]
@@ -327,7 +331,7 @@ class NumericPickerComponent {
     }
 }
 NumericPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NumericPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NumericPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2$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]" }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+NumericPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: i1$1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ 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]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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"] }]
@@ -391,7 +395,7 @@ class PaginatorComponent {
     }
 }
 PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: i1$1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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"] }]
@@ -433,7 +437,7 @@ class RadioButtonGroupComponent {
     }
 }
 RadioButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: RadioButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: CheckButtonComponent, selector: "ox-check-button", inputs: ["checked", "radioBehavior"], outputs: ["changed"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+RadioButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", 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"], components: [{ type: CheckButtonComponent, selector: "ox-check-button", inputs: ["checked", "radioBehavior"], outputs: ["changed"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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"] }]
@@ -450,6 +454,11 @@ Array.prototype.firstOrNull = function () {
         return this[0];
     return null;
 };
+Date.prototype.addDays = function (days) {
+    var result = new Date(this);
+    result.setDate(result.getDate() + days);
+    return result;
+};
 class OxpiNglibModule {
 }
 OxpiNglibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: OxpiNglibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -462,6 +471,7 @@ OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         RadioButtonGroupComponent], imports: [BrowserModule,
         BrowserAnimationsModule,
         FormsModule,
+        MatButtonModule,
         MatIconModule], exports: [BusyIndicatorComponent,
         MonthYearPickerComponent,
         ImageViewerComponent,
@@ -473,6 +483,7 @@ OxpiNglibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             BrowserModule,
             BrowserAnimationsModule,
             FormsModule,
+            MatButtonModule,
             MatIconModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: OxpiNglibModule, decorators: [{
@@ -491,6 +502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                         BrowserModule,
                         BrowserAnimationsModule,
                         FormsModule,
+                        MatButtonModule,
                         MatIconModule,
                     ],
                     exports: [
@@ -505,6 +517,489 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }] });
 
+class BusyState {
+    constructor() {
+        this.isBusy = false;
+        this.counter = 0;
+    }
+    show() {
+        this.counter++;
+        this.isBusy = true;
+    }
+    hide() {
+        this.counter--;
+        if (this.counter < 0)
+            this.counter = 0;
+        if (this.counter == 0)
+            this.isBusy = false;
+    }
+}
+
+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) {
+        this.setPropFunc = setPropFunc;
+        this.getPropFunc = getPropFunc;
+        this.min = min;
+        this.max = max;
+        this.parsed = false;
+        this._parseTrigger = new LazyTrigger(() => this.parseValor());
+    }
+    parse(vlr) {
+        this.valor = vlr;
+        this.parsed = false;
+        this._parseTrigger.fire();
+    }
+    checkout() {
+        if (this.parsed || !this.valor)
+            return;
+        this.parseValor();
+    }
+    parseValor() {
+        if (this.valor === undefined)
+            return;
+        this.parsed = true;
+        const vlrTxt = this.valor.split(",").join(".");
+        ;
+        const spTxt = vlrTxt.split(".");
+        let toParseTxt = "";
+        if (spTxt.length > 2) {
+            const chars = vlrTxt.split("");
+            const lastIndex = vlrTxt.lastIndexOf(".");
+            for (let i = 0; i < chars.length; i++) {
+                const c = chars[i];
+                if (c === "." && i != lastIndex)
+                    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 valTextMax(v, max) {
+    return v.length > max;
+}
+function valNumberMin(v, min) {
+    if (v === null || v === undefined)
+        return true;
+    return v <= min;
+}
+
+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 PagamentoRecebimentoSearchSetting extends SearchSetting {
+    constructor() {
+        super();
+        this.exibirPagamentos = true;
+        this.exibirRecebimentos = true;
+    }
+}
+
+class OcupacaoFilterSetting extends SearchSetting {
+    constructor() {
+        super();
+        this.dom = false;
+        this.seg = false;
+        this.ter = false;
+        this.qua = false;
+        this.qui = false;
+        this.sex = false;
+        this.sab = false;
+    }
+}
+
+class OcupacaoSearchSetting extends OcupacaoFilterSetting {
+    constructor() {
+        super();
+        this.dateFieldEnum = OcupacaoSearchDateField.DataBaseCaixa;
+    }
+}
+var PorOcupacaoTipo;
+(function (PorOcupacaoTipo) {
+    PorOcupacaoTipo[PorOcupacaoTipo["PorSuite"] = 0] = "PorSuite";
+    PorOcupacaoTipo[PorOcupacaoTipo["PorClasse"] = 1] = "PorClasse";
+    PorOcupacaoTipo[PorOcupacaoTipo["PorPermanencia"] = 2] = "PorPermanencia";
+})(PorOcupacaoTipo || (PorOcupacaoTipo = {}));
+var OcupacaoSearchDateField;
+(function (OcupacaoSearchDateField) {
+    OcupacaoSearchDateField[OcupacaoSearchDateField["DataBaseCaixa"] = 0] = "DataBaseCaixa";
+    OcupacaoSearchDateField[OcupacaoSearchDateField["Entrada"] = 1] = "Entrada";
+    OcupacaoSearchDateField[OcupacaoSearchDateField["Saida"] = 2] = "Saida";
+})(OcupacaoSearchDateField || (OcupacaoSearchDateField = {}));
+var OcupacaoSearchTipoEntrada;
+(function (OcupacaoSearchTipoEntrada) {
+    OcupacaoSearchTipoEntrada[OcupacaoSearchTipoEntrada["Todas"] = 0] = "Todas";
+    OcupacaoSearchTipoEntrada[OcupacaoSearchTipoEntrada["Auto"] = 1] = "Auto";
+    OcupacaoSearchTipoEntrada[OcupacaoSearchTipoEntrada["Manual"] = 2] = "Manual";
+})(OcupacaoSearchTipoEntrada || (OcupacaoSearchTipoEntrada = {}));
+
+class ConsumoProdutoSearchSetting extends SearchSetting {
+    constructor() {
+        super();
+        this.dateFieldEnum = OcupacaoSearchDateField.DataBaseCaixa;
+        this.exibeVendas = true;
+        this.exibeConsumoInterno = true;
+        this.horaInicial = 0;
+        this.minutoInicial = 0;
+        this.horaFinal = 23;
+        this.minutoFinal = 59;
+    }
+}
+
+class DuplicataSearchSetting extends SearchSetting {
+    constructor(isDespesa, propChanged) {
+        super(propChanged);
+        this.isDespesa = isDespesa;
+        this.ultimosCadastrados = false;
+        this.exibeQuitado = false;
+        this.exibeParcial = false;
+        this.exibeEmAberto = false;
+        this.ordem = "Vencimento";
+    }
+}
+
+class SuitesIntervencoesSetting extends SearchSetting {
+}
+
+class ExportFileService {
+    constructor() { }
+    start(empresaNomeFile) {
+        this.empresaNomeFile = empresaNomeFile;
+    }
+    exportarExcel(r, fileName) {
+        const blob = new Blob([r], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+        FileSaver.saveAs(blob, `${fileName}.${this.empresaNomeFile}.xlsx`);
+    }
+    printHtml(r) {
+        const blob = new Blob([r], { type: 'text/html' });
+        const url = window.URL.createObjectURL(blob);
+        const w = window.open(url, '_blank', 'noreferrer');
+        w === null || w === void 0 ? void 0 : w.print();
+    }
+}
+ExportFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ExportFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ExportFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ExportFileService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ExportFileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], 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() {
+    }
+    loadGroup(key, list, defaultValue) {
+        const t = localStorage.getItem(key);
+        if (t === null)
+            return defaultValue;
+        let defValue;
+        for (let i = 0; i < list.length; i++) {
+            const item = list[i];
+            const isDefault = (item.value + '') === t;
+            item.default = isDefault;
+            if (isDefault)
+                defValue = item.value;
+        }
+        return defValue;
+    }
+    load(key, defaultValue) {
+        const json = localStorage.getItem(key);
+        if (json === null)
+            return defaultValue;
+        return JSON.parse(json);
+    }
+    saveGroup(key, data) {
+        localStorage.setItem(key, data.value);
+    }
+    save(key, obj) {
+        const json = JSON.stringify(obj);
+        localStorage.setItem(key, json);
+    }
+}
+Preferences.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: Preferences, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+Preferences.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: Preferences, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: Preferences, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class SafeHtmlPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+}
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeHtml'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
+
+const SM_WIDTH = 576;
+const MD_WIDTH = 768;
+const LG_WIDTH = 992;
+const XL_WIDTH = 1200;
+class ScreenHelperService {
+    constructor() {
+        this.changedMobileScreen = new EventEmitter();
+        this.changedMediumScreen = new EventEmitter();
+        this.changedLargeScreen = new EventEmitter();
+        this.changedXLargeScreen = new EventEmitter();
+        this.mobileScreen = false;
+        this.isMedium = false;
+        this.isLarge = false;
+        this.isXLarge = 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;
+        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;
+        }
+    }
+}
+ScreenHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ScreenHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ScreenHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ScreenHelperService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ScreenHelperService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
 /*
  * Public API Surface of oxpi-nglib
  */
@@ -513,5 +1008,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BusyIndicatorComponent, CheckButtonComponent, ImageViewerComponent, MonthYearPickerComponent, NumericPickerComponent, OxpiNglibModule, PaginatorComponent, RadioButtonGroupComponent };
+export { BusyIndicatorComponent, BusyState, CheckButtonComponent, ConsumoProdutoSearchSetting, DuplicataSearchSetting, ExportFileService, FocusService, ImageViewerComponent, LazyTrigger, MonthYearPickerComponent, NumberParser, NumericPickerComponent, OcupacaoFilterSetting, OcupacaoSearchDateField, OcupacaoSearchSetting, OcupacaoSearchTipoEntrada, Ordem, OxpiNglibModule, PagamentoRecebimentoSearchSetting, PaginatorComponent, PorOcupacaoTipo, Preferences, RadioButtonGroupComponent, SafeHtmlPipe, ScreenHelperService, SearchMode, SearchSetting, SuitesIntervencoesSetting, printHtml, printTxt, selectText, valNumberMin, valTextEmpty, valTextMax };
 //# sourceMappingURL=oxpi-nglib.mjs.map