[{"__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 {\n  background-color: #fff;\n  padding: 20px 15px;\n}\n\n.sky-page-summary-row {\n  align-items: stretch;\n  display: flex;\n}\n\n@media (min-width: 768px) {\n  .sky-page-summary-with-key-info .sky-page-summary-left {\n    flex-basis: 75%;\n    padding-right: 15px;\n  }\n  .sky-page-summary-with-key-info .sky-page-summary-right {\n    flex-basis: 25%;\n  }\n  .sky-page-summary-left {\n    align-items: stretch;\n    display: flex;\n  }\n}\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 {\n  background-color: #fff;\n  padding: 20px 15px;\n}\n\n.sky-page-summary-row {\n  align-items: stretch;\n  display: flex;\n}\n\n@media (min-width: 768px) {\n  .sky-page-summary-with-key-info .sky-page-summary-left {\n    flex-basis: 75%;\n    padding-right: 15px;\n  }\n  .sky-page-summary-with-key-info .sky-page-summary-right {\n    flex-basis: 25%;\n  }\n  .sky-page-summary-left {\n    align-items: stretch;\n    display: flex;\n  }\n}\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"}]}}}}]