@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
98 lines • 6.04 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
// tslint:disable: no-input-rename
import { Directive, ElementRef, HostListener, Input } from '@angular/core';
import { PopoverService } from './popover.service';
export class Popover {
/**
* @param {?} popoverService
* @param {?} elementRef
*/
constructor(popoverService, elementRef) {
this.popoverService = popoverService;
this.elementRef = elementRef;
this.open = false;
this.body = '';
this.position = 'bottom';
this.alignment = 'left';
this.sectioned = false;
}
/**
* @private
* @return {?}
*/
show() {
this.popoverRef = this.popoverService.open({
content: {
body: this.body,
sectioned: this.sectioned,
},
position: this.position,
alignment: this.alignment,
}, this.elementRef);
this.open = true;
this.popoverRef.afterClosed().subscribe((/**
* @param {?} result
* @return {?}
*/
(result) => {
this.open = false;
}));
}
/**
* @return {?}
*/
onClick() {
if (!this.open) {
this.show();
}
}
}
Popover.decorators = [
{ type: Directive, args: [{ selector: '[sukaPopover]' },] }
];
/** @nocollapse */
Popover.ctorParameters = () => [
{ type: PopoverService },
{ type: ElementRef }
];
Popover.propDecorators = {
body: [{ type: Input, args: ['sukaPopover',] }],
position: [{ type: Input, args: ['popoverPosition',] }],
alignment: [{ type: Input, args: ['popoverAlignment',] }],
sectioned: [{ type: Input, args: ['popoverSectioned',] }],
onClick: [{ type: HostListener, args: ['click',] }]
};
if (false) {
/**
* @type {?}
* @private
*/
Popover.prototype.popoverRef;
/**
* @type {?}
* @private
*/
Popover.prototype.open;
/** @type {?} */
Popover.prototype.body;
/** @type {?} */
Popover.prototype.position;
/** @type {?} */
Popover.prototype.alignment;
/** @type {?} */
Popover.prototype.sectioned;
/**
* @type {?}
* @protected
*/
Popover.prototype.popoverService;
/**
* @type {?}
* @private
*/
Popover.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvcG9wb3Zlci9wb3BvdmVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUVBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBSW5ELE1BQU0sT0FBTyxPQUFPOzs7OztJQVNsQixZQUFzQixjQUE4QixFQUFVLFVBQXNCO1FBQTlELG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7UUFQNUUsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUVDLFNBQUksR0FBZ0IsRUFBRSxDQUFDO1FBQ25CLGFBQVEsR0FBcUIsUUFBUSxDQUFDO1FBQ3JDLGNBQVMsR0FBZ0MsTUFBTSxDQUFDO1FBQ2hELGNBQVMsR0FBRyxLQUFLLENBQUM7SUFFMkMsQ0FBQzs7Ozs7SUFFakYsSUFBSTtRQUNWLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQ3hDO1lBQ0UsT0FBTyxFQUFFO2dCQUNQLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtnQkFDZixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7YUFDMUI7WUFDRCxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdkIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTO1NBQzFCLEVBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FDaEIsQ0FBQztRQUVGLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBRWpCLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUzs7OztRQUFDLENBQUMsTUFBVyxFQUFFLEVBQUU7WUFDdEQsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDcEIsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7O0lBR0QsT0FBTztRQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDOzs7WUFyQ0YsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRTs7OztZQUgvQixjQUFjO1lBRkgsVUFBVTs7O21CQVUzQixLQUFLLFNBQUMsYUFBYTt1QkFDbkIsS0FBSyxTQUFDLGlCQUFpQjt3QkFDdkIsS0FBSyxTQUFDLGtCQUFrQjt3QkFDeEIsS0FBSyxTQUFDLGtCQUFrQjtzQkF3QnhCLFlBQVksU0FBQyxPQUFPOzs7Ozs7O0lBOUJyQiw2QkFBK0I7Ozs7O0lBQy9CLHVCQUFxQjs7SUFFckIsdUJBQTZDOztJQUM3QywyQkFBZ0U7O0lBQ2hFLDRCQUEyRTs7SUFDM0UsNEJBQTZDOzs7OztJQUVqQyxpQ0FBd0M7Ozs7O0lBQUUsNkJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdHNsaW50OmRpc2FibGU6IG5vLWlucHV0LXJlbmFtZVxuXG5pbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBvcG92ZXJCb2R5IH0gZnJvbSAnLi9wb3BvdmVyLWJvZHkudHlwZSc7XG5pbXBvcnQgeyBQb3BvdmVyU2VydmljZSB9IGZyb20gJy4vcG9wb3Zlci5zZXJ2aWNlJztcbmltcG9ydCB7IFBvcG92ZXJSZWYgfSBmcm9tICcuL3BvcG92ZXItcmVmJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW3N1a2FQb3BvdmVyXScgfSlcbmV4cG9ydCBjbGFzcyBQb3BvdmVyIHtcbiAgcHJpdmF0ZSBwb3BvdmVyUmVmOiBQb3BvdmVyUmVmO1xuICBwcml2YXRlIG9wZW4gPSBmYWxzZTtcblxuICBASW5wdXQoJ3N1a2FQb3BvdmVyJykgYm9keTogUG9wb3ZlckJvZHkgPSAnJztcbiAgQElucHV0KCdwb3BvdmVyUG9zaXRpb24nKSBwb3NpdGlvbjogJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoJ3BvcG92ZXJBbGlnbm1lbnQnKSBhbGlnbm1lbnQ6ICdsZWZ0JyB8ICdyaWdodCcgfCAnY2VudGVyJyA9ICdsZWZ0JztcbiAgQElucHV0KCdwb3BvdmVyU2VjdGlvbmVkJykgc2VjdGlvbmVkID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIHBvcG92ZXJTZXJ2aWNlOiBQb3BvdmVyU2VydmljZSwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICBwcml2YXRlIHNob3coKSB7XG4gICAgdGhpcy5wb3BvdmVyUmVmID0gdGhpcy5wb3BvdmVyU2VydmljZS5vcGVuKFxuICAgICAge1xuICAgICAgICBjb250ZW50OiB7XG4gICAgICAgICAgYm9keTogdGhpcy5ib2R5LFxuICAgICAgICAgIHNlY3Rpb25lZDogdGhpcy5zZWN0aW9uZWQsXG4gICAgICAgIH0sXG4gICAgICAgIHBvc2l0aW9uOiB0aGlzLnBvc2l0aW9uLFxuICAgICAgICBhbGlnbm1lbnQ6IHRoaXMuYWxpZ25tZW50LFxuICAgICAgfSxcbiAgICAgIHRoaXMuZWxlbWVudFJlZlxuICAgICk7XG5cbiAgICB0aGlzLm9wZW4gPSB0cnVlO1xuXG4gICAgdGhpcy5wb3BvdmVyUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKChyZXN1bHQ6IGFueSkgPT4ge1xuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgfSk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIG9uQ2xpY2soKSB7XG4gICAgaWYgKCF0aGlzLm9wZW4pIHtcbiAgICAgIHRoaXMuc2hvdygpO1xuICAgIH1cbiAgfVxufVxuIl19