Update toast.js & toasts.md

js/src/toast.js

@@ -194,7 +194,24 @@ class Toast extends BaseComponent {
     this._timeout = null
   }
 
+  _toggleProgressBar(time) {
+    const progressBarElement = SelectorEngine.findOne(CLASS_PROGRESS_BAR, this._element)
+    if (!progressBarElement) {
+      return
+    }
+
+    if (time) {
+      progressBarElement.classList.add('animated')
+      progressBarElement.style.animationDuration = `${time}ms`
+      return
+    }
+
+    progressBarElement.classList.remove('animated')
+    reflow(progressBarElement)
+  }
+
   // Static
+
   static jQueryInterface(config) {
     return this.each(function () {
       const data = Toast.getOrCreateInstance(this, config)
@@ -208,23 +225,6 @@ class Toast extends BaseComponent {
       }
     })
   }
-
-  _toggleProgressBar(time) {
-    const progressBarElement = SelectorEngine.findOne(CLASS_PROGRESS_BAR, this._element)
-    if (!progressBarElement) {
-      return
-    }
-
-    if (time) {
-      progressBarElement.classList.add('animated')
-      progressBarElement.style.animationDuration = `${time}ms`
-      // reflow(progressBarElement)
-      return
-    }
-
-    progressBarElement.classList.remove('animated')
-    reflow(progressBarElement)
-  }
 }
 
 /**

site/content/docs/5.2/components/toasts.md

@@ -60,7 +60,7 @@ Click the button below to show a toast (positioned with our utilities in the low
     <div class="toast-body">
       Hello, world! This is a toast message.
     </div>
-  <div class="toast-progress"></div>
+    <div class="toast-progress"></div>
   </div>
 </div>