ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 11.4 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NzContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"nz-content","exportAs":"nzContent","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"styles":["\n nz-content {\n display: block;\n }\n "],"template":"<ng-content></ng-content>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":64}]}]}},"NzFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"nz-footer","exportAs":"nzFooter","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"styles":["\n nz-footer {\n display: block;\n }\n "],"template":"<ng-content></ng-content>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":63}]}]}},"NzHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"nz-header","exportAs":"nzHeader","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"preserveWhitespaces":false,"styles":["\n nz-header {\n display: block;\n }\n "],"template":"<ng-content></ng-content>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":63}]}]}},"NzLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"nz-layout","exportAs":"nzLayout","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":13,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"preserveWhitespaces":false,"template":"<ng-content></ng-content>"}]}],"members":{"destroySider":[{"__symbolic":"method"}],"initSider":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":27,"character":64}]}]}},"NzSiderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"nz-sider","exportAs":"nzSider","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":41,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":42,"character":19},"member":"OnPush"},"host":{"[class.ant-layout-sider-zero-width]":"nzCollapsed && nzCollapsedWidth === 0","[class.ant-layout-sider-light]":"nzTheme === 'light'","[class.ant-layout-sider-collapsed]":"nzCollapsed","[style.flex]":"flexSetting","[style.max-width]":"widthSetting","[style.min-width]":"widthSetting","[style.width]":"widthSetting","$quoted$":["[class.ant-layout-sider-zero-width]","[class.ant-layout-sider-light]","[class.ant-layout-sider-collapsed]","[style.flex]","[style.max-width]","[style.min-width]","[style.width]"]},"template":"<div class=\"ant-layout-sider-children\">\n <ng-content></ng-content>\n</div>\n<span class=\"ant-layout-sider-zero-width-trigger\" *ngIf=\"isZeroTrigger\" (click)=\"toggleCollapse()\">\n <ng-template [ngTemplateOutlet]=\"nzZeroTrigger || zeroTrigger\"></ng-template>\n</span>\n<div class=\"ant-layout-sider-trigger\"\n *ngIf=\"isSiderTrigger\"\n (click)=\"toggleCollapse()\"\n [style.width]=\"widthSetting\">\n <ng-template [ngTemplateOutlet]=\"trigger\"></ng-template>\n</div>\n<ng-template #defaultTrigger>\n <i nz-icon [nzType]=\"nzCollapsed ? 'right' : 'left'\" *ngIf=\"!nzReverseArrow\"></i>\n <i nz-icon [nzType]=\"nzCollapsed ? 'left' : 'right'\" *ngIf=\"nzReverseArrow\"></i>\n</ng-template>\n<ng-template #zeroTrigger>\n <i nz-icon nzType=\"bars\"></i>\n</ng-template>"}]}],"members":{"nzCollapsedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"nzWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"nzTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"nzCollapsedWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"nzBreakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"nzZeroTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"nzReverseArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":73,"character":12}}]}],"nzCollapsible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":74,"character":12}}]}],"nzCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":75,"character":12}}]}],"nzTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"defaultTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":77,"character":3},"arguments":["defaultTrigger",{"static":true}]}]}],"watchMatchMedia":[{"__symbolic":"method"}],"toggleCollapse":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":125,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":125,"character":17}}],null,null,null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"NzLayoutComponent"},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"MediaMatcher","line":126,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":127,"character":20},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":128,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":129,"character":17},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzDomEventService","line":130,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":131,"character":14},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":132,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NzLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzLayoutComponent"},{"__symbolic":"reference","name":"NzHeaderComponent"},{"__symbolic":"reference","name":"NzContentComponent"},{"__symbolic":"reference","name":"NzFooterComponent"},{"__symbolic":"reference","name":"NzSiderComponent"}],"exports":[{"__symbolic":"reference","name":"NzLayoutComponent"},{"__symbolic":"reference","name":"NzHeaderComponent"},{"__symbolic":"reference","name":"NzContentComponent"},{"__symbolic":"reference","name":"NzFooterComponent"},{"__symbolic":"reference","name":"NzSiderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":12},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":24,"character":26},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"LayoutModule","line":24,"character":40},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":24,"character":54}]}]}],"members":{}}},"origins":{"NzContentComponent":"./nz-content.component","NzFooterComponent":"./nz-footer.component","NzHeaderComponent":"./nz-header.component","NzLayoutComponent":"./nz-layout.component","NzSiderComponent":"./nz-sider.component","NzLayoutModule":"./nz-layout.module"},"importAs":"ng-zorro-antd/layout"}