Merge js-components 'transitionend' listener callbacks into one method

1 files changed, 17 insertions, 0 deletions

diff --git a/js/src/base-component.js b/js/src/base-component.js
index a0bb62319..7d2a5b1e8 100644
--- a/js/src/base-component.js
+++ b/js/src/base-component.js
@@ -6,6 +6,11 @@
  */
 
 import Data from './dom/data'
+import {
+  emulateTransitionEnd,
+  execute,
+  getTransitionDurationFromElement
+} from './util/index'
 import EventHandler from './dom/event-handler'
 
 /**
@@ -34,6 +39,18 @@ class BaseComponent {
     this._element = null
   }
 
+  _queueCallback(callback, element, isAnimated = true) {
+    if (!isAnimated) {
+      execute(callback)
+      return
+    }
+
+    const transitionDuration = getTransitionDurationFromElement(element)
+    EventHandler.one(element, 'transitionend', () => execute(callback))
+
+    emulateTransitionEnd(element, transitionDuration)
+  }
+
   /** Static */
 
   static getInstance(element) {