ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
16 lines (14 loc) • 7.54 kB
JavaScript
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/common"),require("@angular/core"),require("ng-zorro-antd/core/outlet"),require("ng-zorro-antd/icon"),require("ng-zorro-antd/core/config"),require("ng-zorro-antd/core/logger")):"function"==typeof define&&define.amd?define("ng-zorro-antd/page-header",["exports","@angular/common","@angular/core","ng-zorro-antd/core/outlet","ng-zorro-antd/icon","ng-zorro-antd/core/config","ng-zorro-antd/core/logger"],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.outlet,e["ng-zorro-antd"].icon,e["ng-zorro-antd"].core.config,e["ng-zorro-antd"].core.logger)}(this,(function(e,n,t,a,r,o,c){"use strict";
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */function i(e,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,n)}var g=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}(),s=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}(),d=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}(),l=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}(),p=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}(),u=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}(),z=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-breadcrumb[nz-page-header-breadcrumb]",exportAs:"nzPageHeaderBreadcrumb"}]}],e}(),h=function(){function e(){}return e.decorators=[{type:t.Directive,args:[{selector:"nz-avatar[nz-page-header-avatar]",exportAs:"nzPageHeaderAvatar"}]}],e}(),f=function(){function e(e,n){this.location=e,this.nzConfigService=n,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(){if(this.nzBack.observers.length)this.nzBack.emit();else{if(!this.location)throw new Error(c.PREFIX+" you should import 'RouterModule' or register 'Location' if you want to use 'nzBack' default event!");this.location.back()}},e.decorators=[{type:t.Component,args:[{selector:"nz-page-header",exportAs:"nzPageHeader",template:'\n <ng-content select="nz-breadcrumb[nz-page-header-breadcrumb]"></ng-content>\n\n <div class="ant-page-header-heading">\n <div class="ant-page-header-heading-left">\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 </div>\n\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.has-footer]":"nzPageHeaderFooter","[class.ant-page-header-ghost]":"nzGhost","[class.has-breadcrumb]":"nzPageHeaderBreadcrumb"}}]}],e.ctorParameters=function(){return[{type:n.Location,decorators:[{type:t.Optional}]},{type:o.NzConfigService}]},e.propDecorators={nzBackIcon:[{type:t.Input}],nzTitle:[{type:t.Input}],nzSubtitle:[{type:t.Input}],nzGhost:[{type:t.Input}],nzBack:[{type:t.Output}],nzPageHeaderFooter:[{type:t.ContentChild,args:[u,{static:!1}]}],nzPageHeaderBreadcrumb:[{type:t.ContentChild,args:[z,{static:!1}]}]},function(e,n,t,a){var r,o=arguments.length,c=o<3?n:null===a?a=Object.getOwnPropertyDescriptor(n,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,n,t,a);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(c=(o<3?r(c):o>3?r(n,t,c):r(n,t))||c);o>3&&c&&Object.defineProperty(n,t,c)}([o.WithConfig("pageHeader",!0),i("design:type",Boolean)],e.prototype,"nzGhost",void 0),e}();var b=[g,s,d,l,p,u,z,h],v=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,a.NzOutletModule,r.NzIconModule],exports:[f,b],declarations:[f,b]}]}],e}();e.NzPageHeaderAvatarDirective=h,e.NzPageHeaderBreadcrumbDirective=z,e.NzPageHeaderComponent=f,e.NzPageHeaderContentDirective=d,e.NzPageHeaderExtraDirective=p,e.NzPageHeaderFooterDirective=u,e.NzPageHeaderModule=v,e.NzPageHeaderSubtitleDirective=s,e.NzPageHeaderTagDirective=l,e.NzPageHeaderTitleDirective=g,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-zorro-antd-page-header.umd.min.js.map