angular2-mdl-miracle/components/data-grid/mdl-data-grid.component.metadata.json

Angular 2 components, directives and styles based on material design lite https://getmdl.io.

[{"__symbolic":"module","version":3,"metadata":{"MdlDefaultGrid":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":65,"context":{"typeName":"IMdlDataGridModel"}}]},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":65,"context":{"typeName":"IMdlDataGridModel"}}]}]}],"addAll":[{"__symbolic":"method"}]}},"MdlDataGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mdl-data-grid","template":"\n    <table class=\"mdl-data-table\">\n        <thead>\n            <tr>\n            <th *ngIf=\"selectable\">\n                <mdl-checkbox mdl-ripple [ngModel]=\"isAllSelected()\" (ngModelChange)=\"toogleAll()\"></mdl-checkbox>\n            </th>\n            <th *ngFor=\"let column of model.columns\" [ngClass]=\"{'mdl-data-table__cell--non-numeric': !column.numeric}\">\n                {{column.name}}\n            </th>\n            </tr>\n        </thead>\n        <tbody>\n            <tr *ngFor=\"let data of model.data; let i = index\" [ngClass]=\"{'is-selected': selectable && data.selected}\">\n            <td *ngIf=\"selectable\">\n                <mdl-checkbox mdl-ripple [(ngModel)]=\"data.selected\" (ngModelChange)=\"selectionChanged(data)\"></mdl-checkbox>\n            </td>\n            <td *ngFor=\"let column of model.columns\" [ngClass]=\"{'mdl-data-table__cell--non-numeric': !column.numeric}\">\n                <mdl-checkbox *ngIf=\"column.isBoolean\" mdl-ripple [(ngModel)]=\"data[column.key]\" [disabled]=\"!column.editable\"></mdl-checkbox>\n                <pre *ngIf=\"column.isText\">{{data[column.key]}}</pre>\n            </td>\n            </tr>\n        </tbody>\n    </table>\n    ","styles":["\n    :host{\n      display:inline-block;\n    }\n    "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["grid-model"]}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["grid-model-selected"]}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["grid-model-selectionChanged"]}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectable"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"isAllSelected":[{"__symbolic":"method"}],"toogleAll":[{"__symbolic":"method"}],"updateSelected":[{"__symbolic":"method"}],"selectionChanged":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MdlDefaultGrid":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":65,"context":{"typeName":"IMdlDataGridModel"}}]},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":65,"context":{"typeName":"IMdlDataGridModel"}}]}]}],"addAll":[{"__symbolic":"method"}]}},"MdlDataGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mdl-data-grid","template":"\n    <table class=\"mdl-data-table\">\n        <thead>\n            <tr>\n            <th *ngIf=\"selectable\">\n                <mdl-checkbox mdl-ripple [ngModel]=\"isAllSelected()\" (ngModelChange)=\"toogleAll()\"></mdl-checkbox>\n            </th>\n            <th *ngFor=\"let column of model.columns\" [ngClass]=\"{'mdl-data-table__cell--non-numeric': !column.numeric}\">\n                {{column.name}}\n            </th>\n            </tr>\n        </thead>\n        <tbody>\n            <tr *ngFor=\"let data of model.data; let i = index\" [ngClass]=\"{'is-selected': selectable && data.selected}\">\n            <td *ngIf=\"selectable\">\n                <mdl-checkbox mdl-ripple [(ngModel)]=\"data.selected\" (ngModelChange)=\"selectionChanged(data)\"></mdl-checkbox>\n            </td>\n            <td *ngFor=\"let column of model.columns\" [ngClass]=\"{'mdl-data-table__cell--non-numeric': !column.numeric}\">\n                <mdl-checkbox *ngIf=\"column.isBoolean\" mdl-ripple [(ngModel)]=\"data[column.key]\" [disabled]=\"!column.editable\"></mdl-checkbox>\n                <pre *ngIf=\"column.isText\">{{data[column.key]}}</pre>\n            </td>\n            </tr>\n        </tbody>\n    </table>\n    ","styles":["\n    :host{\n      display:inline-block;\n    }\n    "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["grid-model"]}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["grid-model-selected"]}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["grid-model-selectionChanged"]}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectable"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"isAllSelected":[{"__symbolic":"method"}],"toogleAll":[{"__symbolic":"method"}],"updateSelected":[{"__symbolic":"method"}],"selectionChanged":[{"__symbolic":"method"}]}}}}]