ng-zorro-antd/page-header/ng-zorro-antd-page-header.metadata.json

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

{"__symbolic":"module","version":4,"metadata":{"NzPageHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":37,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":38,"character":12},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzAddOnModule","line":38,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":38,"character":41}],"exports":[{"__symbolic":"reference","name":"NzPageHeaderComponent"},[{"__symbolic":"reference","name":"NzPageHeaderTitleDirective"},{"__symbolic":"reference","name":"NzPageHeaderSubtitleDirective"},{"__symbolic":"reference","name":"NzPageHeaderContentDirective"},{"__symbolic":"reference","name":"NzPageHeaderTagDirective"},{"__symbolic":"reference","name":"NzPageHeaderExtraDirective"},{"__symbolic":"reference","name":"NzPageHeaderFooterDirective"},{"__symbolic":"reference","name":"NzPageHeaderBreadcrumbDirective"},{"__symbolic":"reference","name":"NzPageHeaderAvatarDirective"}]],"declarations":[{"__symbolic":"reference","name":"NzPageHeaderComponent"},[{"__symbolic":"reference","name":"NzPageHeaderTitleDirective"},{"__symbolic":"reference","name":"NzPageHeaderSubtitleDirective"},{"__symbolic":"reference","name":"NzPageHeaderContentDirective"},{"__symbolic":"reference","name":"NzPageHeaderTagDirective"},{"__symbolic":"reference","name":"NzPageHeaderExtraDirective"},{"__symbolic":"reference","name":"NzPageHeaderFooterDirective"},{"__symbolic":"reference","name":"NzPageHeaderBreadcrumbDirective"},{"__symbolic":"reference","name":"NzPageHeaderAvatarDirective"}]]}]}],"members":{}},"NzPageHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"nz-page-header","exportAs":"nzPageHeader","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":34,"character":17},"member":"None"},"host":{"class":"ant-page-header","[class.has-footer]":"nzPageHeaderFooter","[class.ant-page-header-ghost]":"nzGhost","[class.has-breadcrumb]":"nzPageHeaderBreadcrumb","$quoted$":["[class.has-footer]","[class.ant-page-header-ghost]","[class.has-breadcrumb]"]},"styles":["\n      .ant-page-header-back-button {\n        border: 0px;\n        background: transparent;\n        padding: 0px;\n        line-height: inherit;\n        display: inline-block;\n      }\n    ","nz-page-header,nz-page-header-content,nz-page-header-footer{display:block}"],"template":"<ng-content select=\"nz-breadcrumb[nz-page-header-breadcrumb]\"></ng-content>\n\n<div class=\"ant-page-header-heading\">\n  <!--back-->\n  <div *ngIf=\"nzBackIcon !== null\" (click)=\"onBack()\" class=\"ant-page-header-back\">\n    <div role=\"button\" tabindex=\"0\" class=\"ant-page-header-back-button\">\n      <i *ngIf=\"isStringBackIcon\" nz-icon [nzType]=\"nzBackIcon ? nzBackIcon : 'arrow-left'\" nzTheme=\"outline\"></i>\n      <ng-container *ngIf=\"isTemplateRefBackIcon\" [ngTemplateOutlet]=\"nzBackIcon\"></ng-container>\n    </div>\n  </div>\n  <!--avatar-->\n  <ng-content select=\"nz-avatar[nz-page-header-avatar]\"></ng-content>\n  <!--title-->\n  <span class=\"ant-page-header-heading-title\" *ngIf=\"nzTitle\">\n    <ng-container *nzStringTemplateOutlet=\"nzTitle\">{{ nzTitle }}</ng-container>\n  </span>\n  <ng-content *ngIf=\"!nzTitle\" select=\"nz-page-header-title, [nz-page-header-title]\"></ng-content>\n  <!--subtitle-->\n  <span class=\"ant-page-header-heading-sub-title\" *ngIf=\"nzSubtitle\">\n    <ng-container *nzStringTemplateOutlet=\"nzSubtitle\">{{ nzSubtitle }}</ng-container>\n  </span>\n  <ng-content *ngIf=\"!nzSubtitle\" select=\"nz-page-header-subtitle, [nz-page-header-subtitle]\"></ng-content>\n  <ng-content select=\"nz-page-header-tags, [nz-page-header-tags]\"></ng-content>\n  <ng-content select=\"nz-page-header-extra, [nz-page-header-extra]\"></ng-content>\n</div>\n\n<ng-content select=\"nz-page-header-content, [nz-page-header-content]\"></ng-content>\n<ng-content select=\"nz-page-header-footer, [nz-page-header-footer]\"></ng-content>\n"}]}],"members":{"nzBackIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"nzTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"nzSubtitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"nzGhost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"WithConfig","line":60,"character":12},"arguments":["pageHeader",true]}]}],"nzBack":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"nzPageHeaderFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":63,"character":3},"arguments":[{"__symbolic":"reference","name":"NzPageHeaderFooterDirective"},{"static":false}]}]}],"nzPageHeaderBreadcrumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":67,"character":3},"arguments":[{"__symbolic":"reference","name":"NzPageHeaderBreadcrumbDirective"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":71,"character":32},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzConfigService","line":71,"character":66}]}],"ngOnChanges":[{"__symbolic":"method"}],"onBack":[{"__symbolic":"method"}]}},"NzPageHeaderTitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"nz-page-header-title, [nz-page-header-title]","exportAs":"nzPageHeaderTitle","host":{"class":"ant-page-header-heading-title"}}]}],"members":{}},"NzPageHeaderSubtitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"nz-page-header-subtitle, [nz-page-header-subtitle]","exportAs":"nzPageHeaderSubtitle","host":{"class":"ant-page-header-heading-sub-title"}}]}],"members":{}},"NzPageHeaderContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":28,"character":1},"arguments":[{"selector":"nz-page-header-content, [nz-page-header-content]","exportAs":"nzPageHeaderContent","host":{"class":"ant-page-header-content"}}]}],"members":{}},"NzPageHeaderTagDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":37,"character":1},"arguments":[{"selector":"nz-page-header-tags, [nz-page-header-tags]","exportAs":"nzPageHeaderTags","host":{"class":"ant-page-header-heading-tags"}}]}],"members":{}},"NzPageHeaderExtraDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":46,"character":1},"arguments":[{"selector":"nz-page-header-extra, [nz-page-header-extra]","exportAs":"nzPageHeaderExtra","host":{"class":"ant-page-header-heading-extra"}}]}],"members":{}},"NzPageHeaderFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":55,"character":1},"arguments":[{"selector":"nz-page-header-footer, [nz-page-header-footer]","exportAs":"nzPageHeaderFooter","host":{"class":"ant-page-header-footer"}}]}],"members":{}},"NzPageHeaderBreadcrumbDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":64,"character":1},"arguments":[{"selector":"nz-breadcrumb[nz-page-header-breadcrumb]","exportAs":"nzPageHeaderBreadcrumb"}]}],"members":{}},"NzPageHeaderAvatarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":70,"character":1},"arguments":[{"selector":"nz-avatar[nz-page-header-avatar]","exportAs":"nzPageHeaderAvatar"}]}],"members":{}}},"origins":{"NzPageHeaderModule":"./nz-page-header.module","NzPageHeaderComponent":"./nz-page-header.component","NzPageHeaderTitleDirective":"./nz-page-header-cells","NzPageHeaderSubtitleDirective":"./nz-page-header-cells","NzPageHeaderContentDirective":"./nz-page-header-cells","NzPageHeaderTagDirective":"./nz-page-header-cells","NzPageHeaderExtraDirective":"./nz-page-header-cells","NzPageHeaderFooterDirective":"./nz-page-header-cells","NzPageHeaderBreadcrumbDirective":"./nz-page-header-cells","NzPageHeaderAvatarDirective":"./nz-page-header-cells"},"importAs":"ng-zorro-antd/page-header"}