v1.4.0

Release notes

New

• Core - Updated default enter/leave animations with a more visually appealing pair. If you still wish to use the previous ones, paste this code in a new css file and replace: import 'notivue/animations.css' with your file path.
• Built-in Notifications - Added an elevation effect to the close button on hover.

Fixed

• Core - Replaced 0 to 0.01 in any translate/scale/rotate keyframe transform property. This fixes a lightningcss bug that occurs if it is used by the end-user as css minifier (via Vite config).
• NotivueSwipe - Fixed a bug where the notification width was not computed properly if using transform: scale < 1 in enter animations, causing notifications to be cleared earlier.
• NotivueKeyboard - Fixed a typo that caused event listeners to not be removed in the onBeforeUnmount hook.
• Built-in Notifications - Fixed a bug where inline-end/start paddings and margins were not applied properly with dir=rtl.
• Nuxt Module - Hardcoded Animations and Position types in the module declaration as imported types do not work within Nuxt module declaration.

Changed

• Core - Refactored the logic to get/set prefers-reduced-motion and transitionData. They are now only updated when appropriate, improving performance.
• Notivue - Refactored the logic to add the clearAll class to the wrapper element. Now this is done the "vue-way" by passing a reactive value to the attribute, instead of using classList.add.
• NotivueSwipe - NotivueSwipe now doesn't call anymore item.clear method when the swipe threshold is met. Instead it first transitions the opacity to 0, then it calls item.destroy. This ensures that the leave animation is never called while providing an overall better UX.
• Core - Streamlined the store by removing some unnecessary code, reducing by little the bundle size.