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

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

[{"__symbolic":"module","version":3,"metadata":{"LAYOUT_SCREEN_SIZE_THRESHOLD":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["layoutScreenSizeThreshold"]},"MdLUnsupportedLayoutTypeError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../common/mdl-error","name":"MdlError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdlScreenSizeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"LAYOUT_SCREEN_SIZE_THRESHOLD"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"number"}]}],"sizes":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}},"MdlLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mdl-layout","template":"\n    <div class=\"mdl-layout__container\" [ngClass]=\"{'has-scrolling-header': mode==='scroll'}\">\n     <div class=\"mdl-layout is-upgraded\"\n          [ngClass]=\"{\n          'is-small-screen': isSmallScreen,\n          'mdl-layout--fixed-drawer': isFixedDrawer,\n          'mdl-layout--fixed-header': isFixedHeader,\n          'mdl-layout--fixed-tabs': 'tabs.toArray().length > 0'\n          }\">\n        <ng-content select=\"mdl-layout-header\"></ng-content>\n        <ng-content select=\"mdl-layout-drawer\"></ng-content>\n        <div *ngIf=\"drawer && isNoDrawer==false\" class=\"mdl-layout__drawer-button\" (click)=\"toggleDrawer()\">\n           <mdl-icon>&#xE5D2;</mdl-icon>\n        </div>\n        <ng-content select=\"mdl-layout-content\"></ng-content>\n        <div class=\"mdl-layout__obfuscator\"\n             [ngClass]=\"{'is-visible':isDrawerVisible}\"\n             (click)=\"toggleDrawer()\"\n             (keydown)=\"obfuscatorKeyDown($event)\"></div>\n     </div>\n    </div>\n  ","exportAs":"mdlLayout","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./mdl-layout-header.component","name":"MdlLayoutHeaderComponent"}]}]}],"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./mdl-layout-drawer.component","name":"MdlLayoutDrawerComponent"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./mdl-layout-content.component","name":"MdlLayoutContentComponent"}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-mode"]}]}],"isFixedDrawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-fixed-drawer"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"isFixedHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-fixed-header"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"isSeamed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-header-seamed"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-tab-active-index"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/number.property","name":"NumberProperty"}}]}],"isRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-ripple"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"isNoDrawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-no-drawer-button"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"selectedTabEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["mdl-layout-tab-active-changed"]}]}],"mouseoverTabEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["mdl-layout-tab-mouseover"]}]}],"mouseoutTabEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["mdl-layout-tab-mouseout"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["open"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["close"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"EventManager"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"MdlScreenSizeService"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"updateSelectedTabIndex":[{"__symbolic":"method"}],"validateMode":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"onQueryChange":[{"__symbolic":"method"}],"toggleDrawer":[{"__symbolic":"method"}],"closeDrawer":[{"__symbolic":"method"}],"setDrawerVisible":[{"__symbolic":"method"}],"obfuscatorKeyDown":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"tabSelected":[{"__symbolic":"method"}],"onTabMouseover":[{"__symbolic":"method"}],"onTabMouseout":[{"__symbolic":"method"}],"closeDrawerOnSmallScreens":[{"__symbolic":"method"}],"hasDrawer":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"LAYOUT_SCREEN_SIZE_THRESHOLD":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["layoutScreenSizeThreshold"]},"MdLUnsupportedLayoutTypeError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../common/mdl-error","name":"MdlError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdlScreenSizeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"LAYOUT_SCREEN_SIZE_THRESHOLD"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"number"}]}],"sizes":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}},"MdlLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mdl-layout","template":"\n    <div class=\"mdl-layout__container\" [ngClass]=\"{'has-scrolling-header': mode==='scroll'}\">\n     <div class=\"mdl-layout is-upgraded\"\n          [ngClass]=\"{\n          'is-small-screen': isSmallScreen,\n          'mdl-layout--fixed-drawer': isFixedDrawer,\n          'mdl-layout--fixed-header': isFixedHeader,\n          'mdl-layout--fixed-tabs': 'tabs.toArray().length > 0'\n          }\">\n        <ng-content select=\"mdl-layout-header\"></ng-content>\n        <ng-content select=\"mdl-layout-drawer\"></ng-content>\n        <div *ngIf=\"drawer && isNoDrawer==false\" class=\"mdl-layout__drawer-button\" (click)=\"toggleDrawer()\">\n           <mdl-icon>&#xE5D2;</mdl-icon>\n        </div>\n        <ng-content select=\"mdl-layout-content\"></ng-content>\n        <div class=\"mdl-layout__obfuscator\"\n             [ngClass]=\"{'is-visible':isDrawerVisible}\"\n             (click)=\"toggleDrawer()\"\n             (keydown)=\"obfuscatorKeyDown($event)\"></div>\n     </div>\n    </div>\n  ","exportAs":"mdlLayout","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./mdl-layout-header.component","name":"MdlLayoutHeaderComponent"}]}]}],"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./mdl-layout-drawer.component","name":"MdlLayoutDrawerComponent"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./mdl-layout-content.component","name":"MdlLayoutContentComponent"}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-mode"]}]}],"isFixedDrawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-fixed-drawer"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"isFixedHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-fixed-header"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"isSeamed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-header-seamed"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-tab-active-index"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/number.property","name":"NumberProperty"}}]}],"isRipple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-ripple"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"isNoDrawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdl-layout-no-drawer-button"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../common/boolean-property","name":"BooleanProperty"}}]}],"selectedTabEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["mdl-layout-tab-active-changed"]}]}],"mouseoverTabEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["mdl-layout-tab-mouseover"]}]}],"mouseoutTabEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["mdl-layout-tab-mouseout"]}]}],"onOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["open"]}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["close"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"EventManager"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"MdlScreenSizeService"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"updateSelectedTabIndex":[{"__symbolic":"method"}],"validateMode":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}],"onQueryChange":[{"__symbolic":"method"}],"toggleDrawer":[{"__symbolic":"method"}],"closeDrawer":[{"__symbolic":"method"}],"setDrawerVisible":[{"__symbolic":"method"}],"obfuscatorKeyDown":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"tabSelected":[{"__symbolic":"method"}],"onTabMouseover":[{"__symbolic":"method"}],"onTabMouseout":[{"__symbolic":"method"}],"closeDrawerOnSmallScreens":[{"__symbolic":"method"}],"hasDrawer":[{"__symbolic":"method"}]}}}}]