You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1074 lines
34 KiB
1074 lines
34 KiB
7 months ago
|
import {
|
||
|
|
NzNoAnimationDirective
|
||
|
|
} from "./chunk-55A2ZGND.js";
|
||
|
|
import {
|
||
|
|
FocusTrapFactory
|
||
|
|
} from "./chunk-E6XJDY45.js";
|
||
|
|
import {
|
||
|
|
CdkPortalOutlet,
|
||
|
|
ComponentPortal,
|
||
|
|
Overlay,
|
||
|
|
OverlayConfig,
|
||
|
|
OverlayKeyboardDispatcher,
|
||
|
|
PortalModule,
|
||
|
|
TemplatePortal
|
||
|
|
} from "./chunk-6U656R5M.js";
|
||
|
|
import {
|
||
|
|
NzOutletModule,
|
||
|
|
NzStringTemplateOutletDirective
|
||
|
|
} from "./chunk-VOD2PKZN.js";
|
||
|
|
import {
|
||
|
|
ESCAPE
|
||
|
|
} from "./chunk-JGP5BR6B.js";
|
||
|
|
import "./chunk-WB57DPWD.js";
|
||
|
|
import {
|
||
|
|
NzIconDirective,
|
||
|
|
NzIconModule
|
||
|
|
} from "./chunk-VWMHIMW7.js";
|
||
|
|
import {
|
||
|
|
NzConfigService,
|
||
|
|
WithConfig
|
||
|
|
} from "./chunk-ZHMJ6SNN.js";
|
||
|
|
import {
|
||
|
|
Directionality
|
||
|
|
} from "./chunk-6NZ2BEBG.js";
|
||
|
|
import "./chunk-IAC53GOD.js";
|
||
|
|
import {
|
||
|
|
InputBoolean,
|
||
|
|
toCssPixel
|
||
|
|
} from "./chunk-M5GY4FCO.js";
|
||
|
|
import "./chunk-ECVKT3ZH.js";
|
||
|
|
import "./chunk-KI2JSLP6.js";
|
||
|
|
import "./chunk-Y4CEYMY2.js";
|
||
|
|
import "./chunk-X7WBA24Z.js";
|
||
|
|
import {
|
||
|
|
DOCUMENT,
|
||
|
|
NgIf,
|
||
|
|
NgStyle,
|
||
|
|
NgTemplateOutlet
|
||
|
|
} from "./chunk-OSQBUYO6.js";
|
||
|
|
import {
|
||
|
|
ChangeDetectionStrategy,
|
||
|
|
ChangeDetectorRef,
|
||
|
|
Component,
|
||
|
|
ContentChild,
|
||
|
|
Directive,
|
||
|
|
EventEmitter,
|
||
|
|
Inject,
|
||
|
|
Injectable,
|
||
|
|
InjectionToken,
|
||
|
|
Injector,
|
||
|
|
Input,
|
||
|
|
NgModule,
|
||
|
|
Optional,
|
||
|
|
Output,
|
||
|
|
Renderer2,
|
||
|
|
Subject,
|
||
|
|
TemplateRef,
|
||
|
|
Type,
|
||
|
|
ViewChild,
|
||
|
|
ViewContainerRef,
|
||
|
|
__decorate,
|
||
|
|
setClassMetadata,
|
||
|
|
takeUntil,
|
||
|
|
ɵɵInheritDefinitionFeature,
|
||
|
|
ɵɵNgOnChangesFeature,
|
||
|
|
ɵɵStandaloneFeature,
|
||
|
|
ɵɵadvance,
|
||
|
|
ɵɵclassMapInterpolate1,
|
||
|
|
ɵɵclassProp,
|
||
|
|
ɵɵcontentQuery,
|
||
|
|
ɵɵdefineComponent,
|
||
|
|
ɵɵdefineDirective,
|
||
|
|
ɵɵdefineInjectable,
|
||
|
|
ɵɵdefineInjector,
|
||
|
|
ɵɵdefineNgModule,
|
||
|
|
ɵɵdirectiveInject,
|
||
|
|
ɵɵelement,
|
||
|
|
ɵɵelementContainer,
|
||
|
|
ɵɵelementContainerEnd,
|
||
|
|
ɵɵelementContainerStart,
|
||
|
|
ɵɵelementEnd,
|
||
|
|
ɵɵelementStart,
|
||
|
|
ɵɵgetCurrentView,
|
||
|
|
ɵɵinject,
|
||
|
|
ɵɵlistener,
|
||
|
|
ɵɵloadQuery,
|
||
|
|
ɵɵnextContext,
|
||
|
|
ɵɵproperty,
|
||
|
|
ɵɵqueryRefresh,
|
||
|
|
ɵɵreference,
|
||
|
|
ɵɵresetView,
|
||
|
|
ɵɵrestoreView,
|
||
|
|
ɵɵsanitizeHtml,
|
||
|
|
ɵɵstyleProp,
|
||
|
|
ɵɵtemplate,
|
||
|
|
ɵɵtemplateRefExtractor,
|
||
|
|
ɵɵviewQuery
|
||
|
|
} from "./chunk-FGESKT7O.js";
|
||
|
|
import {
|
||
|
|
__objRest
|
||
|
|
} from "./chunk-HSNDBVJ3.js";
|
||
|
|
|
||
|
|
// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-drawer.mjs
|
||
|
|
var _c0 = ["drawerTemplate"];
|
||
|
|
function NzDrawerComponent_ng_template_0_div_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
const _r10 = ɵɵgetCurrentView();
|
||
|
|
ɵɵelementStart(0, "div", 11);
|
||
|
|
ɵɵlistener("click", function NzDrawerComponent_ng_template_0_div_1_Template_div_click_0_listener() {
|
||
|
|
ɵɵrestoreView(_r10);
|
||
|
|
const ctx_r9 = ɵɵnextContext(2);
|
||
|
|
return ɵɵresetView(ctx_r9.maskClick());
|
||
|
|
});
|
||
|
|
ɵɵelementEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r2 = ɵɵnextContext(2);
|
||
|
|
ɵɵproperty("ngStyle", ctx_r2.nzMaskStyle);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_5_button_2_ng_container_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵelement(1, "span", 19);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const closeIcon_r15 = ctx.$implicit;
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("nzType", closeIcon_r15);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_5_button_2_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
const _r17 = ɵɵgetCurrentView();
|
||
|
|
ɵɵelementStart(0, "button", 17);
|
||
|
|
ɵɵlistener("click", function NzDrawerComponent_ng_template_0_div_5_button_2_Template_button_click_0_listener() {
|
||
|
|
ɵɵrestoreView(_r17);
|
||
|
|
const ctx_r16 = ɵɵnextContext(3);
|
||
|
|
return ɵɵresetView(ctx_r16.closeClick());
|
||
|
|
});
|
||
|
|
ɵɵtemplate(1, NzDrawerComponent_ng_template_0_div_5_button_2_ng_container_1_Template, 2, 1, "ng-container", 18);
|
||
|
|
ɵɵelementEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r11 = ɵɵnextContext(3);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("nzStringTemplateOutlet", ctx_r11.nzCloseIcon);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_5_div_3_ng_container_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵelement(1, "div", 21);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r18 = ɵɵnextContext(4);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("innerHTML", ctx_r18.nzTitle, ɵɵsanitizeHtml);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_5_div_3_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementStart(0, "div", 20);
|
||
|
|
ɵɵtemplate(1, NzDrawerComponent_ng_template_0_div_5_div_3_ng_container_1_Template, 2, 1, "ng-container", 18);
|
||
|
|
ɵɵelementEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r12 = ɵɵnextContext(3);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("nzStringTemplateOutlet", ctx_r12.nzTitle);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_5_div_4_ng_container_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵelement(1, "div", 21);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r19 = ɵɵnextContext(4);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("innerHTML", ctx_r19.nzExtra, ɵɵsanitizeHtml);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_5_div_4_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementStart(0, "div", 22);
|
||
|
|
ɵɵtemplate(1, NzDrawerComponent_ng_template_0_div_5_div_4_ng_container_1_Template, 2, 1, "ng-container", 18);
|
||
|
|
ɵɵelementEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r13 = ɵɵnextContext(3);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("nzStringTemplateOutlet", ctx_r13.nzExtra);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_5_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementStart(0, "div", 12)(1, "div", 13);
|
||
|
|
ɵɵtemplate(2, NzDrawerComponent_ng_template_0_div_5_button_2_Template, 2, 1, "button", 14)(3, NzDrawerComponent_ng_template_0_div_5_div_3_Template, 2, 1, "div", 15);
|
||
|
|
ɵɵelementEnd();
|
||
|
|
ɵɵtemplate(4, NzDrawerComponent_ng_template_0_div_5_div_4_Template, 2, 1, "div", 16);
|
||
|
|
ɵɵelementEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r3 = ɵɵnextContext(2);
|
||
|
|
ɵɵclassProp("ant-drawer-header-close-only", !ctx_r3.nzTitle);
|
||
|
|
ɵɵadvance(2);
|
||
|
|
ɵɵproperty("ngIf", ctx_r3.nzClosable);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngIf", ctx_r3.nzTitle);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngIf", ctx_r3.nzExtra);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_ng_template_7_Template(rf, ctx) {
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_ng_container_8_ng_container_1_ng_container_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainer(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_ng_container_8_ng_container_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵtemplate(1, NzDrawerComponent_ng_template_0_ng_container_8_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 24);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r20 = ɵɵnextContext(3);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngTemplateOutlet", ctx_r20.nzContent)("ngTemplateOutletContext", ctx_r20.templateContext);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_ng_container_8_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵtemplate(1, NzDrawerComponent_ng_template_0_ng_container_8_ng_container_1_Template, 2, 2, "ng-container", 23);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r5 = ɵɵnextContext(2);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngIf", ctx_r5.isTemplateRef(ctx_r5.nzContent));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_ng_template_9_ng_container_0_ng_template_1_Template(rf, ctx) {
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_ng_template_9_ng_container_0_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵtemplate(1, NzDrawerComponent_ng_template_0_ng_template_9_ng_container_0_ng_template_1_Template, 0, 0, "ng-template", 25);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r22 = ɵɵnextContext(3);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngTemplateOutlet", ctx_r22.contentFromContentChild);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_ng_template_9_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵtemplate(0, NzDrawerComponent_ng_template_0_ng_template_9_ng_container_0_Template, 2, 1, "ng-container", 23);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r6 = ɵɵnextContext(2);
|
||
|
|
ɵɵproperty("ngIf", ctx_r6.contentFromContentChild && (ctx_r6.isOpen || ctx_r6.inAnimation));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_11_ng_container_1_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementContainerStart(0);
|
||
|
|
ɵɵelement(1, "div", 21);
|
||
|
|
ɵɵelementContainerEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r24 = ɵɵnextContext(3);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("innerHTML", ctx_r24.nzFooter, ɵɵsanitizeHtml);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_div_11_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementStart(0, "div", 26);
|
||
|
|
ɵɵtemplate(1, NzDrawerComponent_ng_template_0_div_11_ng_container_1_Template, 2, 1, "ng-container", 18);
|
||
|
|
ɵɵelementEnd();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const ctx_r8 = ɵɵnextContext(2);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("nzStringTemplateOutlet", ctx_r8.nzFooter);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function NzDrawerComponent_ng_template_0_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵelementStart(0, "div", 1);
|
||
|
|
ɵɵtemplate(1, NzDrawerComponent_ng_template_0_div_1_Template, 1, 1, "div", 2);
|
||
|
|
ɵɵelementStart(2, "div")(3, "div", 3)(4, "div", 4);
|
||
|
|
ɵɵtemplate(5, NzDrawerComponent_ng_template_0_div_5_Template, 5, 5, "div", 5);
|
||
|
|
ɵɵelementStart(6, "div", 6);
|
||
|
|
ɵɵtemplate(7, NzDrawerComponent_ng_template_0_ng_template_7_Template, 0, 0, "ng-template", 7)(8, NzDrawerComponent_ng_template_0_ng_container_8_Template, 2, 1, "ng-container", 8)(9, NzDrawerComponent_ng_template_0_ng_template_9_Template, 1, 1, "ng-template", null, 9, ɵɵtemplateRefExtractor);
|
||
|
|
ɵɵelementEnd();
|
||
|
|
ɵɵtemplate(11, NzDrawerComponent_ng_template_0_div_11_Template, 2, 1, "div", 10);
|
||
|
|
ɵɵelementEnd()()()();
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
const _r7 = ɵɵreference(10);
|
||
|
|
const ctx_r0 = ɵɵnextContext();
|
||
|
|
ɵɵstyleProp("transform", ctx_r0.offsetTransform)("transition", ctx_r0.placementChanging ? "none" : null)("z-index", ctx_r0.nzZIndex);
|
||
|
|
ɵɵclassProp("ant-drawer-rtl", ctx_r0.dir === "rtl")("ant-drawer-open", ctx_r0.isOpen)("no-mask", !ctx_r0.nzMask)("ant-drawer-top", ctx_r0.nzPlacement === "top")("ant-drawer-bottom", ctx_r0.nzPlacement === "bottom")("ant-drawer-right", ctx_r0.nzPlacement === "right")("ant-drawer-left", ctx_r0.nzPlacement === "left");
|
||
|
|
ɵɵproperty("nzNoAnimation", ctx_r0.nzNoAnimation);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngIf", ctx_r0.nzMask);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵclassMapInterpolate1("ant-drawer-content-wrapper ", ctx_r0.nzWrapClassName, "");
|
||
|
|
ɵɵstyleProp("width", ctx_r0.width)("height", ctx_r0.height)("transform", ctx_r0.transform)("transition", ctx_r0.placementChanging ? "none" : null);
|
||
|
|
ɵɵadvance(2);
|
||
|
|
ɵɵstyleProp("height", ctx_r0.isLeftOrRight ? "100%" : null);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngIf", ctx_r0.nzTitle || ctx_r0.nzClosable);
|
||
|
|
ɵɵadvance(1);
|
||
|
|
ɵɵproperty("ngStyle", ctx_r0.nzBodyStyle);
|
||
|
|
ɵɵadvance(2);
|
||
|
|
ɵɵproperty("ngIf", ctx_r0.nzContent)("ngIfElse", _r7);
|
||
|
|
ɵɵadvance(3);
|
||
|
|
ɵɵproperty("ngIf", ctx_r0.nzFooter);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var _NzDrawerContentDirective = class _NzDrawerContentDirective {
|
||
|
|
constructor(templateRef) {
|
||
|
|
this.templateRef = templateRef;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzDrawerContentDirective.ɵfac = function NzDrawerContentDirective_Factory(t) {
|
||
|
|
return new (t || _NzDrawerContentDirective)(ɵɵdirectiveInject(TemplateRef));
|
||
|
|
};
|
||
|
|
_NzDrawerContentDirective.ɵdir = ɵɵdefineDirective({
|
||
|
|
type: _NzDrawerContentDirective,
|
||
|
|
selectors: [["", "nzDrawerContent", ""]],
|
||
|
|
exportAs: ["nzDrawerContent"],
|
||
|
|
standalone: true
|
||
|
|
});
|
||
|
|
var NzDrawerContentDirective = _NzDrawerContentDirective;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDrawerContentDirective, [{
|
||
|
|
type: Directive,
|
||
|
|
args: [{
|
||
|
|
selector: "[nzDrawerContent]",
|
||
|
|
exportAs: "nzDrawerContent",
|
||
|
|
standalone: true
|
||
|
|
}]
|
||
|
|
}], () => [{
|
||
|
|
type: TemplateRef
|
||
|
|
}], null);
|
||
|
|
})();
|
||
|
|
var DRAWER_DEFAULT_SIZE = 378;
|
||
|
|
var DRAWER_LARGE_SIZE = 736;
|
||
|
|
var NZ_DRAWER_DATA = new InjectionToken("NZ_DRAWER_DATA");
|
||
|
|
var NzDrawerRef = class {
|
||
|
|
};
|
||
|
|
var DRAWER_ANIMATE_DURATION = 300;
|
||
|
|
var NZ_CONFIG_MODULE_NAME = "drawer";
|
||
|
|
var _NzDrawerComponent = class _NzDrawerComponent extends NzDrawerRef {
|
||
|
|
set nzVisible(value) {
|
||
|
|
this.isOpen = value;
|
||
|
|
}
|
||
|
|
get nzVisible() {
|
||
|
|
return this.isOpen;
|
||
|
|
}
|
||
|
|
get offsetTransform() {
|
||
|
|
if (!this.isOpen || this.nzOffsetX + this.nzOffsetY === 0) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
switch (this.nzPlacement) {
|
||
|
|
case "left":
|
||
|
|
return `translateX(${this.nzOffsetX}px)`;
|
||
|
|
case "right":
|
||
|
|
return `translateX(-${this.nzOffsetX}px)`;
|
||
|
|
case "top":
|
||
|
|
return `translateY(${this.nzOffsetY}px)`;
|
||
|
|
case "bottom":
|
||
|
|
return `translateY(-${this.nzOffsetY}px)`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
get transform() {
|
||
|
|
if (this.isOpen) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
switch (this.nzPlacement) {
|
||
|
|
case "left":
|
||
|
|
return `translateX(-100%)`;
|
||
|
|
case "right":
|
||
|
|
return `translateX(100%)`;
|
||
|
|
case "top":
|
||
|
|
return `translateY(-100%)`;
|
||
|
|
case "bottom":
|
||
|
|
return `translateY(100%)`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
get width() {
|
||
|
|
if (this.isLeftOrRight) {
|
||
|
|
const defaultWidth = this.nzSize === "large" ? DRAWER_LARGE_SIZE : DRAWER_DEFAULT_SIZE;
|
||
|
|
return this.nzWidth === void 0 ? toCssPixel(defaultWidth) : toCssPixel(this.nzWidth);
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
get height() {
|
||
|
|
if (!this.isLeftOrRight) {
|
||
|
|
const defaultHeight = this.nzSize === "large" ? DRAWER_LARGE_SIZE : DRAWER_DEFAULT_SIZE;
|
||
|
|
return this.nzHeight === void 0 ? toCssPixel(defaultHeight) : toCssPixel(this.nzHeight);
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
get isLeftOrRight() {
|
||
|
|
return this.nzPlacement === "left" || this.nzPlacement === "right";
|
||
|
|
}
|
||
|
|
get afterOpen() {
|
||
|
|
return this.nzAfterOpen.asObservable();
|
||
|
|
}
|
||
|
|
get afterClose() {
|
||
|
|
return this.nzAfterClose.asObservable();
|
||
|
|
}
|
||
|
|
isTemplateRef(value) {
|
||
|
|
return value instanceof TemplateRef;
|
||
|
|
}
|
||
|
|
constructor(cdr, document, nzConfigService, renderer, overlay, injector, changeDetectorRef, focusTrapFactory, viewContainerRef, overlayKeyboardDispatcher, directionality) {
|
||
|
|
super();
|
||
|
|
this.cdr = cdr;
|
||
|
|
this.document = document;
|
||
|
|
this.nzConfigService = nzConfigService;
|
||
|
|
this.renderer = renderer;
|
||
|
|
this.overlay = overlay;
|
||
|
|
this.injector = injector;
|
||
|
|
this.changeDetectorRef = changeDetectorRef;
|
||
|
|
this.focusTrapFactory = focusTrapFactory;
|
||
|
|
this.viewContainerRef = viewContainerRef;
|
||
|
|
this.overlayKeyboardDispatcher = overlayKeyboardDispatcher;
|
||
|
|
this.directionality = directionality;
|
||
|
|
this._nzModuleName = NZ_CONFIG_MODULE_NAME;
|
||
|
|
this.nzCloseIcon = "close";
|
||
|
|
this.nzClosable = true;
|
||
|
|
this.nzMaskClosable = true;
|
||
|
|
this.nzMask = true;
|
||
|
|
this.nzCloseOnNavigation = true;
|
||
|
|
this.nzNoAnimation = false;
|
||
|
|
this.nzKeyboard = true;
|
||
|
|
this.nzPlacement = "right";
|
||
|
|
this.nzSize = "default";
|
||
|
|
this.nzMaskStyle = {};
|
||
|
|
this.nzBodyStyle = {};
|
||
|
|
this.nzZIndex = 1e3;
|
||
|
|
this.nzOffsetX = 0;
|
||
|
|
this.nzOffsetY = 0;
|
||
|
|
this.componentInstance = null;
|
||
|
|
this.nzOnViewInit = new EventEmitter();
|
||
|
|
this.nzOnClose = new EventEmitter();
|
||
|
|
this.nzVisibleChange = new EventEmitter();
|
||
|
|
this.destroy$ = new Subject();
|
||
|
|
this.placementChanging = false;
|
||
|
|
this.placementChangeTimeoutId = -1;
|
||
|
|
this.isOpen = false;
|
||
|
|
this.inAnimation = false;
|
||
|
|
this.templateContext = {
|
||
|
|
$implicit: void 0,
|
||
|
|
drawerRef: this
|
||
|
|
};
|
||
|
|
this.nzAfterOpen = new Subject();
|
||
|
|
this.nzAfterClose = new Subject();
|
||
|
|
this.nzDirection = void 0;
|
||
|
|
this.dir = "ltr";
|
||
|
|
}
|
||
|
|
ngOnInit() {
|
||
|
|
this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
|
||
|
|
this.dir = direction;
|
||
|
|
this.cdr.detectChanges();
|
||
|
|
});
|
||
|
|
this.dir = this.nzDirection || this.directionality.value;
|
||
|
|
this.attachOverlay();
|
||
|
|
this.updateOverlayStyle();
|
||
|
|
this.updateBodyOverflow();
|
||
|
|
this.templateContext = {
|
||
|
|
$implicit: this.nzData || this.nzContentParams,
|
||
|
|
drawerRef: this
|
||
|
|
};
|
||
|
|
this.changeDetectorRef.detectChanges();
|
||
|
|
}
|
||
|
|
ngAfterViewInit() {
|
||
|
|
this.attachBodyContent();
|
||
|
|
if (this.nzOnViewInit.observers.length) {
|
||
|
|
setTimeout(() => {
|
||
|
|
this.nzOnViewInit.emit();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
ngOnChanges(changes) {
|
||
|
|
const {
|
||
|
|
nzPlacement,
|
||
|
|
nzVisible
|
||
|
|
} = changes;
|
||
|
|
if (nzVisible) {
|
||
|
|
const value = changes.nzVisible.currentValue;
|
||
|
|
if (value) {
|
||
|
|
this.open();
|
||
|
|
} else {
|
||
|
|
this.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (nzPlacement && !nzPlacement.isFirstChange()) {
|
||
|
|
this.triggerPlacementChangeCycleOnce();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
ngOnDestroy() {
|
||
|
|
this.destroy$.next();
|
||
|
|
this.destroy$.complete();
|
||
|
|
clearTimeout(this.placementChangeTimeoutId);
|
||
|
|
this.disposeOverlay();
|
||
|
|
}
|
||
|
|
getAnimationDuration() {
|
||
|
|
return this.nzNoAnimation ? 0 : DRAWER_ANIMATE_DURATION;
|
||
|
|
}
|
||
|
|
// Disable the transition animation temporarily when the placement changing
|
||
|
|
triggerPlacementChangeCycleOnce() {
|
||
|
|
if (!this.nzNoAnimation) {
|
||
|
|
this.placementChanging = true;
|
||
|
|
this.changeDetectorRef.markForCheck();
|
||
|
|
clearTimeout(this.placementChangeTimeoutId);
|
||
|
|
this.placementChangeTimeoutId = setTimeout(() => {
|
||
|
|
this.placementChanging = false;
|
||
|
|
this.changeDetectorRef.markForCheck();
|
||
|
|
}, this.getAnimationDuration());
|
||
|
|
}
|
||
|
|
}
|
||
|
|
close(result) {
|
||
|
|
this.isOpen = false;
|
||
|
|
this.inAnimation = true;
|
||
|
|
this.nzVisibleChange.emit(false);
|
||
|
|
this.updateOverlayStyle();
|
||
|
|
this.overlayKeyboardDispatcher.remove(this.overlayRef);
|
||
|
|
this.changeDetectorRef.detectChanges();
|
||
|
|
setTimeout(() => {
|
||
|
|
this.updateBodyOverflow();
|
||
|
|
this.restoreFocus();
|
||
|
|
this.inAnimation = false;
|
||
|
|
this.nzAfterClose.next(result);
|
||
|
|
this.nzAfterClose.complete();
|
||
|
|
this.componentInstance = null;
|
||
|
|
}, this.getAnimationDuration());
|
||
|
|
}
|
||
|
|
open() {
|
||
|
|
this.attachOverlay();
|
||
|
|
this.isOpen = true;
|
||
|
|
this.inAnimation = true;
|
||
|
|
this.nzVisibleChange.emit(true);
|
||
|
|
this.overlayKeyboardDispatcher.add(this.overlayRef);
|
||
|
|
this.updateOverlayStyle();
|
||
|
|
this.updateBodyOverflow();
|
||
|
|
this.savePreviouslyFocusedElement();
|
||
|
|
this.trapFocus();
|
||
|
|
this.changeDetectorRef.detectChanges();
|
||
|
|
setTimeout(() => {
|
||
|
|
this.inAnimation = false;
|
||
|
|
this.changeDetectorRef.detectChanges();
|
||
|
|
this.nzAfterOpen.next();
|
||
|
|
}, this.getAnimationDuration());
|
||
|
|
}
|
||
|
|
getContentComponent() {
|
||
|
|
return this.componentInstance;
|
||
|
|
}
|
||
|
|
closeClick() {
|
||
|
|
this.nzOnClose.emit();
|
||
|
|
}
|
||
|
|
maskClick() {
|
||
|
|
if (this.nzMaskClosable && this.nzMask) {
|
||
|
|
this.nzOnClose.emit();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
attachBodyContent() {
|
||
|
|
this.bodyPortalOutlet.dispose();
|
||
|
|
if (this.nzContent instanceof Type) {
|
||
|
|
const childInjector = Injector.create({
|
||
|
|
parent: this.injector,
|
||
|
|
providers: [{
|
||
|
|
provide: NzDrawerRef,
|
||
|
|
useValue: this
|
||
|
|
}, {
|
||
|
|
provide: NZ_DRAWER_DATA,
|
||
|
|
useValue: this.nzData
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
const componentPortal = new ComponentPortal(this.nzContent, null, childInjector);
|
||
|
|
const componentRef = this.bodyPortalOutlet.attachComponentPortal(componentPortal);
|
||
|
|
this.componentInstance = componentRef.instance;
|
||
|
|
Object.assign(componentRef.instance, this.nzData || this.nzContentParams);
|
||
|
|
componentRef.changeDetectorRef.detectChanges();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
attachOverlay() {
|
||
|
|
if (!this.overlayRef) {
|
||
|
|
this.portal = new TemplatePortal(this.drawerTemplate, this.viewContainerRef);
|
||
|
|
this.overlayRef = this.overlay.create(this.getOverlayConfig());
|
||
|
|
}
|
||
|
|
if (this.overlayRef && !this.overlayRef.hasAttached()) {
|
||
|
|
this.overlayRef.attach(this.portal);
|
||
|
|
this.overlayRef.keydownEvents().pipe(takeUntil(this.destroy$)).subscribe((event) => {
|
||
|
|
if (event.keyCode === ESCAPE && this.isOpen && this.nzKeyboard) {
|
||
|
|
this.nzOnClose.emit();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
this.overlayRef.detachments().pipe(takeUntil(this.destroy$)).subscribe(() => {
|
||
|
|
this.disposeOverlay();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
disposeOverlay() {
|
||
|
|
this.overlayRef?.dispose();
|
||
|
|
this.overlayRef = null;
|
||
|
|
}
|
||
|
|
getOverlayConfig() {
|
||
|
|
return new OverlayConfig({
|
||
|
|
disposeOnNavigation: this.nzCloseOnNavigation,
|
||
|
|
positionStrategy: this.overlay.position().global(),
|
||
|
|
scrollStrategy: this.overlay.scrollStrategies.block()
|
||
|
|
});
|
||
|
|
}
|
||
|
|
updateOverlayStyle() {
|
||
|
|
if (this.overlayRef && this.overlayRef.overlayElement) {
|
||
|
|
this.renderer.setStyle(this.overlayRef.overlayElement, "pointer-events", this.isOpen ? "auto" : "none");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
updateBodyOverflow() {
|
||
|
|
if (this.overlayRef) {
|
||
|
|
if (this.isOpen) {
|
||
|
|
this.overlayRef.getConfig().scrollStrategy.enable();
|
||
|
|
} else {
|
||
|
|
this.overlayRef.getConfig().scrollStrategy.disable();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
savePreviouslyFocusedElement() {
|
||
|
|
if (this.document && !this.previouslyFocusedElement) {
|
||
|
|
this.previouslyFocusedElement = this.document.activeElement;
|
||
|
|
if (this.previouslyFocusedElement && typeof this.previouslyFocusedElement.blur === "function") {
|
||
|
|
this.previouslyFocusedElement.blur();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
trapFocus() {
|
||
|
|
if (!this.focusTrap && this.overlayRef && this.overlayRef.overlayElement) {
|
||
|
|
this.focusTrap = this.focusTrapFactory.create(this.overlayRef.overlayElement);
|
||
|
|
this.focusTrap.focusInitialElement();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
restoreFocus() {
|
||
|
|
if (this.previouslyFocusedElement && typeof this.previouslyFocusedElement.focus === "function") {
|
||
|
|
this.previouslyFocusedElement.focus();
|
||
|
|
}
|
||
|
|
if (this.focusTrap) {
|
||
|
|
this.focusTrap.destroy();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzDrawerComponent.ɵfac = function NzDrawerComponent_Factory(t) {
|
||
|
|
return new (t || _NzDrawerComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(DOCUMENT, 8), ɵɵdirectiveInject(NzConfigService), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(Overlay), ɵɵdirectiveInject(Injector), ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(FocusTrapFactory), ɵɵdirectiveInject(ViewContainerRef), ɵɵdirectiveInject(OverlayKeyboardDispatcher), ɵɵdirectiveInject(Directionality, 8));
|
||
|
|
};
|
||
|
|
_NzDrawerComponent.ɵcmp = ɵɵdefineComponent({
|
||
|
|
type: _NzDrawerComponent,
|
||
|
|
selectors: [["nz-drawer"]],
|
||
|
|
contentQueries: function NzDrawerComponent_ContentQueries(rf, ctx, dirIndex) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵcontentQuery(dirIndex, NzDrawerContentDirective, 7, TemplateRef);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
let _t;
|
||
|
|
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.contentFromContentChild = _t.first);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
viewQuery: function NzDrawerComponent_Query(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵviewQuery(_c0, 7);
|
||
|
|
ɵɵviewQuery(CdkPortalOutlet, 5);
|
||
|
|
}
|
||
|
|
if (rf & 2) {
|
||
|
|
let _t;
|
||
|
|
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.drawerTemplate = _t.first);
|
||
|
|
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.bodyPortalOutlet = _t.first);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
inputs: {
|
||
|
|
nzContent: "nzContent",
|
||
|
|
nzCloseIcon: "nzCloseIcon",
|
||
|
|
nzClosable: "nzClosable",
|
||
|
|
nzMaskClosable: "nzMaskClosable",
|
||
|
|
nzMask: "nzMask",
|
||
|
|
nzCloseOnNavigation: "nzCloseOnNavigation",
|
||
|
|
nzNoAnimation: "nzNoAnimation",
|
||
|
|
nzKeyboard: "nzKeyboard",
|
||
|
|
nzTitle: "nzTitle",
|
||
|
|
nzExtra: "nzExtra",
|
||
|
|
nzFooter: "nzFooter",
|
||
|
|
nzPlacement: "nzPlacement",
|
||
|
|
nzSize: "nzSize",
|
||
|
|
nzMaskStyle: "nzMaskStyle",
|
||
|
|
nzBodyStyle: "nzBodyStyle",
|
||
|
|
nzWrapClassName: "nzWrapClassName",
|
||
|
|
nzWidth: "nzWidth",
|
||
|
|
nzHeight: "nzHeight",
|
||
|
|
nzZIndex: "nzZIndex",
|
||
|
|
nzOffsetX: "nzOffsetX",
|
||
|
|
nzOffsetY: "nzOffsetY",
|
||
|
|
nzVisible: "nzVisible"
|
||
|
|
},
|
||
|
|
outputs: {
|
||
|
|
nzOnViewInit: "nzOnViewInit",
|
||
|
|
nzOnClose: "nzOnClose",
|
||
|
|
nzVisibleChange: "nzVisibleChange"
|
||
|
|
},
|
||
|
|
exportAs: ["nzDrawer"],
|
||
|
|
standalone: true,
|
||
|
|
features: [ɵɵInheritDefinitionFeature, ɵɵNgOnChangesFeature, ɵɵStandaloneFeature],
|
||
|
|
decls: 2,
|
||
|
|
vars: 0,
|
||
|
|
consts: [["drawerTemplate", ""], [1, "ant-drawer", 3, "nzNoAnimation"], ["class", "ant-drawer-mask", 3, "ngStyle", "click", 4, "ngIf"], [1, "ant-drawer-content"], [1, "ant-drawer-wrapper-body"], ["class", "ant-drawer-header", 3, "ant-drawer-header-close-only", 4, "ngIf"], [1, "ant-drawer-body", 3, "ngStyle"], ["cdkPortalOutlet", ""], [4, "ngIf", "ngIfElse"], ["contentElseTemp", ""], ["class", "ant-drawer-footer", 4, "ngIf"], [1, "ant-drawer-mask", 3, "ngStyle", "click"], [1, "ant-drawer-header"], [1, "ant-drawer-header-title"], ["aria-label", "Close", "class", "ant-drawer-close", "style", "--scroll-bar: 0px;", 3, "click", 4, "ngIf"], ["class", "ant-drawer-title", 4, "ngIf"], ["class", "ant-drawer-extra", 4, "ngIf"], ["aria-label", "Close", 1, "ant-drawer-close", 2, "--scroll-bar", "0px", 3, "click"], [4, "nzStringTemplateOutlet"], ["nz-icon", "", 3, "nzType"], [1, "ant-drawer-title"], [3, "innerHTML"], [1, "ant-drawer-extra"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngTemplateOutlet"], [1, "ant-drawer-footer"]],
|
||
|
|
template: function NzDrawerComponent_Template(rf, ctx) {
|
||
|
|
if (rf & 1) {
|
||
|
|
ɵɵtemplate(0, NzDrawerComponent_ng_template_0_Template, 12, 40, "ng-template", null, 0, ɵɵtemplateRefExtractor);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
dependencies: [NzNoAnimationDirective, NgIf, NgStyle, NzOutletModule, NzStringTemplateOutletDirective, NzIconModule, NzIconDirective, PortalModule, CdkPortalOutlet, NgTemplateOutlet],
|
||
|
|
encapsulation: 2,
|
||
|
|
changeDetection: 0
|
||
|
|
});
|
||
|
|
var NzDrawerComponent = _NzDrawerComponent;
|
||
|
|
__decorate([InputBoolean()], NzDrawerComponent.prototype, "nzClosable", void 0);
|
||
|
|
__decorate([WithConfig(), InputBoolean()], NzDrawerComponent.prototype, "nzMaskClosable", void 0);
|
||
|
|
__decorate([WithConfig(), InputBoolean()], NzDrawerComponent.prototype, "nzMask", void 0);
|
||
|
|
__decorate([WithConfig(), InputBoolean()], NzDrawerComponent.prototype, "nzCloseOnNavigation", void 0);
|
||
|
|
__decorate([InputBoolean()], NzDrawerComponent.prototype, "nzNoAnimation", void 0);
|
||
|
|
__decorate([InputBoolean()], NzDrawerComponent.prototype, "nzKeyboard", void 0);
|
||
|
|
__decorate([WithConfig()], NzDrawerComponent.prototype, "nzDirection", void 0);
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDrawerComponent, [{
|
||
|
|
type: Component,
|
||
|
|
args: [{
|
||
|
|
selector: "nz-drawer",
|
||
|
|
exportAs: "nzDrawer",
|
||
|
|
template: `
|
||
|
|
<ng-template #drawerTemplate>
|
||
|
|
<div
|
||
|
|
class="ant-drawer"
|
||
|
|
[nzNoAnimation]="nzNoAnimation"
|
||
|
|
[class.ant-drawer-rtl]="dir === 'rtl'"
|
||
|
|
[class.ant-drawer-open]="isOpen"
|
||
|
|
[class.no-mask]="!nzMask"
|
||
|
|
[class.ant-drawer-top]="nzPlacement === 'top'"
|
||
|
|
[class.ant-drawer-bottom]="nzPlacement === 'bottom'"
|
||
|
|
[class.ant-drawer-right]="nzPlacement === 'right'"
|
||
|
|
[class.ant-drawer-left]="nzPlacement === 'left'"
|
||
|
|
[style.transform]="offsetTransform"
|
||
|
|
[style.transition]="placementChanging ? 'none' : null"
|
||
|
|
[style.zIndex]="nzZIndex"
|
||
|
|
>
|
||
|
|
<div class="ant-drawer-mask" (click)="maskClick()" *ngIf="nzMask" [ngStyle]="nzMaskStyle"></div>
|
||
|
|
<div
|
||
|
|
class="ant-drawer-content-wrapper {{ nzWrapClassName }}"
|
||
|
|
[style.width]="width"
|
||
|
|
[style.height]="height"
|
||
|
|
[style.transform]="transform"
|
||
|
|
[style.transition]="placementChanging ? 'none' : null"
|
||
|
|
>
|
||
|
|
<div class="ant-drawer-content">
|
||
|
|
<div class="ant-drawer-wrapper-body" [style.height]="isLeftOrRight ? '100%' : null">
|
||
|
|
<div
|
||
|
|
*ngIf="nzTitle || nzClosable"
|
||
|
|
class="ant-drawer-header"
|
||
|
|
[class.ant-drawer-header-close-only]="!nzTitle"
|
||
|
|
>
|
||
|
|
<div class="ant-drawer-header-title">
|
||
|
|
<button
|
||
|
|
*ngIf="nzClosable"
|
||
|
|
(click)="closeClick()"
|
||
|
|
aria-label="Close"
|
||
|
|
class="ant-drawer-close"
|
||
|
|
style="--scroll-bar: 0px;"
|
||
|
|
>
|
||
|
|
<ng-container *nzStringTemplateOutlet="nzCloseIcon; let closeIcon">
|
||
|
|
<span nz-icon [nzType]="closeIcon"></span>
|
||
|
|
</ng-container>
|
||
|
|
</button>
|
||
|
|
<div *ngIf="nzTitle" class="ant-drawer-title">
|
||
|
|
<ng-container *nzStringTemplateOutlet="nzTitle">
|
||
|
|
<div [innerHTML]="nzTitle"></div>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="nzExtra" class="ant-drawer-extra">
|
||
|
|
<ng-container *nzStringTemplateOutlet="nzExtra">
|
||
|
|
<div [innerHTML]="nzExtra"></div>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ant-drawer-body" [ngStyle]="nzBodyStyle">
|
||
|
|
<ng-template cdkPortalOutlet></ng-template>
|
||
|
|
<ng-container *ngIf="nzContent; else contentElseTemp">
|
||
|
|
<ng-container *ngIf="isTemplateRef(nzContent)">
|
||
|
|
<ng-container *ngTemplateOutlet="$any(nzContent); context: templateContext"></ng-container>
|
||
|
|
</ng-container>
|
||
|
|
</ng-container>
|
||
|
|
<ng-template #contentElseTemp>
|
||
|
|
<ng-container *ngIf="contentFromContentChild && (isOpen || inAnimation)">
|
||
|
|
<ng-template [ngTemplateOutlet]="contentFromContentChild"></ng-template>
|
||
|
|
</ng-container>
|
||
|
|
</ng-template>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="nzFooter" class="ant-drawer-footer">
|
||
|
|
<ng-container *nzStringTemplateOutlet="nzFooter">
|
||
|
|
<div [innerHTML]="nzFooter"></div>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</ng-template>
|
||
|
|
`,
|
||
|
|
preserveWhitespaces: false,
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
||
|
|
imports: [NzNoAnimationDirective, NgIf, NgStyle, NzOutletModule, NzIconModule, PortalModule, NgTemplateOutlet],
|
||
|
|
standalone: true
|
||
|
|
}]
|
||
|
|
}], () => [{
|
||
|
|
type: ChangeDetectorRef
|
||
|
|
}, {
|
||
|
|
type: void 0,
|
||
|
|
decorators: [{
|
||
|
|
type: Optional
|
||
|
|
}, {
|
||
|
|
type: Inject,
|
||
|
|
args: [DOCUMENT]
|
||
|
|
}]
|
||
|
|
}, {
|
||
|
|
type: NzConfigService
|
||
|
|
}, {
|
||
|
|
type: Renderer2
|
||
|
|
}, {
|
||
|
|
type: Overlay
|
||
|
|
}, {
|
||
|
|
type: Injector
|
||
|
|
}, {
|
||
|
|
type: ChangeDetectorRef
|
||
|
|
}, {
|
||
|
|
type: FocusTrapFactory
|
||
|
|
}, {
|
||
|
|
type: ViewContainerRef
|
||
|
|
}, {
|
||
|
|
type: OverlayKeyboardDispatcher
|
||
|
|
}, {
|
||
|
|
type: Directionality,
|
||
|
|
decorators: [{
|
||
|
|
type: Optional
|
||
|
|
}]
|
||
|
|
}], {
|
||
|
|
nzContent: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzCloseIcon: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzClosable: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzMaskClosable: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzMask: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzCloseOnNavigation: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzNoAnimation: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzKeyboard: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzTitle: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzExtra: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzFooter: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzPlacement: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzSize: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzMaskStyle: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzBodyStyle: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzWrapClassName: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzWidth: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzHeight: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzZIndex: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzOffsetX: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzOffsetY: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzVisible: [{
|
||
|
|
type: Input
|
||
|
|
}],
|
||
|
|
nzOnViewInit: [{
|
||
|
|
type: Output
|
||
|
|
}],
|
||
|
|
nzOnClose: [{
|
||
|
|
type: Output
|
||
|
|
}],
|
||
|
|
nzVisibleChange: [{
|
||
|
|
type: Output
|
||
|
|
}],
|
||
|
|
drawerTemplate: [{
|
||
|
|
type: ViewChild,
|
||
|
|
args: ["drawerTemplate", {
|
||
|
|
static: true
|
||
|
|
}]
|
||
|
|
}],
|
||
|
|
bodyPortalOutlet: [{
|
||
|
|
type: ViewChild,
|
||
|
|
args: [CdkPortalOutlet, {
|
||
|
|
static: false
|
||
|
|
}]
|
||
|
|
}],
|
||
|
|
contentFromContentChild: [{
|
||
|
|
type: ContentChild,
|
||
|
|
args: [NzDrawerContentDirective, {
|
||
|
|
static: true,
|
||
|
|
read: TemplateRef
|
||
|
|
}]
|
||
|
|
}],
|
||
|
|
nzDirection: []
|
||
|
|
});
|
||
|
|
})();
|
||
|
|
var DrawerBuilderForService = class {
|
||
|
|
constructor(overlay, options) {
|
||
|
|
this.overlay = overlay;
|
||
|
|
this.options = options;
|
||
|
|
this.unsubscribe$ = new Subject();
|
||
|
|
const _a = this.options, {
|
||
|
|
nzOnCancel
|
||
|
|
} = _a, componentOption = __objRest(_a, [
|
||
|
|
"nzOnCancel"
|
||
|
|
]);
|
||
|
|
this.overlayRef = this.overlay.create();
|
||
|
|
this.drawerRef = this.overlayRef.attach(new ComponentPortal(NzDrawerComponent)).instance;
|
||
|
|
this.updateOptions(componentOption);
|
||
|
|
this.drawerRef.savePreviouslyFocusedElement();
|
||
|
|
this.drawerRef.nzOnViewInit.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
|
||
|
|
this.drawerRef.open();
|
||
|
|
});
|
||
|
|
this.drawerRef.nzOnClose.subscribe(() => {
|
||
|
|
if (nzOnCancel) {
|
||
|
|
nzOnCancel().then((canClose) => {
|
||
|
|
if (canClose !== false) {
|
||
|
|
this.drawerRef.close();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
this.drawerRef.close();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
this.drawerRef.afterClose.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
|
||
|
|
this.overlayRef.dispose();
|
||
|
|
this.drawerRef = null;
|
||
|
|
this.unsubscribe$.next();
|
||
|
|
this.unsubscribe$.complete();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
getInstance() {
|
||
|
|
return this.drawerRef;
|
||
|
|
}
|
||
|
|
updateOptions(options) {
|
||
|
|
Object.assign(this.drawerRef, options);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var _NzDrawerService = class _NzDrawerService {
|
||
|
|
constructor(overlay) {
|
||
|
|
this.overlay = overlay;
|
||
|
|
}
|
||
|
|
create(options) {
|
||
|
|
return new DrawerBuilderForService(this.overlay, options).getInstance();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
_NzDrawerService.ɵfac = function NzDrawerService_Factory(t) {
|
||
|
|
return new (t || _NzDrawerService)(ɵɵinject(Overlay));
|
||
|
|
};
|
||
|
|
_NzDrawerService.ɵprov = ɵɵdefineInjectable({
|
||
|
|
token: _NzDrawerService,
|
||
|
|
factory: _NzDrawerService.ɵfac
|
||
|
|
});
|
||
|
|
var NzDrawerService = _NzDrawerService;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDrawerService, [{
|
||
|
|
type: Injectable
|
||
|
|
}], () => [{
|
||
|
|
type: Overlay
|
||
|
|
}], null);
|
||
|
|
})();
|
||
|
|
var _NzDrawerModule = class _NzDrawerModule {
|
||
|
|
};
|
||
|
|
_NzDrawerModule.ɵfac = function NzDrawerModule_Factory(t) {
|
||
|
|
return new (t || _NzDrawerModule)();
|
||
|
|
};
|
||
|
|
_NzDrawerModule.ɵmod = ɵɵdefineNgModule({
|
||
|
|
type: _NzDrawerModule,
|
||
|
|
imports: [NzDrawerComponent, NzDrawerContentDirective],
|
||
|
|
exports: [NzDrawerComponent, NzDrawerContentDirective]
|
||
|
|
});
|
||
|
|
_NzDrawerModule.ɵinj = ɵɵdefineInjector({
|
||
|
|
providers: [NzDrawerService],
|
||
|
|
imports: [NzDrawerComponent]
|
||
|
|
});
|
||
|
|
var NzDrawerModule = _NzDrawerModule;
|
||
|
|
(() => {
|
||
|
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(NzDrawerModule, [{
|
||
|
|
type: NgModule,
|
||
|
|
args: [{
|
||
|
|
imports: [NzDrawerComponent, NzDrawerContentDirective],
|
||
|
|
providers: [NzDrawerService],
|
||
|
|
exports: [NzDrawerComponent, NzDrawerContentDirective]
|
||
|
|
}]
|
||
|
|
}], null, null);
|
||
|
|
})();
|
||
|
|
export {
|
||
|
|
DRAWER_ANIMATE_DURATION,
|
||
|
|
DRAWER_DEFAULT_SIZE,
|
||
|
|
DRAWER_LARGE_SIZE,
|
||
|
|
DrawerBuilderForService,
|
||
|
|
NZ_DRAWER_DATA,
|
||
|
|
NzDrawerComponent,
|
||
|
|
NzDrawerContentDirective,
|
||
|
|
NzDrawerModule,
|
||
|
|
NzDrawerRef,
|
||
|
|
NzDrawerService
|
||
|
|
};
|
||
|
|
//# sourceMappingURL=ng-zorro-antd_drawer.js.map
|