@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>
128 lines • 7.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;
/**
* The `Popover` body
*/
this.body = '';
/**
* Sets the vertical position of the popover. Defaults to `bottom`.
*/
this.position = 'bottom';
/**
* Sets the horizontal `Popover' alignment. Defaults to `left`.
*/
this.alignment = 'left';
/**
* Set to `true` to auto-wrap content in section
*/
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;
/**
* The `Popover` body
* @type {?}
*/
Popover.prototype.body;
/**
* Sets the vertical position of the popover. Defaults to `bottom`.
* @type {?}
*/
Popover.prototype.position;
/**
* Sets the horizontal `Popover' alignment. Defaults to `left`.
* @type {?}
*/
Popover.prototype.alignment;
/**
* Set to `true` to auto-wrap content in section
* @type {?}
*/
Popover.prototype.sectioned;
/**
* @type {?}
* @protected
*/
Popover.prototype.popoverService;
/**
* @type {?}
* @private
*/
Popover.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvcG9wb3Zlci9wb3BvdmVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUVBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBR25EO0lBc0JFLGlCQUFzQixjQUE4QixFQUFVLFVBQXNCO1FBQTlELG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7UUFuQjVFLFNBQUksR0FBRyxLQUFLLENBQUM7Ozs7UUFLQyxTQUFJLEdBQWdCLEVBQUUsQ0FBQzs7OztRQUluQixhQUFRLEdBQXFCLFFBQVEsQ0FBQzs7OztRQUlyQyxjQUFTLEdBQWdDLE1BQU0sQ0FBQzs7OztRQUloRCxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBRTJDLENBQUM7Ozs7O0lBRWpGLHNCQUFJOzs7O0lBQVo7UUFBQSxpQkFrQkM7UUFqQkMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FDeEM7WUFDRSxPQUFPLEVBQUU7Z0JBQ1AsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO2dCQUNmLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUzthQUMxQjtZQUNELFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDMUIsRUFDRCxJQUFJLENBQUMsVUFBVSxDQUNoQixDQUFDO1FBRUYsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFFakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTOzs7O1FBQUMsVUFBQyxNQUFXO1lBQ2xELEtBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7OztJQUdELHlCQUFPOzs7SUFEUDtRQUVFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDOztnQkFqREYsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRTs7OztnQkFIL0IsY0FBYztnQkFGSCxVQUFVOzs7dUJBYTNCLEtBQUssU0FBQyxhQUFhOzJCQUluQixLQUFLLFNBQUMsaUJBQWlCOzRCQUl2QixLQUFLLFNBQUMsa0JBQWtCOzRCQUl4QixLQUFLLFNBQUMsa0JBQWtCOzBCQXdCeEIsWUFBWSxTQUFDLE9BQU87O0lBTXZCLGNBQUM7Q0FBQSxBQWxERCxJQWtEQztTQWpEWSxPQUFPOzs7Ozs7SUFDbEIsNkJBQStCOzs7OztJQUMvQix1QkFBcUI7Ozs7O0lBS3JCLHVCQUE2Qzs7Ozs7SUFJN0MsMkJBQWdFOzs7OztJQUloRSw0QkFBMkU7Ozs7O0lBSTNFLDRCQUE2Qzs7Ozs7SUFFakMsaUNBQXdDOzs7OztJQUFFLDZCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIHRzbGludDpkaXNhYmxlOiBuby1pbnB1dC1yZW5hbWVcblxuaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3BvdmVyQm9keSB9IGZyb20gJy4vcG9wb3Zlci1ib2R5LnR5cGUnO1xuaW1wb3J0IHsgUG9wb3ZlclNlcnZpY2UgfSBmcm9tICcuL3BvcG92ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBQb3BvdmVyUmVmIH0gZnJvbSAnLi9wb3BvdmVyLXJlZic7XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tzdWthUG9wb3Zlcl0nIH0pXG5leHBvcnQgY2xhc3MgUG9wb3ZlciB7XG4gIHByaXZhdGUgcG9wb3ZlclJlZjogUG9wb3ZlclJlZjtcbiAgcHJpdmF0ZSBvcGVuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBgUG9wb3ZlcmAgYm9keVxuICAgKi9cbiAgQElucHV0KCdzdWthUG9wb3ZlcicpIGJvZHk6IFBvcG92ZXJCb2R5ID0gJyc7XG4gIC8qKlxuICAgKiBTZXRzIHRoZSB2ZXJ0aWNhbCBwb3NpdGlvbiBvZiB0aGUgcG9wb3Zlci4gRGVmYXVsdHMgdG8gYGJvdHRvbWAuXG4gICAqL1xuICBASW5wdXQoJ3BvcG92ZXJQb3NpdGlvbicpIHBvc2l0aW9uOiAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIC8qKlxuICAgKiBTZXRzIHRoZSBob3Jpem9udGFsIGBQb3BvdmVyJyBhbGlnbm1lbnQuIERlZmF1bHRzIHRvIGBsZWZ0YC5cbiAgICovXG4gIEBJbnB1dCgncG9wb3ZlckFsaWdubWVudCcpIGFsaWdubWVudDogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInID0gJ2xlZnQnO1xuICAvKipcbiAgICogU2V0IHRvIGB0cnVlYCB0byBhdXRvLXdyYXAgY29udGVudCBpbiBzZWN0aW9uXG4gICAqL1xuICBASW5wdXQoJ3BvcG92ZXJTZWN0aW9uZWQnKSBzZWN0aW9uZWQgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgcG9wb3ZlclNlcnZpY2U6IFBvcG92ZXJTZXJ2aWNlLCBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHsgfVxuXG4gIHByaXZhdGUgc2hvdygpIHtcbiAgICB0aGlzLnBvcG92ZXJSZWYgPSB0aGlzLnBvcG92ZXJTZXJ2aWNlLm9wZW4oXG4gICAgICB7XG4gICAgICAgIGNvbnRlbnQ6IHtcbiAgICAgICAgICBib2R5OiB0aGlzLmJvZHksXG4gICAgICAgICAgc2VjdGlvbmVkOiB0aGlzLnNlY3Rpb25lZCxcbiAgICAgICAgfSxcbiAgICAgICAgcG9zaXRpb246IHRoaXMucG9zaXRpb24sXG4gICAgICAgIGFsaWdubWVudDogdGhpcy5hbGlnbm1lbnQsXG4gICAgICB9LFxuICAgICAgdGhpcy5lbGVtZW50UmVmXG4gICAgKTtcblxuICAgIHRoaXMub3BlbiA9IHRydWU7XG5cbiAgICB0aGlzLnBvcG92ZXJSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdDogYW55KSA9PiB7XG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcbiAgICB9KTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgb25DbGljaygpIHtcbiAgICBpZiAoIXRoaXMub3Blbikge1xuICAgICAgdGhpcy5zaG93KCk7XG4gICAgfVxuICB9XG59XG4iXX0=