5.0.0 Changes

Typescript

All components, utilities, tooling, testing is 100% TypeScript sourced.

Tooltip/Popover

• simplified Tooltip/Popover positioning code
• deprecated the container option

Other

• updated tests
• updated dependencies
• updated tooling, replaced Rollup with Vite
• added Prettier
• code cleanup and minor fixes

What's changed

• removed V4 version of our sources and polyfill, all legacy code is moved to a separate branch
• Carousel no longer use touch events but a standardized pointer event listener setup
• Modal and Offcanvas will use a callback for dispose() method combined with specific hide() / close() method
• Updated Popover / Tooltip for Bootstrap 5.2.x

What's new

• Added Cypress testing suite for all components
• Added codeQL
• Various improvements for Tooltip / Popover, now you can set all content items (Popover title, content and btnClose as HTMLElement or string, Tooltip title) as well as the template option
• added triggers and isShown property to Toast component
• Offcanvas also has 'static' backdrop option

What's fixed

• Fixing Tab issue https://github.com/thednp/bootstrap.native/issues/444
• Minor fix for Button.isActive property
• Minor fixes to allow working with iframes, bugs revealed by Cypress testing
• Dropdown improvements for automatic positioning

For a complete and detailed view of the changes, check out the commits log

What Changed

In brief, a complete rework of all components for stronger TypeScript or improved JavaScript consistency, as well as new features.

Potentially Breaking Changes

