CHANGELOG

Restart your app after updating the package.

4.1.0

[feature] Added tag prop and rest props type suggestion support with generic type support based on the tag prop.

IMPORTANT

There are breaking changes in this version.

[breaking] Use e.target instead of e.detail.target.
[breaking] OutClickEvent now returns pointerdown or pointerup or keydown, depending on how the outclick event is fired.
[breaking] Also, take a look at the migration guide below.
Exports OutClickEvent type.

Before:

<script>
    import OutClick from "svelte-outclick"
</script>

After:

<script>
    import { OutClick } from "svelte-outclick"
</script>

Before:

<OutClick on:outclick={() => {}}></OutClick>

After:

<OutClick onOutClick={() => {}}></OutClick>

[breaking] Renamed fullClick to halfClick (default: false).
[breaking] Renamed excludeByDomNode to excludeElements.
[breaking] Renamed excludeByQuerySelector to excludeQuerySelectorAll.
Now you can set the excludeElements prop to the element itself instead of wrapping it with an array.
Now the excludeQuerySelectorAll prop works the same as the JavaScript querySelectorAll method. It can contain values like "#element1, .element2" and ['#element1', '.element2'].
Added custom tag support. Now you can add a prop called tag to your OutClick component and change the wrapper tag. Added with the help of mdx-svelte-element.
Now you can add custom attributes to render on the wrapper. Added with the help of $$restProps.

[breaking] Removed useWrapper prop, because it was unnecessary.
[breaking] Removed the default class outclick from the wrapper.
[breaking] Renamed excludeByDOMNode to excludeByDomNode
[breaking] Added new fullClick prop. Now clicking outside requires pointerdown and pointerup to fire at outside of your element. Set it to false so pointerdown can fire the outclick event on its own.
Fix empty class attribute showing up when not using a class.
Fix empty style attribute showing up when using the class prop.