UNPKG

ng-zorro-antd

Version:

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

1,224 lines 94.9 kB
/** * @fileoverview added by tsickle * Generated from: nz-modal.component.ts * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ import * as tslib_1 from "tslib"; /** * @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 */ import { FocusTrapFactory } from '@angular/cdk/a11y'; import { ESCAPE } from '@angular/cdk/keycodes'; import { Overlay, OverlayKeyboardDispatcher, OverlayRef } from '@angular/cdk/overlay'; import { DOCUMENT } from '@angular/common'; import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ComponentFactoryResolver, ContentChild, ElementRef, EventEmitter, Inject, Injector, Input, Optional, Output, TemplateRef, Type, ViewChild, ViewContainerRef } from '@angular/core'; import { fromEvent, Subject } from 'rxjs'; import { takeUntil } from 'rxjs/operators'; import { getElementOffset, isPromise, warnDeprecation, InputBoolean, NzConfigService, WithConfig } from 'ng-zorro-antd/core'; import { NzI18nService } from 'ng-zorro-antd/i18n'; import { NZ_MODAL_CONFIG } from './nz-modal-config'; import { NzModalControlService } from './nz-modal-control.service'; import { NzModalFooterDirective } from './nz-modal-footer.directive'; import { NzModalRef } from './nz-modal-ref.class'; /** @type {?} */ export var MODAL_ANIMATE_DURATION = 200; // Duration when perform animations (ms) /** @type {?} */ export var WRAP_CLASS_NAME = 'ant-modal-wrap'; /** @type {?} */ var NZ_CONFIG_COMPONENT_NAME = 'modal'; /** * @template T, R */ var NzModalComponent = /** @class */ (function (_super) { tslib_1.__extends(NzModalComponent, _super); function NzModalComponent(nzConfigService, overlay, overlayKeyboardDispatcher, i18n, cfr, elementRef, viewContainer, modalControl, focusTrapFactory, cdr, nzModalGlobalConfig, document // tslint:disable-line:no-any ) { var _this = _super.call(this) || this; _this.nzConfigService = nzConfigService; _this.overlay = overlay; _this.overlayKeyboardDispatcher = overlayKeyboardDispatcher; _this.i18n = i18n; _this.cfr = cfr; _this.elementRef = elementRef; _this.viewContainer = viewContainer; _this.modalControl = modalControl; _this.focusTrapFactory = focusTrapFactory; _this.cdr = cdr; _this.nzModalGlobalConfig = nzModalGlobalConfig; _this.document = document; _this.nzVisible = false; _this.nzClosable = true; _this.nzOkLoading = false; _this.nzOkDisabled = false; _this.nzCancelDisabled = false; _this.nzCancelLoading = false; _this.nzKeyboard = true; _this.nzNoAnimation = false; // [STATIC] Default Modal ONLY _this.nzGetContainer = (/** * @return {?} */ function () { return _this.overlay.create(); }); // [STATIC] // [STATIC] _this.nzZIndex = 1000; _this.nzWidth = 520; _this.nzCloseIcon = 'close'; _this.nzOkType = 'primary'; _this.nzIconType = 'question-circle'; // Confirm Modal ONLY // Confirm Modal ONLY _this.nzModalType = 'default'; _this.nzOnOk = new EventEmitter(); _this.nzOnCancel = new EventEmitter(); _this.nzAfterOpen = new EventEmitter(); // Trigger when modal open(visible) after animations // Trigger when modal open(visible) after animations _this.nzAfterClose = new EventEmitter(); // Trigger when modal leave-animation over // Trigger when modal leave-animation over _this.nzVisibleChange = new EventEmitter(); _this.locale = {}; _this.transformOrigin = '0px 0px 0px'; // The origin point that animation based on _this.unsubscribe$ = new Subject(); _this.dialogMouseDown = false; _this.scrollStrategy = _this.overlay.scrollStrategies.block(); if (_this.nzModalGlobalConfig) { warnDeprecation('`NZ_MODAL_CONFIG` has been deprecated and will be removed in 9.0.0. Please use global config instead.'); } return _this; } Object.defineProperty(NzModalComponent.prototype, "modalFooter", { set: // Only aim to focus the ok button that needs to be auto focused /** * @param {?} value * @return {?} */ function (value) { if (value && value.templateRef) { this.setFooterWithTemplate(value.templateRef); } }, enumerable: true, configurable: true }); Object.defineProperty(NzModalComponent.prototype, "afterOpen", { get: /** * @return {?} */ function () { // Observable alias for nzAfterOpen return this.nzAfterOpen.asObservable(); }, enumerable: true, configurable: true }); Object.defineProperty(NzModalComponent.prototype, "afterClose", { get: /** * @return {?} */ function () { // Observable alias for nzAfterClose return this.nzAfterClose.asObservable(); }, enumerable: true, configurable: true }); Object.defineProperty(NzModalComponent.prototype, "cancelText", { get: /** * @return {?} */ function () { return this.nzCancelText || (/** @type {?} */ (this.locale.cancelText)); }, enumerable: true, configurable: true }); Object.defineProperty(NzModalComponent.prototype, "okText", { get: /** * @return {?} */ function () { return this.nzOkText || (/** @type {?} */ (this.locale.okText)); }, enumerable: true, configurable: true }); Object.defineProperty(NzModalComponent.prototype, "hidden", { get: /** * @return {?} */ function () { return !this.nzVisible && !this.animationState; } // Indicate whether this dialog should hidden , enumerable: true, configurable: true }); Object.defineProperty(NzModalComponent.prototype, "mask", { /** * @description * The calculated highest weight of mask value * * Weight of different mask input: * component default value < global configuration < component input value */ get: // Indicate whether this dialog should hidden /** * \@description * The calculated highest weight of mask value * * Weight of different mask input: * component default value < global configuration < component input value * @return {?} */ function () { if (this.nzMask != null) { return this.nzMask; } else if (this.nzModalGlobalConfig && this.nzModalGlobalConfig.nzMask != null) { return this.nzModalGlobalConfig.nzMask; } else { return true; } }, enumerable: true, configurable: true }); Object.defineProperty(NzModalComponent.prototype, "maskClosable", { /** * @description * The calculated highest weight of maskClosable value * * Weight of different maskClosable input: * component default value < global configuration < component input value */ get: /** * \@description * The calculated highest weight of maskClosable value * * Weight of different maskClosable input: * component default value < global configuration < component input value * @return {?} */ function () { if (this.nzMaskClosable != null) { return this.nzMaskClosable; } else if (this.nzModalGlobalConfig && this.nzModalGlobalConfig.nzMaskClosable != null) { return this.nzModalGlobalConfig.nzMaskClosable; } else { return true; } }, enumerable: true, configurable: true }); /** * @return {?} */ NzModalComponent.prototype.ngOnInit = /** * @return {?} */ function () { var _this = this; this.i18n.localeChange.pipe(takeUntil(this.unsubscribe$)).subscribe((/** * @return {?} */ function () { _this.locale = _this.i18n.getLocaleData('Modal'); })); if (this.isComponent(this.nzContent)) { this.createDynamicComponent((/** @type {?} */ (this.nzContent))); // Create component along without View } if (this.isModalButtons(this.nzFooter)) { // Setup default button options this.nzFooter = this.formatModalButtons((/** @type {?} */ (this.nzFooter))); } // Place the modal dom to elsewhere this.container = typeof this.nzGetContainer === 'function' ? this.nzGetContainer() : this.nzGetContainer; if (this.container instanceof HTMLElement) { this.container.appendChild(this.elementRef.nativeElement); fromEvent(this.document.body, 'keydown') .pipe(takeUntil(this.unsubscribe$)) .subscribe((/** * @param {?} e * @return {?} */ function (e) { return _this.keydownListener(e); })); } else if (this.container instanceof OverlayRef) { // NOTE: only attach the dom to overlay, the view container is not changed actually this.setOverlayRef(this.container); this.container.overlayElement.appendChild(this.elementRef.nativeElement); } if (this.overlayRef) { this.overlayRef .keydownEvents() .pipe(takeUntil(this.unsubscribe$)) .subscribe((/** * @param {?} e * @return {?} */ function (e) { return _this.keydownListener(e); })); } // Register modal when afterOpen/afterClose is stable this.modalControl.registerModal(this); }; // [NOTE] NOT available when using by service! // Because ngOnChanges never be called when using by service, // here we can't support "nzContent"(Component) etc. as inputs that initialized dynamically. // BUT: User also can change "nzContent" dynamically to trigger UI changes (provided you don't use Component that needs initializations) // [NOTE] NOT available when using by service! // Because ngOnChanges never be called when using by service, // here we can't support "nzContent"(Component) etc. as inputs that initialized dynamically. // BUT: User also can change "nzContent" dynamically to trigger UI changes (provided you don't use Component that needs initializations) /** * @param {?} changes * @return {?} */ NzModalComponent.prototype.ngOnChanges = // [NOTE] NOT available when using by service! // Because ngOnChanges never be called when using by service, // here we can't support "nzContent"(Component) etc. as inputs that initialized dynamically. // BUT: User also can change "nzContent" dynamically to trigger UI changes (provided you don't use Component that needs initializations) /** * @param {?} changes * @return {?} */ function (changes) { if (changes.nzVisible) { this.handleVisibleStateChange(this.nzVisible, !changes.nzVisible.firstChange); // Do not trigger animation while initializing } }; /** * @return {?} */ NzModalComponent.prototype.ngAfterViewInit = /** * @return {?} */ function () { // If using Component, it is the time to attach View while bodyContainer is ready if (this.contentComponentRef) { this.bodyContainer.insert(this.contentComponentRef.hostView); } if (this.autoFocusButtonOk) { ((/** @type {?} */ (this.autoFocusButtonOk.nativeElement))).focus(); } }; /** * @return {?} */ NzModalComponent.prototype.ngOnDestroy = /** * @return {?} */ function () { var _this = this; // Close self before destructing this.changeVisibleFromInside(false).then((/** * @return {?} */ function () { _this.modalControl.deregisterModal(_this); if (_this.container instanceof OverlayRef) { _this.container.dispose(); } _this.unsubscribe$.next(); _this.unsubscribe$.complete(); })); clearTimeout(this.timeoutId); }; /** * @param {?} templateRef * @return {?} */ NzModalComponent.prototype.setFooterWithTemplate = /** * @param {?} templateRef * @return {?} */ function (templateRef) { this.nzFooter = templateRef; this.cdr.markForCheck(); }; /** * @param {?} overlayRef * @return {?} */ NzModalComponent.prototype.setOverlayRef = /** * @param {?} overlayRef * @return {?} */ function (overlayRef) { this.overlayRef = overlayRef; }; /** * @param {?} event * @return {?} */ NzModalComponent.prototype.keydownListener = /** * @param {?} event * @return {?} */ function (event) { if (event.keyCode === ESCAPE && this.nzKeyboard) { this.onClickOkCancel('cancel'); } }; /** * @return {?} */ NzModalComponent.prototype.open = /** * @return {?} */ function () { this.changeVisibleFromInside(true); }; /** * @param {?=} result * @return {?} */ NzModalComponent.prototype.close = /** * @param {?=} result * @return {?} */ function (result) { this.changeVisibleFromInside(false, result); }; /** * @param {?=} result * @return {?} */ NzModalComponent.prototype.destroy = /** * @param {?=} result * @return {?} */ function (result) { // Destroy equals Close this.close(result); }; /** * @return {?} */ NzModalComponent.prototype.triggerOk = /** * @return {?} */ function () { this.onClickOkCancel('ok'); }; /** * @return {?} */ NzModalComponent.prototype.triggerCancel = /** * @return {?} */ function () { this.onClickOkCancel('cancel'); }; /** * @return {?} */ NzModalComponent.prototype.getInstance = /** * @return {?} */ function () { return this; }; /** * @return {?} */ NzModalComponent.prototype.getContentComponentRef = /** * @return {?} */ function () { return this.contentComponentRef; }; /** * @return {?} */ NzModalComponent.prototype.getContentComponent = /** * @return {?} */ function () { return this.contentComponentRef && this.contentComponentRef.instance; }; /** * @return {?} */ NzModalComponent.prototype.getElement = /** * @return {?} */ function () { return this.elementRef && this.elementRef.nativeElement; }; /** * @return {?} */ NzModalComponent.prototype.onMaskDialogDown = /** * @return {?} */ function () { this.dialogMouseDown = true; }; /** * @return {?} */ NzModalComponent.prototype.onDialogUp = /** * @return {?} */ function () { var _this = this; if (this.dialogMouseDown) { this.timeoutId = setTimeout((/** * @return {?} */ function () { _this.dialogMouseDown = false; }), 0); } }; /** * @param {?} $event * @return {?} */ NzModalComponent.prototype.onClickMask = /** * @param {?} $event * @return {?} */ function ($event) { if (this.mask && this.maskClosable && ((/** @type {?} */ ($event.target))).classList.contains(WRAP_CLASS_NAME) && this.nzVisible && !this.dialogMouseDown) { this.onClickOkCancel('cancel'); } }; /** * @param {?} type * @return {?} */ NzModalComponent.prototype.isModalType = /** * @param {?} type * @return {?} */ function (type) { return this.nzModalType === type; }; /** * @return {?} */ NzModalComponent.prototype.onClickCloseBtn = /** * @return {?} */ function () { if (this.nzVisible) { this.onClickOkCancel('cancel'); } }; /** * @param {?} type * @return {?} */ NzModalComponent.prototype.onClickOkCancel = /** * @param {?} type * @return {?} */ function (type) { var _this = this; /** @type {?} */ var trigger = { ok: this.nzOnOk, cancel: this.nzOnCancel }[type]; /** @type {?} */ var loadingKey = { ok: 'nzOkLoading', cancel: 'nzCancelLoading' }[type]; if (trigger instanceof EventEmitter) { trigger.emit(this.getContentComponent()); } else if (typeof trigger === 'function') { /** @type {?} */ var result = trigger(this.getContentComponent()); /** @type {?} */ var caseClose_1 = (/** * @param {?} doClose * @return {?} */ function (doClose) { return doClose !== false && _this.close((/** @type {?} */ (doClose))); }); if (isPromise(result)) { this[loadingKey] = true; /** @type {?} */ var handleThen = (/** * @param {?} doClose * @return {?} */ function (doClose) { _this[loadingKey] = false; caseClose_1(doClose); }); ((/** @type {?} */ (result))).then(handleThen).catch(handleThen); } else { caseClose_1(result); } } }; /** * @param {?} value * @return {?} */ NzModalComponent.prototype.isNonEmptyString = /** * @param {?} value * @return {?} */ function (value) { return typeof value === 'string' && value !== ''; }; /** * @param {?} value * @return {?} */ NzModalComponent.prototype.isTemplateRef = /** * @param {?} value * @return {?} */ function (value) { return value instanceof TemplateRef; }; /** * @param {?} value * @return {?} */ NzModalComponent.prototype.isComponent = /** * @param {?} value * @return {?} */ function (value) { return value instanceof Type; }; /** * @param {?} value * @return {?} */ NzModalComponent.prototype.isModalButtons = /** * @param {?} value * @return {?} */ function (value) { return Array.isArray(value) && value.length > 0; }; // Do rest things when visible state changed // Do rest things when visible state changed /** * @private * @param {?} visible * @param {?=} animation * @param {?=} closeResult * @return {?} */ NzModalComponent.prototype.handleVisibleStateChange = // Do rest things when visible state changed /** * @private * @param {?} visible * @param {?=} animation * @param {?=} closeResult * @return {?} */ function (visible, animation, closeResult) { var _this = this; if (animation === void 0) { animation = true; } if (visible) { // Hide scrollbar at the first time when shown up this.scrollStrategy.enable(); this.savePreviouslyFocusedElement(); this.trapFocus(); if (this.container instanceof OverlayRef) { this.overlayKeyboardDispatcher.add(this.overlayRef); } } else { if (this.container instanceof OverlayRef) { this.overlayKeyboardDispatcher.remove(this.overlayRef); } } return Promise.resolve(animation ? this.animateTo(visible) : undefined).then((/** * @return {?} */ function () { // Emit open/close event after animations over if (visible) { _this.nzAfterOpen.emit(); } else { _this.nzAfterClose.emit(closeResult); _this.restoreFocus(); _this.scrollStrategy.disable(); // Mark the for check so it can react if the view container is using OnPush change detection. _this.cdr.markForCheck(); } })); }; // Lookup a button's property, if the prop is a function, call & then return the result, otherwise, return itself. // Lookup a button's property, if the prop is a function, call & then return the result, otherwise, return itself. /** * @param {?} options * @param {?} prop * @return {?} */ NzModalComponent.prototype.getButtonCallableProp = // Lookup a button's property, if the prop is a function, call & then return the result, otherwise, return itself. /** * @param {?} options * @param {?} prop * @return {?} */ function (options, prop) { /** @type {?} */ var value = options[prop]; /** @type {?} */ var args = []; if (this.contentComponentRef) { args.push(this.contentComponentRef.instance); } return typeof value === 'function' ? value.apply(options, args) : value; }; // On nzFooter's modal button click // On nzFooter's modal button click /** * @param {?} button * @return {?} */ NzModalComponent.prototype.onButtonClick = // On nzFooter's modal button click /** * @param {?} button * @return {?} */ function (button) { /** @type {?} */ var result = this.getButtonCallableProp(button, 'onClick'); if (isPromise(result)) { button.loading = true; ((/** @type {?} */ (result))).then((/** * @return {?} */ function () { return (button.loading = false); })).catch((/** * @return {?} */ function () { return (button.loading = false); })); } }; // Change nzVisible from inside // Change nzVisible from inside /** * @private * @param {?} visible * @param {?=} closeResult * @return {?} */ NzModalComponent.prototype.changeVisibleFromInside = // Change nzVisible from inside /** * @private * @param {?} visible * @param {?=} closeResult * @return {?} */ function (visible, closeResult) { if (this.nzVisible !== visible) { // Change nzVisible value immediately this.nzVisible = visible; this.nzVisibleChange.emit(visible); return this.handleVisibleStateChange(visible, true, closeResult); } return Promise.resolve(); }; /** * @private * @param {?} state * @return {?} */ NzModalComponent.prototype.changeAnimationState = /** * @private * @param {?} state * @return {?} */ function (state) { var _a, _b; this.animationState = state; if (state) { this.maskAnimationClassMap = (_a = {}, _a["fade-" + state] = true, _a["fade-" + state + "-active"] = true, _a); this.modalAnimationClassMap = (_b = {}, _b["zoom-" + state] = true, _b["zoom-" + state + "-active"] = true, _b); } else { this.maskAnimationClassMap = this.modalAnimationClassMap = null; } }; /** * @private * @param {?} isVisible * @return {?} */ NzModalComponent.prototype.animateTo = /** * @private * @param {?} isVisible * @return {?} */ function (isVisible) { var _this = this; if (isVisible) { // Figure out the lastest click position when shows up setTimeout((/** * @return {?} */ function () { return _this.updateTransformOrigin(); })); // [NOTE] Using timeout due to the document.click event is fired later than visible change, so if not postponed to next event-loop, we can't get the lastest click position } this.changeAnimationState(isVisible ? 'enter' : 'leave'); return new Promise((/** * @param {?} resolve * @return {?} */ function (resolve) { return setTimeout((/** * @return {?} */ function () { // Return when animation is over _this.changeAnimationState(null); resolve(); }), _this.nzNoAnimation ? 0 : MODAL_ANIMATE_DURATION); })); }; /** * @private * @param {?} buttons * @return {?} */ NzModalComponent.prototype.formatModalButtons = /** * @private * @param {?} buttons * @return {?} */ function (buttons) { return buttons.map((/** * @param {?} button * @return {?} */ function (button) { return tslib_1.__assign({ type: 'default', size: 'default', autoLoading: true, show: true, loading: false, disabled: false }, button); })); }; /** * Create a component dynamically but not attach to any View (this action will be executed when bodyContainer is ready) * @param component Component class */ /** * Create a component dynamically but not attach to any View (this action will be executed when bodyContainer is ready) * @private * @param {?} component Component class * @return {?} */ NzModalComponent.prototype.createDynamicComponent = /** * Create a component dynamically but not attach to any View (this action will be executed when bodyContainer is ready) * @private * @param {?} component Component class * @return {?} */ function (component) { /** @type {?} */ var factory = this.cfr.resolveComponentFactory(component); /** @type {?} */ var childInjector = Injector.create({ providers: [{ provide: NzModalRef, useValue: this }], parent: this.viewContainer.parentInjector }); this.contentComponentRef = factory.create(childInjector); if (this.nzComponentParams) { Object.assign(this.contentComponentRef.instance, this.nzComponentParams); } // Do the first change detection immediately (or we do detection at ngAfterViewInit, multi-changes error will be thrown) this.contentComponentRef.changeDetectorRef.detectChanges(); }; // Update transform-origin to the last click position on document // Update transform-origin to the last click position on document /** * @private * @return {?} */ NzModalComponent.prototype.updateTransformOrigin = // Update transform-origin to the last click position on document /** * @private * @return {?} */ function () { /** @type {?} */ var modalElement = (/** @type {?} */ (this.modalContainer.nativeElement)); if (this.previouslyFocusedElement) { /** @type {?} */ var previouslyDOMRect = this.previouslyFocusedElement.getBoundingClientRect(); /** @type {?} */ var lastPosition = getElementOffset(this.previouslyFocusedElement); /** @type {?} */ var x = lastPosition.left + previouslyDOMRect.width / 2; /** @type {?} */ var y = lastPosition.top + previouslyDOMRect.height / 2; this.transformOrigin = x - modalElement.offsetLeft + "px " + (y - modalElement.offsetTop) + "px 0px"; } }; /** * @private * @return {?} */ NzModalComponent.prototype.savePreviouslyFocusedElement = /** * @private * @return {?} */ function () { if (this.document) { this.previouslyFocusedElement = (/** @type {?} */ (this.document.activeElement)); } }; /** * @private * @return {?} */ NzModalComponent.prototype.trapFocus = /** * @private * @return {?} */ function () { if (!this.focusTrap) { this.focusTrap = this.focusTrapFactory.create(this.elementRef.nativeElement); } this.focusTrap.focusInitialElementWhenReady(); }; /** * @private * @return {?} */ NzModalComponent.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(); } }; NzModalComponent.decorators = [ { type: Component, args: [{ selector: 'nz-modal', exportAs: 'nzModal', template: "<ng-template #tplOriginContent><ng-content></ng-content></ng-template> <!-- Compatible: the <ng-content> can appear only once -->\n\n<div [nzNoAnimation]=\"nzNoAnimation\">\n <div *ngIf=\"mask\"\n class=\"ant-modal-mask\"\n [ngClass]=\"maskAnimationClassMap\"\n [class.ant-modal-mask-hidden]=\"hidden\"\n [ngStyle]=\"nzMaskStyle\"\n [style.zIndex]=\"nzZIndex\"\n ></div>\n <div\n (click)=\"onClickMask($event)\"\n (mouseup)=\"onDialogUp()\"\n class=\"ant-modal-wrap {{ nzWrapClassName }}\"\n [style.zIndex]=\"nzZIndex\"\n [style.visibility]=\"hidden ? 'hidden' : null\"\n tabindex=\"-1\"\n role=\"dialog\"\n >\n <div #modalContainer\n class=\"ant-modal {{ nzClassName }}\"\n (mousedown)=\"onMaskDialogDown()\"\n [ngClass]=\"modalAnimationClassMap\"\n [ngStyle]=\"nzStyle\"\n [style.width]=\"nzWidth | nzToCssUnit\"\n [style.transform-origin]=\"transformOrigin\"\n role=\"document\"\n >\n <div class=\"ant-modal-content\">\n <button *ngIf=\"nzClosable\" (click)=\"onClickCloseBtn()\" class=\"ant-modal-close\" aria-label=\"Close\">\n <span class=\"ant-modal-close-x\">\n <ng-container *nzStringTemplateOutlet=\"nzCloseIcon\">\n <i nz-icon [nzType]=\"nzCloseIcon\" class=\"ant-modal-close-icon\"></i>\n </ng-container>\n </span>\n </button>\n <ng-container *ngIf=\"!hidden\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isModalType('default')\" [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('confirm')\" [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n <div *ngIf=\"nzTitle\" class=\"ant-modal-header\">\n <div class=\"ant-modal-title\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(nzTitle)\" [ngTemplateOutlet]=\"nzTitle\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(nzTitle)\"><div [innerHTML]=\"nzTitle\"></div></ng-container>\n </ng-container>\n </div>\n </div>\n <div class=\"ant-modal-body\" [ngStyle]=\"nzBodyStyle\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(nzContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(nzContent)\" [ngTemplateOutlet]=\"nzContent\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(nzContent)\"><div [innerHTML]=\"nzContent\"></div></ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n <div *ngIf=\"nzFooter !== null\" class=\"ant-modal-footer\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(nzFooter)\" [ngTemplateOutlet]=\"nzFooter\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(nzFooter)\"><div [innerHTML]=\"nzFooter\"></div></ng-container>\n <ng-container *ngSwitchCase=\"isModalButtons(nzFooter)\">\n <button *ngFor=\"let button of nzFooter\" nz-button\n (click)=\"onButtonClick(button)\"\n [hidden]=\"!getButtonCallableProp(button, 'show')\"\n [nzLoading]=\"getButtonCallableProp(button, 'loading')\"\n [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n [nzType]=\"button.type\"\n [nzShape]=\"button.shape\"\n [nzSize]=\"button.size\"\n [nzGhost]=\"button.ghost\"\n >{{ button.label }}</button>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button *ngIf=\"nzCancelText!==null\" nz-button (click)=\"onClickOkCancel('cancel')\" [nzLoading]=\"nzCancelLoading\" [disabled]=\"nzCancelDisabled\">\n {{ cancelText }}\n </button>\n <button *ngIf=\"nzOkText!==null\" nz-button [nzType]=\"nzOkType\" (click)=\"onClickOkCancel('ok')\" [nzLoading]=\"nzOkLoading\" [disabled]=\"nzOkDisabled\">\n {{ okText }}\n </button>\n </ng-container>\n </ng-container>\n </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n <div class=\"ant-modal-body\" [ngStyle]=\"nzBodyStyle\">\n <div class=\"ant-modal-confirm-body-wrapper\">\n <div class=\"ant-modal-confirm-body\">\n <i nz-icon [nzType]=\"nzIconType\"></i>\n <span class=\"ant-modal-confirm-title\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(nzTitle)\" [ngTemplateOutlet]=\"nzTitle\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(nzTitle)\"><span [innerHTML]=\"nzTitle\"></span></ng-container>\n </ng-container>\n </span>\n <div class=\"ant-modal-confirm-content\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(nzContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(nzContent)\" [ngTemplateOutlet]=\"nzContent\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(nzContent)\"><div [innerHTML]=\"nzContent\"></div></ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <div class=\"ant-modal-confirm-btns\">\n <button *ngIf=\"nzCancelText!==null\"\n nz-button\n (click)=\"onClickOkCancel('cancel')\"\n [nzLoading]=\"nzCancelLoading\"\n [disabled]=\"nzCancelDisabled\">\n {{ cancelText }}\n </button>\n <button #autoFocusButtonOk\n *ngIf=\"nzOkText!==null\"\n nz-button\n (click)=\"onClickOkCancel('ok')\"\n [nzType]=\"nzOkType\"\n [nzLoading]=\"nzOkLoading\"\n [disabled]=\"nzOkDisabled\">\n {{ okText }}\n </button>\n </div>\n </div> <!-- /.ant-modal-confirm-body-wrapper -->\n </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", // Using OnPush for modal caused footer can not to detect changes. we can fix it when 8.x. changeDetection: ChangeDetectionStrategy.Default }] } ]; /** @nocollapse */ NzModalComponent.ctorParameters = function () { return [ { type: NzConfigService }, { type: Overlay }, { type: OverlayKeyboardDispatcher }, { type: NzI18nService }, { type: ComponentFactoryResolver }, { type: ElementRef }, { type: ViewContainerRef }, { type: NzModalControlService }, { type: FocusTrapFactory }, { type: ChangeDetectorRef }, { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NZ_MODAL_CONFIG,] }] }, { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] } ]; }; NzModalComponent.propDecorators = { nzVisible: [{ type: Input }], nzClosable: [{ type: Input }], nzOkLoading: [{ type: Input }], nzOkDisabled: [{ type: Input }], nzCancelDisabled: [{ type: Input }], nzCancelLoading: [{ type: Input }], nzKeyboard: [{ type: Input }], nzNoAnimation: [{ type: Input }], nzMask: [{ type: Input }], nzMaskClosable: [{ type: Input }], nzContent: [{ type: Input }], nzComponentParams: [{ type: Input }], nzFooter: [{ type: Input }], nzGetContainer: [{ type: Input }], nzZIndex: [{ type: Input }], nzWidth: [{ type: Input }], nzWrapClassName: [{ type: Input }], nzClassName: [{ type: Input }], nzStyle: [{ type: Input }], nzTitle: [{ type: Input }], nzCloseIcon: [{ type: Input }], nzMaskStyle: [{ type: Input }], nzBodyStyle: [{ type: Input }], nzOkText: [{ type: Input }], nzCancelText: [{ type: Input }], nzOkType: [{ type: Input }], nzIconType: [{ type: Input }], nzModalType: [{ type: Input }], nzOnOk: [{ type: Input }, { type: Output }], nzOnCancel: [{ type: Input }, { type: Output }], nzAfterOpen: [{ type: Output }], nzAfterClose: [{ type: Output }], nzVisibleChange: [{ type: Output }], modalContainer: [{ type: ViewChild, args: ['modalContainer', { static: true },] }], bodyContainer: [{ type: ViewChild, args: ['bodyContainer', { static: false, read: ViewContainerRef },] }], autoFocusButtonOk: [{ type: ViewChild, args: ['autoFocusButtonOk', { static: false, read: ElementRef },] }], modalFooter: [{ type: ContentChild, args: [NzModalFooterDirective, { static: false },] }] }; tslib_1.__decorate([ InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzVisible", void 0); tslib_1.__decorate([ InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzClosable", void 0); tslib_1.__decorate([ InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzOkLoading", void 0); tslib_1.__decorate([ InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzOkDisabled", void 0); tslib_1.__decorate([ InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzCancelDisabled", void 0); tslib_1.__decorate([ InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzCancelLoading", void 0); tslib_1.__decorate([ InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzKeyboard", void 0); tslib_1.__decorate([ InputBoolean(), tslib_1.__metadata("design:type", Object) ], NzModalComponent.prototype, "nzNoAnimation", void 0); tslib_1.__decorate([ WithConfig(NZ_CONFIG_COMPONENT_NAME), InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzMask", void 0); tslib_1.__decorate([ WithConfig(NZ_CONFIG_COMPONENT_NAME), InputBoolean(), tslib_1.__metadata("design:type", Boolean) ], NzModalComponent.prototype, "nzMaskClosable", void 0); return NzModalComponent; }(NzModalRef)); export { NzModalComponent }; if (false) { /** @type {?} */ NzModalComponent.prototype.nzVisible; /** @type {?} */ NzModalComponent.prototype.nzClosable; /** @type {?} */ NzModalComponent.prototype.nzOkLoading; /** @type {?} */ NzModalComponent.prototype.nzOkDisabled; /** @type {?} */ NzModalComponent.prototype.nzCancelDisabled; /** @type {?} */ NzModalComponent.prototype.nzCancelLoading; /** @type {?} */ NzModalComponent.prototype.nzKeyboard; /** @type {?} */ NzModalComponent.prototype.nzNoAnimation; /** @type {?} */ NzModalComponent.prototype.nzMask; /** @type {?} */ NzModalComponent.prototype.nzMaskClosable; /** @type {?} */ NzModalComponent.prototype.nzContent; /** @type {?} */ NzModalComponent.prototype.nzComponentParams; /** @type {?} */ NzModalComponent.prototype.nzFooter; /** @type {?} */ NzModalComponent.prototype.nzGetContainer; /** @type {?} */ NzModalComponent.prototype.nzZIndex; /** @type {?} */ NzModalComponent.prototype.nzWidth; /** @type {?} */ NzModalComponent.prototype.nzWrapClassName; /** @type {?} */ NzModalComponent.prototype.nzClassName; /** @type {?} */ NzModalComponent.prototype.nzStyle; /** @type {?} */ NzModalComponent.prototype.nzTitle; /** @type {?} */ NzModalComponent.prototype.nzCloseIcon; /** @type {?} */ NzModalComponent.prototype.nzMaskStyle; /** @type {?} */ NzModalComponent.prototype.nzBodyStyle; /** @type {?} */ NzModalComponent.prototype.nzOkText; /** @type {?} */ NzModalComponent.prototype.nzCancelText; /** @type {?} */ NzModalComponent.prototype.nzOkType; /** @type {?} */ NzModalComponent.prototype.nzIconType; /** @type {?} */ NzModalComponent.prototype.nzModalType; /** @type {?} */ NzModalComponent.prototype.nzOnOk; /** @type {?} */ NzModalComponent.prototype.nzOnCancel; /** @type {?} */ NzModalComponent.prototype.nzAfterOpen; /** @type {?} */ NzModalComponent.prototype.nzAfterClose; /** @type {?} */ NzModalComponent.prototype.nzVisibleChange; /** @type {?} */ NzModalComponent.prototype.modalContainer; /** @type {?} */ NzModalComponent.prototype.bodyContainer; /** @type {?} */ NzModalComponent.prototype.autoFocusButtonOk; /** @type {?} */ NzModalComponent.prototype.locale; /** @type {?} */ NzModalComponent.prototype.maskAnimationClassMap; /** @type {?} */ NzModalComponent.prototype.modalAnimationClassMap; /** @type {?} */ NzModalComponent.prototype.transformOrigin; /** * @type {?} * @private */ NzModalComponent.prototype.contentComponentRef; /** * @type {?} * @private */ NzModalComponent.prototype.animationState; /** * @type {?} * @private */ NzModalComponent.prototype.container; /** * @type {?} * @private */ NzModalComponent.prototype.unsubscribe$; /** * @type {?} * @private */ NzModalComponent.prototype.previouslyFocusedElement; /** * @type {?} * @private */ NzModalComponent.prototype.focusTrap; /** * @type {?} * @private */ NzModalComponent.prototype.scrollStrategy; /** * @type {?} * @private */ NzModalComponent.prototype.overlayRef; /** * @type {?} * @private */ NzModalComponent.prototype.dialogMouseDown; /** * @type {?} * @private */ NzModalComponent.prototype.timeoutId; /** @type {?} */ NzModalComponent.prototype.nzConfigService; /** * @type {?} * @private */ NzModalComponent.prototype.overlay; /** * @type {?} * @private */ NzModalComponent.prototype.overlayKeyboardDispatcher; /** * @type {?} * @private */ NzModalComponent.prototype.i18n; /** * @type {?} * @private */ NzModalComponent.prototype.cfr; /** * @type {?} * @private */ NzModalComponent.prototype.elementRef; /** * @type {?} * @private */ NzModalComponent.prototype.viewContainer; /** * @type {?} * @private */ NzModalComponent.prototype.modalControl; /** * @type {?} * @private */ NzModalComponent.prototype.focusTrapFactory; /** * @type {?} * @private */ NzModalComponent.prototype.cdr; /** * @type {?} * @private */ NzModalComponent.prototype.nzModalGlobalConfig; /** * @type {?} * @private */ NzModalComponent.prototype.document; /* Skipping unhandled member: [key: string]: any;*/ } //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnotbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctem9ycm8tYW50ZC9tb2RhbC8iLCJzb3VyY2VzIjpbIm56LW1vZGFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBUUEsT0FBTyxFQUFhLGdCQUFnQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQy9DLE9BQU8sRUFBdUIsT0FBTyxFQUFFLHlCQUF5QixFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzNHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1Qsd0JBQXdCLEVBRXhCLFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixRQUFRLEVBQ1IsS0FBSyxFQUlMLFFBQVEsRUFDUixNQUFNLEVBRU4sV0FBVyxFQUNYLElBQUksRUFDSixTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3RELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLGVBQWUsRUFDZixVQUFVLEVBQ1gsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFbkQsT0FBTyxFQUFpQixlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsc0JBQXNC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