xgplayer 3.0.24 → 3.0.25-alpha.0

package/es/lang/zh-hk.js

@@ -71,7 +71,7 @@ var zhHk = {
     MINISCREEN: "\u5C0F\u5C4F\u5E55",
     REFRESH_TIPS: "\u8ACB\u8A66\u8A66",
     REFRESH: "\u5237\u65B0",
-    FORWARD: "\u5FEB\u8FDB\u4E2D",
+    FORWARD: "\u5FEB\u9032\u4E2D",
     LIVE_TIP: "\u76F4\u64AD"
   }
 };

package/es/mediaProxy.d.ts

@@ -121,6 +121,23 @@ declare class MediaProxy {
      * @param { any } [media]
      */
     detachVideoEvents(media?: any): void;
+    /**
+     * @description Assemble source elements for the media element,
+     *  and add error event listeners to each source element
+     * @public
+     */
+    public assembleSource(urls: any, mediaEl: any): void;
+    /**
+     * @private
+     */
+    private _videoSourceCount;
+    _videoSourceIndex: any;
+    _sourceError: (e: any) => void;
+    /**
+     * @description disassemble source elements for the media element
+     * @public
+     */
+    public disassembleSource(mediaEl: any): void;
     /**
      * 针对source列表播放方式添加错误监听
      * @doc https://stackoverflow.com/questions/47557135/html5-detect-the-type-of-error-when-trying-to-load-a-video-using-a-source-elem
@@ -132,13 +149,7 @@ declare class MediaProxy {
         src: string;
         type: string;
     }>): void;
-    /**
-     * @private
-     */
-    private _videoSourceCount;
-    _videoSourceIndex: number;
     _vLoadeddata: (e: any) => void;
-    _sourceError: (e: any) => void;
     /**
      * 移除source列表错误事件监听
      * @protected

package/es/mediaProxy.js

@@ -3,7 +3,7 @@ import EventEmitter from "eventemitter3";
 import util from "./utils/util.js";
 import sniffer from "./utils/sniffer.js";
 import Errors, { ERROR_TYPE_MAP } from "./error.js";
-import { VIDEO_EVENTS, SOURCE_SUCCESS, SOURCE_ERROR, URL_CHANGE, WAITING } from "./events.js";
+import { VIDEO_EVENTS, SOURCE_ERROR, SOURCE_SUCCESS, URL_CHANGE, WAITING } from "./events.js";
 function emitVideoEvent(eventKey, e) {
   if (!this || !this.emit) {
     return;
@@ -183,30 +183,20 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
       this._evHandlers = null;
     }
   }, {
-    key: "_attachSourceEvents",
-    value: function _attachSourceEvents(video, urls) {
+    key: "assembleSource",
+    value: function assembleSource(urls, mediaEl) {
       var _this6 = this;
-      video.removeAttribute("src");
-      video.load();
+      var media = mediaEl || this.media || this.video;
       urls.forEach(function(item, index) {
-        _this6.media.appendChild(util.createDom("source", "", {
+        media.appendChild(util.createDom("source", "", {
           src: "".concat(item.src),
           type: "".concat(item.type || ""),
           "data-index": index + 1
         }));
       });
-      var _c = video.children;
-      if (!_c) {
-        return;
-      }
+      var _c = media.children;
       this._videoSourceCount = _c.length;
       this._videoSourceIndex = _c.length;
-      this._vLoadeddata = function(e) {
-        _this6.emit(SOURCE_SUCCESS, {
-          src: e.target.currentSrc,
-          host: util.getHostFromUrl(e.target.currentSrc)
-        });
-      };
       var _eHandler = null;
       for (var i = 0; i < this._evHandlers.length; i++) {
         if (Object.keys(this._evHandlers[i])[0] === "error") {
@@ -239,12 +229,12 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
       for (var _i = 0; _i < _c.length; _i++) {
         _c[_i].addEventListener("error", this._sourceError);
       }
-      video.addEventListener("loadeddata", this._vLoadeddata);
     }
   }, {
-    key: "_detachSourceEvents",
-    value: function _detachSourceEvents(video) {
-      var _c = video.children;
+    key: "disassembleSource",
+    value: function disassembleSource(mediaEl) {
+      var media = mediaEl || this.media || this.video;
+      var _c = media.children;
       if (!_c || _c.length === 0 || !this._sourceError) {
         return;
       }
@@ -252,8 +242,32 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
         _c[i].removeEventListener("error", this._sourceError);
       }
       while (_c.length > 0) {
-        video.removeChild(_c[0]);
+        media.removeChild(_c[0]);
       }
+    }
+  }, {
+    key: "_attachSourceEvents",
+    value: function _attachSourceEvents(video, urls) {
+      var _this7 = this;
+      video.removeAttribute("src");
+      video.load();
+      this.assembleSource(video, urls);
+      var _c = video.children;
+      if (!_c) {
+        return;
+      }
+      this._vLoadeddata = function(e) {
+        _this7.emit(SOURCE_SUCCESS, {
+          src: e.target.currentSrc,
+          host: util.getHostFromUrl(e.target.currentSrc)
+        });
+      };
+      video.addEventListener("loadeddata", this._vLoadeddata);
+    }
+  }, {
+    key: "_detachSourceEvents",
+    value: function _detachSourceEvents(video) {
+      this.disassembleSource(video);
       this._vLoadeddata && video.removeEventListener("loadeddata", this._vLoadeddata);
     }
   }, {

package/es/player.d.ts

@@ -373,10 +373,10 @@ declare class Player extends MediaProxy {
     };
     /**
      * get a plugin instance
-     * @param { string } pluginName
+     * @param { string | function } condition
      * @return { null | any } plugin
      */
-    getPlugin(pluginName: string): null | any;
+    getPlugin(condition: string | Function): null | any;
     /**
      *
      * @param { string } className

package/es/player.js

@@ -28,7 +28,7 @@ export { default as I18N } from "./lang/i18n.js";
 import version from "./version.js";
 import { STATES, STATE_ARRAY } from "./state.js";
 import { InstManager, checkPlayerRoot } from "./instManager.js";
-var PlAYER_HOOKS = ["play", "pause", "replay", "retry"];
+var PLAYER_HOOKS = ["play", "pause", "replay", "retry"];
 var REAL_TIME_SPEED = 0;
 var AVG_SPEED = 0;
 var instManager = null;
@@ -120,7 +120,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     _defineProperty(_assertThisInitialized(_this), "_onWebkitendfullscreen", function(e) {
       _this.onFullscreenChange(e, false);
     });
-    hooksDescriptor(_assertThisInitialized(_this), PlAYER_HOOKS);
+    hooksDescriptor(_assertThisInitialized(_this), PLAYER_HOOKS);
     _this.config = _config;
     _this._pluginInfoId = util.generateSessionId();
     bindDebug(_assertThisInitialized(_this));
@@ -250,7 +250,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
             handle: "Constructor",
             msg: "container id can't be empty"
           }));
-          console.error("this.confg.id or this.config.el can't be empty");
+          console.error("this.config.id or this.config.el can't be empty");
           return false;
         }
       }
@@ -573,9 +573,9 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     }
   }, {
     key: "getPlugin",
-    value: function getPlugin(pluginName) {
-      var plugin = pluginsManager.findPlugin(this, pluginName);
-      return plugin && plugin.pluginName ? plugin : null;
+    value: function getPlugin(condition) {
+      var plugin = pluginsManager.findPlugin(this, condition);
+      return plugin !== null && plugin !== void 0 && plugin.pluginName ? plugin : null;
     }
   }, {
     key: "addClass",

package/es/plugin/plugin.d.ts

@@ -46,6 +46,7 @@ declare class Plugin extends BasePlugin {
      * @returns
      */
     static delegate(root: HTMLElement, querySelector: string, eventType: string | Array<string>, callback: Function, capture?: boolean): any[];
+    static iconTip: typeof xgIconTips;
     static get ROOT_TYPES(): {
         CONTROLS: string;
         ROOT: string;
@@ -219,4 +220,5 @@ export namespace PLUGIN_STATE_CLASS {
     const ICON_HIDE: string;
 }
 import BasePlugin from "./basePlugin";
+import { xgIconTips } from "../plugins/common/iconTools";
 export { Plugin as default };

package/es/plugin/plugin.js

@@ -1,6 +1,7 @@
-import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck, get as _get, getPrototypeOf as _getPrototypeOf, typeof as _typeof } from "../_virtual/_rollupPluginBabelHelpers.js";
+import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck, get as _get, getPrototypeOf as _getPrototypeOf, typeof as _typeof } from "../_virtual/_rollupPluginBabelHelpers.js";
 import BasePlugin from "./basePlugin.js";
 import _delegate from "delegate";
