ngx-pluto
Version:
64 lines • 7.16 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
*/
export class NpTooltip {
constructor() {
this.text = '';
this.bgColor = '';
}
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(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 = () => [];
NpTooltip.propDecorators = {
text: [{ type: Input }],
template: [{ type: Input }],
bgColor: [{ type: Input }]
};
if (false) {
/** @type {?} */
NpTooltip.prototype.text;
/** @type {?} */
NpTooltip.prototype.template;
/** @type {?} */
NpTooltip.prototype.bgColor;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtcGx1dG8vIiwic291cmNlcyI6WyJsaWIvdG9vbHRpcC90b29sdGlwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0MsS0FBSyxFQUFpQixXQUFXLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUksT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBMEIxRSxNQUFNLE9BQU8sU0FBUztJQU1wQjtRQUpTLFNBQUksR0FBRyxFQUFFLENBQUM7UUFFVixZQUFPLEdBQUcsRUFBRSxDQUFDO0lBRU4sQ0FBQzs7OztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7Ozs7SUFFRCxXQUFXLENBQUMsT0FBc0I7SUFDbEMsQ0FBQzs7O1lBakNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsd1lBQXFDO2dCQUVyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsSUFBSSxFQUFFO29CQUNKLE9BQU8sRUFBRSxvQkFBb0I7aUJBQzlCO2dCQUNELFVBQVUsRUFBRTtvQkFDVixPQUFPLENBQUMsU0FBUyxFQUFFO3dCQUNqQixVQUFVLENBQUMsUUFBUSxFQUFFOzRCQUNuQixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7NEJBQ3JCLE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7eUJBQ3BDLENBQUM7d0JBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTs0QkFDbkIsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQzt5QkFDcEMsQ0FBQztxQkFDSCxDQUFDO2lCQUNIOzthQUNGOzs7OzttQkFJRSxLQUFLO3VCQUNMLEtBQUs7c0JBQ0wsS0FBSzs7OztJQUZOLHlCQUFtQjs7SUFDbkIsNkJBQW9DOztJQUNwQyw0QkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBPbkluaXQsIE9uQ2hhbmdlcywgSW5wdXQsIFNpbXBsZUNoYW5nZXMsIFRlbXBsYXRlUmVmLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IHRyaWdnZXIsIHRyYW5zaXRpb24sIHN0eWxlLCBhbmltYXRlIH0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuXHJcbi8qKlxyXG4gKiBAaWdub3JlXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogYG5wLXRvb2x0aXBgLFxyXG4gIHRlbXBsYXRlVXJsOiAndG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJ3Rvb2x0aXAuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBob3N0OiB7XHJcbiAgICAnY2xhc3MnOiAnbnAtdG9vbHRpcC13cmFwcGVyJ1xyXG4gIH0sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcigndG9vbHRpcCcsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xyXG4gICAgICAgIHN0eWxlKHsgb3BhY2l0eTogMCB9KSxcclxuICAgICAgICBhbmltYXRlKDMwMCwgc3R5bGUoeyBvcGFjaXR5OiAxIH0pKSxcclxuICAgICAgXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcclxuICAgICAgICBhbmltYXRlKDMwMCwgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcclxuICAgICAgXSksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE5wVG9vbHRpcCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgdGV4dCA9ICcnO1xyXG4gIEBJbnB1dCgpIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIGJnQ29sb3IgPSAnJztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgfVxyXG59Il19