svelecte

Fixes:

• ensure initial selection is reflected on internal <select> correctly (#220, #168)

Complete component overhaul 🥳

And this means some breaking changes, unfortunately.

Breaking changes 💥

• many, therefore check migration guide how to upgrade.

What's new? 🤩

• add parentValue prop to control state of given component
• add strictMode to toggle, whether accept or not any passed value
• add keepSelectionInList to allow control of 'disappearing items' in multiselect (#205)
• add re-fetching intial value in 'query' mode (#212)
• add optionResolver to allow solve complex and dependently served option list (#199)
• add CSS variables for complete and easy theming control (#141)
• add tests (#37)
• add aria support (#13, #186)
• allow async in createTransform (#209)
• tweaks to custom element to drop usage of setTImeout in onConnectedCallback (#124)
• full typescript support (#80)
• moved to sveltekit (#49)

Fixes 🩹

• allow dnd with collapsedSelection (#200)
• fix text overflow (#188)
• fix a11y warnings (#185)
• proper focus-related behavior when clicking clear icon (#182)
• some fetch related issue (#181)
• and many more...

Fixes:

• set unique id for input to prevent collision with <select> element (match v4-dev behaviour)

Fixes:

• fix virtual list redrawing issue in some browsers (#194)

New:

• add fetchDebounceTime to customize debounce time (#192)

Fixes:

• fix mac detection (#191)

Fixes:

• fix Firefox-only bug not showing validation message #166

New:

• add prop highlightFirstItem (by @scoopandrun in #163)

Fixes:

• correctly expose hasDropdownOpened property for indicator-icon slot
• focus input when opening dropdown by clicking on dropdown toggle

Fixes

• fix bug (#161) introduced in the latest release related to #9

Fixes:

• edit logic calling preventDefault on input element (#134)
• require second tap on mobile to show virtual keyboard (#9)

Fixes (tweak)

• allow to set selectOnTab to select-navigate value to immediately move focus to the next element, ie. keep default Tab behaviour (#154)

New:

• add prop alwaysCollapsed to keep selection always collapsed. Selection is then shown in dropdown

Changes

• Slots for customizing indicator and clear icons with additional props by @vteslenko in https://github.com/mskocik/svelecte/pull/150

Fixes:

• fix list message for init fetch with empty list (#147)

Fixes:

• allow setting new value outside option list when creatable and valueAsObject is true and passed value object has $created: true (ref #145)

Fixes

• fix case when max has been reached and bound value has been changed (which previously resulted in clearing the selection) (#145)
• loose comparison for max if string has been passed (mentioned #145)

New:

• added new slot named control-end (PR #143)

New:

• added property closeAfterSelect to control if dropdown should close after each selection when in multiple mode (#106) (PR #136)

Fixes

• respect groupItemsField prop in group items init (PR #135)

New:

Custom element specific features:

• added value-delimiter property to have it possible to have , chracter in values (#133)
• enable (partially) to override i18n as stringified json property (#131)