UNPKG

ng-zorro-antd

Version:

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

2 lines 7.36 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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"),require("ng-zorro-antd/core/resize-observers"),require("rxjs"),require("rxjs/operators")):"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","ng-zorro-antd/core/resize-observers","rxjs","rxjs/operators"],t):t(((e="undefined"!=typeof globalThis?globalThis: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,e["ng-zorro-antd"].core["resize-observers"],e.rxjs,e.rxjs.operators)}(this,(function(e,t,n,r,a,o,c,i,s,g){"use strict";var d=function(){};d.decorators=[{type:n.Directive,args:[{selector:"nz-page-header-title, [nz-page-header-title]",exportAs:"nzPageHeaderTitle",host:{class:"ant-page-header-heading-title"}}]}];var l=function(){};l.decorators=[{type:n.Directive,args:[{selector:"nz-page-header-subtitle, [nz-page-header-subtitle]",exportAs:"nzPageHeaderSubtitle",host:{class:"ant-page-header-heading-sub-title"}}]}];var p=function(){};p.decorators=[{type:n.Directive,args:[{selector:"nz-page-header-content, [nz-page-header-content]",exportAs:"nzPageHeaderContent",host:{class:"ant-page-header-content"}}]}];var z=function(){};z.decorators=[{type:n.Directive,args:[{selector:"nz-page-header-tags, [nz-page-header-tags]",exportAs:"nzPageHeaderTags",host:{class:"ant-page-header-heading-tags"}}]}];var u=function(){};u.decorators=[{type:n.Directive,args:[{selector:"nz-page-header-extra, [nz-page-header-extra]",exportAs:"nzPageHeaderExtra",host:{class:"ant-page-header-heading-extra"}}]}];var h=function(){};h.decorators=[{type:n.Directive,args:[{selector:"nz-page-header-footer, [nz-page-header-footer]",exportAs:"nzPageHeaderFooter",host:{class:"ant-page-header-footer"}}]}];var f=function(){};f.decorators=[{type:n.Directive,args:[{selector:"nz-breadcrumb[nz-page-header-breadcrumb]",exportAs:"nzPageHeaderBreadcrumb"}]}];var v=function(){};v.decorators=[{type:n.Directive,args:[{selector:"nz-avatar[nz-page-header-avatar]",exportAs:"nzPageHeaderAvatar"}]}];Object.create;function b(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,a,o=n.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)c.push(r.value)}catch(e){a={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(a)throw a.error}}return c}Object.create;var y=function(){function e(e,t,r,a,o){this.location=e,this.nzConfigService=t,this.elementRef=r,this.nzResizeObserver=a,this.cdr=o,this._nzModuleName="pageHeader",this.nzBackIcon=null,this.nzGhost=!0,this.nzBack=new n.EventEmitter,this.compact=!1,this.destroy$=new s.Subject}return e.prototype.ngAfterViewInit=function(){var e=this;this.nzResizeObserver.observe(this.elementRef).pipe(g.map((function(e){return b(e,1)[0].contentRect.width})),g.takeUntil(this.destroy$)).subscribe((function(t){e.compact=t<768,e.cdr.markForCheck()}))},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.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();y.decorators=[{type:n.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 <ng-container *nzStringTemplateOutlet="nzBackIcon; let backIcon">\n <i nz-icon [nzType]="backIcon || \'arrow-left\'" nzTheme="outline"></i>\n </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:n.ChangeDetectionStrategy.OnPush,encapsulation:n.ViewEncapsulation.None,host:{class:"ant-page-header","[class.has-footer]":"nzPageHeaderFooter","[class.ant-page-header-ghost]":"nzGhost","[class.has-breadcrumb]":"nzPageHeaderBreadcrumb","[class.ant-page-header-compact]":"compact"}}]}],y.ctorParameters=function(){return[{type:t.Location,decorators:[{type:n.Optional}]},{type:o.NzConfigService},{type:n.ElementRef},{type:i.NzResizeObserver},{type:n.ChangeDetectorRef}]},y.propDecorators={nzBackIcon:[{type:n.Input}],nzTitle:[{type:n.Input}],nzSubtitle:[{type:n.Input}],nzGhost:[{type:n.Input}],nzBack:[{type:n.Output}],nzPageHeaderFooter:[{type:n.ContentChild,args:[h,{static:!1}]}],nzPageHeaderBreadcrumb:[{type:n.ContentChild,args:[f,{static:!1}]}]},function(e,t,n,r){var a,o=arguments.length,c=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(c=(o<3?a(c):o>3?a(t,n,c):a(t,n))||c);o>3&&c&&Object.defineProperty(t,n,c)}([o.WithConfig(),function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:type",Boolean)],y.prototype,"nzGhost",void 0);var m=[d,l,p,z,u,h,f,v],x=function(){};x.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,r.NzOutletModule,a.NzIconModule],exports:[y,m],declarations:[y,m]}]}],e.NzPageHeaderAvatarDirective=v,e.NzPageHeaderBreadcrumbDirective=f,e.NzPageHeaderComponent=y,e.NzPageHeaderContentDirective=p,e.NzPageHeaderExtraDirective=u,e.NzPageHeaderFooterDirective=h,e.NzPageHeaderModule=x,e.NzPageHeaderSubtitleDirective=l,e.NzPageHeaderTagDirective=z,e.NzPageHeaderTitleDirective=d,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=ng-zorro-antd-page-header.umd.min.js.map