All notable changes to this project will be documented in this file.
Dates are in UTC.
2024-12-19
- Fixed an issue where sequential animations would terminate prematurely before completing the full transition sequence. This ensures animations run to completion in
sequentialAnimationMode
.
2024-12-18
- Fixed an issue where
sequentialAnimationMode
did not properly transition fromstartValue
tovalue
. - Resolved a problem where CSS transitions would not trigger correctly on low-performance devices, improving overall performance.
2024-12-04
- Added
reload
ref method to force re-render the SlotCounter component. This provides more control over component rendering and helps handle dynamic style updates.
- Fixed an issue where animations would unnecessarily trigger during window resize events, improving stability and user experience. #61
2024-07-20
- Fixed an issue where the delay was incorrectly calculated by not excluding separator characters. #55
- Fixed an issue where the ResizeObserver would enter an infinite loop when browser zoom was applied. #56
2024-06-27
- New Prop:
speed
: Adjust animation speed more intuitively with the newspeed
prop. - New Prop:
delay
: Each column's animation start can now be delayed using thedelay
prop.
2024-05-26
- Enhanced the logic for checking separators in the
SlotCounter
component. The separator check now includes NBSP and additional whitespace characters, ensuring a more comprehensive and accurate check.
2024-05-17
- Fixed a bug in
sequentialAnimationMode
where the first digit was being displayed as a blank space when the number of digits increased and the number decreased. This fix ensures that the correct number is displayed in all situations.
2024-04-27
- Fixed an issue where the font width was incorrectly calculated when using
useMonospaceWidth
.
2024-04-26
- Introduced
numberSlotClassName
andnumberClassName
props for more customization options. These props allow you to set the class name for the number slot and the number, respectively, enabling you to customize their styling. - Implemented the ResizeObserver API to detect changes in font size. This enhancement provides a better experience in responsive services by ensuring that the counter adapts to changes in font size.
2024-01-09
- Fixed an error caused by inaccurate font height calculation.
2024-01-05
- Refined font height calculation logic for more accurate and visually pleasing displays.
2023-12-25
- Fixed a bug in
sequentialAnimationMode
for handling decimal numbers. In this update, I addressed an issue where decimal numbers were not processed correctly insequentialAnimationMode
.
2023-12-11
- Adjusted text alignment for counters to ensure consistent and visually appealing presentation across different usage scenarios.
2023-12-10
- Introduced
animateOnVisible
prop to trigger animations based on component visibility. This feature allows animations to start when the component is visible in the viewport, enhancing user engagement and interactivity. TheanimateOnVisible
prop can be a boolean or an object withrootMargin
andtriggerOnce
options for more precise control.
2023-11-19
- Corrected an issue where number change animations in
sequentialAnimationMode
were not functioning properly.
2023-11-11
- Resolved an issue where the startValueOnce prop was not functioning as expected.
- Enhanced the digit increase animation in sequentialAnimationMode for a smoother user experience.
2023-11-05
- Resolved
autoAnimationStart
not working whenstartValue
is set. - Ensured
startValue: 0
is properly recognized and handled. - Refined the calculation logic for number interpolation in sequential mode.
2023-10-31
- Fixed the issue with measuring monospace width when using
valueClassName
.
2023-10-29
- Improved the unstable behavior of the
useMonospaceWidth
prop. Enhanced thewidth
calculation logic and fixed issues related to web font download timing. - Fixed an issue where the combination of
sequentialAnimationMode: true
andautoAnimationStart: false
was not working as expected. - Modified the initial animation behavior in
sequentialAnimationMode
.
2023-10-22
- Fix
autoAnimationStart
not working when usingstartValue
. - Define behavior and fix multiple bugs for
autoAnimationStart
,startValue
, andsequentialAnimationMode
.
2023-10-05
- Improved the animation in
sequentialAnimationMode
.
- Fixed a bug where numbers were duplicated in
sequentialAnimationMode
.
2023-09-28
- Added
refreshStyles
ref method to recalculate styles for scenarios where the font size changes or the window is resized.
2023-09-08
- Fixed direction 'top-down' behavior when both
startValue
andvalue
are set.
2023-09-06
- Integrated Terser plugin into Rollup configuration for code minification and optimization.
2023-09-03
- StartValueOnce behavior issue in React Strict Mode.
- Improve example code on ref example.
- Improve FOUC issue in SSR environment.
2023-07-06
debounceDelay
feature for debouncing animations.
2023-07-01
startValueOnce
feature for one-time animation start fromstartValue
.
2023-07-01
sequentialAnimationMode
anduseMonospaceWidth
features.
2023-06-14
- Support for
JSX.Element
invalue
andstartValue
props.
2023-06-10
startValue
feature for initial animation start.
2023-04-25
valueClassName
customization.
2023-04-25
Infinite List Appearance
feature.