Make an initial version of juicy-tooltip

[warpech]

Juicy-tooltip should implement the following design (source):

With the following API:

<th>
<juicy-tooltip>
  <div slot="tooltip">If this option is on user can use regular expressions in route URI</div>
  Use regular expression
</juicy-tooltip>
</th>

Internally, it should use <juicy-popover position="beforetop center" expand-on="mouseover"> as implemented by:

• Add new positions: beforetop center & bottom center juicy-popover#18
• Expand on more events than just "mousedown" juicy-popover#19

---

The files in this repo can be based on https://github.com/Juicy/juicy-popover or https://github.com/Juicy/juicy-element-boilerplate

[warpech]

Actually, internally it should be:

<juicy-popover position="beforetop center, bottom center, bottom left, 
bottom beforeright, beforetop left, beforetop beforeright" expand-on="hover">

So that there are fallback positions if it does not fit on top.

[warpech]

I think that we could skip doing it as juicy-tooltip and do it as uni-tooltip instead. Usage:

Light DOM:

<table slot="table">
...
   <th title="Description ....">column header</th>
...
</table>

Shadow DOM

<uni-tooltip>
  <slot name="table></slot>
</uni-tooltip>

Uni-tooltip hijacks all title attributes and presents them as nice tooltips on mouse over.

@tomalec WDYT?

[tomalec]

Uni-tooltip hijacks all title attributes and presents them as nice tooltips on mouse over.

I'm mostly concerned about "all":

• how deep? is it just to for a table to support table>tbody|thead>tr>td|th, table>tr>td|th? then it's rather uni-table-tooltip
• should it also support dested distribution?

  <uni-tooltip>
  	  <my-table><slot name="table slot="my-table-data"></slot></my-table>
  </uni-tooltip>

Then, do you want to support any other tooltips content that text? How would you like to use icons, images, links?