oxpi-nglib 0.0.1 → 0.0.5

package/fesm2015/oxpi-nglib.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"oxpi-nglib.mjs","sources":["../../../projects/oxpi-nglib/src/lib/controls/busy-indicator/busy-indicator.component.ts","../../../projects/oxpi-nglib/src/lib/controls/busy-indicator/busy-indicator.component.html","../../../projects/oxpi-nglib/src/lib/oxpi-nglib.module.ts","../../../projects/oxpi-nglib/src/public-api.ts","../../../projects/oxpi-nglib/src/oxpi-nglib.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n  selector: 'ox-busy-indicator',\n  templateUrl: './busy-indicator.component.html',\n  styleUrls: ['./busy-indicator.component.scss']\n})\nexport class BusyIndicatorComponent implements OnInit {\n  @Input() isBusy: boolean = false;\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>","import { NgModule } from '@angular/core';\nimport { BusyIndicatorComponent } from './controls/busy-indicator/busy-indicator.component';\n\n\n\n@NgModule({\n  declarations: [\n    BusyIndicatorComponent\n  ],\n  imports: [\n  ],\n  exports: [\n    BusyIndicatorComponent\n  ]\n})\nexport class OxpiNglibModule { }\n","/*\n * Public API Surface of oxpi-nglib\n */\n\n//export * from './lib/oxpi-nglib.service';\nexport * from './lib/controls/busy-indicator/busy-indicator.component';\nexport * from './lib/oxpi-nglib.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,sBAAsB;IAEjC;QADS,WAAM,GAAY,KAAK,CAAC;KAChB;IAEjB,QAAQ;KACP;;mHALU,sBAAsB;uGAAtB,sBAAsB,uFCPnC,2GAEM;2FDKO,sBAAsB;kBALlC,SAAS;+BACE,mBAAmB;0EAKpB,MAAM;sBAAd,KAAK;;;MEOK,eAAe;;4GAAf,eAAe;6GAAf,eAAe,iBARxB,sBAAsB,aAKtB,sBAAsB;6GAGb,eAAe,YANjB,EACR;2FAKU,eAAe;kBAV3B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;qBACvB;oBACD,OAAO,EAAE,EACR;oBACD,OAAO,EAAE;wBACP,sBAAsB;qBACvB;iBACF;;;ACdD;;;;ACAA;;;;;;"}
+{"version":3,"file":"oxpi-nglib.mjs","sources":["../../../projects/oxpi-nglib/src/lib/controls/busy-indicator/busy-indicator.component.ts","../../../projects/oxpi-nglib/src/lib/controls/busy-indicator/busy-indicator.component.html","../../../projects/oxpi-nglib/src/lib/controls/check-button/check-button.component.ts","../../../projects/oxpi-nglib/src/lib/controls/check-button/check-button.component.html","../../../projects/oxpi-nglib/src/lib/controls/image-viewer/image-viewer.component.ts","../../../projects/oxpi-nglib/src/lib/controls/image-viewer/image-viewer.component.html","../../../projects/oxpi-nglib/src/lib/controls/month-year-picker/month-year-picker.component.ts","../../../projects/oxpi-nglib/src/lib/controls/month-year-picker/month-year-picker.component.html","../../../projects/oxpi-nglib/src/lib/controls/numeric-picker/numeric-picker.component.ts","../../../projects/oxpi-nglib/src/lib/controls/numeric-picker/numeric-picker.component.html","../../../projects/oxpi-nglib/src/lib/controls/paginator/paginator.component.ts","../../../projects/oxpi-nglib/src/lib/controls/paginator/paginator.component.html","../../../projects/oxpi-nglib/src/lib/controls/radio-button-group/radio-button-group.component.ts","../../../projects/oxpi-nglib/src/lib/controls/radio-button-group/radio-button-group.component.html","../../../projects/oxpi-nglib/src/lib/oxpi-nglib.module.ts","../../../projects/oxpi-nglib/src/public-api.ts","../../../projects/oxpi-nglib/src/oxpi-nglib.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n  selector: 'ox-busy-indicator',\n  templateUrl: './busy-indicator.component.html',\n  styleUrls: ['./busy-indicator.component.scss']\n})\nexport class BusyIndicatorComponent implements OnInit {\n  @Input() isBusy: boolean = false;\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<div class=\"busy-indicator-container\" *ngIf=\"isBusy\">\n  <div class=\"busy-indicator\"></div>\n</div>","import { Component, OnInit, Input, HostListener, Output, EventEmitter } from '@angular/core';\n\n@Component({\n  selector: 'ox-check-button',\n  templateUrl: './check-button.component.html',\n  styleUrls: ['./check-button.component.scss'],\n  host: {\n    '[class.checked]': \"checked\",\n  }\n})\nexport class CheckButtonComponent implements OnInit {\n  @Input() checked: boolean = false;\n  @Input() radioBehavior: boolean = false;\n  @Output() changed = new EventEmitter<boolean>();\n  constructor() {\n    this.checked = true;\n  }\n\n  ngOnInit() {\n  }\n\n  @HostListener('click', ['$event'])\n  onClick(e : any) {\n    if (!this.radioBehavior)\n      this.checked = !this.checked;\n    this.changed.emit(this.checked);\n  }\n}\n","<ng-content></ng-content>","import { Component, OnInit, Input, Output, EventEmitter, HostListener } from '@angular/core';\n\n@Component({\n  selector: 'ox-image-viewer',\n  templateUrl: './image-viewer.component.html',\n  styleUrls: ['./image-viewer.component.scss']\n})\nexport class ImageViewerComponent implements OnInit {\n  @Input() info?: ImageViewerInfo;\n  @Input() infos: ImageViewerInfo[] = [];\n  private _isOpen: boolean = false;\n  paginaAtual: number = 0;\n  disableBack : boolean= false;\n  disableNext : boolean = false;\n  @Output() isOpenChange = new EventEmitter();\n\n  @Input()\n  get isOpen(): boolean {\n    return this._isOpen;\n  }\n  set isOpen(val: boolean) {\n    this._isOpen = val;\n    this.isOpenChange.emit(val);\n  }\n\n  @HostListener('click', ['$event'])\n  onClick(e : any) {\n    //this.isOpen = !this.isOpen;\n  }\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n  open(info: ImageViewerInfo, infos: ImageViewerInfo[]) {\n    if (infos !== undefined) {\n      for (let i = 0; i < infos.length; i++) {\n        if (infos[i] === info) {\n          this.paginaAtual = i + 1;\n          break;\n        }\n      }\n    }\n\n    this.info = info;\n    this.infos = infos;\n    this.isOpen = true;\n    this.updateUI();\n  }\n\n  goNext()\n  {\n    this.paginaAtual += 1;\n    this.info = this.infos[this.paginaAtual - 1];\n    this.updateUI();\n  }\n\n  goBack()\n  {\n    this.paginaAtual -= 1;\n    this.info = this.infos[this.paginaAtual - 1];\n    this.updateUI();\n  }\n\n  updateUI()\n  {\n    this.disableBack = this.paginaAtual == 1;\n    this.disableNext = this.paginaAtual == this.infos.length;\n  }\n}\n\nexport interface ImageViewerInfo {\n  url: string;\n  titulo: string;\n  id : any;\n}\n","<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","import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';\n\n@Component({\n  selector: 'ox-month-year-picker',\n  templateUrl: './month-year-picker.component.html',\n  styleUrls: ['./month-year-picker.component.scss']\n})\nexport class MonthYearPickerComponent implements OnInit {\n  @Output() anoChange = new EventEmitter<number>();\n  @Output() mesChange = new EventEmitter<number>();\n  @Output() changed = new EventEmitter<MonthYear>();\n\n  _init : boolean = false;\n  _ano: number;\n  _mes: number;\n  _modoAnual : boolean = false;\n  _meses = [\"JANEIRO\", \"FEVEREIRO\", \"MARÇO\", \"ABRIL\", \"MAIO\", \"JUNHO\", \"JULHO\", \"AGOSTO\", \"SETEMBRO\", \"OUTUBRO\", \"NOVEMBRO\", \"DEZEMBRO\"];\n  text: string = '';\n  disableNext: boolean = false;\n  @Input()\n  blockFuture: boolean = false;\n\n  @Input()\n  get modoAnual(): boolean {\n    return this._modoAnual;\n  }\n  set modoAnual(val: boolean) {\n    this._modoAnual = val;\n    if (!this._init) return;\n    this.updateText();\n    this.raiseOnSelectionChanged();\n  }\n\n  @Input()\n  get ano(): number {\n    return this._ano;\n  }\n  set ano(val: number) {\n    this._ano = val;\n    if (!this._init) return;\n    this.anoChange.emit(val);\n    this.updateText();\n  }\n\n  @Input()\n  get mes(): number {\n    return this._mes;\n  }\n  set mes(val: number) {\n    this._mes = val;\n    if (!this._init) return;\n    this.mesChange.emit(val);\n    this.updateText();\n  }\n\n  constructor() {\n    let d = new Date();\n    this._ano = d.getFullYear();\n    this._mes = d.getMonth() + 1;\n  }\n\n  ngOnInit() {\n    this.updateText();\n    this._init = true;\n  }\n\n  goBack() {\n    if (this.modoAnual) {\n      this.ano -= 1;\n    }\n    else {\n      this.mes--;\n      if (this.mes < 1) {\n        this.ano -= 1;\n        this.mes = 12;\n      }\n    }\n    this.updateText();\n    this.raiseOnSelectionChanged();\n  };\n\n  goNext() {\n    if (this.modoAnual) {\n      this.ano += 1;\n    }\n    else {\n      this.mes++;\n      if (this.mes > 12) {\n        this.ano += 1;\n        this.mes = 1;\n      }\n    }\n    this.updateText();\n    this.raiseOnSelectionChanged();\n  };\n\n  updateText() {\n    if (this.modoAnual)\n      this.text = '' + this._ano;\n    else\n      this.text = this._meses[this._mes - 1] + \" DE \" + this._ano;\n\n    if (!this.blockFuture)\n      return;\n\n    let d = new Date();\n    let ano = d.getFullYear();\n    let mes = d.getMonth() + 1;\n\n    if (!this.modoAnual)\n      this.disableNext = ano == this.ano && this.mes >= mes;\n    else\n      this.disableNext = ano == this.ano;\n  };\n\n  raiseOnSelectionChanged() {\n    let d = { ano: this._ano, mes: this._mes };\n    this.changed.emit(d);\n  }\n}\nexport interface MonthYear {\n  mes: number;\n  ano: number;\n}\n","<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>","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n  selector: 'ox-numeric-picker',\n  templateUrl: './numeric-picker.component.html',\n  styleUrls: ['./numeric-picker.component.scss']\n})\nexport class NumericPickerComponent implements OnInit {\n  @Output() valueChange = new EventEmitter<number>();\n  @Output() change = new EventEmitter<number>();\n  _value: number = 0;\n  _max: number = 0;\n  _min: number = 0;\n  text: string = '';\n  disableNext = false;\n  disableBack = false;\n\n  @Input()\n  get value(): number {\n    return this._value;\n  }\n  set value(val: number) {\n    this._value = val;\n    this.valueChange.emit(val);\n    this.refreshUI();\n  }\n\n  @Input()\n  get max(): number {\n    return this._max;\n  }\n  set max(val: number) {\n    this._max = val;\n    this.refreshUI();\n  }\n\n  @Input()\n  get min(): number {\n    return this._min;\n  }\n  set min(val: number) {\n    this._min = Number(val);\n    this.refreshUI();\n  }\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n  onTextEdit(ev : any) {\n    console.info(ev);\n    const i = Number(ev.target.value);\n    if (!this.valida(i))\n      this.text = '' + this.value;\n    else {\n      this.value = i;\n      this.raiseChange();\n      this.refreshUI();\n    }\n  }\n\n  goBack() {\n    const newVal = this.value - 1;\n    if (!this.valida(newVal))\n      return;\n    this.value = newVal;\n    this.raiseChange();\n  };\n\n  goNext() {\n    const newVal = this.value + 1;\n    if (!this.valida(newVal))\n      return;\n    this.value = newVal;\n    this.raiseChange();\n  };\n\n  refreshUI() {\n    this.text = this.value === undefined ? '--' : '' + this.value;\n    this.disableNext = this.max !== undefined && this.value === this.max;\n    this.disableBack = this.min !== undefined && this.value === this.min;\n  }\n\n  valida(val : any): boolean {\n    if (isNaN(val))\n      return false;\n    if (this.max !== undefined && val > this.max)\n      return false;\n    if (this.min !== undefined && val < this.min)\n      return false;\n    return true;\n  }\n\n  raiseChange() {\n    this.change.emit(this.value);\n  }\n}\n","<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>","import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';\n\n@Component({\n  selector: 'ox-paginator',\n  templateUrl: './paginator.component.html',\n  styleUrls: ['./paginator.component.scss']\n})\nexport class PaginatorComponent implements OnInit {\n  @Output() paginaAtualChange = new EventEmitter<number>();\n  @Output() totalPaginasChange = new EventEmitter<number>();\n  @Output() change = new EventEmitter<number>();\n  _paginaAtual: number = 1;\n  _totalPaginas: number = 1;\n  inicio: boolean = true;\n  fim: boolean = true;\n  @Input() pageSize: number = 0;\n\n  @Input()\n  get paginaAtual(): number {\n    return this._paginaAtual;\n  }\n\n  set paginaAtual(val: number) {\n    this._paginaAtual = val;\n    this.paginaAtualChange.emit(val);\n    this.refreshUI();\n  }\n\n  @Input()\n  get totalPaginas(): number {\n    return this._totalPaginas;\n  }\n\n  set totalPaginas(val: number) {\n    this._totalPaginas = val;\n    this.totalPaginasChange.emit(val);\n    this.refreshUI();\n  }\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n  trocaPagina(pagina: number) {\n    if (pagina > this.totalPaginas || pagina < 1)\n      return;\n      this.paginaAtual = pagina;\n      this.refreshUI();\n      this.change.emit(this.paginaAtual);    \n  }\n\n  refreshUI()\n  {\n    this.inicio = this.paginaAtual == 1;\n    this.fim = this.paginaAtual == this.totalPaginas;  \n  }\n\n  goBack() {\n    this.trocaPagina(this.paginaAtual - 1);\n  }\n\n  goNext() {\n    this.trocaPagina(this.paginaAtual + 1);\n  }\n\n}\n","<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","import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';\n\n@Component({\n  selector: 'ox-radio-button-group',\n  templateUrl: './radio-button-group.component.html',\n  styleUrls: ['./radio-button-group.component.scss']\n})\nexport class RadioButtonGroupComponent implements OnInit {\n  @Output() change = new EventEmitter<RadioButtonGroupData>();\n  _items: RadioButtonGroupData[] = [];\n  //_init : boolean = false;\n  @Input() selectedItem: RadioButtonGroupData | null = null;\n  @Input()\n  get items(): RadioButtonGroupData[] {\n    return this._items;\n  }\n  set items(val: RadioButtonGroupData[]) {\n    this._items = val;\n    this.selectedItem = this.items.filter(x => x.default === true).firstOrNull();\n    if (this.selectedItem === null)\n      this.selectedItem = this.items.firstOrNull();\n  }\n\n  constructor() { }\n\n  ngOnInit() {\n\n  }\n\n  raiseChange(item : RadioButtonGroupData) {\n    this.selectedItem = item;\n    this.change.emit(this.selectedItem);\n  }\n}\n\nexport interface RadioButtonGroupData {\n  name: string;\n  value: any;\n  default?: boolean;\n}\n","<ox-check-button [radioBehavior]=\"true\" (changed)=\"raiseChange(item)\" [checked]=\"item == selectedItem\" *ngFor=\"let item of items\">\n  {{item.name}}\n</ox-check-button>","import { NgModule } from '@angular/core';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { BusyIndicatorComponent } from './controls/busy-indicator/busy-indicator.component';\nimport { BrowserModule } from '@angular/platform-browser';\n\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FormsModule } from '@angular/forms';\nimport { MonthYearPickerComponent } from './controls/month-year-picker/month-year-picker.component';\nimport { ImageViewerComponent } from './controls/image-viewer/image-viewer.component';\nimport { NumericPickerComponent } from './controls/numeric-picker/numeric-picker.component';\nimport { PaginatorComponent } from './controls/paginator/paginator.component';\nimport { CheckButtonComponent } from './controls/check-button/check-button.component';\nimport { RadioButtonGroupComponent } from './controls/radio-button-group/radio-button-group.component';\n\n\ndeclare global {\n  interface String {\n    isEmpty(): boolean;\n  }\n  interface Array<T> {\n    firstOrNull(): T | null;\n  }\n}\n\nArray.prototype.firstOrNull = function () {\n  if (this.length > 0)\n    return this[0];\n  return null;\n}\n\n@NgModule({\n  declarations: [\n    BusyIndicatorComponent,\n    MonthYearPickerComponent,\n    ImageViewerComponent,\n    NumericPickerComponent,\n    PaginatorComponent,\n    CheckButtonComponent,\n    RadioButtonGroupComponent,\n\n  ],\n  imports: [\n    BrowserModule,\n    BrowserAnimationsModule,\n    FormsModule,\n    MatButtonModule,\n    MatIconModule,\n  ],\n  exports: [\n    BusyIndicatorComponent,\n    MonthYearPickerComponent,\n    ImageViewerComponent,\n    NumericPickerComponent,\n    PaginatorComponent,\n    CheckButtonComponent,\n    RadioButtonGroupComponent\n  ]\n})\nexport class OxpiNglibModule { }\n","/*\n * Public API Surface of oxpi-nglib\n */\n\n//export * from './lib/oxpi-nglib.service';\nexport * from './lib/controls/busy-indicator/busy-indicator.component';\nexport * from './lib/controls/check-button/check-button.component';\nexport * from './lib/controls/image-viewer/image-viewer.component';\nexport * from './lib/controls/month-year-picker/month-year-picker.component';\nexport * from './lib/controls/numeric-picker/numeric-picker.component';\nexport * from './lib/controls/paginator/paginator.component';\nexport * from './lib/controls/radio-button-group/radio-button-group.component';\nexport * from './lib/oxpi-nglib.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/oxpi-nglib.mjs

@@ -1,5 +1,14 @@
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
+import { Component, Input, EventEmitter, Output, HostListener, NgModule } 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 i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { BrowserModule } from '@angular/platform-browser';
 
 class BusyIndicatorComponent {
     constructor() {
@@ -9,7 +18,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"] });
+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"] }]
@@ -17,20 +26,486 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }] } });
 
