ngx-pluto
Version:
73 lines • 7.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, TemplateRef, ChangeDetectionStrategy } from "@angular/core";
import { trigger, transition, style, animate } from "@angular/animations";
/**
* @ignore
*/
var NpTooltip = /** @class */ (function () {
function NpTooltip() {
this.text = '';
this.bgColor = '';
}
/**
* @return {?}
*/
NpTooltip.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @param {?} changes
* @return {?}
*/
NpTooltip.prototype.ngOnChanges = /**
* @param {?} changes
* @return {?}
*/
function (changes) {
};
NpTooltip.decorators = [
{ type: Component, args: [{
selector: "np-tooltip",
template: "<ng-container *ngIf=\"text\">\r\n <div @tooltip [ngStyle]=\"{'background-color': bgColor}\" [innerHtml]=\"text | safeHtml\" class=\"padding-div\"></div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"template\">\r\n <div @tooltip [ngStyle]=\"{'background-color': bgColor}\">\r\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n </div>\r\n</ng-container>\r\n",
changeDetection: ChangeDetectionStrategy.OnPush,
host: {
'class': 'np-tooltip-wrapper'
},
animations: [
trigger('tooltip', [
transition(':enter', [
style({ opacity: 0 }),
animate(300, style({ opacity: 1 })),
]),
transition(':leave', [
animate(300, style({ opacity: 0 })),
]),
]),
],
styles: [":host{display:block;position:relative}:host div{border-radius:4px;position:relative}:host .padding-div{padding:8px 12px}:host.arrow-top::before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;top:-6px;left:calc(50% - 6px);-webkit-animation:.2s linear arrowEnter;animation:.2s linear arrowEnter}:host.arrow-right::before{content:'';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;position:absolute;right:-6px;top:calc(50% - 6px);-webkit-animation:.2s linear arrowEnter;animation:.2s linear arrowEnter}:host.arrow-bottom::before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;bottom:-6px;left:calc(50% - 6px);-webkit-animation:.2s linear arrowEnter;animation:.2s linear arrowEnter}:host.arrow-left::before{content:'';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;position:absolute;left:-6px;top:calc(50% - 6px);-webkit-animation:.2s linear arrowEnter;animation:.2s linear arrowEnter}:host.arrow-bottomRight::before{content:'';width:0;height:0;border-left:6px solid transparent;border-bottom:6px solid transparent;position:absolute;-webkit-animation:.2s linear arrowEnter;animation:.2s linear arrowEnter;right:3px;bottom:-6px}:host.arrow-bottomLeft::before{content:'';width:0;height:0;border-right:6px solid transparent;border-bottom:6px solid transparent;position:absolute;-webkit-animation:.2s linear arrowEnter;animation:.2s linear arrowEnter;left:3px;bottom:-6px}:host.arrow-topRight::before{content:'';width:0;height:0;border-top:6px solid transparent;border-left:6px solid transparent;position:absolute;-webkit-animation:.2s linear arrowEnter;animation:.2s linear arrowEnter;right:3px;top:-6px}:host.arrow-topLeft::before{content:'';width:0;height:0;border-top:6px solid transparent;border-right:6px solid transparent;position:absolute;-webkit-animation:.2s linear arrowEnter;animation:.2s linear arrowEnter;left:3px;top:-6px}@-webkit-keyframes arrowEnter{0%{opacity:0}100%{opacity:.7}}@keyframes arrowEnter{0%{opacity:0}100%{opacity:.7}}"]
}] }
];
/** @nocollapse */
NpTooltip.ctorParameters = function () { return []; };
NpTooltip.propDecorators = {
text: [{ type: Input }],
template: [{ type: Input }],
bgColor: [{ type: Input }]
};
return NpTooltip;
}());
export { NpTooltip };
if (false) {
/** @type {?} */
NpTooltip.prototype.text;
/** @type {?} */
NpTooltip.prototype.template;
/** @type {?} */
NpTooltip.prototype.bgColor;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtcGx1dG8vIiwic291cmNlcyI6WyJsaWIvdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0MsS0FBSyxFQUFpQixXQUFXLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUksT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBSzFFO0lBMkJFO1FBSlMsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUVWLFlBQU8sR0FBRyxFQUFFLENBQUM7SUFFTixDQUFDOzs7O0lBRWpCLDRCQUFROzs7SUFBUjtJQUNBLENBQUM7Ozs7O0lBRUQsK0JBQVc7Ozs7SUFBWCxVQUFZLE9BQXNCO0lBQ2xDLENBQUM7O2dCQWpDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLHdZQUFxQztvQkFFckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsb0JBQW9CO3FCQUM5QjtvQkFDRCxVQUFVLEVBQUU7d0JBQ1YsT0FBTyxDQUFDLFNBQVMsRUFBRTs0QkFDakIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDO2dDQUNyQixPQUFPLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDOzZCQUNwQyxDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7NkJBQ3BDLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs7aUJBQ0Y7Ozs7O3VCQUlFLEtBQUs7MkJBQ0wsS0FBSzswQkFDTCxLQUFLOztJQVNSLGdCQUFDO0NBQUEsQUFsQ0QsSUFrQ0M7U0FiWSxTQUFTOzs7SUFFcEIseUJBQW1COztJQUNuQiw2QkFBb0M7O0lBQ3BDLDRCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIE9uSW5pdCwgT25DaGFuZ2VzLCBJbnB1dCwgU2ltcGxlQ2hhbmdlcywgVGVtcGxhdGVSZWYsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgdHJpZ2dlciwgdHJhbnNpdGlvbiwgc3R5bGUsIGFuaW1hdGUgfSBmcm9tIFwiQGFuZ3VsYXIvYW5pbWF0aW9uc1wiO1xyXG5cclxuLyoqXHJcbiAqIEBpZ25vcmVcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgbnAtdG9vbHRpcGAsXHJcbiAgdGVtcGxhdGVVcmw6ICd0b29sdGlwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsndG9vbHRpcC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGhvc3Q6IHtcclxuICAgICdjbGFzcyc6ICducC10b29sdGlwLXdyYXBwZXInXHJcbiAgfSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCd0b29sdGlwJywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXHJcbiAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAwIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoMzAwLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpLFxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xyXG4gICAgICAgIGFuaW1hdGUoMzAwLCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpLFxyXG4gICAgICBdKSxcclxuICAgIF0pLFxyXG4gIF0sXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTnBUb29sdGlwIGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG5cclxuICBASW5wdXQoKSB0ZXh0ID0gJyc7XHJcbiAgQElucHV0KCkgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgQElucHV0KCkgYmdDb2xvciA9ICcnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICB9XHJcbn0iXX0=