master
parent
e28bff230f
commit
1613c5ea2b
File diff suppressed because one or more lines are too long
@ -0,0 +1,48 @@ |
||||
import { |
||||
AUTO_STYLE, |
||||
AnimationBuilder, |
||||
AnimationFactory, |
||||
AnimationGroupPlayer, |
||||
BrowserAnimationBuilder, |
||||
NoopAnimationPlayer, |
||||
animate, |
||||
animateChild, |
||||
animation, |
||||
group, |
||||
keyframes, |
||||
query, |
||||
sequence, |
||||
stagger, |
||||
state, |
||||
style, |
||||
transition, |
||||
trigger, |
||||
useAnimation, |
||||
ɵPRE_STYLE |
||||
} from "./chunk-KI2JSLP6.js"; |
||||
import "./chunk-OSQBUYO6.js"; |
||||
import "./chunk-FGESKT7O.js"; |
||||
import "./chunk-HSNDBVJ3.js"; |
||||
export { |
||||
AUTO_STYLE, |
||||
AnimationBuilder, |
||||
AnimationFactory, |
||||
NoopAnimationPlayer, |
||||
animate, |
||||
animateChild, |
||||
animation, |
||||
group, |
||||
keyframes, |
||||
query, |
||||
sequence, |
||||
stagger, |
||||
state, |
||||
style, |
||||
transition, |
||||
trigger, |
||||
useAnimation, |
||||
AnimationGroupPlayer as ɵAnimationGroupPlayer, |
||||
BrowserAnimationBuilder as ɵBrowserAnimationBuilder, |
||||
ɵPRE_STYLE |
||||
}; |
||||
//# sourceMappingURL=@angular_animations.js.map
|
@ -0,0 +1,7 @@ |
||||
{ |
||||
"version": 3, |
||||
"sources": [], |
||||
"sourcesContent": [], |
||||
"mappings": "", |
||||
"names": [] |
||||
} |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,720 @@ |
||||
import { |
||||
MenuService, |
||||
NzIsMenuInsideDropDownToken, |
||||
NzMenuModule |
||||
} from "./chunk-WKTPWT5U.js"; |
||||
import { |
||||
POSITION_MAP |
||||
} from "./chunk-6RXUTAFR.js"; |
||||
import { |
||||
slideMotion |
||||
} from "./chunk-XAGDQPFO.js"; |
||||
import { |
||||
NzNoAnimationDirective |
||||
} from "./chunk-55A2ZGND.js"; |
||||
import { |
||||
ConnectionPositionPair, |
||||
Overlay, |
||||
TemplatePortal |
||||
} from "./chunk-6U656R5M.js"; |
||||
import { |
||||
ESCAPE, |
||||
hasModifierKey |
||||
} from "./chunk-JGP5BR6B.js"; |
||||
import { |
||||
NzButtonGroupComponent |
||||
} from "./chunk-KMGBCF4T.js"; |
||||
import { |
||||
NzConfigService, |
||||
WithConfig |
||||
} from "./chunk-ZHMJ6SNN.js"; |
||||
import { |
||||
Directionality |
||||
} from "./chunk-6NZ2BEBG.js"; |
||||
import { |
||||
Platform |
||||
} from "./chunk-IAC53GOD.js"; |
||||
import { |
||||
InputBoolean |
||||
} from "./chunk-M5GY4FCO.js"; |
||||
import { |
||||
NgClass, |
||||
NgStyle |
||||
} from "./chunk-OSQBUYO6.js"; |
||||
import { |
||||
BehaviorSubject, |
||||
ChangeDetectionStrategy, |
||||
ChangeDetectorRef, |
||||
Component, |
||||
Directive, |
||||
EMPTY, |
||||
ElementRef, |
||||
EventEmitter, |
||||
Host, |
||||
Injectable, |
||||
Input, |
||||
NgModule, |
||||
NgZone, |
||||
Optional, |
||||
Output, |
||||
Renderer2, |
||||
Subject, |
||||
Subscription, |
||||
TemplateRef, |
||||
ViewChild, |
||||
ViewContainerRef, |
||||
ViewEncapsulation$1, |
||||
__decorate, |
||||
auditTime, |
||||
combineLatest, |
||||
distinctUntilChanged, |
||||
filter, |
||||
first, |
||||
fromEvent, |
||||
map, |
||||
mapTo, |
||||
merge, |
||||
setClassMetadata, |
||||
switchMap, |
||||
takeUntil, |
||||
ɵɵNgOnChangesFeature, |
||||
ɵɵProvidersFeature, |
||||
ɵɵStandaloneFeature, |
||||
ɵɵclassProp, |
||||
ɵɵdefineComponent, |
||||
ɵɵdefineDirective, |
||||
ɵɵdefineInjectable, |
||||
ɵɵdefineInjector, |
||||
ɵɵdefineNgModule, |
||||
ɵɵdirectiveInject, |
||||
ɵɵelementEnd, |
||||
ɵɵelementStart, |
||||
ɵɵgetCurrentView, |
||||
ɵɵinject, |
||||
ɵɵlistener, |
||||
ɵɵloadQuery, |
||||
ɵɵnextContext, |
||||
ɵɵprojection, |
||||
ɵɵprojectionDef, |
||||
ɵɵproperty, |
||||
ɵɵqueryRefresh, |
||||
ɵɵresetView, |
||||
ɵɵrestoreView, |
||||
ɵɵtemplate, |
||||
ɵɵviewQuery |
||||
} from "./chunk-FGESKT7O.js"; |
||||
|
||||
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-dropdown.mjs
|
||||
function NzDropdownMenuComponent_ng_template_0_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
const _r2 = ɵɵgetCurrentView(); |
||||
ɵɵelementStart(0, "div", 0); |
||||
ɵɵlistener("@slideMotion.done", function NzDropdownMenuComponent_ng_template_0_Template_div_animation_slideMotion_done_0_listener($event) { |
||||
ɵɵrestoreView(_r2); |
||||
const ctx_r1 = ɵɵnextContext(); |
||||
return ɵɵresetView(ctx_r1.onAnimationEvent($event)); |
||||
})("mouseenter", function NzDropdownMenuComponent_ng_template_0_Template_div_mouseenter_0_listener() { |
||||
ɵɵrestoreView(_r2); |
||||
const ctx_r3 = ɵɵnextContext(); |
||||
return ɵɵresetView(ctx_r3.setMouseState(true)); |
||||
})("mouseleave", function NzDropdownMenuComponent_ng_template_0_Template_div_mouseleave_0_listener() { |
||||
ɵɵrestoreView(_r2); |
||||
const ctx_r4 = ɵɵnextContext(); |
||||
return ɵɵresetView(ctx_r4.setMouseState(false)); |
||||
}); |
||||
ɵɵprojection(1); |
||||
ɵɵelementEnd(); |
||||
} |
||||
if (rf & 2) { |
||||
const ctx_r0 = ɵɵnextContext(); |
||||
ɵɵclassProp("ant-dropdown-rtl", ctx_r0.dir === "rtl"); |
||||
ɵɵproperty("ngClass", ctx_r0.nzOverlayClassName)("ngStyle", ctx_r0.nzOverlayStyle)("@slideMotion", void 0)("@.disabled", !!(ctx_r0.noAnimation == null ? null : ctx_r0.noAnimation.nzNoAnimation))("nzNoAnimation", ctx_r0.noAnimation == null ? null : ctx_r0.noAnimation.nzNoAnimation); |
||||
} |
||||
} |
||||
var _c0 = ["*"]; |
||||
var NZ_CONFIG_MODULE_NAME = "dropDown"; |
||||
var listOfPositions = [POSITION_MAP.bottomLeft, POSITION_MAP.bottomRight, POSITION_MAP.topRight, POSITION_MAP.topLeft]; |
||||
var _NzDropDownDirective = class _NzDropDownDirective { |
||||
setDropdownMenuValue(key, value) { |
||||
if (this.nzDropdownMenu) { |
||||
this.nzDropdownMenu.setValue(key, value); |
||||
} |
||||
} |
||||
constructor(nzConfigService, elementRef, overlay, renderer, viewContainerRef, platform) { |
||||
this.nzConfigService = nzConfigService; |
||||
this.elementRef = elementRef; |
||||
this.overlay = overlay; |
||||
this.renderer = renderer; |
||||
this.viewContainerRef = viewContainerRef; |
||||
this.platform = platform; |
||||
this._nzModuleName = NZ_CONFIG_MODULE_NAME; |
||||
this.overlayRef = null; |
||||
this.destroy$ = new Subject(); |
||||
this.positionStrategy = this.overlay.position().flexibleConnectedTo(this.elementRef.nativeElement).withLockedPosition().withTransformOriginOn(".ant-dropdown"); |
||||
this.inputVisible$ = new BehaviorSubject(false); |
||||
this.nzTrigger$ = new BehaviorSubject("hover"); |
||||
this.overlayClose$ = new Subject(); |
||||
this.nzDropdownMenu = null; |
||||
this.nzTrigger = "hover"; |
||||
this.nzMatchWidthElement = null; |
||||
this.nzBackdrop = false; |
||||
this.nzClickHide = true; |
||||
this.nzDisabled = false; |
||||
this.nzVisible = false; |
||||
this.nzOverlayClassName = ""; |
||||
this.nzOverlayStyle = {}; |
||||
this.nzPlacement = "bottomLeft"; |
||||
this.nzVisibleChange = new EventEmitter(); |
||||
} |
||||
ngAfterViewInit() { |
||||
if (this.nzDropdownMenu) { |
||||
const nativeElement = this.elementRef.nativeElement; |
||||
const hostMouseState$ = merge(fromEvent(nativeElement, "mouseenter").pipe(mapTo(true)), fromEvent(nativeElement, "mouseleave").pipe(mapTo(false))); |
||||
const menuMouseState$ = this.nzDropdownMenu.mouseState$; |
||||
const mergedMouseState$ = merge(menuMouseState$, hostMouseState$); |
||||
const hostClickState$ = fromEvent(nativeElement, "click").pipe(map(() => !this.nzVisible)); |
||||
const visibleStateByTrigger$ = this.nzTrigger$.pipe(switchMap((trigger) => { |
||||
if (trigger === "hover") { |
||||
return mergedMouseState$; |
||||
} else if (trigger === "click") { |
||||
return hostClickState$; |
||||
} else { |
||||
return EMPTY; |
||||
} |
||||
})); |
||||
const descendantMenuItemClick$ = this.nzDropdownMenu.descendantMenuItemClick$.pipe(filter(() => this.nzClickHide), mapTo(false)); |
||||
const domTriggerVisible$ = merge(visibleStateByTrigger$, descendantMenuItemClick$, this.overlayClose$).pipe(filter(() => !this.nzDisabled)); |
||||
const visible$ = merge(this.inputVisible$, domTriggerVisible$); |
||||
combineLatest([visible$, this.nzDropdownMenu.isChildSubMenuOpen$]).pipe(map(([visible, sub]) => visible || sub), auditTime(150), distinctUntilChanged(), filter(() => this.platform.isBrowser), takeUntil(this.destroy$)).subscribe((visible) => { |
||||
const element = this.nzMatchWidthElement ? this.nzMatchWidthElement.nativeElement : nativeElement; |
||||
const triggerWidth = element.getBoundingClientRect().width; |
||||
if (this.nzVisible !== visible) { |
||||
this.nzVisibleChange.emit(visible); |
||||
} |
||||
this.nzVisible = visible; |
||||
if (visible) { |
||||
if (!this.overlayRef) { |
||||
this.overlayRef = this.overlay.create({ |
||||
positionStrategy: this.positionStrategy, |
||||
minWidth: triggerWidth, |
||||
disposeOnNavigation: true, |
||||
hasBackdrop: this.nzBackdrop && this.nzTrigger === "click", |
||||
scrollStrategy: this.overlay.scrollStrategies.reposition() |
||||
}); |
||||
merge(this.overlayRef.backdropClick(), this.overlayRef.detachments(), this.overlayRef.outsidePointerEvents().pipe(filter((e) => !this.elementRef.nativeElement.contains(e.target))), this.overlayRef.keydownEvents().pipe(filter((e) => e.keyCode === ESCAPE && !hasModifierKey(e)))).pipe(takeUntil(this.destroy$)).subscribe(() => { |
||||
this.overlayClose$.next(false); |
||||
}); |
||||
} else { |
||||
const overlayConfig = this.overlayRef.getConfig(); |
||||
overlayConfig.minWidth = triggerWidth; |
||||
} |
||||
this.positionStrategy.withPositions([POSITION_MAP[this.nzPlacement], ...listOfPositions]); |
||||
if (!this.portal || this.portal.templateRef !== this.nzDropdownMenu.templateRef) { |
||||
this.portal = new TemplatePortal(this.nzDropdownMenu.templateRef, this.viewContainerRef); |
||||
} |
||||
this.overlayRef.attach(this.portal); |
||||
} else { |
||||
if (this.overlayRef) { |
||||
this.overlayRef.detach(); |
||||
} |
||||
} |
||||
}); |
||||
this.nzDropdownMenu.animationStateChange$.pipe(takeUntil(this.destroy$)).subscribe((event) => { |
||||
if (event.toState === "void") { |
||||
if (this.overlayRef) { |
||||
this.overlayRef.dispose(); |
||||
} |
||||
this.overlayRef = null; |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
ngOnDestroy() { |
||||
this.destroy$.next(true); |
||||
this.destroy$.complete(); |
||||
if (this.overlayRef) { |
||||
this.overlayRef.dispose(); |
||||
this.overlayRef = null; |
||||
} |
||||
} |
||||
ngOnChanges(changes) { |
||||
const { |
||||
nzVisible, |
||||
nzDisabled, |
||||
nzOverlayClassName, |
||||
nzOverlayStyle, |
||||
nzTrigger |
||||
} = changes; |
||||
if (nzTrigger) { |
||||
this.nzTrigger$.next(this.nzTrigger); |
||||
} |
||||
if (nzVisible) { |
||||
this.inputVisible$.next(this.nzVisible); |
||||
} |
||||
if (nzDisabled) { |
||||
const nativeElement = this.elementRef.nativeElement; |
||||
if (this.nzDisabled) { |
||||
this.renderer.setAttribute(nativeElement, "disabled", ""); |
||||
this.inputVisible$.next(false); |
||||
} else { |
||||
this.renderer.removeAttribute(nativeElement, "disabled"); |
||||
} |
||||
} |
||||
if (nzOverlayClassName) { |
||||
this.setDropdownMenuValue("nzOverlayClassName", this.nzOverlayClassName); |
||||
} |
||||
if (nzOverlayStyle) { |
||||
this.setDropdownMenuValue("nzOverlayStyle", this.nzOverlayStyle); |
||||
} |
||||
} |
||||
}; |
||||
_NzDropDownDirective.ɵfac = function NzDropDownDirective_Factory(t) { |
||||
return new (t || _NzDropDownDirective)(ɵɵdirectiveInject(NzConfigService), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Overlay), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(ViewContainerRef), ɵɵdirectiveInject(Platform)); |
||||
}; |
||||
_NzDropDownDirective.ɵdir = ɵɵdefineDirective({ |
||||
type: _NzDropDownDirective, |
||||
selectors: [["", "nz-dropdown", ""]], |
||||
hostAttrs: [1, "ant-dropdown-trigger"], |
||||
inputs: { |
||||
nzDropdownMenu: "nzDropdownMenu", |
||||
nzTrigger: "nzTrigger", |
||||
nzMatchWidthElement: "nzMatchWidthElement", |
||||
nzBackdrop: "nzBackdrop", |
||||
nzClickHide: "nzClickHide", |
||||
nzDisabled: "nzDisabled", |
||||
nzVisible: "nzVisible", |
||||
nzOverlayClassName: "nzOverlayClassName", |
||||
nzOverlayStyle: "nzOverlayStyle", |
||||
nzPlacement: "nzPlacement" |
||||
}, |
||||
outputs: { |
||||
nzVisibleChange: "nzVisibleChange" |
||||
}, |
||||
exportAs: ["nzDropdown"], |
||||
standalone: true, |
||||
features: [ɵɵNgOnChangesFeature] |
||||
}); |
||||
var NzDropDownDirective = _NzDropDownDirective; |
||||
__decorate([WithConfig(), InputBoolean()], NzDropDownDirective.prototype, "nzBackdrop", void 0); |
||||
__decorate([InputBoolean()], NzDropDownDirective.prototype, "nzClickHide", void 0); |
||||
__decorate([InputBoolean()], NzDropDownDirective.prototype, "nzDisabled", void 0); |
||||
__decorate([InputBoolean()], NzDropDownDirective.prototype, "nzVisible", void 0); |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDropDownDirective, [{ |
||||
type: Directive, |
||||
args: [{ |
||||
selector: "[nz-dropdown]", |
||||
exportAs: "nzDropdown", |
||||
host: { |
||||
class: "ant-dropdown-trigger" |
||||
}, |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: NzConfigService |
||||
}, { |
||||
type: ElementRef |
||||
}, { |
||||
type: Overlay |
||||
}, { |
||||
type: Renderer2 |
||||
}, { |
||||
type: ViewContainerRef |
||||
}, { |
||||
type: Platform |
||||
}], { |
||||
nzDropdownMenu: [{ |
||||
type: Input |
||||
}], |
||||
nzTrigger: [{ |
||||
type: Input |
||||
}], |
||||
nzMatchWidthElement: [{ |
||||
type: Input |
||||
}], |
||||
nzBackdrop: [{ |
||||
type: Input |
||||
}], |
||||
nzClickHide: [{ |
||||
type: Input |
||||
}], |
||||
nzDisabled: [{ |
||||
type: Input |
||||
}], |
||||
nzVisible: [{ |
||||
type: Input |
||||
}], |
||||
nzOverlayClassName: [{ |
||||
type: Input |
||||
}], |
||||
nzOverlayStyle: [{ |
||||
type: Input |
||||
}], |
||||
nzPlacement: [{ |
||||
type: Input |
||||
}], |
||||
nzVisibleChange: [{ |
||||
type: Output |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzContextMenuServiceModule = class _NzContextMenuServiceModule { |
||||
}; |
||||
_NzContextMenuServiceModule.ɵfac = function NzContextMenuServiceModule_Factory(t) { |
||||
return new (t || _NzContextMenuServiceModule)(); |
||||
}; |
||||
_NzContextMenuServiceModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _NzContextMenuServiceModule |
||||
}); |
||||
_NzContextMenuServiceModule.ɵinj = ɵɵdefineInjector({}); |
||||
var NzContextMenuServiceModule = _NzContextMenuServiceModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzContextMenuServiceModule, [{ |
||||
type: NgModule |
||||
}], null, null); |
||||
})(); |
||||
var _NzDropDownADirective = class _NzDropDownADirective { |
||||
constructor() { |
||||
} |
||||
}; |
||||
_NzDropDownADirective.ɵfac = function NzDropDownADirective_Factory(t) { |
||||
return new (t || _NzDropDownADirective)(); |
||||
}; |
||||
_NzDropDownADirective.ɵdir = ɵɵdefineDirective({ |
||||
type: _NzDropDownADirective, |
||||
selectors: [["a", "nz-dropdown", ""]], |
||||
hostAttrs: [1, "ant-dropdown-link"], |
||||
standalone: true |
||||
}); |
||||
var NzDropDownADirective = _NzDropDownADirective; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDropDownADirective, [{ |
||||
type: Directive, |
||||
args: [{ |
||||
selector: "a[nz-dropdown]", |
||||
host: { |
||||
class: "ant-dropdown-link" |
||||
}, |
||||
standalone: true |
||||
}] |
||||
}], () => [], null); |
||||
})(); |
||||
var _NzDropdownButtonDirective = class _NzDropdownButtonDirective { |
||||
constructor(renderer, nzButtonGroupComponent, elementRef) { |
||||
this.renderer = renderer; |
||||
this.nzButtonGroupComponent = nzButtonGroupComponent; |
||||
this.elementRef = elementRef; |
||||
} |
||||
ngAfterViewInit() { |
||||
const parentElement = this.renderer.parentNode(this.elementRef.nativeElement); |
||||
if (this.nzButtonGroupComponent && parentElement) { |
||||
this.renderer.addClass(parentElement, "ant-dropdown-button"); |
||||
} |
||||
} |
||||
}; |
||||
_NzDropdownButtonDirective.ɵfac = function NzDropdownButtonDirective_Factory(t) { |
||||
return new (t || _NzDropdownButtonDirective)(ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(NzButtonGroupComponent, 9), ɵɵdirectiveInject(ElementRef)); |
||||
}; |
||||
_NzDropdownButtonDirective.ɵdir = ɵɵdefineDirective({ |
||||
type: _NzDropdownButtonDirective, |
||||
selectors: [["", "nz-button", "", "nz-dropdown", ""]], |
||||
standalone: true |
||||
}); |
||||
var NzDropdownButtonDirective = _NzDropdownButtonDirective; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDropdownButtonDirective, [{ |
||||
type: Directive, |
||||
args: [{ |
||||
selector: "[nz-button][nz-dropdown]", |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: Renderer2 |
||||
}, { |
||||
type: NzButtonGroupComponent, |
||||
decorators: [{ |
||||
type: Host |
||||
}, { |
||||
type: Optional |
||||
}] |
||||
}, { |
||||
type: ElementRef |
||||
}], null); |
||||
})(); |
||||
var _NzDropdownMenuComponent = class _NzDropdownMenuComponent { |
||||
onAnimationEvent(event) { |
||||
this.animationStateChange$.emit(event); |
||||
} |
||||
setMouseState(visible) { |
||||
this.mouseState$.next(visible); |
||||
} |
||||
setValue(key, value) { |
||||
this[key] = value; |
||||
this.cdr.markForCheck(); |
||||
} |
||||
constructor(cdr, elementRef, renderer, viewContainerRef, nzMenuService, directionality, noAnimation) { |
||||
this.cdr = cdr; |
||||
this.elementRef = elementRef; |
||||
this.renderer = renderer; |
||||
this.viewContainerRef = viewContainerRef; |
||||
this.nzMenuService = nzMenuService; |
||||
this.directionality = directionality; |
||||
this.noAnimation = noAnimation; |
||||
this.mouseState$ = new BehaviorSubject(false); |
||||
this.isChildSubMenuOpen$ = this.nzMenuService.isChildSubMenuOpen$; |
||||
this.descendantMenuItemClick$ = this.nzMenuService.descendantMenuItemClick$; |
||||
this.animationStateChange$ = new EventEmitter(); |
||||
this.nzOverlayClassName = ""; |
||||
this.nzOverlayStyle = {}; |
||||
this.dir = "ltr"; |
||||
this.destroy$ = new Subject(); |
||||
} |
||||
ngOnInit() { |
||||
this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => { |
||||
this.dir = direction; |
||||
this.cdr.detectChanges(); |
||||
}); |
||||
this.dir = this.directionality.value; |
||||
} |
||||
ngAfterContentInit() { |
||||
this.renderer.removeChild(this.renderer.parentNode(this.elementRef.nativeElement), this.elementRef.nativeElement); |
||||
} |
||||
ngOnDestroy() { |
||||
this.destroy$.next(); |
||||
this.destroy$.complete(); |
||||
} |
||||
}; |
||||
_NzDropdownMenuComponent.ɵfac = function NzDropdownMenuComponent_Factory(t) { |
||||
return new (t || _NzDropdownMenuComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(ViewContainerRef), ɵɵdirectiveInject(MenuService), ɵɵdirectiveInject(Directionality, 8), ɵɵdirectiveInject(NzNoAnimationDirective, 9)); |
||||
}; |
||||
_NzDropdownMenuComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzDropdownMenuComponent, |
||||
selectors: [["nz-dropdown-menu"]], |
||||
viewQuery: function NzDropdownMenuComponent_Query(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵviewQuery(TemplateRef, 7); |
||||
} |
||||
if (rf & 2) { |
||||
let _t; |
||||
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.templateRef = _t.first); |
||||
} |
||||
}, |
||||
exportAs: ["nzDropdownMenu"], |
||||
standalone: true, |
||||
features: [ɵɵProvidersFeature([ |
||||
MenuService, |
||||
/** menu is inside dropdown-menu component **/ |
||||
{ |
||||
provide: NzIsMenuInsideDropDownToken, |
||||
useValue: true |
||||
} |
||||
]), ɵɵStandaloneFeature], |
||||
ngContentSelectors: _c0, |
||||
decls: 1, |
||||
vars: 0, |
||||
consts: [[1, "ant-dropdown", 3, "ngClass", "ngStyle", "nzNoAnimation", "mouseenter", "mouseleave"]], |
||||
template: function NzDropdownMenuComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵprojectionDef(); |
||||
ɵɵtemplate(0, NzDropdownMenuComponent_ng_template_0_Template, 2, 7, "ng-template"); |
||||
} |
||||
}, |
||||
dependencies: [NgClass, NgStyle, NzNoAnimationDirective], |
||||
encapsulation: 2, |
||||
data: { |
||||
animation: [slideMotion] |
||||
}, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzDropdownMenuComponent = _NzDropdownMenuComponent; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDropdownMenuComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: `nz-dropdown-menu`, |
||||
exportAs: `nzDropdownMenu`, |
||||
animations: [slideMotion], |
||||
providers: [ |
||||
MenuService, |
||||
/** menu is inside dropdown-menu component **/ |
||||
{ |
||||
provide: NzIsMenuInsideDropDownToken, |
||||
useValue: true |
||||
} |
||||
], |
||||
template: ` |
||||
<ng-template> |
||||
<div |
||||
class="ant-dropdown" |
||||
[class.ant-dropdown-rtl]="dir === 'rtl'" |
||||
[ngClass]="nzOverlayClassName" |
||||
[ngStyle]="nzOverlayStyle" |
||||
@slideMotion |
||||
(@slideMotion.done)="onAnimationEvent($event)" |
||||
[@.disabled]="!!noAnimation?.nzNoAnimation" |
||||
[nzNoAnimation]="noAnimation?.nzNoAnimation" |
||||
(mouseenter)="setMouseState(true)" |
||||
(mouseleave)="setMouseState(false)" |
||||
> |
||||
<ng-content></ng-content> |
||||
</div> |
||||
</ng-template> |
||||
`,
|
||||
preserveWhitespaces: false, |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
imports: [NgClass, NgStyle, NzNoAnimationDirective], |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: ChangeDetectorRef |
||||
}, { |
||||
type: ElementRef |
||||
}, { |
||||
type: Renderer2 |
||||
}, { |
||||
type: ViewContainerRef |
||||
}, { |
||||
type: MenuService |
||||
}, { |
||||
type: Directionality, |
||||
decorators: [{ |
||||
type: Optional |
||||
}] |
||||
}, { |
||||
type: NzNoAnimationDirective, |
||||
decorators: [{ |
||||
type: Host |
||||
}, { |
||||
type: Optional |
||||
}] |
||||
}], { |
||||
templateRef: [{ |
||||
type: ViewChild, |
||||
args: [TemplateRef, { |
||||
static: true |
||||
}] |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzDropDownModule = class _NzDropDownModule { |
||||
}; |
||||
_NzDropDownModule.ɵfac = function NzDropDownModule_Factory(t) { |
||||
return new (t || _NzDropDownModule)(); |
||||
}; |
||||
_NzDropDownModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _NzDropDownModule, |
||||
imports: [NzDropDownDirective, NzDropDownADirective, NzDropdownMenuComponent, NzDropdownButtonDirective, NzContextMenuServiceModule], |
||||
exports: [NzMenuModule, NzDropDownDirective, NzDropDownADirective, NzDropdownMenuComponent, NzDropdownButtonDirective] |
||||
}); |
||||
_NzDropDownModule.ɵinj = ɵɵdefineInjector({ |
||||
imports: [NzContextMenuServiceModule, NzMenuModule] |
||||
}); |
||||
var NzDropDownModule = _NzDropDownModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDropDownModule, [{ |
||||
type: NgModule, |
||||
args: [{ |
||||
imports: [NzDropDownDirective, NzDropDownADirective, NzDropdownMenuComponent, NzDropdownButtonDirective, NzContextMenuServiceModule], |
||||
exports: [NzMenuModule, NzDropDownDirective, NzDropDownADirective, NzDropdownMenuComponent, NzDropdownButtonDirective] |
||||
}] |
||||
}], null, null); |
||||
})(); |
||||
var LIST_OF_POSITIONS = [new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "top" |
||||
}), new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "bottom" |
||||
}), new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "bottom" |
||||
}), new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "top" |
||||
})]; |
||||
var _NzContextMenuService = class _NzContextMenuService { |
||||
constructor(ngZone, overlay) { |
||||
this.ngZone = ngZone; |
||||
this.overlay = overlay; |
||||
this.overlayRef = null; |
||||
this.closeSubscription = Subscription.EMPTY; |
||||
} |
||||
create($event, nzDropdownMenuComponent) { |
||||
this.close(true); |
||||
const { |
||||
x, |
||||
y |
||||
} = $event; |
||||
if ($event instanceof MouseEvent) { |
||||
$event.preventDefault(); |
||||
} |
||||
const positionStrategy = this.overlay.position().flexibleConnectedTo({ |
||||
x, |
||||
y |
||||
}).withPositions(LIST_OF_POSITIONS).withTransformOriginOn(".ant-dropdown"); |
||||
this.overlayRef = this.overlay.create({ |
||||
positionStrategy, |
||||
disposeOnNavigation: true, |
||||
scrollStrategy: this.overlay.scrollStrategies.close() |
||||
}); |
||||
this.closeSubscription = new Subscription(); |
||||
this.closeSubscription.add(nzDropdownMenuComponent.descendantMenuItemClick$.subscribe(() => this.close())); |
||||
this.closeSubscription.add(this.ngZone.runOutsideAngular(() => merge(fromEvent(document, "click").pipe( |
||||
filter((event) => !!this.overlayRef && !this.overlayRef.overlayElement.contains(event.target)), |
||||
/** handle firefox contextmenu event **/ |
||||
filter((event) => event.button !== 2) |
||||
), fromEvent(document, "keydown").pipe(filter((event) => event.key === "Escape"))).pipe(first()).subscribe(() => this.ngZone.run(() => this.close())))); |
||||
return this.overlayRef.attach(new TemplatePortal(nzDropdownMenuComponent.templateRef, nzDropdownMenuComponent.viewContainerRef)); |
||||
} |
||||
close(clear = false) { |
||||
if (this.overlayRef) { |
||||
this.overlayRef.detach(); |
||||
if (clear) { |
||||
this.overlayRef.dispose(); |
||||
} |
||||
this.overlayRef = null; |
||||
this.closeSubscription.unsubscribe(); |
||||
} |
||||
} |
||||
}; |
||||
_NzContextMenuService.ɵfac = function NzContextMenuService_Factory(t) { |
||||
return new (t || _NzContextMenuService)(ɵɵinject(NgZone), ɵɵinject(Overlay)); |
||||
}; |
||||
_NzContextMenuService.ɵprov = ɵɵdefineInjectable({ |
||||
token: _NzContextMenuService, |
||||
factory: _NzContextMenuService.ɵfac, |
||||
providedIn: NzContextMenuServiceModule |
||||
}); |
||||
var NzContextMenuService = _NzContextMenuService; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzContextMenuService, [{ |
||||
type: Injectable, |
||||
args: [{ |
||||
providedIn: NzContextMenuServiceModule |
||||
}] |
||||
}], () => [{ |
||||
type: NgZone |
||||
}, { |
||||
type: Overlay |
||||
}], null); |
||||
})(); |
||||
|
||||
export { |
||||
NzDropDownDirective, |
||||
NzDropdownMenuComponent, |
||||
NzDropDownModule |
||||
}; |
||||
//# sourceMappingURL=chunk-2CQTWQUI.js.map
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,116 @@ |
||||
import { |
||||
InputBoolean, |
||||
coerceElement |
||||
} from "./chunk-M5GY4FCO.js"; |
||||
import { |
||||
ANIMATION_MODULE_TYPE, |
||||
Directive, |
||||
ElementRef, |
||||
Inject, |
||||
Input, |
||||
NgModule, |
||||
Optional, |
||||
Renderer2, |
||||
__decorate, |
||||
setClassMetadata, |
||||
ɵɵNgOnChangesFeature, |
||||
ɵɵdefineDirective, |
||||
ɵɵdefineInjector, |
||||
ɵɵdefineNgModule, |
||||
ɵɵdirectiveInject |
||||
} from "./chunk-FGESKT7O.js"; |
||||
|
||||
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-no-animation.mjs
|
||||
var DISABLED_CLASSNAME = "nz-animate-disabled"; |
||||
var _NzNoAnimationDirective = class _NzNoAnimationDirective { |
||||
constructor(element, renderer, animationType) { |
||||
this.element = element; |
||||
this.renderer = renderer; |
||||
this.animationType = animationType; |
||||
this.nzNoAnimation = false; |
||||
} |
||||
ngOnChanges() { |
||||
this.updateClass(); |
||||
} |
||||
ngAfterViewInit() { |
||||
this.updateClass(); |
||||
} |
||||
updateClass() { |
||||
const element = coerceElement(this.element); |
||||
if (!element) { |
||||
return; |
||||
} |
||||
if (this.nzNoAnimation || this.animationType === "NoopAnimations") { |
||||
this.renderer.addClass(element, DISABLED_CLASSNAME); |
||||
} else { |
||||
this.renderer.removeClass(element, DISABLED_CLASSNAME); |
||||
} |
||||
} |
||||
}; |
||||
_NzNoAnimationDirective.ɵfac = function NzNoAnimationDirective_Factory(t) { |
||||
return new (t || _NzNoAnimationDirective)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(ANIMATION_MODULE_TYPE, 8)); |
||||
}; |
||||
_NzNoAnimationDirective.ɵdir = ɵɵdefineDirective({ |
||||
type: _NzNoAnimationDirective, |
||||
selectors: [["", "nzNoAnimation", ""]], |
||||
inputs: { |
||||
nzNoAnimation: "nzNoAnimation" |
||||
}, |
||||
exportAs: ["nzNoAnimation"], |
||||
standalone: true, |
||||
features: [ɵɵNgOnChangesFeature] |
||||
}); |
||||
var NzNoAnimationDirective = _NzNoAnimationDirective; |
||||
__decorate([InputBoolean()], NzNoAnimationDirective.prototype, "nzNoAnimation", void 0); |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzNoAnimationDirective, [{ |
||||
type: Directive, |
||||
args: [{ |
||||
selector: "[nzNoAnimation]", |
||||
exportAs: "nzNoAnimation", |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: ElementRef |
||||
}, { |
||||
type: Renderer2 |
||||
}, { |
||||
type: void 0, |
||||
decorators: [{ |
||||
type: Optional |
||||
}, { |
||||
type: Inject, |
||||
args: [ANIMATION_MODULE_TYPE] |
||||
}] |
||||
}], { |
||||
nzNoAnimation: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzNoAnimationModule = class _NzNoAnimationModule { |
||||
}; |
||||
_NzNoAnimationModule.ɵfac = function NzNoAnimationModule_Factory(t) { |
||||
return new (t || _NzNoAnimationModule)(); |
||||
}; |
||||
_NzNoAnimationModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _NzNoAnimationModule, |
||||
imports: [NzNoAnimationDirective], |
||||
exports: [NzNoAnimationDirective] |
||||
}); |
||||
_NzNoAnimationModule.ɵinj = ɵɵdefineInjector({}); |
||||
var NzNoAnimationModule = _NzNoAnimationModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzNoAnimationModule, [{ |
||||
type: NgModule, |
||||
args: [{ |
||||
imports: [NzNoAnimationDirective], |
||||
exports: [NzNoAnimationDirective] |
||||
}] |
||||
}], null, null); |
||||
})(); |
||||
|
||||
export { |
||||
NzNoAnimationDirective |
||||
}; |
||||
//# sourceMappingURL=chunk-55A2ZGND.js.map
|
@ -0,0 +1,7 @@ |
||||
{ |
||||
"version": 3, |
||||
"sources": ["../../../../../node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-no-animation.mjs"], |
||||
"sourcesContent": ["import * as i0 from '@angular/core';\nimport { Directive, Optional, Inject, Input, NgModule } from '@angular/core';\nimport { __decorate } from 'tslib';\nimport { coerceElement } from '@angular/cdk/coercion';\nimport { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';\nimport { InputBoolean } from 'ng-zorro-antd/core/util';\nconst DISABLED_CLASSNAME = 'nz-animate-disabled';\nclass NzNoAnimationDirective {\n constructor(element, renderer, animationType) {\n this.element = element;\n this.renderer = renderer;\n this.animationType = animationType;\n this.nzNoAnimation = false;\n }\n ngOnChanges() {\n this.updateClass();\n }\n ngAfterViewInit() {\n this.updateClass();\n }\n updateClass() {\n const element = coerceElement(this.element);\n if (!element) {\n return;\n }\n if (this.nzNoAnimation || this.animationType === 'NoopAnimations') {\n this.renderer.addClass(element, DISABLED_CLASSNAME);\n } else {\n this.renderer.removeClass(element, DISABLED_CLASSNAME);\n }\n }\n static {\n this.ɵfac = function NzNoAnimationDirective_Factory(t) {\n return new (t || NzNoAnimationDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(ANIMATION_MODULE_TYPE, 8));\n };\n }\n static {\n this.ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: NzNoAnimationDirective,\n selectors: [[\"\", \"nzNoAnimation\", \"\"]],\n inputs: {\n nzNoAnimation: \"nzNoAnimation\"\n },\n exportAs: [\"nzNoAnimation\"],\n standalone: true,\n features: [i0.ɵɵNgOnChangesFeature]\n });\n }\n}\n__decorate([InputBoolean()], NzNoAnimationDirective.prototype, \"nzNoAnimation\", void 0);\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(NzNoAnimationDirective, [{\n type: Directive,\n args: [{\n selector: '[nzNoAnimation]',\n exportAs: 'nzNoAnimation',\n standalone: true\n }]\n }], () => [{\n type: i0.ElementRef\n }, {\n type: i0.Renderer2\n }, {\n type: undefined,\n decorators: [{\n type: Optional\n }, {\n type: Inject,\n args: [ANIMATION_MODULE_TYPE]\n }]\n }], {\n nzNoAnimation: [{\n type: Input\n }]\n });\n})();\n\n/**\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\n */\nclass NzNoAnimationModule {\n static {\n this.ɵfac = function NzNoAnimationModule_Factory(t) {\n return new (t || NzNoAnimationModule)();\n };\n }\n static {\n this.ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: NzNoAnimationModule,\n imports: [NzNoAnimationDirective],\n exports: [NzNoAnimationDirective]\n });\n }\n static {\n this.ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({});\n }\n}\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && i0.ɵsetClassMetadata(NzNoAnimationModule, [{\n type: NgModule,\n args: [{\n imports: [NzNoAnimationDirective],\n exports: [NzNoAnimationDirective]\n }]\n }], null, null);\n})();\n\n/**\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE\n */\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { NzNoAnimationDirective, NzNoAnimationModule };\n"], |
||||
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,qBAAqB;AAC3B,IAAM,0BAAN,MAAM,wBAAuB;AAAA,EAC3B,YAAY,SAAS,UAAU,eAAe;AAC5C,SAAK,UAAU;AACf,SAAK,WAAW;AAChB,SAAK,gBAAgB;AACrB,SAAK,gBAAgB;AAAA,EACvB;AAAA,EACA,cAAc;AACZ,SAAK,YAAY;AAAA,EACnB;AAAA,EACA,kBAAkB;AAChB,SAAK,YAAY;AAAA,EACnB;AAAA,EACA,cAAc;AACZ,UAAM,UAAU,cAAc,KAAK,OAAO;AAC1C,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AACA,QAAI,KAAK,iBAAiB,KAAK,kBAAkB,kBAAkB;AACjE,WAAK,SAAS,SAAS,SAAS,kBAAkB;AAAA,IACpD,OAAO;AACL,WAAK,SAAS,YAAY,SAAS,kBAAkB;AAAA,IACvD;AAAA,EACF;AAkBF;AAhBI,wBAAK,OAAO,SAAS,+BAA+B,GAAG;AACrD,SAAO,KAAK,KAAK,yBAA2B,kBAAqB,UAAU,GAAM,kBAAqB,SAAS,GAAM,kBAAkB,uBAAuB,CAAC,CAAC;AAClK;AAGA,wBAAK,OAAyB,kBAAkB;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW,CAAC,CAAC,IAAI,iBAAiB,EAAE,CAAC;AAAA,EACrC,QAAQ;AAAA,IACN,eAAe;AAAA,EACjB;AAAA,EACA,UAAU,CAAC,eAAe;AAAA,EAC1B,YAAY;AAAA,EACZ,UAAU,CAAI,oBAAoB;AACpC,CAAC;AAvCL,IAAM,yBAAN;AA0CA,WAAW,CAAC,aAAa,CAAC,GAAG,uBAAuB,WAAW,iBAAiB,MAAM;AAAA,CACrF,MAAM;AACL,GAAC,OAAO,cAAc,eAAe,cAAiB,iBAAkB,wBAAwB,CAAC;AAAA,IAC/F,MAAM;AAAA,IACN,MAAM,CAAC;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,IACd,CAAC;AAAA,EACH,CAAC,GAAG,MAAM,CAAC;AAAA,IACT,MAAS;AAAA,EACX,GAAG;AAAA,IACD,MAAS;AAAA,EACX,GAAG;AAAA,IACD,MAAM;AAAA,IACN,YAAY,CAAC;AAAA,MACX,MAAM;AAAA,IACR,GAAG;AAAA,MACD,MAAM;AAAA,MACN,MAAM,CAAC,qBAAqB;AAAA,IAC9B,CAAC;AAAA,EACH,CAAC,GAAG;AAAA,IACF,eAAe,CAAC;AAAA,MACd,MAAM;AAAA,IACR,CAAC;AAAA,EACH,CAAC;AACH,GAAG;AAMH,IAAM,uBAAN,MAAM,qBAAoB;AAgB1B;AAdI,qBAAK,OAAO,SAAS,4BAA4B,GAAG;AAClD,SAAO,KAAK,KAAK,sBAAqB;AACxC;AAGA,qBAAK,OAAyB,iBAAiB;AAAA,EAC7C,MAAM;AAAA,EACN,SAAS,CAAC,sBAAsB;AAAA,EAChC,SAAS,CAAC,sBAAsB;AAClC,CAAC;AAGD,qBAAK,OAAyB,iBAAiB,CAAC,CAAC;AAdrD,IAAM,sBAAN;AAAA,CAiBC,MAAM;AACL,GAAC,OAAO,cAAc,eAAe,cAAiB,iBAAkB,qBAAqB,CAAC;AAAA,IAC5F,MAAM;AAAA,IACN,MAAM,CAAC;AAAA,MACL,SAAS,CAAC,sBAAsB;AAAA,MAChC,SAAS,CAAC,sBAAsB;AAAA,IAClC,CAAC;AAAA,EACH,CAAC,GAAG,MAAM,IAAI;AAChB,GAAG;", |
||||
"names": [] |
||||
} |
File diff suppressed because one or more lines are too long
@ -0,0 +1,185 @@ |
||||
import { |
||||
DOCUMENT |
||||
} from "./chunk-OSQBUYO6.js"; |
||||
import { |
||||
Directive, |
||||
EventEmitter, |
||||
Inject, |
||||
Injectable, |
||||
InjectionToken, |
||||
Input, |
||||
NgModule, |
||||
Optional, |
||||
Output, |
||||
inject, |
||||
setClassMetadata, |
||||
ɵɵProvidersFeature, |
||||
ɵɵattribute, |
||||
ɵɵdefineDirective, |
||||
ɵɵdefineInjectable, |
||||
ɵɵdefineInjector, |
||||
ɵɵdefineNgModule, |
||||
ɵɵinject |
||||
} from "./chunk-FGESKT7O.js"; |
||||
|
||||
// node_modules/@angular/cdk/fesm2022/bidi.mjs
|
||||
var DIR_DOCUMENT = new InjectionToken("cdk-dir-doc", { |
||||
providedIn: "root", |
||||
factory: DIR_DOCUMENT_FACTORY |
||||
}); |
||||
function DIR_DOCUMENT_FACTORY() { |
||||
return inject(DOCUMENT); |
||||
} |
||||
var RTL_LOCALE_PATTERN = /^(ar|ckb|dv|he|iw|fa|nqo|ps|sd|ug|ur|yi|.*[-_](Adlm|Arab|Hebr|Nkoo|Rohg|Thaa))(?!.*[-_](Latn|Cyrl)($|-|_))($|-|_)/i; |
||||
function _resolveDirectionality(rawValue) { |
||||
const value = rawValue?.toLowerCase() || ""; |
||||
if (value === "auto" && typeof navigator !== "undefined" && navigator?.language) { |
||||
return RTL_LOCALE_PATTERN.test(navigator.language) ? "rtl" : "ltr"; |
||||
} |
||||
return value === "rtl" ? "rtl" : "ltr"; |
||||
} |
||||
var _Directionality = class _Directionality { |
||||
constructor(_document) { |
||||
this.value = "ltr"; |
||||
this.change = new EventEmitter(); |
||||
if (_document) { |
||||
const bodyDir = _document.body ? _document.body.dir : null; |
||||
const htmlDir = _document.documentElement ? _document.documentElement.dir : null; |
||||
this.value = _resolveDirectionality(bodyDir || htmlDir || "ltr"); |
||||
} |
||||
} |
||||
ngOnDestroy() { |
||||
this.change.complete(); |
||||
} |
||||
}; |
||||
_Directionality.ɵfac = function Directionality_Factory(t) { |
||||
return new (t || _Directionality)(ɵɵinject(DIR_DOCUMENT, 8)); |
||||
}; |
||||
_Directionality.ɵprov = ɵɵdefineInjectable({ |
||||
token: _Directionality, |
||||
factory: _Directionality.ɵfac, |
||||
providedIn: "root" |
||||
}); |
||||
var Directionality = _Directionality; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(Directionality, [{ |
||||
type: Injectable, |
||||
args: [{ |
||||
providedIn: "root" |
||||
}] |
||||
}], () => [{ |
||||
type: void 0, |
||||
decorators: [{ |
||||
type: Optional |
||||
}, { |
||||
type: Inject, |
||||
args: [DIR_DOCUMENT] |
||||
}] |
||||
}], null); |
||||
})(); |
||||
var _Dir = class _Dir { |
||||
constructor() { |
||||
this._dir = "ltr"; |
||||
this._isInitialized = false; |
||||
this.change = new EventEmitter(); |
||||
} |
||||
/** @docs-private */ |
||||
get dir() { |
||||
return this._dir; |
||||
} |
||||
set dir(value) { |
||||
const previousValue = this._dir; |
||||
this._dir = _resolveDirectionality(value); |
||||
this._rawDir = value; |
||||
if (previousValue !== this._dir && this._isInitialized) { |
||||
this.change.emit(this._dir); |
||||
} |
||||
} |
||||
/** Current layout direction of the element. */ |
||||
get value() { |
||||
return this.dir; |
||||
} |
||||
/** Initialize once default value has been set. */ |
||||
ngAfterContentInit() { |
||||
this._isInitialized = true; |
||||
} |
||||
ngOnDestroy() { |
||||
this.change.complete(); |
||||
} |
||||
}; |
||||
_Dir.ɵfac = function Dir_Factory(t) { |
||||
return new (t || _Dir)(); |
||||
}; |
||||
_Dir.ɵdir = ɵɵdefineDirective({ |
||||
type: _Dir, |
||||
selectors: [["", "dir", ""]], |
||||
hostVars: 1, |
||||
hostBindings: function Dir_HostBindings(rf, ctx) { |
||||
if (rf & 2) { |
||||
ɵɵattribute("dir", ctx._rawDir); |
||||
} |
||||
}, |
||||
inputs: { |
||||
dir: "dir" |
||||
}, |
||||
outputs: { |
||||
change: "dirChange" |
||||
}, |
||||
exportAs: ["dir"], |
||||
features: [ɵɵProvidersFeature([{ |
||||
provide: Directionality, |
||||
useExisting: _Dir |
||||
}])] |
||||
}); |
||||
var Dir = _Dir; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(Dir, [{ |
||||
type: Directive, |
||||
args: [{ |
||||
selector: "[dir]", |
||||
providers: [{ |
||||
provide: Directionality, |
||||
useExisting: Dir |
||||
}], |
||||
host: { |
||||
"[attr.dir]": "_rawDir" |
||||
}, |
||||
exportAs: "dir" |
||||
}] |
||||
}], null, { |
||||
change: [{ |
||||
type: Output, |
||||
args: ["dirChange"] |
||||
}], |
||||
dir: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _BidiModule = class _BidiModule { |
||||
}; |
||||
_BidiModule.ɵfac = function BidiModule_Factory(t) { |
||||
return new (t || _BidiModule)(); |
||||
}; |
||||
_BidiModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _BidiModule, |
||||
declarations: [Dir], |
||||
exports: [Dir] |
||||
}); |
||||
_BidiModule.ɵinj = ɵɵdefineInjector({}); |
||||
var BidiModule = _BidiModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BidiModule, [{ |
||||
type: NgModule, |
||||
args: [{ |
||||
exports: [Dir], |
||||
declarations: [Dir] |
||||
}] |
||||
}], null, null); |
||||
})(); |
||||
|
||||
export { |
||||
Directionality, |
||||
BidiModule |
||||
}; |
||||
//# sourceMappingURL=chunk-6NZ2BEBG.js.map
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,309 @@ |
||||
import { |
||||
NzDestroyService |
||||
} from "./chunk-D5ODNR6D.js"; |
||||
import { |
||||
CdkConnectedOverlay, |
||||
CdkOverlayOrigin, |
||||
ConnectionPositionPair |
||||
} from "./chunk-6U656R5M.js"; |
||||
import { |
||||
InputBoolean |
||||
} from "./chunk-M5GY4FCO.js"; |
||||
import { |
||||
Directive, |
||||
ElementRef, |
||||
Input, |
||||
NgModule, |
||||
__decorate, |
||||
setClassMetadata, |
||||
takeUntil, |
||||
ɵɵProvidersFeature, |
||||
ɵɵdefineDirective, |
||||
ɵɵdefineInjector, |
||||
ɵɵdefineNgModule, |
||||
ɵɵdirectiveInject |
||||
} from "./chunk-FGESKT7O.js"; |
||||
|
||||
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-overlay.mjs
|
||||
var POSITION_MAP = { |
||||
top: new ConnectionPositionPair({ |
||||
originX: "center", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "center", |
||||
overlayY: "bottom" |
||||
}), |
||||
topCenter: new ConnectionPositionPair({ |
||||
originX: "center", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "center", |
||||
overlayY: "bottom" |
||||
}), |
||||
topLeft: new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "bottom" |
||||
}), |
||||
topRight: new ConnectionPositionPair({ |
||||
originX: "end", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "bottom" |
||||
}), |
||||
right: new ConnectionPositionPair({ |
||||
originX: "end", |
||||
originY: "center" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "center" |
||||
}), |
||||
rightTop: new ConnectionPositionPair({ |
||||
originX: "end", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "top" |
||||
}), |
||||
rightBottom: new ConnectionPositionPair({ |
||||
originX: "end", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "bottom" |
||||
}), |
||||
bottom: new ConnectionPositionPair({ |
||||
originX: "center", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "center", |
||||
overlayY: "top" |
||||
}), |
||||
bottomCenter: new ConnectionPositionPair({ |
||||
originX: "center", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "center", |
||||
overlayY: "top" |
||||
}), |
||||
bottomLeft: new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "top" |
||||
}), |
||||
bottomRight: new ConnectionPositionPair({ |
||||
originX: "end", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "top" |
||||
}), |
||||
left: new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "center" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "center" |
||||
}), |
||||
leftTop: new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "top" |
||||
}), |
||||
leftBottom: new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "bottom" |
||||
}) |
||||
}; |
||||
var DEFAULT_TOOLTIP_POSITIONS = [POSITION_MAP.top, POSITION_MAP.right, POSITION_MAP.bottom, POSITION_MAP.left]; |
||||
var DEFAULT_CASCADER_POSITIONS = [POSITION_MAP.bottomLeft, POSITION_MAP.bottomRight, POSITION_MAP.topLeft, POSITION_MAP.topRight, POSITION_MAP.topCenter, POSITION_MAP.bottomCenter]; |
||||
var DEFAULT_MENTION_TOP_POSITIONS = [new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "bottom" |
||||
}), new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "bottom" |
||||
})]; |
||||
var DEFAULT_MENTION_BOTTOM_POSITIONS = [POSITION_MAP.bottomLeft, new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "top" |
||||
})]; |
||||
function getPlacementName(position) { |
||||
for (const placement in POSITION_MAP) { |
||||
if (position.connectionPair.originX === POSITION_MAP[placement].originX && position.connectionPair.originY === POSITION_MAP[placement].originY && position.connectionPair.overlayX === POSITION_MAP[placement].overlayX && position.connectionPair.overlayY === POSITION_MAP[placement].overlayY) { |
||||
return placement; |
||||
} |
||||
} |
||||
return void 0; |
||||
} |
||||
var DATE_PICKER_POSITION_MAP = { |
||||
bottomLeft: new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "top" |
||||
}, void 0, 2), |
||||
topLeft: new ConnectionPositionPair({ |
||||
originX: "start", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "start", |
||||
overlayY: "bottom" |
||||
}, void 0, -2), |
||||
bottomRight: new ConnectionPositionPair({ |
||||
originX: "end", |
||||
originY: "bottom" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "top" |
||||
}, void 0, 2), |
||||
topRight: new ConnectionPositionPair({ |
||||
originX: "end", |
||||
originY: "top" |
||||
}, { |
||||
overlayX: "end", |
||||
overlayY: "bottom" |
||||
}, void 0, -2) |
||||
}; |
||||
var DEFAULT_DATE_PICKER_POSITIONS = [DATE_PICKER_POSITION_MAP.bottomLeft, DATE_PICKER_POSITION_MAP.topLeft, DATE_PICKER_POSITION_MAP.bottomRight, DATE_PICKER_POSITION_MAP.topRight]; |
||||
var _NzConnectedOverlayDirective = class _NzConnectedOverlayDirective { |
||||
constructor(cdkConnectedOverlay, nzDestroyService) { |
||||
this.cdkConnectedOverlay = cdkConnectedOverlay; |
||||
this.nzDestroyService = nzDestroyService; |
||||
this.nzArrowPointAtCenter = false; |
||||
this.cdkConnectedOverlay.backdropClass = "nz-overlay-transparent-backdrop"; |
||||
this.cdkConnectedOverlay.positionChange.pipe(takeUntil(this.nzDestroyService)).subscribe((position) => { |
||||
if (this.nzArrowPointAtCenter) { |
||||
this.updateArrowPosition(position); |
||||
} |
||||
}); |
||||
} |
||||
updateArrowPosition(position) { |
||||
const originRect = this.getOriginRect(); |
||||
const placement = getPlacementName(position); |
||||
let offsetX = 0; |
||||
let offsetY = 0; |
||||
if (placement === "topLeft" || placement === "bottomLeft") { |
||||
offsetX = originRect.width / 2 - 14; |
||||
} else if (placement === "topRight" || placement === "bottomRight") { |
||||
offsetX = -(originRect.width / 2 - 14); |
||||
} else if (placement === "leftTop" || placement === "rightTop") { |
||||
offsetY = originRect.height / 2 - 10; |
||||
} else if (placement === "leftBottom" || placement === "rightBottom") { |
||||
offsetY = -(originRect.height / 2 - 10); |
||||
} |
||||
if (this.cdkConnectedOverlay.offsetX !== offsetX || this.cdkConnectedOverlay.offsetY !== offsetY) { |
||||
this.cdkConnectedOverlay.offsetY = offsetY; |
||||
this.cdkConnectedOverlay.offsetX = offsetX; |
||||
this.cdkConnectedOverlay.overlayRef.updatePosition(); |
||||
} |
||||
} |
||||
getFlexibleConnectedPositionStrategyOrigin() { |
||||
if (this.cdkConnectedOverlay.origin instanceof CdkOverlayOrigin) { |
||||
return this.cdkConnectedOverlay.origin.elementRef; |
||||
} else { |
||||
return this.cdkConnectedOverlay.origin; |
||||
} |
||||
} |
||||
getOriginRect() { |
||||
const origin = this.getFlexibleConnectedPositionStrategyOrigin(); |
||||
if (origin instanceof ElementRef) { |
||||
return origin.nativeElement.getBoundingClientRect(); |
||||
} |
||||
if (origin instanceof Element) { |
||||
return origin.getBoundingClientRect(); |
||||
} |
||||
const width = origin.width || 0; |
||||
const height = origin.height || 0; |
||||
return { |
||||
top: origin.y, |
||||
bottom: origin.y + height, |
||||
left: origin.x, |
||||
right: origin.x + width, |
||||
height, |
||||
width |
||||
}; |
||||
} |
||||
}; |
||||
_NzConnectedOverlayDirective.ɵfac = function NzConnectedOverlayDirective_Factory(t) { |
||||
return new (t || _NzConnectedOverlayDirective)(ɵɵdirectiveInject(CdkConnectedOverlay), ɵɵdirectiveInject(NzDestroyService)); |
||||
}; |
||||
_NzConnectedOverlayDirective.ɵdir = ɵɵdefineDirective({ |
||||
type: _NzConnectedOverlayDirective, |
||||
selectors: [["", "cdkConnectedOverlay", "", "nzConnectedOverlay", ""]], |
||||
inputs: { |
||||
nzArrowPointAtCenter: "nzArrowPointAtCenter" |
||||
}, |
||||
exportAs: ["nzConnectedOverlay"], |
||||
features: [ɵɵProvidersFeature([NzDestroyService])] |
||||
}); |
||||
var NzConnectedOverlayDirective = _NzConnectedOverlayDirective; |
||||
__decorate([InputBoolean()], NzConnectedOverlayDirective.prototype, "nzArrowPointAtCenter", void 0); |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzConnectedOverlayDirective, [{ |
||||
type: Directive, |
||||
args: [{ |
||||
selector: "[cdkConnectedOverlay][nzConnectedOverlay]", |
||||
exportAs: "nzConnectedOverlay", |
||||
providers: [NzDestroyService] |
||||
}] |
||||
}], () => [{ |
||||
type: CdkConnectedOverlay |
||||
}, { |
||||
type: NzDestroyService |
||||
}], { |
||||
nzArrowPointAtCenter: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzOverlayModule = class _NzOverlayModule { |
||||
}; |
||||
_NzOverlayModule.ɵfac = function NzOverlayModule_Factory(t) { |
||||
return new (t || _NzOverlayModule)(); |
||||
}; |
||||
_NzOverlayModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _NzOverlayModule, |
||||
declarations: [NzConnectedOverlayDirective], |
||||
exports: [NzConnectedOverlayDirective] |
||||
}); |
||||
_NzOverlayModule.ɵinj = ɵɵdefineInjector({}); |
||||
var NzOverlayModule = _NzOverlayModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzOverlayModule, [{ |
||||
type: NgModule, |
||||
args: [{ |
||||
declarations: [NzConnectedOverlayDirective], |
||||
exports: [NzConnectedOverlayDirective] |
||||
}] |
||||
}], null, null); |
||||
})(); |
||||
|
||||
export { |
||||
POSITION_MAP, |
||||
DEFAULT_TOOLTIP_POSITIONS, |
||||
getPlacementName, |
||||
NzConnectedOverlayDirective, |
||||
NzOverlayModule |
||||
}; |
||||
//# sourceMappingURL=chunk-6RXUTAFR.js.map
|
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,760 @@ |
||||
import { |
||||
NzIconDirective, |
||||
NzIconModule |
||||
} from "./chunk-VWMHIMW7.js"; |
||||
import { |
||||
NzConfigService, |
||||
WithConfig |
||||
} from "./chunk-ZHMJ6SNN.js"; |
||||
import { |
||||
Directionality |
||||
} from "./chunk-6NZ2BEBG.js"; |
||||
import { |
||||
Platform |
||||
} from "./chunk-IAC53GOD.js"; |
||||
import { |
||||
InputBoolean |
||||
} from "./chunk-M5GY4FCO.js"; |
||||
import { |
||||
NgIf |
||||
} from "./chunk-OSQBUYO6.js"; |
||||
import { |
||||
ANIMATION_MODULE_TYPE, |
||||
CSP_NONCE, |
||||
ChangeDetectionStrategy, |
||||
ChangeDetectorRef, |
||||
Component, |
||||
ContentChild, |
||||
Directive, |
||||
ElementRef, |
||||
Inject, |
||||
InjectionToken, |
||||
Input, |
||||
NgModule, |
||||
NgZone, |
||||
Optional, |
||||
PLATFORM_ID, |
||||
Renderer2, |
||||
Subject, |
||||
ViewEncapsulation$1, |
||||
__decorate, |
||||
filter, |
||||
fromEvent, |
||||
makeEnvironmentProviders, |
||||
setClassMetadata, |
||||
startWith, |
||||
takeUntil, |
||||
ɵɵNgOnChangesFeature, |
||||
ɵɵStandaloneFeature, |
||||
ɵɵattribute, |
||||
ɵɵclassProp, |
||||
ɵɵcontentQuery, |
||||
ɵɵdefineComponent, |
||||
ɵɵdefineDirective, |
||||
ɵɵdefineInjector, |
||||
ɵɵdefineNgModule, |
||||
ɵɵdirectiveInject, |
||||
ɵɵelement, |
||||
ɵɵloadQuery, |
||||
ɵɵprojection, |
||||
ɵɵprojectionDef, |
||||
ɵɵproperty, |
||||
ɵɵqueryRefresh, |
||||
ɵɵtemplate |
||||
} from "./chunk-FGESKT7O.js"; |
||||
|
||||
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-transition-patch.mjs
|
||||
var _NzTransitionPatchDirective = class _NzTransitionPatchDirective { |
||||
setHiddenAttribute() { |
||||
if (this.hidden) { |
||||
if (typeof this.hidden === "string") { |
||||
this.renderer.setAttribute(this.elementRef.nativeElement, "hidden", this.hidden); |
||||
} else { |
||||
this.renderer.setAttribute(this.elementRef.nativeElement, "hidden", ""); |
||||
} |
||||
} else { |
||||
this.renderer.removeAttribute(this.elementRef.nativeElement, "hidden"); |
||||
} |
||||
} |
||||
constructor(elementRef, renderer) { |
||||
this.elementRef = elementRef; |
||||
this.renderer = renderer; |
||||
this.hidden = null; |
||||
this.renderer.setAttribute(this.elementRef.nativeElement, "hidden", ""); |
||||
} |
||||
ngOnChanges() { |
||||
this.setHiddenAttribute(); |
||||
} |
||||
ngAfterViewInit() { |
||||
this.setHiddenAttribute(); |
||||
} |
||||
}; |
||||
_NzTransitionPatchDirective.ɵfac = function NzTransitionPatchDirective_Factory(t) { |
||||
return new (t || _NzTransitionPatchDirective)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2)); |
||||
}; |
||||
_NzTransitionPatchDirective.ɵdir = ɵɵdefineDirective({ |
||||
type: _NzTransitionPatchDirective, |
||||
selectors: [["", "nz-button", ""], ["nz-button-group"], ["", "nz-icon", ""], ["", "nz-menu-item", ""], ["", "nz-submenu", ""], ["nz-select-top-control"], ["nz-select-placeholder"], ["nz-input-group"]], |
||||
inputs: { |
||||
hidden: "hidden" |
||||
}, |
||||
standalone: true, |
||||
features: [ɵɵNgOnChangesFeature] |
||||
}); |
||||
var NzTransitionPatchDirective = _NzTransitionPatchDirective; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzTransitionPatchDirective, [{ |
||||
type: Directive, |
||||
args: [{ |
||||
selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: ElementRef |
||||
}, { |
||||
type: Renderer2 |
||||
}], { |
||||
hidden: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzTransitionPatchModule = class _NzTransitionPatchModule { |
||||
}; |
||||
_NzTransitionPatchModule.ɵfac = function NzTransitionPatchModule_Factory(t) { |
||||
return new (t || _NzTransitionPatchModule)(); |
||||
}; |
||||
_NzTransitionPatchModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _NzTransitionPatchModule, |
||||
imports: [NzTransitionPatchDirective], |
||||
exports: [NzTransitionPatchDirective] |
||||
}); |
||||
_NzTransitionPatchModule.ɵinj = ɵɵdefineInjector({}); |
||||
var NzTransitionPatchModule = _NzTransitionPatchModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzTransitionPatchModule, [{ |
||||
type: NgModule, |
||||
args: [{ |
||||
imports: [NzTransitionPatchDirective], |
||||
exports: [NzTransitionPatchDirective] |
||||
}] |
||||
}], null, null); |
||||
})(); |
||||
|
||||
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-wave.mjs
|
||||
var NzWaveRenderer = class { |
||||
get waveAttributeName() { |
||||
return this.insertExtraNode ? "ant-click-animating" : "ant-click-animating-without-extra-node"; |
||||
} |
||||
constructor(triggerElement, ngZone, insertExtraNode, platformId, cspNonce) { |
||||
this.triggerElement = triggerElement; |
||||
this.ngZone = ngZone; |
||||
this.insertExtraNode = insertExtraNode; |
||||
this.platformId = platformId; |
||||
this.cspNonce = cspNonce; |
||||
this.waveTransitionDuration = 400; |
||||
this.styleForPseudo = null; |
||||
this.extraNode = null; |
||||
this.lastTime = 0; |
||||
this.onClick = (event) => { |
||||
if (!this.triggerElement || !this.triggerElement.getAttribute || this.triggerElement.getAttribute("disabled") || event.target.tagName === "INPUT" || this.triggerElement.className.indexOf("disabled") >= 0) { |
||||
return; |
||||
} |
||||
this.fadeOutWave(); |
||||
}; |
||||
this.platform = new Platform(this.platformId); |
||||
this.clickHandler = this.onClick.bind(this); |
||||
this.bindTriggerEvent(); |
||||
} |
||||
bindTriggerEvent() { |
||||
if (this.platform.isBrowser) { |
||||
this.ngZone.runOutsideAngular(() => { |
||||
this.removeTriggerEvent(); |
||||
if (this.triggerElement) { |
||||
this.triggerElement.addEventListener("click", this.clickHandler, true); |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
removeTriggerEvent() { |
||||
if (this.triggerElement) { |
||||
this.triggerElement.removeEventListener("click", this.clickHandler, true); |
||||
} |
||||
} |
||||
removeStyleAndExtraNode() { |
||||
if (this.styleForPseudo && document.body.contains(this.styleForPseudo)) { |
||||
document.body.removeChild(this.styleForPseudo); |
||||
this.styleForPseudo = null; |
||||
} |
||||
if (this.insertExtraNode && this.triggerElement.contains(this.extraNode)) { |
||||
this.triggerElement.removeChild(this.extraNode); |
||||
} |
||||
} |
||||
destroy() { |
||||
this.removeTriggerEvent(); |
||||
this.removeStyleAndExtraNode(); |
||||
} |
||||
fadeOutWave() { |
||||
const node = this.triggerElement; |
||||
const waveColor = this.getWaveColor(node); |
||||
node.setAttribute(this.waveAttributeName, "true"); |
||||
if (Date.now() < this.lastTime + this.waveTransitionDuration) { |
||||
return; |
||||
} |
||||
if (this.isValidColor(waveColor)) { |
||||
if (!this.styleForPseudo) { |
||||
this.styleForPseudo = document.createElement("style"); |
||||
if (this.cspNonce) { |
||||
this.styleForPseudo.nonce = this.cspNonce; |
||||
} |
||||
} |
||||
this.styleForPseudo.innerHTML = ` |
||||
[ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { |
||||
--antd-wave-shadow-color: ${waveColor}; |
||||
}`;
|
||||
document.body.appendChild(this.styleForPseudo); |
||||
} |
||||
if (this.insertExtraNode) { |
||||
if (!this.extraNode) { |
||||
this.extraNode = document.createElement("div"); |
||||
} |
||||
this.extraNode.className = "ant-click-animating-node"; |
||||
node.appendChild(this.extraNode); |
||||
} |
||||
this.lastTime = Date.now(); |
||||
this.runTimeoutOutsideZone(() => { |
||||
node.removeAttribute(this.waveAttributeName); |
||||
this.removeStyleAndExtraNode(); |
||||
}, this.waveTransitionDuration); |
||||
} |
||||
isValidColor(color) { |
||||
return !!color && color !== "#ffffff" && color !== "rgb(255, 255, 255)" && this.isNotGrey(color) && !/rgba\(\d*, \d*, \d*, 0\)/.test(color) && color !== "transparent"; |
||||
} |
||||
isNotGrey(color) { |
||||
const match = color.match(/rgba?\((\d*), (\d*), (\d*)(, [\.\d]*)?\)/); |
||||
if (match && match[1] && match[2] && match[3]) { |
||||
return !(match[1] === match[2] && match[2] === match[3]); |
||||
} |
||||
return true; |
||||
} |
||||
getWaveColor(node) { |
||||
const nodeStyle = getComputedStyle(node); |
||||
return nodeStyle.getPropertyValue("border-top-color") || // Firefox Compatible
|
||||
nodeStyle.getPropertyValue("border-color") || nodeStyle.getPropertyValue("background-color"); |
||||
} |
||||
runTimeoutOutsideZone(fn, delay) { |
||||
this.ngZone.runOutsideAngular(() => setTimeout(fn, delay)); |
||||
} |
||||
}; |
||||
var NZ_WAVE_GLOBAL_DEFAULT_CONFIG = { |
||||
disabled: false |
||||
}; |
||||
var NZ_WAVE_GLOBAL_CONFIG = new InjectionToken("nz-wave-global-options"); |
||||
function provideNzWave(config) { |
||||
return makeEnvironmentProviders([{ |
||||
provide: NZ_WAVE_GLOBAL_CONFIG, |
||||
useValue: config |
||||
}]); |
||||
} |
||||
var _NzWaveDirective = class _NzWaveDirective { |
||||
get disabled() { |
||||
return this.waveDisabled; |
||||
} |
||||
get rendererRef() { |
||||
return this.waveRenderer; |
||||
} |
||||
constructor(ngZone, elementRef, config, animationType, platformId, cspNonce) { |
||||
this.ngZone = ngZone; |
||||
this.elementRef = elementRef; |
||||
this.config = config; |
||||
this.animationType = animationType; |
||||
this.platformId = platformId; |
||||
this.cspNonce = cspNonce; |
||||
this.nzWaveExtraNode = false; |
||||
this.waveDisabled = false; |
||||
this.waveDisabled = this.isConfigDisabled(); |
||||
} |
||||
isConfigDisabled() { |
||||
let disabled = false; |
||||
if (this.config && typeof this.config.disabled === "boolean") { |
||||
disabled = this.config.disabled; |
||||
} |
||||
if (this.animationType === "NoopAnimations") { |
||||
disabled = true; |
||||
} |
||||
return disabled; |
||||
} |
||||
ngOnDestroy() { |
||||
if (this.waveRenderer) { |
||||
this.waveRenderer.destroy(); |
||||
} |
||||
} |
||||
ngOnInit() { |
||||
this.renderWaveIfEnabled(); |
||||
} |
||||
renderWaveIfEnabled() { |
||||
if (!this.waveDisabled && this.elementRef.nativeElement) { |
||||
this.waveRenderer = new NzWaveRenderer(this.elementRef.nativeElement, this.ngZone, this.nzWaveExtraNode, this.platformId, this.cspNonce); |
||||
} |
||||
} |
||||
disable() { |
||||
this.waveDisabled = true; |
||||
if (this.waveRenderer) { |
||||
this.waveRenderer.removeTriggerEvent(); |
||||
this.waveRenderer.removeStyleAndExtraNode(); |
||||
} |
||||
} |
||||
enable() { |
||||
this.waveDisabled = this.isConfigDisabled() || false; |
||||
if (this.waveRenderer) { |
||||
this.waveRenderer.bindTriggerEvent(); |
||||
} |
||||
} |
||||
}; |
||||
_NzWaveDirective.ɵfac = function NzWaveDirective_Factory(t) { |
||||
return new (t || _NzWaveDirective)(ɵɵdirectiveInject(NgZone), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(NZ_WAVE_GLOBAL_CONFIG, 8), ɵɵdirectiveInject(ANIMATION_MODULE_TYPE, 8), ɵɵdirectiveInject(PLATFORM_ID), ɵɵdirectiveInject(CSP_NONCE, 8)); |
||||
}; |
||||
_NzWaveDirective.ɵdir = ɵɵdefineDirective({ |
||||
type: _NzWaveDirective, |
||||
selectors: [["", "nz-wave", ""], ["button", "nz-button", "", 3, "nzType", "link", 3, "nzType", "text"]], |
||||
inputs: { |
||||
nzWaveExtraNode: "nzWaveExtraNode" |
||||
}, |
||||
exportAs: ["nzWave"], |
||||
standalone: true |
||||
}); |
||||
var NzWaveDirective = _NzWaveDirective; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzWaveDirective, [{ |
||||
type: Directive, |
||||
args: [{ |
||||
selector: '[nz-wave],button[nz-button]:not([nzType="link"]):not([nzType="text"])', |
||||
exportAs: "nzWave", |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: NgZone |
||||
}, { |
||||
type: ElementRef |
||||
}, { |
||||
type: void 0, |
||||
decorators: [{ |
||||
type: Optional |
||||
}, { |
||||
type: Inject, |
||||
args: [NZ_WAVE_GLOBAL_CONFIG] |
||||
}] |
||||
}, { |
||||
type: void 0, |
||||
decorators: [{ |
||||
type: Optional |
||||
}, { |
||||
type: Inject, |
||||
args: [ANIMATION_MODULE_TYPE] |
||||
}] |
||||
}, { |
||||
type: void 0, |
||||
decorators: [{ |
||||
type: Inject, |
||||
args: [PLATFORM_ID] |
||||
}] |
||||
}, { |
||||
type: void 0, |
||||
decorators: [{ |
||||
type: Optional |
||||
}, { |
||||
type: Inject, |
||||
args: [CSP_NONCE] |
||||
}] |
||||
}], { |
||||
nzWaveExtraNode: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzWaveModule = class _NzWaveModule { |
||||
}; |
||||
_NzWaveModule.ɵfac = function NzWaveModule_Factory(t) { |
||||
return new (t || _NzWaveModule)(); |
||||
}; |
||||
_NzWaveModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _NzWaveModule, |
||||
imports: [NzWaveDirective], |
||||
exports: [NzWaveDirective] |
||||
}); |
||||
_NzWaveModule.ɵinj = ɵɵdefineInjector({ |
||||
providers: [provideNzWave(NZ_WAVE_GLOBAL_DEFAULT_CONFIG)] |
||||
}); |
||||
var NzWaveModule = _NzWaveModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzWaveModule, [{ |
||||
type: NgModule, |
||||
args: [{ |
||||
imports: [NzWaveDirective], |
||||
exports: [NzWaveDirective], |
||||
providers: [provideNzWave(NZ_WAVE_GLOBAL_DEFAULT_CONFIG)] |
||||
}] |
||||
}], null, null); |
||||
})(); |
||||
|
||||
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-button.mjs
|
||||
var _c0 = ["nz-button", ""]; |
||||
function NzButtonComponent_span_0_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵelement(0, "span", 1); |
||||
} |
||||
} |
||||
var _c1 = ["*"]; |
||||
var NZ_CONFIG_MODULE_NAME = "button"; |
||||
var _NzButtonComponent = class _NzButtonComponent { |
||||
insertSpan(nodes, renderer) { |
||||
nodes.forEach((node) => { |
||||
if (node.nodeName === "#text") { |
||||
const span = renderer.createElement("span"); |
||||
const parent = renderer.parentNode(node); |
||||
renderer.insertBefore(parent, span, node); |
||||
renderer.appendChild(span, node); |
||||
} |
||||
}); |
||||
} |
||||
get iconOnly() { |
||||
const listOfNode = Array.from(this.elementRef?.nativeElement?.childNodes || []); |
||||
const noText = listOfNode.every((node) => node.nodeName !== "#text"); |
||||
const noSpan = listOfNode.filter((node) => { |
||||
return !(node.nodeName === "#comment" || !!node?.attributes?.getNamedItem("nz-icon")); |
||||
}).length == 0; |
||||
const isIconOnly = !!this.nzIconDirectiveElement && noSpan && noText; |
||||
return isIconOnly; |
||||
} |
||||
constructor(ngZone, elementRef, cdr, renderer, nzConfigService, directionality) { |
||||
this.ngZone = ngZone; |
||||
this.elementRef = elementRef; |
||||
this.cdr = cdr; |
||||
this.renderer = renderer; |
||||
this.nzConfigService = nzConfigService; |
||||
this.directionality = directionality; |
||||
this._nzModuleName = NZ_CONFIG_MODULE_NAME; |
||||
this.nzBlock = false; |
||||
this.nzGhost = false; |
||||
this.nzSearch = false; |
||||
this.nzLoading = false; |
||||
this.nzDanger = false; |
||||
this.disabled = false; |
||||
this.tabIndex = null; |
||||
this.nzType = null; |
||||
this.nzShape = null; |
||||
this.nzSize = "default"; |
||||
this.dir = "ltr"; |
||||
this.destroy$ = new Subject(); |
||||
this.loading$ = new Subject(); |
||||
this.nzConfigService.getConfigChangeEventForComponent(NZ_CONFIG_MODULE_NAME).pipe(takeUntil(this.destroy$)).subscribe(() => { |
||||
this.cdr.markForCheck(); |
||||
}); |
||||
} |
||||
ngOnInit() { |
||||
this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => { |
||||
this.dir = direction; |
||||
this.cdr.detectChanges(); |
||||
}); |
||||
this.dir = this.directionality.value; |
||||
this.ngZone.runOutsideAngular(() => { |
||||
fromEvent(this.elementRef.nativeElement, "click", { |
||||
capture: true |
||||
}).pipe(takeUntil(this.destroy$)).subscribe((event) => { |
||||
if (this.disabled && event.target?.tagName === "A" || this.nzLoading) { |
||||
event.preventDefault(); |
||||
event.stopImmediatePropagation(); |
||||
} |
||||
}); |
||||
}); |
||||
} |
||||
ngOnChanges(changes) { |
||||
const { |
||||
nzLoading |
||||
} = changes; |
||||
if (nzLoading) { |
||||
this.loading$.next(this.nzLoading); |
||||
} |
||||
} |
||||
ngAfterViewInit() { |
||||
this.insertSpan(this.elementRef.nativeElement.childNodes, this.renderer); |
||||
} |
||||
ngAfterContentInit() { |
||||
this.loading$.pipe(startWith(this.nzLoading), filter(() => !!this.nzIconDirectiveElement), takeUntil(this.destroy$)).subscribe((loading) => { |
||||
const nativeElement = this.nzIconDirectiveElement.nativeElement; |
||||
if (loading) { |
||||
this.renderer.setStyle(nativeElement, "display", "none"); |
||||
} else { |
||||
this.renderer.removeStyle(nativeElement, "display"); |
||||
} |
||||
}); |
||||
} |
||||
ngOnDestroy() { |
||||
this.destroy$.next(); |
||||
this.destroy$.complete(); |
||||
} |
||||
}; |
||||
_NzButtonComponent.ɵfac = function NzButtonComponent_Factory(t) { |
||||
return new (t || _NzButtonComponent)(ɵɵdirectiveInject(NgZone), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(NzConfigService), ɵɵdirectiveInject(Directionality, 8)); |
||||
}; |
||||
_NzButtonComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzButtonComponent, |
||||
selectors: [["button", "nz-button", ""], ["a", "nz-button", ""]], |
||||
contentQueries: function NzButtonComponent_ContentQueries(rf, ctx, dirIndex) { |
||||
if (rf & 1) { |
||||
ɵɵcontentQuery(dirIndex, NzIconDirective, 5, ElementRef); |
||||
} |
||||
if (rf & 2) { |
||||
let _t; |
||||
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.nzIconDirectiveElement = _t.first); |
||||
} |
||||
}, |
||||
hostAttrs: [1, "ant-btn"], |
||||
hostVars: 32, |
||||
hostBindings: function NzButtonComponent_HostBindings(rf, ctx) { |
||||
if (rf & 2) { |
||||
ɵɵattribute("tabindex", ctx.disabled ? -1 : ctx.tabIndex === null ? null : ctx.tabIndex)("disabled", ctx.disabled || null); |
||||
ɵɵclassProp("ant-btn-primary", ctx.nzType === "primary")("ant-btn-dashed", ctx.nzType === "dashed")("ant-btn-link", ctx.nzType === "link")("ant-btn-text", ctx.nzType === "text")("ant-btn-circle", ctx.nzShape === "circle")("ant-btn-round", ctx.nzShape === "round")("ant-btn-lg", ctx.nzSize === "large")("ant-btn-sm", ctx.nzSize === "small")("ant-btn-dangerous", ctx.nzDanger)("ant-btn-loading", ctx.nzLoading)("ant-btn-background-ghost", ctx.nzGhost)("ant-btn-block", ctx.nzBlock)("ant-input-search-button", ctx.nzSearch)("ant-btn-rtl", ctx.dir === "rtl")("ant-btn-icon-only", ctx.iconOnly); |
||||
} |
||||
}, |
||||
inputs: { |
||||
nzBlock: "nzBlock", |
||||
nzGhost: "nzGhost", |
||||
nzSearch: "nzSearch", |
||||
nzLoading: "nzLoading", |
||||
nzDanger: "nzDanger", |
||||
disabled: "disabled", |
||||
tabIndex: "tabIndex", |
||||
nzType: "nzType", |
||||
nzShape: "nzShape", |
||||
nzSize: "nzSize" |
||||
}, |
||||
exportAs: ["nzButton"], |
||||
standalone: true, |
||||
features: [ɵɵNgOnChangesFeature, ɵɵStandaloneFeature], |
||||
attrs: _c0, |
||||
ngContentSelectors: _c1, |
||||
decls: 2, |
||||
vars: 1, |
||||
consts: [["nz-icon", "", "nzType", "loading", 4, "ngIf"], ["nz-icon", "", "nzType", "loading"]], |
||||
template: function NzButtonComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵprojectionDef(); |
||||
ɵɵtemplate(0, NzButtonComponent_span_0_Template, 1, 0, "span", 0); |
||||
ɵɵprojection(1); |
||||
} |
||||
if (rf & 2) { |
||||
ɵɵproperty("ngIf", ctx.nzLoading); |
||||
} |
||||
}, |
||||
dependencies: [NzIconModule, NzIconDirective, NgIf], |
||||
encapsulation: 2, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzButtonComponent = _NzButtonComponent; |
||||
__decorate([InputBoolean()], NzButtonComponent.prototype, "nzBlock", void 0); |
||||
__decorate([InputBoolean()], NzButtonComponent.prototype, "nzGhost", void 0); |
||||
__decorate([InputBoolean()], NzButtonComponent.prototype, "nzSearch", void 0); |
||||
__decorate([InputBoolean()], NzButtonComponent.prototype, "nzLoading", void 0); |
||||
__decorate([InputBoolean()], NzButtonComponent.prototype, "nzDanger", void 0); |
||||
__decorate([InputBoolean()], NzButtonComponent.prototype, "disabled", void 0); |
||||
__decorate([WithConfig()], NzButtonComponent.prototype, "nzSize", void 0); |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzButtonComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: "button[nz-button], a[nz-button]", |
||||
exportAs: "nzButton", |
||||
preserveWhitespaces: false, |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
template: ` |
||||
<span nz-icon nzType="loading" *ngIf="nzLoading"></span> |
||||
<ng-content></ng-content> |
||||
`,
|
||||
host: { |
||||
class: "ant-btn", |
||||
"[class.ant-btn-primary]": `nzType === 'primary'`, |
||||
"[class.ant-btn-dashed]": `nzType === 'dashed'`, |
||||
"[class.ant-btn-link]": `nzType === 'link'`, |
||||
"[class.ant-btn-text]": `nzType === 'text'`, |
||||
"[class.ant-btn-circle]": `nzShape === 'circle'`, |
||||
"[class.ant-btn-round]": `nzShape === 'round'`, |
||||
"[class.ant-btn-lg]": `nzSize === 'large'`, |
||||
"[class.ant-btn-sm]": `nzSize === 'small'`, |
||||
"[class.ant-btn-dangerous]": `nzDanger`, |
||||
"[class.ant-btn-loading]": `nzLoading`, |
||||
"[class.ant-btn-background-ghost]": `nzGhost`, |
||||
"[class.ant-btn-block]": `nzBlock`, |
||||
"[class.ant-input-search-button]": `nzSearch`, |
||||
"[class.ant-btn-rtl]": `dir === 'rtl'`, |
||||
"[class.ant-btn-icon-only]": `iconOnly`, |
||||
"[attr.tabindex]": "disabled ? -1 : (tabIndex === null ? null : tabIndex)", |
||||
"[attr.disabled]": "disabled || null" |
||||
}, |
||||
imports: [NzIconModule, NgIf], |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: NgZone |
||||
}, { |
||||
type: ElementRef |
||||
}, { |
||||
type: ChangeDetectorRef |
||||
}, { |
||||
type: Renderer2 |
||||
}, { |
||||
type: NzConfigService |
||||
}, { |
||||
type: Directionality, |
||||
decorators: [{ |
||||
type: Optional |
||||
}] |
||||
}], { |
||||
nzIconDirectiveElement: [{ |
||||
type: ContentChild, |
||||
args: [NzIconDirective, { |
||||
read: ElementRef |
||||
}] |
||||
}], |
||||
nzBlock: [{ |
||||
type: Input |
||||
}], |
||||
nzGhost: [{ |
||||
type: Input |
||||
}], |
||||
nzSearch: [{ |
||||
type: Input |
||||
}], |
||||
nzLoading: [{ |
||||
type: Input |
||||
}], |
||||
nzDanger: [{ |
||||
type: Input |
||||
}], |
||||
disabled: [{ |
||||
type: Input |
||||
}], |
||||
tabIndex: [{ |
||||
type: Input |
||||
}], |
||||
nzType: [{ |
||||
type: Input |
||||
}], |
||||
nzShape: [{ |
||||
type: Input |
||||
}], |
||||
nzSize: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzButtonGroupComponent = class _NzButtonGroupComponent { |
||||
constructor(directionality) { |
||||
this.directionality = directionality; |
||||
this.nzSize = "default"; |
||||
this.dir = "ltr"; |
||||
this.destroy$ = new Subject(); |
||||
} |
||||
ngOnInit() { |
||||
this.dir = this.directionality.value; |
||||
this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => { |
||||
this.dir = direction; |
||||
}); |
||||
} |
||||
ngOnDestroy() { |
||||
this.destroy$.next(); |
||||
this.destroy$.complete(); |
||||
} |
||||
}; |
||||
_NzButtonGroupComponent.ɵfac = function NzButtonGroupComponent_Factory(t) { |
||||
return new (t || _NzButtonGroupComponent)(ɵɵdirectiveInject(Directionality, 8)); |
||||
}; |
||||
_NzButtonGroupComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzButtonGroupComponent, |
||||
selectors: [["nz-button-group"]], |
||||
hostAttrs: [1, "ant-btn-group"], |
||||
hostVars: 6, |
||||
hostBindings: function NzButtonGroupComponent_HostBindings(rf, ctx) { |
||||
if (rf & 2) { |
||||
ɵɵclassProp("ant-btn-group-lg", ctx.nzSize === "large")("ant-btn-group-sm", ctx.nzSize === "small")("ant-btn-group-rtl", ctx.dir === "rtl"); |
||||
} |
||||
}, |
||||
inputs: { |
||||
nzSize: "nzSize" |
||||
}, |
||||
exportAs: ["nzButtonGroup"], |
||||
standalone: true, |
||||
features: [ɵɵStandaloneFeature], |
||||
ngContentSelectors: _c1, |
||||
decls: 1, |
||||
vars: 0, |
||||
template: function NzButtonGroupComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵprojectionDef(); |
||||
ɵɵprojection(0); |
||||
} |
||||
}, |
||||
encapsulation: 2, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzButtonGroupComponent = _NzButtonGroupComponent; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzButtonGroupComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: "nz-button-group", |
||||
exportAs: "nzButtonGroup", |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
host: { |
||||
class: "ant-btn-group", |
||||
"[class.ant-btn-group-lg]": `nzSize === 'large'`, |
||||
"[class.ant-btn-group-sm]": `nzSize === 'small'`, |
||||
"[class.ant-btn-group-rtl]": `dir === 'rtl'` |
||||
}, |
||||
preserveWhitespaces: false, |
||||
template: ` <ng-content></ng-content> `, |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: Directionality, |
||||
decorators: [{ |
||||
type: Optional |
||||
}] |
||||
}], { |
||||
nzSize: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzButtonModule = class _NzButtonModule { |
||||
}; |
||||
_NzButtonModule.ɵfac = function NzButtonModule_Factory(t) { |
||||
return new (t || _NzButtonModule)(); |
||||
}; |
||||
_NzButtonModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _NzButtonModule, |
||||
imports: [NzButtonComponent, NzButtonGroupComponent], |
||||
exports: [NzButtonComponent, NzButtonGroupComponent, NzTransitionPatchModule, NzWaveModule] |
||||
}); |
||||
_NzButtonModule.ɵinj = ɵɵdefineInjector({ |
||||
imports: [NzButtonComponent, NzTransitionPatchModule, NzWaveModule] |
||||
}); |
||||
var NzButtonModule = _NzButtonModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzButtonModule, [{ |
||||
type: NgModule, |
||||
args: [{ |
||||
imports: [NzButtonComponent, NzButtonGroupComponent], |
||||
exports: [NzButtonComponent, NzButtonGroupComponent, NzTransitionPatchModule, NzWaveModule] |
||||
}] |
||||
}], null, null); |
||||
})(); |
||||
|
||||
export { |
||||
NzButtonComponent, |
||||
NzButtonGroupComponent, |
||||
NzButtonModule |
||||
}; |
||||
//# sourceMappingURL=chunk-KMGBCF4T.js.map
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,213 @@ |
||||
import { |
||||
animate, |
||||
query, |
||||
stagger, |
||||
state, |
||||
style, |
||||
transition, |
||||
trigger |
||||
} from "./chunk-KI2JSLP6.js"; |
||||
|
||||
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-core-animation.mjs
|
||||
var _AnimationDuration = class _AnimationDuration { |
||||
// Tooltip
|
||||
}; |
||||
_AnimationDuration.SLOW = "0.3s"; |
||||
_AnimationDuration.BASE = "0.2s"; |
||||
_AnimationDuration.FAST = "0.1s"; |
||||
var AnimationDuration = _AnimationDuration; |
||||
var _AnimationCurves = class _AnimationCurves { |
||||
}; |
||||
_AnimationCurves.EASE_BASE_OUT = "cubic-bezier(0.7, 0.3, 0.1, 1)"; |
||||
_AnimationCurves.EASE_BASE_IN = "cubic-bezier(0.9, 0, 0.3, 0.7)"; |
||||
_AnimationCurves.EASE_OUT = "cubic-bezier(0.215, 0.61, 0.355, 1)"; |
||||
_AnimationCurves.EASE_IN = "cubic-bezier(0.55, 0.055, 0.675, 0.19)"; |
||||
_AnimationCurves.EASE_IN_OUT = "cubic-bezier(0.645, 0.045, 0.355, 1)"; |
||||
_AnimationCurves.EASE_OUT_BACK = "cubic-bezier(0.12, 0.4, 0.29, 1.46)"; |
||||
_AnimationCurves.EASE_IN_BACK = "cubic-bezier(0.71, -0.46, 0.88, 0.6)"; |
||||
_AnimationCurves.EASE_IN_OUT_BACK = "cubic-bezier(0.71, -0.46, 0.29, 1.46)"; |
||||
_AnimationCurves.EASE_OUT_CIRC = "cubic-bezier(0.08, 0.82, 0.17, 1)"; |
||||
_AnimationCurves.EASE_IN_CIRC = "cubic-bezier(0.6, 0.04, 0.98, 0.34)"; |
||||
_AnimationCurves.EASE_IN_OUT_CIRC = "cubic-bezier(0.78, 0.14, 0.15, 0.86)"; |
||||
_AnimationCurves.EASE_OUT_QUINT = "cubic-bezier(0.23, 1, 0.32, 1)"; |
||||
_AnimationCurves.EASE_IN_QUINT = "cubic-bezier(0.755, 0.05, 0.855, 0.06)"; |
||||
_AnimationCurves.EASE_IN_OUT_QUINT = "cubic-bezier(0.86, 0, 0.07, 1)"; |
||||
var AnimationCurves = _AnimationCurves; |
||||
var collapseMotion = trigger("collapseMotion", [ |
||||
state("expanded", style({ height: "*" })), |
||||
state("collapsed", style({ height: 0, overflow: "hidden" })), |
||||
state("hidden", style({ height: 0, overflow: "hidden", borderTopWidth: "0" })), |
||||
transition("expanded => collapsed", animate(`150ms ${AnimationCurves.EASE_IN_OUT}`)), |
||||
transition("expanded => hidden", animate(`150ms ${AnimationCurves.EASE_IN_OUT}`)), |
||||
transition("collapsed => expanded", animate(`150ms ${AnimationCurves.EASE_IN_OUT}`)), |
||||
transition("hidden => expanded", animate(`150ms ${AnimationCurves.EASE_IN_OUT}`)) |
||||
]); |
||||
var treeCollapseMotion = trigger("treeCollapseMotion", [ |
||||
transition("* => *", [ |
||||
query("nz-tree-node:leave,nz-tree-builtin-node:leave", [ |
||||
style({ overflow: "hidden" }), |
||||
stagger(0, [ |
||||
animate(`150ms ${AnimationCurves.EASE_IN_OUT}`, style({ height: 0, opacity: 0, "padding-bottom": 0 })) |
||||
]) |
||||
], { |
||||
optional: true |
||||
}), |
||||
query("nz-tree-node:enter,nz-tree-builtin-node:enter", [ |
||||
style({ overflow: "hidden", height: 0, opacity: 0, "padding-bottom": 0 }), |
||||
stagger(0, [ |
||||
animate(`150ms ${AnimationCurves.EASE_IN_OUT}`, style({ overflow: "hidden", height: "*", opacity: "*", "padding-bottom": "*" })) |
||||
]) |
||||
], { |
||||
optional: true |
||||
}) |
||||
]) |
||||
]); |
||||
var fadeMotion = trigger("fadeMotion", [ |
||||
transition(":enter", [style({ opacity: 0 }), animate(`${AnimationDuration.BASE}`, style({ opacity: 1 }))]), |
||||
transition(":leave", [style({ opacity: 1 }), animate(`${AnimationDuration.BASE}`, style({ opacity: 0 }))]) |
||||
]); |
||||
var helpMotion = trigger("helpMotion", [ |
||||
transition(":enter", [ |
||||
style({ |
||||
opacity: 0, |
||||
transform: "translateY(-5px)" |
||||
}), |
||||
animate(`${AnimationDuration.SLOW} ${AnimationCurves.EASE_IN_OUT}`, style({ |
||||
opacity: 1, |
||||
transform: "translateY(0)" |
||||
})) |
||||
]), |
||||
transition(":leave", [ |
||||
style({ |
||||
opacity: 1, |
||||
transform: "translateY(0)" |
||||
}), |
||||
animate(`${AnimationDuration.SLOW} ${AnimationCurves.EASE_IN_OUT}`, style({ |
||||
opacity: 0, |
||||
transform: "translateY(-5px)" |
||||
})) |
||||
]) |
||||
]); |
||||
var moveUpMotion = trigger("moveUpMotion", [ |
||||
transition("* => enter", [ |
||||
style({ |
||||
transformOrigin: "0 0", |
||||
transform: "translateY(-100%)", |
||||
opacity: 0 |
||||
}), |
||||
animate(`${AnimationDuration.BASE}`, style({ |
||||
transformOrigin: "0 0", |
||||
transform: "translateY(0%)", |
||||
opacity: 1 |
||||
})) |
||||
]), |
||||
transition("* => leave", [ |
||||
style({ |
||||
transformOrigin: "0 0", |
||||
transform: "translateY(0%)", |
||||
opacity: 1 |
||||
}), |
||||
animate(`${AnimationDuration.BASE}`, style({ |
||||
transformOrigin: "0 0", |
||||
transform: "translateY(-100%)", |
||||
opacity: 0 |
||||
})) |
||||
]) |
||||
]); |
||||
var notificationMotion = trigger("notificationMotion", [ |
||||
state("enterRight", style({ opacity: 1, transform: "translateX(0)" })), |
||||
transition("* => enterRight", [style({ opacity: 0, transform: "translateX(5%)" }), animate("100ms linear")]), |
||||
state("enterLeft", style({ opacity: 1, transform: "translateX(0)" })), |
||||
transition("* => enterLeft", [style({ opacity: 0, transform: "translateX(-5%)" }), animate("100ms linear")]), |
||||
state("enterTop", style({ opacity: 1, transform: "translateY(0)" })), |
||||
transition("* => enterTop", [style({ opacity: 0, transform: "translateY(-5%)" }), animate("100ms linear")]), |
||||
state("enterBottom", style({ opacity: 1, transform: "translateY(0)" })), |
||||
transition("* => enterBottom", [style({ opacity: 0, transform: "translateY(5%)" }), animate("100ms linear")]), |
||||
state("leave", style({ |
||||
opacity: 0, |
||||
transform: "scaleY(0.8)", |
||||
transformOrigin: "0% 0%" |
||||
})), |
||||
transition("* => leave", [ |
||||
style({ |
||||
opacity: 1, |
||||
transform: "scaleY(1)", |
||||
transformOrigin: "0% 0%" |
||||
}), |
||||
animate("100ms linear") |
||||
]) |
||||
]); |
||||
var ANIMATION_TRANSITION_IN = `${AnimationDuration.BASE} ${AnimationCurves.EASE_OUT_QUINT}`; |
||||
var ANIMATION_TRANSITION_OUT = `${AnimationDuration.BASE} ${AnimationCurves.EASE_IN_QUINT}`; |
||||
var slideMotion = trigger("slideMotion", [ |
||||
state("void", style({ |
||||
opacity: 0, |
||||
transform: "scaleY(0.8)" |
||||
})), |
||||
state("enter", style({ |
||||
opacity: 1, |
||||
transform: "scaleY(1)" |
||||
})), |
||||
transition("void => *", [animate(ANIMATION_TRANSITION_IN)]), |
||||
transition("* => void", [animate(ANIMATION_TRANSITION_OUT)]) |
||||
]); |
||||
var slideAlertMotion = trigger("slideAlertMotion", [ |
||||
transition(":leave", [ |
||||
style({ opacity: 1, transform: "scaleY(1)", transformOrigin: "0% 0%" }), |
||||
animate(`${AnimationDuration.SLOW} ${AnimationCurves.EASE_IN_OUT_CIRC}`, style({ |
||||
opacity: 0, |
||||
transform: "scaleY(0)", |
||||
transformOrigin: "0% 0%" |
||||
})) |
||||
]) |
||||
]); |
||||
var zoomBigMotion = trigger("zoomBigMotion", [ |
||||
transition("void => active", [ |
||||
style({ opacity: 0, transform: "scale(0.8)" }), |
||||
animate(`${AnimationDuration.BASE} ${AnimationCurves.EASE_OUT_CIRC}`, style({ |
||||
opacity: 1, |
||||
transform: "scale(1)" |
||||
})) |
||||
]), |
||||
transition("active => void", [ |
||||
style({ opacity: 1, transform: "scale(1)" }), |
||||
animate(`${AnimationDuration.BASE} ${AnimationCurves.EASE_IN_OUT_CIRC}`, style({ |
||||
opacity: 0, |
||||
transform: "scale(0.8)" |
||||
})) |
||||
]) |
||||
]); |
||||
var zoomBadgeMotion = trigger("zoomBadgeMotion", [ |
||||
transition(":enter", [ |
||||
style({ opacity: 0, transform: "scale(0) translate(50%, -50%)" }), |
||||
animate(`${AnimationDuration.SLOW} ${AnimationCurves.EASE_OUT_BACK}`, style({ |
||||
opacity: 1, |
||||
transform: "scale(1) translate(50%, -50%)" |
||||
})) |
||||
]), |
||||
transition(":leave", [ |
||||
style({ opacity: 1, transform: "scale(1) translate(50%, -50%)" }), |
||||
animate(`${AnimationDuration.SLOW} ${AnimationCurves.EASE_IN_BACK}`, style({ |
||||
opacity: 0, |
||||
transform: "scale(0) translate(50%, -50%)" |
||||
})) |
||||
]) |
||||
]); |
||||
var thumbMotion = trigger("thumbMotion", [ |
||||
state("from", style({ transform: "translateX({{ transform }}px)", width: "{{ width }}px" }), { |
||||
params: { transform: 0, width: 0 } |
||||
}), |
||||
state("to", style({ transform: "translateX({{ transform }}px)", width: "{{ width }}px" }), { |
||||
params: { transform: 100, width: 0 } |
||||
}), |
||||
transition("from => to", animate(`300ms ${AnimationCurves.EASE_IN_OUT}`)) |
||||
]); |
||||
|
||||
export { |
||||
collapseMotion, |
||||
helpMotion, |
||||
moveUpMotion, |
||||
slideMotion, |
||||
zoomBigMotion |
||||
}; |
||||
//# sourceMappingURL=chunk-XAGDQPFO.js.map
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,505 @@ |
||||
import { |
||||
NzDropDownDirective, |
||||
NzDropDownModule |
||||
} from "./chunk-2CQTWQUI.js"; |
||||
import "./chunk-WKTPWT5U.js"; |
||||
import { |
||||
ActivatedRoute, |
||||
NavigationEnd, |
||||
PRIMARY_OUTLET, |
||||
Router |
||||
} from "./chunk-CZEXXPIB.js"; |
||||
import "./chunk-6RXUTAFR.js"; |
||||
import "./chunk-XAGDQPFO.js"; |
||||
import "./chunk-D5ODNR6D.js"; |
||||
import "./chunk-55A2ZGND.js"; |
||||
import "./chunk-6U656R5M.js"; |
||||
import { |
||||
NzOutletModule, |
||||
NzStringTemplateOutletDirective |
||||
} from "./chunk-VOD2PKZN.js"; |
||||
import "./chunk-JGP5BR6B.js"; |
||||
import "./chunk-WB57DPWD.js"; |
||||
import "./chunk-KMGBCF4T.js"; |
||||
import { |
||||
NzIconDirective, |
||||
NzIconModule |
||||
} from "./chunk-VWMHIMW7.js"; |
||||
import "./chunk-ZHMJ6SNN.js"; |
||||
import { |
||||
Directionality |
||||
} from "./chunk-6NZ2BEBG.js"; |
||||
import "./chunk-IAC53GOD.js"; |
||||
import { |
||||
InputBoolean, |
||||
PREFIX |
||||
} from "./chunk-M5GY4FCO.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
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,31 @@ |
||||
import { |
||||
DEFAULT_TWOTONE_COLOR, |
||||
NZ_ICONS, |
||||
NZ_ICONS_PATCH, |
||||
NZ_ICONS_USED_BY_ZORRO, |
||||
NZ_ICON_DEFAULT_TWOTONE_COLOR, |
||||
NzIconDirective, |
||||
NzIconModule, |
||||
NzIconPatchService, |
||||
NzIconService |
||||
} from "./chunk-VWMHIMW7.js"; |
||||
import "./chunk-ZHMJ6SNN.js"; |
||||
import "./chunk-IAC53GOD.js"; |
||||
import "./chunk-M5GY4FCO.js"; |
||||
import "./chunk-Y4CEYMY2.js"; |
||||
import "./chunk-X7WBA24Z.js"; |
||||
import "./chunk-OSQBUYO6.js"; |
||||
import "./chunk-FGESKT7O.js"; |
||||
import "./chunk-HSNDBVJ3.js"; |
||||
export { |
||||
DEFAULT_TWOTONE_COLOR, |
||||
NZ_ICONS, |
||||
NZ_ICONS_PATCH, |
||||
NZ_ICONS_USED_BY_ZORRO, |
||||
NZ_ICON_DEFAULT_TWOTONE_COLOR, |
||||
NzIconDirective, |
||||
NzIconModule, |
||||
NzIconPatchService, |
||||
NzIconService |
||||
}; |
||||
//# sourceMappingURL=ng-zorro-antd_icon.js.map
|
@ -0,0 +1,7 @@ |
||||
{ |
||||
"version": 3, |
||||
"sources": [], |
||||
"sourcesContent": [], |
||||
"mappings": "", |
||||
"names": [] |
||||
} |
File diff suppressed because one or more lines are too long
@ -0,0 +1,785 @@ |
||||
import { |
||||
NzMenuDirective |
||||
} from "./chunk-WKTPWT5U.js"; |
||||
import "./chunk-CZEXXPIB.js"; |
||||
import "./chunk-6RXUTAFR.js"; |
||||
import "./chunk-XAGDQPFO.js"; |
||||
import { |
||||
NzBreakpointService, |
||||
siderResponsiveMap |
||||
} from "./chunk-D5ODNR6D.js"; |
||||
import "./chunk-55A2ZGND.js"; |
||||
import "./chunk-6U656R5M.js"; |
||||
import "./chunk-VOD2PKZN.js"; |
||||
import "./chunk-JGP5BR6B.js"; |
||||
import "./chunk-WB57DPWD.js"; |
||||
import { |
||||
NzIconDirective, |
||||
NzIconModule |
||||
} from "./chunk-VWMHIMW7.js"; |
||||
import "./chunk-ZHMJ6SNN.js"; |
||||
import { |
||||
Directionality |
||||
} from "./chunk-6NZ2BEBG.js"; |
||||
import { |
||||
Platform |
||||
} from "./chunk-IAC53GOD.js"; |
||||
import { |
||||
InputBoolean, |
||||
inNextTick, |
||||
toCssPixel |
||||
} from "./chunk-M5GY4FCO.js"; |
||||
import "./chunk-ECVKT3ZH.js"; |
||||
import "./chunk-KI2JSLP6.js"; |
||||
import "./chunk-Y4CEYMY2.js"; |
||||
import "./chunk-X7WBA24Z.js"; |
||||
import { |
||||
NgIf, |
||||
NgTemplateOutlet |
||||
} from "./chunk-OSQBUYO6.js"; |
||||
import { |
||||
ChangeDetectionStrategy, |
||||
ChangeDetectorRef, |
||||
Component, |
||||
ContentChild, |
||||
ContentChildren, |
||||
ElementRef, |
||||
EventEmitter, |
||||
Input, |
||||
NgModule, |
||||
Optional, |
||||
Output, |
||||
Renderer2, |
||||
Subject, |
||||
ViewEncapsulation$1, |
||||
__decorate, |
||||
setClassMetadata, |
||||
takeUntil, |
||||
ɵɵNgOnChangesFeature, |
||||
ɵɵStandaloneFeature, |
||||
ɵɵadvance, |
||||
ɵɵclassProp, |
||||
ɵɵcontentQuery, |
||||
ɵɵdefineComponent, |
||||
ɵɵdefineInjector, |
||||
ɵɵdefineNgModule, |
||||
ɵɵdirectiveInject, |
||||
ɵɵelement, |
||||
ɵɵelementContainerEnd, |
||||
ɵɵelementContainerStart, |
||||
ɵɵelementEnd, |
||||
ɵɵelementStart, |
||||
ɵɵgetCurrentView, |
||||
ɵɵlistener, |
||||
ɵɵloadQuery, |
||||
ɵɵnextContext, |
||||
ɵɵprojection, |
||||
ɵɵprojectionDef, |
||||
ɵɵproperty, |
||||
ɵɵqueryRefresh, |
||||
ɵɵreference, |
||||
ɵɵresetView, |
||||
ɵɵrestoreView, |
||||
ɵɵstyleProp, |
||||
ɵɵtemplate, |
||||
ɵɵtemplateRefExtractor |
||||
} from "./chunk-FGESKT7O.js"; |
||||
import "./chunk-HSNDBVJ3.js"; |
||||
|
||||
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-layout.mjs
|
||||
var _c0 = ["*"]; |
||||
var _c1 = ["nz-sider-trigger", ""]; |
||||
function NzSiderTriggerComponent_ng_container_0_ng_template_1_Template(rf, ctx) { |
||||
} |
||||
function NzSiderTriggerComponent_ng_container_0_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵelementContainerStart(0); |
||||
ɵɵtemplate(1, NzSiderTriggerComponent_ng_container_0_ng_template_1_Template, 0, 0, "ng-template", 3); |
||||
ɵɵelementContainerEnd(); |
||||
} |
||||
if (rf & 2) { |
||||
const ctx_r0 = ɵɵnextContext(); |
||||
const _r5 = ɵɵreference(5); |
||||
ɵɵadvance(1); |
||||
ɵɵproperty("ngTemplateOutlet", ctx_r0.nzZeroTrigger || _r5); |
||||
} |
||||
} |
||||
function NzSiderTriggerComponent_ng_container_1_ng_template_1_Template(rf, ctx) { |
||||
} |
||||
function NzSiderTriggerComponent_ng_container_1_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵelementContainerStart(0); |
||||
ɵɵtemplate(1, NzSiderTriggerComponent_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 3); |
||||
ɵɵelementContainerEnd(); |
||||
} |
||||
if (rf & 2) { |
||||
const ctx_r1 = ɵɵnextContext(); |
||||
const _r3 = ɵɵreference(3); |
||||
ɵɵadvance(1); |
||||
ɵɵproperty("ngTemplateOutlet", ctx_r1.nzTrigger || _r3); |
||||
} |
||||
} |
||||
function NzSiderTriggerComponent_ng_template_2_span_0_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵelement(0, "span", 5); |
||||
} |
||||
if (rf & 2) { |
||||
const ctx_r8 = ɵɵnextContext(2); |
||||
ɵɵproperty("nzType", ctx_r8.nzCollapsed ? "right" : "left"); |
||||
} |
||||
} |
||||
function NzSiderTriggerComponent_ng_template_2_span_1_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵelement(0, "span", 5); |
||||
} |
||||
if (rf & 2) { |
||||
const ctx_r9 = ɵɵnextContext(2); |
||||
ɵɵproperty("nzType", ctx_r9.nzCollapsed ? "left" : "right"); |
||||
} |
||||
} |
||||
function NzSiderTriggerComponent_ng_template_2_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵtemplate(0, NzSiderTriggerComponent_ng_template_2_span_0_Template, 1, 1, "span", 4)(1, NzSiderTriggerComponent_ng_template_2_span_1_Template, 1, 1, "span", 4); |
||||
} |
||||
if (rf & 2) { |
||||
const ctx_r2 = ɵɵnextContext(); |
||||
ɵɵproperty("ngIf", !ctx_r2.nzReverseArrow); |
||||
ɵɵadvance(1); |
||||
ɵɵproperty("ngIf", ctx_r2.nzReverseArrow); |
||||
} |
||||
} |
||||
function NzSiderTriggerComponent_ng_template_4_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵelement(0, "span", 6); |
||||
} |
||||
} |
||||
function NzSiderComponent_div_2_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
const _r2 = ɵɵgetCurrentView(); |
||||
ɵɵelementStart(0, "div", 2); |
||||
ɵɵlistener("click", function NzSiderComponent_div_2_Template_div_click_0_listener() { |
||||
ɵɵrestoreView(_r2); |
||||
const ctx_r1 = ɵɵnextContext(); |
||||
return ɵɵresetView(ctx_r1.setCollapsed(!ctx_r1.nzCollapsed)); |
||||
}); |
||||
ɵɵelementEnd(); |
||||
} |
||||
if (rf & 2) { |
||||
const ctx_r0 = ɵɵnextContext(); |
||||
ɵɵproperty("matchBreakPoint", ctx_r0.matchBreakPoint)("nzCollapsedWidth", ctx_r0.nzCollapsedWidth)("nzCollapsed", ctx_r0.nzCollapsed)("nzBreakpoint", ctx_r0.nzBreakpoint)("nzReverseArrow", ctx_r0.nzReverseArrow)("nzTrigger", ctx_r0.nzTrigger)("nzZeroTrigger", ctx_r0.nzZeroTrigger)("siderWidth", ctx_r0.widthSetting); |
||||
} |
||||
} |
||||
var _NzContentComponent = class _NzContentComponent { |
||||
constructor(elementRef, renderer) { |
||||
this.elementRef = elementRef; |
||||
this.renderer = renderer; |
||||
this.renderer.addClass(this.elementRef.nativeElement, "ant-layout-content"); |
||||
} |
||||
}; |
||||
_NzContentComponent.ɵfac = function NzContentComponent_Factory(t) { |
||||
return new (t || _NzContentComponent)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2)); |
||||
}; |
||||
_NzContentComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzContentComponent, |
||||
selectors: [["nz-content"]], |
||||
exportAs: ["nzContent"], |
||||
standalone: true, |
||||
features: [ɵɵStandaloneFeature], |
||||
ngContentSelectors: _c0, |
||||
decls: 1, |
||||
vars: 0, |
||||
template: function NzContentComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵprojectionDef(); |
||||
ɵɵprojection(0); |
||||
} |
||||
}, |
||||
encapsulation: 2, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzContentComponent = _NzContentComponent; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzContentComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: "nz-content", |
||||
exportAs: "nzContent", |
||||
preserveWhitespaces: false, |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
template: ` <ng-content></ng-content> `, |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: ElementRef |
||||
}, { |
||||
type: Renderer2 |
||||
}], null); |
||||
})(); |
||||
var _NzFooterComponent = class _NzFooterComponent { |
||||
constructor(elementRef, renderer) { |
||||
this.elementRef = elementRef; |
||||
this.renderer = renderer; |
||||
this.renderer.addClass(this.elementRef.nativeElement, "ant-layout-footer"); |
||||
} |
||||
}; |
||||
_NzFooterComponent.ɵfac = function NzFooterComponent_Factory(t) { |
||||
return new (t || _NzFooterComponent)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2)); |
||||
}; |
||||
_NzFooterComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzFooterComponent, |
||||
selectors: [["nz-footer"]], |
||||
exportAs: ["nzFooter"], |
||||
standalone: true, |
||||
features: [ɵɵStandaloneFeature], |
||||
ngContentSelectors: _c0, |
||||
decls: 1, |
||||
vars: 0, |
||||
template: function NzFooterComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵprojectionDef(); |
||||
ɵɵprojection(0); |
||||
} |
||||
}, |
||||
encapsulation: 2, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzFooterComponent = _NzFooterComponent; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzFooterComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: "nz-footer", |
||||
exportAs: "nzFooter", |
||||
preserveWhitespaces: false, |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
template: ` <ng-content></ng-content> `, |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: ElementRef |
||||
}, { |
||||
type: Renderer2 |
||||
}], null); |
||||
})(); |
||||
var _NzHeaderComponent = class _NzHeaderComponent { |
||||
constructor(elementRef, renderer) { |
||||
this.elementRef = elementRef; |
||||
this.renderer = renderer; |
||||
this.renderer.addClass(this.elementRef.nativeElement, "ant-layout-header"); |
||||
} |
||||
}; |
||||
_NzHeaderComponent.ɵfac = function NzHeaderComponent_Factory(t) { |
||||
return new (t || _NzHeaderComponent)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(Renderer2)); |
||||
}; |
||||
_NzHeaderComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzHeaderComponent, |
||||
selectors: [["nz-header"]], |
||||
exportAs: ["nzHeader"], |
||||
standalone: true, |
||||
features: [ɵɵStandaloneFeature], |
||||
ngContentSelectors: _c0, |
||||
decls: 1, |
||||
vars: 0, |
||||
template: function NzHeaderComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵprojectionDef(); |
||||
ɵɵprojection(0); |
||||
} |
||||
}, |
||||
encapsulation: 2, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzHeaderComponent = _NzHeaderComponent; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzHeaderComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: "nz-header", |
||||
exportAs: "nzHeader", |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
preserveWhitespaces: false, |
||||
template: ` <ng-content></ng-content> `, |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: ElementRef |
||||
}, { |
||||
type: Renderer2 |
||||
}], null); |
||||
})(); |
||||
var _NzSiderTriggerComponent = class _NzSiderTriggerComponent { |
||||
constructor() { |
||||
this.nzCollapsed = false; |
||||
this.nzReverseArrow = false; |
||||
this.nzZeroTrigger = null; |
||||
this.nzTrigger = void 0; |
||||
this.matchBreakPoint = false; |
||||
this.nzCollapsedWidth = null; |
||||
this.siderWidth = null; |
||||
this.nzBreakpoint = null; |
||||
this.isZeroTrigger = false; |
||||
this.isNormalTrigger = false; |
||||
} |
||||
updateTriggerType() { |
||||
this.isZeroTrigger = this.nzCollapsedWidth === 0 && (this.nzBreakpoint && this.matchBreakPoint || !this.nzBreakpoint); |
||||
this.isNormalTrigger = this.nzCollapsedWidth !== 0; |
||||
} |
||||
ngOnInit() { |
||||
this.updateTriggerType(); |
||||
} |
||||
ngOnChanges() { |
||||
this.updateTriggerType(); |
||||
} |
||||
}; |
||||
_NzSiderTriggerComponent.ɵfac = function NzSiderTriggerComponent_Factory(t) { |
||||
return new (t || _NzSiderTriggerComponent)(); |
||||
}; |
||||
_NzSiderTriggerComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzSiderTriggerComponent, |
||||
selectors: [["", "nz-sider-trigger", ""]], |
||||
hostVars: 10, |
||||
hostBindings: function NzSiderTriggerComponent_HostBindings(rf, ctx) { |
||||
if (rf & 2) { |
||||
ɵɵstyleProp("width", ctx.isNormalTrigger ? ctx.siderWidth : null); |
||||
ɵɵclassProp("ant-layout-sider-trigger", ctx.isNormalTrigger)("ant-layout-sider-zero-width-trigger", ctx.isZeroTrigger)("ant-layout-sider-zero-width-trigger-right", ctx.isZeroTrigger && ctx.nzReverseArrow)("ant-layout-sider-zero-width-trigger-left", ctx.isZeroTrigger && !ctx.nzReverseArrow); |
||||
} |
||||
}, |
||||
inputs: { |
||||
nzCollapsed: "nzCollapsed", |
||||
nzReverseArrow: "nzReverseArrow", |
||||
nzZeroTrigger: "nzZeroTrigger", |
||||
nzTrigger: "nzTrigger", |
||||
matchBreakPoint: "matchBreakPoint", |
||||
nzCollapsedWidth: "nzCollapsedWidth", |
||||
siderWidth: "siderWidth", |
||||
nzBreakpoint: "nzBreakpoint" |
||||
}, |
||||
exportAs: ["nzSiderTrigger"], |
||||
standalone: true, |
||||
features: [ɵɵNgOnChangesFeature, ɵɵStandaloneFeature], |
||||
attrs: _c1, |
||||
decls: 6, |
||||
vars: 2, |
||||
consts: [[4, "ngIf"], ["defaultTrigger", ""], ["defaultZeroTrigger", ""], [3, "ngTemplateOutlet"], ["nz-icon", "", 3, "nzType", 4, "ngIf"], ["nz-icon", "", 3, "nzType"], ["nz-icon", "", "nzType", "bars"]], |
||||
template: function NzSiderTriggerComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵtemplate(0, NzSiderTriggerComponent_ng_container_0_Template, 2, 1, "ng-container", 0)(1, NzSiderTriggerComponent_ng_container_1_Template, 2, 1, "ng-container", 0)(2, NzSiderTriggerComponent_ng_template_2_Template, 2, 2, "ng-template", null, 1, ɵɵtemplateRefExtractor)(4, NzSiderTriggerComponent_ng_template_4_Template, 1, 0, "ng-template", null, 2, ɵɵtemplateRefExtractor); |
||||
} |
||||
if (rf & 2) { |
||||
ɵɵproperty("ngIf", ctx.isZeroTrigger); |
||||
ɵɵadvance(1); |
||||
ɵɵproperty("ngIf", ctx.isNormalTrigger); |
||||
} |
||||
}, |
||||
dependencies: [NgIf, NgTemplateOutlet, NzIconModule, NzIconDirective], |
||||
encapsulation: 2, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzSiderTriggerComponent = _NzSiderTriggerComponent; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzSiderTriggerComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: "[nz-sider-trigger]", |
||||
exportAs: "nzSiderTrigger", |
||||
preserveWhitespaces: false, |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
template: ` |
||||
<ng-container *ngIf="isZeroTrigger"> |
||||
<ng-template [ngTemplateOutlet]="nzZeroTrigger || defaultZeroTrigger"></ng-template> |
||||
</ng-container> |
||||
<ng-container *ngIf="isNormalTrigger"> |
||||
<ng-template [ngTemplateOutlet]="nzTrigger || defaultTrigger"></ng-template> |
||||
</ng-container> |
||||
<ng-template #defaultTrigger> |
||||
<span nz-icon [nzType]="nzCollapsed ? 'right' : 'left'" *ngIf="!nzReverseArrow"></span> |
||||
<span nz-icon [nzType]="nzCollapsed ? 'left' : 'right'" *ngIf="nzReverseArrow"></span> |
||||
</ng-template> |
||||
<ng-template #defaultZeroTrigger> |
||||
<span nz-icon nzType="bars"></span> |
||||
</ng-template> |
||||
`,
|
||||
host: { |
||||
"[class.ant-layout-sider-trigger]": "isNormalTrigger", |
||||
"[style.width]": "isNormalTrigger ? siderWidth : null", |
||||
"[class.ant-layout-sider-zero-width-trigger]": "isZeroTrigger", |
||||
"[class.ant-layout-sider-zero-width-trigger-right]": "isZeroTrigger && nzReverseArrow", |
||||
"[class.ant-layout-sider-zero-width-trigger-left]": "isZeroTrigger && !nzReverseArrow" |
||||
}, |
||||
imports: [NgIf, NgTemplateOutlet, NzIconModule], |
||||
standalone: true |
||||
}] |
||||
}], null, { |
||||
nzCollapsed: [{ |
||||
type: Input |
||||
}], |
||||
nzReverseArrow: [{ |
||||
type: Input |
||||
}], |
||||
nzZeroTrigger: [{ |
||||
type: Input |
||||
}], |
||||
nzTrigger: [{ |
||||
type: Input |
||||
}], |
||||
matchBreakPoint: [{ |
||||
type: Input |
||||
}], |
||||
nzCollapsedWidth: [{ |
||||
type: Input |
||||
}], |
||||
siderWidth: [{ |
||||
type: Input |
||||
}], |
||||
nzBreakpoint: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzSiderComponent = class _NzSiderComponent { |
||||
updateStyleMap() { |
||||
this.widthSetting = this.nzCollapsed ? `${this.nzCollapsedWidth}px` : toCssPixel(this.nzWidth); |
||||
this.flexSetting = `0 0 ${this.widthSetting}`; |
||||
this.cdr.markForCheck(); |
||||
} |
||||
updateMenuInlineCollapsed() { |
||||
if (this.nzMenuDirective && this.nzMenuDirective.nzMode === "inline" && this.nzCollapsedWidth !== 0) { |
||||
this.nzMenuDirective.setInlineCollapsed(this.nzCollapsed); |
||||
} |
||||
} |
||||
setCollapsed(collapsed) { |
||||
if (collapsed !== this.nzCollapsed) { |
||||
this.nzCollapsed = collapsed; |
||||
this.nzCollapsedChange.emit(collapsed); |
||||
this.updateMenuInlineCollapsed(); |
||||
this.updateStyleMap(); |
||||
this.cdr.markForCheck(); |
||||
} |
||||
} |
||||
constructor(platform, cdr, breakpointService) { |
||||
this.platform = platform; |
||||
this.cdr = cdr; |
||||
this.breakpointService = breakpointService; |
||||
this.destroy$ = new Subject(); |
||||
this.nzMenuDirective = null; |
||||
this.nzCollapsedChange = new EventEmitter(); |
||||
this.nzWidth = 200; |
||||
this.nzTheme = "dark"; |
||||
this.nzCollapsedWidth = 80; |
||||
this.nzBreakpoint = null; |
||||
this.nzZeroTrigger = null; |
||||
this.nzTrigger = void 0; |
||||
this.nzReverseArrow = false; |
||||
this.nzCollapsible = false; |
||||
this.nzCollapsed = false; |
||||
this.matchBreakPoint = false; |
||||
this.flexSetting = null; |
||||
this.widthSetting = null; |
||||
} |
||||
ngOnInit() { |
||||
this.updateStyleMap(); |
||||
if (this.platform.isBrowser) { |
||||
this.breakpointService.subscribe(siderResponsiveMap, true).pipe(takeUntil(this.destroy$)).subscribe((map) => { |
||||
const breakpoint = this.nzBreakpoint; |
||||
if (breakpoint) { |
||||
inNextTick().subscribe(() => { |
||||
this.matchBreakPoint = !map[breakpoint]; |
||||
this.setCollapsed(this.matchBreakPoint); |
||||
this.cdr.markForCheck(); |
||||
}); |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
ngOnChanges(changes) { |
||||
const { |
||||
nzCollapsed, |
||||
nzCollapsedWidth, |
||||
nzWidth |
||||
} = changes; |
||||
if (nzCollapsed || nzCollapsedWidth || nzWidth) { |
||||
this.updateStyleMap(); |
||||
} |
||||
if (nzCollapsed) { |
||||
this.updateMenuInlineCollapsed(); |
||||
} |
||||
} |
||||
ngAfterContentInit() { |
||||
this.updateMenuInlineCollapsed(); |
||||
} |
||||
ngOnDestroy() { |
||||
this.destroy$.next(true); |
||||
this.destroy$.complete(); |
||||
} |
||||
}; |
||||
_NzSiderComponent.ɵfac = function NzSiderComponent_Factory(t) { |
||||
return new (t || _NzSiderComponent)(ɵɵdirectiveInject(Platform), ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(NzBreakpointService)); |
||||
}; |
||||
_NzSiderComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzSiderComponent, |
||||
selectors: [["nz-sider"]], |
||||
contentQueries: function NzSiderComponent_ContentQueries(rf, ctx, dirIndex) { |
||||
if (rf & 1) { |
||||
ɵɵcontentQuery(dirIndex, NzMenuDirective, 5); |
||||
} |
||||
if (rf & 2) { |
||||
let _t; |
||||
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.nzMenuDirective = _t.first); |
||||
} |
||||
}, |
||||
hostAttrs: [1, "ant-layout-sider"], |
||||
hostVars: 18, |
||||
hostBindings: function NzSiderComponent_HostBindings(rf, ctx) { |
||||
if (rf & 2) { |
||||
ɵɵstyleProp("flex", ctx.flexSetting)("max-width", ctx.widthSetting)("min-width", ctx.widthSetting)("width", ctx.widthSetting); |
||||
ɵɵclassProp("ant-layout-sider-zero-width", ctx.nzCollapsed && ctx.nzCollapsedWidth === 0)("ant-layout-sider-light", ctx.nzTheme === "light")("ant-layout-sider-dark", ctx.nzTheme === "dark")("ant-layout-sider-collapsed", ctx.nzCollapsed)("ant-layout-sider-has-trigger", ctx.nzCollapsible && ctx.nzTrigger !== null); |
||||
} |
||||
}, |
||||
inputs: { |
||||
nzWidth: "nzWidth", |
||||
nzTheme: "nzTheme", |
||||
nzCollapsedWidth: "nzCollapsedWidth", |
||||
nzBreakpoint: "nzBreakpoint", |
||||
nzZeroTrigger: "nzZeroTrigger", |
||||
nzTrigger: "nzTrigger", |
||||
nzReverseArrow: "nzReverseArrow", |
||||
nzCollapsible: "nzCollapsible", |
||||
nzCollapsed: "nzCollapsed" |
||||
}, |
||||
outputs: { |
||||
nzCollapsedChange: "nzCollapsedChange" |
||||
}, |
||||
exportAs: ["nzSider"], |
||||
standalone: true, |
||||
features: [ɵɵNgOnChangesFeature, ɵɵStandaloneFeature], |
||||
ngContentSelectors: _c0, |
||||
decls: 3, |
||||
vars: 1, |
||||
consts: [[1, "ant-layout-sider-children"], ["nz-sider-trigger", "", 3, "matchBreakPoint", "nzCollapsedWidth", "nzCollapsed", "nzBreakpoint", "nzReverseArrow", "nzTrigger", "nzZeroTrigger", "siderWidth", "click", 4, "ngIf"], ["nz-sider-trigger", "", 3, "matchBreakPoint", "nzCollapsedWidth", "nzCollapsed", "nzBreakpoint", "nzReverseArrow", "nzTrigger", "nzZeroTrigger", "siderWidth", "click"]], |
||||
template: function NzSiderComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵprojectionDef(); |
||||
ɵɵelementStart(0, "div", 0); |
||||
ɵɵprojection(1); |
||||
ɵɵelementEnd(); |
||||
ɵɵtemplate(2, NzSiderComponent_div_2_Template, 1, 8, "div", 1); |
||||
} |
||||
if (rf & 2) { |
||||
ɵɵadvance(2); |
||||
ɵɵproperty("ngIf", ctx.nzCollapsible && ctx.nzTrigger !== null); |
||||
} |
||||
}, |
||||
dependencies: [NgIf, NzSiderTriggerComponent], |
||||
encapsulation: 2, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzSiderComponent = _NzSiderComponent; |
||||
__decorate([InputBoolean()], NzSiderComponent.prototype, "nzReverseArrow", void 0); |
||||
__decorate([InputBoolean()], NzSiderComponent.prototype, "nzCollapsible", void 0); |
||||
__decorate([InputBoolean()], NzSiderComponent.prototype, "nzCollapsed", void 0); |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzSiderComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: "nz-sider", |
||||
exportAs: "nzSider", |
||||
preserveWhitespaces: false, |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
template: ` |
||||
<div class="ant-layout-sider-children"> |
||||
<ng-content></ng-content> |
||||
</div> |
||||
<div |
||||
*ngIf="nzCollapsible && nzTrigger !== null" |
||||
nz-sider-trigger |
||||
[matchBreakPoint]="matchBreakPoint" |
||||
[nzCollapsedWidth]="nzCollapsedWidth" |
||||
[nzCollapsed]="nzCollapsed" |
||||
[nzBreakpoint]="nzBreakpoint" |
||||
[nzReverseArrow]="nzReverseArrow" |
||||
[nzTrigger]="nzTrigger" |
||||
[nzZeroTrigger]="nzZeroTrigger" |
||||
[siderWidth]="widthSetting" |
||||
(click)="setCollapsed(!nzCollapsed)" |
||||
></div> |
||||
`,
|
||||
host: { |
||||
class: "ant-layout-sider", |
||||
"[class.ant-layout-sider-zero-width]": `nzCollapsed && nzCollapsedWidth === 0`, |
||||
"[class.ant-layout-sider-light]": `nzTheme === 'light'`, |
||||
"[class.ant-layout-sider-dark]": `nzTheme === 'dark'`, |
||||
"[class.ant-layout-sider-collapsed]": `nzCollapsed`, |
||||
"[class.ant-layout-sider-has-trigger]": `nzCollapsible && nzTrigger !== null`, |
||||
"[style.flex]": "flexSetting", |
||||
"[style.maxWidth]": "widthSetting", |
||||
"[style.minWidth]": "widthSetting", |
||||
"[style.width]": "widthSetting" |
||||
}, |
||||
imports: [NgIf, NzSiderTriggerComponent], |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: Platform |
||||
}, { |
||||
type: ChangeDetectorRef |
||||
}, { |
||||
type: NzBreakpointService |
||||
}], { |
||||
nzMenuDirective: [{ |
||||
type: ContentChild, |
||||
args: [NzMenuDirective] |
||||
}], |
||||
nzCollapsedChange: [{ |
||||
type: Output |
||||
}], |
||||
nzWidth: [{ |
||||
type: Input |
||||
}], |
||||
nzTheme: [{ |
||||
type: Input |
||||
}], |
||||
nzCollapsedWidth: [{ |
||||
type: Input |
||||
}], |
||||
nzBreakpoint: [{ |
||||
type: Input |
||||
}], |
||||
nzZeroTrigger: [{ |
||||
type: Input |
||||
}], |
||||
nzTrigger: [{ |
||||
type: Input |
||||
}], |
||||
nzReverseArrow: [{ |
||||
type: Input |
||||
}], |
||||
nzCollapsible: [{ |
||||
type: Input |
||||
}], |
||||
nzCollapsed: [{ |
||||
type: Input |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzLayoutComponent = class _NzLayoutComponent { |
||||
constructor(directionality) { |
||||
this.directionality = directionality; |
||||
this.dir = "ltr"; |
||||
this.destroy$ = new Subject(); |
||||
} |
||||
ngOnInit() { |
||||
this.dir = this.directionality.value; |
||||
this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => { |
||||
this.dir = direction; |
||||
}); |
||||
} |
||||
ngOnDestroy() { |
||||
this.destroy$.next(); |
||||
this.destroy$.complete(); |
||||
} |
||||
}; |
||||
_NzLayoutComponent.ɵfac = function NzLayoutComponent_Factory(t) { |
||||
return new (t || _NzLayoutComponent)(ɵɵdirectiveInject(Directionality, 8)); |
||||
}; |
||||
_NzLayoutComponent.ɵcmp = ɵɵdefineComponent({ |
||||
type: _NzLayoutComponent, |
||||
selectors: [["nz-layout"]], |
||||
contentQueries: function NzLayoutComponent_ContentQueries(rf, ctx, dirIndex) { |
||||
if (rf & 1) { |
||||
ɵɵcontentQuery(dirIndex, NzSiderComponent, 4); |
||||
} |
||||
if (rf & 2) { |
||||
let _t; |
||||
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.listOfNzSiderComponent = _t); |
||||
} |
||||
}, |
||||
hostAttrs: [1, "ant-layout"], |
||||
hostVars: 4, |
||||
hostBindings: function NzLayoutComponent_HostBindings(rf, ctx) { |
||||
if (rf & 2) { |
||||
ɵɵclassProp("ant-layout-rtl", ctx.dir === "rtl")("ant-layout-has-sider", ctx.listOfNzSiderComponent.length > 0); |
||||
} |
||||
}, |
||||
exportAs: ["nzLayout"], |
||||
standalone: true, |
||||
features: [ɵɵStandaloneFeature], |
||||
ngContentSelectors: _c0, |
||||
decls: 1, |
||||
vars: 0, |
||||
template: function NzLayoutComponent_Template(rf, ctx) { |
||||
if (rf & 1) { |
||||
ɵɵprojectionDef(); |
||||
ɵɵprojection(0); |
||||
} |
||||
}, |
||||
encapsulation: 2, |
||||
changeDetection: 0 |
||||
}); |
||||
var NzLayoutComponent = _NzLayoutComponent; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzLayoutComponent, [{ |
||||
type: Component, |
||||
args: [{ |
||||
selector: "nz-layout", |
||||
exportAs: "nzLayout", |
||||
encapsulation: ViewEncapsulation$1.None, |
||||
changeDetection: ChangeDetectionStrategy.OnPush, |
||||
preserveWhitespaces: false, |
||||
template: ` <ng-content></ng-content> `, |
||||
host: { |
||||
class: "ant-layout", |
||||
"[class.ant-layout-rtl]": `dir === 'rtl'`, |
||||
"[class.ant-layout-has-sider]": "listOfNzSiderComponent.length > 0" |
||||
}, |
||||
standalone: true |
||||
}] |
||||
}], () => [{ |
||||
type: Directionality, |
||||
decorators: [{ |
||||
type: Optional |
||||
}] |
||||
}], { |
||||
listOfNzSiderComponent: [{ |
||||
type: ContentChildren, |
||||
args: [NzSiderComponent] |
||||
}] |
||||
}); |
||||
})(); |
||||
var _NzLayoutModule = class _NzLayoutModule { |
||||
}; |
||||
_NzLayoutModule.ɵfac = function NzLayoutModule_Factory(t) { |
||||
return new (t || _NzLayoutModule)(); |
||||
}; |
||||
_NzLayoutModule.ɵmod = ɵɵdefineNgModule({ |
||||
type: _NzLayoutModule, |
||||
imports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent, NzSiderTriggerComponent], |
||||
exports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent] |
||||
}); |
||||
_NzLayoutModule.ɵinj = ɵɵdefineInjector({ |
||||
imports: [NzSiderComponent, NzSiderTriggerComponent] |
||||
}); |
||||
var NzLayoutModule = _NzLayoutModule; |
||||
(() => { |
||||
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzLayoutModule, [{ |
||||
type: NgModule, |
||||
args: [{ |
||||
imports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent, NzSiderTriggerComponent], |
||||
exports: [NzLayoutComponent, NzHeaderComponent, NzContentComponent, NzFooterComponent, NzSiderComponent] |
||||
}] |
||||
}], null, null); |
||||
})(); |
||||
export { |
||||
NzContentComponent, |
||||
NzFooterComponent, |
||||
NzHeaderComponent, |
||||
NzLayoutComponent, |
||||
NzLayoutModule, |
||||
NzSiderComponent, |
||||
NzSiderTriggerComponent as ɵNzSiderTriggerComponent |
||||
}; |
||||
//# sourceMappingURL=ng-zorro-antd_layout.js.map
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,58 @@ |
||||
import { |
||||
MenuDropDownTokenFactory, |
||||
MenuGroupFactory, |
||||
MenuService, |
||||
MenuServiceFactory, |
||||
NzIsMenuInsideDropDownToken, |
||||
NzMenuDirective, |
||||
NzMenuDividerDirective, |
||||
NzMenuGroupComponent, |
||||
NzMenuItemComponent, |
||||
NzMenuModule, |
||||
NzMenuServiceLocalToken, |
||||
NzSubMenuComponent, |
||||
NzSubMenuTitleComponent, |
||||
NzSubmenuInlineChildComponent, |
||||
NzSubmenuNoneInlineChildComponent, |
||||
NzSubmenuService |
||||
} from "./chunk-WKTPWT5U.js"; |
||||
import "./chunk-CZEXXPIB.js"; |
||||
import "./chunk-6RXUTAFR.js"; |
||||
import "./chunk-XAGDQPFO.js"; |
||||
import "./chunk-D5ODNR6D.js"; |
||||
import "./chunk-55A2ZGND.js"; |
||||
import "./chunk-6U656R5M.js"; |
||||
import "./chunk-VOD2PKZN.js"; |
||||
import "./chunk-JGP5BR6B.js"; |
||||
import "./chunk-WB57DPWD.js"; |
||||
import "./chunk-VWMHIMW7.js"; |
||||
import "./chunk-ZHMJ6SNN.js"; |
||||
import "./chunk-6NZ2BEBG.js"; |
||||
import "./chunk-IAC53GOD.js"; |
||||
import "./chunk-M5GY4FCO.js"; |
||||
import "./chunk-ECVKT3ZH.js"; |
||||
import "./chunk-KI2JSLP6.js"; |
||||
import "./chunk-Y4CEYMY2.js"; |
||||
import "./chunk-X7WBA24Z.js"; |
||||
import "./chunk-OSQBUYO6.js"; |
||||
import "./chunk-FGESKT7O.js"; |
||||
import "./chunk-HSNDBVJ3.js"; |
||||
export { |
||||
MenuDropDownTokenFactory, |
||||
MenuGroupFactory, |
||||
MenuService, |
||||
MenuServiceFactory, |
||||
NzIsMenuInsideDropDownToken, |
||||
NzMenuDirective, |
||||
NzMenuDividerDirective, |
||||
NzMenuGroupComponent, |
||||
NzMenuItemComponent, |
||||
NzMenuModule, |
||||
NzMenuServiceLocalToken, |
||||
NzSubMenuComponent, |
||||
NzSubMenuTitleComponent, |
||||
NzSubmenuInlineChildComponent, |
||||
NzSubmenuNoneInlineChildComponent, |
||||
NzSubmenuService |
||||
}; |
||||
//# sourceMappingURL=ng-zorro-antd_menu.js.map
|
@ -0,0 +1,7 @@ |
||||
{ |
||||
"version": 3, |
||||
"sources": [], |
||||
"sourcesContent": [], |
||||
"mappings": "", |
||||
"names": [] |
||||
} |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,8 +1,21 @@ |
||||
import { Routes } from '@angular/router'; |
||||
import {IndexComponent} from "./pages/body/index/index.component"; |
||||
import {InitGuardService} from "./utils/initGuard.service"; |
||||
export const routes: Routes = [ |
||||
{path: '', pathMatch: 'full', redirectTo: 'login'}, |
||||
{ |
||||
path: 'login', |
||||
loadChildren: () => import('./pages/login/login.routes').then(m => m.LOGIN_ROUTES) |
||||
loadChildren: () => import('./pages/login/login.routes').then(m => m.LOGIN_ROUTES), |
||||
canActivate: [InitGuardService] |
||||
}, |
||||
{ |
||||
path: 'admin', component: IndexComponent, |
||||
children: [ |
||||
{ |
||||
path: 'index', |
||||
loadChildren: () => import('./pages/index/index.routes').then(m => m.INDEX_ROUTES), |
||||
canActivate: [InitGuardService] |
||||
}, |
||||
] |
||||
} |
||||
]; |
||||
|
@ -0,0 +1,5 @@ |
||||
export const USER_TOKEN = 'userToken'; |
||||
export const INIT_FLAG = 'initFlag'; |
||||
export const DATA = 'DATA'; |
||||
export const LOGIN_DATA = 'loginData'; |
||||
|
@ -0,0 +1,9 @@ |
||||
export const menuData = [ |
||||
{title: "首页" , selected: true} , |
||||
{title: "商户管理" , selected: false} , |
||||
{title: "数据交易" , selected: false} , |
||||
{title: "产品中心" , selected: false} , |
||||
{title: "账号管理" , selected: false} , |
||||
{title: "营销工具" , selected: false} |
||||
]; |
||||
|
@ -0,0 +1,10 @@ |
||||
import { NgModule } from '@angular/core'; |
||||
import { CommonModule } from '@angular/common'; |
||||
|
||||
@NgModule({ |
||||
declarations: [], |
||||
imports: [ |
||||
CommonModule |
||||
] |
||||
}) |
||||
export class BodyModule { } |
@ -0,0 +1,80 @@ |
||||
<nz-layout> |
||||
<nz-header> |
||||
|
||||
<div nz-row> |
||||
<!-- logo--> |
||||
<div class="logo" nz-col nzSpan="4"> |
||||
<h2>普惠GO管理平台</h2> |
||||
</div> |
||||
<!-- 一级菜单--> |
||||
<div class="menu" nz-col nzSpan="16"> |
||||
<ul> |
||||
<li *ngFor="let item of firstMenuData" [ngClass]="{'li-selected' : item.selected}" (click)="isSelected(item)">{{item.title}}</li> |
||||
</ul> |
||||
</div> |
||||
<div nz-col nzSpan="4">col-8</div> |
||||
</div> |
||||
</nz-header> |
||||
<nz-content class="inner-content"> |
||||
<!-- 侧边导航栏--> |
||||
<div [@openClose]="isCollapse ? 'open' : 'closed'" class="side_menu"> |
||||
<div class="side_menu_top" (click)="isCollapse = false"> |
||||
<div class="side_menu_top_icon"> |
||||
<span nz-icon nzType="menu-fold" nzTheme="outline"></span> |
||||
</div> |
||||
<span style="font-size: 14px;">收起</span> |
||||
</div> |
||||
<!-- 菜单内容--> |
||||
<div class="side_menu_content"> |
||||
<ul nz-menu nzMode="inline"> |
||||
<li nz-submenu nzTitle="Navigation One" nzIcon="mail" nzOpen> |
||||
<ul> |
||||
<li nz-menu-group nzTitle="Item 1"> |
||||
<ul> |
||||
<li nz-menu-item nzSelected>Option 1</li> |
||||
<li nz-menu-item>Option 2</li> |
||||
</ul> |
||||
</li> |
||||
<li nz-menu-group nzTitle="Item 2"> |
||||
<ul> |
||||
<li nz-menu-item>Option 3</li> |
||||
<li nz-menu-item>Option 4</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li nz-submenu nzTitle="Navigation Two" nzIcon="appstore"> |
||||
<ul> |
||||
<li nz-menu-item>Option 5</li> |
||||
<li nz-menu-item>Option 6</li> |
||||
<li nz-submenu nzTitle="Submenu"> |
||||
<ul> |
||||
<li nz-menu-item>Option 7</li> |
||||
<li nz-menu-item>Option 8</li> |
||||
<li nz-submenu nzTitle="Submenu"> |
||||
<ul> |
||||
<li nz-menu-item>Option 9</li> |
||||
<li nz-menu-item>Option 10</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li nz-submenu nzTitle="Navigation Three" nzIcon="setting"> |
||||
<ul> |
||||
<li nz-menu-item>Option 11</li> |
||||
<li nz-menu-item>Option 12</li> |
||||
<li nz-menu-item>Option 13</li> |
||||
</ul> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<!-- 主体内容--> |
||||
<div class="content" [ngClass]="{'content-width' : isCollapse}"> |
||||
<app-tab></app-tab> |
||||
</div> |
||||
</nz-content> |
||||
</nz-layout> |
||||
|
@ -0,0 +1,84 @@ |
||||
nz-header { |
||||
background: #181f47; |
||||
padding: 0 26px; |
||||
.logo { |
||||
h2 { |
||||
color: white; |
||||
} |
||||
} |
||||
.menu { |
||||
width: 52%; |
||||
display: flex; |
||||
justify-content: center; |
||||
ul { |
||||
li { |
||||
height: 56px; |
||||
float: left; |
||||
color: #fff; |
||||
opacity: .65; |
||||
font-size: 14px; |
||||
padding: 0 20px; |
||||
cursor: pointer; |
||||
} |
||||
.li-selected { |
||||
opacity: 1; |
||||
border-bottom: 2px solid #1890ff; |
||||
} |
||||
li:hover { |
||||
opacity: 1; |
||||
border-bottom: 2px solid #1890ff; |
||||
} |
||||
list-style-type: none; /* 移除列表的标记,如果需要的话 */ |
||||
padding: 0; /* 移除padding,如果需要的话 */ |
||||
} |
||||
} |
||||
} |
||||
|
||||
nz-breadcrumb { |
||||
margin: 16px 0; |
||||
} |
||||
|
||||
nz-footer { |
||||
text-align: center; |
||||
} |
||||
|
||||
.inner-content { |
||||
div { |
||||
float: left; |
||||
} |
||||
.side_menu { |
||||
height: 100%; |
||||
color: #595959; |
||||
box-shadow: 2px 0 8px rgba(0,0,0,.15); |
||||
.side_menu_top { |
||||
width: 100%; |
||||
margin-top: 8px; |
||||
font-size: 18px; |
||||
height: 26px; |
||||
line-height: 23px; |
||||
margin-left: 14px; |
||||
.side_menu_top_icon { |
||||
height: 26px; |
||||
line-height: 26px; |
||||
} |
||||
span { |
||||
margin-left: 6px; |
||||
} |
||||
} |
||||
.side_menu_content { |
||||
margin-top: 10px; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
} |
||||
height: calc(100vh - 64px); |
||||
} |
||||
.content { |
||||
width:100vw; |
||||
} |
||||
.content-width { |
||||
width: calc(100vw - 280px); |
||||
} |
||||
|
||||
|
@ -0,0 +1,78 @@ |
||||
import { Component } from '@angular/core'; |
||||
import {RouterLink, RouterOutlet} from "@angular/router"; |
||||
import {NzContentComponent, NzFooterComponent, NzHeaderComponent, NzLayoutComponent} from "ng-zorro-antd/layout"; |
||||
import {NzBreadCrumbComponent, NzBreadCrumbItemComponent} from "ng-zorro-antd/breadcrumb"; |
||||
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid"; |
||||
import {NzMenuDirective, NzMenuItemComponent, NzSubMenuComponent} from "ng-zorro-antd/menu"; |
||||
import {menuData} from "../../../data/menu/menu.namespace"; |
||||
import {NgClass, NgForOf} from "@angular/common"; |
||||
import {animate, state, style, transition, trigger} from "@angular/animations"; |
||||
import {NzIconDirective} from "ng-zorro-antd/icon"; |
||||
import {NzTabComponent, NzTabSetComponent} from "ng-zorro-antd/tabs"; |
||||
import {TabComponent} from "../tab/tab.component"; |
||||
|
||||
|
||||
@Component({ |
||||
selector: 'app-index', |
||||
standalone: true, |
||||
imports: [ |
||||
RouterOutlet, |
||||
NzLayoutComponent, |
||||
NzHeaderComponent, |
||||
NzBreadCrumbComponent, |
||||
NzBreadCrumbItemComponent, |
||||
NzContentComponent, |
||||
NzFooterComponent, |
||||
NzRowDirective, |
||||
NzColDirective, |
||||
NzMenuItemComponent, |
||||
NzMenuDirective, |
||||
RouterLink, |
||||
NzSubMenuComponent, |
||||
NgForOf, |
||||
NgClass, |
||||
NzIconDirective, |
||||
NzTabComponent, |
||||
NzTabSetComponent, |
||||
TabComponent |
||||
], |
||||
templateUrl: './index.component.html', |
||||
styleUrl: './index.component.less', |
||||
animations: [ |
||||
// animation triggers go here
|
||||
trigger('openClose', [ |
||||
state('open', style({ |
||||
width: '280px', |
||||
backgroundColor: 'white' |
||||
})), |
||||
state('closed', style({ |
||||
overflow: 'hidden', |
||||
width: '0', |
||||
})), |
||||
transition('open => closed', [ |
||||
animate('0.1s') |
||||
]), |
||||
transition('closed => open', [ |
||||
animate('0.1s') |
||||
]), |
||||
]), |
||||
] |
||||
}) |
||||
export class IndexComponent { |
||||
|
||||
// 首次导航数据
|
||||
firstMenuData = menuData; |
||||
// 侧边菜单展示开关
|
||||
isCollapse = false; |
||||
tabs = ['首页' , '商户管理']; |
||||
constructor( |
||||
) {} |
||||
|
||||
// 选择操作
|
||||
isSelected(item: any) { |
||||
this.isCollapse = true; |
||||
this.firstMenuData.map(data => { |
||||
data.selected = data.title === item.title; |
||||
}); |
||||
} |
||||
} |
@ -0,0 +1,7 @@ |
||||
<div class="card-container" style="width: 100%;height: 100%"> |
||||
<nz-tabset nzType="card"> |
||||
<nz-tab *ngFor="let tab of tabs" [nzTitle]="'Tab Title ' + tab"> |
||||
<router-outlet></router-outlet> |
||||
</nz-tab> |
||||
</nz-tabset> |
||||
</div> |
@ -0,0 +1,30 @@ |
||||
:host { |
||||
background: white; |
||||
overflow: hidden; |
||||
display: block; |
||||
height: 100%; |
||||
} |
||||
|
||||
.card-container ::ng-deep p { |
||||
margin: 0; |
||||
} |
||||
.card-container ::ng-deep > .ant-tabs-card .ant-tabs-content { |
||||
|
||||
margin-top: -16px; |
||||
} |
||||
.card-container ::ng-deep > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane { |
||||
background: #f5f5f5; |
||||
padding: 16px; |
||||
} |
||||
.card-container ::ng-deep > .ant-tabs-card > .ant-tabs-nav::before { |
||||
display: none; |
||||
} |
||||
.card-container ::ng-deep > .ant-tabs-card .ant-tabs-tab { |
||||
border-color: transparent; |
||||
background: transparent; |
||||
} |
||||
.card-container ::ng-deep > .ant-tabs-card .ant-tabs-tab-active { |
||||
border-color: #f5f5f5; |
||||
background: #f5f5f5; |
||||
} |
||||
|
@ -0,0 +1,20 @@ |
||||
import { Component } from '@angular/core'; |
||||
import {NgForOf} from "@angular/common"; |
||||
import {NzTabComponent, NzTabSetComponent} from "ng-zorro-antd/tabs"; |
||||
import {RouterOutlet} from "@angular/router"; |
||||
|
||||
@Component({ |
||||
selector: 'app-tab', |
||||
standalone: true, |
||||
imports: [ |
||||
NgForOf, |
||||
NzTabComponent, |
||||
NzTabSetComponent, |
||||
RouterOutlet |
||||
], |
||||
templateUrl: './tab.component.html', |
||||
styleUrl: './tab.component.less' |
||||
}) |
||||
export class TabComponent { |
||||
tabs = ['首页' , '商户管理']; |
||||
} |
@ -0,0 +1,10 @@ |
||||
import { NgModule } from '@angular/core'; |
||||
import { CommonModule } from '@angular/common'; |
||||
|
||||
@NgModule({ |
||||
declarations: [], |
||||
imports: [ |
||||
CommonModule |
||||
] |
||||
}) |
||||
export class IndexModule { } |
@ -0,0 +1,6 @@ |
||||
import { Routes } from '@angular/router'; |
||||
import {IndexComponent} from "./index/index.component"; |
||||
|
||||
export const INDEX_ROUTES: Routes = [ |
||||
{ path: '', component: IndexComponent} |
||||
]; |
@ -0,0 +1 @@ |
||||
<div style="width: 100%; height: calc(100vh - 134px); background: red"></div> |
@ -0,0 +1,18 @@ |
||||
import { Component } from '@angular/core'; |
||||
import {NzTabComponent, NzTabSetComponent} from "ng-zorro-antd/tabs"; |
||||
import {NgForOf} from "@angular/common"; |
||||
|
||||
@Component({ |
||||
selector: 'app-index', |
||||
standalone: true, |
||||
imports: [ |
||||
NzTabSetComponent, |
||||
NzTabComponent, |
||||
NgForOf |
||||
], |
||||
templateUrl: './index.component.html', |
||||
styleUrl: './index.component.less' |
||||
}) |
||||
export class IndexComponent { |
||||
|
||||
} |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue