{"__symbolic":"module","version":4,"metadata":{"AgrBlockListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"ngx-pagination","name":"NgxPaginationModule","line":9,"character":26}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"AgrAction":{"__symbolic":"class","members":{}},"AgrBlockItem":{"__symbolic":"class","members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"agr-block-list","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":20,"character":17},"member":"None"},"template":"<div class=\"row agr-block-list\">\n  <div class=\"col-12\">\n\n    <div class=\"row\" *ngIf=\"!blockItems || blockItems.length === 0\">\n      <div class=\"col-12 text-center\">\n        <span>{{ labelNoResults }}</span>\n      </div>\n    </div>\n\n    <div class=\"row\" *ngIf=\"blockItems?.length > 0\">\n      <div class=\"col-12\">\n        <agr-block-list-item\n          *ngFor=\"let blockItem of blockItems | paginate: { itemsPerPage: pagination, currentPage: page }; let index = index;\"\n          [blockItem]=\"blockItem\" [id]=\"index\" [templateHeader]=\"templateHeader\" [templateData]=\"templateData\"\n          [templateInfoAdditional]=\"templateInfoAdditional\" [showHeader]=\"showHeader\"\n          [showInfoAdditional]=\"showInfoAdditional\" [showBorder]=\"showBorder\" [showActions]=\"showActions\"\n          (actionSelected)=\"sendAction($event)\" (click)=\"selectItem(blockItem.item)\"\n          (closeOption)=\"closeOptionsExcept(index)\"></agr-block-list-item>\n      </div>\n\n      <!-- Pagination -->\n      <div class=\"row\" *ngIf=\"blockItems.length > pagination\">\n        <div class=\"col-12 p-4\">\n          <pagination-controls [previousLabel]=\"previousLabel\" [nextLabel]=\"nextLabel\" (pageChange)=\"page = $event\">\n          </pagination-controls>\n        </div>\n      </div>\n    </div>\n  </div>\n","styles":["agr-block-list .agr-block-list{padding:10px}"]}]}],"members":{"blockItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"labelNoResults":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"previousLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"nextLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"showInfoAdditional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"showActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"showBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"pagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"itemSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"actionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"templateHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":36,"character":3},"arguments":["templateHeader",{"static":false}]}]}],"templateData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":37,"character":3},"arguments":["templateData",{"static":false}]}]}],"templateInfoAdditional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":38,"character":3},"arguments":["templateInfoAdditional",{"static":false}]}]}],"blocks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":40,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"sendAction":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"closeOptionsExcept":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"agr-block-list-item","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"template":"<div class=\"row block-item\" [attr.id]=\"'block-item-'+id\"\n  [ngStyle]=\"{'border-color': showBorder ? blockItem.borderColor : '', 'border-left-width.px': showBorder ? 10 : '' }\">\n\n  <div class=\"col-md-2 col-12 info-additional\" *ngIf=\"showInfoAdditional\">\n    <!-- Template info additional -->\n    <ng-template *ngTemplateOutlet=\"templateInfoAdditional; context: { item: blockItem.item }\"></ng-template>\n  </div>\n\n  <div class=\"col-12 data\" [ngClass]=\"{ 'col-md-10': showInfoAdditional }\">\n    <div class=\"row\" *ngIf=\"showHeader\">\n      <div class=\"col-12\">\n        <!-- Template header -->\n        <ng-template *ngTemplateOutlet=\"templateHeader; context: { item: blockItem.item }\"></ng-template>\n      </div>\n    </div>\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <!-- Template data -->\n        <ng-template *ngTemplateOutlet=\"templateData; context: { item: blockItem.item }\"></ng-template>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"actions\" *ngIf=\"showActions\">\n    <i class=\"fa fa-ellipsis-v\" (click)=\"openOptions($event)\"></i>\n    <ul class=\"options-panel\" agrClickOutside (clickOutside)=\"hideOptions()\" *ngIf=\"showOptions\">\n      <li *ngFor=\"let action of blockItem.actions\" (click)=\"sendAction($event, action)\">\n        <div class=\"row no-gutters\">\n          <div class=\"col-11\">\n            <span>{{ action.label }}</span>\n          </div>\n\n          <div class=\"col-1\">\n            <i [class]=\"action.icon\" *ngIf=\"action.icon\"></i>\n          </div>\n        </div>\n      </li>\n    </ul>\n  </div>\n\n</div>\n","styles":["agr-block-list-item .block-item{min-width:200px;border-radius:4px;border:1px solid #000;padding:10px;margin:10px 0;cursor:pointer;position:relative;box-shadow:2px 2px 5px 1px rgba(0,0,0,.75)}agr-block-list-item .block-item:hover{background:#d2fffd}agr-block-list-item .actions{position:absolute;top:20px;right:5px;text-align:center}agr-block-list-item .actions i{cursor:pointer;width:25px;font-size:20px}agr-block-list-item ul.options-panel{position:absolute;top:25px;right:0;padding:0;margin:0;list-style-type:none;border:1px solid #000;min-width:200px;z-index:999;border-radius:4px;background:#fff}agr-block-list-item ul.options-panel li{padding:5px;text-align:left}agr-block-list-item ul.options-panel li:hover{background-color:#20b2aa;cursor:pointer}agr-block-list-item .info-additional{margin:auto;font-size:14px}agr-block-list-item ul.options-panel li:hover:first-child{-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}agr-block-list-item ul.options-panel li:hover:last-child{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px}"]}]}],"members":{"blockItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"showInfoAdditional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"showActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"showBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"templateHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"templateData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"templateInfoAdditional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"actionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"closeOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"openOptions":[{"__symbolic":"method"}],"hideOptions":[{"__symbolic":"method"}],"sendAction":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"agr-block-data-item","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"template":"<div class=\"agr-block-data-item\">\n  <span class=\"d-block label\">{{ label }}</span>\n  <span class=\"d-block value\">{{ value }}</span>\n</div>\n","styles":["agr-block-data-item .agr-block-data-item{display:inline-block;margin-right:10px}agr-block-data-item .agr-block-data-item .label{color:#c8c8c8;font-size:14px}agr-block-data-item .agr-block-data-item .value{color:#000;font-size:12px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"AgrBlockListModule":"./lib/agr-block-list.module","AgrAction":"./lib/bean/agr-action","AgrBlockItem":"./lib/bean/agr-block-item","ɵa":"./lib/components/agr-block-list/agr-block-list.component","ɵb":"./lib/components/agr-block-list-item/agr-block-list-item.component","ɵc":"./lib/components/agr-block-data-item/agr-block-data-item.component"},"importAs":"agr-block-list"}