+class CheckButtonComponent {
+    constructor() {
+        this.checked = false;
+        this.radioBehavior = false;
+        this.changed = new EventEmitter();
+        this.checked = true;
+    }
+    ngOnInit() {
+    }
+    onClick(e) {
+        if (!this.radioBehavior)
+            this.checked = !this.checked;
+        this.changed.emit(this.checked);
+    }
+}
+CheckButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CheckButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckButtonComponent, selector: "ox-check-button", inputs: { checked: "checked", radioBehavior: "radioBehavior" }, outputs: { changed: "changed" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.checked": "checked" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{padding:4px 8px;cursor:pointer;white-space:nowrap;color:#666;font-size:small;text-transform:uppercase;background-color:#ececec}:host:hover{background:rgba(0,0,0,.1)}:host(.checked){background:var(--app-color, black);color:#fff;box-shadow:0 8px 16px #0000001a}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ox-check-button', host: {
+                        '[class.checked]': "checked",
+                    }, template: "<ng-content></ng-content>", styles: [":host{padding:4px 8px;cursor:pointer;white-space:nowrap;color:#666;font-size:small;text-transform:uppercase;background-color:#ececec}:host:hover{background:rgba(0,0,0,.1)}:host(.checked){background:var(--app-color, black);color:#fff;box-shadow:0 8px 16px #0000001a}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { checked: [{
+                type: Input
+            }], radioBehavior: [{
+                type: Input
+            }], changed: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class ImageViewerComponent {
+    constructor() {
+        this.infos = [];
+        this._isOpen = false;
+        this.paginaAtual = 0;
+        this.disableBack = false;
+        this.disableNext = false;
+        this.isOpenChange = new EventEmitter();
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+    set isOpen(val) {
+        this._isOpen = val;
+        this.isOpenChange.emit(val);
+    }
+    onClick(e) {
+        //this.isOpen = !this.isOpen;
+    }
+    ngOnInit() {
+    }
+    open(info, infos) {
+        if (infos !== undefined) {
+            for (let i = 0; i < infos.length; i++) {
+                if (infos[i] === info) {
+                    this.paginaAtual = i + 1;
+                    break;
+                }
+            }
+        }
+        this.info = info;
+        this.infos = infos;
+        this.isOpen = true;
+        this.updateUI();
+    }
+    goNext() {
+        this.paginaAtual += 1;
+        this.info = this.infos[this.paginaAtual - 1];
+        this.updateUI();
+    }
+    goBack() {
+        this.paginaAtual -= 1;
+        this.info = this.infos[this.paginaAtual - 1];
+        this.updateUI();
+    }
+    updateUI() {
+        this.disableBack = this.paginaAtual == 1;
+        this.disableNext = this.paginaAtual == this.infos.length;
+    }
+}
+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$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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { info: [{
+                type: Input
+            }], infos: [{
+                type: Input
+            }], isOpenChange: [{
+                type: Output
+            }], isOpen: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class MonthYearPickerComponent {
+    constructor() {
+        this.anoChange = new EventEmitter();
+        this.mesChange = new EventEmitter();
+        this.changed = new EventEmitter();
+        this._init = false;
+        this._modoAnual = false;
+        this._meses = ["JANEIRO", "FEVEREIRO", "MARÇO", "ABRIL", "MAIO", "JUNHO", "JULHO", "AGOSTO", "SETEMBRO", "OUTUBRO", "NOVEMBRO", "DEZEMBRO"];
+        this.text = '';
+        this.disableNext = false;
+        this.blockFuture = false;
+        let d = new Date();
+        this._ano = d.getFullYear();
+        this._mes = d.getMonth() + 1;
+    }
+    get modoAnual() {
+        return this._modoAnual;
+    }
+    set modoAnual(val) {
+        this._modoAnual = val;
+        if (!this._init)
+            return;
+        this.updateText();
+        this.raiseOnSelectionChanged();
+    }
+    get ano() {
+        return this._ano;
+    }
+    set ano(val) {
+        this._ano = val;
+        if (!this._init)
+            return;
+        this.anoChange.emit(val);
+        this.updateText();
+    }
+    get mes() {
+        return this._mes;
+    }
+    set mes(val) {
+        this._mes = val;
+        if (!this._init)
+            return;
+        this.mesChange.emit(val);
+        this.updateText();
+    }
+    ngOnInit() {
+        this.updateText();
+        this._init = true;
+    }
+    goBack() {
+        if (this.modoAnual) {
+            this.ano -= 1;
+        }
+        else {
+            this.mes--;
+            if (this.mes < 1) {
+                this.ano -= 1;
+                this.mes = 12;
+            }
+        }
+        this.updateText();
+        this.raiseOnSelectionChanged();
+    }
+    ;
+    goNext() {
+        if (this.modoAnual) {
+            this.ano += 1;
+        }
+        else {
+            this.mes++;
+            if (this.mes > 12) {
+                this.ano += 1;
+                this.mes = 1;
+            }
+        }
+        this.updateText();
+        this.raiseOnSelectionChanged();
+    }
+    ;
+    updateText() {
+        if (this.modoAnual)
+            this.text = '' + this._ano;
+        else
+            this.text = this._meses[this._mes - 1] + " DE " + this._ano;
+        if (!this.blockFuture)
+            return;
+        let d = new Date();
+        let ano = d.getFullYear();
+        let mes = d.getMonth() + 1;
+        if (!this.modoAnual)
+            this.disableNext = ano == this.ano && this.mes >= mes;
+        else
+            this.disableNext = ano == this.ano;
+    }
+    ;
+    raiseOnSelectionChanged() {
+        let d = { ano: this._ano, mes: this._mes };
+        this.changed.emit(d);
+    }
+}
+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$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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { anoChange: [{
+                type: Output
+            }], mesChange: [{
+                type: Output
+            }], changed: [{
+                type: Output
+            }], blockFuture: [{
+                type: Input
+            }], modoAnual: [{
+                type: Input
+            }], ano: [{
+                type: Input
+            }], mes: [{
+                type: Input
+            }] } });
+
+class NumericPickerComponent {
+    constructor() {
+        this.valueChange = new EventEmitter();
+        this.change = new EventEmitter();
+        this._value = 0;
+        this._max = 0;
+        this._min = 0;
+        this.text = '';
+        this.disableNext = false;
+        this.disableBack = false;
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        this.valueChange.emit(val);
+        this.refreshUI();
+    }
+    get max() {
+        return this._max;
+    }
+    set max(val) {
+        this._max = val;
+        this.refreshUI();
+    }
+    get min() {
+        return this._min;
+    }
+    set min(val) {
+        this._min = Number(val);
+        this.refreshUI();
+    }
+    ngOnInit() {
+    }
+    onTextEdit(ev) {
+        console.info(ev);
+        const i = Number(ev.target.value);
+        if (!this.valida(i))
+            this.text = '' + this.value;
+        else {
+            this.value = i;
+            this.raiseChange();
+            this.refreshUI();
+        }
+    }
+    goBack() {
+        const newVal = this.value - 1;
+        if (!this.valida(newVal))
+            return;
+        this.value = newVal;
+        this.raiseChange();
+    }
+    ;
+    goNext() {
+        const newVal = this.value + 1;
+        if (!this.valida(newVal))
+            return;
+        this.value = newVal;
+        this.raiseChange();
+    }
+    ;
+    refreshUI() {
+        this.text = this.value === undefined ? '--' : '' + this.value;
+        this.disableNext = this.max !== undefined && this.value === this.max;
+        this.disableBack = this.min !== undefined && this.value === this.min;
+    }
+    valida(val) {
+        if (isNaN(val))
+            return false;
+        if (this.max !== undefined && val > this.max)
+            return false;
+        if (this.min !== undefined && val < this.min)
+            return false;
+        return true;
+    }
+    raiseChange() {
+        this.change.emit(this.value);
+    }
+}
+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$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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { valueChange: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }] } });
+
+class PaginatorComponent {
+    constructor() {
+        this.paginaAtualChange = new EventEmitter();
+        this.totalPaginasChange = new EventEmitter();
+        this.change = new EventEmitter();
+        this._paginaAtual = 1;
+        this._totalPaginas = 1;
+        this.inicio = true;
+        this.fim = true;
+        this.pageSize = 0;
+    }
+    get paginaAtual() {
+        return this._paginaAtual;
+    }
+    set paginaAtual(val) {
+        this._paginaAtual = val;
+        this.paginaAtualChange.emit(val);
+        this.refreshUI();
+    }
+    get totalPaginas() {
+        return this._totalPaginas;
+    }
+    set totalPaginas(val) {
+        this._totalPaginas = val;
+        this.totalPaginasChange.emit(val);
+        this.refreshUI();
+    }
+    ngOnInit() {
+    }
+    trocaPagina(pagina) {
+        if (pagina > this.totalPaginas || pagina < 1)
+            return;
+        this.paginaAtual = pagina;
+        this.refreshUI();
+        this.change.emit(this.paginaAtual);
+    }
+    refreshUI() {
+        this.inicio = this.paginaAtual == 1;
+        this.fim = this.paginaAtual == this.totalPaginas;
+    }
+    goBack() {
+        this.trocaPagina(this.paginaAtual - 1);
+    }
+    goNext() {
+        this.trocaPagina(this.paginaAtual + 1);
+    }
+}
+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$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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { paginaAtualChange: [{
+                type: Output
+            }], totalPaginasChange: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }], pageSize: [{
+                type: Input
+            }], paginaAtual: [{
+                type: Input
+            }], totalPaginas: [{
+                type: Input
+            }] } });
+
+class RadioButtonGroupComponent {
+    constructor() {
+        this.change = new EventEmitter();
+        this._items = [];
+        //_init : boolean = false;
+        this.selectedItem = null;
+    }
+    get items() {
+        return this._items;
+    }
+    set items(val) {
+        this._items = val;
+        this.selectedItem = this.items.filter(x => x.default === true).firstOrNull();
+        if (this.selectedItem === null)
+            this.selectedItem = this.items.firstOrNull();
+    }
+    ngOnInit() {
+    }
+    raiseChange(item) {
+        this.selectedItem = item;
+        this.change.emit(this.selectedItem);
+    }
+}
+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: 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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { change: [{
+                type: Output
+            }], selectedItem: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+
+Array.prototype.firstOrNull = function () {
+    if (this.length > 0)
+        return this[0];
+    return null;
+};
 class OxpiNglibModule {
 }
 OxpiNglibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: OxpiNglibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: OxpiNglibModule, declarations: [BusyIndicatorComponent], exports: [BusyIndicatorComponent] });
-OxpiNglibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: OxpiNglibModule, imports: [[]] });
+OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: OxpiNglibModule, declarations: [BusyIndicatorComponent,
+        MonthYearPickerComponent,
+        ImageViewerComponent,
+        NumericPickerComponent,
+        PaginatorComponent,
+        CheckButtonComponent,
+        RadioButtonGroupComponent], imports: [BrowserModule,
+        BrowserAnimationsModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule], exports: [BusyIndicatorComponent,
+        MonthYearPickerComponent,
+        ImageViewerComponent,
+        NumericPickerComponent,
+        PaginatorComponent,
+        CheckButtonComponent,
+        RadioButtonGroupComponent] });
+OxpiNglibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: OxpiNglibModule, imports: [[
+            BrowserModule,
+            BrowserAnimationsModule,
+            FormsModule,
+            MatButtonModule,
+            MatIconModule,
+        ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: OxpiNglibModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        BusyIndicatorComponent
+                        BusyIndicatorComponent,
+                        MonthYearPickerComponent,
+                        ImageViewerComponent,
+                        NumericPickerComponent,
+                        PaginatorComponent,
+                        CheckButtonComponent,
+                        RadioButtonGroupComponent,
+                    ],
+                    imports: [
+                        BrowserModule,
+                        BrowserAnimationsModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule,
                     ],
-                    imports: [],
                     exports: [
-                        BusyIndicatorComponent
+                        BusyIndicatorComponent,
+                        MonthYearPickerComponent,
+                        ImageViewerComponent,
+                        NumericPickerComponent,
+                        PaginatorComponent,
+                        CheckButtonComponent,
+                        RadioButtonGroupComponent
                     ]
                 }]
         }] });
@@ -43,5 +518,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BusyIndicatorComponent, OxpiNglibModule };
+export { BusyIndicatorComponent, CheckButtonComponent, ImageViewerComponent, MonthYearPickerComponent, NumericPickerComponent, OxpiNglibModule, PaginatorComponent, RadioButtonGroupComponent };
 //# sourceMappingURL=oxpi-nglib.mjs.map