Enhanced Pause Control & Timing - v1.1.0

🌟 Major New Features

Enhanced Pause on Hover System

• Background Toast Control: New pauseBackgroundToastsOnHover option to pause ALL background toasts when hovering over any toast
• Perfect Timing Consistency: Implemented virtual timestamp system that eliminates timing drift after multiple pause/resume cycles
• Individual Control: Maintain per-toast pauseOnHover settings while having global background control

Advanced Configuration Options

• Stack Control: Fine-tune toast stacking with stackOffsetY, stackOffsetX, scaleDecrementPerLevel, and opacityDecrementPerLevel
• Complete Playground: All configuration options now available in the interactive playground for real-time testing

🔧 Technical Improvements

Bulletproof Timing System

• Virtual Timestamps: Maintains perfect timing accuracy through any number of pause/resume cycles
• Edge Case Handling: Proper timing when toasts are promoted (top toast removed)
• Memory Efficiency: Optimized pause state management

Enhanced User Experience

• Intuitive Behavior: Background toasts pause when hovering over any toast (configurable)
• Smooth Animations: Both timer AND animations pause together for consistent experience
• Flexible Control: Global and per-toast configuration options

🎮 Playground Enhancements

Complete Feature Coverage

• Advanced Stack Settings: Real-time sliders for all stacking parameters
• Background Pause Toggle: Test the new background pause functionality
• Custom Text Colors: Fixed and enhanced custom text color support
• Comprehensive Testing: All library features now accessible in playground

Better Organization

• Improved Structure: Playground moved to examples/playground/ for better organization
• Enhanced Navigation: Updated all links and references for new structure

📦 Bundle Updates

Updated Sizes

• Minified: 41.73 KB minified (8.19 KB gzipped)
• UMD: 68.60 KB minified (12.72 KB gzipped)
• ES Module: 63.84 KB minified (12.38 KB gzipped)
• CommonJS: 64.05 KB minified (12.45 KB gzipped)

🐛 Bug Fixes

• Custom Text Colors: Fixed text color application in custom toast builder
• Timing Consistency: Eliminated all timing drift issues in pause/resume cycles
• Memory Management: Improved cleanup of pause-related event listeners

📚 Documentation Updates

• Complete API Reference: Added all new configuration options
• Usage Examples: Enhanced pause on hover examples and configuration
• Playground Guide: Updated documentation for new playground location
• Migration Notes: Backward compatible - no breaking changes

🔄 Migration Guide

This release is 100% backward compatible. No code changes required.

New Optional Features

// Enable the new background pause feature (default: true)
toast.configure({
  pauseBackgroundToastsOnHover: true
});

// Fine-tune stacking behavior
toast.configure({
  stackOffsetY: 12,
  stackOffsetX: 6,
  scaleDecrementPerLevel: 0.03,
  opacityDecrementPerLevel: 0.15
});

---

Full Changelog: v1.0.0...v1.1.0

ModernToasts v1.0.1

📚 Documentation Enhancement

Added

• 🎬 Demo GIF showcasing toast animations and stacking effects
• Enhanced README with visual demonstration

🔗 Links

• 📦 NPM Package
• 🚀 Live Demo

Full Changelog: v1.0.0...v1.0.1

ModernToasts v1.0.0 - Initial Release

🎉 Initial Release

The first stable release of ModernToasts - a modern, lightweight toast notification library!

✨ Features

• 🎨 Beautiful stacked animations with 4 animation directions
• 📍 6 flexible positioning options
• 🎯 Full TypeScript support with type definitions
• 🪶 Lightweight (~42KB minified, ~7.8KB gzipped)
• ♿ Accessibility-first with ARIA support
• 🔧 Highly customizable themes and styling
• 🎭 Event system for toast lifecycle
• ⏸️ Pause on hover functionality
• 🔒 XSS protection with input sanitization

📦 Installation

npm install modern-toasts