This update addresses some minor issues and improvements.

New Examples and Templates pages

• Templates: Creative Agency Demo renamed to Coffee Shop Demo and updated
• Examples: Hero Sections
• Examples: Testimonials
• Examples: E-commerce Product Listings: Grid Layout

Fixes and Improvements

• Docs: General improvements and fixes.
• Docs: Add React + Vite guide.
• Docs: Add Adonis guide.
• Docs: Add Hugo guide.
• Improvements: The beforeFinish event and goToFinish method have been added to the stepper plugin. [PR #600]
• Improvements: The update event now returns the current slide index. [PR #617]
• Fixed: Add "non-linear" mode to the stepper plugin. [Issue #529]
• Fixed: Added ability to setup few fields for the data-hs-combo-box-output-item-field. [Issue #548]
• Fixed: Local search in the original input is now disabled when apiUrl is configured and hasSearch is true. [Issue #564]
• Fixed: The apiLoadMore feature has been Added to enable loading additional items dynamically as the user scrolls. [Issue #565]
• Fixed: The "title" field in apiFieldsMap now works correctly when using tags mode. [Issue #567]
• Fixed: Resolve issues with loop behavior on mobile devices. [Issue #602]
• Fixed: The destroy method has been added to destroy the datepicker instance. [Issue #604]
• Fixed: The apiSelectedValues property has been added for specifying predefined selected values. [Issue #610]
• Fixed: The optionAllowEmptyOption property has been added to enable support for empty options in dropdown menus. With this property set, users can select an empty value (typically represented as a blank or "None" entry) in the dropdown, which is useful for scenarios where a selection is optional or needs to be cleared. [Issue #614]
• Fixed: Add new preventClientFiltering option for control client-side filtering. [Issue #615]
• Fixed: The getInstance method for dropdowns now correctly returns the instance even when the second parameter is omitted. [Issue #619]
• Fixed: Placement values for dropdowns have been corrected. [Issue #620]
• Fixed: Typo. "show" has been replaced with "open". [Issue #624]
• Fixed: Consolidated theme observation into a single observer. [Issue #627]
• Fixed: Issues with dropdown positioning if the height changes dynamically. [Issue #631]
• Fixed: Made clipboardHelper an exported function for external use. [Issue #632]
• Fixed: Prevent opening when disabled and extraMarkup is clicked. [Issue #635]
• Fixed: Enable the "add" button if the number of items is less than the limit. [Issue #639]
• Fixed: Automatically reposition tooltip when there's insufficient space. [Issue #643]

This update addresses some minor issues and improvements.

Fixes and Improvements

• Docs Framework docs updates for Next.js, Vue, Nuxt.js, Angular and Laravel.
• Fixed: Dropdown positioning issues in some Examples. [Issue #578]
• Fixed: Optimized bundle size by removing unused dependencies and adding dependency validation checks. [PR #586 related fixes]

Meet Preline UI v3.0.0 - this release features:

• Tawildin update to v4.0
• New plugins
• New components
• Mobile experience improvements
• and many more..

Please note that there are some breaking changes to bear in mind when moving from v2.7.0 to v3.0.0. For more detailed information, check out the official Tailwind CSS Upgrade guide

New Plugins

• Plugins: Advanced Datepicker
• Plugins: Scroll Nav

New Components & Improvements

• Components: TimePicker
• Components: Advanced Datepicker
• Components: Mega Menu Tabs as inner menu
• Components: Mega Menu Mega Menu to Overlay on Mobile Resoultion
• Components: Navs Scroll nav
• Components: Tabs Centered
• Components: Complete rewrite of the Switch
• Components: Input size improvements on mobile across whole project
• Feature: Tabs added support for opening (switching) tabs on hover
• Feature: Overlay added dynamic z-index feature for handling overlays stacked in a random order.

Fixes and Improvements

• Fixed: Charts broken colors in dark mode
• Fixed: Overlay closing issues when several overlays are open.
• Fixed: Context menu added support for opening via "long-touch" on mobile devices.
• Fixed: Improved JSX code copying for self-closing tags and comment blocks.
• Fix: Select closed when a space was entered in the search field. [Issue #528] and [Issue #574]

Updates

• Updated: Tailwind CSS to v4.0.8
• Updated: Apexcharts to v4.4.0
• Migrate: Popper.js has been replaced with Floating UI across all plugins.

This update brings new Sidebar, Maps & other components, JSX Copy Code feature, improvements and bug fixes from Github reports.

New Components & Improvements

• Components: Sidebar
• Components: Maps Bubbles
• Components: Advanced select Minimum search length
• Components: Combobox Minimum search length
• Components: Overlay. It is now possible to call overlay methods directly on the overlay itself, without the need to associate the overlay with any button. At the same time, the old functionality has been retained to ensure backward compatibility.
• Components: Remove Element. Added "getInstance" method.

Fixes and Improvements

• Feature: Added the ability to copy HTML as JSX.
• Feature: New parameter optionAllowEmptyOption has been added for the Advanced Select. [Issue #530] and [PR #532]
• Feature: New parameter minSearchLength has been added for the Advanced Select and Combobox. [Issue #496]
• Feature: Added support for multiple prev and next elements with separate event listeners for each, ensuring proper initialization and cleanup in the destroy method. Improved event listener management for search and pagination controls to prevent memory leaks and support dynamic elements. [Issue #494]
• Fix: Issue with the "reset" functionality under certain conditions. [PR #520]
• Fix: Issue encountered while setting the value in "tags" mode. [PR #533]
• Fix: Improvements to static methods to achieve more consistent behavior. [Issue #492]

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]

• 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]

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

• Plugins: Tree View
• Plugins: Advanced Range Slider

• 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

• 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]

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

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

• 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)

• Plugins: Datatables
• Plugins: File Upload

• 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

• 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]

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

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

• 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]