[{"__symbolic":"module","version":3,"metadata":{"SkyListViewGridDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-list-view-grid-demo","template":"<sky-list [data]=\"items\" [defaultView]=\"grid\">\n  <sky-list-toolbar>\n    <sky-list-secondary-actions>\n      <sky-list-column-selector-action [gridView]=\"grid\">\n      </sky-list-column-selector-action>\n    </sky-list-secondary-actions>\n  </sky-list-toolbar>\n\n  <sky-list-view-grid fit=\"scroll\" #grid>\n    <sky-grid-column\n      field=\"control\"\n      [locked]=\"true\"\n      [template]=\"customCellTemplate\">\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"column1\"\n      [locked]=\"true\"\n      [heading]=\"asyncHeading | async\"\n      description=\"A numbered column\">\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"column2\"\n      heading=\"Column2\"\n      description=\"A fruit column\">\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"column3\"\n      heading=\"Column3\"\n      description=\"A sentence column\">\n    </sky-grid-column>\n  </sky-list-view-grid>\n</sky-list>\n\n<ng-template\n  #customCellTemplate\n  let-row=\"row\">\n  <sky-dropdown buttonType=\"context-menu\">\n    <sky-dropdown-menu>\n      <sky-dropdown-item>\n        <button type=\"button\">\n          Option 1\n        </button>\n      </sky-dropdown-item>\n      <sky-dropdown-item>\n        <button type=\"button\">\n          Option 2\n        </button>\n      </sky-dropdown-item>\n      <sky-dropdown-item>\n        <button type=\"button\">\n          Option 3\n        </button>\n      </sky-dropdown-item>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</ng-template>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyListViewGridDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-list-view-grid-demo","template":"<sky-list [data]=\"items\" [defaultView]=\"grid\">\n  <sky-list-toolbar>\n    <sky-list-secondary-actions>\n      <sky-list-column-selector-action [gridView]=\"grid\">\n      </sky-list-column-selector-action>\n    </sky-list-secondary-actions>\n  </sky-list-toolbar>\n\n  <sky-list-view-grid fit=\"scroll\" #grid>\n    <sky-grid-column\n      field=\"control\"\n      [locked]=\"true\"\n      [template]=\"customCellTemplate\">\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"column1\"\n      [locked]=\"true\"\n      [heading]=\"asyncHeading | async\"\n      description=\"A numbered column\">\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"column2\"\n      heading=\"Column2\"\n      description=\"A fruit column\">\n    </sky-grid-column>\n    <sky-grid-column\n      field=\"column3\"\n      heading=\"Column3\"\n      description=\"A sentence column\">\n    </sky-grid-column>\n  </sky-list-view-grid>\n</sky-list>\n\n<ng-template\n  #customCellTemplate\n  let-row=\"row\">\n  <sky-dropdown buttonType=\"context-menu\">\n    <sky-dropdown-menu>\n      <sky-dropdown-item>\n        <button type=\"button\">\n          Option 1\n        </button>\n      </sky-dropdown-item>\n      <sky-dropdown-item>\n        <button type=\"button\">\n          Option 2\n        </button>\n      </sky-dropdown-item>\n      <sky-dropdown-item>\n        <button type=\"button\">\n          Option 3\n        </button>\n      </sky-dropdown-item>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</ng-template>\n"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]