@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>
104 lines • 6.34 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';
var Popover = /** @class */ (function () {
function Popover(popoverService, elementRef) {
this.popoverService = popoverService;
this.elementRef = elementRef;
this.open = false;
this.body = '';
this.position = 'bottom';
this.alignment = 'left';
this.sectioned = false;
}
/**
* @private
* @return {?}
*/
Popover.prototype.show = /**
* @private
* @return {?}
*/
function () {
var _this = this;
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 {?}
*/
function (result) {
_this.open = false;
}));
};
/**
* @return {?}
*/
Popover.prototype.onClick = /**
* @return {?}
*/
function () {
if (!this.open) {
this.show();
}
};
Popover.decorators = [
{ type: Directive, args: [{ selector: '[sukaPopover]' },] }
];
/** @nocollapse */
Popover.ctorParameters = function () { return [
{ 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',] }]
};
return Popover;
}());
export { Popover };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvcG9wb3Zlci9wb3BvdmVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUVBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBR25EO0lBVUUsaUJBQXNCLGNBQThCLEVBQVUsVUFBc0I7UUFBOUQsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQVUsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVA1RSxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRUMsU0FBSSxHQUFnQixFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFxQixRQUFRLENBQUM7UUFDckMsY0FBUyxHQUFnQyxNQUFNLENBQUM7UUFDaEQsY0FBUyxHQUFHLEtBQUssQ0FBQztJQUUyQyxDQUFDOzs7OztJQUVqRixzQkFBSTs7OztJQUFaO1FBQUEsaUJBa0JDO1FBakJDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQ3hDO1lBQ0UsT0FBTyxFQUFFO2dCQUNQLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtnQkFDZixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7YUFDMUI7WUFDRCxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdkIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTO1NBQzFCLEVBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FDaEIsQ0FBQztRQUVGLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBRWpCLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUzs7OztRQUFDLFVBQUMsTUFBVztZQUNsRCxLQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNwQixDQUFDLEVBQUMsQ0FBQztJQUNMLENBQUM7Ozs7SUFHRCx5QkFBTzs7O0lBRFA7UUFFRSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNkLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQzs7Z0JBckNGLFNBQVMsU0FBQyxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUU7Ozs7Z0JBSC9CLGNBQWM7Z0JBRkgsVUFBVTs7O3VCQVUzQixLQUFLLFNBQUMsYUFBYTsyQkFDbkIsS0FBSyxTQUFDLGlCQUFpQjs0QkFDdkIsS0FBSyxTQUFDLGtCQUFrQjs0QkFDeEIsS0FBSyxTQUFDLGtCQUFrQjswQkF3QnhCLFlBQVksU0FBQyxPQUFPOztJQU12QixjQUFDO0NBQUEsQUF0Q0QsSUFzQ0M7U0FyQ1ksT0FBTzs7Ozs7O0lBQ2xCLDZCQUErQjs7Ozs7SUFDL0IsdUJBQXFCOztJQUVyQix1QkFBNkM7O0lBQzdDLDJCQUFnRTs7SUFDaEUsNEJBQTJFOztJQUMzRSw0QkFBNkM7Ozs7O0lBRWpDLGlDQUF3Qzs7Ozs7SUFBRSw2QkFBOEIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyB0c2xpbnQ6ZGlzYWJsZTogbm8taW5wdXQtcmVuYW1lXG5cbmltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUG9wb3ZlckJvZHkgfSBmcm9tICcuL3BvcG92ZXItYm9keS50eXBlJztcbmltcG9ydCB7IFBvcG92ZXJTZXJ2aWNlIH0gZnJvbSAnLi9wb3BvdmVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgUG9wb3ZlclJlZiB9IGZyb20gJy4vcG9wb3Zlci1yZWYnO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbc3VrYVBvcG92ZXJdJyB9KVxuZXhwb3J0IGNsYXNzIFBvcG92ZXIge1xuICBwcml2YXRlIHBvcG92ZXJSZWY6IFBvcG92ZXJSZWY7XG4gIHByaXZhdGUgb3BlbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgnc3VrYVBvcG92ZXInKSBib2R5OiBQb3BvdmVyQm9keSA9ICcnO1xuICBASW5wdXQoJ3BvcG92ZXJQb3NpdGlvbicpIHBvc2l0aW9uOiAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBJbnB1dCgncG9wb3ZlckFsaWdubWVudCcpIGFsaWdubWVudDogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInID0gJ2xlZnQnO1xuICBASW5wdXQoJ3BvcG92ZXJTZWN0aW9uZWQnKSBzZWN0aW9uZWQgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgcG9wb3ZlclNlcnZpY2U6IFBvcG92ZXJTZXJ2aWNlLCBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHsgfVxuXG4gIHByaXZhdGUgc2hvdygpIHtcbiAgICB0aGlzLnBvcG92ZXJSZWYgPSB0aGlzLnBvcG92ZXJTZXJ2aWNlLm9wZW4oXG4gICAgICB7XG4gICAgICAgIGNvbnRlbnQ6IHtcbiAgICAgICAgICBib2R5OiB0aGlzLmJvZHksXG4gICAgICAgICAgc2VjdGlvbmVkOiB0aGlzLnNlY3Rpb25lZCxcbiAgICAgICAgfSxcbiAgICAgICAgcG9zaXRpb246IHRoaXMucG9zaXRpb24sXG4gICAgICAgIGFsaWdubWVudDogdGhpcy5hbGlnbm1lbnQsXG4gICAgICB9LFxuICAgICAgdGhpcy5lbGVtZW50UmVmXG4gICAgKTtcblxuICAgIHRoaXMub3BlbiA9IHRydWU7XG5cbiAgICB0aGlzLnBvcG92ZXJSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdDogYW55KSA9PiB7XG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICB9KTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgb25DbGljaygpIHtcbiAgICBpZiAoIXRoaXMub3Blbikge1xuICAgICAgdGhpcy5zaG93KCk7XG4gICAgfVxuICB9XG59XG4iXX0=