Popper again

[jjagielka]

📑 Description

Popper re-written. Breaking changes
Features:

• decouple content from trigger - connection made via css query specified in triggeredBy parameter
• multiple trigger elements possible - Popper can be re-used from different places in the document
• use of the fade animation function from svelte instead of transition-opacity
• use of svelte if directive instead of visible opacity classes
• createPopper called only when content is open

Can you please do some testing before merge?
@AlessioGr can you check the behavior with SSR rendering?

✅ Checks

• My pull request adheres to the code style of this project
• My code requires changes to the documentation
• I have updated the documentation as required
• All the tests have passed
• My pull request is based on the latest commit (not the npm version).

ℹ Additional Information

Dropdown, Tooltip, Popover - old API left and some docs require further updates.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
flowbite-svelte	✅ Ready (Inspect)	Visit Preview	Aug 28, 2022 at 9:34PM (UTC)
flowbite-svelte-update	✅ Ready (Inspect)	Visit Preview	Aug 28, 2022 at 9:34PM (UTC)

[shinokada]

Since you are adding events on line 90, you don't need line from 111 to 114?

[jjagielka]

Line 90 adds the events to triggers i.e. buttons that will open/close the popup.
Line 111 to 114 are the events set on the popup it's self. This is needed when activeContent is set, to support moving or clicking the popup window. This is the major difference between Tooltip and Popover. In Tooltip you are unable to click or hover the tooltip content, in Popover you can.