angular2-mdl/components/layout/mdl-layout-header.component.metadata.json

Angular 2 components, directives and styles based on material design lite https://getmdl.io.

[{"__symbolic":"module","version":3,"metadata":{"MdlLayoutHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mdl-layout-header","host":{"[class.mdl-layout__header]":"true","[class.is-casting-shadow]":"mode===\"standard\" || isCompact","[class.mdl-layout__header--seamed]":"isSeamed","[class.mdl-layout__header--waterfall]":"mode===\"waterfall\"","[class.mdl-layout__header--scroll]":"mode===\"scroll\"","[class.is-compact]":"isCompact","(transitionend)":"onTransitionEnd()","(click)":"onClick()","$quoted$":["[class.mdl-layout__header]","[class.is-casting-shadow]","[class.mdl-layout__header--seamed]","[class.mdl-layout__header--waterfall]","[class.mdl-layout__header--scroll]","[class.is-compact]","(transitionend)","(click)"]},"template":"\n     <ng-content></ng-content>\n     <div *ngIf=\"tabs?.toArray()?.length > 0\" class=\"mdl-layout__tab-bar-container\">\n         <div class=\"mdl-layout__tab-bar is-casting-shadow\">\n           <div *ngFor=\"let tab of tabs.toArray()\" \n                class=\"mdl-layout__tab\" \n                [ngClass]=\"{'is-active': tab.isActive}\"\n                (mouseover)=\"mdlLayout.onTabMouseover(tab)\" \n                (mouseout)=\"mdlLayout.onTabMouseout(tab)\">\n              <div \n                *ngIf=\"tab.titleComponent\" \n                (click)=\"mdlLayout.tabSelected(tab)\"\n                [mdl-ripple]=\"isRipple\"\n                [append-view-container-ref]=\"tab.titleComponent.vcRef\"></div>\n              <a *ngIf=\"!tab.titleComponent\" \n                    href=\"javascript:void(0)\"   \n                    (click)=\"mdlLayout.tabSelected(tab)\"\n                    class=\"mdl-layout__tab\" \n                    [ngClass]=\"{'is-active': tab.isActive}\"\n                    [mdl-ripple]=\"isRipple\"\n                   >{{tab.title}}</a>\n             </div>\n         </div>\n     </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"./mdl-layout.component","name":"MdlLayoutComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"./mdl-layout.component","name":"MdlLayoutComponent"}]}],"onTransitionEnd":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MdlLayoutHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mdl-layout-header","host":{"[class.mdl-layout__header]":"true","[class.is-casting-shadow]":"mode===\"standard\" || isCompact","[class.mdl-layout__header--seamed]":"isSeamed","[class.mdl-layout__header--waterfall]":"mode===\"waterfall\"","[class.mdl-layout__header--scroll]":"mode===\"scroll\"","[class.is-compact]":"isCompact","(transitionend)":"onTransitionEnd()","(click)":"onClick()"},"template":"\n     <ng-content></ng-content>\n     <div *ngIf=\"tabs?.toArray()?.length > 0\" class=\"mdl-layout__tab-bar-container\">\n         <div class=\"mdl-layout__tab-bar is-casting-shadow\">\n           <div *ngFor=\"let tab of tabs.toArray()\" \n                class=\"mdl-layout__tab\" \n                [ngClass]=\"{'is-active': tab.isActive}\"\n                (mouseover)=\"mdlLayout.onTabMouseover(tab)\" \n                (mouseout)=\"mdlLayout.onTabMouseout(tab)\">\n              <div \n                *ngIf=\"tab.titleComponent\" \n                (click)=\"mdlLayout.tabSelected(tab)\"\n                [mdl-ripple]=\"isRipple\"\n                [append-view-container-ref]=\"tab.titleComponent.vcRef\"></div>\n              <a *ngIf=\"!tab.titleComponent\" \n                    href=\"javascript:void(0)\"   \n                    (click)=\"mdlLayout.tabSelected(tab)\"\n                    class=\"mdl-layout__tab\" \n                    [ngClass]=\"{'is-active': tab.isActive}\"\n                    [mdl-ripple]=\"isRipple\"\n                   >{{tab.title}}</a>\n             </div>\n         </div>\n     </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"./mdl-layout.component","name":"MdlLayoutComponent"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"./mdl-layout.component","name":"MdlLayoutComponent"}]}],"onTransitionEnd":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}}}]