[{"__symbolic":"module","version":4,"metadata":{"FormioGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"formio-grid","styles":[":host .formio-grid { position: relative; width: 100%; }",":host >>> ul.pagination { margin: 5px 0; }",".item-counter { margin: 5px 0; }",".page-num { font-size: 1.4em; }",".grid-refresh { height: 400px; width: 100%; }"],"template":"<div class=\"formio-grid\">  <formio-alerts [alerts]=\"alerts\"></formio-alerts>  <table class=\"table table-condensed table-bordered table-striped table-hover\">    <thead>      <tr>        <th *ngFor=\"let col of columns\"><a (click)=\"sortColumn(col)\">{{ col.label }} <span [ngClass]=\"{'glyphicon-triangle-top': (col.sort === 'asc'), 'glyphicon-triangle-bottom': (col.sort === 'desc')}\" class=\"glyphicon\" *ngIf=\"col.sort\"></span></a></th>      </tr>    </thead>    <formio-loader></formio-loader>    <tbody *ngIf=\"!isLoading\">      <tr *ngFor=\"let row of rows\" (click)=\"onClick(row)\">        <td *ngFor=\"let col of columns\" [innerHTML]=\"data(row, col)\"></td>      </tr>    </tbody>    <tfoot>      <tr>        <td [colSpan]=\"columns.length\">          <pagination [totalItems]=\"total\" [(ngModel)]=\"skip\" (pageChanged)=\"pageChanged($event)\" class=\"pagination-sm\"></pagination>          <span class=\"pull-right item-counter\"><span class=\"page-num\">{{ firstItem }} - {{ lastItem }}</span> / {{ total }} total</span>        </td>      </tr>    </tfoot>  </table></div>"}]}],"members":{"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"onForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"query":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"refresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../formio.loader","name":"FormioLoader","line":76,"character":29},{"__symbolic":"reference","module":"../formio.alerts","name":"FormioAlerts","line":76,"character":58}]}],"loadGrid":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setupColumns":[{"__symbolic":"method"}],"onError":[{"__symbolic":"method"}],"refreshGrid":[{"__symbolic":"method"}],"setPage":[{"__symbolic":"method"}],"sortColumn":[{"__symbolic":"method"}],"pageChanged":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"data":[{"__symbolic":"method"}]}}}}]