UNPKG

ng-zorro-antd

Version:

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

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