smart-tooltip-angular
Version:
A package that allows you tooltip to show intelligently base on where it is
154 lines (141 loc) • 11.3 kB
JavaScript
import { __decorate } from "tslib";
import { NgModule } from '@angular/core';
import { SmartTooltipAngularDirective } from './smart-tooltip-angular.directive';
let SmartTooltipAngularModule = class SmartTooltipAngularModule {
constructor() {
var head = document.getElementsByTagName('head')[0];
var cs = document.createElement('style');
cs.type = 'text/css';
cs.innerHTML = `
.smart-tooltip-container {
position: relative;
}
.smart-tooltip {
position: absolute;
background-color: #333;
border-radius: 5px;
color: #eee;
padding: 10px 12px;
z-index: 100000;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
visibility: collapse;
/*transition: all .2s;*/
opacity: 0;
outline: none;
}
.smart-tooltip.left-t {
-webkit-transform: none;
transform: none;
right: calc(100% + 5px);
left: initial;
top: initial;
bottom: 5px;
}
.smart-tooltip.left-b {
-webkit-transform: none;
transform: none;
right: calc(100% + 5px);
left: initial;
top: 5px;
bottom: initial;
}
.smart-tooltip.left {
right: calc(100% + 5px);
left: initial;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.smart-tooltip.right-b {
-webkit-transform: none;
transform: none;
left: calc(100% + 5px);
top: 5px;
right: initial;
bottom: initial;
}
.smart-tooltip.right-t {
-webkit-transform: none;
transform: none;
/* display: none; */
left: calc(100% + 5px);
top: initial;
bottom: 5px;
}
.smart-tooltip.right {
left: calc(100% + 5px);
top: 50%;
bottom: initial;
right: initial;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.smart-tooltip.bottom-r {
/* display: none; */
top: calc(100% + 5px);
bottom: initial;
left: 5px;
right:initial;
transform: none;
}
.smart-tooltip.bottom-l {
/* display: none; */
top: calc(100% + 5px);
bottom: initial;
right: 5px;
left:initial;
transform: none;
}
.smart-tooltip.bottom {
/* display: none; */
top: calc(100% + 5px);
bottom: initial;
left: 50%;
transform: translateX(-50%);
}
.smart-tooltip.top-r {
/* display: none; */
bottom: calc(100% + 5px);
top: initial;
left: 5px;
right:initial;
transform: none;
}
.smart-tooltip.top-l {
/* display: none; */
bottom: calc(100% + 5px);
top: initial;
right: 5px;
left: initial;
transform: none;
}
.smart-tooltip.top {
/* display: none; */
bottom: calc(100% + 5px);
top: initial;
left: 50%;
transform: translateX(-50%);
}
.smart-tooltip-container .smart-tooltip.overlayed{
transform: none;
top:initial;
right:initial;
bottom:initial;
left:initial;
}
`;
head.appendChild(cs);
}
};
SmartTooltipAngularModule = __decorate([
NgModule({
declarations: [SmartTooltipAngularDirective],
imports: [],
exports: [SmartTooltipAngularDirective]
})
], SmartTooltipAngularModule);
export { SmartTooltipAngularModule };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtdG9vbHRpcC1hbmd1bGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3NtYXJ0LXRvb2x0aXAtYW5ndWxhci8iLCJzb3VyY2VzIjpbImxpYi9zbWFydC10b29sdGlwLWFuZ3VsYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBVWpGLElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0lBRXBDO1FBRUUsSUFBSSxJQUFJLEdBQUcsUUFBUSxDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BELElBQUksRUFBRSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDekMsRUFBRSxDQUFDLElBQUksR0FBRyxVQUFVLENBQUM7UUFDckIsRUFBRSxDQUFDLFNBQVMsR0FBRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXFJZCxDQUFDO1FBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUV2QixDQUFDO0NBQ0YsQ0FBQTtBQWhKWSx5QkFBeUI7SUFOckMsUUFBUSxDQUFDO1FBQ1IsWUFBWSxFQUFFLENBQUMsNEJBQTRCLENBQUM7UUFDNUMsT0FBTyxFQUFFLEVBQ1I7UUFDRCxPQUFPLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztLQUN4QyxDQUFDO0dBQ1cseUJBQXlCLENBZ0pyQztTQWhKWSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTbWFydFRvb2x0aXBBbmd1bGFyRGlyZWN0aXZlIH0gZnJvbSAnLi9zbWFydC10b29sdGlwLWFuZ3VsYXIuZGlyZWN0aXZlJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NtYXJ0VG9vbHRpcEFuZ3VsYXJEaXJlY3RpdmVdLFxuICBpbXBvcnRzOiBbXG4gIF0sXG4gIGV4cG9ydHM6IFtTbWFydFRvb2x0aXBBbmd1bGFyRGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBTbWFydFRvb2x0aXBBbmd1bGFyTW9kdWxlIHtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBcbiAgICB2YXIgaGVhZCA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCdoZWFkJylbMF07XG4gICAgdmFyIGNzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3R5bGUnKTtcbiAgICBjcy50eXBlID0gJ3RleHQvY3NzJztcbiAgICBjcy5pbm5lckhUTUwgPSBgXG4gICAgICAgICAgICAuc21hcnQtdG9vbHRpcC1jb250YWluZXIge1xuICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIH1cblxuICAgICAgICAuc21hcnQtdG9vbHRpcCB7XG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzMzMztcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICAgICAgICBjb2xvcjogI2VlZTtcbiAgICAgICAgICAgICAgcGFkZGluZzogMTBweCAxMnB4O1xuICAgICAgICAgICAgICB6LWluZGV4OiAxMDAwMDA7XG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbiAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICB2aXNpYmlsaXR5OiBjb2xsYXBzZTtcbiAgICAgICAgICAgICAgLyp0cmFuc2l0aW9uOiBhbGwgLjJzOyovXG4gICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAuc21hcnQtdG9vbHRpcC5sZWZ0LXQge1xuICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogbm9uZTtcbiAgICAgICAgICAgICAgdHJhbnNmb3JtOiBub25lO1xuICAgICAgICAgICAgICByaWdodDogY2FsYygxMDAlICsgNXB4KTtcbiAgICAgICAgICAgICAgbGVmdDogaW5pdGlhbDtcbiAgICAgICAgICAgICAgdG9wOiBpbml0aWFsO1xuICAgICAgICAgICAgICBib3R0b206IDVweDtcblxuICAgICAgICAgICAgICBcbiAgICAgICAgfVxuXG4gICAgICAgIC5zbWFydC10b29sdGlwLmxlZnQtYiB7XG4gICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiBub25lO1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IG5vbmU7XG4gICAgICAgICAgICAgIHJpZ2h0OiBjYWxjKDEwMCUgKyA1cHgpO1xuICAgICAgICAgICAgICBsZWZ0OiBpbml0aWFsO1xuICAgICAgICAgICAgICB0b3A6IDVweDtcbiAgICAgICAgICAgICAgYm90dG9tOiBpbml0aWFsO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNtYXJ0LXRvb2x0aXAubGVmdCB7XG4gICAgICAgICAgICAgIHJpZ2h0OiBjYWxjKDEwMCUgKyA1cHgpO1xuICAgICAgICAgICAgICBsZWZ0OiBpbml0aWFsO1xuICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zbWFydC10b29sdGlwLnJpZ2h0LWIge1xuICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogbm9uZTtcbiAgICAgICAgICAgICAgdHJhbnNmb3JtOiBub25lO1xuICAgICAgICAgICAgICBsZWZ0OiBjYWxjKDEwMCUgKyA1cHgpO1xuICAgICAgICAgICAgICB0b3A6IDVweDtcbiAgICAgICAgICAgICAgcmlnaHQ6IGluaXRpYWw7XG4gICAgICAgICAgICAgIGJvdHRvbTogaW5pdGlhbDsgICAgXG4gICAgICAgIH1cblxuICAgICAgICAuc21hcnQtdG9vbHRpcC5yaWdodC10IHtcbiAgICAgICAgICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IG5vbmU7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogbm9uZTtcbiAgICAgICAgICAgICAgLyogZGlzcGxheTogbm9uZTsgKi9cbiAgICAgICAgICAgICAgbGVmdDogY2FsYygxMDAlICsgNXB4KTtcbiAgICAgICAgICAgICAgdG9wOiBpbml0aWFsO1xuICAgICAgICAgICAgICBib3R0b206IDVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zbWFydC10b29sdGlwLnJpZ2h0IHtcbiAgICAgICAgICAgICAgbGVmdDogY2FsYygxMDAlICsgNXB4KTtcbiAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgIGJvdHRvbTogaW5pdGlhbDtcbiAgICAgICAgICAgICAgcmlnaHQ6IGluaXRpYWw7XG4gICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgICAgIH1cblxuICAgICAgICAuc21hcnQtdG9vbHRpcC5ib3R0b20tciB7XG4gICAgICAgICAgICAgIC8qIGRpc3BsYXk6IG5vbmU7ICovXG4gICAgICAgICAgICAgIHRvcDogY2FsYygxMDAlICsgNXB4KTtcbiAgICAgICAgICAgICAgYm90dG9tOiBpbml0aWFsO1xuICAgICAgICAgICAgICBsZWZ0OiA1cHg7XG4gICAgICAgICAgICAgIHJpZ2h0OmluaXRpYWw7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICAuc21hcnQtdG9vbHRpcC5ib3R0b20tbCB7XG4gICAgICAgICAgICAgIC8qIGRpc3BsYXk6IG5vbmU7ICovXG4gICAgICAgICAgICAgIHRvcDogY2FsYygxMDAlICsgNXB4KTtcbiAgICAgICAgICAgICAgYm90dG9tOiBpbml0aWFsO1xuICAgICAgICAgICAgICByaWdodDogNXB4O1xuICAgICAgICAgICAgICBsZWZ0OmluaXRpYWw7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICAuc21hcnQtdG9vbHRpcC5ib3R0b20ge1xuICAgICAgICAgICAgICAvKiBkaXNwbGF5OiBub25lOyAqL1xuICAgICAgICAgICAgICB0b3A6IGNhbGMoMTAwJSArIDVweCk7XG4gICAgICAgICAgICAgIGJvdHRvbTogaW5pdGlhbDtcbiAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gICAgICAgIH1cblxuICAgICAgICAuc21hcnQtdG9vbHRpcC50b3AtciB7XG4gICAgICAgICAgICAgIC8qIGRpc3BsYXk6IG5vbmU7ICovXG4gICAgICAgICAgICAgIGJvdHRvbTogY2FsYygxMDAlICsgNXB4KTtcbiAgICAgICAgICAgICAgdG9wOiBpbml0aWFsO1xuICAgICAgICAgICAgICBsZWZ0OiA1cHg7XG4gICAgICAgICAgICAgIHJpZ2h0OmluaXRpYWw7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICAuc21hcnQtdG9vbHRpcC50b3AtbCB7XG4gICAgICAgICAgICAgIC8qIGRpc3BsYXk6IG5vbmU7ICovXG4gICAgICAgICAgICAgIGJvdHRvbTogY2FsYygxMDAlICsgNXB4KTtcbiAgICAgICAgICAgICAgdG9wOiBpbml0aWFsO1xuICAgICAgICAgICAgICByaWdodDogNXB4O1xuICAgICAgICAgICAgICBsZWZ0OiBpbml0aWFsO1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgLnNtYXJ0LXRvb2x0aXAudG9wIHtcbiAgICAgICAgICAgICAgLyogZGlzcGxheTogbm9uZTsgKi9cbiAgICAgICAgICAgICAgYm90dG9tOiBjYWxjKDEwMCUgKyA1cHgpO1xuICAgICAgICAgICAgICB0b3A6IGluaXRpYWw7XG4gICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNtYXJ0LXRvb2x0aXAtY29udGFpbmVyIC5zbWFydC10b29sdGlwLm92ZXJsYXllZHtcbiAgICAgICAgICAgIFxuICAgICAgICAgICAgICB0cmFuc2Zvcm06IG5vbmU7XG4gICAgICAgICAgICAgIHRvcDppbml0aWFsO1xuICAgICAgICAgICAgICByaWdodDppbml0aWFsO1xuICAgICAgICAgICAgICBib3R0b206aW5pdGlhbDtcbiAgICAgICAgICAgICAgbGVmdDppbml0aWFsO1xuICAgICAgICB9XG4gICAgYDtcbiAgICBoZWFkLmFwcGVuZENoaWxkKGNzKTtcblxuICB9XG59XG4iXX0=