@angular-material-extensions/jumbotron/jumbotron.metadata.json

Angular UI open source library built with material design in order to illustrate a highlighted/important information for the user

{"__symbolic":"module","version":4,"metadata":{"MatJumbotronModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":16,"character":4}],"exports":[{"__symbolic":"reference","name":"MatJumbotronComponent"},{"__symbolic":"reference","name":"MatJumbotronContentComponent"}],"declarations":[{"__symbolic":"reference","name":"MatJumbotronComponent"},{"__symbolic":"reference","name":"MatJumbotronContentComponent"}]}]}],"members":{}},"MatJumbotronComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mat-jumbotron","template":"\n    <mat-card fxLayout=\"row\" fxLayoutAlign=\"center center\">\n\n      <mat-card-content fxLayout=\"row\"\n                        fxFlex\n                        fxLayout.xs=\"column\"\n                        fxLayoutGap=\"2rem\"\n                        fxLayoutAlign=\"center center\">\n        <!--main image-->\n        <img *ngIf=\"imgURL\"\n             mat-card-xl-image\n             [src]=\"imgURL\">\n\n        <!--content-->\n        <div fxLayout=\"column\" [fxFlex]=\"imgURL ? 50 : 100\">\n          <ng-container [ngTemplateOutlet]=\"jumbotronContent.content\"></ng-container>\n        </div>\n      </mat-card-content>\n\n    </mat-card>\n  ","styles":["\n    :host{display:block}:host ::ng-deep mat-card{background:#e9ecef!important}:host ::ng-deep mat-card img{-o-object-fit:cover;object-fit:cover}:host ::ng-deep mat-card h1{font-weight:400!important}:host ::ng-deep mat-card p{margin-top:0;margin-bottom:1rem;font-size:1.4rem}\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":29,"character":17},"member":"Emulated"}}]}],"members":{"jumbotronContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","name":"MatJumbotronContentComponent"},{"static":false}]}]}],"imgURL":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"MatJumbotronContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mat-jumbotron-content","template":"\n    <ng-template>\n      <ng-content></ng-content>\n    </ng-template>\n  ","styles":["\n    :host{display:block}\n  "]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":16,"character":13},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"MatJumbotronModule":"./module/mat-jumbotron.module","MatJumbotronComponent":"./module/component/mat-jumbotron/mat-jumbotron.component","MatJumbotronContentComponent":"./module/component/mat-jumbotron/content/mat-jumbotron-content.component"},"importAs":"@angular-material-extensions/jumbotron"}