ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
67 lines • 5.63 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation } from '@angular/core';
import { PopoverComponentOptions } from './popover-component-options.provider';
export class PopoverComponent {
/**
* @param {?} options
*/
constructor(options) {
this.options = options;
this.defaultProps = {
prefixCls: 'am-popover'
};
this.maskCls = {};
this.popoverCls = {};
}
/**
* @return {?}
*/
setClassMap() {
this.maskCls = {
[`${this.defaultProps.prefixCls}-mask`]: this.options.mask,
[`${this.defaultProps.prefixCls}-mask-hidden`]: !this.options.mask
};
this.popoverCls = {
[`${this.defaultProps.prefixCls}`]: true,
[`${this.defaultProps.prefixCls}-placement-${this.options.placement}`]: true,
[`${this.defaultProps.prefixCls}-${this.options.className}`]: true
};
}
/**
* @return {?}
*/
ngOnInit() {
this.setClassMap();
}
/**
* @return {?}
*/
ngAfterViewInit() {
this.options.onAfterViewInit();
}
}
PopoverComponent.decorators = [
{ type: Component, args: [{
selector: 'Popover',
template: "<ng-content></ng-content>\n<div [ngClass]=\"maskCls\" (click)=\"options.hidePopover()\"></div>\n<div [ngClass]=\"popoverCls\" style=\"color: currentcolor;\">\n <div class=\"{{ defaultProps.prefixCls }}-content\">\n <div *ngIf=\"options.showArrow\" class=\"{{ defaultProps.prefixCls }}-arrow\"></div>\n <div class=\"{{ defaultProps.prefixCls }}-inner\">\n <div class=\"{{ defaultProps.prefixCls }}-inner-wrapper\">\n <ng-template [ngTemplateOutlet]=\"options.overlay\" [ngTemplateOutletContext]=\"{ options: options }\">\n </ng-template>\n </div>\n </div>\n </div>\n</div>\n",
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
PopoverComponent.ctorParameters = () => [
{ type: PopoverComponentOptions }
];
if (false) {
/** @type {?} */
PopoverComponent.prototype.defaultProps;
/** @type {?} */
PopoverComponent.prototype.maskCls;
/** @type {?} */
PopoverComponent.prototype.popoverCls;
/** @type {?} */
PopoverComponent.prototype.options;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkLW1vYmlsZS8iLCJzb3VyY2VzIjpbInBvcG92ZXIvcG9wb3Zlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlCLGlCQUFpQixFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBTy9FLE1BQU0sT0FBTyxnQkFBZ0I7Ozs7SUFPM0IsWUFBbUIsT0FBZ0M7UUFBaEMsWUFBTyxHQUFQLE9BQU8sQ0FBeUI7UUFObkQsaUJBQVksR0FBUTtZQUNsQixTQUFTLEVBQUUsWUFBWTtTQUN4QixDQUFDO1FBQ0YsWUFBTyxHQUFRLEVBQUUsQ0FBQztRQUNsQixlQUFVLEdBQVEsRUFBRSxDQUFDO0lBRWlDLENBQUM7Ozs7SUFFdkQsV0FBVztRQUNULElBQUksQ0FBQyxPQUFPLEdBQUc7WUFDYixDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLE9BQU8sQ0FBQyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSTtZQUMxRCxDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLGNBQWMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJO1NBQ25FLENBQUM7UUFDRixJQUFJLENBQUMsVUFBVSxHQUFHO1lBQ2hCLENBQUMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsRUFBRSxDQUFDLEVBQUUsSUFBSTtZQUN4QyxDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLGNBQWMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQyxFQUFFLElBQUk7WUFDNUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUMsRUFBRSxJQUFJO1NBQ25FLENBQUM7SUFDSixDQUFDOzs7O0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDOzs7O0lBQ0QsZUFBZTtRQUNiLElBQUksQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDakMsQ0FBQzs7O1lBL0JGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsU0FBUztnQkFDbkIsNG1CQUF1QztnQkFDdkMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7YUFDdEM7Ozs7WUFOUSx1QkFBdUI7Ozs7SUFROUIsd0NBRUU7O0lBQ0YsbUNBQWtCOztJQUNsQixzQ0FBcUI7O0lBRVQsbUNBQXVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBBZnRlclZpZXdJbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3BvdmVyQ29tcG9uZW50T3B0aW9ucyB9IGZyb20gJy4vcG9wb3Zlci1jb21wb25lbnQtb3B0aW9ucy5wcm92aWRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1BvcG92ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcG9wb3Zlci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgUG9wb3ZlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gIGRlZmF1bHRQcm9wczogYW55ID0ge1xuICAgIHByZWZpeENsczogJ2FtLXBvcG92ZXInXG4gIH07XG4gIG1hc2tDbHM6IGFueSA9IHt9O1xuICBwb3BvdmVyQ2xzOiBhbnkgPSB7fTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgb3B0aW9uczogUG9wb3ZlckNvbXBvbmVudE9wdGlvbnMpIHt9XG5cbiAgc2V0Q2xhc3NNYXAoKSB7XG4gICAgdGhpcy5tYXNrQ2xzID0ge1xuICAgICAgW2Ake3RoaXMuZGVmYXVsdFByb3BzLnByZWZpeENsc30tbWFza2BdOiB0aGlzLm9wdGlvbnMubWFzayxcbiAgICAgIFtgJHt0aGlzLmRlZmF1bHRQcm9wcy5wcmVmaXhDbHN9LW1hc2staGlkZGVuYF06ICF0aGlzLm9wdGlvbnMubWFza1xuICAgIH07XG4gICAgdGhpcy5wb3BvdmVyQ2xzID0ge1xuICAgICAgW2Ake3RoaXMuZGVmYXVsdFByb3BzLnByZWZpeENsc31gXTogdHJ1ZSxcbiAgICAgIFtgJHt0aGlzLmRlZmF1bHRQcm9wcy5wcmVmaXhDbHN9LXBsYWNlbWVudC0ke3RoaXMub3B0aW9ucy5wbGFjZW1lbnR9YF06IHRydWUsXG4gICAgICBbYCR7dGhpcy5kZWZhdWx0UHJvcHMucHJlZml4Q2xzfS0ke3RoaXMub3B0aW9ucy5jbGFzc05hbWV9YF06IHRydWVcbiAgICB9O1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zZXRDbGFzc01hcCgpO1xuICB9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm9wdGlvbnMub25BZnRlclZpZXdJbml0KCk7XG4gIH1cbn1cbiJdfQ==