You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
505 lines
16 KiB
505 lines
16 KiB
import {
|
|
NzDropDownDirective,
|
|
NzDropDownModule
|
|
} from "./chunk-KUR2ZJJB.js";
|
|
import "./chunk-YGBKDI43.js";
|
|
import "./chunk-RSMXCRFI.js";
|
|
import {
|
|
ActivatedRoute,
|
|
NavigationEnd,
|
|
PRIMARY_OUTLET,
|
|
Router
|
|
} from "./chunk-CZEXXPIB.js";
|
|
import "./chunk-K4MSLGWI.js";
|
|
import "./chunk-NOHVXVKW.js";
|
|
import "./chunk-XDMUMVNQ.js";
|
|
import "./chunk-RJWK6JFA.js";
|
|
import {
|
|
NzOutletModule,
|
|
NzStringTemplateOutletDirective
|
|
} from "./chunk-VOD2PKZN.js";
|
|
import "./chunk-JGP5BR6B.js";
|
|
import "./chunk-A7MWZ3GO.js";
|
|
import "./chunk-Q646SFZH.js";
|
|
import {
|
|
Directionality
|
|
} from "./chunk-6NZ2BEBG.js";
|
|
import {
|
|
NzIconDirective,
|
|
NzIconModule
|
|
} from "./chunk-G327EOBL.js";
|
|
import "./chunk-DASIIA63.js";
|
|
import "./chunk-IAC53GOD.js";
|
|
import {
|
|
InputBoolean,
|
|
PREFIX
|
|
} from "./chunk-SATQCK6M.js";
|
|
import "./chunk-ECVKT3ZH.js";
|
|
import "./chunk-KI2JSLP6.js";
|
|
import "./chunk-Y4CEYMY2.js";
|
|
import "./chunk-X7WBA24Z.js";
|
|
import {
|
|
NgForOf,
|
|
NgIf,
|
|
NgTemplateOutlet
|
|
} from "./chunk-OSQBUYO6.js";
|
|
import {
|
|
ChangeDetectionStrategy,
|
|
ChangeDetectorRef,
|
|
Component,
|
|
ElementRef,
|
|
Injector,
|
|
Input,
|
|
NgModule,
|
|
Optional,
|
|
Renderer2,
|
|
Subject,
|
|
ViewEncapsulation$1,
|
|
__decorate,
|
|
filter,
|
|
setClassMetadata,
|
|
startWith,
|
|
takeUntil,
|
|
ɵɵProvidersFeature,
|
|
ɵɵStandaloneFeature,
|
|
ɵɵadvance,
|
|
ɵɵattribute,
|
|
ɵɵdefineComponent,
|
|
ɵɵdefineInjector,
|
|
ɵɵdefineNgModule,
|
|
ɵɵdirectiveInject,
|
|
ɵɵelement,
|
|
ɵɵelementContainerEnd,
|
|
ɵɵelementContainerStart,
|
|
ɵɵelementEnd,
|
|
ɵɵelementStart,
|
|
ɵɵgetCurrentView,
|
|
ɵɵlistener,
|
|
ɵɵnextContext,
|
|
ɵɵprojection,
|
|
ɵɵprojectionDef,
|
|
ɵɵproperty,
|
|
ɵɵreference,
|
|
ɵɵresetView,
|
|
ɵɵrestoreView,
|
|
ɵɵsanitizeUrl,
|
|
ɵɵtemplate,
|
|
ɵɵtemplateRefExtractor,
|
|
ɵɵtext,
|
|
ɵɵtextInterpolate,
|
|
ɵɵtextInterpolate1
|
|
} from "./chunk-FGESKT7O.js";
|
|
import "./chunk-HSNDBVJ3.js";
|
|
|
|
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-breadcrumb.mjs
|
|
var _c0 = ["*"];
|
|
function NzBreadCrumbItemComponent_ng_container_0_ng_template_2_Template(rf, ctx) {
|
|
}
|
|
function NzBreadCrumbItemComponent_ng_container_0_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
ɵɵelementContainerStart(0);
|
|
ɵɵelementStart(1, "span", 3);
|
|
ɵɵtemplate(2, NzBreadCrumbItemComponent_ng_container_0_ng_template_2_Template, 0, 0, "ng-template", 4);
|
|
ɵɵelement(3, "span", 5);
|
|
ɵɵelementEnd();
|
|
ɵɵelementContainerEnd();
|
|
}
|
|
if (rf & 2) {
|
|
const ctx_r0 = ɵɵnextContext();
|
|
const _r2 = ɵɵreference(2);
|
|
ɵɵadvance(1);
|
|
ɵɵproperty("nzDropdownMenu", ctx_r0.nzOverlay);
|
|
ɵɵadvance(1);
|
|
ɵɵproperty("ngTemplateOutlet", _r2);
|
|
}
|
|
}
|
|
function NzBreadCrumbItemComponent_ng_template_1_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
ɵɵelementStart(0, "span", 6);
|
|
ɵɵprojection(1);
|
|
ɵɵelementEnd();
|
|
}
|
|
}
|
|
function NzBreadCrumbItemComponent_nz_breadcrumb_separator_3_ng_container_1_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
ɵɵelementContainerStart(0);
|
|
ɵɵtext(1);
|
|
ɵɵelementContainerEnd();
|
|
}
|
|
if (rf & 2) {
|
|
const ctx_r5 = ɵɵnextContext(2);
|
|
ɵɵadvance(1);
|
|
ɵɵtextInterpolate1(" ", ctx_r5.nzBreadCrumbComponent.nzSeparator, " ");
|
|
}
|
|
}
|
|
function NzBreadCrumbItemComponent_nz_breadcrumb_separator_3_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
ɵɵelementStart(0, "nz-breadcrumb-separator");
|
|
ɵɵtemplate(1, NzBreadCrumbItemComponent_nz_breadcrumb_separator_3_ng_container_1_Template, 2, 1, "ng-container", 7);
|
|
ɵɵelementEnd();
|
|
}
|
|
if (rf & 2) {
|
|
const ctx_r3 = ɵɵnextContext();
|
|
ɵɵadvance(1);
|
|
ɵɵproperty("nzStringTemplateOutlet", ctx_r3.nzBreadCrumbComponent.nzSeparator);
|
|
}
|
|
}
|
|
function NzBreadCrumbComponent_ng_container_1_nz_breadcrumb_item_1_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
const _r4 = ɵɵgetCurrentView();
|
|
ɵɵelementStart(0, "nz-breadcrumb-item")(1, "a", 2);
|
|
ɵɵlistener("click", function NzBreadCrumbComponent_ng_container_1_nz_breadcrumb_item_1_Template_a_click_1_listener($event) {
|
|
const restoredCtx = ɵɵrestoreView(_r4);
|
|
const breadcrumb_r2 = restoredCtx.$implicit;
|
|
const ctx_r3 = ɵɵnextContext(2);
|
|
return ɵɵresetView(ctx_r3.navigate(breadcrumb_r2.url, $event));
|
|
});
|
|
ɵɵtext(2);
|
|
ɵɵelementEnd()();
|
|
}
|
|
if (rf & 2) {
|
|
const breadcrumb_r2 = ctx.$implicit;
|
|
ɵɵadvance(1);
|
|
ɵɵattribute("href", breadcrumb_r2.url, ɵɵsanitizeUrl);
|
|
ɵɵadvance(1);
|
|
ɵɵtextInterpolate(breadcrumb_r2.label);
|
|
}
|
|
}
|
|
function NzBreadCrumbComponent_ng_container_1_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
ɵɵelementContainerStart(0);
|
|
ɵɵtemplate(1, NzBreadCrumbComponent_ng_container_1_nz_breadcrumb_item_1_Template, 3, 2, "nz-breadcrumb-item", 1);
|
|
ɵɵelementContainerEnd();
|
|
}
|
|
if (rf & 2) {
|
|
const ctx_r0 = ɵɵnextContext();
|
|
ɵɵadvance(1);
|
|
ɵɵproperty("ngForOf", ctx_r0.breadcrumbs);
|
|
}
|
|
}
|
|
var _NzBreadCrumbSeparatorComponent = class _NzBreadCrumbSeparatorComponent {
|
|
};
|
|
_NzBreadCrumbSeparatorComponent.ɵfac = function NzBreadCrumbSeparatorComponent_Factory(t) {
|
|
return new (t || _NzBreadCrumbSeparatorComponent)();
|
|
};
|
|
_NzBreadCrumbSeparatorComponent.ɵcmp = ɵɵdefineComponent({
|
|
type: _NzBreadCrumbSeparatorComponent,
|
|
selectors: [["nz-breadcrumb-separator"]],
|
|
hostAttrs: [1, "ant-breadcrumb-separator"],
|
|
exportAs: ["nzBreadcrumbSeparator"],
|
|
standalone: true,
|
|
features: [ɵɵStandaloneFeature],
|
|
ngContentSelectors: _c0,
|
|
decls: 1,
|
|
vars: 0,
|
|
template: function NzBreadCrumbSeparatorComponent_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
ɵɵprojectionDef();
|
|
ɵɵprojection(0);
|
|
}
|
|
},
|
|
encapsulation: 2
|
|
});
|
|
var NzBreadCrumbSeparatorComponent = _NzBreadCrumbSeparatorComponent;
|
|
(() => {
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzBreadCrumbSeparatorComponent, [{
|
|
type: Component,
|
|
args: [{
|
|
selector: "nz-breadcrumb-separator",
|
|
exportAs: "nzBreadcrumbSeparator",
|
|
standalone: true,
|
|
template: `<ng-content></ng-content>`,
|
|
host: {
|
|
class: "ant-breadcrumb-separator"
|
|
}
|
|
}]
|
|
}], null, null);
|
|
})();
|
|
var NzBreadcrumb = class {
|
|
};
|
|
var _NzBreadCrumbItemComponent = class _NzBreadCrumbItemComponent {
|
|
constructor(nzBreadCrumbComponent) {
|
|
this.nzBreadCrumbComponent = nzBreadCrumbComponent;
|
|
}
|
|
};
|
|
_NzBreadCrumbItemComponent.ɵfac = function NzBreadCrumbItemComponent_Factory(t) {
|
|
return new (t || _NzBreadCrumbItemComponent)(ɵɵdirectiveInject(NzBreadcrumb));
|
|
};
|
|
_NzBreadCrumbItemComponent.ɵcmp = ɵɵdefineComponent({
|
|
type: _NzBreadCrumbItemComponent,
|
|
selectors: [["nz-breadcrumb-item"]],
|
|
inputs: {
|
|
nzOverlay: "nzOverlay"
|
|
},
|
|
exportAs: ["nzBreadcrumbItem"],
|
|
standalone: true,
|
|
features: [ɵɵStandaloneFeature],
|
|
ngContentSelectors: _c0,
|
|
decls: 4,
|
|
vars: 3,
|
|
consts: [[4, "ngIf", "ngIfElse"], ["noMenuTpl", ""], [4, "ngIf"], ["nz-dropdown", "", 1, "ant-breadcrumb-overlay-link", 3, "nzDropdownMenu"], [3, "ngTemplateOutlet"], ["nz-icon", "", "nzType", "down"], [1, "ant-breadcrumb-link"], [4, "nzStringTemplateOutlet"]],
|
|
template: function NzBreadCrumbItemComponent_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
ɵɵprojectionDef();
|
|
ɵɵtemplate(0, NzBreadCrumbItemComponent_ng_container_0_Template, 4, 2, "ng-container", 0)(1, NzBreadCrumbItemComponent_ng_template_1_Template, 2, 0, "ng-template", null, 1, ɵɵtemplateRefExtractor)(3, NzBreadCrumbItemComponent_nz_breadcrumb_separator_3_Template, 2, 1, "nz-breadcrumb-separator", 2);
|
|
}
|
|
if (rf & 2) {
|
|
const _r2 = ɵɵreference(2);
|
|
ɵɵproperty("ngIf", !!ctx.nzOverlay)("ngIfElse", _r2);
|
|
ɵɵadvance(3);
|
|
ɵɵproperty("ngIf", ctx.nzBreadCrumbComponent.nzSeparator);
|
|
}
|
|
},
|
|
dependencies: [NgIf, NgTemplateOutlet, NzBreadCrumbSeparatorComponent, NzDropDownModule, NzDropDownDirective, NzIconModule, NzIconDirective, NzOutletModule, NzStringTemplateOutletDirective],
|
|
encapsulation: 2,
|
|
changeDetection: 0
|
|
});
|
|
var NzBreadCrumbItemComponent = _NzBreadCrumbItemComponent;
|
|
(() => {
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzBreadCrumbItemComponent, [{
|
|
type: Component,
|
|
args: [{
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
encapsulation: ViewEncapsulation$1.None,
|
|
selector: "nz-breadcrumb-item",
|
|
exportAs: "nzBreadcrumbItem",
|
|
preserveWhitespaces: false,
|
|
standalone: true,
|
|
imports: [NgIf, NgTemplateOutlet, NzBreadCrumbSeparatorComponent, NzDropDownModule, NzIconModule, NzOutletModule],
|
|
template: `
|
|
<ng-container *ngIf="!!nzOverlay; else noMenuTpl">
|
|
<span class="ant-breadcrumb-overlay-link" nz-dropdown [nzDropdownMenu]="nzOverlay">
|
|
<ng-template [ngTemplateOutlet]="noMenuTpl"></ng-template>
|
|
<span nz-icon nzType="down"></span>
|
|
</span>
|
|
</ng-container>
|
|
|
|
<ng-template #noMenuTpl>
|
|
<span class="ant-breadcrumb-link">
|
|
<ng-content></ng-content>
|
|
</span>
|
|
</ng-template>
|
|
|
|
<nz-breadcrumb-separator *ngIf="nzBreadCrumbComponent.nzSeparator">
|
|
<ng-container *nzStringTemplateOutlet="nzBreadCrumbComponent.nzSeparator">
|
|
{{ nzBreadCrumbComponent.nzSeparator }}
|
|
</ng-container>
|
|
</nz-breadcrumb-separator>
|
|
`
|
|
}]
|
|
}], () => [{
|
|
type: NzBreadcrumb
|
|
}], {
|
|
nzOverlay: [{
|
|
type: Input
|
|
}]
|
|
});
|
|
})();
|
|
var _NzBreadCrumbComponent = class _NzBreadCrumbComponent {
|
|
constructor(injector, cdr, elementRef, renderer, directionality) {
|
|
this.injector = injector;
|
|
this.cdr = cdr;
|
|
this.elementRef = elementRef;
|
|
this.renderer = renderer;
|
|
this.directionality = directionality;
|
|
this.nzAutoGenerate = false;
|
|
this.nzSeparator = "/";
|
|
this.nzRouteLabel = "breadcrumb";
|
|
this.nzRouteLabelFn = (label) => label;
|
|
this.breadcrumbs = [];
|
|
this.dir = "ltr";
|
|
this.destroy$ = new Subject();
|
|
}
|
|
ngOnInit() {
|
|
if (this.nzAutoGenerate) {
|
|
this.registerRouterChange();
|
|
}
|
|
this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
|
|
this.dir = direction;
|
|
this.prepareComponentForRtl();
|
|
this.cdr.detectChanges();
|
|
});
|
|
this.dir = this.directionality.value;
|
|
this.prepareComponentForRtl();
|
|
}
|
|
ngOnDestroy() {
|
|
this.destroy$.next();
|
|
this.destroy$.complete();
|
|
}
|
|
navigate(url, e) {
|
|
e.preventDefault();
|
|
this.injector.get(Router).navigateByUrl(url);
|
|
}
|
|
registerRouterChange() {
|
|
try {
|
|
const router = this.injector.get(Router);
|
|
const activatedRoute = this.injector.get(ActivatedRoute);
|
|
router.events.pipe(
|
|
filter((e) => e instanceof NavigationEnd),
|
|
takeUntil(this.destroy$),
|
|
startWith(true)
|
|
// trigger initial render
|
|
).subscribe(() => {
|
|
this.breadcrumbs = this.getBreadcrumbs(activatedRoute.root);
|
|
this.cdr.markForCheck();
|
|
});
|
|
} catch (e) {
|
|
throw new Error(`${PREFIX} You should import RouterModule if you want to use 'NzAutoGenerate'.`);
|
|
}
|
|
}
|
|
getBreadcrumbs(route, url = "", breadcrumbs = []) {
|
|
const children = route.children;
|
|
if (children.length === 0) {
|
|
return breadcrumbs;
|
|
}
|
|
for (const child of children) {
|
|
if (child.outlet === PRIMARY_OUTLET) {
|
|
const routeUrl = child.snapshot.url.map((segment) => segment.path).filter((path) => path).join("/");
|
|
const nextUrl = routeUrl ? `${url}/${routeUrl}` : url;
|
|
const breadcrumbLabel = this.nzRouteLabelFn(child.snapshot.data[this.nzRouteLabel]);
|
|
if (routeUrl && breadcrumbLabel) {
|
|
const breadcrumb = {
|
|
label: breadcrumbLabel,
|
|
params: child.snapshot.params,
|
|
url: nextUrl
|
|
};
|
|
breadcrumbs.push(breadcrumb);
|
|
}
|
|
return this.getBreadcrumbs(child, nextUrl, breadcrumbs);
|
|
}
|
|
}
|
|
return breadcrumbs;
|
|
}
|
|
prepareComponentForRtl() {
|
|
if (this.dir === "rtl") {
|
|
this.renderer.addClass(this.elementRef.nativeElement, "ant-breadcrumb-rtl");
|
|
} else {
|
|
this.renderer.removeClass(this.elementRef.nativeElement, "ant-breadcrumb-rtl");
|
|
}
|
|
}
|
|
};
|
|
_NzBreadCrumbComponent.ɵfac = function NzBreadCrumbComponent_Factory(t) {
|
|
return new (t || _NzBreadCrumbComponent)(ɵɵdirectiveInject(Injector), ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(Directionality, 8));
|
|
};
|
|
_NzBreadCrumbComponent.ɵcmp = ɵɵdefineComponent({
|
|
type: _NzBreadCrumbComponent,
|
|
selectors: [["nz-breadcrumb"]],
|
|
hostAttrs: [1, "ant-breadcrumb"],
|
|
inputs: {
|
|
nzAutoGenerate: "nzAutoGenerate",
|
|
nzSeparator: "nzSeparator",
|
|
nzRouteLabel: "nzRouteLabel",
|
|
nzRouteLabelFn: "nzRouteLabelFn"
|
|
},
|
|
exportAs: ["nzBreadcrumb"],
|
|
standalone: true,
|
|
features: [ɵɵProvidersFeature([{
|
|
provide: NzBreadcrumb,
|
|
useExisting: _NzBreadCrumbComponent
|
|
}]), ɵɵStandaloneFeature],
|
|
ngContentSelectors: _c0,
|
|
decls: 2,
|
|
vars: 1,
|
|
consts: [[4, "ngIf"], [4, "ngFor", "ngForOf"], [3, "click"]],
|
|
template: function NzBreadCrumbComponent_Template(rf, ctx) {
|
|
if (rf & 1) {
|
|
ɵɵprojectionDef();
|
|
ɵɵprojection(0);
|
|
ɵɵtemplate(1, NzBreadCrumbComponent_ng_container_1_Template, 2, 1, "ng-container", 0);
|
|
}
|
|
if (rf & 2) {
|
|
ɵɵadvance(1);
|
|
ɵɵproperty("ngIf", ctx.nzAutoGenerate && ctx.breadcrumbs.length);
|
|
}
|
|
},
|
|
dependencies: [NgForOf, NgIf, NzBreadCrumbItemComponent],
|
|
encapsulation: 2,
|
|
changeDetection: 0
|
|
});
|
|
var NzBreadCrumbComponent = _NzBreadCrumbComponent;
|
|
__decorate([InputBoolean()], NzBreadCrumbComponent.prototype, "nzAutoGenerate", void 0);
|
|
(() => {
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzBreadCrumbComponent, [{
|
|
type: Component,
|
|
args: [{
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
encapsulation: ViewEncapsulation$1.None,
|
|
selector: "nz-breadcrumb",
|
|
exportAs: "nzBreadcrumb",
|
|
preserveWhitespaces: false,
|
|
providers: [{
|
|
provide: NzBreadcrumb,
|
|
useExisting: NzBreadCrumbComponent
|
|
}],
|
|
standalone: true,
|
|
imports: [NgForOf, NgIf, NzBreadCrumbItemComponent],
|
|
template: `
|
|
<ng-content></ng-content>
|
|
<ng-container *ngIf="nzAutoGenerate && breadcrumbs.length">
|
|
<nz-breadcrumb-item *ngFor="let breadcrumb of breadcrumbs">
|
|
<a [attr.href]="breadcrumb.url" (click)="navigate(breadcrumb.url, $event)">{{ breadcrumb.label }}</a>
|
|
</nz-breadcrumb-item>
|
|
</ng-container>
|
|
`,
|
|
host: {
|
|
class: "ant-breadcrumb"
|
|
}
|
|
}]
|
|
}], () => [{
|
|
type: Injector
|
|
}, {
|
|
type: ChangeDetectorRef
|
|
}, {
|
|
type: ElementRef
|
|
}, {
|
|
type: Renderer2
|
|
}, {
|
|
type: Directionality,
|
|
decorators: [{
|
|
type: Optional
|
|
}]
|
|
}], {
|
|
nzAutoGenerate: [{
|
|
type: Input
|
|
}],
|
|
nzSeparator: [{
|
|
type: Input
|
|
}],
|
|
nzRouteLabel: [{
|
|
type: Input
|
|
}],
|
|
nzRouteLabelFn: [{
|
|
type: Input
|
|
}]
|
|
});
|
|
})();
|
|
var _NzBreadCrumbModule = class _NzBreadCrumbModule {
|
|
};
|
|
_NzBreadCrumbModule.ɵfac = function NzBreadCrumbModule_Factory(t) {
|
|
return new (t || _NzBreadCrumbModule)();
|
|
};
|
|
_NzBreadCrumbModule.ɵmod = ɵɵdefineNgModule({
|
|
type: _NzBreadCrumbModule,
|
|
imports: [NzBreadCrumbComponent, NzBreadCrumbItemComponent, NzBreadCrumbSeparatorComponent],
|
|
exports: [NzBreadCrumbComponent, NzBreadCrumbItemComponent, NzBreadCrumbSeparatorComponent]
|
|
});
|
|
_NzBreadCrumbModule.ɵinj = ɵɵdefineInjector({
|
|
imports: [NzBreadCrumbComponent, NzBreadCrumbItemComponent]
|
|
});
|
|
var NzBreadCrumbModule = _NzBreadCrumbModule;
|
|
(() => {
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzBreadCrumbModule, [{
|
|
type: NgModule,
|
|
args: [{
|
|
imports: [NzBreadCrumbComponent, NzBreadCrumbItemComponent, NzBreadCrumbSeparatorComponent],
|
|
exports: [NzBreadCrumbComponent, NzBreadCrumbItemComponent, NzBreadCrumbSeparatorComponent]
|
|
}]
|
|
}], null, null);
|
|
})();
|
|
export {
|
|
NzBreadCrumbComponent,
|
|
NzBreadCrumbItemComponent,
|
|
NzBreadCrumbModule,
|
|
NzBreadCrumbSeparatorComponent
|
|
};
|
|
//# sourceMappingURL=ng-zorro-antd_breadcrumb.js.map
|
|
|