{"__symbolic":"module","version":4,"metadata":{"TssGridService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"TssGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-Tss-Grid","template":"\n    <p>\n      tss-grid works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TssGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"TssGridComponent"}],"exports":[{"__symbolic":"reference","name":"TssGridComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"primeng/table","name":"TableModule","line":11,"character":4},{"__symbolic":"reference","module":"primeng/datalist","name":"DataListModule","line":12,"character":4},{"__symbolic":"reference","module":"primeng/datatable","name":"DataTableModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-data-table","template":"<div>\n  <p-table #dt [columns]=\"cols\" [value]=\"rows\">\n    <ng-template pTemplate=\"caption\" *ngIf=\"globalFilter\">\n        <div style=\"text-align: right\">        \n            <i class=\"fa fa-search\" style=\"margin:4px 4px 0 0\"></i>\n            <input type=\"text\" pInputText size=\"50\" placeholder=\"Global Filter\" (input)=\"dt.filterGlobal($event.target.value, 'contains')\" style=\"width:auto\">\n        </div>\n    </ng-template>\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        <th *ngFor=\"let col of columns\">\n          {{col.header}}\n        </th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n      <tr>\n        <td *ngFor=\"let col of columns\">\n          {{rowData[col.field]}}\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n</div>","styles":[""]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-data-view","template":"<!-- <p-dataList [value]=\"rows\">\n  <ng-template let-row pTemplate=\"item\">\n    <div class=\"ui-g-12 ui-md-9 car-details\">\n      <div class=\"ui-g\">\n          <div class=\"ui-g-2 ui-sm-6\">Number: </div>\n          <div class=\"ui-g-10 ui-sm-6\">{{row.number}}</div>\n          <div class=\"ui-g-2 ui-sm-6\">Name: </div>\n          <div class=\"ui-g-10 ui-sm-6\">{{row.name}}</div>\n      </div>\n  </div>\n  </ng-template>\n</p-dataList> -->\n\n\n  <p-dataList [value]=\"rows\" [paginator]=\"paginator\" [rows]=\"rowsperpage\">\n      <p-header>\n          List of Cars\n      </p-header>\n    <ng-template let-row pTemplate=\"item\" >\n      <div class=\"ui-g ui-fluid car-item\">\n          <div class=\"ui-g-12 ui-md-12 car-details\">\n            <div class=\"ui-g\" style=\"padding: 2em;border-bottom: 1px solid #d9d9d9\">\n                <div class=\"ui-g-2 ui-sm-6\" > Model </div>\n                <div class=\"ui-g-10 ui-sm-6\">{{row.Model}}</div>\n                <div class=\"ui-g-2 ui-sm-6\">Name: </div>\n                <div class=\"ui-g-10 ui-sm-6\">{{row.Name}}</div>\n                <div class=\"ui-g-2 ui-sm-6\">Description: </div>\n                <div class=\"ui-g-10 ui-sm-6\">{{row.Description}}</div>\n            </div>\n        </div>\n      </div>\n    </ng-template>\n  </p-dataList>\n","styles":[""]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"TssGridService":"./lib/tss-grid.service","TssGridComponent":"./lib/tss-grid.component","TssGridModule":"./lib/tss-grid.module","ɵa":"./lib/data-grid/data-grid.module","ɵb":"./lib/data-grid/data-table/data-table.component","ɵc":"./lib/data-grid/data-view/data-view.component"},"importAs":"tss-grid"}