ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
295 lines (283 loc) • 15.6 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('rxjs/operators'), require('@angular/cdk/overlay'), require('@angular/common'), require('@angular/core'), require('ng-zorro-antd/button'), require('ng-zorro-antd/core'), require('ng-zorro-antd/i18n'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/tooltip')) :
typeof define === 'function' && define.amd ? define('ng-zorro-antd/popconfirm', ['exports', 'rxjs/operators', '@angular/cdk/overlay', '@angular/common', '@angular/core', 'ng-zorro-antd/button', 'ng-zorro-antd/core', 'ng-zorro-antd/i18n', 'ng-zorro-antd/icon', 'ng-zorro-antd/tooltip'], factory) :
(factory((global['ng-zorro-antd'] = global['ng-zorro-antd'] || {}, global['ng-zorro-antd'].popconfirm = {}),global.rxjs.operators,global.ng.cdk.overlay,global.ng.common,global.ng.core,global['ng-zorro-antd'].button,global['ng-zorro-antd'].core,global['ng-zorro-antd'].i18n,global['ng-zorro-antd'].icon,global['ng-zorro-antd'].tooltip));
}(this, (function (exports,operators,overlay,common,core,button,core$1,i18n,icon,tooltip) { 'use strict';
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b)
if (b.hasOwnProperty(p))
d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
function __decorate(decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
}
function __metadata(metadataKey, metadataValue) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(metadataKey, metadataValue);
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzPopconfirmComponent = /** @class */ (function (_super) {
__extends(NzPopconfirmComponent, _super);
function NzPopconfirmComponent(cdr, noAnimation) {
var _this = _super.call(this, cdr, noAnimation) || this;
_this.noAnimation = noAnimation;
_this._prefix = 'ant-popover-placement';
_this._trigger = 'click';
_this._hasBackdrop = true;
_this.nzOkType = 'primary';
_this.nzCondition = false;
_this.nzOnCancel = new core.EventEmitter();
_this.nzOnConfirm = new core.EventEmitter();
return _this;
}
/**
* @return {?}
*/
NzPopconfirmComponent.prototype.show = /**
* @return {?}
*/
function () {
if (!this.nzCondition) {
this.nzVisible = true;
}
else {
this.onConfirm();
}
};
/**
* @return {?}
*/
NzPopconfirmComponent.prototype.onCancel = /**
* @return {?}
*/
function () {
this.nzOnCancel.emit();
this.nzVisible = false;
};
/**
* @return {?}
*/
NzPopconfirmComponent.prototype.onConfirm = /**
* @return {?}
*/
function () {
this.nzOnConfirm.emit();
this.nzVisible = false;
};
NzPopconfirmComponent.decorators = [
{ type: core.Component, args: [{
changeDetection: core.ChangeDetectionStrategy.OnPush,
encapsulation: core.ViewEncapsulation.None,
selector: 'nz-popconfirm',
exportAs: 'nzPopconfirmComponent',
preserveWhitespaces: false,
animations: [core$1.zoomBigMotion],
template: "<ng-content></ng-content>\n<ng-template\n #overlay=\"cdkConnectedOverlay\"\n cdkConnectedOverlay\n nzConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayHasBackdrop]=\"_hasBackdrop\"\n (backdropClick)=\"hide()\"\n (detach)=\"hide()\"\n (positionChange)=\"onPositionChange($event)\"\n [cdkConnectedOverlayPositions]=\"_positions\"\n [cdkConnectedOverlayOpen]=\"visible$ | async\">\n <div class=\"ant-popover\"\n [ngClass]=\"_classMap\"\n [ngStyle]=\"nzOverlayStyle\"\n [nzNoAnimation]=\"noAnimation?.nzNoAnimation\"\n [@zoomBigMotion]=\"'active'\"\n (@zoomBigMotion.done)=\"_afterVisibilityAnimation($event)\">\n <div class=\"ant-popover-content\">\n <div class=\"ant-popover-arrow\"></div>\n <div class=\"ant-popover-inner\">\n <div>\n <div class=\"ant-popover-inner-content\">\n <div class=\"ant-popover-message\">\n <ng-container *nzStringTemplateOutlet=\"nzTitle\">\n <ng-container *nzStringTemplateOutlet=\"nzIcon\">\n <i nz-icon [nzType]=\"nzIcon || 'exclamation-circle'\" nzTheme=\"fill\"></i>\n </ng-container>\n <div class=\"ant-popover-message-title\">{{ nzTitle }}</div>\n </ng-container>\n </div>\n <div class=\"ant-popover-buttons\">\n <button nz-button [nzSize]=\"'small'\" (click)=\"onCancel()\">\n <ng-container *ngIf=\"nzCancelText\">{{ nzCancelText }}</ng-container>\n <ng-container *ngIf=\"!nzCancelText\">{{ 'Modal.cancelText' | nzI18n }}</ng-container>\n </button>\n <button nz-button [nzSize]=\"'small'\" [nzType]=\"nzOkType\" (click)=\"onConfirm()\">\n <ng-container *ngIf=\"nzOkText\">{{ nzOkText }}</ng-container>\n <ng-container *ngIf=\"!nzOkText\">{{ 'Modal.okText' | nzI18n }}</ng-container>\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>",
styles: ["\n .ant-popover {\n position: relative;\n }\n "]
}] }
];
/** @nocollapse */
NzPopconfirmComponent.ctorParameters = function () {
return [
{ type: core.ChangeDetectorRef },
{ type: core$1.NzNoAnimationDirective, decorators: [{ type: core.Host }, { type: core.Optional }] }
];
};
NzPopconfirmComponent.propDecorators = {
nzOkText: [{ type: core.Input }],
nzOkType: [{ type: core.Input }],
nzCancelText: [{ type: core.Input }],
nzCondition: [{ type: core.Input }],
nzIcon: [{ type: core.Input }],
nzOnCancel: [{ type: core.Output }],
nzOnConfirm: [{ type: core.Output }]
};
__decorate([
core$1.InputBoolean(),
__metadata("design:type", Object)
], NzPopconfirmComponent.prototype, "nzCondition", void 0);
return NzPopconfirmComponent;
}(tooltip.NzToolTipComponent));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzPopconfirmDirective = /** @class */ (function (_super) {
__extends(NzPopconfirmDirective, _super);
function NzPopconfirmDirective(elementRef, hostView, resolver, renderer, tooltip$$1, noAnimation) {
var _this = _super.call(this, elementRef, hostView, resolver, renderer, tooltip$$1, noAnimation) || this;
_this.noAnimation = noAnimation;
_this.factory = _this.resolver.resolveComponentFactory(NzPopconfirmComponent);
_this.needProxyProperties = [
'nzTitle',
'nzContent',
'nzOverlayClassName',
'nzOverlayStyle',
'nzMouseEnterDelay',
'nzMouseLeaveDelay',
'nzVisible',
'nzTrigger',
'nzPlacement',
'nzOkText',
'nzOkType',
'nzCancelText',
'nzCondition',
'nzIcon'
];
_this.nzOnCancel = new core.EventEmitter();
_this.nzOnConfirm = new core.EventEmitter();
return _this;
}
/**
* @return {?}
*/
NzPopconfirmDirective.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _this = this;
if (!this.tooltip) {
/** @type {?} */
var tooltipComponent = this.hostView.createComponent(this.factory);
this.tooltip = tooltipComponent.instance;
this.tooltip.noAnimation = this.noAnimation;
// Remove element when use directive https://github.com/NG-ZORRO/ng-zorro-antd/issues/1967
this.renderer.removeChild(this.renderer.parentNode(this.elementRef.nativeElement), tooltipComponent.location.nativeElement);
this.isDynamicTooltip = true;
this.needProxyProperties.forEach(( /**
* @param {?} property
* @return {?}
*/function (property) { return _this.updateCompValue(property, _this[property]); }));
/** @type {?} */
var visible_ = this.tooltip.nzVisibleChange.pipe(operators.distinctUntilChanged()).subscribe(( /**
* @param {?} data
* @return {?}
*/function (data) {
_this.visible = data;
_this.nzVisibleChange.emit(data);
}));
/** @type {?} */
var cancel_ = (( /** @type {?} */(this.tooltip))).nzOnCancel.subscribe(( /**
* @return {?}
*/function () {
_this.nzOnCancel.emit();
}));
/** @type {?} */
var confirm_ = (( /** @type {?} */(this.tooltip))).nzOnConfirm.subscribe(( /**
* @return {?}
*/function () {
_this.nzOnConfirm.emit();
}));
this.subs_.add(visible_);
this.subs_.add(cancel_);
this.subs_.add(confirm_);
}
this.tooltip.setOverlayOrigin(this);
};
NzPopconfirmDirective.decorators = [
{ type: core.Directive, args: [{
selector: '[nz-popconfirm]',
exportAs: 'nzPopconfirm',
host: {
'[class.ant-popover-open]': 'isTooltipOpen'
}
},] }
];
/** @nocollapse */
NzPopconfirmDirective.ctorParameters = function () {
return [
{ type: core.ElementRef },
{ type: core.ViewContainerRef },
{ type: core.ComponentFactoryResolver },
{ type: core.Renderer2 },
{ type: NzPopconfirmComponent, decorators: [{ type: core.Optional }] },
{ type: core$1.NzNoAnimationDirective, decorators: [{ type: core.Host }, { type: core.Optional }] }
];
};
NzPopconfirmDirective.propDecorators = {
nzOkText: [{ type: core.Input }],
nzOkType: [{ type: core.Input }],
nzCancelText: [{ type: core.Input }],
nzIcon: [{ type: core.Input }],
nzCondition: [{ type: core.Input }],
nzOnCancel: [{ type: core.Output }],
nzOnConfirm: [{ type: core.Output }]
};
__decorate([
core$1.InputBoolean(),
__metadata("design:type", Boolean)
], NzPopconfirmDirective.prototype, "nzCondition", void 0);
return NzPopconfirmDirective;
}(tooltip.NzTooltipDirective));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzPopconfirmModule = /** @class */ (function () {
function NzPopconfirmModule() {
}
NzPopconfirmModule.decorators = [
{ type: core.NgModule, args: [{
declarations: [NzPopconfirmComponent, NzPopconfirmDirective],
exports: [NzPopconfirmComponent, NzPopconfirmDirective],
imports: [
common.CommonModule,
button.NzButtonModule,
overlay.OverlayModule,
i18n.NzI18nModule,
icon.NzIconModule,
core$1.NzAddOnModule,
core$1.NzOverlayModule,
core$1.NzNoAnimationModule,
tooltip.NzToolTipModule
],
entryComponents: [NzPopconfirmComponent]
},] }
];
return NzPopconfirmModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
exports.NzPopconfirmComponent = NzPopconfirmComponent;
exports.NzPopconfirmDirective = NzPopconfirmDirective;
exports.NzPopconfirmModule = NzPopconfirmModule;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=ng-zorro-antd-popconfirm.umd.js.map