@clappr/player 0.6.0 → 0.7.0

package/dist/clappr.js

@@ -117,11 +117,11 @@
     if ("object" != typeof t || !t) return t;
     var e = t[Symbol.toPrimitive];
     if (void 0 !== e) {
-      var i = e.call(t, r || "default");
+      var i = e.call(t, r);
       if ("object" != typeof i) return i;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return ("string" === r ? String : Number)(t);
+    return String(t);
   }
   function _toPropertyKey$2(t) {
     var i = _toPrimitive$2(t, "string");
@@ -275,7 +275,7 @@
   function _createForOfIteratorHelper(o, allowArrayLike) {
     var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
     if (!it) {
-      if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike) {
         if (it) o = it;
         var i = 0;
         var F = function () {};
@@ -323,167 +323,6 @@
       }
     };
   }
-
-  // Copyright 2014 Globo.com Player authors. All rights reserved.
-  // Use of this source code is governed by a BSD-style
-  // license that can be found in the LICENSE file.
-
-  /* istanbul ignore file */
-
-  /**
-   * Array.prototype.find
-   *
-   * Original source : https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find
-   * See also : https://tc39.github.io/ecma262/#sec-array.prototype.find
-   */
-  if (!Array.prototype.find) {
-    // eslint-disable-next-line
-    Object.defineProperty(Array.prototype, 'find', {
-      // Note: ES6 arrow function syntax is not used on purpose to avoid this to be undefined
-      value: function value(predicate) {
-        // 1. Let O be ? ToObject(this value).
-        if (this == null) throw new TypeError('"this" is null or not defined');
-        var o = Object(this);
-
-        // 2. Let len be ? ToLength(? Get(O, "length")).
-        var len = o.length >>> 0;
-
-        // 3. If IsCallable(predicate) is false, throw a TypeError exception.
-        if (typeof predicate !== 'function') throw new TypeError('predicate must be a function');
-
-        // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
-        var thisArg = arguments[1];
-
-        // 5. Let k be 0.
-        var k = 0;
-
-        // 6. Repeat, while k < len
-        while (k < len) {
-          // a. Let Pk be ! ToString(k).
-          // b. Let kValue be ? Get(O, Pk).
-          // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
-          // d. If testResult is true, return kValue.
-          var kValue = o[k];
-          if (predicate.call(thisArg, kValue, k, o)) return kValue;
-
-          // e. Increase k by 1.
-          k++;
-        }
-
-        // 7. Return undefined.
-        return undefined;
-      }
-    });
-  }
-
-  // polyfills for smart TVs
-
-  if (!Object.entries) {
-    Object.entries = function (obj) {
-      var ownProps = Object.keys(obj),
-        i = ownProps.length,
-        resArray = new Array(i); // preallocate the Array
-      while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]];
-      return resArray;
-    };
-  }
-  if (!Object.values) {
-    Object.values = function (obj) {
-      var ownProps = Object.keys(obj),
-        i = ownProps.length,
-        resArray = new Array(i); // preallocate the Array
-      while (i--) resArray[i] = obj[ownProps[i]];
-      return resArray;
-    };
-  }
-
-  /**
-   * Object.assign
-   * This polyfill doesn't support symbol properties, since ES5 doesn't have symbols anyway
-   *
-   * Original source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
-   */
-  if (typeof Object.assign != 'function') {
-    // Must be writable: true, enumerable: false, configurable: true
-    Object.defineProperty(Object, 'assign', {
-      // length of function is 2.
-      value: function assign(target, varArgs) {
-        if (target == null) {
-          // TypeError if undefined or null
-          throw new TypeError('Cannot convert undefined or null to object');
-        }
-        var to = Object(target);
-        for (var index = 1; index < arguments.length; index++) {
-          var nextSource = arguments[index];
-          if (nextSource != null) {
-            // Skip over if undefined or null
-            for (var nextKey in nextSource) {
-              // Avoid bugs when hasOwnProperty is shadowed
-              if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
-                to[nextKey] = nextSource[nextKey];
-              }
-            }
-          }
-        }
-        return to;
-      },
-      writable: true,
-      configurable: true
-    });
-  }
-
-  // https://tc39.github.io/ecma262/#sec-array.prototype.findindex
-  if (!Array.prototype.findIndex) {
-    Object.defineProperty(Array.prototype, 'findIndex', {
-      value: function value(predicate) {
-        // 1. Let O be ? ToObject(this value).
-        if (this == null) {
-          throw new TypeError('"this" is null or not defined');
-        }
-        var o = Object(this);
-
-        // 2. Let len be ? ToLength(? Get(O, "length")).
-        var len = o.length >>> 0;
-
-        // 3. If IsCallable(predicate) is false, throw a TypeError exception.
-        if (typeof predicate !== 'function') {
-          throw new TypeError('predicate must be a function');
-        }
-
-        // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
-        var thisArg = arguments[1];
-
-        // 5. Let k be 0.
-        var k = 0;
-
-        // 6. Repeat, while k < len
-        while (k < len) {
-          // a. Let Pk be ! ToString(k).
-          // b. Let kValue be ? Get(O, Pk).
-          // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
-          // d. If testResult is true, return k.
-          var kValue = o[k];
-          if (predicate.call(thisArg, kValue, k, o)) {
-            return k;
-          }
-          // e. Increase k by 1.
-          k++;
-        }
-
-        // 7. Return -1.
-        return -1;
-      },
-      configurable: true,
-      writable: true
-    });
-  }
-
-  /* istanbul ignore file */
-  // https://github.com/mathiasbynens/small
-  var mp4 = 'data:video/mp4;base64,AAAAHGZ0eXBpc29tAAACAGlzb21pc28ybXA0MQAAAAhmcmVlAAAC721kYXQhEAUgpBv/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3pwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcCEQBSCkG//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADengAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAAAsJtb292AAAAbG12aGQAAAAAAAAAAAAAAAAAAAPoAAAALwABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAB7HRyYWsAAABcdGtoZAAAAAMAAAAAAAAAAAAAAAIAAAAAAAAALwAAAAAAAAAAAAAAAQEAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAAC8AAAAAAAEAAAAAAWRtZGlhAAAAIG1kaGQAAAAAAAAAAAAAAAAAAKxEAAAIAFXEAAAAAAAtaGRscgAAAAAAAAAAc291bgAAAAAAAAAAAAAAAFNvdW5kSGFuZGxlcgAAAAEPbWluZgAAABBzbWhkAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAADTc3RibAAAAGdzdHNkAAAAAAAAAAEAAABXbXA0YQAAAAAAAAABAAAAAAAAAAAAAgAQAAAAAKxEAAAAAAAzZXNkcwAAAAADgICAIgACAASAgIAUQBUAAAAAAfQAAAHz+QWAgIACEhAGgICAAQIAAAAYc3R0cwAAAAAAAAABAAAAAgAABAAAAAAcc3RzYwAAAAAAAAABAAAAAQAAAAIAAAABAAAAHHN0c3oAAAAAAAAAAAAAAAIAAAFzAAABdAAAABRzdGNvAAAAAAAAAAEAAAAsAAAAYnVkdGEAAABabWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAbWRpcmFwcGwAAAAAAAAAAAAAAAAtaWxzdAAAACWpdG9vAAAAHWRhdGEAAAABAAAAAExhdmY1Ni40MC4xMDE=';
-  var Media = {
-    mp4: mp4
-  };
   function getDefaultExportFromCjs$1(x) {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
   }
