@blackbaud/skyux
Version:
SKY UX built on Angular 2
1 lines • 4.94 kB
JSON
[{"__symbolic":"module","version":3,"metadata":{"SkyTileDashboardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-tile-dashboard","styles":[":host{display:flex;padding:0 10px}.sky-tile-dashboard-layout-multi{display:block}.sky-tile-dashboard-layout-single{display:none}@media (max-width: 991px){:host{display:block;padding:0}.sky-tile-dashboard-layout-multi{display:none}.sky-tile-dashboard-layout-single{display:block}:host /deep/ .sky-tile-dashboard-column{padding:0}}@media (max-width: 767px){:host /deep/ .sky-tile{margin:0}}\n"],"template":"<sky-tile-dashboard-column\n *ngFor=\"let column of config?.layout?.multiColumn\"\n class=\"sky-tile-dashboard-layout-multi\"\n [ngStyle]=\"{\n 'flex-basis': (100 / config?.layout?.multiColumn.length) + '%'\n }\"\n>\n</sky-tile-dashboard-column>\n<sky-tile-dashboard-column class=\"sky-tile-dashboard-layout-single\" #singleColumn>\n</sky-tile-dashboard-column>\n<ng-content></ng-content>\n","providers":[{"__symbolic":"reference","module":"./tile-dashboard.service","name":"SkyTileDashboardService"}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"configChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"../tile-dashboard-column","name":"SkyTileDashboardColumnComponent"}]}]}],"singleColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["singleColumn",{"read":{"__symbolic":"reference","module":"../tile-dashboard-column","name":"SkyTileDashboardColumnComponent"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./tile-dashboard.service","name":"SkyTileDashboardService"},{"__symbolic":"reference","module":"../../media-queries","name":"SkyMediaQueryService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkReady":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyTileDashboardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-tile-dashboard","styles":[":host{display:flex;padding:0 10px}.sky-tile-dashboard-layout-multi{display:block}.sky-tile-dashboard-layout-single{display:none}@media (max-width: 991px){:host{display:block;padding:0}.sky-tile-dashboard-layout-multi{display:none}.sky-tile-dashboard-layout-single{display:block}:host /deep/ .sky-tile-dashboard-column{padding:0}}@media (max-width: 767px){:host /deep/ .sky-tile{margin:0}}\n"],"template":"<sky-tile-dashboard-column\n *ngFor=\"let column of config?.layout?.multiColumn\"\n class=\"sky-tile-dashboard-layout-multi\"\n [ngStyle]=\"{\n 'flex-basis': (100 / config?.layout?.multiColumn.length) + '%'\n }\"\n>\n</sky-tile-dashboard-column>\n<sky-tile-dashboard-column class=\"sky-tile-dashboard-layout-single\" #singleColumn>\n</sky-tile-dashboard-column>\n<ng-content></ng-content>\n","providers":[{"__symbolic":"reference","module":"./tile-dashboard.service","name":"SkyTileDashboardService"}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"configChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"../tile-dashboard-column","name":"SkyTileDashboardColumnComponent"}]}]}],"singleColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["singleColumn",{"read":{"__symbolic":"reference","module":"../tile-dashboard-column","name":"SkyTileDashboardColumnComponent"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./tile-dashboard.service","name":"SkyTileDashboardService"},{"__symbolic":"reference","module":"../../media-queries","name":"SkyMediaQueryService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkReady":[{"__symbolic":"method"}]}}}}]