Selection to have an on:change event

[sazzad-sat]

Currently there are no way to bind to let:selected data because of svelte's slot props limitations. A reasonable option can be including an event such as on:change to use it outside of the scope of Selection component.

<script>
  import { Selection } from "svelte-ux";

  let selectedOptions = []
</script>

<Selection
  let:selected
  on:change={(e: any) => {
    selectedOptions = e
  }}
>
  ...
</Selection>

{selectedOptions.length} // accessible outside

[techniq]

@sazzad-sat good feedback. Added in 0.76.0

Note: Selection is a lightweight state component wrapper around selectionStore and you can use the store directly if you need more imperative control.

Svelte UX will soon use @layerstack/* packages so you can also use import { selectionStore } from '@layerstack/svelte-stores' - https://www.layerstack.dev/docs/svelte-stores/selectionStore