ng-zorro-antd/layout/ng-zorro-antd-layout.metadata.json

An enterprise-class UI components based on Ant Design and Angular

{"__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"},"template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"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"},"template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"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,"template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":63}]}]}},"NzLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"nz-layout","exportAs":"nzLayout","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"},"preserveWhitespaces":false,"template":"\n    <ng-content></ng-content>\n  ","host":{"[class.ant-layout-has-sider]":"listOfNzSiderComponent.length > 0","[class.ant-layout]":"true","$quoted$":["[class.ant-layout-has-sider]","[class.ant-layout]"]}}]}],"members":{"listOfNzSiderComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"NzSiderComponent"}]}]}]}},"NzSiderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"nz-sider","exportAs":"nzSider","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":36,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"template":"\n    <div class=\"ant-layout-sider-children\">\n      <ng-content></ng-content>\n    </div>\n    <div\n      *ngIf=\"nzCollapsible && nzTrigger !== null\"\n      nz-sider-trigger\n      [matchBreakPoint]=\"matchBreakPoint\"\n      [nzCollapsedWidth]=\"nzCollapsedWidth\"\n      [nzCollapsed]=\"nzCollapsed\"\n      [nzBreakpoint]=\"nzBreakpoint\"\n      [nzReverseArrow]=\"nzReverseArrow\"\n      [nzTrigger]=\"nzTrigger\"\n      [nzZeroTrigger]=\"nzZeroTrigger\"\n      [siderWidth]=\"widthSetting\"\n      (click)=\"setCollapsed(!nzCollapsed)\"\n    ></div>\n  ","host":{"[class.ant-layout-sider]":"true","[class.ant-layout-sider-zero-width]":"nzCollapsed && nzCollapsedWidth === 0","[class.ant-layout-sider-light]":"nzTheme === 'light'","[class.ant-layout-sider-dark]":"nzTheme === 'dark'","[class.ant-layout-sider-collapsed]":"nzCollapsed","[style.flex]":"flexSetting","[style.maxWidth]":"widthSetting","[style.minWidth]":"widthSetting","[style.width]":"widthSetting","$quoted$":["[class.ant-layout-sider]","[class.ant-layout-sider-zero-width]","[class.ant-layout-sider-light]","[class.ant-layout-sider-dark]","[class.ant-layout-sider-collapsed]","[style.flex]","[style.maxWidth]","[style.minWidth]","[style.width]"]}}]}],"members":{"nzMenuDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":74,"character":3},"arguments":[{"__symbolic":"reference","module":"ng-zorro-antd/menu","name":"NzMenuDirective","line":74,"character":16}]}]}],"nzCollapsedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"nzWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"nzTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"nzCollapsedWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"nzBreakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"nzZeroTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"nzTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"nzReverseArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":82,"character":12}}]}],"nzCollapsible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":83,"character":12}}]}],"nzCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":84,"character":12}}]}],"updateStyleMap":[{"__symbolic":"method"}],"updateMenuInlineCollapsed":[{"__symbolic":"method"}],"setCollapsed":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":111,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":111,"character":55},{"__symbolic":"reference","module":"ng-zorro-antd/core/services","name":"NzBreakpointService","line":111,"character":101}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵNzSiderTriggerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"[nz-sider-trigger]","exportAs":"nzSiderTrigger","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":19},"member":"OnPush"},"template":"\n    <ng-container *ngIf=\"isZeroTrigger\">\n      <ng-template [ngTemplateOutlet]=\"nzZeroTrigger || defaultZeroTrigger\"></ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"isNormalTrigger\">\n      <ng-template [ngTemplateOutlet]=\"nzTrigger || defaultTrigger\"></ng-template>\n    </ng-container>\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 #defaultZeroTrigger>\n      <i nz-icon nzType=\"bars\"></i>\n    </ng-template>\n  ","host":{"[class.ant-layout-sider-trigger]":"isNormalTrigger","[style.width]":"isNormalTrigger ? siderWidth : null","[class.ant-layout-sider-zero-width-trigger]":"isZeroTrigger","[class.ant-layout-sider-zero-width-trigger-right]":"isZeroTrigger && nzReverseArrow","[class.ant-layout-sider-zero-width-trigger-left]":"isZeroTrigger && !nzReverseArrow","$quoted$":["[class.ant-layout-sider-trigger]","[style.width]","[class.ant-layout-sider-zero-width-trigger]","[class.ant-layout-sider-zero-width-trigger-right]","[class.ant-layout-sider-zero-width-trigger-left]"]}}]}],"members":{"nzCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"nzReverseArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"nzZeroTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"nzTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"matchBreakPoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"nzCollapsedWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"siderWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"nzBreakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"updateTriggerType":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"NzLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NzLayoutComponent"},{"__symbolic":"reference","name":"NzHeaderComponent"},{"__symbolic":"reference","name":"NzContentComponent"},{"__symbolic":"reference","name":"NzFooterComponent"},{"__symbolic":"reference","name":"NzSiderComponent"},{"__symbolic":"reference","name":"ɵNzSiderTriggerComponent"}],"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":23,"character":12},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":23,"character":26},{"__symbolic":"reference","module":"@angular/cdk/layout","name":"LayoutModule","line":23,"character":40},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":23,"character":54}]}]}],"members":{}}},"origins":{"NzContentComponent":"./content.component","NzFooterComponent":"./footer.component","NzHeaderComponent":"./header.component","NzLayoutComponent":"./layout.component","NzSiderComponent":"./sider.component","ɵNzSiderTriggerComponent":"./sider-trigger.component","NzLayoutModule":"./layout.module"},"importAs":"ng-zorro-antd/layout"}