[{"__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 {\n  display: flex;\n  padding: 0 10px;\n}\n\n.sky-tile-dashboard-layout-multi {\n  display: block;\n}\n\n.sky-tile-dashboard-layout-single {\n  display: none;\n}\n\n@media (max-width: 991px) {\n  :host {\n    display: block;\n    padding: 0;\n  }\n  .sky-tile-dashboard-layout-multi {\n    display: none;\n  }\n  .sky-tile-dashboard-layout-single {\n    display: block;\n  }\n  :host /deep/ .sky-tile-dashboard-column {\n    padding: 0;\n  }\n}\n\n@media (max-width: 767px) {\n  :host /deep/ .sky-tile {\n    margin-bottom: 0 !important;\n  }\n}\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"}]}],"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 {\n  display: flex;\n  padding: 0 10px;\n}\n\n.sky-tile-dashboard-layout-multi {\n  display: block;\n}\n\n.sky-tile-dashboard-layout-single {\n  display: none;\n}\n\n@media (max-width: 991px) {\n  :host {\n    display: block;\n    padding: 0;\n  }\n  .sky-tile-dashboard-layout-multi {\n    display: none;\n  }\n  .sky-tile-dashboard-layout-single {\n    display: block;\n  }\n  :host /deep/ .sky-tile-dashboard-column {\n    padding: 0;\n  }\n}\n\n@media (max-width: 767px) {\n  :host /deep/ .sky-tile {\n    margin-bottom: 0 !important;\n  }\n}\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"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkReady":[{"__symbolic":"method"}]}}}}]