upgrade

plugin/h5p/cache-h5p/launch/workspace/H5P.Transition-1.0/library.json

@@ -0,0 +1,16 @@
+{
+  "machineName": "H5P.Transition",
+  "title": "Transition",
+  "description": "Contains helper function relevant for transitioning",
+  "license": "MIT",
+  "author": "Joubel",
+  "majorVersion": 1,
+  "minorVersion": 0,
+  "patchVersion": 4,
+  "runnable": 0,
+  "preloadedJs": [
+    {
+      "path": "transition.js"
+    }
+  ]
+}

plugin/h5p/cache-h5p/launch/workspace/H5P.Transition-1.0/transition.js

@@ -0,0 +1,158 @@
+var H5P = H5P || {};
+/**
+ * Transition contains helper function relevant for transitioning
+ */
+H5P.Transition = (function ($) {
+
+  /**
+   * @class
+   * @namespace H5P
+   */
+  Transition = {};
+
+  /**
+   * @private
+   */
+  Transition.transitionEndEventNames = {
+    'WebkitTransition': 'webkitTransitionEnd',
+    'transition':       'transitionend',
+    'MozTransition':    'transitionend',
+    'OTransition':      'oTransitionEnd',
+    'msTransition':     'MSTransitionEnd'
+  };
+
+  /**
+   * @private
+   */
+  Transition.cache = [];
+
+  /**
+   * Get the vendor property name for an event
+   *
+   * @function H5P.Transition.getVendorPropertyName
+   * @static
+   * @private
+   * @param  {string} prop Generic property name
+   * @return {string}      Vendor specific property name
+   */
+  Transition.getVendorPropertyName = function (prop) {
+
+    if (Transition.cache[prop] !== undefined) {
+      return Transition.cache[prop];
+    }
+
+    var div = document.createElement('div');
+
+    // Handle unprefixed versions (FF16+, for example)
+    if (prop in div.style) {
+      Transition.cache[prop] = prop;
+    }
+    else {
+      var prefixes = ['Moz', 'Webkit', 'O', 'ms'];
+      var prop_ = prop.charAt(0).toUpperCase() + prop.substr(1);
+
+      if (prop in div.style) {
+        Transition.cache[prop] = prop;
+      }
+      else {
+        for (var i = 0; i < prefixes.length; ++i) {
+          var vendorProp = prefixes[i] + prop_;
+          if (vendorProp in div.style) {
+            Transition.cache[prop] = vendorProp;
+            break;
+          }
+        }
+      }
+    }
+
+    return Transition.cache[prop];
+  };
+
+  /**
+   * Get the name of the transition end event
+   *
+   * @static
+   * @private
+   * @return {string}  description
+   */
+  Transition.getTransitionEndEventName = function () {
+    return Transition.transitionEndEventNames[Transition.getVendorPropertyName('transition')] || undefined;
+  };
+
+  /**
+   * Helper function for listening on transition end events
+   *
+   * @function H5P.Transition.onTransitionEnd
+   * @static
+   * @param  {domElement} $element The element which is transitioned
+   * @param  {function} callback The callback to be invoked when transition is finished
+   * @param  {number} timeout  Timeout in milliseconds. Fallback if transition event is never fired
+   */
+  Transition.onTransitionEnd = function ($element, callback, timeout) {
+    // Fallback on 1 second if transition event is not supported/triggered
+    timeout = timeout || 1000;
+    Transition.transitionEndEventName = Transition.transitionEndEventName || Transition.getTransitionEndEventName();
+    var callbackCalled = false;
+
+    var doCallback = function () {
+      if (callbackCalled) {
+        return;
+      }
+      $element.off(Transition.transitionEndEventName, callback);
+      callbackCalled = true;
+      clearTimeout(timer);
+      callback();
+    };
+
+    var timer = setTimeout(function () {
+      doCallback();
+    }, timeout);
+
+    $element.on(Transition.transitionEndEventName, function () {
+      doCallback();
+    });
+  };
+
+  /**
+   * Wait for a transition - when finished, invokes next in line
+   *
+   * @private
+   *
+   * @param {Object[]}    transitions             Array of transitions
+   * @param {H5P.jQuery}  transitions[].$element  Dom element transition is performed on
+   * @param {number=}     transitions[].timeout   Timeout fallback if transition end never is triggered
+   * @param {bool=}       transitions[].break     If true, sequence breaks after this transition
+   * @param {number}      index                   The index for current transition
+   */
+  var runSequence = function (transitions, index) {
+    if (index >= transitions.length) {
+      return;
+    }
+
+    var transition = transitions[index];
+    H5P.Transition.onTransitionEnd(transition.$element, function () {
+      if (transition.end) {
+        transition.end();
+      }
+      if (transition.break !== true) {
+        runSequence(transitions, index+1);
+      }
+    }, transition.timeout || undefined);
+  };
+
+  /**
+   * Run a sequence of transitions
+   *
+   * @function H5P.Transition.sequence
+   * @static
+   * @param {Object[]}    transitions             Array of transitions
+   * @param {H5P.jQuery}  transitions[].$element  Dom element transition is performed on
+   * @param {number=}     transitions[].timeout   Timeout fallback if transition end never is triggered
+   * @param {bool=}       transitions[].break     If true, sequence breaks after this transition
+   */
+  Transition.sequence = function (transitions) {
+    runSequence(transitions, 0);
+  };
+
+  return Transition;
+})(H5P.jQuery);