UNPKG

ng-zorro-antd

Version:

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

2 lines 5.62 kB
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/common"),require("@angular/core"),require("ng-zorro-antd/core"),require("ng-zorro-antd/icon")):"function"==typeof define&&define.amd?define("ng-zorro-antd/page-header",["exports","@angular/common","@angular/core","ng-zorro-antd/core","ng-zorro-antd/icon"],n):n(((e=e||self)["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"]["page-header"]={}),e.ng.common,e.ng.core,e["ng-zorro-antd"].core,e["ng-zorro-antd"].icon)}(this,function(e,n,t,a,r){"use strict";var o=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-page-header-title, [nz-page-header-title]",exportAs:"nzPageHeaderTitle",host:{class:"ant-page-header-heading-title"}}]}],e}(),c=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-page-header-subtitle, [nz-page-header-subtitle]",exportAs:"nzPageHeaderSubtitle",host:{class:"ant-page-header-heading-sub-title"}}]}],e}(),i=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-page-header-content, [nz-page-header-content]",exportAs:"nzPageHeaderContent",host:{class:"ant-page-header-content"}}]}],e}(),g=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-page-header-tags, [nz-page-header-tags]",exportAs:"nzPageHeaderTags",host:{class:"ant-page-header-heading-tags"}}]}],e}(),s=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-page-header-extra, [nz-page-header-extra]",exportAs:"nzPageHeaderExtra",host:{class:"ant-page-header-heading-extra"}}]}],e}(),d=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-page-header-footer, [nz-page-header-footer]",exportAs:"nzPageHeaderFooter",host:{class:"ant-page-header-footer"}}]}],e}(),p=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-breadcrumb[nz-page-header-breadcrumb]",exportAs:"nzPageHeaderBreadcrumb"}]}],e}(),l=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-avatar[nz-page-header-avatar]",exportAs:"nzPageHeaderAvatar"}]}],e}(),u=function(){function e(e){this.location=e,this.isTemplateRefBackIcon=!1,this.isStringBackIcon=!1,this.nzBackIcon=null,this.nzBack=new t.EventEmitter}return e.prototype.ngOnChanges=function(e){e.hasOwnProperty("nzBackIcon")&&(this.isTemplateRefBackIcon=e.nzBackIcon.currentValue instanceof t.TemplateRef,this.isStringBackIcon="string"==typeof e.nzBackIcon.currentValue)},e.prototype.onBack=function(){this.nzBack.observers.length?this.nzBack.emit():this.location.back()},e.decorators=[{type:t.Component,args:[{selector:"nz-page-header",exportAs:"nzPageHeader",template:'<ng-content select="nz-breadcrumb[nz-page-header-breadcrumb]"></ng-content>\n\n<div class="ant-page-header-heading">\n \x3c!--back--\x3e\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 \x3c!--avatar--\x3e\n <ng-content select="nz-avatar[nz-page-header-avatar]"></ng-content>\n \x3c!--title--\x3e\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 \x3c!--subtitle--\x3e\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',changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,host:{class:"ant-page-header","[class.ant-page-header-has-footer]":"nzPageHeaderFooter"},styles:["nz-page-header,nz-page-header-content,nz-page-header-footer{display:block}","\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 "]}]}],e.ctorParameters=function(){return[{type:n.Location}]},e.propDecorators={nzBackIcon:[{type:t.Input}],nzTitle:[{type:t.Input}],nzSubtitle:[{type:t.Input}],nzBack:[{type:t.Output}],nzPageHeaderFooter:[{type:t.ContentChild,args:[d,{static:!1}]}]},e}();var z=[o,c,i,g,s,d,p,l],h=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,a.NzAddOnModule,r.NzIconModule],exports:[u,z],declarations:[u,z]}]}],e}();e.NzPageHeaderAvatarDirective=l,e.NzPageHeaderBreadcrumbDirective=p,e.NzPageHeaderComponent=u,e.NzPageHeaderContentDirective=i,e.NzPageHeaderExtraDirective=s,e.NzPageHeaderFooterDirective=d,e.NzPageHeaderModule=h,e.NzPageHeaderSubtitleDirective=c,e.NzPageHeaderTagDirective=g,e.NzPageHeaderTitleDirective=o,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=ng-zorro-antd-page-header.umd.min.js.map