UNPKG

ng-zorro-antd

Version:

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

2 lines 4.87 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/router"),require("rxjs"),require("rxjs/internal/operators/startWith"),require("rxjs/operators"),require("@angular/common"),require("@angular/core"),require("ng-zorro-antd/core")):"function"==typeof define&&define.amd?define("ng-zorro-antd/breadcrumb",["exports","@angular/router","rxjs","rxjs/internal/operators/startWith","rxjs/operators","@angular/common","@angular/core","ng-zorro-antd/core"],t):t((e["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].breadcrumb={}),e.ng.router,e.rxjs,e.rxjs["internal/operators/startWith"],e.rxjs.operators,e.ng.common,e.ng.core,e["ng-zorro-antd"].core)}(this,function(e,g,a,o,c,t,r,n){"use strict";var f="breadcrumb",i=(u.prototype.ngOnInit=function(){this.nzAutoGenerate&&this.registerRouterChange()},u.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},u.prototype.navigate=function(e,t){var r=this;t.preventDefault(),this.ngZone.run(function(){return r.injector.get(g.Router).navigateByUrl(e).then()}).then()},u.prototype.registerRouterChange=function(){var e=this;try{var t=this.injector.get(g.Router),r=this.injector.get(g.ActivatedRoute);t.events.pipe(c.filter(function(e){return e instanceof g.NavigationEnd}),c.takeUntil(this.destroy$),o.startWith(!0)).subscribe(function(){e.breadcrumbs=e.getBreadcrumbs(r.root),e.cdr.markForCheck()})}catch(n){throw new Error("[NG-ZORRO] You should import RouterModule if you want to use `NzAutoGenerate`")}},u.prototype.getBreadcrumbs=function(e,t,r){var n,o;void 0===t&&(t=""),void 0===r&&(r=[]);var a=e.children;if(0===a.length)return r;try{for(var c=function m(e){var t="function"==typeof Symbol&&e[Symbol.iterator],r=0;return t?t.call(e):{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}}}(a),i=c.next();!i.done;i=c.next()){var u=i.value;if(u.outlet===g.PRIMARY_OUTLET){var s=u.snapshot.url.map(function(e){return e.path}).join("/"),p=t+"/"+s,d=u.snapshot.data[f];if(s&&d){var l={label:d,params:u.snapshot.params,url:p};r.push(l)}return this.getBreadcrumbs(u,p,r)}}}catch(b){n={error:b}}finally{try{i&&!i.done&&(o=c["return"])&&o.call(c)}finally{if(n)throw n.error}}},u.decorators=[{type:r.Component,args:[{changeDetection:r.ChangeDetectionStrategy.OnPush,encapsulation:r.ViewEncapsulation.None,selector:"nz-breadcrumb",exportAs:"nzBreadcrumb",preserveWhitespaces:!1,template:'<ng-content></ng-content>\n<ng-container *ngIf="nzAutoGenerate">\n <nz-breadcrumb-item *ngFor="let breadcrumb of breadcrumbs">\n <a [attr.href]="breadcrumb.url" (click)="navigate(breadcrumb.url, $event)">{{ breadcrumb.label }}</a>\n </nz-breadcrumb-item>\n</ng-container>',styles:["\n nz-breadcrumb {\n display: block;\n }\n "]}]}],u.ctorParameters=function(){return[{type:r.Injector},{type:r.NgZone},{type:r.ChangeDetectorRef},{type:r.ElementRef},{type:r.Renderer2}]},u.propDecorators={nzAutoGenerate:[{type:r.Input}],nzSeparator:[{type:r.Input}]},function m(e,t,r,n){var o,a=arguments.length,c=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,n);else for(var i=e.length-1;0<=i;i--)(o=e[i])&&(c=(a<3?o(c):3<a?o(t,r,c):o(t,r))||c);return 3<a&&c&&Object.defineProperty(t,r,c),c}([n.InputBoolean(),function b(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}("design:type",Object)],u.prototype,"nzAutoGenerate",void 0),u);function u(e,t,r,n,o){this.injector=e,this.ngZone=t,this.cdr=r,this.nzAutoGenerate=!1,this.nzSeparator="/",this.breadcrumbs=[],this.destroy$=new a.Subject,o.addClass(n.nativeElement,"ant-breadcrumb")}var s=(p.decorators=[{type:r.Component,args:[{changeDetection:r.ChangeDetectionStrategy.OnPush,encapsulation:r.ViewEncapsulation.None,selector:"nz-breadcrumb-item",exportAs:"nzBreadcrumbItem",preserveWhitespaces:!1,template:'<span class="ant-breadcrumb-link">\n <ng-content></ng-content>\n</span>\n<span class="ant-breadcrumb-separator">\n <ng-container *nzStringTemplateOutlet="nzBreadCrumbComponent.nzSeparator">\n {{ nzBreadCrumbComponent.nzSeparator }}\n </ng-container>\n</span>\n',styles:["\n nz-breadcrumb-item:last-child {\n color: rgba(0, 0, 0, 0.65);\n }\n\n nz-breadcrumb-item:last-child .ant-breadcrumb-separator {\n display: none;\n }\n "]}]}],p.ctorParameters=function(){return[{type:i}]},p);function p(e){this.nzBreadCrumbComponent=e}var d=(l.decorators=[{type:r.NgModule,args:[{imports:[t.CommonModule,n.NzAddOnModule],declarations:[i,s],exports:[i,s]}]}],l);function l(){}e.NzBreadCrumbItemComponent=s,e.NZ_ROUTE_DATA_BREADCRUMB=f,e.NzBreadCrumbComponent=i,e.NzBreadCrumbModule=d,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=ng-zorro-antd-breadcrumb.umd.min.js.map