[{"__symbolic":"module","version":3,"metadata":{"SkyGridDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-grid-demo","template":"<sky-grid\n  fit=\"scroll\"\n  [data]=\"items\"\n  (sortFieldChange)=\"sortChanged($event)\">\n  <sky-grid-column\n    id=\"column1\"\n    field=\"column1\"\n    [heading]=\"asyncHeading | async\">\n  </sky-grid-column>\n  <sky-grid-column\n    id=\"column2\"\n    field=\"column2\"\n    heading=\"Column2\">\n  </sky-grid-column>\n  <sky-grid-column\n    id=\"column3\"\n    field=\"column3\"\n    heading=\"Column3\">\n  </sky-grid-column>\n  <sky-grid-column\n    id=\"composite\"\n    field=\"composite\"\n    heading=\"Composite column\"\n    [template]=\"customColumnTemplate\">\n  </sky-grid-column>\n</sky-grid>\n\n<ng-template\n  let-row=\"row\"\n  let-value=\"value\"\n  #customColumnTemplate>\n  <div>\n    Value: {{value}}\n  </div>\n  <div>\n    Column 2: {{row.column2}}\n  </div>\n</ng-template>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"sortChanged":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyGridDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-grid-demo","template":"<sky-grid\n  fit=\"scroll\"\n  [data]=\"items\"\n  (sortFieldChange)=\"sortChanged($event)\">\n  <sky-grid-column\n    id=\"column1\"\n    field=\"column1\"\n    [heading]=\"asyncHeading | async\">\n  </sky-grid-column>\n  <sky-grid-column\n    id=\"column2\"\n    field=\"column2\"\n    heading=\"Column2\">\n  </sky-grid-column>\n  <sky-grid-column\n    id=\"column3\"\n    field=\"column3\"\n    heading=\"Column3\">\n  </sky-grid-column>\n  <sky-grid-column\n    id=\"composite\"\n    field=\"composite\"\n    heading=\"Composite column\"\n    [template]=\"customColumnTemplate\">\n  </sky-grid-column>\n</sky-grid>\n\n<ng-template\n  let-row=\"row\"\n  let-value=\"value\"\n  #customColumnTemplate>\n  <div>\n    Value: {{value}}\n  </div>\n  <div>\n    Column 2: {{row.column2}}\n  </div>\n</ng-template>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"sortChanged":[{"__symbolic":"method"}]}}}}]