@@ -2317,6 +2156,167 @@
   var zepto = Zepto;
   var $ = /*@__PURE__*/getDefaultExportFromCjs$1(zepto);
 
+  // Copyright 2014 Globo.com Player authors. All rights reserved.
+  // Use of this source code is governed by a BSD-style
+  // license that can be found in the LICENSE file.
+
+  /* istanbul ignore file */
+
+  /**
+   * Array.prototype.find
+   *
+   * Original source : https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find
+   * See also : https://tc39.github.io/ecma262/#sec-array.prototype.find
+   */
+  if (!Array.prototype.find) {
+    // eslint-disable-next-line
+    Object.defineProperty(Array.prototype, 'find', {
+      // Note: ES6 arrow function syntax is not used on purpose to avoid this to be undefined
+      value: function value(predicate) {
+        // 1. Let O be ? ToObject(this value).
+        if (this == null) throw new TypeError('"this" is null or not defined');
+        var o = Object(this);
+
+        // 2. Let len be ? ToLength(? Get(O, "length")).
+        var len = o.length >>> 0;
+
+        // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+        if (typeof predicate !== 'function') throw new TypeError('predicate must be a function');
+
+        // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+        var thisArg = arguments[1];
+
+        // 5. Let k be 0.
+        var k = 0;
+
+        // 6. Repeat, while k < len
+        while (k < len) {
+          // a. Let Pk be ! ToString(k).
+          // b. Let kValue be ? Get(O, Pk).
+          // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+          // d. If testResult is true, return kValue.
+          var kValue = o[k];
+          if (predicate.call(thisArg, kValue, k, o)) return kValue;
+
+          // e. Increase k by 1.
+          k++;
+        }
+
+        // 7. Return undefined.
+        return undefined;
+      }
+    });
+  }
+
+  // polyfills for smart TVs
+
+  if (!Object.entries) {
+    Object.entries = function (obj) {
+      var ownProps = Object.keys(obj),
+        i = ownProps.length,
+        resArray = new Array(i); // preallocate the Array
+      while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]];
+      return resArray;
+    };
+  }
+  if (!Object.values) {
+    Object.values = function (obj) {
+      var ownProps = Object.keys(obj),
+        i = ownProps.length,
+        resArray = new Array(i); // preallocate the Array
+      while (i--) resArray[i] = obj[ownProps[i]];
+      return resArray;
+    };
+  }
+
+  /**
+   * Object.assign
+   * This polyfill doesn't support symbol properties, since ES5 doesn't have symbols anyway
+   *
+   * Original source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
+   */
+  if (typeof Object.assign != 'function') {
+    // Must be writable: true, enumerable: false, configurable: true
+    Object.defineProperty(Object, 'assign', {
+      // length of function is 2.
+      value: function assign(target, varArgs) {
+        if (target == null) {
+          // TypeError if undefined or null
+          throw new TypeError('Cannot convert undefined or null to object');
+        }
+        var to = Object(target);
+        for (var index = 1; index < arguments.length; index++) {
+          var nextSource = arguments[index];
+          if (nextSource != null) {
+            // Skip over if undefined or null
+            for (var nextKey in nextSource) {
+              // Avoid bugs when hasOwnProperty is shadowed
+              if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+                to[nextKey] = nextSource[nextKey];
+              }
+            }
+          }
+        }
+        return to;
+      },
+      writable: true,
+      configurable: true
+    });
+  }
+
+  // https://tc39.github.io/ecma262/#sec-array.prototype.findindex
+  if (!Array.prototype.findIndex) {
+    Object.defineProperty(Array.prototype, 'findIndex', {
+      value: function value(predicate) {
+        // 1. Let O be ? ToObject(this value).
+        if (this == null) {
+          throw new TypeError('"this" is null or not defined');
+        }
+        var o = Object(this);
+
+        // 2. Let len be ? ToLength(? Get(O, "length")).
+        var len = o.length >>> 0;
+
+        // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+        if (typeof predicate !== 'function') {
+          throw new TypeError('predicate must be a function');
+        }
+
+        // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+        var thisArg = arguments[1];
+
+        // 5. Let k be 0.
+        var k = 0;
+
+        // 6. Repeat, while k < len
+        while (k < len) {
+          // a. Let Pk be ! ToString(k).
+          // b. Let kValue be ? Get(O, Pk).
+          // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+          // d. If testResult is true, return k.
+          var kValue = o[k];
+          if (predicate.call(thisArg, kValue, k, o)) {
+            return k;
+          }
+          // e. Increase k by 1.
+          k++;
+        }
+
+        // 7. Return -1.
+        return -1;
+      },
+      configurable: true,
+      writable: true
+    });
+  }
+
+  /* istanbul ignore file */
+  // https://github.com/mathiasbynens/small
+  var mp4 = 'data:video/mp4;base64,AAAAHGZ0eXBpc29tAAACAGlzb21pc28ybXA0MQAAAAhmcmVlAAAC721kYXQhEAUgpBv/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3pwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcCEQBSCkG//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADengAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAAAsJtb292AAAAbG12aGQAAAAAAAAAAAAAAAAAAAPoAAAALwABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAB7HRyYWsAAABcdGtoZAAAAAMAAAAAAAAAAAAAAAIAAAAAAAAALwAAAAAAAAAAAAAAAQEAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAAC8AAAAAAAEAAAAAAWRtZGlhAAAAIG1kaGQAAAAAAAAAAAAAAAAAAKxEAAAIAFXEAAAAAAAtaGRscgAAAAAAAAAAc291bgAAAAAAAAAAAAAAAFNvdW5kSGFuZGxlcgAAAAEPbWluZgAAABBzbWhkAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAADTc3RibAAAAGdzdHNkAAAAAAAAAAEAAABXbXA0YQAAAAAAAAABAAAAAAAAAAAAAgAQAAAAAKxEAAAAAAAzZXNkcwAAAAADgICAIgACAASAgIAUQBUAAAAAAfQAAAHz+QWAgIACEhAGgICAAQIAAAAYc3R0cwAAAAAAAAABAAAAAgAABAAAAAAcc3RzYwAAAAAAAAABAAAAAQAAAAIAAAABAAAAHHN0c3oAAAAAAAAAAAAAAAIAAAFzAAABdAAAABRzdGNvAAAAAAAAAAEAAAAsAAAAYnVkdGEAAABabWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAbWRpcmFwcGwAAAAAAAAAAAAAAAAtaWxzdAAAACWpdG9vAAAAHWRhdGEAAAABAAAAAExhdmY1Ni40MC4xMDE=';
+  var Media = {
+    mp4: mp4
+  };
+
   /* eslint-disable no-useless-escape */
   // The order of the following arrays is important, be careful if you change it.
 
