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