rails_toastify 0.1.7 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 041d336902b6df731f5af562e2277cd7a3553e8a3f1993e6c3b9616b1c356605
-  data.tar.gz: 21e63fa2d7676cb312449e2b9d56eefb5129ecbdff0e04b30b53dd6b9a3658fe
+  metadata.gz: c6d828b6b26290af46ef2beb27cbd662e963f2b8b9969e55a782ce34a5a4bf4d
+  data.tar.gz: 768fa851fdcb5d66f8e692346f0d13fa3d99e75bfc69683a6d2f022b09b78139
 SHA512:
-  metadata.gz: 689f7d721c8a252f8fd37bd2dbdbcbcf6c3f5d937a11fb1c54394d124ca80f306d0b0a99a2b9e54a3a7f84a5073b62e8a2df4dc5d0e2e07b2578dd088573dd6d
-  data.tar.gz: 9a3167a81c64d577366013c6f3075773f30ad6d747b7dd0fcf5ec7eee5e5e65afc213da6c6c930c896bfefaaf8131f91be3297c1a3ff329be3c0ddfbc8c68840
+  metadata.gz: 845a520486d658392542d67daf6e70b5b72fb4854c04e05b497f4b2d89f421040bcedf5a08b871c9827745420d2d3ea7e8a1523c09ecf9bf56d429fc04e5ec5a
+  data.tar.gz: '00893d8c3e0237247046bdea15d9a01a418f684037c398a707bac9f91a033012667ccac26620de2cc0123f623681cea0c0e28ae0a3337d3a6e8c1d400fb28107'

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+# 0.1.8
+
+- Fix progressbar
+
 # 0.1.7
 
 - Fix problem with toast disappear when mouseover

data/app/assets/javascripts/rails_toastify.js

@@ -5,22 +5,27 @@ document.addEventListener('DOMContentLoaded', () => {
       const toast = createToast(message, type, duration);
       toastContainer.appendChild(toast);
 
-      let timeoutId = setTimeout(() => {
+      let startTime = Date.now();
+      let remainingTime = duration;
+
+      const hideToast = () => {
         toast.classList.add('hide');
         toast.addEventListener('transitionend', () => toast.remove());
-      }, duration);
+      };
+
+      let timeoutId = setTimeout(hideToast, remainingTime);
 
       toast.addEventListener('mouseover', () => {
         clearTimeout(timeoutId);
-        progressBar.style.animationPlayState = 'paused';
+        const elapsedTime = Date.now() - startTime;
+        remainingTime -= elapsedTime;
+        toast.querySelector('.toast__progress-bar').style.animationPlayState = 'paused';
       });
 
       toast.addEventListener('mouseout', () => {
-        progressBar.style.animationPlayState = 'running';
-        timeoutId = setTimeout(() => {
-          toast.classList.add('hide');
-          toast.addEventListener('transitionend', () => toast.remove());
-        }, duration - progressBar.getBoundingClientRect().width * (duration / progressBar.offsetWidth));
+        startTime = Date.now();
+        toast.querySelector('.toast__progress-bar').style.animationPlayState = 'running';
+        timeoutId = setTimeout(hideToast, remainingTime);
       });
     }
   };

data/app/assets/stylesheets/rails_toastify.css

@@ -20,7 +20,7 @@
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transform: translateX(100%);
     max-width: 300px;
-    pointer-events: auto; /* Para permitir interações do mouse */
+    pointer-events: auto;
   }
 
   .toast.show {
@@ -71,6 +71,7 @@
     width: 100%;
     height: 4px;
     animation: progress-bar 5s linear forwards;
+    animation-play-state: running;
   }
 
   @keyframes progress-bar {
@@ -91,11 +92,11 @@
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
     transform: translateX(100%);
   }
-  
+
   .toast.show {
     transform: translateX(0);
   }
-  
+
   .toast.hide {
     transform: translateX(100%);
     opacity: 0;
@@ -127,6 +128,7 @@
   .toast__progress-bar {
     @apply absolute bottom-0 left-0 w-full h-1;
     animation: progress-bar 5s linear forwards;
+    animation-play-state: running;
   }
 
   @keyframes progress-bar {

data/lib/rails_toastify/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsToastify
-  VERSION = "0.1.7"
+  VERSION = "0.1.8"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_toastify
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.8
 platform: ruby
 authors:
 - Elton Santos