[{"__symbolic":"module","version":3,"metadata":{"DEFAULT_INPUTS_O_FORM_TOOLBAR":["labelHeader: label-header","labelHeaderAlign: label-header-align","headeractions: header-actions","showHeaderActionsText: show-header-actions-text"],"OFormToolbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-form-toolbar","template":"\n    <md-toolbar class=\"toolbar-form-header\">\n\n      <div class=\"mat-toolbar-tools\" fxFill *ngIf=\"initialMode\">\n        <md-icon aria-label=\"Back\" (click)=\"onCloseDetail()\" *ngIf=\"isDetail\">arrow_back</md-icon>\n\n        <md-icon aria-label=\"First\" (click)=\"first()\" *ngIf=\"showNavigation()\" layout-padding>first_page</md-icon>\n        <md-icon aria-label=\"Previous\" (click)=\"previous()\" *ngIf=\"showNavigation()\" layout-padding>keyboard_arrow_left</md-icon>\n        <span>{{numberOfRecords()}}</span>\n        <md-icon aria-label=\"Next\" (click)=\"next()\" *ngIf=\"showNavigation()\" layout-padding>keyboard_arrow_right</md-icon>\n        <md-icon aria-label=\"Last\" (click)=\"last()\" *ngIf=\"showNavigation()\" layout-padding>last_page</md-icon>\n\n        <span *ngIf=\"getLabelHeaderAlign() === 'center' || getLabelHeaderAlign() === 'end'\" class=\"fill-remaining\"></span>\n        <div *ngIf=\"labelheader!=''\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n          <span>{{ labelHeader | oTranslate }}</span>\n        </div>\n        <span *ngIf=\"getLabelHeaderAlign() === 'start' || getLabelHeaderAlign() === 'center'\" class=\"fill-remaining\"></span>\n\n        <ng-content select=\"[o-custom-form-toolbar-buttons-wrapper]\"></ng-content>\n\n        <button md-button (click)=\"onReload($event)\" *ngIf=\"refreshBtnEnabled\">\n          <md-icon>autorenew</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'REFRESH' | oTranslate }}</span>\n        </button>\n        <button md-button (click)=\"onInsert($event)\" *ngIf=\"insertBtnEnabled\">\n          <md-icon>add</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'ADD' | oTranslate }}</span>\n        </button>\n        <button md-button (click)=\"onEdit($event)\" *ngIf=\"editBtnEnabled\">\n          <md-icon>mode_edit</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'EDIT' | oTranslate }}</span>\n        </button>\n        <button md-button (click)=\"onDelete($event)\" *ngIf=\"deleteBtnEnabled\">\n          <md-icon>delete</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'DELETE' | oTranslate }}</span>\n        </button>\n      </div>\n\n      <div class=\"mat-toolbar-tools\" fxFill *ngIf=\"editMode || insertMode\">\n        <span class=\"fill-remaining\"></span>\n        <button md-button (click)=\"cancelOperation($event)\">\n          <md-icon>clear</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'CANCEL' | oTranslate }}</span>\n        </button>\n        <button md-button color=\"primary\" (click)=\"acceptOperation($event)\">\n          <md-icon>done</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'OK' | oTranslate }}</span>\n        </button>\n      </div>\n\n    </md-toolbar>\n  ","styles":["\n    .toolbar-form-header{min-height:50px}.toolbar-form-header md-toolbar-row{height:50px}.toolbar-form-header .mat-toolbar-tools{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.toolbar-form-header .mat-toolbar-tools .fill-remaining{flex:1 1 auto}.toolbar-form-header .mat-toolbar-tools button{min-width:100px;padding:0px 6px}.toolbar-form-header .mat-toolbar-tools md-icon{cursor:pointer;vertical-align:middle}\n  "],"inputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_FORM_TOOLBAR"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"showHeaderActionsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"./o-form.component","name":"OFormComponent"}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"./o-form.component","name":"OFormComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}],"setInitialMode":[{"__symbolic":"method"}],"setInsertMode":[{"__symbolic":"method"}],"setEditMode":[{"__symbolic":"method"}],"onCloseDetail":[{"__symbolic":"method"}],"onBack":[{"__symbolic":"method"}],"onReload":[{"__symbolic":"method"}],"onInsert":[{"__symbolic":"method"}],"onEdit":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"cancelOperation":[{"__symbolic":"method"}],"acceptOperation":[{"__symbolic":"method"}],"handleAcceptInsertOperation":[{"__symbolic":"method"}],"handleAcceptEditOperation":[{"__symbolic":"method"}],"showConfirmDelete":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"first":[{"__symbolic":"method"}],"last":[{"__symbolic":"method"}],"numberOfRecords":[{"__symbolic":"method"}],"showNavigation":[{"__symbolic":"method"}],"getLabelHeaderAlign":[{"__symbolic":"method"}]},"statics":{"DEFAULT_INPUTS_O_FORM_TOOLBAR":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_FORM_TOOLBAR"}}},"OFormToolbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OFormToolbarComponent"}],"imports":[{"__symbolic":"reference","module":"../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"OFormToolbarComponent"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"DEFAULT_INPUTS_O_FORM_TOOLBAR":["labelHeader: label-header","labelHeaderAlign: label-header-align","headeractions: header-actions","showHeaderActionsText: show-header-actions-text"],"OFormToolbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-form-toolbar","template":"\n    <md-toolbar class=\"toolbar-form-header\">\n\n      <div class=\"mat-toolbar-tools\" fxFill *ngIf=\"initialMode\">\n        <md-icon aria-label=\"Back\" (click)=\"onCloseDetail()\" *ngIf=\"isDetail\">arrow_back</md-icon>\n\n        <md-icon aria-label=\"First\" (click)=\"first()\" *ngIf=\"showNavigation()\" layout-padding>first_page</md-icon>\n        <md-icon aria-label=\"Previous\" (click)=\"previous()\" *ngIf=\"showNavigation()\" layout-padding>keyboard_arrow_left</md-icon>\n        <span>{{numberOfRecords()}}</span>\n        <md-icon aria-label=\"Next\" (click)=\"next()\" *ngIf=\"showNavigation()\" layout-padding>keyboard_arrow_right</md-icon>\n        <md-icon aria-label=\"Last\" (click)=\"last()\" *ngIf=\"showNavigation()\" layout-padding>last_page</md-icon>\n\n        <span *ngIf=\"getLabelHeaderAlign() === 'center' || getLabelHeaderAlign() === 'end'\" class=\"fill-remaining\"></span>\n        <div *ngIf=\"labelheader!=''\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n          <span>{{ labelHeader | oTranslate }}</span>\n        </div>\n        <span *ngIf=\"getLabelHeaderAlign() === 'start' || getLabelHeaderAlign() === 'center'\" class=\"fill-remaining\"></span>\n\n        <ng-content select=\"[o-custom-form-toolbar-buttons-wrapper]\"></ng-content>\n\n        <button md-button (click)=\"onReload($event)\" *ngIf=\"refreshBtnEnabled\">\n          <md-icon>autorenew</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'REFRESH' | oTranslate }}</span>\n        </button>\n        <button md-button (click)=\"onInsert($event)\" *ngIf=\"insertBtnEnabled\">\n          <md-icon>add</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'ADD' | oTranslate }}</span>\n        </button>\n        <button md-button (click)=\"onEdit($event)\" *ngIf=\"editBtnEnabled\">\n          <md-icon>mode_edit</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'EDIT' | oTranslate }}</span>\n        </button>\n        <button md-button (click)=\"onDelete($event)\" *ngIf=\"deleteBtnEnabled\">\n          <md-icon>delete</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'DELETE' | oTranslate }}</span>\n        </button>\n      </div>\n\n      <div class=\"mat-toolbar-tools\" fxFill *ngIf=\"editMode || insertMode\">\n        <span class=\"fill-remaining\"></span>\n        <button md-button (click)=\"cancelOperation($event)\">\n          <md-icon>clear</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'CANCEL' | oTranslate }}</span>\n        </button>\n        <button md-button color=\"primary\" (click)=\"acceptOperation($event)\">\n          <md-icon>done</md-icon>\n          <span *ngIf=\"showHeaderActionsText\">{{ 'OK' | oTranslate }}</span>\n        </button>\n      </div>\n\n    </md-toolbar>\n  ","styles":["\n    .toolbar-form-header{min-height:50px}.toolbar-form-header md-toolbar-row{height:50px}.toolbar-form-header .mat-toolbar-tools{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.toolbar-form-header .mat-toolbar-tools .fill-remaining{flex:1 1 auto}.toolbar-form-header .mat-toolbar-tools button{min-width:100px;padding:0px 6px}.toolbar-form-header .mat-toolbar-tools md-icon{cursor:pointer;vertical-align:middle}\n  "],"inputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_FORM_TOOLBAR"}}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"showHeaderActionsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"./o-form.component","name":"OFormComponent"}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"./o-form.component","name":"OFormComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}],"setInitialMode":[{"__symbolic":"method"}],"setInsertMode":[{"__symbolic":"method"}],"setEditMode":[{"__symbolic":"method"}],"onCloseDetail":[{"__symbolic":"method"}],"onBack":[{"__symbolic":"method"}],"onReload":[{"__symbolic":"method"}],"onInsert":[{"__symbolic":"method"}],"onEdit":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"cancelOperation":[{"__symbolic":"method"}],"acceptOperation":[{"__symbolic":"method"}],"handleAcceptInsertOperation":[{"__symbolic":"method"}],"handleAcceptEditOperation":[{"__symbolic":"method"}],"showConfirmDelete":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"first":[{"__symbolic":"method"}],"last":[{"__symbolic":"method"}],"numberOfRecords":[{"__symbolic":"method"}],"showNavigation":[{"__symbolic":"method"}],"getLabelHeaderAlign":[{"__symbolic":"method"}]},"statics":{"DEFAULT_INPUTS_O_FORM_TOOLBAR":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_FORM_TOOLBAR"}}},"OFormToolbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OFormToolbarComponent"}],"imports":[{"__symbolic":"reference","module":"../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"OFormToolbarComponent"}]}]}]}}}]