v.0.0.3

Added

• Accessibility (ARIA) Support:

  • Added role="combobox", aria-expanded, and aria-haspopup attributes to the main container for better accessibility.
  • Added role="listbox" to the items container.
  • Added aria-live="polite" to the selected items container to improve screen reader notifications.

• Data Attributes Configuration:

  • Added support for the following data-attributes to configure SnapSelect directly in HTML:
    • data-live-search
    • data-max-selections
    • data-placeholder
    • data-clear-all-button
    • data-select-optgroups
    • data-select-all-option
    • data-close-on-select
    • data-allow-empty

• Styling for Optgroup Labels:

  • Optgroup labels are now displayed in bold for better visual distinction.

• Compatibility Polyfills:

  • Added a polyfill for classList to ensure compatibility with older browsers.
  • Added a polyfill for addEventListener to support legacy browsers.

• Documentation:

  • Added detailed inline comments and JavaScript documentation for all configuration options.
  • Created a Markdown documentation file that includes usage instructions, configuration options, and examples.
  • Included details on how to use data-attributes for configuring SnapSelect.

Changed

• Code Structure:
  • Improved the structure and organization of the code to support the new features.
  • Refactored the configuration options to prioritize data-attributes over JavaScript options if both are provided.

v.0.0.2

Added

• module export for NPM
• package.json

v.0.0.1

Initial Release

Features

• Live Search: Enable users to quickly filter options as they type.
• Multi-Select Support: Allows for multiple selections with intuitive tag management.
• Optgroup Selection: Easily select or deselect all options within an optgroup.
• Clear All Button: Option to clear all selected options at once (for multi-select).
• Select All Option: Add a "Select All" option to quickly select all available options (for multi-select).
• Customizable Placeholder: Define custom placeholder text for an empty selection.
• Custom Search Keywords: Enhance search functionality with custom keywords for each option.
• Bootstrap-Inspired Design: Styled to seamlessly integrate with Bootstrap 5, but easily customizable to match any design system.
• Accessible: Built with accessibility in mind, ensuring a better experience for all users.
• Lightweight: Minimal footprint, optimized for performance.

Please check the README.md file.

Full Changelog: https://github.com/eveltic/snapselect/commits/v