@@ -2809,6 +2809,13 @@
     assign(Surrogate.prototype, properties);
     return Surrogate;
   }
+
+  /**
+   *
+   * @param {number} time
+   * @param {*=} paddedHours
+   * @returns
+   */
   function formatTime$2(time, paddedHours) {
     if (!isFinite(time)) return '--:--';
     time = time * 1000;
@@ -3335,6 +3342,7 @@
           off();
           callback.apply(this, arguments);
         };
+        _once._callback = callback;
         return this.on(name, _once, context);
       }
 
@@ -3436,20 +3444,35 @@
       }
     }]);
   }();
-  var listenMethods = {
-    listenTo: 'on',
-    listenToOnce: 'once'
+  Events.prototype.listenTo = function (obj, name, callback) {
+    var listeningTo = this._listeningTo || (this._listeningTo = {});
+    var id = obj._listenId || (obj._listenId = uniqueId('l'));
+    listeningTo[id] = obj;
+    if (!callback && _typeof(name) === 'object') callback = this;
+    obj.on(name, callback, this);
+    return this;
+  };
+
+  /**
+   * listen to an event once for a given `obj`
+   * @method listenToOnce
+   * @param {Object} obj
+   * @param {String} name
+   * @param {Function} callback
+   * @param {Object} context
+   * @example
+   * ```javascript
+   * this.listenToOnce(this.core.playback, Events.PLAYBACK_PAUSE, this.callback)
+   * ```
+   */
+  Events.prototype.listenToOnce = function (obj, name, callback) {
+    var listeningTo = this._listeningTo || (this._listeningTo = {});
+    var id = obj._listenId || (obj._listenId = uniqueId('l'));
+    listeningTo[id] = obj;
+    if (!callback && _typeof(name) === 'object') callback = this;
+    obj.once(name, callback, this);
+    return this;
   };
-  Object.keys(listenMethods).forEach(function (method) {
-    Events.prototype[method] = function (obj, name, callback) {
-      var listeningTo = this._listeningTo || (this._listeningTo = {});
-      var id = obj._listenId || (obj._listenId = uniqueId('l'));
-      listeningTo[id] = obj;
-      if (!callback && _typeof(name) === 'object') callback = this;
-      obj[listenMethods[method]](name, callback, this);
-      return this;
-    };
-  });
 
   // PLAYER EVENTS
   /**
@@ -4226,9 +4249,14 @@
   };
   var counter = 0;
 
-  // JavaScript micro-templating, similar to John Resig's implementation.
-  // Underscore templating handles arbitrary delimiters, preserves whitespace,
-  // and correctly escapes quotes within interpolated code.
+  /**
+   * JavaScript micro-templating, similar to John Resig's implementation.
+   * Underscore templating handles arbitrary delimiters, preserves whitespace,
+   * and correctly escapes quotes within interpolated code.
+   * @param {string} text
+   * @param {*=} data
+   * @returns
+   */
   var tmpl = function tmpl(text, data) {
     var render;
 
@@ -4306,6 +4334,12 @@
       var _this;
       _classCallCheck$2(this, UIObject);
       _this = _callSuper$1(this, UIObject, [options]);
+      /**
+       * a unique id prefixed with `'c'`, `c1, c232`
+       *
+       * @property cid
+       * @type String
+       */
       _this.cid = uniqueId('c');
       _this._ensureElement();
       _this.delegateEvents();
@@ -4326,25 +4360,6 @@
     return _createClass$2(UIObject, [{
       key: "tagName",
       get:
-      /**
-       * a unique id prefixed with `'c'`, `c1, c232`
-       *
-       * @property cid
-       * @type String
-       */
-      /**
-       * the dom element itself
-       *
-       * @property el
-       * @type HTMLElement
-       */
-      /**
-       * the dom element wrapped by `$`
-       *
-       * @property $el
-       * @type HTMLElement
-       */
-
       /**
        * gets the tag name for the ui component
        * @method tagName
@@ -4443,7 +4458,19 @@
       key: "setElement",
       value: function setElement(element, delegate) {
         if (this.$el) this.undelegateEvents();
+        /**
+         * the dom element wrapped by `$`
+         *
+         * @property $el
+         * @type import("clappr-zepto").ZeptoCollection
+         */
         this.$el = $.zepto.isZ(element) ? element : $(element);
+        /**
+         * the dom element itself
+         *
+         * @property el
+         * @type HTMLElement
+         */
         this.el = this.$el[0];
         if (delegate !== false) this.delegateEvents();
         return this;
@@ -4973,6 +5000,7 @@
           return plugin.destroy();
         });
         this.$el.remove();
+        this.undelegateEvents();
       }
     }, {
       key: "setStyle",
@@ -5923,12 +5951,13 @@
       _this._boundFullscreenHandler = function () {
         return _this.handleFullscreenChange();
       };
+      _this._boundHandleWindowResize = function (o) {
+        return _this.handleWindowResize(o);
+      };
       $(document).bind('fullscreenchange', _this._boundFullscreenHandler);
       $(document).bind('MSFullscreenChange', _this._boundFullscreenHandler);
       $(document).bind('mozfullscreenchange', _this._boundFullscreenHandler);
-      Browser.isMobile && $(window).bind('resize', function (o) {
-        _this.handleWindowResize(o);
-      });
+      Browser.isMobile && $(window).bind('resize', _this._boundHandleWindowResize);
       return _this;
     }
     _inherits$2(Core, _UIObject);
@@ -6201,7 +6230,9 @@
         $(document).unbind('fullscreenchange', this._boundFullscreenHandler);
         $(document).unbind('MSFullscreenChange', this._boundFullscreenHandler);
         $(document).unbind('mozfullscreenchange', this._boundFullscreenHandler);
+        Browser.isMobile && $(window).unbind('resize', this._boundHandleWindowResize);
         this.stopListening();
+        this.undelegateEvents();
       }
     }, {
       key: "handleFullscreenChange",
@@ -6228,6 +6259,7 @@
       key: "removeContainer",
       value: function removeContainer(container) {
         this.stopListening(container);
+        this.containerFactory.stopListening(container);
         this.containers = this.containers.filter(function (c) {
           return c !== container;
         });
@@ -6530,7 +6562,7 @@
       plugins: {},
       playbacks: []
     };
-    var currentVersion = "0.7.2";
+    var currentVersion = "0.8.0";
     return /*#__PURE__*/function () {
       /**
        * builds the loader
@@ -7665,7 +7697,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8163,6 +8195,7 @@
       key: "destroy",
       value: function destroy() {
         this._destroyed = true;
+        this._stopPlayheadMovingChecks();
         this.handleTextTrackChange && this.el.textTracks.removeEventListener('change', this.handleTextTrackChange);
         this.$el.off('contextmenu');
         _get$2(_getPrototypeOf$2(HTML5Video.prototype), "destroy", this).call(this);
@@ -8425,7 +8458,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8480,7 +8513,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8560,7 +8593,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8686,7 +8719,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8827,7 +8860,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8852,7 +8885,11 @@
   // Use of this source code is governed by a BSD-style
   // license that can be found in the LICENSE file.
 
-  var version$1 = "0.7.2";
+  /** @constant
+      @type {string}
+      @default
+  */
+  var version$1 = "0.8.0";
 
   // Built-in Plugins/Playbacks
 
@@ -9016,7 +9053,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9075,7 +9112,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9234,7 +9271,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9361,7 +9398,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9409,7 +9446,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9529,7 +9566,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9648,7 +9685,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -10138,7 +10175,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -10938,7 +10975,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11141,7 +11178,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11343,7 +11380,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11421,7 +11458,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11542,7 +11579,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11614,7 +11651,7 @@
     WaterMark: WaterMarkPlugin
   };
 
-  var version = "0.6.0";
+  var version = "0.7.0";
   for (var _i = 0, _Object$values = Object.values(Plugins); _i < _Object$values.length; _i++) {
     var plugin = _Object$values[_i];
     Loader.registerPlugin(plugin);
@@ -29312,7 +29349,7 @@
               // next segment's program date/time group 5 => the datetime spec
               /#.*/.source // All other non-segment oriented tags will match with all groups empty
               ].join('|'), 'g');
