@angular-material-extensions/jumbotron
Version:
Angular UI open source library built with material design in order to illustrate a highlighted/important information for the user
3 lines (2 loc) • 2.47 kB
JavaScript
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/common"),require("@angular/core"),require("@angular/material"),require("@angular/flex-layout")):"function"==typeof define&&define.amd?define(["exports","@angular/common","@angular/core","@angular/material","@angular/flex-layout"],n):n((t=t||self).angularMaterialExtensionsJumbotron={},t.ng.common,t.ng.core,t.material,t.flexLayout)}(this,function(t,n,e,o,a){"use strict";var r=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:e.Component,args:[{selector:"mat-jumbotron-content",template:"\n <ng-template>\n <ng-content></ng-content>\n </ng-template>\n ",styles:["\n :host{display:block}\n "]}]}],t.ctorParameters=function(){return[]},t.propDecorators={content:[{type:e.ViewChild,args:[e.TemplateRef,{static:!1}]}]},t}(),c=function(){function t(){}return t.decorators=[{type:e.Component,args:[{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 \x3c!--main image--\x3e\n <img *ngIf="imgURL"\n mat-card-xl-image\n [src]="imgURL">\n\n \x3c!--content--\x3e\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:e.ViewEncapsulation.Emulated}]}],t.ctorParameters=function(){return[]},t.propDecorators={jumbotronContent:[{type:e.ContentChild,args:[r,{static:!1}]}],imgURL:[{type:e.Input}]},t}(),u=function(){function t(){}return t.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,a.FlexLayoutModule,o.MatCardModule],exports:[c,r],declarations:[c,r]}]}],t}();t.MatJumbotronComponent=c,t.MatJumbotronContentComponent=r,t.MatJumbotronModule=u,Object.defineProperty(t,"__esModule",{value:!0})});
//# sourceMappingURL=jumbotron.umd.min.js.map