[{"__symbolic":"module","version":3,"metadata":{"IList":{"__symbolic":"interface"},"DEFAULT_INPUTS_O_LIST":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../o-service-component.class","name":"OServiceComponent"},"member":"DEFAULT_INPUTS_O_SERVICE_COMPONENT"}},"quickFilter: quick-filter","quickFilterColumns: quick-filter-columns","refreshButton: refresh-button","route","selectable","odense : dense"],"DEFAULT_OUTPUTS_O_LIST":["onChange"],"OListInitializationOptions":{"__symbolic":"interface"},"OListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../o-service-component.class","name":"OServiceComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-list","providers":[{"provide":{"__symbolic":"reference","module":"../../services","name":"OntimizeService"},"useFactory":{"__symbolic":"reference","module":"../../services/data-service.provider","name":"dataServiceFactory"},"deps":[{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"inputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_LIST"}}],"outputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_LIST"}}],"template":"\n    <div class=\"o-list-container\" fxFill>\n      <div *ngIf=\"loading\" [class.pageable-loading]=\"pageable && state.queryRecordOffset > 0\" class=\"spinner-container\" fxFlex=\"100\"\n        fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <md-progress-spinner *ngIf=\"loading\" mode=\"indeterminate\">\n        </md-progress-spinner>\n      </div>\n\n      <md-toolbar class=\"toolbar-filter-list\" [class.dense]=\"odense\" *ngIf=\"hasControls()\">\n        <div class=\"mat-toolbar-tools\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\n          <button type=\"button\" md-icon-button aria-label=\"Refresh\" (click)=\"reloadData()\" *ngIf=\"refreshButton\">\n            <md-icon>autorenew</md-icon>\n          </button>\n          <button type=\"button\" md-icon-button aria-label=\"Delete\" (click)=\"remove()\" *ngIf=\"selectedItems.length\">\n            <md-icon>delete</md-icon>\n          </button>\n          <span class=\"fill-remaining\"></span>\n          <div *ngIf=\"title\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n            <span>{{  title | oTranslate }}</span>\n          </div>\n          <span *ngIf=\"title\" class=\"fill-remaining\"></span>\n\n          <o-search-input *ngIf=\"quickFilter\" placeholder=\"\"></o-search-input>\n        </div>\n      </md-toolbar>\n\n      <div fxLayout=\"column\" class=\"fill-remaining\">\n        <md-list class=\"mat-list\" [attr.dense]=\"odense || undefined\" [class.selectable]=\"selectable\" (scroll)=\"onScroll($event)\"\n          [class.o-list-1-detail-buttons]=\"(editButtonInRow || detailButtonInRow) && !(editButtonInRow && detailButtonInRow)\" [class.o-list-2-detail-buttons]=\"editButtonInRow && detailButtonInRow\">\n          <md-list-item *ngIf=\"!getDataArray().length\" fxLayout=\"row\" fxLayoutAlign=\"center center\" style=\"cursor: default;\">\n            <h3 mdLine>{{ 'TABLE.EMPTY' | oTranslate }}</h3>\n          </md-list-item>\n          <ng-content></ng-content>\n        </md-list>\n        <button *ngIf=\"insertButton && odense\" md-mini-fab (click)=\"add()\" class=\"add-button\">\n          <md-icon>add</md-icon>\n        </button>\n        <button *ngIf=\"insertButton && !odense\" md-fab (click)=\"add()\" class=\"add-button\">\n          <md-icon>add</md-icon>\n        </button>\n      </div>\n    </div>\n  ","styles":["\n    ::-webkit-input-placeholder{color:#8E0C39}:-moz-placeholder{color:#8E0C39;opacity:1}::-moz-placeholder{color:#8E0C39;opacity:1}:-ms-input-placeholder{color:#8E0C39}:placeholder-shown{color:#8E0C39}.o-list-container{position:relative;display:flex;flex-direction:column}.o-list-container md-toolbar.dense{min-height:48px}.o-list-container md-toolbar.dense md-toolbar-row{height:48px}.o-list-container .o-search{position:relative;height:30px}.o-list-container .o-search>.mat-icon{position:absolute;top:0.15em;left:0.3em;color:#8E0C39}.o-list-container .o-search-input{height:25px;width:80%;font-size:15px;border:1px solid #8E0C39;border-radius:20px;padding-left:30px}.o-list-container .o-list-title{font-size:1.5em}.o-list-container .spinner-container{position:absolute;left:0px;right:0px;bottom:0px;z-index:500}.o-list-container .spinner-container:not(.pageable-loading){top:0px;background:#fff}.o-list-container .spinner-container.pageable-loading{background:rgba(255,255,255,0.5)}.o-list-container .spinner-container path{stroke-width:5px !important}.o-list-container .fill-remaining{flex:1 1 auto}.o-list-container .mat-list{overflow:auto}.o-list-container .mat-list .mat-3-line .o-custom-list-item{position:relative}.o-list-container .mat-list .o-custom-list-item{max-width:100%;width:100%}.o-list-container .mat-list .o-custom-list-item .o-list-item-icon{cursor:pointer}.o-list-container .mat-list .o-custom-list-item .o-list-item-icon.top{position:absolute;top:0;right:0}.o-list-container .mat-list.o-list-1-detail-buttons md-list-item,.o-list-container .mat-list.o-list-2-detail-buttons md-list-item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.o-list-container .mat-list.o-list-1-detail-buttons md-list-item .mat-list-item,.o-list-container .mat-list.o-list-2-detail-buttons md-list-item .mat-list-item{padding-right:0px}.o-list-container .mat-list:not(.selectable).o-list-1-detail-buttons .mat-list-item-content{padding-right:40px}.o-list-container .mat-list:not(.selectable).o-list-2-detail-buttons .mat-list-item-content{padding-right:64px}.o-list-container .mat-list:not(.selectable):not(.o-list-1-detail-buttons):not(.o-list-2-detail-buttons) .mat-list-text{padding-right:0px}.o-list-container .mat-list.selectable.o-list-1-detail-buttons .mat-list-item-content{padding-right:60px}.o-list-container .mat-list.selectable[dense].o-list-1-detail-buttons .mat-list-item-content{padding-right:56px}.o-list-container .mat-list.selectable.o-list-2-detail-buttons .mat-list-item-content{padding-right:84px}.o-list-container .mat-list.selectable[dense].o-list-2-detail-buttons .mat-list-item-content{padding-right:80px}.o-list-container .add-button{right:16px;bottom:16px;position:absolute}\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"quickFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"refreshButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"odense":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"listItemComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./list-item/o-list-item.component","name":"OListItemComponent"}]}]}],"listItemDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./list-item/o-list-item.directive","name":"OListItemDirective"}]}]}],"searchInputComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../search-input/o-search-input.component","name":"OSearchInputComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"../form/o-form.component","name":"OFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../form/o-form.component","name":"OFormComponent"}]}],"getComponentKey":[{"__symbolic":"method"}],"registerSearchInput":[{"__symbolic":"method"}],"onListItemClicked":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"reinitialize":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getDense":[{"__symbolic":"method"}],"setListItemsData":[{"__symbolic":"method"}],"setListItemDirectivesData":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"registerListItemDirective":[{"__symbolic":"method"}],"onItemDetailClick":[{"__symbolic":"method"}],"onItemDetailDblClick":[{"__symbolic":"method"}],"queryData":[{"__symbolic":"method"}],"setParentKeyValues":[{"__symbolic":"method"}],"onReload":[{"__symbolic":"method"}],"reloadData":[{"__symbolic":"method"}],"configureFilterValue":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"isItemSelected":[{"__symbolic":"method"}],"setSelected":[{"__symbolic":"method"}],"updateSelectedState":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}]},"statics":{"DEFAULT_INPUTS_O_LIST":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_LIST"},"DEFAULT_OUTPUTS_O_LIST":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_LIST"}}},"OListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OListComponent"}],"imports":[{"__symbolic":"reference","module":"../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"./list-item/o-list-item.component","name":"OListItemModule"},{"__symbolic":"reference","module":"../search-input/o-search-input.component","name":"OSearchInputModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"}],"exports":[{"__symbolic":"reference","name":"OListComponent"}],"entryComponents":[{"__symbolic":"reference","module":"@angular/material","name":"MdCheckbox"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"IList":{"__symbolic":"interface"},"DEFAULT_INPUTS_O_LIST":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../o-service-component.class","name":"OServiceComponent"},"member":"DEFAULT_INPUTS_O_SERVICE_COMPONENT"}},"quickFilter: quick-filter","quickFilterColumns: quick-filter-columns","refreshButton: refresh-button","route","selectable","odense : dense"],"DEFAULT_OUTPUTS_O_LIST":["onChange"],"OListInitializationOptions":{"__symbolic":"interface"},"OListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../o-service-component.class","name":"OServiceComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-list","providers":[{"provide":{"__symbolic":"reference","module":"../../services","name":"OntimizeService"},"useFactory":{"__symbolic":"reference","module":"../../services/data-service.provider","name":"dataServiceFactory"},"deps":[{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"inputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_LIST"}}],"outputs":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_LIST"}}],"template":"\n    <div class=\"o-list-container\" fxFill>\n      <div *ngIf=\"loading\" [class.pageable-loading]=\"pageable && state.queryRecordOffset > 0\" class=\"spinner-container\" fxFlex=\"100\"\n        fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <md-progress-spinner *ngIf=\"loading\" mode=\"indeterminate\">\n        </md-progress-spinner>\n      </div>\n\n      <md-toolbar class=\"toolbar-filter-list\" [class.dense]=\"odense\" *ngIf=\"hasControls()\">\n        <div class=\"mat-toolbar-tools\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\n          <button type=\"button\" md-icon-button aria-label=\"Refresh\" (click)=\"reloadData()\" *ngIf=\"refreshButton\">\n            <md-icon>autorenew</md-icon>\n          </button>\n          <button type=\"button\" md-icon-button aria-label=\"Delete\" (click)=\"remove()\" *ngIf=\"selectedItems.length\">\n            <md-icon>delete</md-icon>\n          </button>\n          <span class=\"fill-remaining\"></span>\n          <div *ngIf=\"title\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n            <span>{{  title | oTranslate }}</span>\n          </div>\n          <span *ngIf=\"title\" class=\"fill-remaining\"></span>\n\n          <o-search-input *ngIf=\"quickFilter\" placeholder=\"\"></o-search-input>\n        </div>\n      </md-toolbar>\n\n      <div fxLayout=\"column\" class=\"fill-remaining\">\n        <md-list class=\"mat-list\" [attr.dense]=\"odense || undefined\" [class.selectable]=\"selectable\" (scroll)=\"onScroll($event)\"\n          [class.o-list-1-detail-buttons]=\"(editButtonInRow || detailButtonInRow) && !(editButtonInRow && detailButtonInRow)\" [class.o-list-2-detail-buttons]=\"editButtonInRow && detailButtonInRow\">\n          <md-list-item *ngIf=\"!getDataArray().length\" fxLayout=\"row\" fxLayoutAlign=\"center center\" style=\"cursor: default;\">\n            <h3 mdLine>{{ 'TABLE.EMPTY' | oTranslate }}</h3>\n          </md-list-item>\n          <ng-content></ng-content>\n        </md-list>\n        <button *ngIf=\"insertButton && odense\" md-mini-fab (click)=\"add()\" class=\"add-button\">\n          <md-icon>add</md-icon>\n        </button>\n        <button *ngIf=\"insertButton && !odense\" md-fab (click)=\"add()\" class=\"add-button\">\n          <md-icon>add</md-icon>\n        </button>\n      </div>\n    </div>\n  ","styles":["\n    ::-webkit-input-placeholder{color:#8E0C39}:-moz-placeholder{color:#8E0C39;opacity:1}::-moz-placeholder{color:#8E0C39;opacity:1}:-ms-input-placeholder{color:#8E0C39}:placeholder-shown{color:#8E0C39}.o-list-container{position:relative;display:flex;flex-direction:column}.o-list-container md-toolbar.dense{min-height:48px}.o-list-container md-toolbar.dense md-toolbar-row{height:48px}.o-list-container .o-search{position:relative;height:30px}.o-list-container .o-search>.mat-icon{position:absolute;top:0.15em;left:0.3em;color:#8E0C39}.o-list-container .o-search-input{height:25px;width:80%;font-size:15px;border:1px solid #8E0C39;border-radius:20px;padding-left:30px}.o-list-container .o-list-title{font-size:1.5em}.o-list-container .spinner-container{position:absolute;left:0px;right:0px;bottom:0px;z-index:500}.o-list-container .spinner-container:not(.pageable-loading){top:0px;background:#fff}.o-list-container .spinner-container.pageable-loading{background:rgba(255,255,255,0.5)}.o-list-container .spinner-container path{stroke-width:5px !important}.o-list-container .fill-remaining{flex:1 1 auto}.o-list-container .mat-list{overflow:auto}.o-list-container .mat-list .mat-3-line .o-custom-list-item{position:relative}.o-list-container .mat-list .o-custom-list-item{max-width:100%;width:100%}.o-list-container .mat-list .o-custom-list-item .o-list-item-icon{cursor:pointer}.o-list-container .mat-list .o-custom-list-item .o-list-item-icon.top{position:absolute;top:0;right:0}.o-list-container .mat-list.o-list-1-detail-buttons md-list-item,.o-list-container .mat-list.o-list-2-detail-buttons md-list-item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.o-list-container .mat-list.o-list-1-detail-buttons md-list-item .mat-list-item,.o-list-container .mat-list.o-list-2-detail-buttons md-list-item .mat-list-item{padding-right:0px}.o-list-container .mat-list:not(.selectable).o-list-1-detail-buttons .mat-list-item-content{padding-right:40px}.o-list-container .mat-list:not(.selectable).o-list-2-detail-buttons .mat-list-item-content{padding-right:64px}.o-list-container .mat-list:not(.selectable):not(.o-list-1-detail-buttons):not(.o-list-2-detail-buttons) .mat-list-text{padding-right:0px}.o-list-container .mat-list.selectable.o-list-1-detail-buttons .mat-list-item-content{padding-right:60px}.o-list-container .mat-list.selectable[dense].o-list-1-detail-buttons .mat-list-item-content{padding-right:56px}.o-list-container .mat-list.selectable.o-list-2-detail-buttons .mat-list-item-content{padding-right:84px}.o-list-container .mat-list.selectable[dense].o-list-2-detail-buttons .mat-list-item-content{padding-right:80px}.o-list-container .add-button{right:16px;bottom:16px;position:absolute}\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"quickFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"refreshButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"odense":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../../decorators","name":"InputConverter"}}]}],"listItemComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./list-item/o-list-item.component","name":"OListItemComponent"}]}]}],"listItemDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./list-item/o-list-item.directive","name":"OListItemDirective"}]}]}],"searchInputComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../search-input/o-search-input.component","name":"OSearchInputComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"../form/o-form.component","name":"OFormComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../form/o-form.component","name":"OFormComponent"}]}],"getComponentKey":[{"__symbolic":"method"}],"registerSearchInput":[{"__symbolic":"method"}],"onListItemClicked":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"reinitialize":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getDense":[{"__symbolic":"method"}],"setListItemsData":[{"__symbolic":"method"}],"setListItemDirectivesData":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"registerListItemDirective":[{"__symbolic":"method"}],"onItemDetailClick":[{"__symbolic":"method"}],"onItemDetailDblClick":[{"__symbolic":"method"}],"queryData":[{"__symbolic":"method"}],"setParentKeyValues":[{"__symbolic":"method"}],"onReload":[{"__symbolic":"method"}],"reloadData":[{"__symbolic":"method"}],"configureFilterValue":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"isItemSelected":[{"__symbolic":"method"}],"setSelected":[{"__symbolic":"method"}],"updateSelectedState":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}]},"statics":{"DEFAULT_INPUTS_O_LIST":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_LIST"},"DEFAULT_OUTPUTS_O_LIST":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_LIST"}}},"OListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OListComponent"}],"imports":[{"__symbolic":"reference","module":"../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"./list-item/o-list-item.component","name":"OListItemModule"},{"__symbolic":"reference","module":"../search-input/o-search-input.component","name":"OSearchInputModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"}],"exports":[{"__symbolic":"reference","name":"OListComponent"}],"entryComponents":[{"__symbolic":"reference","module":"@angular/material","name":"MdCheckbox"}]}]}]}}}]