+import { xgIconTips } from "../plugins/common/iconTools.js";
 import XG_DEBUG from "../utils/debug.js";
 import util from "../utils/util.js";
 var ROOT_TYPES = {
@@ -557,4 +558,5 @@ var Plugin = /* @__PURE__ */ function(_BasePlugin) {
   }]);
   return Plugin2;
 }(BasePlugin);
+_defineProperty(Plugin, "iconTip", xgIconTips);
 export { PLUGIN_STATE_CLASS, POSITIONS, ROOT_TYPES, Plugin as default };

package/es/plugin/pluginsManager.d.ts

@@ -62,20 +62,20 @@ declare namespace pluginsManager {
      */
     function lazyRegister(player: any, lazyPlugin: any): Promise<any>;
     /**
-    * register a Plugin
-    * @param { any } player the plugins register
-    * @param { any } plugin the plugin contructor
-    * @param { any } options the plugin configuration
-    * @return { any } Plugin the plugin instance
-    **/
+     * register a Plugin
+     * @param { any } player the plugins register
+     * @param { any } plugin the plugin contructor
+     * @param { any } options the plugin configuration
+     * @return { any } Plugin the plugin instance
+     **/
     function register(player: any, plugin: any, options?: any): any;
     /**
-    * register a Plugin
-    * @param { any } player the plugins register
-    * @param { any } plugin the plugin contructor
-    * @param { any } options the plugin configuration
-    * @return { any } Plugin the plugin instance
-    **/
+     * register a Plugin
+     * @param { any } player the plugins register
+     * @param { any } plugin the plugin contructor
+     * @param { any } options the plugin configuration
+     * @return { any } Plugin the plugin instance
+     **/
     function register(player: any, plugin: any, options?: any): any;
     /**
      * Unregister a plugin from player instance
@@ -111,8 +111,8 @@ declare namespace pluginsManager {
      * @param { any } player
      */
     function getPlugins(player: any): any;
-    function findPlugin(player: any, name: any): any;
-    function findPlugin(player: any, name: any): any;
+    function findPlugin(player: any, condition: any): any;
+    function findPlugin(player: any, condition: any): any;
     function beforeInit(player: any): Promise<any>;
     function beforeInit(player: any): Promise<any>;
     function afterInit(player: any): void;

package/es/plugin/pluginsManager.js

@@ -1,5 +1,5 @@
-import { addObserver, unObserver } from "./resizeObserver.js";
 import util from "../utils/util.js";
+import { addObserver, unObserver } from "./resizeObserver.js";
 var pluginsManager = {
   pluginGroup: {},
   init: function init(player) {
@@ -64,13 +64,13 @@ var pluginsManager = {
     var timeout = lazyPlugin.timeout || 1500;
     return Promise.race([lazyPlugin.loader().then(function(plugin) {
       var result;
-      if (plugin && plugin.__esModule) {
+      if (plugin !== null && plugin !== void 0 && plugin.__esModule) {
         result = plugin.default;
       } else {
         result = plugin;
       }
       _this.register(player, result, plugin.options);
-    }), new Promise(function(resolve, reject) {
+    }), new Promise(function(_, reject) {
       setTimeout(function() {
         reject(new Error("timeout"));
       }, timeout);
@@ -169,13 +169,23 @@ var pluginsManager = {
     var cgid = player._pluginInfoId;
     return cgid && this.pluginGroup[cgid] ? this.pluginGroup[cgid]._plugins : {};
   },
-  findPlugin: function findPlugin(player, name) {
+  findPlugin: function findPlugin(player, condition) {
     var cgid = player._pluginInfoId;
     if (!cgid || !this.pluginGroup[cgid]) {
       return null;
     }
-    var cName = name.toLowerCase();
-    return this.pluginGroup[cgid]._plugins[cName];
+    if (typeof condition === "string") {
+      var cName = condition.toLowerCase();
+      return this.pluginGroup[cgid]._plugins[cName] || null;
+    } else if (typeof condition === "function") {
+      var plugins = this.pluginGroup[cgid]._plugins;
+      for (var key in plugins) {
+        if (condition(plugins[key])) {
+          return plugins[key] || null;
+        }
+      }
+    }
+    return null;
   },
   beforeInit: function beforeInit(player) {
     var _this2 = this;
@@ -189,11 +199,12 @@ var pluginsManager = {
       }
     }
     return new Promise(function(resolve) {
+      var _player$_loadingPlugi;
       if (!_this2.pluginGroup) {
         return;
       }
       var prevTask;
-      if (player._loadingPlugins && player._loadingPlugins.length) {
+      if ((_player$_loadingPlugi = player._loadingPlugins) !== null && _player$_loadingPlugi !== void 0 && _player$_loadingPlugi.length) {
         prevTask = Promise.all(player._loadingPlugins);
       } else {
         prevTask = Promise.resolve();
@@ -207,7 +218,8 @@ var pluginsManager = {
         var plugins = _this2.pluginGroup[cgid]._plugins;
         var pluginsRet = [];
         Object.keys(plugins).forEach(function(pName) {
-          if (plugins[pName] && plugins[pName].beforePlayerInit) {
+          var _plugins$pName;
+          if ((_plugins$pName = plugins[pName]) !== null && _plugins$pName !== void 0 && _plugins$pName.beforePlayerInit) {
             try {
               var ret = plugins[pName].beforePlayerInit();
               pluginsRet.push(retPromise(ret));
@@ -233,7 +245,8 @@ var pluginsManager = {
     }
     var plugins = this.pluginGroup[cgid]._plugins;
     Object.keys(plugins).forEach(function(pName) {
-      if (plugins[pName] && plugins[pName].afterPlayerInit) {
+      var _plugins$pName2;
+      if ((_plugins$pName2 = plugins[pName]) !== null && _plugins$pName2 !== void 0 && _plugins$pName2.afterPlayerInit) {
         plugins[pName].afterPlayerInit();
       }
     });

package/es/plugins/keyboard/index.js

@@ -2,7 +2,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import util from "../../utils/util.js";
 import { SHORTCUT } from "../../events.js";
 import BasePlugin from "../../plugin/basePlugin.js";
-import "delegate";
+import "../../plugin/plugin.js";
 function preventDefault(e) {
   e.preventDefault();
   e.returnValue = false;

package/es/plugins/pc/index.js

@@ -3,7 +3,7 @@ import "../../utils/util.js";
 import sniffer from "../../utils/sniffer.js";
 import { ENTER_PLAYER, LEAVE_PLAYER } from "../../events.js";
 import BasePlugin from "../../plugin/basePlugin.js";
-import "delegate";
+import "../../plugin/plugin.js";
 import { runHooks } from "../../plugin/hooksDescriptor.js";
 var MOUSE_EVENTS = {
   mouseenter: "onMouseEnter",

package/es/plugins/pip/index.js

@@ -206,6 +206,8 @@ var PIP = /* @__PURE__ */ function(_IconPlugin) {
             pipWin.document.head.append(styles);
             pipWin.document.body.append(pipRoot);
             pipWin.addEventListener("pagehide", function(event) {
+              var _player$plugins, _player$plugins$progr, _player$plugins$progr2;
+              (_player$plugins = player.plugins) === null || _player$plugins === void 0 ? void 0 : (_player$plugins$progr = _player$plugins.progress) === null || _player$plugins$progr === void 0 ? void 0 : (_player$plugins$progr2 = _player$plugins$progr.resetDragState) === null || _player$plugins$progr2 === void 0 ? void 0 : _player$plugins$progr2.call(_player$plugins$progr);
               if (parentNode) {
                 if (nextSibling) {
                   parentNode.insertBefore(pipRoot, nextSibling);

package/es/plugins/progress/index.d.ts

@@ -112,6 +112,10 @@ declare class Progress extends Plugin {
     _mouseDownHandlerHook: any;
     _mouseUpHandlerHook: any;
     _mouseMoveHandlerHook: any;
+    _getRootDocument(): Document;
+    _addDragDocumentEvents(): void;
+    _dragDocument: Document;
+    _removeDragDocumentEvents(): void;
     focus(): void;
     blur(): void;
     disableBlur(): void;
@@ -128,6 +132,7 @@ declare class Progress extends Plugin {
     _mouseMoveHandler: (e: any, data: any) => void;
     onMouseDown: (e: any) => boolean;
     onMouseUp: (e: any) => void;
+    resetDragState(): void;
     onMouseMove: (e: any) => void;
     onMouseOut: (e: any) => void;
     onMouseOver: (e: any) => void;

package/es/plugins/progress/index.js

@@ -103,8 +103,7 @@ var Progress = /* @__PURE__ */ function(_Plugin) {
         _this.root.addEventListener("touchcancel", _this.onMouseUp);
       } else {
         _this.unbind("mousemove", _this.onMoveOnly);
-        document.addEventListener("mousemove", _this.onMouseMove, false);
-        document.addEventListener("mouseup", _this.onMouseUp, false);
+        _this._addDragDocumentEvents();
       }
       return true;
     });
@@ -143,8 +142,7 @@ var Progress = /* @__PURE__ */ function(_Plugin) {
         _this.root.removeEventListener("touchcancel", _this.onMouseUp);
         _this.blur();
       } else {
-        document.removeEventListener("mousemove", _this.onMouseMove, false);
-        document.removeEventListener("mouseup", _this.onMouseUp, false);
+        _this._removeDragDocumentEvents();
         if (!pos.isEnter) {
           _this.onMouseLeave(e);
         } else {
@@ -451,6 +449,28 @@ var Progress = /* @__PURE__ */ function(_Plugin) {
         this.player.root.addEventListener("click", this.onBodyClick, true);
       }
     }
+  }, {
+    key: "_getRootDocument",
+    value: function _getRootDocument() {
+      var _this$root;
+      return ((_this$root = this.root) === null || _this$root === void 0 ? void 0 : _this$root.ownerDocument) || document;
+    }
+  }, {
+    key: "_addDragDocumentEvents",
+    value: function _addDragDocumentEvents() {
+      var dragDocument = this._getRootDocument();
+      this._dragDocument = dragDocument;
+      dragDocument.addEventListener("mousemove", this.onMouseMove, false);
+      dragDocument.addEventListener("mouseup", this.onMouseUp, false);
+    }
+  }, {
+    key: "_removeDragDocumentEvents",
+    value: function _removeDragDocumentEvents() {
+      var dragDocument = this._dragDocument || this._getRootDocument();
+      dragDocument.removeEventListener("mousemove", this.onMouseMove, false);
+      dragDocument.removeEventListener("mouseup", this.onMouseUp, false);
+      this._dragDocument = null;
+    }
   }, {
     key: "focus",
     value: function focus() {
@@ -476,6 +496,33 @@ var Progress = /* @__PURE__ */ function(_Plugin) {
     value: function enableBlur() {
       this._disableBlur = false;
     }
+  }, {
+    key: "resetDragState",
+    value: function resetDragState() {
+      var pos = this.pos, playerConfig = this.playerConfig, config = this.config;
+      if (!pos) {
+        return;
+      }
+      this.root.removeEventListener("touchmove", this.onMouseMove);
+      this.root.removeEventListener("touchend", this.onMouseUp);
+      this.root.removeEventListener("touchcancel", this.onMouseUp);
+      this._removeDragDocumentEvents();
+      if (!pos.isDown && !this.isProgressMoving) {
+        return;
+      }
+      util.checkIsFunction(playerConfig.enableSwipeHandler) && playerConfig.enableSwipeHandler();
+      util.checkIsFunction(config.onMoveEnd) && config.onMoveEnd();
+      util.removeClass(this.progressBtn, "active");
+      pos.moving = false;
+      pos.isDown = false;
+      pos.x = 0;
+      pos.y = 0;
+      pos.isLocked = false;
+      this._state.prePlayTime = 0;
+      this._state.time = 0;
+      this.resetSeekState();
+      this.blur();
+    }
   }, {
     key: "updateWidth",
     value: function updateWidth(currentTime, seekTime, percent, type) {
@@ -628,8 +675,7 @@ var Progress = /* @__PURE__ */ function(_Plugin) {
         this.unbind("mouseenter", this.onMouseEnter);
         this.unbind("mousemove", this.onMoveOnly);
         this.unbind("mouseleave", this.onMouseLeave);
-        document.removeEventListener("mousemove", this.onMouseMove, false);
-        document.removeEventListener("mouseup", this.onMouseUp, false);
+        this._removeDragDocumentEvents();
         player.root.removeEventListener("click", this.onBodyClick, true);
       }
     }

package/es/plugins/progress/innerList.js

@@ -1,7 +1,7 @@
 import { createClass as _createClass, classCallCheck as _classCallCheck } from "../../_virtual/_rollupPluginBabelHelpers.js";
 import util from "../../utils/util.js";
 import "../../utils/debug.js";
-import "delegate";
+import "../../plugin/plugin.js";
 var TPL = [{
   tag: "xg-cache",
   className: "xgplayer-progress-cache",

package/es/plugins/progressPreview/dotsApi.js

@@ -1,7 +1,7 @@
 import util from "../../utils/util.js";
 import { DURATION_CHANGE, VIDEO_RESIZE } from "../../events.js";
 import "../../utils/debug.js";
-import "delegate";
+import "../../plugin/plugin.js";
 var ISPOT = {
   time: 0,
   text: "",

package/es/plugins/rotate/index.d.ts

@@ -10,6 +10,7 @@ export default class Rotate extends IconPlugin {
     constructor(args: any);
     rotateDeg: any;
     onBtnClick(e: any): void;
+    _clickTimeStamp: number;
     rootWidth: string | number;
     rootHeight: string | number;
     updateRotateDeg(rotateDeg: any, innerRotate: any): void;

package/es/plugins/rotate/index.js

@@ -26,6 +26,7 @@ var Rotate = /* @__PURE__ */ function(_IconPlugin) {
       _get(_getPrototypeOf(Rotate2.prototype), "afterCreate", this).call(this);
       this.appendChild(".xgplayer-icon", this.icons.rotate);
       this.onBtnClick = this.onBtnClick.bind(this);
+      this._clickTimeStamp = 0;
       this.bind(".xgplayer-icon", ["click", "touchend"], this.onBtnClick);
       this.on(VIDEO_RESIZE, function() {
         if (_this2.rotateDeg && _this2.config.innerRotate) {
@@ -50,6 +51,11 @@ var Rotate = /* @__PURE__ */ function(_IconPlugin) {
   }, {
     key: "onBtnClick",
     value: function onBtnClick(e) {
+      var now = Date.now();
+      if (now - this._clickTimeStamp < 300) {
+        return;
+      }
+      this._clickTimeStamp = now;
       e.preventDefault();
       e.stopPropagation();
       this.emitUserAction(e, "rotate");

package/es/plugins/stats/index.js

@@ -2,7 +2,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import "../../utils/util.js";
 import { USER_ACTION, STATS_EVENTS as STATS_EVENTS$1 } from "../../events.js";
 import BasePlugin from "../../plugin/basePlugin.js";
-import "delegate";
+import "../../plugin/plugin.js";
 var INFO = "info";
 var STATS_EVENTS = STATS_EVENTS$1;
 var Stats = /* @__PURE__ */ function(_BasePlugin) {

package/es/plugins/time/timesegments.js

@@ -2,7 +2,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import util from "../../utils/util.js";
 import { DURATION_CHANGE, LOADED_DATA, TIME_UPDATE, SEEKING, PLAY } from "../../events.js";
 import BasePlugin from "../../plugin/basePlugin.js";
-import "delegate";
+import "../../plugin/plugin.js";
 var TimeSegmentsControls = /* @__PURE__ */ function(_BasePlugin) {
   _inherits(TimeSegmentsControls2, _BasePlugin);
   var _super = _createSuper(TimeSegmentsControls2);

package/es/utils/sniffer.js

@@ -23,7 +23,7 @@ var sniffer = {
     };
     return [].concat(Object.keys(reg).filter(function(key) {
       return reg[key].test(ua);
-    }))[0];
+    }))[0] || "";
   },
   get os() {
     if (typeof navigator === "undefined") {