UNPKG

ng-zorro-antd

Version:

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

2 lines 9.8 kB
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/portal"),require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("ng-zorro-antd/core/config"),require("ng-zorro-antd/i18n"),require("@angular/common"),require("ng-zorro-antd/core/outlet")):"function"==typeof define&&define.amd?define("ng-zorro-antd/empty",["exports","@angular/cdk/portal","@angular/core","rxjs","rxjs/operators","ng-zorro-antd/core/config","ng-zorro-antd/i18n","@angular/common","ng-zorro-antd/core/outlet"],t):t(((n=n||self)["ng-zorro-antd"]=n["ng-zorro-antd"]||{},n["ng-zorro-antd"].empty={}),n.ng.cdk.portal,n.ng.core,n.rxjs,n.rxjs.operators,n["ng-zorro-antd"].core.config,n["ng-zorro-antd"].i18n,n.ng.common,n["ng-zorro-antd"].core.outlet)}(this,(function(n,t,e,o,a,r,i,s,c){"use strict";var p=new e.InjectionToken("nz-empty-component-name");var l=function(){function n(n,t,e,a){this.configService=n,this.viewContainerRef=t,this.cdr=e,this.injector=a,this.contentType="string",this.size="",this.destroy$=new o.Subject}return n.prototype.ngOnChanges=function(n){n.nzComponentName&&(this.size=function(n){switch(n){case"table":case"list":return"normal";case"select":case"tree-select":case"cascader":case"transfer":return"small";default:return""}}(n.nzComponentName.currentValue)),n.specificContent&&!n.specificContent.isFirstChange()&&(this.content=n.specificContent.currentValue,this.renderEmpty())},n.prototype.ngOnInit=function(){this.subscribeDefaultEmptyContentChange()},n.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},n.prototype.renderEmpty=function(){var n=this.content;if("string"==typeof n)this.contentType="string";else if(n instanceof e.TemplateRef){var o={$implicit:this.nzComponentName};this.contentType="template",this.contentPortal=new t.TemplatePortal(n,this.viewContainerRef,o)}else if(n instanceof e.Type){o=new WeakMap([[p,this.nzComponentName]]);var a=new t.PortalInjector(this.injector,o);this.contentType="component",this.contentPortal=new t.ComponentPortal(n,this.viewContainerRef,a)}else this.contentType="string",this.contentPortal=void 0;this.cdr.detectChanges()},n.prototype.subscribeDefaultEmptyContentChange=function(){var n=this;this.configService.getConfigChangeEventForComponent("empty").pipe(a.startWith(!0),a.takeUntil(this.destroy$)).subscribe((function(){n.content=n.specificContent||n.getUserDefaultEmptyContent(),n.renderEmpty()}))},n.prototype.getUserDefaultEmptyContent=function(){return(this.configService.getConfigForComponent("empty")||{}).nzDefaultEmptyContent},n.decorators=[{type:e.Component,args:[{changeDetection:e.ChangeDetectionStrategy.OnPush,encapsulation:e.ViewEncapsulation.None,selector:"nz-embed-empty",exportAs:"nzEmbedEmpty",template:'\n <ng-container *ngIf="!content && specificContent !== null" [ngSwitch]="size">\n <nz-empty *ngSwitchCase="\'normal\'" class="ant-empty-normal" [nzNotFoundImage]="\'simple\'"></nz-empty>\n <nz-empty *ngSwitchCase="\'small\'" class="ant-empty-small" [nzNotFoundImage]="\'simple\'"></nz-empty>\n <nz-empty *ngSwitchDefault></nz-empty>\n </ng-container>\n <ng-container *ngIf="content">\n <ng-template *ngIf="contentType !== \'string\'" [cdkPortalOutlet]="contentPortal"></ng-template>\n <ng-container *ngIf="contentType === \'string\'">\n {{ content }}\n </ng-container>\n </ng-container>\n '}]}],n.ctorParameters=function(){return[{type:r.NzConfigService},{type:e.ViewContainerRef},{type:e.ChangeDetectorRef},{type:e.Injector}]},n.propDecorators={nzComponentName:[{type:e.Input}],specificContent:[{type:e.Input}]},n}();var m=["default","simple"],g=function(){function n(n,t){this.i18n=n,this.cdr=t,this.nzNotFoundImage="default",this.isContentString=!1,this.isImageBuildIn=!0,this.locale={},this.destroy$=new o.Subject}return n.prototype.ngOnChanges=function(n){var t=n.nzNotFoundContent,e=n.nzNotFoundImage;if(t){var o=t.currentValue;this.isContentString="string"==typeof o}if(e){var a=e.currentValue||"default";this.isImageBuildIn=m.findIndex((function(n){return n===a}))>-1}},n.prototype.ngOnInit=function(){var n=this;this.i18n.localeChange.pipe(a.takeUntil(this.destroy$)).subscribe((function(){n.locale=n.i18n.getLocaleData("Empty"),n.cdr.markForCheck()}))},n.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},n.decorators=[{type:e.Component,args:[{changeDetection:e.ChangeDetectionStrategy.OnPush,encapsulation:e.ViewEncapsulation.None,selector:"nz-empty",exportAs:"nzEmpty",template:'\n <div class="ant-empty-image">\n <ng-container *ngIf="!isImageBuildIn">\n <ng-container *nzStringTemplateOutlet="nzNotFoundImage">\n <img [src]="nzNotFoundImage" [alt]="isContentString ? nzNotFoundContent : \'empty\'" />\n </ng-container>\n </ng-container>\n <nz-empty-default *ngIf="isImageBuildIn && nzNotFoundImage !== \'simple\'"></nz-empty-default>\n <nz-empty-simple *ngIf="isImageBuildIn && nzNotFoundImage === \'simple\'"></nz-empty-simple>\n </div>\n <p class="ant-empty-description" *ngIf="nzNotFoundContent !== null">\n <ng-container *nzStringTemplateOutlet="nzNotFoundContent">\n {{ isContentString ? nzNotFoundContent : locale[\'description\'] }}\n </ng-container>\n </p>\n <div class="ant-empty-footer" *ngIf="nzNotFoundFooter">\n <ng-container *nzStringTemplateOutlet="nzNotFoundFooter">\n {{ nzNotFoundFooter }}\n </ng-container>\n </div>\n ',host:{class:"ant-empty"}}]}],n.ctorParameters=function(){return[{type:i.NzI18nService},{type:e.ChangeDetectorRef}]},n.propDecorators={nzNotFoundImage:[{type:e.Input}],nzNotFoundContent:[{type:e.Input}],nzNotFoundFooter:[{type:e.Input}]},n}();var u=function(){function n(){}return n.decorators=[{type:e.Component,args:[{changeDetection:e.ChangeDetectionStrategy.OnPush,encapsulation:e.ViewEncapsulation.None,selector:"nz-empty-default",exportAs:"nzEmptyDefault",template:'\n <svg class="ant-empty-img-default" width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">\n <g fill="none" fill-rule="evenodd">\n <g transform="translate(24 31.67)">\n <ellipse class="ant-empty-img-default-ellipse" cx="67.797" cy="106.89" rx="67.797" ry="12.668" />\n <path\n class="ant-empty-img-default-path-1"\n d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"\n />\n <path\n class="ant-empty-img-default-path-2"\n d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"\n transform="translate(13.56)"\n />\n <path\n class="ant-empty-img-default-path-3"\n d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"\n />\n <path\n class="ant-empty-img-default-path-4"\n d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"\n />\n </g>\n <path\n class="ant-empty-img-default-path-5"\n d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"\n />\n <g class="ant-empty-img-default-g" transform="translate(149.65 15.383)">\n <ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815" />\n <path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" />\n </g>\n </g>\n </svg>\n '}]}],n}(),d=function(){function n(){}return n.decorators=[{type:e.Component,args:[{changeDetection:e.ChangeDetectionStrategy.OnPush,encapsulation:e.ViewEncapsulation.None,selector:"nz-empty-simple",exportAs:"nzEmptySimple",template:'\n <svg class="ant-empty-img-simple" width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg">\n <g transform="translate(0 1)" fill="none" fill-rule="evenodd">\n <ellipse class="ant-empty-img-simple-ellipse" cx="32" cy="33" rx="32" ry="7" />\n <g class="ant-empty-img-simple-g" fill-rule="nonzero">\n <path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" />\n <path\n d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"\n class="ant-empty-img-simple-path"\n />\n </g>\n </g>\n </svg>\n '}]}],n}(),y=function(){function n(){}return n.decorators=[{type:e.NgModule,args:[{imports:[s.CommonModule,t.PortalModule,c.NzOutletModule,i.NzI18nModule],declarations:[g,l,u,d],exports:[g,l]}]}],n}();n.NZ_EMPTY_COMPONENT_NAME=p,n.NzEmbedEmptyComponent=l,n.NzEmptyComponent=g,n.NzEmptyDefaultComponent=u,n.NzEmptyModule=y,n.NzEmptySimpleComponent=d,Object.defineProperty(n,"__esModule",{value:!0})})); //# sourceMappingURL=ng-zorro-antd-empty.umd.min.js.map