-              var LEVEL_PLAYLIST_REGEX_SLOW = new RegExp([/#(EXTM3U)/.source, /#EXT-X-(DATERANGE|KEY|MAP|PART|PART-INF|PLAYLIST-TYPE|PRELOAD-HINT|RENDITION-REPORT|SERVER-CONTROL|SKIP|START):(.+)/.source, /#EXT-X-(BITRATE|DISCONTINUITY-SEQUENCE|MEDIA-SEQUENCE|TARGETDURATION|"0.6.0"): *(\d+)/.source, /#EXT-X-(DISCONTINUITY|ENDLIST|GAP)/.source, /(#)([^:]*):(.*)/.source, /(#)(.*)(?:.*)\r?\n?/.source].join('|'));
+              var LEVEL_PLAYLIST_REGEX_SLOW = new RegExp([/#(EXTM3U)/.source, /#EXT-X-(DATERANGE|KEY|MAP|PART|PART-INF|PLAYLIST-TYPE|PRELOAD-HINT|RENDITION-REPORT|SERVER-CONTROL|SKIP|START):(.+)/.source, /#EXT-X-(BITRATE|DISCONTINUITY-SEQUENCE|MEDIA-SEQUENCE|TARGETDURATION|"0.7.0"): *(\d+)/.source, /#EXT-X-(DISCONTINUITY|ENDLIST|GAP)/.source, /(#)([^:]*):(.*)/.source, /(#)(.*)(?:.*)\r?\n?/.source].join('|'));
               var MP4_REGEX_SUFFIX = /\.(mp4|m4s|m4v|m4a)$/i;
               function isMP4Url(url) {
                 var _URLToolkit$parseURL$, _URLToolkit$parseURL;
@@ -29553,7 +29590,7 @@
                         case 'TARGETDURATION':
                           level.targetduration = parseFloat(value1);
                           break;
-                        case '"0.6.0"':
+                        case '"0.7.0"':
                           level.version = parseInt(value1);
                           break;
                         case 'EXTM3U':
@@ -38424,7 +38461,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.7.2"
+          min: "0.8.0"
         };
       }
     }, {
@@ -38612,7 +38649,7 @@
       key: "_destroyHLSInstance",
       value: function _destroyHLSInstance() {
         if (!this._hls) return;
-        this._manifestParsed = false;
+        this._manifestLoading = false;
         this._ccIsSetup = false;
         this._ccTracksUpdated = false;
         this._setInitialState();
@@ -38639,8 +38676,8 @@
         this._hls.once(HLSJS.Events.MEDIA_ATTACHED, function () {
           _this2.options.hlsPlayback.preload && _this2._hls.loadSource(_this2.options.src);
         });
-        this._hls.on(HLSJS.Events.MANIFEST_PARSED, function () {
-          return _this2._manifestParsed = true;
+        this._hls.on(HLSJS.Events.MANIFEST_LOADING, function () {
+          return _this2._manifestLoading = true;
         });
         this._hls.on(HLSJS.Events.LEVEL_LOADED, function (evt, data) {
           return _this2._updatePlaybackType(evt, data);
@@ -38976,7 +39013,7 @@
       key: "play",
       value: function play() {
         !this._hls && this._setup();
-        !this._manifestParsed && !this.options.hlsPlayback.preload && this._hls.loadSource(this.options.src);
+        !this._manifestLoading && !this.options.hlsPlayback.preload && this._hls.loadSource(this.options.src);
         _get(_getPrototypeOf(HlsjsPlayback.prototype), "play", this).call(this);
         this._startTimeUpdateTimer();
       }