• Target elements no longer host the initialization object (EG: myAlertElement.Alert), you now need to use the build in static methods (EG: BSN.Alert.getInstance(myAlertElement) which is on par with the original library.
• Utilities are now split between V4 and V5, V4 will use those versions with legacy browsers fallback while V5 only uses modern browsers utilities only, which means our V5 is completely and definitely free from legacy browsers fallback.
• Our shorter-js library has suffered an entire sweep of changes to file and folder structure, your de-duped builds may need some updates.

New Features

• Added TypeScript "strong type" definitions. This effort was possible thanks to @fmasa.
• Added the new EventListener to handle component event listeners even more efficient.
• Added a new Timer to replace various properties added to component targets (EG. myCollapse.isAnimating) the result is: execution must never bubble or break in any case. The following components benefit: Carousel, Collapse, Modal, Tooltip, Popover, Tab and Toast.
• Added full RTL support for Carousel, Dropdown, Popover & Tooltip, and the demo has been updated to reflect the changes.
• Carousel can work with multiple controls as long as they match the DATA API to point to the target .carousel element.
• Tooltip now supports trigger event options just like Popover and the original library.

Improvements

• Tooltip and Popover now fully implement floating-ui (featured with Popper) to better determine the tooltip / popover position in any configuration or context.
• Popover is now extending Tooltip, similar to how the original library Popover works, it makes the dist/components.popover.js slightly larger in size, but BSN is overall smaller.
• Dropdown dynamic positioning is improved to work with RTL languages, but also better handle position in general.

Most Notable Commits

• https://github.com/thednp/bootstrap.native/commit/273a861ec446aafeac5dfa252d52374d870854c1
• https://github.com/thednp/bootstrap.native/commit/ad06397288fbd92f3c1d53617b83e27ae252510a
• https://github.com/thednp/bootstrap.native/commit/ea1eda7441629dc479ccf79033a3c88262a12aab
• https://github.com/thednp/bootstrap.native/commit/d35042719b56aab9517603a418d36f491139c470
• https://github.com/thednp/bootstrap.native/commit/5eb49787061d0f4c2d30d460c091d1313db4c42f
• https://github.com/thednp/bootstrap.native/commit/54af63b6768c70c31e843e5f498c8be187f061be

Thanks to all who tested and participated in #430 @midzer @jcorporation @lekoala

Changes:

• BSN V5 is now the official build (bootstrap.native.js), BSN V4 is now the legacy version (bootstrap-native.v4.js)
• Major version bump 4.0.0 as discussed here
• Complete changelog #400

This is an important release, that's why I'm adding here a RELEASE TAG. BSN for Bootstrap 5 is probably close to what I'd call great.

For full changelog, please check #400

Please test and report back.

Updated shorter-js to make BSN work in the site <head> section.

Changes:

• changed all util and imports structure for more accurate bundles
• addressing #381, added more build scripts, now dist/components/ folder holds UMD and ESM modules for all components, thanks @lpar
• removed dependency on shorter-js for events handling, class manipulation, and more, see commit file changes
• removed the tryWrapper due to some inconsistency error reporting, despite the benefit it brings
• Code cleanup

Changes:

• removed the tryWrapper from components themselves, it's now optional because it's included with the initCallback() and removeDataApi() callbacks
• now the library is sporting a new custom feature: build polyfill with minifill and rollup
• code cleanup

Changes:

• Fixed some positioning with Modal and overflow
• Simplified the Modal scripting
• Added option for Carousel to set touch
• Simplified Carousel initialization script
• Code cleanup

Documentation updates

• Tooltip template feature
• Updates regarding components' original events
• Updates for Carousel touch options

Changes:

• Modal click handlers fixed to work properly with child targets
• Documentation fixes

Changes:

• removed V3 completely, we now continue development for V4 only
• major reworks for all components with many fixes and improvements, with modern ES6/ES7 sourced scripting
• all components receive the dispose() instance method and the ability to re-initialize on the fly
• support for "default prevented" for select event types like show, hide, slide, etc
• exported most utils to shorter.js
• removed manual tokenization for better gzip compression
• reworked polyfills for IE10+ compatibility
• added rollup build scripts and removed old build scripts
• removed bower
• library documentation and wiki guideline updates

Important Notes

• all components are not exported directly to global anymore because the new rollup build based tools
• your custom scripting will need updates to use this version, EG: new Carousel('#target') becomes new BSN.Carousel('#target')

More details at #306

Changelog

• Resolve error thrown in Dropdown dismissHandler, #278
• NEW Set touch event listeners to passive #280
• Modal fade auto option #287
• Improvements to Modal execution timings #281
• Dropdown fixes in regards to keyboard navigation https://github.com/thednp/bootstrap.native/commit/6ba2aa92006fd5ef8afc2e34c8bb67e6e40bb1fa
• Solving some Modal related issue in regards to content #233
• V4 - The position of the tooltip element is not centered when the body scrollbar is displayed. #215 thanks @Gruven
• Updated V4 styleTip utility to properly style the Popover arrow
• Button - Radio buttons focus not working (v4) #296 thanks to @Prid13
• Fixed inconsistent tabindex code, usage, demo and guides for Button component in V3/V4
• Fixed Button handling radio/checkbox inputs with icons inside, V3/V4
• Demo fixes and improvements

Changelog:

• NEW: added swipe feature for Carousel in both V3 and V4 versions
• moved build scripts to /lib folder and created an unified build script for both V3/V4, check updated WIKI pages
• fixed Popover not working with options.title and options.content #277
• fixed ScrollSpy to use options.target first before going after data-target
• improved the Collapse component to work better with JavaScript init #276
• Improved emulateTransitionEnd utility, details here and here
• various demos fixes, updates and improvements

Changes

• Fixing #250, V3/V4 the Carousel component will invalidate instances when only ONE carousel-item is found
• Fix clicks on child elements of a tab #253 & #254
• Closing modal with escape key prevents it from showing again #256
• Added new component for V4 ; TOAST #260
• Fixed inconsistent modal positioning #261
• Fixed Carousel auto-slide transition breaks #263
• Fixing #265, now Modal component will store the init object in the modal element when no triggering button was initialized
• Further fixes for emulateTransitionEnd utility #266
• Improvements for module builder scripts commit 1 and commit 2

Changelog

• Minor demo fixes https://github.com/thednp/bootstrap.native/commit/41a024b36b2d2a9551760eb2aa79bbdc139d5393
• fixing #227, V3/V4 Carousel cannot use slideTo to jump to the current active item
• documentation updates regarding #227
• Carousel ignoring data-interval #241https://github.com/thednp/bootstrap.native/commit/c6e261e8ef79549285520385e901b0a0f0aaafc2
• Fix isNaN ReferenceError in V3 #243
• Fix infinite loop if user calls carousel.cycle() https://github.com/thednp/bootstrap.native/commit/27cfd8fc05fd83dd533326ee74ec97cb96794620
• Dropdown aria-expanded #245

Changelog

• Fixed Carousel initialization issue when interval:false is used
• Added a more robust emulateTransitionEnd thanks to @nlemoine
• Updated Carousel, Tab, Collapse with the new emulateTransitionEnd handler
• Added autoInitDataAPI build option, thanks to @marcelpanse details
• Documentation updates

Changelog

• Fixing some ARIA issue #179
• Added Webpack loader support #186
• Tab issue #188
• Updated V4 Tooltip and Popover #182
• Modal V3/V4 timing issue fixed #192