ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
160 lines (148 loc) • 9.01 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/overlay'), require('@angular/common'), require('@angular/core'), require('ng-zorro-antd/core'), require('ng-zorro-antd/tooltip')) :
typeof define === 'function' && define.amd ? define('ng-zorro-antd/popover', ['exports', '@angular/cdk/overlay', '@angular/common', '@angular/core', 'ng-zorro-antd/core', 'ng-zorro-antd/tooltip'], factory) :
(factory((global['ng-zorro-antd'] = global['ng-zorro-antd'] || {}, global['ng-zorro-antd'].popover = {}),global.ng.cdk.overlay,global.ng.common,global.ng.core,global['ng-zorro-antd'].core,global['ng-zorro-antd'].tooltip));
}(this, (function (exports,overlay,common,core,core$1,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 __());
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzPopoverComponent = /** @class */ (function (_super) {
__extends(NzPopoverComponent, _super);
function NzPopoverComponent(cdr, noAnimation) {
var _this = _super.call(this, cdr, noAnimation) || this;
_this.noAnimation = noAnimation;
_this._prefix = 'ant-popover-placement';
return _this;
}
/**
* @protected
* @return {?}
*/
NzPopoverComponent.prototype.isContentEmpty = /**
* @protected
* @return {?}
*/
function () {
/** @type {?} */
var isTitleEmpty = this.nzTitle instanceof core.TemplateRef ? false : this.nzTitle === '' || !core$1.isNotNil(this.nzTitle);
/** @type {?} */
var isContentEmpty = this.nzContent instanceof core.TemplateRef ? false : this.nzContent === '' || !core$1.isNotNil(this.nzContent);
return isTitleEmpty && isContentEmpty;
};
NzPopoverComponent.decorators = [
{ type: core.Component, args: [{
selector: 'nz-popover',
exportAs: 'nzPopoverComponent',
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\" role=\"tooltip\">\n <div>\n <div class=\"ant-popover-title\" *ngIf=\"nzTitle\">\n <ng-container *nzStringTemplateOutlet=\"nzTitle\">{{ nzTitle }}</ng-container>\n </div>\n <div class=\"ant-popover-inner-content\">\n <ng-container *nzStringTemplateOutlet=\"nzContent\">{{ nzContent }}</ng-container>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>",
changeDetection: core.ChangeDetectionStrategy.OnPush,
encapsulation: core.ViewEncapsulation.None,
preserveWhitespaces: false,
styles: ["\n .ant-popover {\n position: relative;\n }\n "]
}] }
];
/** @nocollapse */
NzPopoverComponent.ctorParameters = function () {
return [
{ type: core.ChangeDetectorRef },
{ type: core$1.NzNoAnimationDirective, decorators: [{ type: core.Host }, { type: core.Optional }] }
];
};
NzPopoverComponent.propDecorators = {
nzTitle: [{ type: core.Input }, { type: core.ContentChild, args: ['neverUsedTemplate',] }],
nzContent: [{ type: core.Input }, { type: core.ContentChild, args: ['nzTemplate',] }]
};
return NzPopoverComponent;
}(tooltip.NzToolTipComponent));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzPopoverDirective = /** @class */ (function (_super) {
__extends(NzPopoverDirective, _super);
function NzPopoverDirective(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(NzPopoverComponent);
return _this;
}
NzPopoverDirective.decorators = [
{ type: core.Directive, args: [{
selector: '[nz-popover]',
exportAs: 'nzPopover',
host: {
'[class.ant-popover-open]': 'isTooltipOpen'
}
},] }
];
/** @nocollapse */
NzPopoverDirective.ctorParameters = function () {
return [
{ type: core.ElementRef },
{ type: core.ViewContainerRef },
{ type: core.ComponentFactoryResolver },
{ type: core.Renderer2 },
{ type: NzPopoverComponent, decorators: [{ type: core.Optional }] },
{ type: core$1.NzNoAnimationDirective, decorators: [{ type: core.Host }, { type: core.Optional }] }
];
};
return NzPopoverDirective;
}(tooltip.NzTooltipDirective));
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzPopoverModule = /** @class */ (function () {
function NzPopoverModule() {
}
NzPopoverModule.decorators = [
{ type: core.NgModule, args: [{
entryComponents: [NzPopoverComponent],
exports: [NzPopoverDirective, NzPopoverComponent],
declarations: [NzPopoverDirective, NzPopoverComponent],
imports: [common.CommonModule, overlay.OverlayModule, core$1.NzAddOnModule, core$1.NzOverlayModule, core$1.NzNoAnimationModule, tooltip.NzToolTipModule]
},] }
];
return NzPopoverModule;
}());
/**
* @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.NzPopoverComponent = NzPopoverComponent;
exports.NzPopoverDirective = NzPopoverDirective;
exports.NzPopoverModule = NzPopoverModule;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=ng-zorro-antd-popover.umd.js.map