v2.6.0 - New Layout Splitter, Context Menu & 3 more plugin integrations and more

This update includes 5 new plugin integrations with component examples, Github improvements and bug fixes.

New Plugins

• Plugins: Textarea Autoheight
• Plugins: Layout Splitter
• Plugins: Toast Notifications
• Plugins: Confetti Animation
• Plugins: Leaflet Maps

New Components & Improvements

• Components: Dropdown Context Menu
• Plugins: Added destroy method for all plugins for better lifecycle management.

Fixes and Improvements

• Fixed: Remove extra "typeof". [Issue #476] and [PR #471]
• Fixed: The mega menu behaves incorrectly on narrow screens. [Issue #474]
• Fixed: Improve stepper reset handler. [PR #381]
• Fixed: Add IAddVariantOptions type to the carousel "dragging" class. [PR #473]
• Fixed: Advanced Select is not submitted in the form data. [Issue #400]
• Fixed: Click on data-remove not firing any event on Advanced Select. [Issue #420]
• Fixed: Values in ComboBox does not update when selection made. [Issue #467]
• Fixed: The mega menu behaves incorrectly on narrow screens. [Issue #474]
• Fixed: plugin.ts file missing type definition. [Issue #478]
• Fixed: When submitting Advanced Select with apiUrl the title is submitted instead of the value. [Issue #481]
• Fixed: SVG icons do not show up in the selected item. [Issue #514]
• Fixed: Problem with collapsing dropdown inside sidebar in mobile resolution. [Issue #504]
• Improved: A description that the data-title attribute is mandatory has been added. [Issue #444]
• Improved: destroy methods have been added for most plugins. [Issue #443] and [Issue #510]
• Improved: autoInit methods have been improved. [Issue #463] and [Issue #429]
• Improved: HSSelect toggle title and icon properties set. [PR #453]
• Improved: API was replaced by another. [Issue #464]
• Improved: Added new backdropParent parameter to control which element the backdrop will be generated in. [Issue #475]
• Improved: Added new parameter dropdownVerticalFixedPlacement to force control over the position of the dropdown list. [Issue #489]

v2.5.1 - Important bug fixes for build environment, minor improvements.

Fixes and Improvements

• Fixed: Add IAddVariantOptions type to the carousel "dragging" class. [PR #473]
• Fixed: Remove extra "typeof". [Issue #476] and [PR #471]
• Fixed: Fire change event when the tag close icon is clicked and item is removed. [Issue #252] and [PR #411]
• Fixed: Stepper reset handler. [PR #381]

v2.5.0 - New Advanced Range Slider, Drag-and-Drop & Tree View plugins and more

This update brings a new Advanced Range Slider and Tree View plugins, Carousel and Advanced Select extensions, Improvements and Bug Fixes.

New Plugins

• Plugins: Tree View
• Plugins: Advanced Range Slider

New Components

• Third-Party Plugins: Advanced Range Slider
• Third-Party Plugins: Drag and Drop (Sortable.js)
• Tree View:
  Multiple selection
  Draggable
  Draggable and auto collapse one level group
  Checkbox based
• Carousel:
  Multiple slides
  Centered
  Draggable
  Snap point
  Auto height
  Current state info
  Thumbnails (horizontal)
  Thumbnails (vertical)
• Advanced Select:
  Static search limit
  Direct match searching Off
  Generate select according to the remote data (single)
  Multiple (remote data)
  Tags (remote data)
  Option template (remote data)
  Conditional counter (remote data)
  Custom template with avatars (remote data)
  Modal example with overflow:hidden;
• Checkbox: Validation states
• Radio: Validation states

Fixes and Improvements

• Added: tagsInputId and searchId These parameters were added to the Select plugin for accessibility purposes, so that you can add labels that reference relevant elements outside of the initialized element.
• Added: Ability to generate select from remote data. Use apiUrl and other options that you can find in Docs.
• Added: New options for more flexible carousel customization. You can find the new options in Docs.
• Added: plugin.ts, the typed version of plugin.js.
• Added: mjs versions of plugins.
• Added: global.d.ts for more convenient work with types.
• Added: TypeScript .ts files for ApexCharts and Clipboard helper scripts
• Deleted: search-by-json.js This functionality has been completely or partially replaced by the ComboBox plugin.
• Improved: For ease of use, we've reorganized the sections on the plugin pages.
• Fixed: 'HSStaticMethods' does not exist on type 'Window & typeof globalThis'. [Issue #401]
• Fixed: Advanced Select removeOption doesn't work after update. [Issue #417]
• Fixed: Property 'dropzone' is private and only accessible within class 'HSFileUpload'. [Issue #448]

v2.4.1 - Fixed transition issue in Chrome

Fixes and Improvements

• Fixed: Transition issue which occurred in Chrome 127.0.6533.73 release. Thanks to @oliverhaas for the detailed [issu 414] report.

v2.4.0 - New Personal Template, Datatables and File-Upload plugins and more

This update brings a new Personal Templates, Datatables & File-Upload plugins, Examples, Improvements and Bug Fixes.

New Examples and Templates pages

• Templates: Personal
• Examples: Blog Sections
• Examples: Card Sections
• Examples: Galleries
• Examples: User Profiles
• Examples: Description Lists
• Examples: Timeline
• Examples: Testimonials
• Examples: Textarea Input
• Examples: Navbars (Headers)
• Examples: Subscribe
• Examples: Footers
• Examples: Application Layouts
• Examples: Charts
• Examples: Navbars (Headers)

New Plugins

• Plugins: Datatables
• Plugins: File Upload

New Components

• Component Plugin: Datatables
• Component Plugin: File Upload
• Buttons: Active
• Dropdown: Scale animation option
• Modal Overlays: Scale animation option
• Advanced Select: Multiple with option template
• Advanced Select: Multiple with conditional counter
• Advanced Select: Multiple with counter and option template
• Advanced Select: Add/Remove Options (multiple)
• Advanced Select: Set single value using setter
• Advanced Select: Set multiple values using setter
• Advanced Select: Multiple with counter
• Combobox: Close Button
• Checkbox: Indeterminate
• Progress: Gauge

Fixes and Improvements

• Improved: Input Number type="text" changed to type="number"
• Improved: Circular progress with optimized code, better look and more detailed information.
• Improved: Addresses the accessibility reports [Issue #365], [Issue #373] and the improvements extended for role="", aria-expanded="", aria-selected="", tabindex="”, and aria-orientation="” on the following components:
  Accordion
  Alerts
  Collapse
  File Uploading Progress
  Toasts
  Tree View
  Mega Menu
  Navs
  Tabs
  Sidebars
  Scrollspy
  Pagination
  Advanced Select
  ComboBox
  SearchBox
  Input Number
  Dropdown
  Modal
  Offcanvas
  Tooltip
  Popover
• Improved:
  Application Layouts Navbars
  Application Layouts
  Navbars (Headers)
  Navigations Mega Menu
• Improved: Carousel plugin incorrect behavior in RTL dir [Issue #371], [Pull Request #372]
• Improved: Add selected option to multiple select [Issue #320]
• Fixed: Input Number: Validation/rejection bug, or at least inconsistent. [Issue #404]
• Fixed: Advanced Select multiple not storing multiple selected values correctly [Issue #390]
• Fixed: Advanced select's documentation copies invalid JSON when used without dark classes [Issue #378]
• Fixed: Combobox will skip at least one item if arrowdown/up in vue3 [Issue #369]
• Fixed: Searchable advanced select throws error when searching for value not in list [Issue #363]
• Fixed: Advanced Select not working in Nuxt.js (Vue.js) [Issue #325]
• Fixed: HSAdvanced Select Disabled option doesn't work in tags mode. [Issue #323]

v2.3.0 - New Tree View components and plugin enhancements

This update brings new Tree View components, textarea autohight extension and some core plugin enhancements.

New Components

• Accordion Tree View Component
• Textarea: Default height with autoheight script
• Copy Markup: Predefined markup

Fixes and Improvements

• Improved: core plugin scripts for Dropdown, ComboBox, Accordion and others.
• Feature request: Tree View component [Issue #330]
• Fixed: WYSIWYG editor [Issue #342]
• Fixed: Combobox selection of ahref items using keyboard [Issue #353]

v2.2.0 - New Templates, Dashboard Page, Dark Color scheme and more

This update brings brand new 2 free Template, Dashboard page, New Dark Color scheme for free components and examples to align them with the Pro and other minor enhancements.

New Examples and Templates pages

• Templates: Agency
• Templates: Creative Agency
• Examples: Application Admin Page
• Examples: Hero Sections
• Examples: Blog Sections
• Examples: Testimonials
• Examples: Features: General
• Examples: Features: Stats
• Examples: Clients Sections
• Examples: Navbars (Headers)
• Examples: Contacts
• Examples: Footers

Fixes and Improvements

• Improved: Input and Textarea Floating Label animations
• Bunch of other fixes and improvements.

v2.1.0

New Plugins, Components, Improvements, Bug Fixes and more

This update brings new ComboBox (Autocomplete) plugin, Searchbox components, improvements and bug fixes based on feedback reported on Github.

Please note, this update requires to use the lates version of Tailwind CSS v3.4.x.

New Plugins

• Plugins: ComboBox (Autocomplete)
• Plugins: Theme-Switch (Darkmode)
• New Feature: Added preventSearchFocus to Advanced Select that sets autofocus for the search field inside a dropdown list if the value is true.

New Components

• Documentation: Preline JavaScript
• Component Plugin: ComboBox (Autocomplete)
• Component Plugin: Searchbox
• Component Plugin: PIN Input - Show PIN code suggest on iOS keyboard - [Issue #188 by @hieuhuynh93]
• Textarea: Modal example
• Input Number: Step Controls
• Input Number: Negative value
• Input Number: Maximum value

Updates

• Updated: Tailwind CSS to v3.4.1

Fixes and Improvements

• Docs: A beta feature, you can now choose to include or exclude dark classes when copying code to the clipboard. Set this option once, and it will apply globally, making dark classes optional.
• Docs: Added a new Preline JavaScript page. This page explains how Preline JavaScript works and its methodology.
• New size- utilities:* Tailwind CSS finally added a new size-* utility that sets width and height at the same time. We updated them!
• Extended min-width, max-width, and min-height scales: Tailwind CSS finally extended the min-width, max-width, and min-height scales to include the full spacing scale. We updated them!
• Improved: NextJS avoiding setTimeout solution [Issue #270]
• Feature request: Added Combobox (Autocomplete) plugin [Issue #140], [Issue #199]
• Feature request: Tag editor to Advanced Select [Issue #245]
• Pull Request: Add support for min, max and step [PR #306]
• Pull Request: Firing on-change event when item is removed [PR #247]
• Pull Request: Fixes empty array (package.json) [PR #242], [Issue #241]
• Pull Request: Replaced generate-dts script with a config file [PR #232]
• Fixed: Cannot dismiss opened Advanced Select controls while using FireFox [Issue #318]
• Fixed: Search Issue with Non-Latin Characters in Select Plugin [Issue #313]
• Fixed: Vertically centered modals don't work [Issue #309]
• Fixed: Setting the data-hs-overlay-keyboard to true doesn't prevent the Esc button to close the modal [Issue #290]
• Fixed: Window scroll is re-enabled when the top overlay is closed irrespective of Bottom overlay [Issue #281]
• Fixed: Unnecessary console.log calls for the dropdown plugin [Issue #273]
• Fixed: Overlay backdrop element not being removed/hidden after resizing screen size [Issue #267], [Issue #136]
• Fixed: Select plugin placeholder not cleared when default values loaded [Issue #265], [PR #266]
• Fixed: Modal focus trap multiple key event listeners [Issue #249]

v2.0.3 - Improvements & Bug Fixes

This update brings minor enhancements and resolves issues based on feedback reported on Github.

Fixes and Improvements

• Improved: Added IStaticMethod to Framework Guides pages.
• Improved: JavaScript file sizes. [Issue #204 @kpietraszko]
• Improved: Stacked Overlays option is added to Overlay plugin [Issue #134]
• Improved: Advanced Select with dynamic validation states, the ability to add/remove options and more. [Issue #183], [Issue #190] and [Issue #216]
• Fixed: Keyboard navigation in advanced select [Issue #202]
• Fixed: Removed unnecessary console.log messages [Issue #209] and [Issue #185]
• Fixed: Bug with the carousel listening event [Issue #215]

v2.0.2 - Hot Fixes

Fixed path name on package.json file.