{"main":["tooltip.js","tooltip.css"],"options":[{"name":"customClass","type":"string","default":"''","description":"Class applied to instance"},{"name":"delay","type":"int","default":"0","description":"Hover delay"},{"name":"direction","type":"string","default":"'top'","description":"Tooltip direction"},{"name":"follow","type":"boolean","default":"false","description":"Flag to follow mouse"},{"name":"formatter","type":"function","default":"$.noop","description":"Text format function"},{"name":"margin","type":"int","default":"15","description":"Tooltip margin"},{"name":"match","type":"boolean","default":"false","description":"Flag to match mouse position"}],"events":[],"methods":[{"name":"defaults","description":"Extends plugin default settings; effects instances created hereafter.","params":[{"name":"options","type":"object","default":"{}","description":"New plugin defaults"}],"examples":["$.tooltip(\"defaults\", { ... });"]},{"name":"destroy","description":"Removes plugin instance.","examples":["$(\".target\").tooltip(\"destroy\");"]}],"name":"Tooltip","type":"widget","description":"A jQuery plugin for simple tooltips.","dependencies":["core.js"],"css":[{"name":".fs-tooltip-element","type":"element","description":"Target elmement"},{"name":".fs-tooltip","type":"element","description":"Base widget class"},{"name":".fs-tooltip.fs-tooltip-visible","type":"modifier","description":"Inidcates visible state"},{"name":".fs-tooltip.fs-tooltip-right","type":"modifier","description":"Inidcates right side display"},{"name":".fs-tooltip.fs-tooltip-left","type":"modifier","description":"Inidcates left side display"},{"name":".fs-tooltip.fs-tooltip-top","type":"modifier","description":"Inidcates top display"},{"name":".fs-tooltip.fs-tooltip-bottom","type":"modifier","description":"Inidcates bottom display"},{"name":".fs-tooltip-content","type":"element","description":"Tooltip content wrapper"},{"name":".fs-tooltip-caret","type":"element","description":"Tooltip caret"}],"use":"### Basic\n\nTooltip will generate a tooltip based on the target element's `data-title` attribute. Tooltip can be configured to open in a specific direction by setting the `direction` key at initialization:\n\n```javascript\n$(\"a\").tooltip({\n\tdirection: \"top\"\n});\n```\n\n```markup\n<a href=\"#\" data-title=\"ToolTip Text\">Tooltip Target</a>\n```\n\n<!--\n### Follow\n\nTooltip can be configured to follow the user's mouse:\n\n```javascript\n$(\"a\").tooltip({\n\tfollow: true\n});\n```\n\n### Match\n\nTooltip can be configured to match the user's mouse position, relative to the target:\n\n```javascript\n$(\"a\").tooltip({\n\tmatch: true\n});\n```\n-->\n\n### Delay\n\nA delay can be set to avoid accidental tooltips:\n\n```javascript\n$(\"a\").tooltip({\n\tdelay: 500\n});\n```","demo":"<style>\n\t.tooltips { margin: 20px 0; overflow: hidden; }\n\n\t.tooltip { background: #c65032; border-radius: 3px; color: #fff; clear: both; display: block; height: 50px; line-height: 50px; margin: 0 auto 10px; text-align: center; width: 50%; }\n\t.long_text .fs-tooltip-content { width: 250px; white-space: normal; }\n</style>\n\n<script>\n\t$(function() {\n\t\t$(\".tooltip\").tooltip();\n\t});\n</script>\n\n<h4>Basic</h4>\n<div class=\"tooltips\">\n\t<div class=\"tooltip\" data-title=\"Left Tooltip\"   data-tooltip-options='{\"direction\":\"left\"}'>Left</div>\n\t<div class=\"tooltip\" data-title=\"Right Tooltip\"  data-tooltip-options='{\"direction\":\"right\"}'>Right</div>\n\t<div class=\"tooltip\" data-title=\"Top Tooltip\"    data-tooltip-options='{\"direction\":\"top\"}'>Top</div>\n\t<div class=\"tooltip\" data-title=\"Bottom Tooltip\" data-tooltip-options='{\"direction\":\"bottom\"}'>Bottom</div>\n</div>\n\n<h4>Follow</h4>\n<div class=\"tooltips\">\n\t<div class=\"tooltip\" data-title=\"Left Tooltip\"    data-tooltip-options='{\"direction\":\"left\",\"follow\":\"true\"}'>Left</div>\n\t<div class=\"tooltip\" data-title=\"Right Tooltip\"   data-tooltip-options='{\"direction\":\"right\",\"follow\":\"true\"}'>Right</div>\n\t<div class=\"tooltip\" data-title=\"Top Tooltip\"     data-tooltip-options='{\"direction\":\"top\",\"follow\":\"true\"}'>Top</div>\n\t<div class=\"tooltip\" data-title=\"Bottom Tooltip\"  data-tooltip-options='{\"direction\":\"bottom\",\"follow\":\"true\"}'>Bottom</div>\n</div>\n\n<h4>Match</h4>\n<div class=\"tooltips\">\n\t<div class=\"tooltip\" data-title=\"Left Tooltip\"    data-tooltip-options='{\"direction\":\"left\",\"match\":\"true\"}'>Left</div>\n\t<div class=\"tooltip\" data-title=\"Right Tooltip\"   data-tooltip-options='{\"direction\":\"right\",\"match\":\"true\"}'>Right</div>\n\t<div class=\"tooltip\" data-title=\"Top Tooltip\"     data-tooltip-options='{\"direction\":\"top\",\"match\":\"true\"}'>Top</div>\n\t<div class=\"tooltip\" data-title=\"Bottom Tooltip\"  data-tooltip-options='{\"direction\":\"bottom\",\"match\":\"true\"}'>Bottom</div>\n</div>\n\n<h4>Delay</h4>\n<div class=\"tooltips\">\n\t<div class=\"tooltip\" data-title=\"Left Tooltip\"    data-tooltip-options='{\"direction\":\"left\",\"delay\":\"500\"}'>Left</div>\n\t<div class=\"tooltip\" data-title=\"Right Tooltip\"   data-tooltip-options='{\"direction\":\"right\",\"delay\":\"500\"}'>Right</div>\n\t<div class=\"tooltip\" data-title=\"Top Tooltip\"     data-tooltip-options='{\"direction\":\"top\",\"delay\":\"500\"}'>Top</div>\n\t<div class=\"tooltip\" data-title=\"Bottom Tooltip\"  data-tooltip-options='{\"direction\":\"bottom\",\"delay\":\"500\"}'>Bottom</div>\n</div>\n\n<h4>Long Text</h4>\n<div class=\"tooltips\">\n\t<div class=\"tooltip\" data-title=\"Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. \" data-tooltip-options='{\"customClass\":\"long_text\",\"direction\":\"top\"}'>Left</div>\n</div>"}