From c8e661a3bd3e47c159210ab30c09d196fec906d7 Mon Sep 17 00:00:00 2001
From: GeoSot <geo.sotis@gmail.com>
Date: Sat, 11 Jun 2022 13:03:20 +0300
Subject: [PATCH] Refactor js code

---
 js/src/toast.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/js/src/toast.js b/js/src/toast.js
index 9f06a1c32..bc4c235ff 100644
--- a/js/src/toast.js
+++ b/js/src/toast.js
@@ -19,8 +19,6 @@ const NAME = 'toast'
 const DATA_KEY = 'bs.toast'
 const EVENT_KEY = `.${DATA_KEY}`
 
-const CLASS_PROGRESS_BAR = '.toast-progress'
-
 const EVENT_MOUSEOVER = `mouseover${EVENT_KEY}`
 const EVENT_MOUSEOUT = `mouseout${EVENT_KEY}`
 const EVENT_FOCUSIN = `focusin${EVENT_KEY}`
@@ -31,10 +29,13 @@ const EVENT_SHOW = `show${EVENT_KEY}`
 const EVENT_SHOWN = `shown${EVENT_KEY}`
 
 const CLASS_NAME_FADE = 'fade'
-const CLASS_NAME_HIDE = 'hide' // @deprecated - kept here only for backwards compatibility
+const CLASS_NAME_HIDE = 'hide' // TODO:v6: @deprecated - kept here only for backwards compatibility
 const CLASS_NAME_SHOW = 'show'
 const CLASS_NAME_SHOWING = 'showing'
 
+const CLASS_PROGRESS_BAR = '.toast-progress'
+const CLASS_NAME_PROGRESS_BAR_ANIMATED = 'animated'
+
 const DefaultType = {
   animation: 'boolean',
   autohide: 'boolean',
@@ -148,7 +149,7 @@ class Toast extends BaseComponent {
       return
     }
 
-    this._toggleProgressBar(this._config.delay)
+    this._toggleProgressBar(true)
     this._timeout = setTimeout(() => {
       this.hide()
     }, this._config.delay)
@@ -190,24 +191,23 @@ class Toast extends BaseComponent {
 
   _clearTimeout() {
     clearTimeout(this._timeout)
-    this._toggleProgressBar(null)
+    this._toggleProgressBar(false)
     this._timeout = null
   }
 
-  _toggleProgressBar(time) {
+  _toggleProgressBar(enable) {
     const progressBarElement = SelectorEngine.findOne(CLASS_PROGRESS_BAR, this._element)
     if (!progressBarElement) {
       return
     }
 
-    if (time) {
-      progressBarElement.classList.add('animated')
-      progressBarElement.style.animationDuration = `${time}ms`
+    if (enable) {
+      progressBarElement.classList.add(CLASS_NAME_PROGRESS_BAR_ANIMATED)
+      progressBarElement.style.animationDuration = `${this._config.delay}ms`
       return
     }
 
-    progressBarElement.classList.remove('animated')
-    reflow(progressBarElement)
+    progressBarElement.classList.remove(CLASS_NAME_PROGRESS_BAR_ANIMATED)
   }
 
   // Static