ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1,037 lines (1,027 loc) • 34.5 kB
JavaScript
import { __extends, __decorate, __metadata, __rest } from 'tslib';
import { FocusTrapFactory } from '@angular/cdk/a11y';
import { ESCAPE } from '@angular/cdk/keycodes';
import { OverlayConfig, Overlay, OverlayKeyboardDispatcher, OverlayModule } from '@angular/cdk/overlay';
import { PortalInjector, ComponentPortal, TemplatePortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
import { DOCUMENT, CommonModule } from '@angular/common';
import { EventEmitter, TemplateRef, Type, Component, ChangeDetectionStrategy, Optional, Inject, Renderer2, Injector, ChangeDetectorRef, ViewContainerRef, Input, Output, ViewChild, NgModule, Injectable, ɵɵdefineInjectable, ɵɵinject } from '@angular/core';
import { NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
import { toCssPixel, InputBoolean } from 'ng-zorro-antd/core/util';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
import { NzIconModule } from 'ng-zorro-antd/icon';
/**
* @fileoverview added by tsickle
* Generated from: drawer-ref.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @license
* Copyright Alibaba.com All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
/**
* @abstract
* @template R
*/
var /**
* @abstract
* @template R
*/
NzDrawerRef = /** @class */ (function () {
function NzDrawerRef() {
}
return NzDrawerRef;
}());
if (false) {
/** @type {?} */
NzDrawerRef.prototype.afterClose;
/** @type {?} */
NzDrawerRef.prototype.afterOpen;
/** @type {?} */
NzDrawerRef.prototype.nzClosable;
/** @type {?} */
NzDrawerRef.prototype.nzNoAnimation;
/** @type {?} */
NzDrawerRef.prototype.nzMaskClosable;
/** @type {?} */
NzDrawerRef.prototype.nzKeyboard;
/** @type {?} */
NzDrawerRef.prototype.nzMask;
/** @type {?} */
NzDrawerRef.prototype.nzTitle;
/** @type {?} */
NzDrawerRef.prototype.nzPlacement;
/** @type {?} */
NzDrawerRef.prototype.nzMaskStyle;
/** @type {?} */
NzDrawerRef.prototype.nzBodyStyle;
/** @type {?} */
NzDrawerRef.prototype.nzWrapClassName;
/** @type {?} */
NzDrawerRef.prototype.nzWidth;
/** @type {?} */
NzDrawerRef.prototype.nzHeight;
/** @type {?} */
NzDrawerRef.prototype.nzZIndex;
/** @type {?} */
NzDrawerRef.prototype.nzOffsetX;
/** @type {?} */
NzDrawerRef.prototype.nzOffsetY;
/**
* @abstract
* @param {?=} result
* @return {?}
*/
NzDrawerRef.prototype.close = function (result) { };
/**
* @abstract
* @return {?}
*/
NzDrawerRef.prototype.open = function () { };
}
/**
* @fileoverview added by tsickle
* Generated from: drawer.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
var DRAWER_ANIMATE_DURATION = 300;
/** @type {?} */
var NZ_CONFIG_COMPONENT_NAME = 'drawer';
/**
* @template T, R, D
*/
var NzDrawerComponent = /** @class */ (function (_super) {
__extends(NzDrawerComponent, _super);
function NzDrawerComponent(document, nzConfigService, renderer, overlay, injector, changeDetectorRef, focusTrapFactory, viewContainerRef, overlayKeyboardDispatcher) {
var _this = _super.call(this) || this;
_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.nzClosable = true;
_this.nzNoAnimation = false;
_this.nzKeyboard = true;
_this.nzPlacement = 'right';
_this.nzMaskStyle = {};
_this.nzBodyStyle = {};
_this.nzWidth = 256;
_this.nzHeight = 256;
_this.nzZIndex = 1000;
_this.nzOffsetX = 0;
_this.nzOffsetY = 0;
_this.nzOnViewInit = new EventEmitter();
_this.nzOnClose = new EventEmitter();
_this.destroy$ = new Subject();
_this.placementChanging = false;
_this.placementChangeTimeoutId = -1;
_this.isOpen = false;
_this.templateContext = {
$implicit: undefined,
drawerRef: (/** @type {?} */ (_this))
};
_this.nzAfterOpen = new Subject();
_this.nzAfterClose = new Subject();
return _this;
}
Object.defineProperty(NzDrawerComponent.prototype, "nzVisible", {
get: /**
* @return {?}
*/
function () {
return this.isOpen;
},
set: /**
* @param {?} value
* @return {?}
*/
function (value) {
this.isOpen = value;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NzDrawerComponent.prototype, "offsetTransform", {
get: /**
* @return {?}
*/
function () {
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)";
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(NzDrawerComponent.prototype, "transform", {
get: /**
* @return {?}
*/
function () {
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%)";
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(NzDrawerComponent.prototype, "width", {
get: /**
* @return {?}
*/
function () {
return this.isLeftOrRight ? toCssPixel(this.nzWidth) : null;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NzDrawerComponent.prototype, "height", {
get: /**
* @return {?}
*/
function () {
return !this.isLeftOrRight ? toCssPixel(this.nzHeight) : null;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NzDrawerComponent.prototype, "isLeftOrRight", {
get: /**
* @return {?}
*/
function () {
return this.nzPlacement === 'left' || this.nzPlacement === 'right';
},
enumerable: true,
configurable: true
});
Object.defineProperty(NzDrawerComponent.prototype, "afterOpen", {
get: /**
* @return {?}
*/
function () {
return this.nzAfterOpen.asObservable();
},
enumerable: true,
configurable: true
});
Object.defineProperty(NzDrawerComponent.prototype, "afterClose", {
get: /**
* @return {?}
*/
function () {
return this.nzAfterClose.asObservable();
},
enumerable: true,
configurable: true
});
/**
* @param {?} value
* @return {?}
*/
NzDrawerComponent.prototype.isTemplateRef = /**
* @param {?} value
* @return {?}
*/
function (value) {
return value instanceof TemplateRef;
};
/**
* @return {?}
*/
NzDrawerComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.attachOverlay();
this.updateOverlayStyle();
this.updateBodyOverflow();
this.templateContext = { $implicit: this.nzContentParams, drawerRef: (/** @type {?} */ (this)) };
this.changeDetectorRef.detectChanges();
};
/**
* @return {?}
*/
NzDrawerComponent.prototype.ngAfterViewInit = /**
* @return {?}
*/
function () {
var _this = this;
this.attachBodyContent();
setTimeout((/**
* @return {?}
*/
function () {
_this.nzOnViewInit.emit();
}));
};
/**
* @param {?} changes
* @return {?}
*/
NzDrawerComponent.prototype.ngOnChanges = /**
* @param {?} changes
* @return {?}
*/
function (changes) {
var nzPlacement = changes.nzPlacement, nzVisible = changes.nzVisible;
if (nzVisible) {
/** @type {?} */
var value = changes.nzVisible.currentValue;
if (value) {
this.open();
}
else {
this.close();
}
}
if (nzPlacement && !nzPlacement.isFirstChange()) {
this.triggerPlacementChangeCycleOnce();
}
};
/**
* @return {?}
*/
NzDrawerComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this.destroy$.next();
this.destroy$.complete();
clearTimeout(this.placementChangeTimeoutId);
this.disposeOverlay();
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.getAnimationDuration = /**
* @private
* @return {?}
*/
function () {
return this.nzNoAnimation ? 0 : DRAWER_ANIMATE_DURATION;
};
// Disable the transition animation temporarily when the placement changing
// Disable the transition animation temporarily when the placement changing
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.triggerPlacementChangeCycleOnce =
// Disable the transition animation temporarily when the placement changing
/**
* @private
* @return {?}
*/
function () {
var _this = this;
if (!this.nzNoAnimation) {
this.placementChanging = true;
this.changeDetectorRef.markForCheck();
clearTimeout(this.placementChangeTimeoutId);
this.placementChangeTimeoutId = setTimeout((/**
* @return {?}
*/
function () {
_this.placementChanging = false;
_this.changeDetectorRef.markForCheck();
}), this.getAnimationDuration());
}
};
/**
* @param {?=} result
* @return {?}
*/
NzDrawerComponent.prototype.close = /**
* @param {?=} result
* @return {?}
*/
function (result) {
var _this = this;
this.isOpen = false;
this.updateOverlayStyle();
this.overlayKeyboardDispatcher.remove((/** @type {?} */ (this.overlayRef)));
this.changeDetectorRef.detectChanges();
setTimeout((/**
* @return {?}
*/
function () {
_this.updateBodyOverflow();
_this.restoreFocus();
_this.nzAfterClose.next(result);
_this.nzAfterClose.complete();
}), this.getAnimationDuration());
};
/**
* @return {?}
*/
NzDrawerComponent.prototype.open = /**
* @return {?}
*/
function () {
var _this = this;
this.isOpen = true;
this.overlayKeyboardDispatcher.add((/** @type {?} */ (this.overlayRef)));
this.updateOverlayStyle();
this.updateBodyOverflow();
this.savePreviouslyFocusedElement();
this.trapFocus();
this.changeDetectorRef.detectChanges();
setTimeout((/**
* @return {?}
*/
function () {
_this.nzAfterOpen.next();
}), this.getAnimationDuration());
};
/**
* @return {?}
*/
NzDrawerComponent.prototype.closeClick = /**
* @return {?}
*/
function () {
this.nzOnClose.emit();
};
/**
* @return {?}
*/
NzDrawerComponent.prototype.maskClick = /**
* @return {?}
*/
function () {
if (this.nzMaskClosable && this.nzMask) {
this.nzOnClose.emit();
}
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.attachBodyContent = /**
* @private
* @return {?}
*/
function () {
this.bodyPortalOutlet.dispose();
if (this.nzContent instanceof Type) {
/** @type {?} */
var childInjector = new PortalInjector(this.injector, new WeakMap([[NzDrawerRef, this]]));
/** @type {?} */
var componentPortal = new ComponentPortal(this.nzContent, null, childInjector);
/** @type {?} */
var componentRef = this.bodyPortalOutlet.attachComponentPortal(componentPortal);
Object.assign(componentRef.instance, this.nzContentParams);
componentRef.changeDetectorRef.detectChanges();
}
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.attachOverlay = /**
* @private
* @return {?}
*/
function () {
var _this = this;
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);
(/** @type {?} */ (this.overlayRef)).keydownEvents()
.pipe(takeUntil(this.destroy$))
.subscribe((/**
* @param {?} event
* @return {?}
*/
function (event) {
if (event.keyCode === ESCAPE && _this.isOpen && _this.nzKeyboard) {
_this.nzOnClose.emit();
}
}));
}
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.disposeOverlay = /**
* @private
* @return {?}
*/
function () {
if (this.overlayRef) {
this.overlayRef.dispose();
}
this.overlayRef = null;
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.getOverlayConfig = /**
* @private
* @return {?}
*/
function () {
return new OverlayConfig({
disposeOnNavigation: true,
positionStrategy: this.overlay.position().global(),
scrollStrategy: this.overlay.scrollStrategies.block()
});
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.updateOverlayStyle = /**
* @private
* @return {?}
*/
function () {
if (this.overlayRef && this.overlayRef.overlayElement) {
this.renderer.setStyle(this.overlayRef.overlayElement, 'pointer-events', this.isOpen ? 'auto' : 'none');
}
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.updateBodyOverflow = /**
* @private
* @return {?}
*/
function () {
if (this.overlayRef) {
if (this.isOpen) {
(/** @type {?} */ (this.overlayRef.getConfig().scrollStrategy)).enable();
}
else {
(/** @type {?} */ (this.overlayRef.getConfig().scrollStrategy)).disable();
}
}
};
/**
* @return {?}
*/
NzDrawerComponent.prototype.savePreviouslyFocusedElement = /**
* @return {?}
*/
function () {
if (this.document && !this.previouslyFocusedElement) {
this.previouslyFocusedElement = (/** @type {?} */ (this.document.activeElement));
// We need the extra check, because IE's svg element has no blur method.
if (this.previouslyFocusedElement && typeof this.previouslyFocusedElement.blur === 'function') {
this.previouslyFocusedElement.blur();
}
}
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.trapFocus = /**
* @private
* @return {?}
*/
function () {
if (!this.focusTrap && this.overlayRef && this.overlayRef.overlayElement) {
this.focusTrap = this.focusTrapFactory.create((/** @type {?} */ (this.overlayRef)).overlayElement);
this.focusTrap.focusInitialElement();
}
};
/**
* @private
* @return {?}
*/
NzDrawerComponent.prototype.restoreFocus = /**
* @private
* @return {?}
*/
function () {
// We need the extra check, because IE can set the `activeElement` to null in some cases.
if (this.previouslyFocusedElement && typeof this.previouslyFocusedElement.focus === 'function') {
this.previouslyFocusedElement.focus();
}
if (this.focusTrap) {
this.focusTrap.destroy();
}
};
NzDrawerComponent.decorators = [
{ type: Component, args: [{
selector: 'nz-drawer',
exportAs: 'nzDrawer',
template: "\n <ng-template #drawerTemplate>\n <div\n class=\"ant-drawer\"\n [nzNoAnimation]=\"nzNoAnimation\"\n [class.ant-drawer-open]=\"isOpen\"\n [class.ant-drawer-top]=\"nzPlacement === 'top'\"\n [class.ant-drawer-bottom]=\"nzPlacement === 'bottom'\"\n [class.ant-drawer-right]=\"nzPlacement === 'right'\"\n [class.ant-drawer-left]=\"nzPlacement === 'left'\"\n [style.transform]=\"offsetTransform\"\n [style.transition]=\"placementChanging ? 'none' : null\"\n [style.zIndex]=\"nzZIndex\"\n >\n <div class=\"ant-drawer-mask\" (click)=\"maskClick()\" *ngIf=\"nzMask\" [ngStyle]=\"nzMaskStyle\"></div>\n <div\n class=\"ant-drawer-content-wrapper {{ nzWrapClassName }}\"\n [style.width]=\"width\"\n [style.height]=\"height\"\n [style.transform]=\"transform\"\n [style.transition]=\"placementChanging ? 'none' : null\"\n >\n <div class=\"ant-drawer-content\">\n <div class=\"ant-drawer-wrapper-body\" [style.height]=\"isLeftOrRight ? '100%' : null\">\n <div *ngIf=\"nzTitle || nzClosable\" [class.ant-drawer-header]=\"!!nzTitle\" [class.ant-drawer-header-no-title]=\"!nzTitle\">\n <div *ngIf=\"nzTitle\" class=\"ant-drawer-title\">\n <ng-container *nzStringTemplateOutlet=\"nzTitle\"><div [innerHTML]=\"nzTitle\"></div></ng-container>\n </div>\n <button *ngIf=\"nzClosable\" (click)=\"closeClick()\" aria-label=\"Close\" class=\"ant-drawer-close\" style=\"--scroll-bar: 0px;\">\n <i nz-icon nzType=\"close\"></i>\n </button>\n </div>\n <div class=\"ant-drawer-body\" [ngStyle]=\"nzBodyStyle\">\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(nzContent)\">\n <ng-container *ngTemplateOutlet=\"nzContent; context: templateContext\"></ng-container>\n </ng-container>\n <ng-content *ngIf=\"!nzContent\"></ng-content>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n ",
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush
}] }
];
/** @nocollapse */
NzDrawerComponent.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] },
{ type: NzConfigService },
{ type: Renderer2 },
{ type: Overlay },
{ type: Injector },
{ type: ChangeDetectorRef },
{ type: FocusTrapFactory },
{ type: ViewContainerRef },
{ type: OverlayKeyboardDispatcher }
]; };
NzDrawerComponent.propDecorators = {
nzContent: [{ type: Input }],
nzClosable: [{ type: Input }],
nzMaskClosable: [{ type: Input }],
nzMask: [{ type: Input }],
nzNoAnimation: [{ type: Input }],
nzKeyboard: [{ type: Input }],
nzTitle: [{ type: Input }],
nzPlacement: [{ 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 }],
drawerTemplate: [{ type: ViewChild, args: ['drawerTemplate', { static: true },] }],
bodyPortalOutlet: [{ type: ViewChild, args: [CdkPortalOutlet, { static: false },] }]
};
__decorate([
InputBoolean(),
__metadata("design:type", Boolean)
], NzDrawerComponent.prototype, "nzClosable", void 0);
__decorate([
WithConfig(NZ_CONFIG_COMPONENT_NAME, true), InputBoolean(),
__metadata("design:type", Boolean)
], NzDrawerComponent.prototype, "nzMaskClosable", void 0);
__decorate([
WithConfig(NZ_CONFIG_COMPONENT_NAME, true), InputBoolean(),
__metadata("design:type", Boolean)
], NzDrawerComponent.prototype, "nzMask", void 0);
__decorate([
InputBoolean(),
__metadata("design:type", Object)
], NzDrawerComponent.prototype, "nzNoAnimation", void 0);
__decorate([
InputBoolean(),
__metadata("design:type", Boolean)
], NzDrawerComponent.prototype, "nzKeyboard", void 0);
return NzDrawerComponent;
}(NzDrawerRef));
if (false) {
/** @type {?} */
NzDrawerComponent.ngAcceptInputType_nzClosable;
/** @type {?} */
NzDrawerComponent.ngAcceptInputType_nzMaskClosable;
/** @type {?} */
NzDrawerComponent.ngAcceptInputType_nzMask;
/** @type {?} */
NzDrawerComponent.ngAcceptInputType_nzNoAnimation;
/** @type {?} */
NzDrawerComponent.ngAcceptInputType_nzKeyboard;
/** @type {?} */
NzDrawerComponent.prototype.nzContent;
/** @type {?} */
NzDrawerComponent.prototype.nzClosable;
/** @type {?} */
NzDrawerComponent.prototype.nzMaskClosable;
/** @type {?} */
NzDrawerComponent.prototype.nzMask;
/** @type {?} */
NzDrawerComponent.prototype.nzNoAnimation;
/** @type {?} */
NzDrawerComponent.prototype.nzKeyboard;
/** @type {?} */
NzDrawerComponent.prototype.nzTitle;
/** @type {?} */
NzDrawerComponent.prototype.nzPlacement;
/** @type {?} */
NzDrawerComponent.prototype.nzMaskStyle;
/** @type {?} */
NzDrawerComponent.prototype.nzBodyStyle;
/** @type {?} */
NzDrawerComponent.prototype.nzWrapClassName;
/** @type {?} */
NzDrawerComponent.prototype.nzWidth;
/** @type {?} */
NzDrawerComponent.prototype.nzHeight;
/** @type {?} */
NzDrawerComponent.prototype.nzZIndex;
/** @type {?} */
NzDrawerComponent.prototype.nzOffsetX;
/** @type {?} */
NzDrawerComponent.prototype.nzOffsetY;
/** @type {?} */
NzDrawerComponent.prototype.nzOnViewInit;
/** @type {?} */
NzDrawerComponent.prototype.nzOnClose;
/** @type {?} */
NzDrawerComponent.prototype.drawerTemplate;
/** @type {?} */
NzDrawerComponent.prototype.bodyPortalOutlet;
/** @type {?} */
NzDrawerComponent.prototype.destroy$;
/** @type {?} */
NzDrawerComponent.prototype.previouslyFocusedElement;
/** @type {?} */
NzDrawerComponent.prototype.placementChanging;
/** @type {?} */
NzDrawerComponent.prototype.placementChangeTimeoutId;
/** @type {?} */
NzDrawerComponent.prototype.nzContentParams;
/** @type {?} */
NzDrawerComponent.prototype.overlayRef;
/** @type {?} */
NzDrawerComponent.prototype.portal;
/** @type {?} */
NzDrawerComponent.prototype.focusTrap;
/** @type {?} */
NzDrawerComponent.prototype.isOpen;
/** @type {?} */
NzDrawerComponent.prototype.templateContext;
/** @type {?} */
NzDrawerComponent.prototype.nzAfterOpen;
/** @type {?} */
NzDrawerComponent.prototype.nzAfterClose;
/**
* @type {?}
* @private
*/
NzDrawerComponent.prototype.document;
/** @type {?} */
NzDrawerComponent.prototype.nzConfigService;
/**
* @type {?}
* @private
*/
NzDrawerComponent.prototype.renderer;
/**
* @type {?}
* @private
*/
NzDrawerComponent.prototype.overlay;
/**
* @type {?}
* @private
*/
NzDrawerComponent.prototype.injector;
/**
* @type {?}
* @private
*/
NzDrawerComponent.prototype.changeDetectorRef;
/**
* @type {?}
* @private
*/
NzDrawerComponent.prototype.focusTrapFactory;
/**
* @type {?}
* @private
*/
NzDrawerComponent.prototype.viewContainerRef;
/**
* @type {?}
* @private
*/
NzDrawerComponent.prototype.overlayKeyboardDispatcher;
}
/**
* @fileoverview added by tsickle
* Generated from: drawer.service.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzDrawerServiceModule = /** @class */ (function () {
function NzDrawerServiceModule() {
}
NzDrawerServiceModule.decorators = [
{ type: NgModule }
];
return NzDrawerServiceModule;
}());
/**
* @fileoverview added by tsickle
* Generated from: drawer.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzDrawerModule = /** @class */ (function () {
function NzDrawerModule() {
}
NzDrawerModule.decorators = [
{ type: NgModule, args: [{
imports: [CommonModule, OverlayModule, PortalModule, NzIconModule, NzOutletModule, NzNoAnimationModule, NzDrawerServiceModule],
exports: [NzDrawerComponent],
declarations: [NzDrawerComponent],
entryComponents: [NzDrawerComponent]
},] }
];
return NzDrawerModule;
}());
/**
* @fileoverview added by tsickle
* Generated from: drawer.service.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @template R
*/
var /**
* @template R
*/
DrawerBuilderForService = /** @class */ (function () {
function DrawerBuilderForService(overlay, options) {
var _this = this;
this.overlay = overlay;
this.options = options;
this.unsubscribe$ = new Subject();
/**
* pick {\@link NzDrawerOptions.nzOnCancel} and omit this option
*/
var _a = this.options, nzOnCancel = _a.nzOnCancel, componentOption = __rest(_a, ["nzOnCancel"]);
this.createDrawer();
this.updateOptions(componentOption);
// Prevent repeatedly open drawer when tap focus element.
(/** @type {?} */ (this.drawerRef)).instance.savePreviouslyFocusedElement();
(/** @type {?} */ (this.drawerRef)).instance.nzOnViewInit.pipe(takeUntil(this.unsubscribe$)).subscribe((/**
* @return {?}
*/
function () {
(/** @type {?} */ (_this.drawerRef)).instance.open();
}));
(/** @type {?} */ (this.drawerRef)).instance.nzOnClose.subscribe((/**
* @return {?}
*/
function () {
if (nzOnCancel) {
nzOnCancel().then((/**
* @param {?} canClose
* @return {?}
*/
function (canClose) {
if (canClose !== false) {
(/** @type {?} */ (_this.drawerRef)).instance.close();
}
}));
}
else {
(/** @type {?} */ (_this.drawerRef)).instance.close();
}
}));
(/** @type {?} */ (this.drawerRef)).instance.afterClose.pipe(takeUntil(this.unsubscribe$)).subscribe((/**
* @return {?}
*/
function () {
_this.overlayRef.dispose();
_this.drawerRef = null;
_this.unsubscribe$.next();
_this.unsubscribe$.complete();
}));
}
/**
* @return {?}
*/
DrawerBuilderForService.prototype.getInstance = /**
* @return {?}
*/
function () {
return (/** @type {?} */ (this.drawerRef)) && (/** @type {?} */ (this.drawerRef)).instance;
};
/**
* @return {?}
*/
DrawerBuilderForService.prototype.createDrawer = /**
* @return {?}
*/
function () {
this.overlayRef = this.overlay.create();
this.drawerRef = this.overlayRef.attach(new ComponentPortal(NzDrawerComponent));
};
/**
* @param {?} options
* @return {?}
*/
DrawerBuilderForService.prototype.updateOptions = /**
* @param {?} options
* @return {?}
*/
function (options) {
Object.assign((/** @type {?} */ (this.drawerRef)).instance, options);
};
return DrawerBuilderForService;
}());
if (false) {
/**
* @type {?}
* @private
*/
DrawerBuilderForService.prototype.drawerRef;
/**
* @type {?}
* @private
*/
DrawerBuilderForService.prototype.overlayRef;
/**
* @type {?}
* @private
*/
DrawerBuilderForService.prototype.unsubscribe$;
/**
* @type {?}
* @private
*/
DrawerBuilderForService.prototype.overlay;
/**
* @type {?}
* @private
*/
DrawerBuilderForService.prototype.options;
}
var NzDrawerService = /** @class */ (function () {
function NzDrawerService(overlay) {
this.overlay = overlay;
}
/**
* @template T, D, R
* @param {?} options
* @return {?}
*/
NzDrawerService.prototype.create = /**
* @template T, D, R
* @param {?} options
* @return {?}
*/
function (options) {
return new DrawerBuilderForService(this.overlay, options).getInstance();
};
NzDrawerService.decorators = [
{ type: Injectable, args: [{ providedIn: NzDrawerServiceModule },] }
];
/** @nocollapse */
NzDrawerService.ctorParameters = function () { return [
{ type: Overlay }
]; };
/** @nocollapse */ NzDrawerService.ɵprov = ɵɵdefineInjectable({ factory: function NzDrawerService_Factory() { return new NzDrawerService(ɵɵinject(Overlay)); }, token: NzDrawerService, providedIn: NzDrawerServiceModule });
return NzDrawerService;
}());
if (false) {
/**
* @type {?}
* @private
*/
NzDrawerService.prototype.overlay;
}
/**
* @fileoverview added by tsickle
* Generated from: drawer-options.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @license
* Copyright Alibaba.com All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
/**
* @record
* @template T, D
*/
function NzDrawerOptionsOfComponent() { }
if (false) {
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzClosable;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzMaskClosable;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzMask;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzKeyboard;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzNoAnimation;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzTitle;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzContent;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzContentParams;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzMaskStyle;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzBodyStyle;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzWrapClassName;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzWidth;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzHeight;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzPlacement;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzZIndex;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzOffsetX;
/** @type {?|undefined} */
NzDrawerOptionsOfComponent.prototype.nzOffsetY;
}
/**
* @record
* @template T, D
*/
function NzDrawerOptions() { }
if (false) {
/**
* @return {?}
*/
NzDrawerOptions.prototype.nzOnCancel = function () { };
}
/**
* @fileoverview added by tsickle
* Generated from: public-api.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* Generated from: ng-zorro-antd-drawer.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { DRAWER_ANIMATE_DURATION, DrawerBuilderForService, NzDrawerComponent, NzDrawerModule, NzDrawerRef, NzDrawerService, NzDrawerServiceModule };
//# sourceMappingURL=ng-zorro-antd-drawer.js.map