{"__symbolic":"module","version":4,"metadata":{"TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"TooltipComponent"},{"__symbolic":"reference","name":"TipDirective"}],"exports":[{"__symbolic":"reference","name":"TooltipComponent"},{"__symbolic":"reference","name":"TipDirective"}],"entryComponents":[{"__symbolic":"reference","name":"TooltipComponent"}]}]}],"members":{}},"TipDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[tip]"}]}],"members":{"tip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3},"arguments":["tip"]}]}],"tipTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"tipLocation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"tipDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"tipDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"tipTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":21,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":21,"character":100}]}],"showTip":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":31,"character":3},"arguments":["mouseenter"]}]}],"setProps":[{"__symbolic":"method"}],"hideTip":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":76,"character":3},"arguments":["window:scroll",["$event"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":77,"character":3},"arguments":["mouseleave"]}]}]}},"TooltipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-tooltip","template":"\n    <div class = \"tooltip\" [attr.class]=\"'tooltip ' + class\" [ngStyle]=\"{'left': x, 'top': y}\">\n      <div class=\"tooltip-arrow\"></div>\n      <div class=\"tooltip-inner\">\n        <h5 *ngIf = \"title\" class = \"tooltip-title\">{{title}}</h5>\n        {{text}}\n      </div>\n    </div>\n  ","styles":[":host { position: fixed; } .tooltip { position: fixed; z-index: 1; display: block; font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: break-word; white-space: normal; line-break: auto; opacity: 0.95; animation: fadein 0.6s; } @keyframes fadein { from { opacity: 0; } to { opacity: 0.9; } } .tooltip.dark .tooltip-inner { color: #FFFFFF; background-color: #000000; } .tooltip.dark.top .tooltip-arrow { border-top-color: #000000; } .tooltip.dark.right .tooltip-arrow { border-right-color: #000000; } .tooltip.dark.left .tooltip-arrow { border-left-color: #000000; } .tooltip.dark.bottom .tooltip-arrow { border-bottom-color: #000000; } .tooltip.light .tooltip-inner { color: #111111; background-color: #FEFEFE; background: linear-gradient(-90deg, #f9f9f9, #FEFEFE); } .tooltip.light.top .tooltip-arrow { border-top-color: #FEFEFE; } .tooltip.light.right .tooltip-arrow { border-right-color: #FEFEFE; } .tooltip.light.left .tooltip-arrow { border-left-color: #FEFEFE; } .tooltip.light.bottom .tooltip-arrow { border-bottom-color: #FEFEFE; } .tooltip.good .tooltip-inner { color: #FFFFFF; background-color: #389857; } .tooltip.good.top .tooltip-arrow { border-top-color: #389857; } .tooltip.good.right .tooltip-arrow { border-right-color: #389857; } .tooltip.good.left .tooltip-arrow { border-left-color: #389857; } .tooltip.good.bottom .tooltip-arrow { border-bottom-color: #389857; } .tooltip.bad .tooltip-inner { color: #FFFFFF; background-color: #cf4739; } .tooltip.bad.top .tooltip-arrow { border-top-color: #cf4739; } .tooltip.bad.right .tooltip-arrow { border-right-color: #cf4739; } .tooltip.bad.left .tooltip-arrow { border-left-color: #cf4739; } .tooltip.bad.bottom .tooltip-arrow { border-bottom-color: #cf4739; } .tooltip.neutral .tooltip-inner { color: #FFFFFF; background-color: #3b608b; } .tooltip.neutral.top .tooltip-arrow { border-top-color: #3b608b; } .tooltip.neutral.right .tooltip-arrow { border-right-color: #3b608b; } .tooltip.neutral.left .tooltip-arrow { border-left-color: #3b608b; } .tooltip.neutral.bottom .tooltip-arrow { border-bottom-color: #3b608b; } .tooltip .tooltip-inner { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); max-width: 250px; padding: 8px; text-align: center; border-radius: 4px; } .tooltip .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; opacity: 0.95; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.top .tooltip-inner { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2); } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; } "]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":28,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"displayTip":[{"__symbolic":"method"}],"assignClass":[{"__symbolic":"method"}],"calculatePosition":[{"__symbolic":"method"}],"assignCoords":[{"__symbolic":"method"}]}}},"origins":{"TooltipModule":"./index","TipDirective":"./tip.directive","TooltipComponent":"./tooltip.component"},"importAs":"clark-tooltip"}