UNPKG

@blackbaud/skyux

Version:

SKY UX built on Angular 2

github.com/blackbaud/skyux2

blackbaud/skyux2

1 lines • 4.36 kB
1
[{"__symbolic":"module","version":3,"metadata":{"SkyPageSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-page-summary","template":"<div\n class=\"sky-page-summary\"\n [ngClass]=\"{\n 'sky-page-summary-with-key-info': keyInfoContainerEl.children.length > 0\n }\"\n>\n <ng-content select=\"sky-page-summary-alert\"></ng-content>\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\"></ng-content>\n <div>\n <ng-content select=\"sky-page-summary-title\"></ng-content>\n <ng-content select=\"sky-page-summary-subtitle\"></ng-content>\n <ng-content select=\"sky-page-summary-status\"></ng-content>\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\"></ng-content>\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\" #keyInfoContainerEl>\n <ng-content select=\"sky-page-summary-key-info\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n","styles":[".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}@media (min-width: 768px){.sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}.sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}.sky-page-summary-left{align-items:stretch;display:flex}}\n"],"providers":[{"__symbolic":"reference","module":"./page-summary-adapter.service","name":"SkyPageSummaryAdapterService"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./page-summary-adapter.service","name":"SkyPageSummaryAdapterService"},{"__symbolic":"reference","module":"../media-queries","name":"SkyMediaQueryService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyPageSummaryComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-page-summary","template":"<div\n class=\"sky-page-summary\"\n [ngClass]=\"{\n 'sky-page-summary-with-key-info': keyInfoContainerEl.children.length > 0\n }\"\n>\n <ng-content select=\"sky-page-summary-alert\"></ng-content>\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\"></ng-content>\n <div>\n <ng-content select=\"sky-page-summary-title\"></ng-content>\n <ng-content select=\"sky-page-summary-subtitle\"></ng-content>\n <ng-content select=\"sky-page-summary-status\"></ng-content>\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\"></ng-content>\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\" #keyInfoContainerEl>\n <ng-content select=\"sky-page-summary-key-info\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n","styles":[".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}@media (min-width: 768px){.sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}.sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}.sky-page-summary-left{align-items:stretch;display:flex}}\n"],"providers":[{"__symbolic":"reference","module":"./page-summary-adapter.service","name":"SkyPageSummaryAdapterService"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./page-summary-adapter.service","name":"SkyPageSummaryAdapterService"},{"__symbolic":"reference","module":"../media-queries","name":"SkyMediaQueryService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]