text: nodeRequire=typeof require!=="undefined"&&require;parcelRequire=function(e,r,n,t){var i="function"==typeof parcelRequire&&parcelRequire,o="function"==typeof require&&require;function u(n,t){if(!r[n]){if(!e[n]){var f="function"==typeof parcelRequire&&parcelRequire;if(!t&&f)return f(n,!0);if(i)return i(n,!0);if(o&&"string"==typeof n)return o(n);var c=new Error("Cannot find module '"+n+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[n][1][r]||r},p.cache={};var l=r[n]=new u.Module(n);e[n][0].call(l.exports,p,l,l.exports,this)}return r[n].exports;function p(e){return u(p.resolve(e))}}u.isParcelRequire=!0,u.Module=function(e){this.id=e,this.bundle=u,this.exports={}},u.modules=e,u.cache=r,u.parent=i,u.register=function(r,n){e[r]=[function(e,r){r.exports=n},{}]};for(var f=0;f<n.length;f++)u(n[f]);if(n.length){var c=u(n[n.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=c:"function"==typeof define&&define.amd?define(function(){return c}):t&&(this[t]=c)}return u}({"NpIu":[function(require,module,exports) {
  
  },{}],"vg5y":[function(require,module,exports) {
  var define;
  var e;!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n():"function"==typeof e&&e.amd?e(n):n()}(0,function(){"use strict";"undefined"!=typeof document&&function(e){var t;function n(){t||(t=!0,e())}["interactive","complete"].indexOf(document.readyState)>=0?e():(t=!1,document.addEventListener("DOMContentLoaded",n,!1),window.addEventListener("load",n,!1))}(function(){var e=!0,t=!1,n=null,o={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function d(e){return!!(e&&e!==document&&"HTML"!==e.nodeName&&"BODY"!==e.nodeName&&"classList"in e&&"contains"in e.classList)}function i(e){e.classList.contains("focus-visible")||(e.classList.add("focus-visible"),e.setAttribute("data-focus-visible-added",""))}function s(t){e=!1}function u(){document.addEventListener("mousemove",a),document.addEventListener("mousedown",a),document.addEventListener("mouseup",a),document.addEventListener("pointermove",a),document.addEventListener("pointerdown",a),document.addEventListener("pointerup",a),document.addEventListener("touchmove",a),document.addEventListener("touchstart",a),document.addEventListener("touchend",a)}function a(t){"html"!==t.target.nodeName.toLowerCase()&&(e=!1,document.removeEventListener("mousemove",a),document.removeEventListener("mousedown",a),document.removeEventListener("mouseup",a),document.removeEventListener("pointermove",a),document.removeEventListener("pointerdown",a),document.removeEventListener("pointerup",a),document.removeEventListener("touchmove",a),document.removeEventListener("touchstart",a),document.removeEventListener("touchend",a))}document.addEventListener("keydown",function(t){d(document.activeElement)&&i(document.activeElement),e=!0},!0),document.addEventListener("mousedown",s,!0),document.addEventListener("pointerdown",s,!0),document.addEventListener("touchstart",s,!0),document.addEventListener("focus",function(t){var n,s,u;d(t.target)&&(e||(n=t.target,s=n.type,"INPUT"==(u=n.tagName)&&o[s]&&!n.readOnly||"TEXTAREA"==u&&!n.readOnly||n.isContentEditable))&&i(t.target)},!0),document.addEventListener("blur",function(e){var o;d(e.target)&&(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added"))&&(t=!0,window.clearTimeout(n),n=window.setTimeout(function(){t=!1,window.clearTimeout(n)},100),(o=e.target).hasAttribute("data-focus-visible-added")&&(o.classList.remove("focus-visible"),o.removeAttribute("data-focus-visible-added")))},!0),document.addEventListener("visibilitychange",function(n){"hidden"==document.visibilityState&&(t&&(e=!0),u())},!0),u(),document.body.classList.add("js-focus-visible")})});
  },{}],"/xJO":[function(require,module,exports) {
  "use strict";function e(e,n){for(var t=[],r=[],o=arguments.length;o-- >2;)t.push(arguments[o]);for(;t.length;){var l=t.pop();if(l&&l.pop)for(o=l.length;o--;)t.push(l[o]);else null!=l&&!0!==l&&!1!==l&&r.push(l)}return"function"==typeof e?e(n||{},r):{nodeName:e,attributes:n||{},children:r,key:n&&n.key}}function n(e,n,t,r){var o,l=[].map,u=r&&r.children[0]||null,i=u&&function e(n){return{nodeName:n.nodeName.toLowerCase(),attributes:{},children:l.call(n.childNodes,function(n){return 3===n.nodeType?n.nodeValue:e(n)})}}(u),a=[],f=!0,s=p(e),c=function e(n,t,r){for(var o in r)"function"==typeof r[o]?function(e,o){r[e]=function(e){var l=o(e);return"function"==typeof l&&(l=l(g(n,s),r)),l&&l!==(t=g(n,s))&&!l.then&&h(s=y(n,p(t,l),s)),l}}(o,r[o]):e(n.concat(o),t[o]=p(t[o]),r[o]=p(r[o]));return r}([],s,p(n));return h(),c;function d(e){return"function"==typeof e?d(e(s,c)):null!=e?e:""}function v(){o=!o;var e=d(t);for(r&&!o&&(u=function e(n,t,r,o,l){if(o===r);else if(null==r||r.nodeName!==o.nodeName){var u=function e(n,t){var r="string"==typeof n||"number"==typeof n?document.createTextNode(n):(t=t||"svg"===n.nodeName)?document.createElementNS("http://www.w3.org/2000/svg",n.nodeName):document.createElement(n.nodeName);var o=n.attributes;if(o){o.oncreate&&a.push(function(){o.oncreate(r)});for(var l=0;l<n.children.length;l++)r.appendChild(e(n.children[l]=d(n.children[l]),t));for(var u in o)b(r,u,o[u],null,t)}return r}(o,l);n.insertBefore(u,t),null!=r&&k(n,t,r),t=u}else if(null==r.nodeName)t.nodeValue=o;else{!function(e,n,t,r){for(var o in p(n,t))t[o]!==("value"===o||"checked"===o?e[o]:n[o])&&b(e,o,t[o],n[o],r);var l=f?t.oncreate:t.onupdate;l&&a.push(function(){l(e,n)})}(t,r.attributes,o.attributes,l=l||"svg"===o.nodeName);for(var i={},s={},c=[],v=r.children,h=o.children,y=0;y<v.length;y++){c[y]=t.childNodes[y];var g=m(v[y]);null!=g&&(i[g]=[c[y],v[y]])}for(var y=0,N=0;N<h.length;){var g=m(v[y]),x=m(h[N]=d(h[N]));if(s[g])y++;else if(null==x||x!==m(v[y+1]))if(null==x||f)null==g&&(e(t,c[y],v[y],h[N],l),N++),y++;else{var T=i[x]||[];g===x?(e(t,T[0],T[1],h[N],l),y++):T[0]?e(t,t.insertBefore(T[0],c[y]),T[1],h[N],l):e(t,c[y],null,h[N],l),s[x]=h[N],N++}else null==g&&k(t,c[y],v[y]),y++}for(;y<v.length;)null==m(v[y])&&k(t,c[y],v[y]),y++;for(var y in i)s[y]||k(t,i[y][0],i[y][1])}return t}(r,u,i,i=e)),f=!1;a.length;)a.pop()()}function h(){o||(o=!0,setTimeout(v))}function p(e,n){var t={};for(var r in e)t[r]=e[r];for(var r in n)t[r]=n[r];return t}function y(e,n,t){var r={};return e.length?(r[e[0]]=e.length>1?y(e.slice(1),n,t[e[0]]):n,p(t,r)):n}function g(e,n){for(var t=0;t<e.length;)n=n[e[t++]];return n}function m(e){return e?e.key:null}function N(e){return e.currentTarget.events[e.type](e)}function b(e,n,t,r,o){if("key"===n);else if("style"===n)if("string"==typeof t)e.style.cssText=t;else for(var l in"string"==typeof r&&(r=e.style.cssText=""),p(r,t)){var u=null==t||null==t[l]?"":t[l];"-"===l[0]?e.style.setProperty(l,u):e.style[l]=u}else"o"===n[0]&&"n"===n[1]?(n=n.slice(2),e.events?r||(r=e.events[n]):e.events={},e.events[n]=t,t?r||e.addEventListener(n,N):e.removeEventListener(n,N)):n in e&&"list"!==n&&"type"!==n&&"draggable"!==n&&"spellcheck"!==n&&"translate"!==n&&!o?e[n]=null==t?"":t:null!=t&&!1!==t&&e.setAttribute(n,t),null!=t&&!1!==t||e.removeAttribute(n)}function k(e,n,t){function r(){e.removeChild(function e(n,t){var r=t.attributes;if(r){for(var o=0;o<t.children.length;o++)e(n.childNodes[o],t.children[o]);r.ondestroy&&r.ondestroy(n)}return n}(n,t))}var o=t.attributes&&t.attributes.onremove;o?o(n,r):r()}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.h=e,exports.app=n;
  },{}],"320Q":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderToString=d,exports.withRender=g;var e=new Map,n=/([A-Z])/g,t=/^ms-/,r=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),o=new Set(["key","innerHTML","__source"]),u=/["&'<>]/g,i=new Map([['"',"&quot;"],["&","&amp;"],["'","&#39;"],["<","&lt;"],[">","&gt;"]]);function c(e){return i.get(e)}function l(e){return"number"==typeof e?""+e:(""+e).replace(u,c)}function a(r){return e.get(r)||e.set(r,r.replace(n,"-$&").toLowerCase().replace(t,"-ms-")).get(r)}function f(e){for(var n="",t="",r=Object.keys(e),o=0;o<r.length;o++){var u=r[o],i=e[u];null!=i&&(n+="cssText"===u?t+i:t+a(u)+":"+i,t=";")}return n||null}function s(e,n){var t=e.nodeName,u=e.attributes,i=e.children,c="",a="";if(t){c+="<"+t;for(var s=Object.keys(u),h=0;h<s.length;h++){var p=s[h],d=u[p];"style"===p&&d&&"object"==typeof d&&(d=f(d)),null==d||!1===d||"function"==typeof d||o.has(p)||(c+=" "+p,!0!==d&&(c+='="'+l(d)+'"'))}r.has(t)?c+="/>":(c+=">",a="</"+t+">")}var g=u.innerHTML;return null!=g&&(c+=g),i.length>0?n.push({childIndex:0,children:i,footer:a}):c+=a,c}function h(e,n,t){return"function"==typeof e?h(e(n,t),n,t):e}function p(e,n,t){var r=[{childIndex:0,children:[e],footer:""}],o=!1;return function(e){if(o)return null;for(var u="";u.length<e;){if(0===r.length){o=!0;break}var i=r[r.length-1];if(i.childIndex>=i.children.length)u+=i.footer,r.pop();else{var c=h(i.children[i.childIndex++],n,t);null!=c&&"boolean"!=typeof c&&(c.pop?r.push({childIndex:0,children:c,footer:""}):c.attributes?u+=s(c,r):u+=l(c))}}return u}}function d(e,n,t){return p(e,n,t)(1/0)}function g(e){return function(n,t,r,o){var u=e(n,Object.assign({},t,{getState:function(){return function(e){return e}}}),r,o);return u.toString=function(){return d(r,u.getState(),u)},u}}
  },{}],"3Lyx":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var d=function(){var d={base:"https://twemoji.maxcdn.com/2/",ext:".png",size:"72x72",className:"emoji",convert:{fromCodePoint:function(d){var u="string"==typeof d?parseInt(d,16):d;if(u<65536)return r(u);return r(55296+((u-=65536)>>10),56320+(1023&u))},toCodePoint:p},onerror:function(){this.parentNode&&this.parentNode.replaceChild(n(this.alt,!1),this)},parse:function(u,f){f&&"function"!=typeof f||(f={callback:f});return("string"==typeof u?function(d,u){return l(d,function(d){var e,f,c=d,t=o(d),r=u.callback(t,u);if(t&&r){for(f in c="<img ".concat('class="',u.className,'" ','draggable="false" ','alt="',d,'"',' src="',r,'"'),e=u.attributes(d,t))e.hasOwnProperty(f)&&0!==f.indexOf("on")&&-1===c.indexOf(" "+f+"=")&&(c=c.concat(" ",f,'="',e[f].replace(a,i),'"'));c=c.concat("/>")}return c})}:function(d,u){var f,c,a,r,b,i,s,l,p,h,m,g,x,C=function d(u,e){var f,c,a=u.childNodes,r=a.length;for(;r--;)f=a[r],3===(c=f.nodeType)?e.push(f):1!==c||"ownerSVGElement"in f||t.test(f.nodeName.toLowerCase())||d(f,e);return e}(d,[]),N=C.length;for(;N--;){for(a=!1,r=document.createDocumentFragment(),b=C[N],i=b.nodeValue,l=0;s=e.exec(i);){if((p=s.index)!==l&&r.appendChild(n(i.slice(l,p),!0)),m=s[0],g=o(m),l=p+m.length,x=u.callback(g,u),g&&x){for(c in(h=new Image).onerror=u.onerror,h.setAttribute("draggable","false"),f=u.attributes(m,g))f.hasOwnProperty(c)&&0!==c.indexOf("on")&&!h.hasAttribute(c)&&h.setAttribute(c,f[c]);h.className=u.className,h.alt=m,h.src=x,a=!0,r.appendChild(h)}h||r.appendChild(n(m,!1)),h=null}a&&(l<i.length&&r.appendChild(n(i.slice(l),!0)),b.parentNode.replaceChild(r,b))}return d})(u,{callback:f.callback||b,attributes:"function"==typeof f.attributes?f.attributes:s,base:"string"==typeof f.base?f.base:d.base,ext:f.ext||d.ext,size:f.folder||(c=f.size||d.size,"number"==typeof c?c+"x"+c:c),className:f.className||d.className,onerror:f.onerror||d.onerror});var c},replace:l,test:function(d){e.lastIndex=0;var u=e.test(d);return e.lastIndex=0,u}},u={"&":"&amp;","<":"&lt;",">":"&gt;","'":"&#39;",'"':"&quot;"},e=/(?:\ud83d[\udc68\udc69])(?:\ud83c[\udffb-\udfff])?\u200d(?:\u2695\ufe0f|\u2696\ufe0f|\u2708\ufe0f|\ud83c[\udf3e\udf73\udf93\udfa4\udfa8\udfeb\udfed]|\ud83d[\udcbb\udcbc\udd27\udd2c\ude80\ude92]|\ud83e[\uddb0-\uddb3])|(?:\ud83c[\udfcb\udfcc]|\ud83d[\udd74\udd75]|\u26f9)((?:\ud83c[\udffb-\udfff]|\ufe0f)\u200d[\u2640\u2642]\ufe0f)|(?:\ud83c[\udfc3\udfc4\udfca]|\ud83d[\udc6e\udc71\udc73\udc77\udc81\udc82\udc86\udc87\ude45-\ude47\ude4b\ude4d\ude4e\udea3\udeb4-\udeb6]|\ud83e[\udd26\udd35\udd37-\udd39\udd3d\udd3e\uddb8\uddb9\uddd6-\udddd])(?:\ud83c[\udffb-\udfff])?\u200d[\u2640\u2642]\ufe0f|(?:\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d[\udc68\udc69]|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68|\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d[\udc66\udc67]|\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d[\udc68\udc69]|\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66|\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83c\udff3\ufe0f\u200d\ud83c\udf08|\ud83c\udff4\u200d\u2620\ufe0f|\ud83d\udc41\u200d\ud83d\udde8|\ud83d\udc68\u200d\ud83d[\udc66\udc67]|\ud83d\udc69\u200d\ud83d[\udc66\udc67]|\ud83d\udc6f\u200d\u2640\ufe0f|\ud83d\udc6f\u200d\u2642\ufe0f|\ud83e\udd3c\u200d\u2640\ufe0f|\ud83e\udd3c\u200d\u2642\ufe0f|\ud83e\uddde\u200d\u2640\ufe0f|\ud83e\uddde\u200d\u2642\ufe0f|\ud83e\udddf\u200d\u2640\ufe0f|\ud83e\udddf\u200d\u2642\ufe0f)|[\u0023\u002a\u0030-\u0039]\ufe0f?\u20e3|(?:[\u00a9\u00ae\u2122\u265f]\ufe0f)|(?:\ud83c[\udc04\udd70\udd71\udd7e\udd7f\ude02\ude1a\ude2f\ude37\udf21\udf24-\udf2c\udf36\udf7d\udf96\udf97\udf99-\udf9b\udf9e\udf9f\udfcd\udfce\udfd4-\udfdf\udff3\udff5\udff7]|\ud83d[\udc3f\udc41\udcfd\udd49\udd4a\udd6f\udd70\udd73\udd76-\udd79\udd87\udd8a-\udd8d\udda5\udda8\uddb1\uddb2\uddbc\uddc2-\uddc4\uddd1-\uddd3\udddc-\uddde\udde1\udde3\udde8\uddef\uddf3\uddfa\udecb\udecd-\udecf\udee0-\udee5\udee9\udef0\udef3]|[\u203c\u2049\u2139\u2194-\u2199\u21a9\u21aa\u231a\u231b\u2328\u23cf\u23ed-\u23ef\u23f1\u23f2\u23f8-\u23fa\u24c2\u25aa\u25ab\u25b6\u25c0\u25fb-\u25fe\u2600-\u2604\u260e\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262a\u262e\u262f\u2638-\u263a\u2640\u2642\u2648-\u2653\u2660\u2663\u2665\u2666\u2668\u267b\u267f\u2692-\u2697\u2699\u269b\u269c\u26a0\u26a1\u26aa\u26ab\u26b0\u26b1\u26bd\u26be\u26c4\u26c5\u26c8\u26cf\u26d1\u26d3\u26d4\u26e9\u26ea\u26f0-\u26f5\u26f8\u26fa\u26fd\u2702\u2708\u2709\u270f\u2712\u2714\u2716\u271d\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u2764\u27a1\u2934\u2935\u2b05-\u2b07\u2b1b\u2b1c\u2b50\u2b55\u3030\u303d\u3297\u3299])(?:\ufe0f|(?!\ufe0e))|(?:(?:\ud83c[\udfcb\udfcc]|\ud83d[\udd74\udd75\udd90]|[\u261d\u26f7\u26f9\u270c\u270d])(?:\ufe0f|(?!\ufe0e))|(?:\ud83c[\udf85\udfc2-\udfc4\udfc7\udfca]|\ud83d[\udc42\udc43\udc46-\udc50\udc66-\udc69\udc6e\udc70-\udc78\udc7c\udc81-\udc83\udc85-\udc87\udcaa\udd7a\udd95\udd96\ude45-\ude47\ude4b-\ude4f\udea3\udeb4-\udeb6\udec0\udecc]|\ud83e[\udd18-\udd1c\udd1e\udd1f\udd26\udd30-\udd39\udd3d\udd3e\uddb5\uddb6\uddb8\uddb9\uddd1-\udddd]|[\u270a\u270b]))(?:\ud83c[\udffb-\udfff])?|(?:\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f|\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc73\udb40\udc63\udb40\udc74\udb40\udc7f|\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc77\udb40\udc6c\udb40\udc73\udb40\udc7f|\ud83c\udde6\ud83c[\udde8-\uddec\uddee\uddf1\uddf2\uddf4\uddf6-\uddfa\uddfc\uddfd\uddff]|\ud83c\udde7\ud83c[\udde6\udde7\udde9-\uddef\uddf1-\uddf4\uddf6-\uddf9\uddfb\uddfc\uddfe\uddff]|\ud83c\udde8\ud83c[\udde6\udde8\udde9\uddeb-\uddee\uddf0-\uddf5\uddf7\uddfa-\uddff]|\ud83c\udde9\ud83c[\uddea\uddec\uddef\uddf0\uddf2\uddf4\uddff]|\ud83c\uddea\ud83c[\udde6\udde8\uddea\uddec\udded\uddf7-\uddfa]|\ud83c\uddeb\ud83c[\uddee-\uddf0\uddf2\uddf4\uddf7]|\ud83c\uddec\ud83c[\udde6\udde7\udde9-\uddee\uddf1-\uddf3\uddf5-\uddfa\uddfc\uddfe]|\ud83c\udded\ud83c[\uddf0\uddf2\uddf3\uddf7\uddf9\uddfa]|\ud83c\uddee\ud83c[\udde8-\uddea\uddf1-\uddf4\uddf6-\uddf9]|\ud83c\uddef\ud83c[\uddea\uddf2\uddf4\uddf5]|\ud83c\uddf0\ud83c[\uddea\uddec-\uddee\uddf2\uddf3\uddf5\uddf7\uddfc\uddfe\uddff]|\ud83c\uddf1\ud83c[\udde6-\udde8\uddee\uddf0\uddf7-\uddfb\uddfe]|\ud83c\uddf2\ud83c[\udde6\udde8-\udded\uddf0-\uddff]|\ud83c\uddf3\ud83c[\udde6\udde8\uddea-\uddec\uddee\uddf1\uddf4\uddf5\uddf7\uddfa\uddff]|\ud83c\uddf4\ud83c\uddf2|\ud83c\uddf5\ud83c[\udde6\uddea-\udded\uddf0-\uddf3\uddf7-\uddf9\uddfc\uddfe]|\ud83c\uddf6\ud83c\udde6|\ud83c\uddf7\ud83c[\uddea\uddf4\uddf8\uddfa\uddfc]|\ud83c\uddf8\ud83c[\udde6-\uddea\uddec-\uddf4\uddf7-\uddf9\uddfb\uddfd-\uddff]|\ud83c\uddf9\ud83c[\udde6\udde8\udde9\uddeb-\udded\uddef-\uddf4\uddf7\uddf9\uddfb\uddfc\uddff]|\ud83c\uddfa\ud83c[\udde6\uddec\uddf2\uddf3\uddf8\uddfe\uddff]|\ud83c\uddfb\ud83c[\udde6\udde8\uddea\uddec\uddee\uddf3\uddfa]|\ud83c\uddfc\ud83c[\uddeb\uddf8]|\ud83c\uddfd\ud83c\uddf0|\ud83c\uddfe\ud83c[\uddea\uddf9]|\ud83c\uddff\ud83c[\udde6\uddf2\uddfc]|\ud83c[\udccf\udd8e\udd91-\udd9a\udde6-\uddff\ude01\ude32-\ude36\ude38-\ude3a\ude50\ude51\udf00-\udf20\udf2d-\udf35\udf37-\udf7c\udf7e-\udf84\udf86-\udf93\udfa0-\udfc1\udfc5\udfc6\udfc8\udfc9\udfcf-\udfd3\udfe0-\udff0\udff4\udff8-\udfff]|\ud83d[\udc00-\udc3e\udc40\udc44\udc45\udc51-\udc65\udc6a-\udc6d\udc6f\udc79-\udc7b\udc7d-\udc80\udc84\udc88-\udca9\udcab-\udcfc\udcff-\udd3d\udd4b-\udd4e\udd50-\udd67\udda4\uddfb-\ude44\ude48-\ude4a\ude80-\udea2\udea4-\udeb3\udeb7-\udebf\udec1-\udec5\uded0-\uded2\udeeb\udeec\udef4-\udef9]|\ud83e[\udd10-\udd17\udd1d\udd20-\udd25\udd27-\udd2f\udd3a\udd3c\udd40-\udd45\udd47-\udd70\udd73-\udd76\udd7a\udd7c-\udda2\uddb4\uddb7\uddc0-\uddc2\uddd0\uddde-\uddff]|[\u23e9-\u23ec\u23f0\u23f3\u267e\u26ce\u2705\u2728\u274c\u274e\u2753-\u2755\u2795-\u2797\u27b0\u27bf\ue50a])|\ufe0f/g,f=/\uFE0F/g,c=String.fromCharCode(8205),a=/[&<>'"]/g,t=/^(?:iframe|noframes|noscript|script|select|style|textarea)$/,r=String.fromCharCode;return d;function n(d,u){return document.createTextNode(u?d.replace(f,""):d)}function b(d,u){return"".concat(u.base,u.size,"/",d,u.ext)}function o(d){return p(d.indexOf(c)<0?d.replace(f,""):d)}function i(d){return u[d]}function s(){return null}function l(d,u){return String(d).replace(e,u)}function p(d,u){for(var e=[],f=0,c=0,a=0;a<d.length;)f=d.charCodeAt(a++),c?(e.push((65536+(c-55296<<10)+(f-56320)).toString(16)),c=0):55296<=f&&f<=56319?c=f:e.push(f.toString(16));return e.join(u||"-")}}(),u=d;exports.default=u;
  },{}],"8MgT":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toKebabCase=exports.getEmojiSrc=exports.snippet=exports.prerender=exports.DIR=exports.isBrowser=void 0;var e=r(require("twemoji"));function r(e){return e&&e.__esModule?e:{default:e}}var t="undefined"!=typeof window&&"undefined"!=typeof document;exports.isBrowser=t;var o="./website/snippets/";exports.DIR=o;var n=function(e,r){if(!t&&"undefined"!=typeof nodeRequire)try{var o=nodeRequire("fs"),n=o.readFileSync("./docs/index.html","utf8");o.writeFileSync("./docs/index.html",n.replace(r,r+e))}catch(e){}};exports.prerender=n;var s=function(e){return"./website/snippets/".concat(e)};exports.snippet=s;var i=function(r){return e.default.parse(r,{folder:"svg",ext:".svg"}).match(/src="(.+)"/)[1]};exports.getEmojiSrc=i;var p=function(e){return e&&e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g).map(function(e){return e.toLowerCase()}).join("-")};exports.toKebabCase=p;
  },{"twemoji":"3Lyx"}],"7ceU":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e={ajax:{imageSrc:"",isLoading:!1,error:!1,canFetch:!0},performance:{inputValue:0,numberOfElements:0}};exports.default=e;
  },{}],"fqC+":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e={ajax:{onShow:function(){return function(e,t){if(!e.isFetching&&e.canFetch)return fetch("https://unsplash.it/200/?random").then(function(e){return e.blob()}).then(t.onDataReceived).catch(t.errored),{error:!1,isFetching:!0,canFetch:!1}}},onDataReceived:function(e){return function(t){if(""===t.imageSrc)return{imageSrc:URL.createObjectURL(e)}}},onHidden:function(){return{error:!1,imageSrc:"",isFetching:!1,canFetch:!0}},errored:function(){return{error:!0,imageSrc:""}}},performance:{test:function(){return function(e){return{numberOfElements:e.inputValue}}},setInputValue:function(e){return{inputValue:+e.target.value}}}};exports.default=e;
  },{}],"THmT":[function(require,module,exports) {
  module.exports="logo.4cdae1d2.svg";
  },{}],"EHrm":[function(require,module,exports) {
  module.exports={name:"tippy.js",version:"3.2.0",description:"Vanilla JS Tooltip & Popover Library",main:"dist/tippy.all.js",module:"dist/esm/tippy.standalone.js",types:"index.d.ts",author:"atomiks",license:"MIT",keywords:["tooltip","popover","tippy","tippy.js"],repository:{type:"git",url:"git+https://github.com/atomiks/tippyjs.git"},scripts:{"dev:docs":"parcel website/index.html -d .devserver --no-cache --open","build:docs":"node website/clean.js && parcel build website/index.html -d docs/ --public-url ./ && node website/prerender.js",dev:"parcel tests/visual/index.html -d tests/visual/dist --open",build:"node ./scripts/build.js && npm run build:docs",test:'eslint "src/**/*.js" && jest --coverage',prettier:'prettier --write "./**/*{js,scss}"',release:"npm test && npm run build && git add . && git commit -am $npm_package_version && git tag v$npm_package_version && git push origin master && git push --tags && npm publish"},jest:{setupFiles:["./tests/polyfills/createRange.js","./tests/polyfills/MutationObserver.js","./tests/polyfills/window.js"],coveragePathIgnorePatterns:["tests"]},prettier:{semi:!1,singleQuote:!0},browserslist:["> 0.5%"],alias:{"~":"src"},devDependencies:{"@hyperapp/render":"^2.0.0",autoprefixer:"^6.7.7","babel-core":"^6.26.3","babel-jest":"^22.4.4","babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-preset-env":"^1.7.0","babel-preset-es2015-rollup":"^3.0.0","babel-preset-stage-2":"^6.24.1","caniuse-lite":"^1.0.30000856",colorette:"^1.0.4",cssnano:"^3.10.0",eslint:"^4.18.2",filesize:"^3.6.1","focus-visible":"^4.1.4","gzip-size":"^5.0.0",hyperapp:"^1.2.6",jest:"^23.5.0",jsdom:"^11.11.0","mutation-observer":"^1.0.3","node-sass":"^4.9.0","normalize.css":"^8.0.0","parcel-bundler":"^1.9.7","parcel-plugin-markdown-string":"^1.3.2",postcss:"^5.2.18","postcss-cssnext":"^3.1.0","postcss-import":"^11.1.0",prettier:"^1.14.2",prismjs:"^1.15.0",rollup:"^0.55.5","rollup-plugin-babel":"^2.7.1","rollup-plugin-babel-minify":"^4.0.0","rollup-plugin-commonjs":"^8.4.1","rollup-plugin-css-only":"^0.2.0","rollup-plugin-json":"^2.3.1","rollup-plugin-node-resolve":"^3.2.0","rollup-plugin-sass":"^0.4.10","rollup-plugin-strip":"^1.1.1",twemoji:"^11.0.1"},dependencies:{"popper.js":"^1.14.5"}};
  },{}],"NLY6":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var r=require("hyperapp"),e=require("../utils");function t(r,e){return i(r)||a(r,e)||n()}function n(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function a(r,e){var t=[],n=!0,a=!1,i=void 0;try{for(var o,u=r[Symbol.iterator]();!(n=(o=u.next()).done)&&(t.push(o.value),!e||t.length!==e);n=!0);}catch(r){a=!0,i=r}finally{try{n||null==u.return||u.return()}finally{if(a)throw i}}return t}function i(r){if(Array.isArray(r))return r}function o(r,e){var t={};for(var n in r)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t}var u={large:"75px",medium:"40px",small:"25px"},l=function(n,a){var i=t(a,1)[0],l=n.size,s=o(n,["size"]);return(0,r.h)("span",s,(0,r.h)("img",{class:"emoji",draggable:"false",alt:i,src:(0,e.getEmojiSrc)(i),style:{width:u[l]}}))};exports.default=l;
  },{"hyperapp":"/xJO","../utils":"8MgT"}],"manF":[function(require,module,exports) {
  var define;
  var global = arguments[3];
  var e,t=arguments[3];function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}!function(t,r){"object"===("undefined"==typeof exports?"undefined":n(exports))&&"undefined"!=typeof module?module.exports=r():"function"==typeof e&&e.amd?e(r):t.tippy=r()}(this,function(){"use strict";for(var e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},n={a11y:!0,allowHTML:!0,animateFill:!0,animation:"shift-away",appendTo:function(){return document.body},arrow:!1,arrowTransform:"",arrowType:"sharp",content:"",delay:[0,20],distance:10,duration:[325,275],flip:!0,flipBehavior:"flip",followCursor:!1,hideOnClick:!0,inertia:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,lazy:!0,livePlacement:!0,multiple:!1,offset:0,onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},performance:!1,placement:"top",popperOptions:{},shouldPopperHideOnBlur:function(){return!0},showOnInit:!1,size:"regular",sticky:!1,target:"",theme:"dark",touch:!0,touchHold:!1,trigger:"mouseenter focus",updateDuration:200,wait:null,zIndex:9999},r=["arrowType","distance","flip","flipBehavior","offset","placement","popperOptions"],o="undefined"!=typeof window,i=o?navigator:{},a=o?window:{},p=/MSIE |Trident\//.test(i.userAgent),s=/iPhone|iPad|iPod/.test(i.platform)&&!a.MSStream,c=("ontouchstart"in a),f="undefined"!=typeof window&&"undefined"!=typeof document,u=["Edge","Trident","Firefox"],l=0,d=0;d<u.length;d+=1)if(f&&navigator.userAgent.indexOf(u[d])>=0){l=1;break}var h=f&&window.Promise?function(e){var t=!1;return function(){t||(t=!0,window.Promise.resolve().then(function(){t=!1,e()}))}}:function(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},l))}};function m(e){return e&&"[object Function]"==={}.toString.call(e)}function v(e,t){if(1!==e.nodeType)return[];var n=e.ownerDocument.defaultView.getComputedStyle(e,null);return t?n[t]:n}function b(e){return"HTML"===e.nodeName?e:e.parentNode||e.host}function g(e){if(!e)return document.body;switch(e.nodeName){case"HTML":case"BODY":return e.ownerDocument.body;case"#document":return e.body}var t=v(e),n=t.overflow,r=t.overflowX,o=t.overflowY;return/(auto|scroll|overlay)/.test(n+o+r)?e:g(b(e))}var y=f&&!(!window.MSInputMethodContext||!document.documentMode),w=f&&/MSIE 10/.test(navigator.userAgent);function E(e){return 11===e?y:10===e?w:y||w}function O(e){if(!e)return document.documentElement;for(var t=E(10)?document.body:null,n=e.offsetParent||null;n===t&&e.nextElementSibling;)n=(e=e.nextElementSibling).offsetParent;var r=n&&n.nodeName;return r&&"BODY"!==r&&"HTML"!==r?-1!==["TH","TD","TABLE"].indexOf(n.nodeName)&&"static"===v(n,"position")?O(n):n:e?e.ownerDocument.documentElement:document.documentElement}function x(e){return null!==e.parentNode?x(e.parentNode):e}function L(e,t){if(!(e&&e.nodeType&&t&&t.nodeType))return document.documentElement;var n=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,r=n?e:t,o=n?t:e,i=document.createRange();i.setStart(r,0),i.setEnd(o,0);var a,p,s=i.commonAncestorContainer;if(e!==s&&t!==s||r.contains(o))return"BODY"===(p=(a=s).nodeName)||"HTML"!==p&&O(a.firstElementChild)!==a?O(s):s;var c=x(e);return c.host?L(c.host,t):L(e,x(t).host)}function C(e){var t="top"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top")?"scrollTop":"scrollLeft",n=e.nodeName;if("BODY"===n||"HTML"===n){var r=e.ownerDocument.documentElement;return(e.ownerDocument.scrollingElement||r)[t]}return e[t]}function T(e,t){var n="x"===t?"Left":"Top",r="Left"===n?"Right":"Bottom";return parseFloat(e["border"+n+"Width"],10)+parseFloat(e["border"+r+"Width"],10)}function A(e,t,n,r){return Math.max(t["offset"+e],t["scroll"+e],n["client"+e],n["offset"+e],n["scroll"+e],E(10)?parseInt(n["offset"+e])+parseInt(r["margin"+("Height"===e?"Top":"Left")])+parseInt(r["margin"+("Height"===e?"Bottom":"Right")]):0)}function P(e){var t=e.body,n=e.documentElement,r=E(10)&&getComputedStyle(n);return{height:A("Height",t,n,r),width:A("Width",t,n,r)}}var D=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},M=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),k=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},N=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function S(e){return N({},e,{right:e.left+e.width,bottom:e.top+e.height})}function I(e){var t={};try{if(E(10)){t=e.getBoundingClientRect();var n=C(e,"top"),r=C(e,"left");t.top+=n,t.left+=r,t.bottom+=n,t.right+=r}else t=e.getBoundingClientRect()}catch(e){}var o={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},i="HTML"===e.nodeName?P(e.ownerDocument):{},a=i.width||e.clientWidth||o.right-o.left,p=i.height||e.clientHeight||o.bottom-o.top,s=e.offsetWidth-a,c=e.offsetHeight-p;if(s||c){var f=v(e);s-=T(f,"x"),c-=T(f,"y"),o.width-=s,o.height-=c}return S(o)}function H(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=E(10),o="HTML"===t.nodeName,i=I(e),a=I(t),p=g(e),s=v(t),c=parseFloat(s.borderTopWidth,10),f=parseFloat(s.borderLeftWidth,10);n&&o&&(a.top=Math.max(a.top,0),a.left=Math.max(a.left,0));var u=S({top:i.top-a.top-c,left:i.left-a.left-f,width:i.width,height:i.height});if(u.marginTop=0,u.marginLeft=0,!r&&o){var l=parseFloat(s.marginTop,10),d=parseFloat(s.marginLeft,10);u.top-=c-l,u.bottom-=c-l,u.left-=f-d,u.right-=f-d,u.marginTop=l,u.marginLeft=d}return(r&&!n?t.contains(p):t===p&&"BODY"!==p.nodeName)&&(u=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=C(t,"top"),o=C(t,"left"),i=n?-1:1;return e.top+=r*i,e.bottom+=r*i,e.left+=o*i,e.right+=o*i,e}(u,t)),u}function F(e){if(!e||!e.parentElement||E())return document.documentElement;for(var t=e.parentElement;t&&"none"===v(t,"transform");)t=t.parentElement;return t||document.documentElement}function R(e,t,n,r){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],i={top:0,left:0},a=o?F(e):L(e,t);if("viewport"===r)i=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.ownerDocument.documentElement,r=H(e,n),o=Math.max(n.clientWidth,window.innerWidth||0),i=Math.max(n.clientHeight,window.innerHeight||0),a=t?0:C(n),p=t?0:C(n,"left");return S({top:a-r.top+r.marginTop,left:p-r.left+r.marginLeft,width:o,height:i})}(a,o);else{var p=void 0;"scrollParent"===r?"BODY"===(p=g(b(t))).nodeName&&(p=e.ownerDocument.documentElement):p="window"===r?e.ownerDocument.documentElement:r;var s=H(p,a,o);if("HTML"!==p.nodeName||function e(t){var n=t.nodeName;return"BODY"!==n&&"HTML"!==n&&("fixed"===v(t,"position")||e(b(t)))}(a))i=s;else{var c=P(e.ownerDocument),f=c.height,u=c.width;i.top+=s.top-s.marginTop,i.bottom=f+s.top,i.left+=s.left-s.marginLeft,i.right=u+s.left}}var l="number"==typeof(n=n||0);return i.left+=l?n:n.left||0,i.top+=l?n:n.top||0,i.right-=l?n:n.right||0,i.bottom-=l?n:n.bottom||0,i}function B(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf("auto"))return e;var a=R(n,r,i,o),p={top:{width:a.width,height:t.top-a.top},right:{width:a.right-t.right,height:a.height},bottom:{width:a.width,height:a.bottom-t.bottom},left:{width:t.left-a.left,height:a.height}},s=Object.keys(p).map(function(e){return N({key:e},p[e],{area:(t=p[e],t.width*t.height)});var t}).sort(function(e,t){return t.area-e.area}),c=s.filter(function(e){var t=e.width,r=e.height;return t>=n.clientWidth&&r>=n.clientHeight}),f=c.length>0?c[0].key:s[0].key,u=e.split("-")[1];return f+(u?"-"+u:"")}function W(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return H(n,r?F(t):L(t,n),r)}function _(e){var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginTop)+parseFloat(t.marginBottom),r=parseFloat(t.marginLeft)+parseFloat(t.marginRight);return{width:e.offsetWidth+r,height:e.offsetHeight+n}}function U(e){var t={left:"right",right:"left",bottom:"top",top:"bottom"};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function j(e,t,n){n=n.split("-")[0];var r=_(e),o={width:r.width,height:r.height},i=-1!==["right","left"].indexOf(n),a=i?"top":"left",p=i?"left":"top",s=i?"height":"width",c=i?"width":"height";return o[a]=t[a]+t[s]/2-r[s]/2,o[p]=n===p?t[p]-r[c]:t[U(p)],o}function z(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function V(e,t,n){return(void 0===n?e:e.slice(0,function(e,t,n){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===n});var r=z(e,function(e){return e[t]===n});return e.indexOf(r)}(e,"name",n))).forEach(function(e){e.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=e.function||e.fn;e.enabled&&m(n)&&(t.offsets.popper=S(t.offsets.popper),t.offsets.reference=S(t.offsets.reference),t=n(t,e))}),t}function Y(e,t){return e.some(function(e){var n=e.name;return e.enabled&&n===t})}function q(e){for(var t=[!1,"ms","Webkit","Moz","O"],n=e.charAt(0).toUpperCase()+e.slice(1),r=0;r<t.length;r++){var o=t[r],i=o?""+o+n:e;if(void 0!==document.body.style[i])return i}return null}function X(e){var t=e.ownerDocument;return t?t.defaultView:window}function K(e,t,n,r){n.updateBound=r,X(e).addEventListener("resize",n.updateBound,{passive:!0});var o=g(e);return function e(t,n,r,o){var i="BODY"===t.nodeName,a=i?t.ownerDocument.defaultView:t;a.addEventListener(n,r,{passive:!0}),i||e(g(a.parentNode),n,r,o),o.push(a)}(o,"scroll",n.updateBound,n.scrollParents),n.scrollElement=o,n.eventsEnabled=!0,n}function G(){var e,t;this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=(e=this.reference,t=this.state,X(e).removeEventListener("resize",t.updateBound),t.scrollParents.forEach(function(e){e.removeEventListener("scroll",t.updateBound)}),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t))}function J(e){return""!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function Q(e,t){Object.keys(t).forEach(function(n){var r="";-1!==["width","height","top","right","bottom","left"].indexOf(n)&&J(t[n])&&(r="px"),e.style[n]=t[n]+r})}var Z=f&&/Firefox/.test(navigator.userAgent);function $(e,t,n){var r=z(e,function(e){return e.name===t}),o=!!r&&e.some(function(e){return e.name===n&&e.enabled&&e.order<r.order});if(!o){var i="`"+t+"`",a="`"+n+"`";console.warn(a+" modifier is required by "+i+" modifier in order to work, be sure to include it before "+i+"!")}return o}var ee=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],te=ee.slice(3);function ne(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=te.indexOf(e),r=te.slice(n+1).concat(te.slice(0,n));return t?r.reverse():r}var re={FLIP:"flip",CLOCKWISE:"clockwise",COUNTERCLOCKWISE:"counterclockwise"};function oe(e,t,n,r){var o=[0,0],i=-1!==["right","left"].indexOf(r),a=e.split(/(\+|\-)/).map(function(e){return e.trim()}),p=a.indexOf(z(a,function(e){return-1!==e.search(/,|\s/)}));a[p]&&-1===a[p].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var s=/\s*,\s*|\s+/,c=-1!==p?[a.slice(0,p).concat([a[p].split(s)[0]]),[a[p].split(s)[1]].concat(a.slice(p+1))]:[a];return(c=c.map(function(e,r){var o=(1===r?!i:i)?"height":"width",a=!1;return e.reduce(function(e,t){return""===e[e.length-1]&&-1!==["+","-"].indexOf(t)?(e[e.length-1]=t,a=!0,e):a?(e[e.length-1]+=t,a=!1,e):e.concat(t)},[]).map(function(e){return function(e,t,n,r){var o=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),i=+o[1],a=o[2];if(!i)return e;if(0===a.indexOf("%")){var p=void 0;switch(a){case"%p":p=n;break;case"%":case"%r":default:p=r}return S(p)[t]/100*i}if("vh"===a||"vw"===a)return("vh"===a?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*i;return i}(e,o,t,n)})})).forEach(function(e,t){e.forEach(function(n,r){J(n)&&(o[t]+=n*("-"===e[r-1]?-1:1))})}),o}var ie={placement:"bottom",positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(e){var t=e.placement,n=t.split("-")[0],r=t.split("-")[1];if(r){var o=e.offsets,i=o.reference,a=o.popper,p=-1!==["bottom","top"].indexOf(n),s=p?"left":"top",c=p?"width":"height",f={start:k({},s,i[s]),end:k({},s,i[s]+i[c]-a[c])};e.offsets.popper=N({},a,f[r])}return e}},offset:{order:200,enabled:!0,fn:function(e,t){var n=t.offset,r=e.placement,o=e.offsets,i=o.popper,a=o.reference,p=r.split("-")[0],s=void 0;return s=J(+n)?[+n,0]:oe(n,i,a,p),"left"===p?(i.top+=s[0],i.left-=s[1]):"right"===p?(i.top+=s[0],i.left+=s[1]):"top"===p?(i.left+=s[0],i.top-=s[1]):"bottom"===p&&(i.left+=s[0],i.top+=s[1]),e.popper=i,e},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(e,t){var n=t.boundariesElement||O(e.instance.popper);e.instance.reference===n&&(n=O(n));var r=q("transform"),o=e.instance.popper.style,i=o.top,a=o.left,p=o[r];o.top="",o.left="",o[r]="";var s=R(e.instance.popper,e.instance.reference,t.padding,n,e.positionFixed);o.top=i,o.left=a,o[r]=p,t.boundaries=s;var c=t.priority,f=e.offsets.popper,u={primary:function(e){var n=f[e];return f[e]<s[e]&&!t.escapeWithReference&&(n=Math.max(f[e],s[e])),k({},e,n)},secondary:function(e){var n="right"===e?"left":"top",r=f[n];return f[e]>s[e]&&!t.escapeWithReference&&(r=Math.min(f[n],s[e]-("right"===e?f.width:f.height))),k({},n,r)}};return c.forEach(function(e){var t=-1!==["left","top"].indexOf(e)?"primary":"secondary";f=N({},f,u[t](e))}),e.offsets.popper=f,e},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,n=t.popper,r=t.reference,o=e.placement.split("-")[0],i=Math.floor,a=-1!==["top","bottom"].indexOf(o),p=a?"right":"bottom",s=a?"left":"top",c=a?"width":"height";return n[p]<i(r[s])&&(e.offsets.popper[s]=i(r[s])-n[c]),n[s]>i(r[p])&&(e.offsets.popper[s]=i(r[p])),e}},arrow:{order:500,enabled:!0,fn:function(e,t){var n;if(!$(e.instance.modifiers,"arrow","keepTogether"))return e;var r=t.element;if("string"==typeof r){if(!(r=e.instance.popper.querySelector(r)))return e}else if(!e.instance.popper.contains(r))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),e;var o=e.placement.split("-")[0],i=e.offsets,a=i.popper,p=i.reference,s=-1!==["left","right"].indexOf(o),c=s?"height":"width",f=s?"Top":"Left",u=f.toLowerCase(),l=s?"left":"top",d=s?"bottom":"right",h=_(r)[c];p[d]-h<a[u]&&(e.offsets.popper[u]-=a[u]-(p[d]-h)),p[u]+h>a[d]&&(e.offsets.popper[u]+=p[u]+h-a[d]),e.offsets.popper=S(e.offsets.popper);var m=p[u]+p[c]/2-h/2,b=v(e.instance.popper),g=parseFloat(b["margin"+f],10),y=parseFloat(b["border"+f+"Width"],10),w=m-e.offsets.popper[u]-g-y;return w=Math.max(Math.min(a[c]-h,w),0),e.arrowElement=r,e.offsets.arrow=(k(n={},u,Math.round(w)),k(n,l,""),n),e},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(e,t){if(Y(e.instance.modifiers,"inner"))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var n=R(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement,e.positionFixed),r=e.placement.split("-")[0],o=U(r),i=e.placement.split("-")[1]||"",a=[];switch(t.behavior){case re.FLIP:a=[r,o];break;case re.CLOCKWISE:a=ne(r);break;case re.COUNTERCLOCKWISE:a=ne(r,!0);break;default:a=t.behavior}return a.forEach(function(p,s){if(r!==p||a.length===s+1)return e;r=e.placement.split("-")[0],o=U(r);var c=e.offsets.popper,f=e.offsets.reference,u=Math.floor,l="left"===r&&u(c.right)>u(f.left)||"right"===r&&u(c.left)<u(f.right)||"top"===r&&u(c.bottom)>u(f.top)||"bottom"===r&&u(c.top)<u(f.bottom),d=u(c.left)<u(n.left),h=u(c.right)>u(n.right),m=u(c.top)<u(n.top),v=u(c.bottom)>u(n.bottom),b="left"===r&&d||"right"===r&&h||"top"===r&&m||"bottom"===r&&v,g=-1!==["top","bottom"].indexOf(r),y=!!t.flipVariations&&(g&&"start"===i&&d||g&&"end"===i&&h||!g&&"start"===i&&m||!g&&"end"===i&&v);(l||b||y)&&(e.flipped=!0,(l||b)&&(r=a[s+1]),y&&(i=function(e){return"end"===e?"start":"start"===e?"end":e}(i)),e.placement=r+(i?"-"+i:""),e.offsets.popper=N({},e.offsets.popper,j(e.instance.popper,e.offsets.reference,e.placement)),e=V(e.instance.modifiers,e,"flip"))}),e},behavior:"flip",padding:5,boundariesElement:"viewport"},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,n=t.split("-")[0],r=e.offsets,o=r.popper,i=r.reference,a=-1!==["left","right"].indexOf(n),p=-1===["top","left"].indexOf(n);return o[a?"left":"top"]=i[n]-(p?o[a?"width":"height"]:0),e.placement=U(t),e.offsets.popper=S(o),e}},hide:{order:800,enabled:!0,fn:function(e){if(!$(e.instance.modifiers,"hide","preventOverflow"))return e;var t=e.offsets.reference,n=z(e.instance.modifiers,function(e){return"preventOverflow"===e.name}).boundaries;if(t.bottom<n.top||t.left>n.right||t.top>n.bottom||t.right<n.left){if(!0===e.hide)return e;e.hide=!0,e.attributes["x-out-of-boundaries"]=""}else{if(!1===e.hide)return e;e.hide=!1,e.attributes["x-out-of-boundaries"]=!1}return e}},computeStyle:{order:850,enabled:!0,fn:function(e,t){var n=t.x,r=t.y,o=e.offsets.popper,i=e.offsets.reference,a=z(e.instance.modifiers,function(e){return"applyStyle"===e.name}).gpuAcceleration;void 0!==a&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var p=void 0!==a?a:t.gpuAcceleration,s=O(e.instance.popper),c=I(s),f={position:o.position},u=-1!==["left","right"].indexOf(e.placement),l=-1!==e.placement.indexOf("-"),d=i.width%2==o.width%2,h=i.width%2==1&&o.width%2==1,m=window.devicePixelRatio<2||!Z,v=function(e){return e},b=m?u||l||d?Math.round:Math.floor:v,g=m?Math.round:v,y={left:b(h&&!l&&m?o.left-1:o.left),top:g(o.top),bottom:g(o.bottom),right:b(o.right)},w="bottom"===n?"top":"bottom",E="right"===r?"left":"right",x=q("transform"),L=void 0,C=void 0;if(C="bottom"===w?"HTML"===s.nodeName?-s.clientHeight+y.bottom:-c.height+y.bottom:y.top,L="right"===E?"HTML"===s.nodeName?-s.clientWidth+y.right:-c.width+y.right:y.left,p&&x)f[x]="translate3d("+L+"px, "+C+"px, 0)",f[w]=0,f[E]=0,f.willChange="transform";else{var T="bottom"===w?-1:1,A="right"===E?-1:1;f[w]=C*T,f[E]=L*A,f.willChange=w+", "+E}var P={"x-placement":e.placement};return e.attributes=N({},P,e.attributes),e.styles=N({},f,e.styles),e.arrowStyles=N({},e.offsets.arrow,e.arrowStyles),e},gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:function(e){var t,n;return Q(e.instance.popper,e.styles),t=e.instance.popper,n=e.attributes,Object.keys(n).forEach(function(e){!1!==n[e]?t.setAttribute(e,n[e]):t.removeAttribute(e)}),e.arrowElement&&Object.keys(e.arrowStyles).length&&Q(e.arrowElement,e.arrowStyles),e},onLoad:function(e,t,n,r,o){var i=W(o,t,e,n.positionFixed),a=B(n.placement,i,t,e,n.modifiers.flip.boundariesElement,n.modifiers.flip.padding);return t.setAttribute("x-placement",a),Q(t,{position:n.positionFixed?"fixed":"absolute"}),n},gpuAcceleration:void 0}}},ae=function(){function e(t,n){var r=this,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};D(this,e),this.scheduleUpdate=function(){return requestAnimationFrame(r.update)},this.update=h(this.update.bind(this)),this.options=N({},e.Defaults,o),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=t&&t.jquery?t[0]:t,this.popper=n&&n.jquery?n[0]:n,this.options.modifiers={},Object.keys(N({},e.Defaults.modifiers,o.modifiers)).forEach(function(t){r.options.modifiers[t]=N({},e.Defaults.modifiers[t]||{},o.modifiers?o.modifiers[t]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(e){return N({name:e},r.options.modifiers[e])}).sort(function(e,t){return e.order-t.order}),this.modifiers.forEach(function(e){e.enabled&&m(e.onLoad)&&e.onLoad(r.reference,r.popper,r.options,e,r.state)}),this.update();var i=this.options.eventsEnabled;i&&this.enableEventListeners(),this.state.eventsEnabled=i}return M(e,[{key:"update",value:function(){return function(){if(!this.state.isDestroyed){var e={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=W(this.state,this.popper,this.reference,this.options.positionFixed),e.placement=B(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.positionFixed=this.options.positionFixed,e.offsets.popper=j(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",e=V(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}.call(this)}},{key:"destroy",value:function(){return function(){return this.state.isDestroyed=!0,Y(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.position="",this.popper.style.top="",this.popper.style.left="",this.popper.style.right="",this.popper.style.bottom="",this.popper.style.willChange="",this.popper.style[q("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}.call(this)}},{key:"enableEventListeners",value:function(){return function(){this.state.eventsEnabled||(this.state=K(this.reference,this.options,this.state,this.scheduleUpdate))}.call(this)}},{key:"disableEventListeners",value:function(){return G.call(this)}}]),e}();ae.Utils=("undefined"!=typeof window?window:t).PopperUtils,ae.placements=ee,ae.Defaults=ie;var pe={POPPER:".tippy-popper",TOOLTIP:".tippy-tooltip",CONTENT:".tippy-content",BACKDROP:".tippy-backdrop",ARROW:".tippy-arrow",ROUND_ARROW:".tippy-roundarrow"},se=!0,ce=function(e){return[].slice.call(e)},fe=function(e,t){t.content instanceof Element?(ve(e,""),e.appendChild(t.content)):e[t.allowHTML?"innerHTML":"textContent"]=t.content},ue=function(e){return!(e instanceof Element)||Ae.call(e,"a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]")&&!e.hasAttribute("disabled")},le=function(e,t){e.filter(Boolean).forEach(function(e){e.style.transitionDuration=t+"ms"})},de=function(e){var t=function(t){return e.querySelector(t)};return{tooltip:t(pe.TOOLTIP),backdrop:t(pe.BACKDROP),content:t(pe.CONTENT),arrow:t(pe.ARROW)||t(pe.ROUND_ARROW)}},he=function(e){return"[object Object]"==={}.toString.call(e)},me=function(){return document.createElement("div")},ve=function(e,t){e[se&&"innerHTML"]=t instanceof Element?t[se&&"innerHTML"]:t},be=function(e){if(e instanceof Element||he(e))return[e];if(e instanceof NodeList)return ce(e);if(Array.isArray(e))return e;try{return ce(document.querySelectorAll(e))}catch(e){return[]}},ge=function(e,t,n){if(Array.isArray(e)){var r=e[t];return null==r?n:r}return e},ye=function(e){var t=me();return"round"===e?(t.className="tippy-roundarrow",ve(t,'<svg viewBox="0 0 24 8" xmlns="http://www.w3.org/2000/svg"><path d="M3 8s2.021-.015 5.253-4.218C9.584 2.051 10.797 1.007 12 1c1.203-.007 2.416 1.035 3.761 2.782C19.012 8.005 21 8 21 8H3z"/></svg>')):t.className="tippy-arrow",t},we=function(){var e=me();return e.className="tippy-backdrop",e.setAttribute("data-state","hidden"),e},Ee=function(e,t){e.setAttribute("tabindex","-1"),t.setAttribute("data-interactive","")},Oe=function(e,t){var n=me();n.className="tippy-popper",n.setAttribute("role","tooltip"),n.id="tippy-"+e,n.style.zIndex=t.zIndex;var r=me();r.className="tippy-tooltip",r.setAttribute("data-size",t.size),r.setAttribute("data-animation",t.animation),r.setAttribute("data-state","hidden"),t.theme.split(" ").forEach(function(e){r.classList.add(e+"-theme")});var o=me();return o.className="tippy-content",o.setAttribute("data-state","hidden"),t.interactive&&Ee(n,r),t.arrow&&r.appendChild(ye(t.arrowType)),t.animateFill&&(r.appendChild(we()),r.setAttribute("data-animatefill","")),t.inertia&&r.setAttribute("data-inertia",""),fe(o,t),r.appendChild(o),n.appendChild(r),n.addEventListener("focusout",function(e){e.relatedTarget&&n._tippy&&!De(e.relatedTarget,function(e){return e===n})&&e.relatedTarget!==n._tippy.reference&&n._tippy.props.shouldPopperHideOnBlur(e)&&n._tippy.hide()}),n},xe=function(e,t,n){var r=de(e),o=r.tooltip,i=r.content,a=r.backdrop,p=r.arrow;e.style.zIndex=n.zIndex,o.setAttribute("data-size",n.size),o.setAttribute("data-animation",n.animation),t.content!==n.content&&fe(i,n),!t.animateFill&&n.animateFill?(o.appendChild(we()),o.setAttribute("data-animatefill","")):t.animateFill&&!n.animateFill&&(o.removeChild(a),o.removeAttribute("data-animatefill")),!t.arrow&&n.arrow?o.appendChild(ye(n.arrowType)):t.arrow&&!n.arrow&&o.removeChild(p),t.arrow&&n.arrow&&t.arrowType!==n.arrowType&&o.replaceChild(ye(n.arrowType),p),!t.interactive&&n.interactive?Ee(e,o):t.interactive&&!n.interactive&&function(e,t){e.removeAttribute("tabindex"),t.removeAttribute("data-interactive")}(e,o),!t.inertia&&n.inertia?function(e){e.setAttribute("data-inertia","")}(o):t.inertia&&!n.inertia&&function(e){e.removeAttribute("data-inertia")}(o),t.theme!==n.theme&&(t.theme.split(" ").forEach(function(e){o.classList.remove(e+"-theme")}),n.theme.split(" ").forEach(function(e){o.classList.add(e+"-theme")}))},Le=function(e){ce(document.querySelectorAll(pe.POPPER)).forEach(function(t){var n=t._tippy;!n||!0!==n.props.hideOnClick||e&&t===e.popper||n.hide()})},Ce=function(e){return Object.keys(n).reduce(function(t,n){var r,o=(e.getAttribute("data-tippy-"+n)||"").trim();return o?("content"===n?t[n]=o:"true"===o?t[n]=!0:"false"===o?t[n]=!1:(r=o,isNaN(r)||isNaN(parseFloat(r))?"["===o[0]||"{"===o[0]?t[n]=JSON.parse(o):t[n]=o:t[n]=Number(o)),t):t},{})},Te=function(e){var t={isVirtual:!0,attributes:e.attributes||{},setAttribute:function(t,n){e.attributes[t]=n},getAttribute:function(t){return e.attributes[t]},removeAttribute:function(t){delete e.attributes[t]},hasAttribute:function(t){return t in e.attributes},addEventListener:function(){},removeEventListener:function(){},classList:{classNames:{},add:function(t){e.classList.classNames[t]=!0},remove:function(t){delete e.classList.classNames[t]},contains:function(t){return t in e.classList.classNames}}};for(var n in t)e[n]=t[n];return e},Ae=function(){if(o){var e=Element.prototype;return e.matches||e.matchesSelector||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector}}(),Pe=function(e,t){return(Element.prototype.closest||function(e){for(var t=this;t;){if(Ae.call(t,e))return t;t=t.parentElement}}).call(e,t)},De=function(e,t){for(;e;){if(t(e))return e;e=e.parentElement}},Me=function(e){var t=window.scrollX||window.pageXOffset,n=window.scrollY||window.pageYOffset;e.focus(),scroll(t,n)},ke=function(e,t){return(t?e:{X:"Y",Y:"X"}[e])||""},Ne=function(e,t,n,r){var o=t[0],i=t[1];return o||i?{scale:i?n?o+", "+i:i+", "+o:""+o,translate:i?n?r?o+"px, "+-i+"px":o+"px, "+i+"px":r?-i+"px, "+o+"px":i+"px, "+o+"px":r?-o+"px":o+"px"}[e]:""},Se=function(e,t){var n=e.match(new RegExp(t+"([XY])"));return n?n[1]:""},Ie=function(e,t){var n=e.match(t);return n?n[1].split(",").map(parseFloat):[]},He=/translateX?Y?\(([^)]+)\)/,Fe=/scaleX?Y?\(([^)]+)\)/,Re=function(e,t){var n=ze(Pe(e,pe.POPPER)),r="top"===n||"bottom"===n,o="right"===n||"bottom"===n,i={translate:{axis:Se(t,"translate"),numbers:Ie(t,He)},scale:{axis:Se(t,"scale"),numbers:Ie(t,Fe)}},a=t.replace(He,"translate"+ke(i.translate.axis,r)+"("+Ne("translate",i.translate.numbers,r,o)+")").replace(Fe,"scale"+ke(i.scale.axis,r)+"("+Ne("scale",i.scale.numbers,r,o)+")");e.style[void 0!==document.body.style.transform?"transform":"webkitTransform"]=a},Be=function(e,t){e.filter(Boolean).forEach(function(e){e.setAttribute("data-state",t)})},We=function(e,t){var n=e.popper,r=e.options,o=r.onCreate,i=r.onUpdate;r.onCreate=r.onUpdate=function(){!function(e){e.offsetHeight}(n),t(),i(),r.onCreate=o,r.onUpdate=i}},_e=function(e){setTimeout(e,1)},Ue=function(e,t,n,r){if(!e)return!0;var o=n.clientX,i=n.clientY,a=r.interactiveBorder,p=r.distance,s=t.top-i>("top"===e?a+p:a),c=i-t.bottom>("bottom"===e?a+p:a),f=t.left-o>("left"===e?a+p:a),u=o-t.right>("right"===e?a+p:a);return s||c||f||u},je=function(e,t){return-(e-t)+"px"},ze=function(e){var t=e.getAttribute("x-placement");return t?t.split("-")[0]:""},Ve=function(t,n){var r=e({},n,n.performance?{}:Ce(t));return r.arrow&&(r.animateFill=!1),"function"==typeof r.appendTo&&(r.appendTo=n.appendTo(t)),"function"==typeof r.content&&(r.content=n.content(t)),r},Ye=function(e,t,n){e[t+"EventListener"]("transitionend",n)},qe=function(e,t){var n=void 0;return function(){var r=this,o=arguments;clearTimeout(n),n=setTimeout(function(){return e.apply(r,o)},t)}},Xe=function(e,t){for(var n in e||{})if(!(n in t))throw Error("[tippy]: `"+n+"` is not a valid option")},Ke=!1,Ge=function(){Ke||(Ke=!0,s&&document.body.classList.add("tippy-iOS"),window.performance&&document.addEventListener("mousemove",Qe))},Je=0,Qe=function e(){var t=performance.now();t-Je<20&&(Ke=!1,document.removeEventListener("mousemove",e),s||document.body.classList.remove("tippy-iOS")),Je=t},Ze=function(e){var t=e.target;if(!(t instanceof Element))return Le();var n=Pe(t,pe.POPPER);if(!(n&&n._tippy&&n._tippy.props.interactive)){var r=De(t,function(e){return e._tippy&&e._tippy.reference===e});if(r){var o=r._tippy,i=o.props.trigger.indexOf("click")>-1;if(Ke||i)return Le(o);if(!0!==o.props.hideOnClick||i)return;o.clearDelayTimeouts()}Le()}},$e=function(){var e=document.activeElement;e&&e.blur&&e._tippy&&e.blur()},et=function(){ce(document.querySelectorAll(pe.POPPER)).forEach(function(e){var t=e._tippy;t.props.livePlacement||t.popperInstance.scheduleUpdate()})};var tt=1;function nt(t,o){var i=Ve(t,o);if(!i.multiple&&t._tippy)return null;var a=null,s={},f=null,u=0,l=0,d=!1,h=function(){},m=[],v=!1,b=i.interactiveDebounce>0?qe(D,i.interactiveDebounce):D,g=tt++,y=Oe(g,i);y.addEventListener("mouseenter",function(e){E.props.interactive&&E.state.isVisible&&"mouseenter"===s.type&&L(e)}),y.addEventListener("mouseleave",function(e){E.props.interactive&&"mouseenter"===s.type&&0===E.props.interactiveDebounce&&Ue(ze(y),y.getBoundingClientRect(),e,E.props)&&C()});var w=de(y),E={id:g,reference:t,popper:y,popperChildren:w,popperInstance:null,props:i,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},clearDelayTimeouts:U,set:j,setContent:function(e){j({content:e})},show:z,hide:V,enable:function(){E.state.isEnabled=!0},disable:function(){E.state.isEnabled=!1},destroy:Y};return W(),t.addEventListener("click",O),i.lazy||(E.popperInstance=H(),E.popperInstance.disableEventListeners()),i.showOnInit&&L(),!i.a11y||i.target||ue(t)||t.setAttribute("tabindex","0"),t._tippy=E,y._tippy=E,E;function O(){_e(function(){v=!1})}function x(e){var t=f=e,n=t.clientX,r=t.clientY;if(E.popperInstance){var o=ze(E.popper),i=E.popperChildren.arrow?20:5,a="top"===o||"bottom"===o,p="left"===o||"right"===o,s=a?Math.max(i,n):n,c=p?Math.max(i,r):r;a&&s>i&&(s=Math.min(n,window.innerWidth-i)),p&&c>i&&(c=Math.min(r,window.innerHeight-i));var u=E.reference.getBoundingClientRect(),l=E.props.followCursor,d="horizontal"===l,h="vertical"===l;E.popperInstance.reference={getBoundingClientRect:function(){return{width:0,height:0,top:d?u.top:c,bottom:d?u.bottom:c,left:h?u.left:s,right:h?u.right:s}},clientWidth:0,clientHeight:0},E.popperInstance.scheduleUpdate()}}function L(t){if(U(),!E.state.isVisible){if(E.props.target)return function(t){var n=Pe(t.target,E.props.target);n&&!n._tippy&&(nt(n,e({},E.props,{target:"",showOnInit:!0})),L(t))}(t);if(d=!0,E.props.wait)return E.props.wait(E,t);F()&&document.addEventListener("mousemove",x);var r=ge(E.props.delay,0,n.delay);r?u=setTimeout(function(){z()},r):z()}}function C(){if(U(),!E.state.isVisible)return T();d=!1;var e=ge(E.props.delay,1,n.delay);e?l=setTimeout(function(){E.state.isVisible&&V()},e):V()}function T(){document.removeEventListener("mousemove",x),f=null}function A(){document.body.removeEventListener("mouseleave",C),document.removeEventListener("mousemove",b)}function P(e){E.state.isEnabled&&!I(e)&&(E.state.isVisible||(s=e),"click"===e.type&&!1!==E.props.hideOnClick&&E.state.isVisible?C():L(e))}function D(e){var t=De(e.target,function(e){return e._tippy}),n=Pe(e.target,pe.POPPER)===E.popper,r=t===E.reference;n||r||Ue(ze(E.popper),E.popper.getBoundingClientRect(),e,E.props)&&(A(),C())}function M(e){if(!I(e))return E.props.interactive?(document.body.addEventListener("mouseleave",C),void document.addEventListener("mousemove",b)):void C()}function k(e){if(e.target===E.reference){if(E.props.interactive){if(!e.relatedTarget)return;if(Pe(e.relatedTarget,pe.POPPER))return}C()}}function N(e){Pe(e.target,E.props.target)&&L(e)}function S(e){Pe(e.target,E.props.target)&&C()}function I(e){var t=e.type.indexOf("touch")>-1,n=c&&Ke&&E.props.touchHold&&!t,r=Ke&&!E.props.touchHold&&t;return n||r}function H(){var t=E.popperChildren.tooltip,r=E.props.popperOptions,o=pe["round"===E.props.arrowType?"ROUND_ARROW":"ARROW"],i=t.querySelector(o),p=e({placement:E.props.placement},r||{},{modifiers:e({},r?r.modifiers:{},{arrow:e({element:o},r&&r.modifiers?r.modifiers.arrow:{}),flip:e({enabled:E.props.flip,padding:E.props.distance+5,behavior:E.props.flipBehavior},r&&r.modifiers?r.modifiers.flip:{}),offset:e({offset:E.props.offset},r&&r.modifiers?r.modifiers.offset:{})}),onCreate:function(){t.style[ze(E.popper)]=je(E.props.distance,n.distance),i&&E.props.arrowTransform&&Re(i,E.props.arrowTransform)},onUpdate:function(){var e=t.style;e.top="",e.bottom="",e.left="",e.right="",e[ze(E.popper)]=je(E.props.distance,n.distance),i&&E.props.arrowTransform&&Re(i,E.props.arrowTransform)}});return a||(a=new MutationObserver(function(){E.popperInstance.update()})).observe(y,{childList:!0,subtree:!0,characterData:!0}),new ae(E.reference,E.popper,p)}function F(){return E.props.followCursor&&!Ke&&"focus"!==s.type}function R(e,t){if(0===e)return t();var n=E.popperChildren.tooltip,r=function e(r){r.target===n&&(Ye(n,"remove",e),t())};Ye(n,"remove",h),Ye(n,"add",r),h=r}function B(e,t,n){E.reference.addEventListener(e,t),n.push({eventType:e,handler:t})}function W(){m=E.props.trigger.trim().split(" ").reduce(function(e,t){if("manual"===t)return e;if(E.props.target)switch(t){case"mouseenter":B("mouseover",N,e),B("mouseout",S,e);break;case"focus":B("focusin",N,e),B("focusout",S,e);break;case"click":B(t,N,e)}else switch(B(t,P,e),E.props.touchHold&&(B("touchstart",P,e),B("touchend",M,e)),t){case"mouseenter":B("mouseleave",M,e);break;case"focus":B(p?"focusout":"blur",k,e)}return e},[])}function _(){m.forEach(function(e){var t=e.eventType,n=e.handler;E.reference.removeEventListener(t,n)})}function U(){clearTimeout(u),clearTimeout(l)}function j(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Xe(t,n);var o=E.props,i=Ve(E.reference,e({},E.props,t,{performance:!0}));i.performance=t.hasOwnProperty("performance")?t.performance:o.performance,E.props=i,(t.hasOwnProperty("trigger")||t.hasOwnProperty("touchHold"))&&(_(),W()),t.hasOwnProperty("interactiveDebounce")&&(A(),b=qe(D,t.interactiveDebounce)),xe(E.popper,o,i),E.popperChildren=de(E.popper),E.popperInstance&&r.some(function(e){return t.hasOwnProperty(e)})&&(E.popperInstance.destroy(),E.popperInstance=H(),E.state.isVisible||E.popperInstance.disableEventListeners(),E.props.followCursor&&f&&x(f))}function z(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ge(E.props.duration,0,n.duration[0]);if(!E.state.isDestroyed&&E.state.isEnabled&&(!Ke||E.props.touch))return E.reference.isVirtual||document.documentElement.contains(E.reference)?void(E.reference.hasAttribute("disabled")||(v?v=!1:!1!==E.props.onShow(E)&&(E.popper.style.visibility="visible",E.state.isVisible=!0,le([E.popper,E.popperChildren.tooltip,E.popperChildren.backdrop],0),function(e){E.popperInstance?F()||(E.popperInstance.scheduleUpdate(),E.props.livePlacement&&E.popperInstance.enableEventListeners()):(E.popperInstance=H(),E.props.livePlacement&&!F()||E.popperInstance.disableEventListeners()),E.popperInstance.reference=E.reference;var t=E.popperChildren.arrow;if(F()){t&&(t.style.margin="0");var r=ge(E.props.delay,0,n.delay);s.type&&x(r&&f?f:s)}else t&&(t.style.margin="");We(E.popperInstance,e),E.props.appendTo.contains(E.popper)||(E.props.appendTo.appendChild(E.popper),E.props.onMount(E),E.state.isMounted=!0)}(function(){E.state.isVisible&&(F()||E.popperInstance.update(),le([E.popperChildren.tooltip,E.popperChildren.backdrop,E.popperChildren.content],e),E.popperChildren.backdrop&&(E.popperChildren.content.style.transitionDelay=Math.round(e/6)+"ms"),E.props.interactive&&E.reference.classList.add("tippy-active"),E.props.sticky&&(le([E.popper],p?0:E.props.updateDuration),function e(){E.popperInstance&&E.popperInstance.scheduleUpdate(),E.state.isMounted?requestAnimationFrame(e):le([E.popper],0)}()),Be([E.popperChildren.tooltip,E.popperChildren.backdrop,E.popperChildren.content],"visible"),function(e,t){R(e,t)}(e,function(){0===E.props.updateDuration&&E.popperChildren.tooltip.classList.add("tippy-notransition"),E.props.interactive&&["focus","click"].indexOf(s.type)>-1&&Me(E.popper),E.reference.setAttribute("aria-describedby",E.popper.id),E.props.onShown(E),E.state.isShown=!0}))})))):Y()}function V(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ge(E.props.duration,1,n.duration[1]);!E.state.isDestroyed&&E.state.isEnabled&&!1!==E.props.onHide(E)&&(0===E.props.updateDuration&&E.popperChildren.tooltip.classList.remove("tippy-notransition"),E.props.interactive&&E.reference.classList.remove("tippy-active"),E.popper.style.visibility="hidden",E.state.isVisible=!1,E.state.isShown=!1,le([E.popperChildren.tooltip,E.popperChildren.backdrop,E.popperChildren.content],e),Be([E.popperChildren.tooltip,E.popperChildren.backdrop,E.popperChildren.content],"hidden"),E.props.interactive&&!v&&["focus","click"].indexOf(s.type)>-1&&("focus"===s.type&&(v=!0),Me(E.reference)),function(e,t){R(e,function(){!E.state.isVisible&&E.props.appendTo.contains(E.popper)&&t()})}(e,function(){d||T(),E.reference.removeAttribute("aria-describedby"),E.popperInstance.disableEventListeners(),E.props.appendTo.removeChild(E.popper),E.state.isMounted=!1,E.props.onHidden(E)}))}function Y(e){E.state.isDestroyed||(E.state.isMounted&&V(0),_(),E.reference.removeEventListener("click",O),delete E.reference._tippy,E.props.target&&e&&ce(E.reference.querySelectorAll(E.props.target)).forEach(function(e){return e._tippy&&e._tippy.destroy()}),E.popperInstance&&E.popperInstance.destroy(),a&&a.disconnect(),E.state.isDestroyed=!0)}}var rt=!1;function ot(t,r,o){Xe(r,n),rt||(document.addEventListener("click",Ze,!0),document.addEventListener("touchstart",Ge,{passive:!0}),window.addEventListener("blur",$e),window.addEventListener("resize",et),c||!navigator.maxTouchPoints&&!navigator.msMaxTouchPoints||document.addEventListener("pointerdown",Ge),rt=!0);var i=e({},n,r);he(t)&&Te(t);var a=be(t),p=a[0],s=(o&&p?[p]:a).reduce(function(e,t){var n=t&&nt(t,i);return n&&e.push(n),e},[]);return{targets:t,props:i,instances:s,destroyAll:function(){this.instances.forEach(function(e){e.destroy()}),this.instances=[]}}}ot.version="3.2.0",ot.defaults=n,ot.one=function(e,t){return ot(e,t,!0).instances[0]},ot.setDefaults=function(t){!function(t){n=e({},n,t)}(t),ot.defaults=n},ot.disableAnimations=function(){ot.setDefaults({duration:0,updateDuration:0,animateFill:!1})},ot.hideAllPoppers=Le,ot.useCapture=function(){};return o&&setTimeout(function(){ce(document.querySelectorAll("[data-tippy]")).forEach(function(e){var t=e.getAttribute("data-tippy");t&&ot(e,{content:t})})}),ot});
  },{}],"9NgT":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=require("hyperapp"),e=o(require("../../../dist/tippy.js")),r=require("../utils"),n=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t};function o(t){return t&&t.__esModule?t:{default:t}}function i(t,e){return c(t)||a(t,e)||u()}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function a(t,e){var r=[],n=!0,o=!1,i=void 0;try{for(var u,a=t[Symbol.iterator]();!(n=(u=a.next()).done)&&(r.push(u.value),!e||r.length!==e);n=!0);}catch(t){o=!0,i=t}finally{try{n||null==a.return||a.return()}finally{if(o)throw i}}return r}function c(t){if(Array.isArray(t))return t}var p=function(o,u){var a=i(u,1)[0],c=n({},o,{content:o.content||"I'm a Tippy tooltip"});if(c.content.constructor===Object&&!c.target){var p=r.isBrowser&&document.createElement("div");(0,t.app)({},{},c.content,p),c.content=p}return(0,t.h)(a.nodeName,n({},a.attributes,{oncreate:function(t){return!t._tippy&&(0,e.default)(t,c)},onupdate:function(t){return t._tippy&&function(t){setTimeout(function(){t._tippy.set(c)},1)}(t)},ondestroy:function(t){return t._tippy&&t._tippy.destroy()}}),a.children)};p.secondary=function(e,r){return(0,t.h)(p,n({},e,{arrow:!0,animation:"fade",appendTo:function(t){return t.parentNode},theme:"secondary"}),r)};var f=p;exports.default=f;
  },{"hyperapp":"/xJO","../../../dist/tippy.js":"manF","../utils":"8MgT"}],"JMd4":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),a=i(require("../../assets/img/logo.svg")),s=require("../../../package.json"),t=i(require("../components/Emoji")),r=i(require("../components/Tippy"));function i(e){return e&&e.__esModule?e:{default:e}}var o=function(){return(0,e.h)("header",{class:"header"},(0,e.h)("div",{class:"container"},(0,e.h)("img",{class:"header__logo",src:a.default,alt:"Tippy.js logo"}),(0,e.h)("div",{class:"header__heading-wrapper"},(0,e.h)("h1",{class:"header__heading"},"Tippy.js",(0,e.h)("span",{class:"header__version"},"v",s.version))),(0,e.h)("h2",{class:"header__slogan"},"A highly customizable vanilla JS tooltip & popover library"),(0,e.h)("div",{class:"header__items"},(0,e.h)("div",{class:"header__item"},(0,e.h)("span",{class:"header__size"},(0,e.h)(t.default,{size:"small"},"📦"),"14.8 kB")),(0,e.h)("div",{class:"header__item"},(0,e.h)(r.default,{content:"Popper.js is the <strong>positioning engine</strong> behind the tooltips.",arrow:!0,theme:"light",offset:"0, 2",sticky:!0,updateDuration:250,arrowType:"round"},(0,e.h)("a",{class:"header__button",href:"https://popper.js.org/",target:"_blank"},(0,e.h)(t.default,{size:"small"},"⚡"),"Powered by Popper.js"))),(0,e.h)("div",{class:"header__item"},(0,e.h)("a",{class:"header__button",href:"https://atomiks.github.io/tippyjs/v2/index.html"},"Go to v2 docs (old)")),(0,e.h)("div",{class:"header__item has-github-button"},(0,e.h)("a",{class:"github-button",href:"https://github.com/atomiks/tippyjs","data-size":"large","data-count-href":"/atomiks/tippyjs/stargazers","data-show-count":"true","data-count-aria-label":"# stargazers on GitHub","aria-label":"Star atomiks/tippyjs on GitHub"},"Star")))))};exports.default=o;
  },{"hyperapp":"/xJO","../../assets/img/logo.svg":"THmT","../../../package.json":"EHrm","../components/Emoji":"NLY6","../components/Tippy":"9NgT"}],"vJwE":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=i(require("../../assets/img/logo.svg")),a=i(require("../components/Tippy")),n=i(require("../components/Emoji"));function i(e){return e&&e.__esModule?e:{default:e}}var o=["shift-away","shift-toward","perspective","fade","scale"],s=function(e){return Array.isArray(e)?"[".concat(e.join(", "),"]"):e},r={modifiers:{computeStyle:{gpuAcceleration:!1}}},l=function(){return(0,e.h)("section",{class:"section",id:"demo"},(0,e.h)("h2",{class:"section__heading"},"Tippy's features"),(0,e.h)("div",{class:"feature"},(0,e.h)("h3",{class:"feature__heading"},"Default"),(0,e.h)("p",null,"The default tippy tooltip looks like this when given no options. It has a nifty backdrop filling animation!"),(0,e.h)(a.default,{content:"I'm the default tooltip!"},(0,e.h)("button",{class:"btn"},"Try me!"))),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"↕️"),(0,e.h)("h3",{class:"feature__heading"},"Placement"),(0,e.h)("p",null,"A tooltip can be placed in four different ways in relation to its reference element. Additionally, the tooltip can be shifted using the suffix ",(0,e.h)("code",null,"-start")," or ",(0,e.h)("code",null,"-end"),"."),["top","bottom","left","right","top-start","top-end"].map(function(t){return(0,e.h)(a.default,{placement:t},(0,e.h)("button",{class:"btn"},t[0].toUpperCase()+t.slice(1)))})),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"▶️"),(0,e.h)("h3",{class:"feature__heading"},"Arrows"),(0,e.h)("p",null,"Arrows point toward the reference element. There are two different types of arrows: sharp and round. You can transform the proportion and scale of the arrows any way you like."),(0,e.h)(a.default,{arrow:!0,animation:"fade"},(0,e.h)("button",{class:"btn"},"Default")),(0,e.h)(a.default,{arrow:!0,arrowType:"round",animation:"fade"},(0,e.h)("button",{class:"btn"},"Round")),(0,e.h)(a.default,{arrow:!0,arrowTransform:"scaleX(1.5)",animation:"fade"},(0,e.h)("button",{class:"btn"},"Wide")),(0,e.h)(a.default,{arrow:!0,arrowTransform:"scaleX(0.75)",animation:"fade"},(0,e.h)("button",{class:"btn"},"Skinny")),(0,e.h)(a.default,{arrow:!0,arrowTransform:"scale(0.75)",animation:"fade"},(0,e.h)("button",{class:"btn"},"Small")),(0,e.h)(a.default,{arrow:!0,arrowTransform:"scale(1.35)",animation:"fade"},(0,e.h)("button",{class:"btn"},"Large"))),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"👏"),(0,e.h)("h3",{class:"feature__heading"},"Triggers"),(0,e.h)("p",null,"Triggers define the types of events that cause a tooltip to show."),(0,e.h)(a.default,{trigger:"mouseenter"},(0,e.h)("button",{class:"btn"},"Hover or touch")),(0,e.h)(a.default,{trigger:"focus",hideOnClick:!1},(0,e.h)("button",{class:"btn"},"Focus or touch")),(0,e.h)(a.default,{trigger:"click"},(0,e.h)("button",{class:"btn"},"Click"))),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"✍️"),(0,e.h)("h3",{class:"feature__heading"},"Interactivity"),(0,e.h)("p",null,"Tooltips can be interactive, meaning they won't hide when you hover over or click on them."),(0,e.h)(a.default,{interactive:!0},(0,e.h)("button",{class:"btn"},"Interactive (hover)")),(0,e.h)(a.default,{interactive:!0,trigger:"click"},(0,e.h)("button",{class:"btn"},"Interactive (click)"))),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"💫"),(0,e.h)("h3",{class:"feature__heading"},"Animations"),(0,e.h)("p",null,"Tooltips can have different types of animations."),o.map(function(t){return(0,e.h)(a.default,{animation:t,arrow:!0},(0,e.h)("button",{class:"btn"},t[0].toUpperCase()+t.slice(1)))}),o.filter(function(e){return"fade"!==e}).map(function(t){return(0,e.h)(a.default,{animation:t,duration:[600,300],inertia:!0,arrow:!0},(0,e.h)("button",{class:"btn"},"Inertia (",t[0]+t.slice(1),")"))}),(0,e.h)(a.default,{content:"`scale` onShow, `fade` onHide",onShow:function(e){return e.set({animation:"scale"})},onHide:function(e){return e.set({animation:"fade"})},arrow:!0},(0,e.h)("button",{class:"btn"},"Dynamic"))),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"⏱️"),(0,e.h)("h3",{class:"feature__heading"},"Duration"),(0,e.h)("p",null,"A tippy can have different transition durations."),[0,200,1e3,[250,1e3],[1e3,500]].map(function(t){return(0,e.h)(a.default,{duration:t},(0,e.h)("button",{class:"btn"},s(t)))})),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"⏳"),(0,e.h)("h3",{class:"feature__heading"},"Delay"),(0,e.h)("p",null,"Tooltips can delay showing or"," ",(0,e.h)(a.default.secondary,{content:"*Hide delay is always 0 on touch devices for UX reasons"},(0,e.h)("span",{class:"tippy",tabindex:"0"},"hiding*"))," ","after a trigger."),[0,200,800,[800,0],[200,800]].map(function(t){return(0,e.h)(a.default,{delay:t},(0,e.h)("button",{class:"btn"},s(t)))})),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"🖼️"),(0,e.h)("h3",{class:"feature__heading"},"HTML"),(0,e.h)("p",null,"Tooltips can contain HTML, allowing you to craft awesome interactive popovers."),(0,e.h)(a.default,{appendTo:function(e){return e.parentNode},interactive:!0,theme:"light rounded",arrow:!0,size:"large",arrowTransform:"scale(2)",distance:15,interactiveBorder:20,content:(0,e.h)("div",{class:"template",style:{padding:"20px"}},(0,e.h)("img",{width:"100",src:t.default,alt:"Tippy.js logo"}),(0,e.h)("h3",null,"Look! The tippy logo is inside a ",(0,e.h)("strong",null,"tippy"),"."),(0,e.h)("button",{class:"btn",onclick:function(e){return e.target.closest(".tippy-popper")._tippy.hide()}},"Close"))},(0,e.h)("button",{class:"btn"},"HTML Templates"))),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"🖌️"),(0,e.h)("h3",{class:"feature__heading"},"Themes"),(0,e.h)("p",null,"A tippy can have any kind of theme you want! Creating a custom theme is a breeze."),(0,e.h)(a.default,{content:"Included in dist/themes/translucent.css",theme:"translucent"},(0,e.h)("button",{class:"btn"},"Translucent")),(0,e.h)(a.default,{content:"Included in dist/themes/light.css",theme:"light",animation:"fade",arrow:!0},(0,e.h)("button",{class:"btn"},"Light")),(0,e.h)(a.default,{content:"Included in dist/themes/light-border.css",theme:"light-border",animateFill:!1,animation:"fade",arrow:!0},(0,e.h)("button",{class:"btn"},"Light-border")),(0,e.h)(a.default,{content:"Included in dist/themes/google.css",theme:"google",animateFill:!1,animation:"fade",duration:200},(0,e.h)("button",{class:"btn"},"Google")),(0,e.h)(a.default,{content:"Awesome colors! Custom made for this demo.",theme:"gradient"},(0,e.h)("button",{class:"btn"},"Gradient"))),(0,e.h)("div",{class:"feature"},(0,e.h)(n.default,{size:"medium",class:"feature__icon"},"😍"),(0,e.h)("h3",{class:"feature__heading"},"Misc"),(0,e.h)("p",null,"Tippy has a ton of"," ",(0,e.h)(a.default.secondary,{interactive:!0,content:(0,e.h)("div",null,"Missing a feature you need? Submit a"," ",(0,e.h)("a",{class:"is-white",href:"https://github.com/atomiks/tippyjs/issues",target:"_blank"},"feature request")," ","on the GitHub repo!")},(0,e.h)("span",{class:"tippy",tabindex:"0"},"features")),", and it's constantly improving."),(0,e.h)(a.default,{content:"How cool's this?!",followCursor:!0,arrow:!0,animation:"fade"},(0,e.h)("button",{class:"btn"},"Follow cursor")),(0,e.h)(a.default,{content:"You'll need a touch device for this one.",touchHold:!0},(0,e.h)("button",{class:"btn",oncontextmenu:function(e){e.preventDefault()}},"Touch & hold")),(0,e.h)(a.default,{interactive:!0,placement:"bottom",arrow:!0,theme:"light-border",appendTo:function(e){return e.parentNode},animation:"fade",onHide:function(e){var t=e.popper.querySelector("a");if(t&&t._tippy&&t._tippy.state.isVisible)return!1},trigger:"click",content:(0,e.h)("ul",{class:"tippy-list"},(0,e.h)("li",null,(0,e.h)(a.default,{interactive:!0,placement:"right",theme:"light-border",animateFill:!1,appendTo:function(e){return e.parentNode},animation:"fade",popperOptions:r,content:(0,e.h)("ul",{class:"tippy-list"},(0,e.h)("li",null,(0,e.h)(a.default,{content:"So many levels deep...",onShow:function(e){return e.reference.closest(".tippy-popper")._tippy.state.isVisible}},(0,e.h)("button",{class:"btn",style:{margin:0}},"Action"))))},(0,e.h)("a",{style:{cursor:"pointer"}},"Open submenu >"))))},(0,e.h)("button",{class:"btn"},"Dropdown nesting (click)")),(0,e.h)(a.default,{content:"I'm hugging the tooltip!",distance:0,animation:"fade",animateFill:!1},(0,e.h)("button",{class:"btn"},"Distance")),(0,e.h)(a.default,{content:"I'm offset by 10px on the x-axis, and 50px on the y-axis",offset:"10, 50",animation:"fade",animateFill:!1},(0,e.h)("button",{class:"btn"},"Offset"))))};exports.default=l;
  },{"hyperapp":"/xJO","../../assets/img/logo.svg":"THmT","../components/Tippy":"9NgT","../components/Emoji":"NLY6"}],"eb7U":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),r=require("../utils"),t=function(t){return function(n,i){var s=(0,r.toKebabCase)(t+i.find(function(e){return"string"==typeof e}));return(0,e.h)("h3",{id:s,class:"section__subheading"},(0,e.h)("a",{href:"#"+s},i))}},n=function(n,i){if("string"==typeof n)return t(n);var s=(0,r.toKebabCase)(i[0]),a=(0,e.h)("a",{href:"#"+s},i);return(0,e.h)("div",{class:"section__heading-wrapper"},(0,e.h)("h2",{class:"section__heading"},a))};exports.default=n;
  },{"hyperapp":"/xJO","../utils":"8MgT"}],"Gj7U":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),r=require("../utils"),t=u(require("./Emoji")),i=u(require("./Heading"));function u(e){return e&&e.__esModule?e:{default:e}}var a=function(u,a){var s=u.title,o=u.emoji;return(0,e.h)("section",{class:"section",id:(0,r.toKebabCase)(s)},(0,e.h)(t.default,{class:"section__icon-wrapper",size:"large"},o),(0,e.h)(i.default,null,s),a)};exports.default=a;
  },{"hyperapp":"/xJO","../utils":"8MgT","./Emoji":"NLY6","./Heading":"eb7U"}],"FkUG":[function(require,module,exports) {
  var global = arguments[3];
  var e=arguments[3];function t(){r.languages.insertBefore("javascript","keyword",{module:{pattern:/\b(?:import|as|export|from|default)\b/,alias:"keyword"}}),r.languages.insertBefore("javascript","punctuation",{definition:{pattern:/[a-z]\w*(?=:)/i,lookbehind:!0,alias:"property"},access:{pattern:/(\.\s*)[a-z_$][\w$]*/i,lookbehind:!0,alias:"property"},"variable ":{pattern:/\b(?:window|document|navigator|performance|localStorage|Element)\b/,alias:"dom"},console:/\bconsole\b/}),r.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"punctuation"},arrow:{pattern:/=>/,alias:"operator"}}),r.languages.insertBefore("javascript","function",{method:{pattern:/(\.\s*)[a-z_$][\w$]*(?=(\())/i,lookbehind:!0,alias:"function"}})}function a(){return[{pattern:/(function(?:\s+[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)[^\s()][^()]*?(?=\s*\))/,lookbehind:!0,inside:r.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/,inside:r.languages.javascript},{pattern:/(\(\s*)[^\s()][^()]*?(?=\s*\)\s*=>)/,lookbehind:!0,inside:r.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*)[^\s()][^()]*?(?=\s*\)\s*\{)/,lookbehind:!0,inside:r.languages.javascript}]}var n="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},r=function(){var e=/\blang(?:uage)?-([\w-]+)\b/i,t=0,a=n.Prism={manual:n.Prism&&n.Prism.manual,disableWorkerMessageHandler:n.Prism&&n.Prism.disableWorkerMessageHandler,util:{encode:function(e){return e instanceof r?new r(e.type,a.util.encode(e.content),e.alias):"Array"===a.util.type(e)?e.map(a.util.encode):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function(e,t){var n=a.util.type(e);switch(t=t||{},n){case"Object":if(t[a.util.objId(e)])return t[a.util.objId(e)];i={};for(var r in t[a.util.objId(e)]=i,e)e.hasOwnProperty(r)&&(i[r]=a.util.clone(e[r],t));return i;case"Array":if(t[a.util.objId(e)])return t[a.util.objId(e)];var i=[];return t[a.util.objId(e)]=i,e.forEach(function(e,n){i[n]=a.util.clone(e,t)}),i}return e}},languages:{extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var r in t)n[r]=t[r];return n},insertBefore:function(e,t,n,r){var i=(r=r||a.languages)[e];if(2==arguments.length){for(var s in n=arguments[1])n.hasOwnProperty(s)&&(i[s]=n[s]);return i}var o={};for(var l in i)if(i.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(o[s]=n[s]);o[l]=i[l]}return a.languages.DFS(a.languages,function(t,a){a===r[e]&&t!=e&&(this[t]=o)}),r[e]=o},DFS:function(e,t,n,r){for(var i in r=r||{},e)e.hasOwnProperty(i)&&(t.call(e,i,e[i],n||i),"Object"!==a.util.type(e[i])||r[a.util.objId(e[i])]?"Array"!==a.util.type(e[i])||r[a.util.objId(e[i])]||(r[a.util.objId(e[i])]=!0,a.languages.DFS(e[i],t,i,r)):(r[a.util.objId(e[i])]=!0,a.languages.DFS(e[i],t,null,r)))}},plugins:{},highlightAll:function(e,t){a.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var r={callback:n,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};a.hooks.run("before-highlightall",r);for(var i,s=r.elements||e.querySelectorAll(r.selector),o=0;i=s[o++];)a.highlightElement(i,!0===t,r.callback)},highlightElement:function(t,r,i){for(var s,o,l=t;l&&!e.test(l.className);)l=l.parentNode;l&&(s=(l.className.match(e)||[,""])[1].toLowerCase(),o=a.languages[s]),t.className=t.className.replace(e,"").replace(/\s+/g," ")+" language-"+s,t.parentNode&&(l=t.parentNode,/pre/i.test(l.nodeName)&&(l.className=l.className.replace(e,"").replace(/\s+/g," ")+" language-"+s));var u={element:t,language:s,grammar:o,code:t.textContent};if(a.hooks.run("before-sanity-check",u),!u.code||!u.grammar)return u.code&&(a.hooks.run("before-highlight",u),u.element.textContent=u.code,a.hooks.run("after-highlight",u)),void a.hooks.run("complete",u);if(a.hooks.run("before-highlight",u),r&&n.Worker){var g=new Worker(a.filename);g.onmessage=function(e){u.highlightedCode=e.data,a.hooks.run("before-insert",u),u.element.innerHTML=u.highlightedCode,i&&i.call(u.element),a.hooks.run("after-highlight",u),a.hooks.run("complete",u)},g.postMessage(JSON.stringify({language:u.language,code:u.code,immediateClose:!0}))}else u.highlightedCode=a.highlight(u.code,u.grammar,u.language),a.hooks.run("before-insert",u),u.element.innerHTML=u.highlightedCode,i&&i.call(t),a.hooks.run("after-highlight",u),a.hooks.run("complete",u)},highlight:function(e,t,n){var i={code:e,grammar:t,language:n};return a.hooks.run("before-tokenize",i),i.tokens=a.tokenize(i.code,i.grammar),a.hooks.run("after-tokenize",i),r.stringify(a.util.encode(i.tokens),i.language)},matchGrammar:function(e,t,n,r,i,s,o){var l=a.Token;for(var u in n)if(n.hasOwnProperty(u)&&n[u]){if(u==o)return;var g=n[u];g="Array"===a.util.type(g)?g:[g];for(var c=0;c<g.length;++c){var d=g[c],p=d.inside,h=!!d.lookbehind,f=!!d.greedy,m=0,b=d.alias;if(f&&!d.pattern.global){var y=d.pattern.toString().match(/[imuy]*$/)[0];d.pattern=RegExp(d.pattern.source,y+"g")}d=d.pattern||d;for(var v=r,k=i;v<t.length;k+=t[v].length,++v){var w=t[v];if(t.length>e.length)return;if(!(w instanceof l)){if(f&&v!=t.length-1){if(d.lastIndex=k,!($=d.exec(e)))break;for(var F=$.index+(h?$[1].length:0),x=$.index+$[0].length,A=v,j=k,S=t.length;A<S&&(j<x||!t[A].type&&!t[A-1].greedy);++A)F>=(j+=t[A].length)&&(++v,k=j);if(t[v]instanceof l)continue;N=A-v,w=e.slice(k,j),$.index-=k}else{d.lastIndex=0;var $=d.exec(w),N=1}if($){h&&(m=$[1]?$[1].length:0);x=(F=$.index+m)+($=$[0].slice(m)).length;var C=w.slice(0,F),P=w.slice(x),E=[v,N];C&&(++v,k+=C.length,E.push(C));var z=new l(u,p?a.tokenize($,p):$,b,$,f);if(E.push(z),P&&E.push(P),Array.prototype.splice.apply(t,E),1!=N&&a.matchGrammar(e,t,n,v,k,!0,u),s)break}else if(s)break}}}}},tokenize:function(e,t,n){var r=[e],i=t.rest;if(i){for(var s in i)t[s]=i[s];delete t.rest}return a.matchGrammar(e,r,t,0,0,!1),r},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var r,i=0;r=n[i++];)r(t)}}},r=a.Token=function(e,t,a,n,r){this.type=e,this.content=t,this.alias=a,this.length=0|(n||"").length,this.greedy=!!r};if(r.stringify=function(e,t,n){if("string"==typeof e)return e;if("Array"===a.util.type(e))return e.map(function(a){return r.stringify(a,t,e)}).join("");var i={type:e.type,content:r.stringify(e.content,t,n),tag:"span",classes:["token",e.type],attributes:{},language:t,parent:n};if(e.alias){var s="Array"===a.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(i.classes,s)}a.hooks.run("wrap",i);var o=Object.keys(i.attributes).map(function(e){return e+'="'+(i.attributes[e]||"").replace(/"/g,"&quot;")+'"'}).join(" ");return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+(o?" "+o:"")+">"+i.content+"</"+i.tag+">"},!n.document)return n.addEventListener?(a.disableWorkerMessageHandler||n.addEventListener("message",function(e){var t=JSON.parse(e.data),r=t.language,i=t.code,s=t.immediateClose;n.postMessage(a.highlight(i,a.languages[r],r)),s&&n.close()},!1),n.Prism):n.Prism;var i=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return i&&(a.filename=i.src,a.manual||i.hasAttribute("data-manual")||("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(a.highlightAll):window.setTimeout(a.highlightAll,16):document.addEventListener("DOMContentLoaded",a.highlightAll))),n.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=r),void 0!==e&&(e.Prism=r),r.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:/<!DOCTYPE[\s\S]+?>/i,cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+)/i,inside:{punctuation:[/^=/,{pattern:/(^|[^\\])["']/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},r.languages.markup.tag.inside["attr-value"].inside.entity=r.languages.markup.entity,r.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))}),r.languages.xml=r.languages.markup,r.languages.html=r.languages.markup,r.languages.mathml=r.languages.markup,r.languages.svg=r.languages.markup,r.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+?.*?(?:;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url\((?:(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,selector:/[^{}\s][^{};]*?(?=\s*\{)/,string:{pattern:/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/\B!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:]/},r.languages.css.atrule.inside.rest=r.languages.css,r.languages.markup&&(r.languages.insertBefore("markup","tag",{style:{pattern:/(<style[\s\S]*?>)[\s\S]*?(?=<\/style>)/i,lookbehind:!0,inside:r.languages.css,alias:"language-css",greedy:!0}}),r.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:r.languages.markup.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:r.languages.css}},alias:"language-css"}},r.languages.markup.tag)),r.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/[a-z0-9_]+(?=\()/i,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/},r.languages.javascript=r.languages.extend("clike",{keyword:/\b(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,number:/\b(?:0[xX][\dA-Fa-f]+|0[bB][01]+|0[oO][0-7]+|NaN|Infinity)\b|(?:\b\d+\.?\d*|\B\.\d+)(?:[Ee][+-]?\d+)?/,function:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*\()/i,operator:/-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/}),r.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(\[[^\]\r\n]+]|\\.|[^\/\\\[\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})\]]))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=\s*(?:function\b|(?:\([^()]*\)|[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/i,alias:"function"},parameter:a(),constant:/\b[A-Z][A-Z\d_]*\b/}),t(),r.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${[^}]+}|[^\\`])*`/,greedy:!0,inside:{interpolation:{pattern:/\${[^}]+}/,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}}}),r.languages.javascript["template-string"].inside.interpolation.inside.rest=r.languages.javascript,r.languages.markup&&r.languages.insertBefore("markup","tag",{script:{pattern:/(<script[\s\S]*?>)[\s\S]*?(?=<\/script>)/i,lookbehind:!0,inside:r.languages.javascript,alias:"language-javascript",greedy:!0}}),r.languages.js=r.languages.javascript,"undefined"!=typeof self&&self.Prism&&self.document&&document.querySelector&&(self.Prism.fileHighlight=function(){var e={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"};Array.prototype.slice.call(document.querySelectorAll("pre[data-src]")).forEach(function(t){for(var a,n=t.getAttribute("data-src"),i=t,s=/\blang(?:uage)?-([\w-]+)\b/i;i&&!s.test(i.className);)i=i.parentNode;if(i&&(a=(t.className.match(s)||[,""])[1]),!a){var o=(n.match(/\.(\w+)$/)||[,""])[1];a=e[o]||o}var l=document.createElement("code");l.className="language-"+a,t.textContent="",l.textContent="Loading…",t.appendChild(l);var u=new XMLHttpRequest;u.open("GET",n,!0),u.onreadystatechange=function(){4==u.readyState&&(u.status<400&&u.responseText?(l.textContent=u.responseText,r.highlightElement(l)):u.status>=400?l.textContent="✖ Error "+u.status+" while fetching file: "+u.statusText:l.textContent="✖ Error: File does not exist or is empty")},u.send(null)}),r.plugins.toolbar&&r.plugins.toolbar.registerButton("download-file",function(e){var t=e.element.parentNode;if(t&&/pre/i.test(t.nodeName)&&t.hasAttribute("data-src")&&t.hasAttribute("data-download-link")){var a=t.getAttribute("data-src"),n=document.createElement("a");return n.textContent=t.getAttribute("data-download-link-label")||"Download",n.setAttribute("download",""),n.href=a,n}})},document.addEventListener("DOMContentLoaded",self.Prism.fileHighlight));
  },{}],"xXQk":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=r(require("../prism"));function r(e){return e&&e.__esModule?e:{default:e}}var s=function(e){return(e.match(/```(js|html|css|shell)/)||[])[1]},l=function(r){var l=r.content,a=r.lang,n=r.style,c=void 0===n?{}:n;return a=s(l||"")||a||"js",(0,e.h)("div",{class:"code-wrapper","data-lang":a},(0,e.h)("pre",{style:c},(0,e.h)("code",{oncreate:function(e){return t.default.highlightElement(e)},class:"lang-".concat(a)},l.replace(/```(js|html|css|shell)([\s\S]*)```/g,"$2").trim())))};exports.default=l;
  },{"hyperapp":"/xJO","../prism":"FkUG"}],"DMGl":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),r=function(r,t){var o=r.to;return(0,e.h)("a",{href:o,target:"_blank",rel:"noopener noreferrer"},t)};exports.default=r;
  },{"hyperapp":"/xJO"}],"+Ara":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Emojis=void 0;var e=require("hyperapp"),l=a(require("../components/Section")),t=a(require("../components/Heading")),s=a(require("../components/Emoji")),i=a(require("../components/Code")),o=a(require("../components/ExternalLink"));function a(e){return e&&e.__esModule?e:{default:e}}var n="Table of Contents",h=(0,t.default)(n),r={WHY:"🤔",GETTING_STARTED:"📦",CREATING_TOOLTIPS:"🔧",CUSTOMIZING_TOOLTIPS:"⚙️",ALL_OPTIONS:"🔮",OBJECTS:"🏷️",METHODS:"🕹",HTML_CONTENT:"🖼️",CREATING_CUSTOM_THEMES:"🖌️"};exports.Emojis=r;var T=function(){return(0,e.h)(l.default,{title:n,emoji:"🗺️"},(0,e.h)("ul",{class:"table-of-contents"},(0,e.h)("li",null,(0,e.h)("a",{href:"#why-use-tippy-js"},(0,e.h)(s.default,{size:"small"},r.WHY),"Why Use Tippy.js?")),(0,e.h)("li",null,(0,e.h)("a",{href:"#getting-started"},(0,e.h)(s.default,{size:"small"},r.GETTING_STARTED),"Getting Started")),(0,e.h)("li",null,(0,e.h)("a",{href:"#creating-tooltips"},(0,e.h)(s.default,{size:"small"},r.CREATING_TOOLTIPS),"Creating Tooltips")),(0,e.h)("li",null,(0,e.h)("a",{href:"#customizing-tooltips"},(0,e.h)(s.default,{size:"small"},r.CUSTOMIZING_TOOLTIPS),"Customizing Tooltips")),(0,e.h)("li",null,(0,e.h)("a",{href:"#all-options"},(0,e.h)(s.default,{size:"small"},r.ALL_OPTIONS),"All Options")),(0,e.h)("li",null,(0,e.h)("a",{href:"#objects"},(0,e.h)(s.default,{size:"small"},r.OBJECTS),"Objects")),(0,e.h)("li",null,(0,e.h)("a",{href:"#methods"},(0,e.h)(s.default,{size:"small"},r.METHODS),"Methods")),(0,e.h)("li",null,(0,e.h)("a",{href:"#html-content"},(0,e.h)(s.default,{size:"small"},r.HTML_CONTENT),"HTML Content")),(0,e.h)("li",null,(0,e.h)("a",{href:"#creating-custom-themes"},(0,e.h)(s.default,{size:"small"},r.CREATING_CUSTOM_THEMES),"Creating Custom Themes"))))};exports.default=T;
  },{"hyperapp":"/xJO","../components/Section":"Gj7U","../components/Heading":"eb7U","../components/Emoji":"NLY6","../components/Code":"xXQk","../components/ExternalLink":"DMGl"}],"t75n":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),l=o(require("../components/Section")),i=require("./TableOfContents");function o(e){return e&&e.__esModule?e:{default:e}}var t="Why Use Tippy.js?",n=function(){return(0,e.h)(l.default,{title:t,emoji:i.Emojis.WHY},(0,e.h)("p",null,"You might be wondering why you should use a 14 kB JS library for tooltips and popovers instead of a CSS solution. Pure CSS tooltips are great for simple tooltips when the reference element is positioned in a certain way, but they:"),(0,e.h)("ul",null,(0,e.h)("li",null,"Will overflow when the tooltip is large and the reference is close to the window edge"),(0,e.h)("li",null,"Can't flip to stay optimally visible within the viewport"),(0,e.h)("li",null,"Can't follow the mouse cursor"),(0,e.h)("li",null,"Difficult to work with self-closing elements like ",(0,e.h)("code",null,"img")),(0,e.h)("li",null,"JavaScript is required for dynamic HTML content"),(0,e.h)("li",null,"JavaScript is required to perform side effects (e.g. AJAX)")),(0,e.h)("p",null,"In addition, Tippy automatically handles many use cases available declaratively in a simple option API. Options like"," ",(0,e.h)("code",null,"followCursor"),", ",(0,e.h)("code",null,"interactive"),", ",(0,e.h)("code",null,"touch"),","," ",(0,e.h)("code",null,"arrow"),", and the ",(0,e.h)("code",null,"on*")," lifecycle functions make dealing with tooltips & popovers a breeze."))};exports.default=n;
  },{"hyperapp":"/xJO","../components/Section":"Gj7U","./TableOfContents":"+Ara"}],"gXYA":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=u(require("../components/Section")),o=u(require("../components/Heading")),l=u(require("../components/Emoji")),i=u(require("../components/Code")),n=u(require("../components/ExternalLink")),s=require("./TableOfContents");function u(e){return e&&e.__esModule?e:{default:e}}var r="Getting Started",p=(0,o.default)(r),a=function(){return(0,e.h)(t.default,{title:r,emoji:s.Emojis.GETTING_STARTED},(0,e.h)(p,null,(0,e.h)(l.default,{class:"section__emoji"},"🔗")," Option 1: CDN"),(0,e.h)("p",null,"Include this script from the unpkg CDN in your HTML document before your own scripts:"),(0,e.h)(i.default,{lang:"html",content:'<script src="https://unpkg.com/tippy.js@3/dist/tippy.all.min.js"><\/script>'}),(0,e.h)("p",null,"It's recommended to place this at the bottom of the"," ",(0,e.h)("code",null,"<body>"),", or in the ",(0,e.h)("code",null,"<head>")," with a"," ",(0,e.h)("code",null,"defer")," attribute."),(0,e.h)(p,null,(0,e.h)(l.default,{class:"section__emoji"},"📦")," Option 2: Package Manager"),(0,e.h)("p",null,"Install using either npm or yarn:"),(0,e.h)(i.default,{lang:"shell",content:"npm i tippy.js"}),(0,e.h)(i.default,{lang:"shell",content:"yarn add tippy.js"}),(0,e.h)("p",null,"Then you can import the ",(0,e.h)("code",null,"tippy")," module:"),(0,e.h)(i.default,{content:"import tippy from 'tippy.js'"}),(0,e.h)("p",null,"You'll also need to import Tippy's CSS. With a module bundler like Webpack or Parcel, it can be imported directly:"),(0,e.h)(i.default,{content:"import 'tippy.js/dist/tippy.css'"}),(0,e.h)(p,null,(0,e.h)(l.default,{class:"section__emoji"},"🎁")," View Library Components"),(0,e.h)("p",null,"If you would like to use Tippy.js as a declarative component, there are wrappers available."),(0,e.h)("ul",null,(0,e.h)("li",null,(0,e.h)(n.default,{to:"https://github.com/atomiks/tippy.js-react"},"React"))),(0,e.h)(p,null,(0,e.h)(l.default,{class:"section__emoji"},"📁")," Files"),(0,e.h)("p",null,"Tippy builds a bunch of different files that can be used:"),(0,e.h)("ul",null,(0,e.h)("li",null,(0,e.h)("code",null,"tippy.all.js")," is all dependencies (Tippy + Popper + CSS) in a single file. The CSS is injected into the document head."),(0,e.h)("li",null,(0,e.h)("code",null,"tippy.js")," is Tippy + Popper together, without the CSS."),(0,e.h)("li",null,(0,e.h)("code",null,"tippy.standalone.js")," is Tippy by itself, without Popper or the CSS. This is useful if you are using a CDN and want to use the latest version of Popper.js if the bundled version is outdated, or use Popper itself for other things."),(0,e.h)("li",null,(0,e.h)("code",null,"tippy.css")," is Tippy's CSS stylesheet by itself.")),(0,e.h)("p",null,"There are also ",(0,e.h)("code",null,".min")," versions of the above, which means the file is minified for production use."),(0,e.h)(p,null,(0,e.h)(l.default,{class:"section__emoji"},"💻")," Browser support"),(0,e.h)("p",null,"Tippy is compatible with browsers with ",(0,e.h)("code",null,"requestAnimationFrame")," ","and ",(0,e.h)("code",null,"MutationObserver")," support (IE11+). This means most browsers from 2013 onwards, about 99% of desktop users and 95% of mobile users globally (mainly due to Opera Mini on mobile not being supported)."),(0,e.h)("p",null,"IE11 requires a ",(0,e.h)("code",null,"classList")," polyfill if using an SVG element as the reference."),(0,e.h)("p",null,"If you need to support old browsers too, you can set the native"," ",(0,e.h)("code",null,"title")," attribute on desktop. On unsupported mobile browsers (such as Opera Mini), it's best to inline the content next to the reference element."),(0,e.h)("p",null,(0,e.h)(l.default,{size:"small"},"⚠️"),"The code throughout this documentation is making use of new JavaScript features (ES6+) that old browsers don't support (such as IE11). If you're going to copy code from here, make sure to use"," ",(0,e.h)(n.default,{to:"https://babeljs.io"},"Babel")," to transpile it into ES5."))};exports.default=a;
  },{"hyperapp":"/xJO","../components/Section":"Gj7U","../components/Heading":"eb7U","../components/Emoji":"NLY6","../components/Code":"xXQk","../components/ExternalLink":"DMGl","./TableOfContents":"+Ara"}],"kgl8":[function(require,module,exports) {
  module.exports = "```js\nconst virtualReference = {\n  getBoundingClientRect() {\n    return {\n      width: 100,\n      height: 100,\n      top: 100,\n      left: 100,\n      right: 200,\n      bottom: 200\n    }\n  },\n  clientHeight: 100,\n  clientWidth: 100\n}\n\ntippy(virtualReference, { content: \"I'm a tooltip!\" })\n```\n"
  },{}],"5CBX":[function(require,module,exports) {
  module.exports = "```html\n<button data-tippy=\"I'm a tooltip!\">Text</button>\n```\n"
  },{}],"jYs9":[function(require,module,exports) {
  module.exports = "```html\n<button>Text</button>\n```\n"
  },{}],"GtDt":[function(require,module,exports) {
  module.exports = "```js\ntippy('button', { content: \"I'm a tooltip!\" })\n```\n"
  },{}],"1cyl":[function(require,module,exports) {
  module.exports = "```html\n<button class=\"btn\" data-tippy-content=\"Tooltip A\">Text</button>\n<button class=\"btn\" data-tippy-content=\"Tooltip B\">Text</button>\n<button class=\"btn\" data-tippy-content=\"Tooltip C\">Text</button>\n```\n"
  },{}],"zWiH":[function(require,module,exports) {
  module.exports = "```js\ntippy('.btn')\n```\n"
  },{}],"s9J6":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=function(t,s){return(0,e.h)("div",{class:"section__result"},(0,e.h)("p",{class:"section__result-text"},"Result:"),s)};exports.default=t;
  },{"hyperapp":"/xJO"}],"rRgD":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=m(require("../../snippets/virtual-reference")),n=m(require("../../snippets/auto-tippy-button")),o=m(require("../../snippets/function-button")),l=m(require("../../snippets/function-call")),u=m(require("../../snippets/multiple-content-html.md")),i=m(require("../../snippets/multiple-content-js.md")),a=m(require("../components/Section")),r=m(require("../components/Code")),s=m(require("../components/Emoji")),p=m(require("../components/Tippy")),c=m(require("../components/ResultBox")),h=m(require("../components/Heading")),d=m(require("../components/ExternalLink")),f=require("./TableOfContents");function m(e){return e&&e.__esModule?e:{default:e}}var y="Creating Tooltips",g=(0,h.default)(y),b=function(){return(0,e.h)(a.default,{title:y,emoji:f.Emojis.CREATING_TOOLTIPS},(0,e.h)(g,null,"Method 1: Auto"),(0,e.h)("p",null,"Give your reference element a ",(0,e.h)("code",null,"data-tippy")," attribute containing the tooltip content."),(0,e.h)(r.default,{content:n.default}),(0,e.h)("p",null,"When Tippy.js is loaded in the document, it will search for elements with the attribute and give them a tooltip automatically. This means you won't have to touch JavaScript at all."),(0,e.h)("p",null,(0,e.h)(s.default,{size:"small"},"⚠️")," The ",(0,e.h)("code",null,"data-tippy")," attribute only works on initial page load. If you have dynamically generated elements or are using a view library/framework (",(0,e.h)(d.default,{to:"https://github.com/atomiks/tippy.js-react"},"React"),", Vue, Angular), use Method 2 below, using ",(0,e.h)("code",null,"data-tippy-content")," ","instead of ",(0,e.h)("code",null,"data-tippy"),"."),(0,e.h)(g,null,"Method 2: Function"),(0,e.h)("p",null,"Use the ",(0,e.h)("code",null,"tippy")," function."),(0,e.h)(r.default,{content:o.default}),(0,e.h)(r.default,{content:l.default}),(0,e.h)(c.default,null,(0,e.h)(p.default,{content:"I'm a tooltip!"},(0,e.h)("button",{class:"btn"},"Text"))),(0,e.h)("p",null,"Using ",(0,e.h)("code",null,"data-tippy-content")," allows you to use the function for common custom configuration while giving each tooltip different content."),(0,e.h)(r.default,{content:u.default}),(0,e.h)(r.default,{content:i.default}),(0,e.h)(g,null,(0,e.h)(s.default,{class:"section__emoji"},"🎛")," Accepted inputs"),(0,e.h)("p",null,"A single"," ",(0,e.h)(p.default.secondary,{content:(0,e.h)("div",null,(0,e.h)("strong",null,"D"),"ocument ",(0,e.h)("strong",null,"O"),"bject ",(0,e.h)("strong",null,"M"),"odel - the tree structure of the HTML document where each node (such as a DIV tag) is represented by an object")},(0,e.h)("span",{tabindex:"0",class:"tippy"},"DOM"))," ",(0,e.h)("code",null,"Element")," (or an array of them) will work:"),(0,e.h)(r.default,{content:"tippy(document.querySelector('.btn'))"}),(0,e.h)("p",null,"As well as a ",(0,e.h)("code",null,"NodeList"),":"),(0,e.h)(r.default,{content:"tippy(document.querySelectorAll('.btn'))"}),(0,e.h)(g,null,(0,e.h)(s.default,{class:"section__emoji"},"🤯")," Advanced"),(0,e.h)("p",null,"You can use a virtual element as the positioning reference instead of a real element:"),(0,e.h)(r.default,{content:t.default}),(0,e.h)("p",null,"Popper.js uses these properties to determine the position of the tooltip."))};exports.default=b;
  },{"hyperapp":"/xJO","../../snippets/virtual-reference":"kgl8","../../snippets/auto-tippy-button":"5CBX","../../snippets/function-button":"jYs9","../../snippets/function-call":"GtDt","../../snippets/multiple-content-html.md":"1cyl","../../snippets/multiple-content-js.md":"zWiH","../components/Section":"Gj7U","../components/Code":"xXQk","../components/Emoji":"NLY6","../components/Tippy":"9NgT","../components/ResultBox":"s9J6","../components/Heading":"eb7U","../components/ExternalLink":"DMGl","./TableOfContents":"+Ara"}],"UTQn":[function(require,module,exports) {
  module.exports = "```html\n<button class=\"btn\">Text</button>\n```\n"
  },{}],"X4ph":[function(require,module,exports) {
  module.exports = "```js\ntippy('.btn', {\n  content: \"I'm a tooltip!\",\n  delay: 100,\n  arrow: true,\n  arrowType: 'round',\n  size: 'large',\n  duration: 500,\n  animation: 'scale'\n})\n```\n"
  },{}],"CflV":[function(require,module,exports) {
  module.exports = "```html\n<button\n  class=\"btn\"\n  data-tippy=\"I'm a Tippy tooltip!\"\n  data-tippy-delay=\"50\"\n  data-tippy-arrow=\"true\"\n  data-tippy-animation=\"shift-toward\"\n>\n  Text\n</button>\n```\n"
  },{}],"LVOu":[function(require,module,exports) {
  module.exports = "```js\ntippy.setDefaults({\n  arrow: true,\n  arrowType: 'round',\n  duration: 0\n})\n```\n"
  },{}],"4Evh":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=p(require("../../snippets/html-button.md")),o=p(require("../../snippets/options-object.md")),n=p(require("../../snippets/data-attributes.md")),i=p(require("../../snippets/set-defaults.md")),a=p(require("../components/Section")),u=p(require("../components/Emoji")),l=p(require("../components/Code")),s=p(require("../components/Tippy")),r=p(require("../components/ResultBox")),d=p(require("../components/Heading")),c=require("./TableOfContents");function p(e){return e&&e.__esModule?e:{default:e}}var h="Customizing Tooltips",f=(0,d.default)(h),m=function(){return(0,e.h)(a.default,{title:h,emoji:c.Emojis.CUSTOMIZING_TOOLTIPS},(0,e.h)("p",null,(0,e.h)("code",null,"tippy()")," takes an object of options as a second argument for you to configure the tooltips being created. Here's an example:"),(0,e.h)(l.default,{content:t.default}),(0,e.h)(l.default,{content:o.default}),(0,e.h)(r.default,null,(0,e.h)(s.default,{content:"I'm a tooltip!",delay:100,arrow:!0,arrowType:"round",size:"large",duration:500,animation:"scale"},(0,e.h)("button",{class:"btn"},"Text"))),(0,e.h)(f,null,(0,e.h)(u.default,{class:"section__emoji"},"🏷")," Data attributes"),(0,e.h)("p",null,"You can also specify options on the reference element itself by adding"," ",(0,e.h)("code",null,"data-tippy-*")," attributes. This will override the options specified in the instance."),(0,e.h)("p",null,"Used in conjunction with the Auto Method, you can give elements custom tooltips without ever touching JavaScript."),(0,e.h)(l.default,{content:n.default}),(0,e.h)(r.default,null,(0,e.h)(s.default,{delay:50,arrow:!0,animation:"shift-toward"},(0,e.h)("button",{class:"btn"},"Text"))),(0,e.h)(f,null,"Default config"),(0,e.h)("p",null,"Use the ",(0,e.h)("code",null,"tippy.setDefaults()")," method to change the default configuration for tippys. It will apply these settings to every future instance."),(0,e.h)(l.default,{content:i.default}),(0,e.h)("p",null,"Note that the auto-initializing function is deferred with"," ",(0,e.h)("code",null,"setTimeout()"),", which means you can change the default config before the tooltips are automatically created."))};exports.default=m;
  },{"hyperapp":"/xJO","../../snippets/html-button.md":"UTQn","../../snippets/options-object.md":"X4ph","../../snippets/data-attributes.md":"CflV","../../snippets/set-defaults.md":"LVOu","../components/Section":"Gj7U","../components/Emoji":"NLY6","../components/Code":"xXQk","../components/Tippy":"9NgT","../components/ResultBox":"s9J6","../components/Heading":"eb7U","./TableOfContents":"+Ara"}],"cS4R":[function(require,module,exports) {
  module.exports = "```js\nconst INITIAL_CONTENT = 'Loading...'\n\nconst state = {\n  isFetching: false,\n  canFetch: true\n}\n\ntippy('#ajax-tippy', {\n  content: INITIAL_CONTENT,\n  async onShow(tip) {\n    if (state.isFetching || !state.canFetch) return\n\n    state.isFetching = true\n    state.canFetch = false\n\n    try {\n      const response = await fetch('https://unsplash.it/200/?random')\n      const blob = await response.blob()\n      const url = URL.createObjectURL(blob)\n      if (tip.state.isVisible) {\n        const img = new Image()\n        img.width = 200\n        img.height = 200\n        img.src = url\n        tip.setContent(img)\n      }\n    } catch (e) {\n      tip.setContent(`Fetch failed. ${e}`)\n    } finally {\n      state.isFetching = false\n    }\n  },\n  onHidden(tip) {\n    state.canFetch = true\n    tip.setContent(INITIAL_CONTENT)\n  }\n})\n```\n"
  },{}],"pHxv":[function(require,module,exports) {
  module.exports = "```html\n<div id=\"parent\">\n  <div class=\"child\">Text</div>\n  <div class=\"child\">Text</div>\n  <div class=\"child\">Text</div>\n  <div class=\"other\">Text</div>\n</div>\n```\n"
  },{}],"sj0b":[function(require,module,exports) {
  module.exports = "```js\ntippy('#parent', {\n  content: 'Shared content',\n  target: '.child'\n})\n```\n"
  },{}],"lG2C":[function(require,module,exports) {
  module.exports = "```js\ntippy(ref, {\n  popperOptions: {\n    modifiers: {\n      preventOverflow: {\n        boundariesElement: 'window'\n      }\n    }\n  }\n})\n```\n"
  },{}],"GXfW":[function(require,module,exports) {
  module.exports = "```js\n// Disable the tooltip on touch devices\ntip.disableTouch()\n```\n"
  },{}],"uWGE":[function(require,module,exports) {
  module.exports = "```js\nwindow.addEventListener('scroll', () => tippy.hideAllPoppers())\n```\n"
  },{}],"Q7qI":[function(require,module,exports) {
  module.exports = "```js\nconst template = document.querySelector('#myTemplate')\ntippy(ref, {\n  content: template,\n  onShow() {\n    // Don't show if the tippy content contains a <strong> element.\n    if (template.querySelector('strong')) {\n      return false\n    }\n  },\n  onHide({ props }) {\n    // Don't hide if the tooltip has an arrow.\n    if (props.arrow) {\n      return false\n    }\n  }\n})\n```\n"
  },{}],"Y417":[function(require,module,exports) {
  module.exports = "```js\nconst button = document.querySelector('button')\nconst isIOS = /iPhone|iPad|iPod/.test(navigator.platform)\n\n/*==================================================\nMake iOS behave like Android (single tap to click)\n==================================================*/\nbutton.addEventListener('click', () => {\n  // Your logic\n})\ntippy(button, {\n  onShow() {\n    if (isIOS) {\n      button.click()\n    }\n  }\n})\n\n/*==================================================\nMake Android behave like iOS (double tap to click)\n==================================================*/\n// Useful function for dynamically determining the input type:\n// https://github.com/30-seconds/30-seconds-of-code#onuserinputchange\nlet isUsingTouch = false\nonUserInputChange(type => {\n  isUsingTouch = type === 'touch'\n})\n\nconst tip = tippy.one(button)\nbutton.addEventListener('click', () => {\n  if (isIOS || !isUsingTouch ? true : tip.state.isShown) {\n    // Your logic\n  }\n})\n```\n"
  },{}],"OXLd":[function(require,module,exports) {
  module.exports = "```js\ntippy(list, {\n  appendTo(ref) {\n    return ref.parentNode\n  }\n})\n```\n"
  },{}],"HkpL":[function(require,module,exports) {
  module.exports = "```js\ntippy(ref, {\n  wait(tip, event) {\n    // Delay by 200ms if\n    // trigger was not focus\n    setTimeout(\n      tip.show,\n      event.type === 'focus'\n        ? 0\n        : 200\n    )\n})\n```\n"
  },{}],"FSU5":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=require("../utils"),n=i(require("./Code")),a=i(require("./ExternalLink")),o=i(require("../../snippets/append-to")),l=i(require("../../snippets/wait"));function i(e){return e&&e.__esModule?e:{default:e}}var r=function(e){scroll(0,e.closest("tr").getBoundingClientRect().top-document.body.getBoundingClientRect().top-45)},h=function(n,a){var o=(0,t.toKebabCase)(n.name)+"-option";return(0,e.h)("tr",{id:o},(0,e.h)("td",null,(0,e.h)("code",{class:"prop"},(0,e.h)("a",{href:"#"+o,oncreate:function(e){setTimeout(function(){window.innerWidth>=992&&location.hash.split("#")[1]===o&&r(e)})},onclick:function(e){window.innerWidth>=992&&(e.preventDefault(),location.hash=o,r(e.currentTarget))}},n.name))),(0,e.h)("td",null,(0,e.h)("code",null,n.default)),(0,e.h)("td",null,Array.isArray(n.value)?n.value.map(function(t){return(0,e.h)("div",null,(0,e.h)("code",null,t))}):(0,e.h)("code",null,n.value)),(0,e.h)("td",null,a))},u=function(){return(0,e.h)("div",{class:"table-wrapper"},(0,e.h)("table",{class:"table",cellspacing:"0"},(0,e.h)("thead",null,(0,e.h)("tr",null,(0,e.h)("th",null,"Prop"),(0,e.h)("th",null,"Default"),(0,e.h)("th",null,"Value"),(0,e.h)("th",null,"Description"))),(0,e.h)("tbody",null,(0,e.h)(h,{name:"a11y",default:"true",value:"Boolean"},"If ",(0,e.h)("code",null,"true"),", ensures the reference element can receive focus by adding ",(0,e.h)("code",null,'tabindex="0"')," if the element is not natively focusable like a ",(0,e.h)("code",null,"button"),"."),(0,e.h)(h,{name:"allowHTML",default:"true",value:"Boolean"},"Determines if HTML can be rendered in the tippy."),(0,e.h)(h,{name:"animateFill",default:"true",value:"Boolean"},"Determines if the tippy's background fill should be animated. Disabled if ",(0,e.h)("code",null,"arrow: true"),"."),(0,e.h)(h,{name:"animation",default:'"shift-away"',value:['"fade"','"scale"','"shift-toward"','"perspective"','"shift-away"']},"The type of transition animation."),(0,e.h)(h,{name:"appendTo",default:"document.body",value:["Element","Function"]},"The element to append the tippy to. Use a function that returns an element to dynamically append the tippy relative to the reference element.",(0,e.h)(n.default,{content:o.default,style:{marginTop:"5px"}})),(0,e.h)(h,{name:"arrow",default:"false",value:"Boolean"},"Determines if an arrow should be added to the tippy pointing toward the reference element."),(0,e.h)(h,{name:"arrowType",default:'"sharp"',value:['"sharp"','"round"']},"The type of arrow. ",(0,e.h)("code",null,'"sharp"')," is a CSS triangle using the border method, while ",(0,e.h)("code",null,'"round"')," is a custom SVG shape."),(0,e.h)(h,{name:"arrowTransform",default:'""',value:['"scaleX(2)"','"scale(0.8)"']},"CSS transform to apply to the arrow. Only ",(0,e.h)("code",null,"scale")," and"," ",(0,e.h)("code",null,"translate")," are supported. It is dynamic. Apply the transform that you would normally give to a ",(0,e.h)("code",null,'"top"')," ","placement, even if the placement is different."),(0,e.h)(h,{name:"content",default:'""',value:["String","Element"]},"The content of the tippy."),(0,e.h)(h,{name:"delay",default:"[0, 20]",value:["Number","[show, hide]"]},"Delay in ms once a trigger event is fired before a tippy shows or hides. Use an array of numbers such as ",(0,e.h)("code",null,"[100, 500]")," to specify a different value for show and hide. Use ",(0,e.h)("code",null,"null")," in the array to use the default value, e.g. ",(0,e.h)("code",null,"[null, 50]"),"."),(0,e.h)(h,{name:"duration",default:"[275, 250]",value:["Number","[show, hide]"]},"Duration of the CSS transition animation in ms. Use an array of numbers such as ",(0,e.h)("code",null,"[100, 500]")," to specify a different value for show and hide. Add ",(0,e.h)("code",null,"null")," in the array to use the default value, e.g. ",(0,e.h)("code",null,"[null, 50]"),"."),(0,e.h)(h,{name:"distance",default:"10",value:"Number"},"How far in pixels the tippy element is from the reference element. Only applies to a single axis and not to the parent popper element, see"," ",(0,e.h)("a",{class:"link",href:"#offset-option"},"offset"),"."),(0,e.h)(h,{name:"flip",default:"true",value:"Boolean"},"Determines if the tippy flips so that it is placed within the viewport as best it can be if there is not enough room."),(0,e.h)(h,{name:"flipBehavior",default:'"flip"',value:['"flip"',"Array"]},"Determines the order of flipping, i.e. which placements to prefer if a certain placement cannot be used. Use an array such as"," ",(0,e.h)("code",null,'["bottom", "left"]'),' to prefer the "left" placement if "bottom" is unavailable. By default, it chooses the opposite axis, i.e. "top".'),(0,e.h)(h,{name:"followCursor",default:"false",value:["Boolean",'"vertical"','"horizontal"']},"Determines if the tippy follows the user's mouse cursor while showing. Use the strings ",(0,e.h)("code",null,'"vertical"')," or ",(0,e.h)("code",null,'"horizontal"'),"to only follow the cursor on a single axis."),(0,e.h)(h,{name:"hideOnClick",default:"true",value:["Boolean",'"toggle"']},"Determines if the tippy should hide if its reference element was clicked. For click-triggered tippys, using ",(0,e.h)("code",null,"false")," will prevent the tippy from ever hiding once it is showing. To prevent clicks outside of the tippy from hiding it but still allow it to be toggled, use the string ",(0,e.h)("code",null,'"toggle"'),"."),(0,e.h)(h,{name:"inertia",default:"false",value:"Boolean"},'Adds an attribute to the tippy element that changes the CSS transition timing function to add an inertial "slingshot" effect to the animation.'),(0,e.h)(h,{name:"interactive",default:"false",value:"Boolean"},"Determines if a tippy should be interactive, i.e. able to be hovered over or clicked without hiding."),(0,e.h)(h,{name:"interactiveBorder",default:"2",value:"Number"},"Determines the size of the invisible border around a tippy that will prevent it from hiding (only relevant for the hover trigger). Useful to prevent the tippy from accidentally hiding from clumsy cursor movements."),(0,e.h)(h,{name:"interactiveDebounce",default:"0",value:"Number"},"A number in ms that debounces the ",(0,e.h)("code",null,"onMouseMove")," handler which determines when the tippy should hide."),(0,e.h)(h,{name:"lazy",default:"true",value:"Boolean"},"By default, the ",(0,e.h)("code",null,"popperInstance")," (the positioning engine for the tippy) is lazily created. That is, it's only created when necessary (i.e. triggering the tippy for the first time). Setting this prop to ",(0,e.h)("code",null,"false")," allows you to access the instance synchronously without needing to show the tippy first."),(0,e.h)(h,{name:"livePlacement",default:"true",value:"Boolean"},"Determines if the popper instance should listen to scroll events. This means it will update the position on scroll. If you don't want the tippy to flip around when scrolling, and the tippy's reference is not in a scrollable container, you can set this to ",(0,e.h)("code",null,"false"),"."),(0,e.h)(h,{name:"multiple",default:"false",value:"Boolean"},"Determines if the reference can have multiple tippy instances."),(0,e.h)(h,{name:"offset",default:"0",value:"Number"},"An offset that Popper.js uses to offset the popper element. Can work with both the x and y axis, distinct from"," ",(0,e.h)("a",{href:"#distance-option"},"distance"),"."),(0,e.h)(h,{name:"onHidden",default:"noop",value:"Function"},"Lifecycle function invoked when the tippy has fully transitioned out."),(0,e.h)(h,{name:"onHide",default:"noop",value:"Function"},"Lifecycle function invoked when the tippy begins to transition out."),(0,e.h)(h,{name:"onMount",default:"noop",value:"Function"},"Lifecycle function invoked when the tippy has been mounted to the DOM."),(0,e.h)(h,{name:"onShow",default:"noop",value:"Function"},"Lifecycle function invoked when the tippy begins to transition in."),(0,e.h)(h,{name:"onShown",default:"noop",value:"Function"},"Lifecycle function invoked when the tippy has fully transitioned in."),(0,e.h)(h,{name:"performance",default:"false",value:"Boolean"},"If true, disables ",(0,e.h)("code",null,"data-tippy-*")," attributes which reduces init execution by half."),(0,e.h)(h,{name:"placement",default:'"top"',value:['"top"','"bottom"','"left"','"right"'],type:"string"},"Positions the tippy relative to its reference element. Use the suffix"," ",(0,e.h)("code",null,"-start")," or ",(0,e.h)("code",null,"-end")," to shift the tippy to the start or end of the reference element, instead of centering it. For example, ",(0,e.h)("code",null,"top-start")," or ",(0,e.h)("code",null,"left-end"),"."),(0,e.h)(h,{name:"popperOptions",default:"{}",value:"Object"},"Specify custom Popper.js options. See the"," ",(0,e.h)(a.default,{to:"https://popper.js.org/popper-documentation.html"},"Popper.js documentation")," ","for more."),(0,e.h)(h,{name:"shouldPopperHideOnBlur",default:"(FocusOutEvent) => true",value:"Function"},"A function that returns a boolean to determine if the popper element should hide if it's blurred (applies only if interactive)."," ",(0,e.h)("span",{style:{display:"block",marginBottom:"10px"}}),"If the popper element is blurred (i.e. no elements within it are in focus), the popper is hidden. However, there are cases in which you may need to keep it visible even when not in focus."),(0,e.h)(h,{name:"showOnInit",default:"false",value:"Boolean"},"If ",(0,e.h)("code",null,"true"),", the tooltip will be shown immediately once the instance is created. If using on page load, use"," ",(0,e.h)("code",null,"sticky: true")," because the reference element can move around while the layout gets built by the browser after initialization (unless the layout is guaranteed to be static)."),(0,e.h)(h,{name:"size",default:'"regular"',value:['"small"','"regular"','"large"']},"The size of the tippy."),(0,e.h)(h,{name:"sticky",default:"false",value:"Boolean"},"Ensures the tippy stays stuck to its reference element if it moves around while showing."),(0,e.h)(h,{name:"target",default:'""',value:"String"},"CSS selector used for event delegation."),(0,e.h)(h,{name:"theme",default:'"dark"',value:"String"},"Themes added as classes (each separated by a space) to the tippy's class list, which adds a ",(0,e.h)("code",null,"-theme")," suffix, i.e."," ",(0,e.h)("code",null,'"dark-theme"'),"."),(0,e.h)(h,{name:"touch",default:"true",value:"Boolean"},"Determines if the tippy displays on touch devices."),(0,e.h)(h,{name:"touchHold",default:"false",value:"Boolean"},"Determines trigger behavior on touch devices. Instead of a tap on the reference to show and a tap elsewhere to hide the tippy, the reference must be pressed and held for the tippy to show. Letting go from the screen will hide it. To prevent the mobile context menu from appearing, ensure the element cannot be selected using"," ",(0,e.h)("code",null,"user-select: none;")," and/or prevent the default behavior for the ",(0,e.h)("code",null,"contextmenu")," event."),(0,e.h)(h,{name:"trigger",default:'"mouseenter focus"',value:['"mouseenter"','"focus"','"click"','"manual"']},"The events (each separated by a space) which cause a tippy to show. Use manual to only trigger the tippy programmatically."),(0,e.h)(h,{name:"updateDuration",default:"200",value:"Number"},"The transition duration between position updates for the"," ",(0,e.h)("code",null,"sticky")," option. Set to ",(0,e.h)("code",null,"0")," to prevent flips from transitioning."),(0,e.h)(h,{name:"wait",default:"null",value:"Function"},"A function that, when defined, will wait until you manually invoke"," ",(0,e.h)("code",null,"show()")," when a tippy is triggered. It takes the tippy instance and the trigger event as arguments.",(0,e.h)(n.default,{content:l.default,style:{marginTop:"5px"}})),(0,e.h)(h,{name:"zIndex",default:"9999",value:"Number"},"The ",(0,e.h)("code",null,"z-index")," of the popper element."))))};exports.default=u;
  },{"hyperapp":"/xJO","../utils":"8MgT","./Code":"xXQk","./ExternalLink":"DMGl","../../snippets/append-to":"OXLd","../../snippets/wait":"HkpL"}],"DSK+":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=b(require("../../snippets/ajax")),n=b(require("../../snippets/event-delegation-html")),i=b(require("../../snippets/event-delegation-js")),o=b(require("../../snippets/scrollable-container")),l=b(require("../../snippets/disable-touch")),s=b(require("../../snippets/hide-tooltips-on-scroll")),a=b(require("../../snippets/cancel-lifecycle-function")),h=b(require("../../snippets/buttons-with-tooltips-touch")),r=b(require("../components/Section")),u=b(require("../components/Emoji")),c=b(require("../components/Code")),p=b(require("../components/Heading")),d=b(require("../components/ResultBox")),f=b(require("../components/OptionsTable")),g=b(require("../components/Tippy")),m=b(require("../components/ExternalLink")),w=require("./TableOfContents");function b(e){return e&&e.__esModule?e:{default:e}}var y="All Options",v=(0,p.default)(y),q='<div style="margin:5px 0;">Loading...</div>',x=function(){return function(l,p){return(0,e.h)(r.default,{title:y,emoji:w.Emojis.ALL_OPTIONS},(0,e.h)("p",null,"Below is a list of all possible options you can pass to tippy."),(0,e.h)(f.default,null),(0,e.h)(v,null,(0,e.h)(u.default,{class:"section__emoji"},"🌐")," AJAX tooltips"),(0,e.h)("p",null,"Lifecycle functions allow you to do powerful things with tippys. Here's an example of dynamic content which on show, fetches a new random image from the Unsplash API."),(0,e.h)(d.default,null,(0,e.h)(g.default,{onShow:p.ajax.onShow,onHidden:p.ajax.onHidden,arrow:!0,content:(0,e.h)("div",null,l.ajax.error&&"Loading failed",l.ajax.imageSrc?(0,e.h)("img",{style:{display:"block"},width:"200",height:"200",src:l.ajax.imageSrc,alt:"Unsplash image"}):"Loading...")},(0,e.h)("button",{class:"btn"},"Hover for a new image"))),(0,e.h)(c.default,{content:t.default}),(0,e.h)("p",null,"Note that if you don't specify the dimensions of the image (",(0,e.h)("code",null,"width")," and ",(0,e.h)("code",null,"height"),"), the tooltip will be positioned incorrectly once it loads. This is because the position of the tooltip is updated before the image's dimensions become known by the browser."),(0,e.h)("p",null,(0,e.h)("strong",null,"Improved animation with a height transition")),(0,e.h)(d.default,null,(0,e.h)(g.default,{animation:"fade",animateFill:!1,duration:200,theme:"ajax",onShow:function(e){if(!0!==e.state.isFetching&&!1!==e.state.canFetch){e.state.isFetching=!0,e.state.canFetch=!1;var t=e.popper,n=e.popperChildren,i=n.tooltip,o=n.content;t.style.width="200px",fetch("https://unsplash.it/200/?random").then(function(e){return e.blob()}).then(function(n){e.state.isFetching=!1;var l=URL.createObjectURL(n);if(e.state.isVisible){var s=new Image;s.width=200,s.height=200,s.src=l,e._transitionEndListener||(e._transitionEndListener=function(t){t.target===t.currentTarget&&(o.style.opacity="1",e.setContent(s))}),i.addEventListener("transitionend",e._transitionEndListener),e._baseHeight||(e._baseHeight=i.clientHeight),o.style.opacity="0",e.setContent(s);var a=i.clientHeight;t.style.height=a+"px",i.style.height=e._baseHeight+"px",i.offsetHeight,i.style.height=a+"px",e.setContent("")}}).catch(function(){e.state.isFetching=!1})}},onHidden:function(e){e.state.canFetch=!0,e.setContent(q);var t=e.popperChildren.tooltip;t.style.height=null,t.removeEventListener("transitionend",e._transitionEndListener),e._transitionEndListener=null},content:q},(0,e.h)("button",{class:"btn"},"Hover for a new image"))),(0,e.h)("p",null,"See the"," ",(0,e.h)(m.default,{to:"https://codepen.io/atomiks/pen/LgjMbW"},"CodePen demo"),"."),(0,e.h)(v,null,(0,e.h)(u.default,{class:"section__emoji"},"📡")," Event delegation"),(0,e.h)("p",null,"Event delegation only requires minimal setup. Your setup should look similar to this, with a parent element wrapping the child elements you would like to give tooltips to:"),(0,e.h)(c.default,{content:n.default}),(0,e.h)("p",null,"Then, specify a CSS selector as the ",(0,e.h)("code",null,"target")," that matches child elements which should receive tooltips"),(0,e.h)(c.default,{content:i.default}),(0,e.h)("p",null,(0,e.h)(u.default,{size:"small"},"⚠️"),"Avoid binding a Tippy instance to the body, as"," ",(0,e.h)("code",null,"mouseover / mouseout")," events will constantly fire as the cursor moves over the page. Instead, give it to the nearest possible parent element."),(0,e.h)(v,null,"Tooltips inside a scrollable container"),(0,e.h)("p",null,"Add the following options to prevent the tippy from staying stuck within the viewport."),(0,e.h)(c.default,{content:o.default}),(0,e.h)(v,null,"Hiding tooltips on scroll"),(0,e.h)("p",null,"In some cases it may be desirable to hide tooltips when scrolling (for example, on touch devices)."),(0,e.h)(c.default,{content:s.default}),(0,e.h)(v,null,"Cancel tooltips from showing or hiding"),(0,e.h)("p",null,"If you return ",(0,e.h)("code",null,"false")," in the ",(0,e.h)("code",null,"onShow")," or"," ",(0,e.h)("code",null,"onHide")," lifecycle function, it will cancel the operation. Note that this is synchronous, so it won't wait for an AJAX request, etc."),(0,e.h)(c.default,{content:a.default}),(0,e.h)(v,null,"Buttons with tooltips on touch devices"),(0,e.h)("p",null,"A tooltip on a button is generally used to convey information before the user decides to click on it. On touch devices, this isn't possible because a tap is required to show the tooltip, which will fire a click event."),(0,e.h)("p",null,"On iOS, a tap will show the tooltip but click events won't fire until a second tap. This allows the user to see the tooltip before deciding to click the button. On Android, clicking the button will show the tooltip and also fire a click event."),(0,e.h)("p",null,"Depending on your use case, one of these will be preferred, so user agent checking may be needed. If neither behavior is preferred, consider using the ",(0,e.h)("code",null,"touchHold: true")," option which allows the user to see the tooltip while pressing and holding the button, but won't fire a click event unless the click appears to be intentional."),(0,e.h)(c.default,{content:h.default}))}};exports.default=x;
  },{"hyperapp":"/xJO","../../snippets/ajax":"cS4R","../../snippets/event-delegation-html":"pHxv","../../snippets/event-delegation-js":"sj0b","../../snippets/scrollable-container":"lG2C","../../snippets/disable-touch":"GXfW","../../snippets/hide-tooltips-on-scroll":"uWGE","../../snippets/cancel-lifecycle-function":"Q7qI","../../snippets/buttons-with-tooltips-touch":"Y417","../components/Section":"Gj7U","../components/Emoji":"NLY6","../components/Code":"xXQk","../components/Heading":"eb7U","../components/ResultBox":"s9J6","../components/OptionsTable":"FSU5","../components/Tippy":"9NgT","../components/ExternalLink":"DMGl","./TableOfContents":"+Ara"}],"7RoI":[function(require,module,exports) {
  module.exports = "```js\n{\n  // Targets that should receive a tippy\n  targets: '.btn',\n\n  // Default props + options merged together\n  props: { ... },\n\n  // Array of all instances that were created\n  instances: [tip, tip, tip, ...],\n\n  // Method to destroy all the tooltips that were created\n  destroyAll() { ... }\n}\n```\n"
  },{}],"K4l0":[function(require,module,exports) {
  module.exports = "```js\n{\n  // id of the instance (1 to Infinity)\n  id: 1,\n\n  // Reference element that is the trigger for the tooltip\n  reference: Element,\n\n  // Popper element that contains the tooltip\n  popper: Element,\n\n  // Object that contains the child elements of the popper element\n  popperChildren: { ... },\n\n  // Popper instance is not created until shown for the first time,\n  // unless specified otherwise\n  popperInstance: null,\n\n  // Instance props + attribute options merged together\n  props: { ... },\n\n  // The state of the instance\n  state: {\n    // Has the instance been destroyed?\n    isDestroyed: false,\n    // Is the instance enabled?\n    isEnabled: true,\n    // Is the tooltip currently visible and not transitioning out?\n    isVisible: false,\n    // Is the tooltip currently mounted to the DOM?\n    isMounted: false,\n    // Is the tooltip currently fully showing and not transitioning out or in?\n    isShown: false\n  },\n\n  // Also contains methods, which you'll learn in the next section\n}\n```\n"
  },{}],"Ss2Z":[function(require,module,exports) {
  module.exports = "```js\ntippy('.btn')\nconst btn = document.querySelector('.btn')\nconst tip = btn._tippy\n```\n"
  },{}],"47LL":[function(require,module,exports) {
  module.exports = "```js\n// The popper element has the instance attached to it:\npopper._tippy\n// As does the reference element (as seen above):\nreference._tippy\n```\n"
  },{}],"NJKj":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=s(require("../../snippets/tip-collection")),n=s(require("../../snippets/tip-instance")),o=s(require("../../snippets/access-tippy-instance")),l=s(require("../../snippets/shortcuts")),i=s(require("../components/Section")),u=s(require("../components/Emoji")),a=s(require("../components/Code")),c=s(require("../components/Heading")),p=require("./TableOfContents");function s(e){return e&&e.__esModule?e:{default:e}}var r="Objects",h=(0,c.default)(r),d=function(){return(0,e.h)(i.default,{title:r,emoji:p.Emojis.OBJECTS},(0,e.h)("p",null,"When using Tippy.js, there are two types of objects to think about: collections and instances."),(0,e.h)(h,null,"Collections"),(0,e.h)("p",null,"Whenever you call ",(0,e.h)("code",null,"tippy()"),", you are potentially creating many tippys at once. It returns an object containing information about the tippys you created."),(0,e.h)(a.default,{content:"const tipCollection = tippy('.btn')"}),(0,e.h)("p",null,(0,e.h)("code",null,"tipCollection")," is a plain object."),(0,e.h)(a.default,{content:t.default}),(0,e.h)(h,null,"Tippy instances"),(0,e.h)("p",null,"Stored on reference elements via the ",(0,e.h)("code",null,"_tippy")," property, and inside the ",(0,e.h)("code",null,"instances")," array of the collection."),(0,e.h)(a.default,{content:o.default}),(0,e.h)("p",null,"Alternatively, you can use the ",(0,e.h)("code",null,"tippy.one()")," method to return the instance directly, because only a single tippy is created."),(0,e.h)(a.default,{content:"const tip = tippy.one('.btn')"}),(0,e.h)("p",null,(0,e.h)("code",null,"tip")," is also a plain object."),(0,e.h)(a.default,{content:n.default}),(0,e.h)(h,null,"Shortcuts"),(0,e.h)("p",null,"There are a couple of shortcuts available for accessing the instance."),(0,e.h)(a.default,{content:l.default}))};exports.default=d;
  },{"hyperapp":"/xJO","../../snippets/tip-collection":"7RoI","../../snippets/tip-instance":"K4l0","../../snippets/access-tippy-instance":"Ss2Z","../../snippets/shortcuts":"47LL","../components/Section":"Gj7U","../components/Emoji":"NLY6","../components/Code":"xXQk","../components/Heading":"eb7U","./TableOfContents":"+Ara"}],"HB1c":[function(require,module,exports) {
  module.exports = "```js\ntip.set({\n  content: 'New content',\n  arrow: true,\n  duration: 1000,\n  animation: 'perspective'\n})\n```\n"
  },{}],"oU1m":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=h(require("../../snippets/set-method")),n=h(require("../components/Section")),o=h(require("../components/Heading")),l=h(require("../components/Emoji")),i=h(require("../components/Code")),p=h(require("../components/ResultBox")),r=h(require("../components/Tippy")),a=require("./TableOfContents");function h(e){return e&&e.__esModule?e:{default:e}}var u="Methods",s=(0,o.default)(u),d=function(){return(0,e.h)(n.default,{title:u,emoji:a.Emojis.METHODS},(0,e.h)("p",null,"Tippy instances have 7 methods available which allow you to control the tooltip without the use of UI events."),(0,e.h)(i.default,{lang:"html",content:'<button data-tippy="Hello">Text</button>'}),(0,e.h)(i.default,{content:"const btn = document.querySelector('button')"}),(0,e.h)("p",null,"The Tippy instance is stored on the button element via the"," ",(0,e.h)("code",null,"_tippy")," property."," "),(0,e.h)(i.default,{content:"const tip = btn._tippy"}),(0,e.h)("blockquote",{class:"blockquote"},(0,e.h)("strong",null,"Why is it prefixed with an underscore?")," Since we're attaching a non-standard property to an ",(0,e.h)("code",null,"Element"),", we prefix it with an underscore. In the future, there may exist a real"," ",(0,e.h)("code",null,"tippy")," property of elements that would get overwritten by the library, and real DOM properties are never prefixed with an underscore."),(0,e.h)(s,null,"Show the tooltip"),(0,e.h)(i.default,{content:"tip.show()"}),(0,e.h)(s,null,"Hide the tooltip"),(0,e.h)(i.default,{content:"tip.hide()"}),(0,e.h)(s,null,"Custom transition duration"),(0,e.h)("p",null,"Pass a number in as an argument to override the instance option:"),(0,e.h)(i.default,{content:"tip.show(200)"}),(0,e.h)(s,null,"Disable the tooltip"),(0,e.h)("p",null,"The tooltip can be temporarily disabled from showing/hiding:"),(0,e.h)(i.default,{content:"tip.disable()"}),(0,e.h)("p",null,"To re-enable:"),(0,e.h)(i.default,{content:"tip.enable()"}),(0,e.h)(s,null,"Destroy the tooltip"),(0,e.h)("p",null,"To permanently destroy the tooltip and remove all listeners from the reference element:"),(0,e.h)(i.default,{content:"tip.destroy()"}),(0,e.h)("p",null,"The ",(0,e.h)("code",null,"_tippy")," property is deleted from the reference element upon destruction."),(0,e.h)(s,null,"Update the tooltip"),(0,e.h)("p",null,"Pass an object of new props to the ",(0,e.h)("code",null,"set()")," method to update the tooltip. The tooltip element will be redrawn to reflect the change."),(0,e.h)(i.default,{content:t.default}),(0,e.h)(s,null,"Update the tooltip content"),(0,e.h)("p",null,"There is a shortcut for directly updating the tooltip content."),(0,e.h)(i.default,{content:"tip.setContent('New content')"}),(0,e.h)(s,null,"Static methods"),(0,e.h)("p",null,"There are a few static methods on the ",(0,e.h)("code",null,"tippy")," function itself. These methods are global and do not affect a single instance."),(0,e.h)("p",null,"Hide all visible poppers on the page:"),(0,e.h)(i.default,{content:"tippy.hideAllPoppers()"}),(0,e.h)("p",null,"Disable animation-related default props:"),(0,e.h)(i.default,{content:"tippy.disableAnimations()"}),(0,e.h)("p",null,"Set the default props for each new tippy instance:"),(0,e.h)(i.default,{content:"tippy.setDefaults(props)"}),(0,e.h)("p",null,"Create a single tooltip and return the instance directly:"),(0,e.h)(i.default,{content:"tippy.one(reference, options)"}))};exports.default=d;
  },{"hyperapp":"/xJO","../../snippets/set-method":"HB1c","../components/Section":"Gj7U","../components/Heading":"eb7U","../components/Emoji":"NLY6","../components/Code":"xXQk","../components/ResultBox":"s9J6","../components/Tippy":"9NgT","./TableOfContents":"+Ara"}],"yz7h":[function(require,module,exports) {
  module.exports = "```html\n<button class=\"btn\">Text</button>\n<div id=\"myTemplate\">\n  My HTML <strong style=\"color: pink;\">tooltip</strong> content\n</div>\n```\n"
  },{}],"Pkcm":[function(require,module,exports) {
  module.exports = "```js\ntippy('.btn', {\n  content: document.querySelector('#myTemplate')\n})\n```\n"
  },{}],"5ReZ":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=s(require("../../snippets/html-element")),n=s(require("../../snippets/html-element-js")),o=s(require("../components/Section")),l=s(require("../components/Heading")),r=s(require("../components/Emoji")),u=s(require("../components/Code")),i=s(require("../components/ResultBox")),p=s(require("../components/Tippy")),a=require("./TableOfContents");function s(e){return e&&e.__esModule?e:{default:e}}var c="HTML Content",d=(0,l.default)(c),h=function(){return(0,e.h)(o.default,{title:c,emoji:a.Emojis.HTML_CONTENT},(0,e.h)("p",null,"Along with using a string of HTML content, you can provide an"," ",(0,e.h)("code",null,"HTMLElement")," for the ",(0,e.h)("code",null,"content")," option."),(0,e.h)(u.default,{content:t.default}),(0,e.h)(u.default,{content:n.default}),(0,e.h)(i.default,null,(0,e.h)(p.default,{content:(0,e.h)("div",null,"My HTML ",(0,e.h)("strong",{style:{color:"pink"}},"tooltip")," content")},(0,e.h)("button",{class:"btn"},"I have an HTML template!"))),(0,e.h)("p",null,"Tippy will append the DOM element directly to the tooltip, so it will be removed from the page."),(0,e.h)("p",null,"What if you want to reuse it multiple times? There's a DOM method for deep-cloning a node."),(0,e.h)(u.default,{content:"const clone = document.querySelector('#myTemplate').cloneNode(true)"}))};exports.default=h;
  },{"hyperapp":"/xJO","../../snippets/html-element":"yz7h","../../snippets/html-element-js":"Pkcm","../components/Section":"Gj7U","../components/Heading":"eb7U","../components/Emoji":"NLY6","../components/Code":"xXQk","../components/ResultBox":"s9J6","../components/Tippy":"9NgT","./TableOfContents":"+Ara"}],"3kEb":[function(require,module,exports) {
  module.exports = "```css\n/* If `animateFill: true` (default) */\n.tippy-tooltip.honeybee-theme .tippy-backdrop {\n  background-color: yellow;\n  font-weight: bold;\n  color: #333;\n}\n\n/* If `animateFill: false` */\n.tippy-tooltip.honeybee-theme {\n  background-color: yellow;\n  border: 2px solid orange;\n  font-weight: bold;\n  color: #333;\n}\n```\n"
  },{}],"OoP+":[function(require,module,exports) {
  module.exports = "```js\ntippy('.btn', {\n  theme: 'honeybee'\n})\n```\n"
  },{}],"yqho":[function(require,module,exports) {
  module.exports = "```html\n<div class=\"tippy-popper\" x-placement=\"top\">\n  <div class=\"tippy-tooltip\">\n    <div class=\"tippy-content\">\n      My content\n    </div>\n  </div>\n</div>\n```\n"
  },{}],"LOKO":[function(require,module,exports) {
  module.exports = "```html\n<div class=\"tippy-popper\" x-placement=\"top\">\n  <div class=\"tippy-tooltip\">\n    <div class=\"tippy-backdrop\"></div> <!-- animateFill: true -->\n    <div class=\"tippy-arrow\"></div> <!-- arrow: true -->\n    <div class=\"tippy-content\">\n      My content\n    </div>\n  </div>\n</div>\n```\n"
  },{}],"aRe9":[function(require,module,exports) {
  module.exports = "```css\n/* Default (sharp) arrow */\n.tippy-popper[x-placement^='top'] .tippy-tooltip.light-theme .tippy-arrow {\n  border-top-color: #fff;\n}\n.tippy-popper[x-placement^='bottom'] .tippy-tooltip.light-theme .tippy-arrow {\n  border-bottom-color: #fff;\n}\n.tippy-popper[x-placement^='left'] .tippy-tooltip.light-theme .tippy-arrow {\n  border-left-color: #fff;\n}\n.tippy-popper[x-placement^='right'] .tippy-tooltip.light-theme .tippy-arrow {\n  border-right-color: #fff;\n}\n/* Round arrow */\n.tippy-tooltip.light-theme .tippy-roundarrow {\n  fill: #fff;\n}\n```\n"
  },{}],"kKBX":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),t=c(require("../../snippets/theme-css")),l=c(require("../../snippets/theme-js")),n=c(require("../../snippets/tippy-element")),o=c(require("../../snippets/tippy-element-arrow")),i=c(require("../../snippets/css-arrow-styles")),u=c(require("../components/Section")),h=c(require("../components/Emoji")),p=c(require("../components/Code")),s=c(require("../components/ResultBox")),r=c(require("../components/Tippy")),a=c(require("../components/Heading")),d=require("./TableOfContents");function c(e){return e&&e.__esModule?e:{default:e}}var f="Creating Custom Themes",m=(0,a.default)(f),y=function(){return(0,e.h)(u.default,{title:f,emoji:d.Emojis.CREATING_CUSTOM_THEMES},(0,e.h)(m,null,"Tippy element structure"),(0,e.h)("p",null,"To know what selectors to use, it's helpful to understand the structure of a tippy element."),(0,e.h)(p.default,{content:n.default}),(0,e.h)("p",null,"A tippy is essentially three nested ",(0,e.h)("code",null,"div"),"s."),(0,e.h)("ul",null,(0,e.h)("li",null,(0,e.h)("code",null,"tippy-popper")," is what Popper.js uses to position the tippy. You shouldn't apply any styles directly to this element, but you will need it when targeting a specific placement (",(0,e.h)("code",null,"x-placement"),")."),(0,e.h)("li",null,(0,e.h)("code",null,"tippy-tooltip")," is the actual tooltip. Use this to style the tooltip when ",(0,e.h)("code",null,"animateFill: false"),"."),(0,e.h)("li",null,(0,e.h)("code",null,"tippy-backdrop")," is the background fill of the tooltip. Use this when ",(0,e.h)("code",null,"animateFill: true"),"."),(0,e.h)("li",null,(0,e.h)("code",null,"tippy-content")," is anything inside the tooltip.")),(0,e.h)("p",null,"However, depending on the options you supply, additional elements may exist inside it, such as an arrow or backdrop (default) element."),(0,e.h)(p.default,{content:o.default}),(0,e.h)(m,null,"Creating a theme"),(0,e.h)("p",null,"If you wanted to make a theme called ",(0,e.h)("code",null,"honeybee"),", then your CSS would look like:"),(0,e.h)(p.default,{content:t.default}),(0,e.h)("p",null,"The ",(0,e.h)("code",null,"-theme")," suffix is required."),(0,e.h)("p",null,"To apply the theme to the tooltip, specify a ",(0,e.h)("code",null,"theme")," option"," ",(0,e.h)("em",null,"without")," the ",(0,e.h)("code",null,"-theme")," suffix:"),(0,e.h)(p.default,{content:l.default}),(0,e.h)(s.default,null,(0,e.h)(r.default,{theme:"honeybee",animateFill:!1},(0,e.h)("button",{class:"btn"},"Custom theme"))),(0,e.h)(m,null,"Styling the arrow"),(0,e.h)("p",null,"There are two arrow selectors: ",(0,e.h)("code",null,".tippy-arrow")," and"," ",(0,e.h)("code",null,".tippy-roundarrow"),". The first is the pure CSS triangle shape, while the second is a custom SVG."),(0,e.h)("p",null,"You will need to style the arrow for each different popper placement if using the default (sharp) arrow: top, bottom, left, right."),(0,e.h)(p.default,{content:i.default}))};exports.default=y;
  },{"hyperapp":"/xJO","../../snippets/theme-css":"3kEb","../../snippets/theme-js":"OoP+","../../snippets/tippy-element":"yqho","../../snippets/tippy-element-arrow":"LOKO","../../snippets/css-arrow-styles":"aRe9","../components/Section":"Gj7U","../components/Emoji":"NLY6","../components/Code":"xXQk","../components/ResultBox":"s9J6","../components/Tippy":"9NgT","../components/Heading":"eb7U","./TableOfContents":"+Ara"}],"QecC":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),u=h(require("./Demo")),l=h(require("./TableOfContents")),t=h(require("./Why")),r=h(require("./GettingStarted")),n=h(require("./CreatingTooltips")),i=h(require("./CustomizingTooltips")),a=h(require("./AllOptions")),d=h(require("./Objects")),o=h(require("./Methods")),s=h(require("./HTMLContent")),f=h(require("./CreatingCustomThemes"));function h(e){return e&&e.__esModule?e:{default:e}}var q=function(){return(0,e.h)("main",{class:"main"},(0,e.h)("div",{class:"container main__body"},(0,e.h)(u.default,null),(0,e.h)(l.default,null),(0,e.h)(t.default,null),(0,e.h)(r.default,null),(0,e.h)(n.default,null),(0,e.h)(i.default,null),(0,e.h)(a.default,null),(0,e.h)(d.default,null),(0,e.h)(o.default,null),(0,e.h)(s.default,null),(0,e.h)(f.default,null)))};exports.default=q;
  },{"hyperapp":"/xJO","./Demo":"vJwE","./TableOfContents":"+Ara","./Why":"t75n","./GettingStarted":"gXYA","./CreatingTooltips":"rRgD","./CustomizingTooltips":"4Evh","./AllOptions":"DSK+","./Objects":"NJKj","./Methods":"oU1m","./HTMLContent":"5ReZ","./CreatingCustomThemes":"kKBX"}],"kWCP":[function(require,module,exports) {
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("hyperapp"),r=u(require("./sections/Header")),t=u(require("./sections/Main"));function u(e){return e&&e.__esModule?e:{default:e}}var a=function(u,a){return(0,e.h)("div",{class:"app"},(0,e.h)(r.default,null),(0,e.h)(t.default,null))};exports.default=a;
  },{"hyperapp":"/xJO","./sections/Header":"JMd4","./sections/Main":"QecC"}],"Focm":[function(require,module,exports) {
  "use strict";require("../dist/tippy.css"),require("../dist/themes/light.css"),require("../dist/themes/translucent.css"),require("../dist/themes/light-border.css"),require("../dist/themes/google.css"),require("normalize.css"),require("./css/index.scss"),require("focus-visible");var e=require("hyperapp"),r=require("@hyperapp/render/browser/module"),s=require("./js/utils"),i=d(require("./js/state")),t=d(require("./js/actions")),u=d(require("./js/view"));function d(e){return e&&e.__esModule?e:{default:e}}var c=(0,r.withRender)(e.app)(i.default,t.default,u.default,s.isBrowser&&document.body);(0,s.prerender)(c,"<body>");
  },{"../dist/tippy.css":"NpIu","../dist/themes/light.css":"NpIu","../dist/themes/translucent.css":"NpIu","../dist/themes/light-border.css":"NpIu","../dist/themes/google.css":"NpIu","normalize.css":"NpIu","./css/index.scss":"NpIu","focus-visible":"vg5y","hyperapp":"/xJO","@hyperapp/render/browser/module":"320Q","./js/utils":"8MgT","./js/state":"7ceU","./js/actions":"fqC+","./js/view":"kWCP"}]},{},["Focm"], null)
  //# sourceMappingURL=website.a03904d0.map