videojs-overlay-buttons - npm Package Compare versions

Comparing version 1.2.7 to 1.2.8

dist/videojs-overlay-buttons.cjs.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.6 @license MIT */
+/*! @name videojs-overlay-buttons @version 1.2.7 @license MIT */
 'use strict';
@@ -26,3 +26,3 @@
 
-var version = "1.2.6";
+var version = "1.2.7";
 
@@ -60,21 +60,21 @@ var latestTap;
   previous: {
-    icon: "backward",
-    className: "previous-button"
+    icon: 'backward',
+    className: 'previous-button'
   },
   seekLeft: {
-    icon: "history",
-    className: "seek-left"
+    icon: 'history',
+    className: 'seek-left'
   },
   play: {
-    icon: "play",
-    className: "play-button"
+    icon: 'play',
+    className: 'play-button'
   },
   seekRight: {
-    icon: "history",
-    className: "seek-right",
-    extra: "fa-flip-horizontal"
+    icon: 'history',
+    className: 'seek-right',
+    extra: 'fa-flip-horizontal'
   },
   next: {
-    icon: "forward",
-    className: "next-button"
+    icon: 'forward',
+    className: 'next-button'
   }
@@ -101,3 +101,3 @@ }; // Cross-compatibility for Video.js 5 and 6.
 var onPlayerReady = function onPlayerReady(player, options) {
-  player.addClass("vjs-touch-overlay");
+  player.addClass('vjs-touch-overlay');
   var overlay = createOverlay(player, options);
@@ -109,34 +109,34 @@ player.el().append(overlay);
 var eventsInitialize = function eventsInitialize(player, overlay) {
-  var overlayRow = document.querySelector(".overlay-row");
-  player.on("play", function () {
-    var playButtonWrapper = document.querySelector(".play-button .button-wrapper");
+  var overlayRow = document.querySelector('.overlay-row');
+  player.on('play', function () {
+    var playButtonWrapper = document.querySelector('.play-button .button-wrapper');
     playButtonWrapper.innerHTML = '<i class="icon fa fa-4x fa-pause"></i>';
   });
-  player.on("pause", function () {
-    var playButtonWrapper = document.querySelector(".play-button .button-wrapper");
+  player.on('pause', function () {
+    var playButtonWrapper = document.querySelector('.play-button .button-wrapper');
     playButtonWrapper.innerHTML = '<i class="icon fa fa-4x fa-play"></i>';
   });
-  player.on("userinactive", function () {
-    overlay.classList.add("d-none");
-    overlayRow.classList.add("d-none");
+  player.on('userinactive', function () {
+    overlay.classList.add('d-none');
+    overlayRow.classList.add('d-none');
   });
-  player.on("useractive", function () {
-    overlay.classList.remove("d-none");
-    overlayRow.classList.remove("d-none");
+  player.on('useractive', function () {
+    overlay.classList.remove('d-none');
+    overlayRow.classList.remove('d-none');
   });
-  overlay.addEventListener("click", function (e) {
-    var controlBar = document.querySelector(".vjs-control-bar"); // If clicked element is overlay button, then ignore this
+  overlay.addEventListener('click', function (e) {
+    var controlBar = document.querySelector('.vjs-control-bar'); // If clicked element is overlay button, then ignore this
 
-    if (e.target.classList.contains("icon")) {
+    if (e.target.classList.contains('icon')) {
       return;
     }
 
-    if (!overlayRow.classList.contains("d-none")) {
-      overlayRow.classList.add("d-none");
-      controlBar.classList.add("d-none");
+    if (!overlayRow.classList.contains('d-none')) {
+      overlayRow.classList.add('d-none');
+      controlBar.classList.add('d-none');
     } else {
-      overlayRow.classList.remove("d-none");
+      overlayRow.classList.remove('d-none');
 
       if (!isLocked) {
-        controlBar.classList.remove("d-none");
+        controlBar.classList.remove('d-none');
       }
@@ -154,8 +154,8 @@ }
 
-  var overlay_div = document.createElement("div");
-  var row = document.createElement("div");
-  var controlOverlay = document.createElement("div");
-  controlOverlay.className = "overlay-col-12 mx-auto control-overlay-buttons";
-  row.className = "overlay-row";
-  overlay_div.className = "overlay-container-fluid vjs-overlay"; // Filter out button options
+  var overlay_div = document.createElement('div');
+  var row = document.createElement('div');
+  var controlOverlay = document.createElement('div');
+  controlOverlay.className = 'overlay-col-12 mx-auto control-overlay-buttons';
+  row.className = 'overlay-row';
+  overlay_div.className = 'overlay-container-fluid vjs-overlay'; // Filter out button options
 
@@ -177,10 +177,10 @@ var btnOpts = Object.keys(options).filter(function (button) {
   if (options.lockButton) {
-    var lockOverlay = document.createElement("div");
-    lockOverlay.className = "overlay-col-1 lock-overlay";
-    controlOverlay.classList.remove("overlay-col-12", "mx-auto");
-    controlOverlay.classList.add("overlay-col-11");
+    var lockOverlay = document.createElement('div');
+    lockOverlay.className = 'overlay-col-1 lock-overlay';
+    controlOverlay.classList.remove('overlay-col-12', 'mx-auto');
+    controlOverlay.classList.add('overlay-col-11');
     var lockButtonProperties = {
-      icon: "lock",
-      className: "lock-button",
-      size: "2x"
+      icon: 'lock',
+      className: 'lock-button',
+      size: '2x'
     };
@@ -204,5 +204,5 @@ var lockButton = createButton(lockButtonProperties);
       wrapperElement = _lockBtn$children[0];
-  var controlBar = document.querySelector(".vjs-control-bar");
-  wrapperElement.addEventListener("click", function () {
-    var controlButtonsWrapper = Array.from(document.querySelectorAll(".overlay-button:not(.lock-button)"));
+  var controlBar = document.querySelector('.vjs-control-bar');
+  wrapperElement.addEventListener('click', function () {
+    var controlButtonsWrapper = Array.from(document.querySelectorAll('.overlay-button:not(.lock-button)'));
 
@@ -212,5 +212,5 @@ if (isLocked) {
       controlButtonsWrapper.forEach(function (btn) {
-        btn.classList.remove("d-none");
+        btn.classList.remove('d-none');
       });
-      controlBar.classList.remove("d-none");
+      controlBar.classList.remove('d-none');
       isLocked = false;
@@ -222,5 +222,5 @@ return;
     controlButtonsWrapper.forEach(function (btn) {
-      btn.classList.add("d-none");
+      btn.classList.add('d-none');
     });
-    controlBar.classList.add("d-none");
+    controlBar.classList.add('d-none');
     isLocked = true;
@@ -235,3 +235,3 @@ });
   buttons.forEach(function (button) {
-    button.element.addEventListener("click", function () {
+    button.element.addEventListener('click', function () {
       isDoubleTap(function () {
@@ -251,3 +251,3 @@ button.options.handleClick(player);
         wrapperElement = _button$element$child[0];
-    wrapperElement.addEventListener("click", function () {
+    wrapperElement.addEventListener('click', function () {
       return button.options.handleClick(player);
@@ -261,13 +261,13 @@ });
       _ref$extra = _ref.extra,
-      extra = _ref$extra === void 0 ? "" : _ref$extra,
+      extra = _ref$extra === void 0 ? '' : _ref$extra,
       _ref$className = _ref.className,
-      className = _ref$className === void 0 ? "" : _ref$className,
+      className = _ref$className === void 0 ? '' : _ref$className,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "4x" : _ref$size;
-  var iconEl = document.createElement("i");
+      size = _ref$size === void 0 ? '4x' : _ref$size;
+  var iconEl = document.createElement('i');
   iconEl.className = "icon fa fa-" + size + " fa-" + icon + " " + extra;
-  var wrapper = document.createElement("div");
-  wrapper.className = "button-wrapper";
+  var wrapper = document.createElement('div');
+  wrapper.className = 'button-wrapper';
   wrapper.append(iconEl);
-  var button = document.createElement("div");
+  var button = document.createElement('div');
   button.className = "overlay-button vjs-button " + className;
@@ -293,4 +293,7 @@ button.append(wrapper);
     var defaultOption = defaultOpts[key];
-    if (!defaultOption) continue;
 
+    if (!defaultOption) {
+      continue;
+    }
+
     for (var option in defaultOption) {
@@ -329,3 +332,3 @@ if (!userOption.hasOwnProperty(option) && defaultOption.hasOwnProperty(option)) {
 
-registerPlugin("touchOverlay", touchOverlay); // Include the version number.
+registerPlugin('touchOverlay', touchOverlay); // Include the version number.
 
@@ -332,0 +335,0 @@ touchOverlay.VERSION = version;

dist/videojs-overlay-buttons.es.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.6 @license MIT */
+/*! @name videojs-overlay-buttons @version 1.2.7 @license MIT */
 import videojs from 'video.js';
@@ -22,3 +22,3 @@
 
-var version = "1.2.6";
+var version = "1.2.7";
 
@@ -56,21 +56,21 @@ var latestTap;
   previous: {
-    icon: "backward",
-    className: "previous-button"
+    icon: 'backward',
+    className: 'previous-button'
   },
   seekLeft: {
-    icon: "history",
-    className: "seek-left"
+    icon: 'history',
+    className: 'seek-left'
   },
   play: {
-    icon: "play",
-    className: "play-button"
+    icon: 'play',
+    className: 'play-button'
   },
   seekRight: {
-    icon: "history",
-    className: "seek-right",
-    extra: "fa-flip-horizontal"
+    icon: 'history',
+    className: 'seek-right',
+    extra: 'fa-flip-horizontal'
   },
   next: {
-    icon: "forward",
-    className: "next-button"
+    icon: 'forward',
+    className: 'next-button'
   }
@@ -97,3 +97,3 @@ }; // Cross-compatibility for Video.js 5 and 6.
 var onPlayerReady = function onPlayerReady(player, options) {
-  player.addClass("vjs-touch-overlay");
+  player.addClass('vjs-touch-overlay');
   var overlay = createOverlay(player, options);
@@ -105,34 +105,34 @@ player.el().append(overlay);
 var eventsInitialize = function eventsInitialize(player, overlay) {
-  var overlayRow = document.querySelector(".overlay-row");
-  player.on("play", function () {
-    var playButtonWrapper = document.querySelector(".play-button .button-wrapper");
+  var overlayRow = document.querySelector('.overlay-row');
+  player.on('play', function () {
+    var playButtonWrapper = document.querySelector('.play-button .button-wrapper');
     playButtonWrapper.innerHTML = '<i class="icon fa fa-4x fa-pause"></i>';
   });
-  player.on("pause", function () {
-    var playButtonWrapper = document.querySelector(".play-button .button-wrapper");
+  player.on('pause', function () {
+    var playButtonWrapper = document.querySelector('.play-button .button-wrapper');
     playButtonWrapper.innerHTML = '<i class="icon fa fa-4x fa-play"></i>';
   });
-  player.on("userinactive", function () {
-    overlay.classList.add("d-none");
-    overlayRow.classList.add("d-none");
+  player.on('userinactive', function () {
+    overlay.classList.add('d-none');
+    overlayRow.classList.add('d-none');
   });
-  player.on("useractive", function () {
-    overlay.classList.remove("d-none");
-    overlayRow.classList.remove("d-none");
+  player.on('useractive', function () {
+    overlay.classList.remove('d-none');
+    overlayRow.classList.remove('d-none');
   });
-  overlay.addEventListener("click", function (e) {
-    var controlBar = document.querySelector(".vjs-control-bar"); // If clicked element is overlay button, then ignore this
+  overlay.addEventListener('click', function (e) {
+    var controlBar = document.querySelector('.vjs-control-bar'); // If clicked element is overlay button, then ignore this
 
-    if (e.target.classList.contains("icon")) {
+    if (e.target.classList.contains('icon')) {
       return;
     }
 
-    if (!overlayRow.classList.contains("d-none")) {
-      overlayRow.classList.add("d-none");
-      controlBar.classList.add("d-none");
+    if (!overlayRow.classList.contains('d-none')) {
+      overlayRow.classList.add('d-none');
+      controlBar.classList.add('d-none');
     } else {
-      overlayRow.classList.remove("d-none");
+      overlayRow.classList.remove('d-none');
 
       if (!isLocked) {
-        controlBar.classList.remove("d-none");
+        controlBar.classList.remove('d-none');
       }
@@ -150,8 +150,8 @@ }
 
-  var overlay_div = document.createElement("div");
-  var row = document.createElement("div");
-  var controlOverlay = document.createElement("div");
-  controlOverlay.className = "overlay-col-12 mx-auto control-overlay-buttons";
-  row.className = "overlay-row";
-  overlay_div.className = "overlay-container-fluid vjs-overlay"; // Filter out button options
+  var overlay_div = document.createElement('div');
+  var row = document.createElement('div');
+  var controlOverlay = document.createElement('div');
+  controlOverlay.className = 'overlay-col-12 mx-auto control-overlay-buttons';
+  row.className = 'overlay-row';
+  overlay_div.className = 'overlay-container-fluid vjs-overlay'; // Filter out button options
 
@@ -173,10 +173,10 @@ var btnOpts = Object.keys(options).filter(function (button) {
   if (options.lockButton) {
-    var lockOverlay = document.createElement("div");
-    lockOverlay.className = "overlay-col-1 lock-overlay";
-    controlOverlay.classList.remove("overlay-col-12", "mx-auto");
-    controlOverlay.classList.add("overlay-col-11");
+    var lockOverlay = document.createElement('div');
+    lockOverlay.className = 'overlay-col-1 lock-overlay';
+    controlOverlay.classList.remove('overlay-col-12', 'mx-auto');
+    controlOverlay.classList.add('overlay-col-11');
     var lockButtonProperties = {
-      icon: "lock",
-      className: "lock-button",
-      size: "2x"
+      icon: 'lock',
+      className: 'lock-button',
+      size: '2x'
     };
@@ -200,5 +200,5 @@ var lockButton = createButton(lockButtonProperties);
       wrapperElement = _lockBtn$children[0];
-  var controlBar = document.querySelector(".vjs-control-bar");
-  wrapperElement.addEventListener("click", function () {
-    var controlButtonsWrapper = Array.from(document.querySelectorAll(".overlay-button:not(.lock-button)"));
+  var controlBar = document.querySelector('.vjs-control-bar');
+  wrapperElement.addEventListener('click', function () {
+    var controlButtonsWrapper = Array.from(document.querySelectorAll('.overlay-button:not(.lock-button)'));
 
@@ -208,5 +208,5 @@ if (isLocked) {
       controlButtonsWrapper.forEach(function (btn) {
-        btn.classList.remove("d-none");
+        btn.classList.remove('d-none');
       });
-      controlBar.classList.remove("d-none");
+      controlBar.classList.remove('d-none');
       isLocked = false;
@@ -218,5 +218,5 @@ return;
     controlButtonsWrapper.forEach(function (btn) {
-      btn.classList.add("d-none");
+      btn.classList.add('d-none');
     });
-    controlBar.classList.add("d-none");
+    controlBar.classList.add('d-none');
     isLocked = true;
@@ -231,3 +231,3 @@ });
   buttons.forEach(function (button) {
-    button.element.addEventListener("click", function () {
+    button.element.addEventListener('click', function () {
       isDoubleTap(function () {
@@ -247,3 +247,3 @@ button.options.handleClick(player);
         wrapperElement = _button$element$child[0];
-    wrapperElement.addEventListener("click", function () {
+    wrapperElement.addEventListener('click', function () {
       return button.options.handleClick(player);
@@ -257,13 +257,13 @@ });
       _ref$extra = _ref.extra,
-      extra = _ref$extra === void 0 ? "" : _ref$extra,
+      extra = _ref$extra === void 0 ? '' : _ref$extra,
       _ref$className = _ref.className,
-      className = _ref$className === void 0 ? "" : _ref$className,
+      className = _ref$className === void 0 ? '' : _ref$className,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "4x" : _ref$size;
-  var iconEl = document.createElement("i");
+      size = _ref$size === void 0 ? '4x' : _ref$size;
+  var iconEl = document.createElement('i');
   iconEl.className = "icon fa fa-" + size + " fa-" + icon + " " + extra;
-  var wrapper = document.createElement("div");
-  wrapper.className = "button-wrapper";
+  var wrapper = document.createElement('div');
+  wrapper.className = 'button-wrapper';
   wrapper.append(iconEl);
-  var button = document.createElement("div");
+  var button = document.createElement('div');
   button.className = "overlay-button vjs-button " + className;
@@ -289,4 +289,7 @@ button.append(wrapper);
     var defaultOption = defaultOpts[key];
-    if (!defaultOption) continue;
 
+    if (!defaultOption) {
+      continue;
+    }
+
     for (var option in defaultOption) {
@@ -325,3 +328,3 @@ if (!userOption.hasOwnProperty(option) && defaultOption.hasOwnProperty(option)) {
 
-registerPlugin("touchOverlay", touchOverlay); // Include the version number.
+registerPlugin('touchOverlay', touchOverlay); // Include the version number.
 
@@ -328,0 +331,0 @@ touchOverlay.VERSION = version;

dist/videojs-overlay-buttons.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.6 @license MIT */
+/*! @name videojs-overlay-buttons @version 1.2.7 @license MIT */
 (function (global, factory) {
@@ -28,3 +28,3 @@ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js')) :
 
-  var version = "1.2.6";
+  var version = "1.2.7";
 
@@ -62,21 +62,21 @@ var latestTap;
     previous: {
-      icon: "backward",
-      className: "previous-button"
+      icon: 'backward',
+      className: 'previous-button'
     },
     seekLeft: {
-      icon: "history",
-      className: "seek-left"
+      icon: 'history',
+      className: 'seek-left'
     },
     play: {
-      icon: "play",
-      className: "play-button"
+      icon: 'play',
+      className: 'play-button'
     },
     seekRight: {
-      icon: "history",
-      className: "seek-right",
-      extra: "fa-flip-horizontal"
+      icon: 'history',
+      className: 'seek-right',
+      extra: 'fa-flip-horizontal'
     },
     next: {
-      icon: "forward",
-      className: "next-button"
+      icon: 'forward',
+      className: 'next-button'
     }
@@ -103,3 +103,3 @@ }; // Cross-compatibility for Video.js 5 and 6.
   var onPlayerReady = function onPlayerReady(player, options) {
-    player.addClass("vjs-touch-overlay");
+    player.addClass('vjs-touch-overlay');
     var overlay = createOverlay(player, options);
@@ -111,34 +111,34 @@ player.el().append(overlay);
   var eventsInitialize = function eventsInitialize(player, overlay) {
-    var overlayRow = document.querySelector(".overlay-row");
-    player.on("play", function () {
-      var playButtonWrapper = document.querySelector(".play-button .button-wrapper");
+    var overlayRow = document.querySelector('.overlay-row');
+    player.on('play', function () {
+      var playButtonWrapper = document.querySelector('.play-button .button-wrapper');
       playButtonWrapper.innerHTML = '<i class="icon fa fa-4x fa-pause"></i>';
     });
-    player.on("pause", function () {
-      var playButtonWrapper = document.querySelector(".play-button .button-wrapper");
+    player.on('pause', function () {
+      var playButtonWrapper = document.querySelector('.play-button .button-wrapper');
       playButtonWrapper.innerHTML = '<i class="icon fa fa-4x fa-play"></i>';
     });
-    player.on("userinactive", function () {
-      overlay.classList.add("d-none");
-      overlayRow.classList.add("d-none");
+    player.on('userinactive', function () {
+      overlay.classList.add('d-none');
+      overlayRow.classList.add('d-none');
     });
-    player.on("useractive", function () {
-      overlay.classList.remove("d-none");
-      overlayRow.classList.remove("d-none");
+    player.on('useractive', function () {
+      overlay.classList.remove('d-none');
+      overlayRow.classList.remove('d-none');
     });
-    overlay.addEventListener("click", function (e) {
-      var controlBar = document.querySelector(".vjs-control-bar"); // If clicked element is overlay button, then ignore this
+    overlay.addEventListener('click', function (e) {
+      var controlBar = document.querySelector('.vjs-control-bar'); // If clicked element is overlay button, then ignore this
 
-      if (e.target.classList.contains("icon")) {
+      if (e.target.classList.contains('icon')) {
         return;
       }
 
-      if (!overlayRow.classList.contains("d-none")) {
-        overlayRow.classList.add("d-none");
-        controlBar.classList.add("d-none");
+      if (!overlayRow.classList.contains('d-none')) {
+        overlayRow.classList.add('d-none');
+        controlBar.classList.add('d-none');
       } else {
-        overlayRow.classList.remove("d-none");
+        overlayRow.classList.remove('d-none');
 
         if (!isLocked) {
-          controlBar.classList.remove("d-none");
+          controlBar.classList.remove('d-none');
         }
@@ -156,8 +156,8 @@ }
 
-    var overlay_div = document.createElement("div");
-    var row = document.createElement("div");
-    var controlOverlay = document.createElement("div");
-    controlOverlay.className = "overlay-col-12 mx-auto control-overlay-buttons";
-    row.className = "overlay-row";
-    overlay_div.className = "overlay-container-fluid vjs-overlay"; // Filter out button options
+    var overlay_div = document.createElement('div');
+    var row = document.createElement('div');
+    var controlOverlay = document.createElement('div');
+    controlOverlay.className = 'overlay-col-12 mx-auto control-overlay-buttons';
+    row.className = 'overlay-row';
+    overlay_div.className = 'overlay-container-fluid vjs-overlay'; // Filter out button options
 
@@ -179,10 +179,10 @@ var btnOpts = Object.keys(options).filter(function (button) {
     if (options.lockButton) {
-      var lockOverlay = document.createElement("div");
-      lockOverlay.className = "overlay-col-1 lock-overlay";
-      controlOverlay.classList.remove("overlay-col-12", "mx-auto");
-      controlOverlay.classList.add("overlay-col-11");
+      var lockOverlay = document.createElement('div');
+      lockOverlay.className = 'overlay-col-1 lock-overlay';
+      controlOverlay.classList.remove('overlay-col-12', 'mx-auto');
+      controlOverlay.classList.add('overlay-col-11');
       var lockButtonProperties = {
-        icon: "lock",
-        className: "lock-button",
-        size: "2x"
+        icon: 'lock',
+        className: 'lock-button',
+        size: '2x'
       };
@@ -206,5 +206,5 @@ var lockButton = createButton(lockButtonProperties);
         wrapperElement = _lockBtn$children[0];
-    var controlBar = document.querySelector(".vjs-control-bar");
-    wrapperElement.addEventListener("click", function () {
-      var controlButtonsWrapper = Array.from(document.querySelectorAll(".overlay-button:not(.lock-button)"));
+    var controlBar = document.querySelector('.vjs-control-bar');
+    wrapperElement.addEventListener('click', function () {
+      var controlButtonsWrapper = Array.from(document.querySelectorAll('.overlay-button:not(.lock-button)'));
 
@@ -214,5 +214,5 @@ if (isLocked) {
         controlButtonsWrapper.forEach(function (btn) {
-          btn.classList.remove("d-none");
+          btn.classList.remove('d-none');
         });
-        controlBar.classList.remove("d-none");
+        controlBar.classList.remove('d-none');
         isLocked = false;
@@ -224,5 +224,5 @@ return;
       controlButtonsWrapper.forEach(function (btn) {
-        btn.classList.add("d-none");
+        btn.classList.add('d-none');
       });
-      controlBar.classList.add("d-none");
+      controlBar.classList.add('d-none');
       isLocked = true;
@@ -237,3 +237,3 @@ });
     buttons.forEach(function (button) {
-      button.element.addEventListener("click", function () {
+      button.element.addEventListener('click', function () {
         isDoubleTap(function () {
@@ -253,3 +253,3 @@ button.options.handleClick(player);
           wrapperElement = _button$element$child[0];
-      wrapperElement.addEventListener("click", function () {
+      wrapperElement.addEventListener('click', function () {
         return button.options.handleClick(player);
@@ -263,13 +263,13 @@ });
         _ref$extra = _ref.extra,
-        extra = _ref$extra === void 0 ? "" : _ref$extra,
+        extra = _ref$extra === void 0 ? '' : _ref$extra,
         _ref$className = _ref.className,
-        className = _ref$className === void 0 ? "" : _ref$className,
+        className = _ref$className === void 0 ? '' : _ref$className,
         _ref$size = _ref.size,
-        size = _ref$size === void 0 ? "4x" : _ref$size;
-    var iconEl = document.createElement("i");
+        size = _ref$size === void 0 ? '4x' : _ref$size;
+    var iconEl = document.createElement('i');
     iconEl.className = "icon fa fa-" + size + " fa-" + icon + " " + extra;
-    var wrapper = document.createElement("div");
-    wrapper.className = "button-wrapper";
+    var wrapper = document.createElement('div');
+    wrapper.className = 'button-wrapper';
     wrapper.append(iconEl);
-    var button = document.createElement("div");
+    var button = document.createElement('div');
     button.className = "overlay-button vjs-button " + className;
@@ -295,4 +295,7 @@ button.append(wrapper);
       var defaultOption = defaultOpts[key];
-      if (!defaultOption) continue;
 
+      if (!defaultOption) {
+        continue;
+      }
+
       for (var option in defaultOption) {
@@ -331,3 +334,3 @@ if (!userOption.hasOwnProperty(option) && defaultOption.hasOwnProperty(option)) {
 
-  registerPlugin("touchOverlay", touchOverlay); // Include the version number.
+  registerPlugin('touchOverlay', touchOverlay); // Include the version number.
 
@@ -334,0 +337,0 @@ touchOverlay.VERSION = version;

dist/videojs-overlay-buttons.min.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.6 @license MIT */
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],n):(e=e||self).videojsOverlayButtons=n(e.videojs)}(this,function(e){"use strict";function n(){return(n=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e;var t,o=!1,a={seekLeft:{handleClick:function(e){var n=Number(e.currentTime())-10;e.currentTime(n)},doubleTap:!0},play:{handleClick:function(e){e.paused()?e.play():e.pause()}},seekRight:{handleClick:function(e){var n=Number(e.currentTime())+10;e.currentTime(n)},doubleTap:!0},lockButton:!1},r={previous:{icon:"backward",className:"previous-button"},seekLeft:{icon:"history",className:"seek-left"},play:{icon:"play",className:"play-button"},seekRight:{icon:"history",className:"seek-right",extra:"fa-flip-horizontal"},next:{icon:"forward",className:"next-button"}},c=e.registerPlugin||e.plugin,i=function(e,n){var t=document.querySelector(".overlay-row");e.on("play",function(){document.querySelector(".play-button .button-wrapper").innerHTML='<i class="icon fa fa-4x fa-pause"></i>'}),e.on("pause",function(){document.querySelector(".play-button .button-wrapper").innerHTML='<i class="icon fa fa-4x fa-play"></i>'}),e.on("userinactive",function(){n.classList.add("d-none"),t.classList.add("d-none")}),e.on("useractive",function(){n.classList.remove("d-none"),t.classList.remove("d-none")}),n.addEventListener("click",function(e){var n=document.querySelector(".vjs-control-bar");e.target.classList.contains("icon")||(t.classList.contains("d-none")?(t.classList.remove("d-none"),o||n.classList.remove("d-none")):(t.classList.add("d-none"),n.classList.add("d-none")))})},s=function(e,t){t=t&&Object.keys(t).length?p(t,a):n({},a);var o=document.createElement("div"),c=document.createElement("div"),i=document.createElement("div");i.className="overlay-col-12 mx-auto control-overlay-buttons",c.className="overlay-row",o.className="overlay-container-fluid vjs-overlay";var s=Object.keys(t).filter(function(e){return r.hasOwnProperty(e)}).map(function(e){var n=r[e],o=f(n);return{options:t[e],element:o}});if(d(s,e),u(s,e),t.lockButton){var v=document.createElement("div");v.className="overlay-col-1 lock-overlay",i.classList.remove("overlay-col-12","mx-auto"),i.classList.add("overlay-col-11");var m=f({icon:"lock",className:"lock-button",size:"2x"});l(m),v.append(m),c.append(v)}return s.forEach(function(e){return i.append(e.element)}),c.append(i),o.append(c),o},l=function(e){var n=e.children[0],t=document.querySelector(".vjs-control-bar");n.addEventListener("click",function(){var e=Array.from(document.querySelectorAll(".overlay-button:not(.lock-button)"));if(o)return n.innerHTML='<i class="icon fa fa-2x fa-lock"></i>',e.forEach(function(e){e.classList.remove("d-none")}),t.classList.remove("d-none"),void(o=!1);n.innerHTML='<i class="icon fa fa-2x fa-unlock"></i>',e.forEach(function(e){e.classList.add("d-none")}),t.classList.add("d-none"),o=!0})},u=function(e,n){(e=e.filter(function(e){return e.options.doubleTap&&e.options.handleClick})).forEach(function(e){e.element.addEventListener("click",function(){v(function(){e.options.handleClick(n)})})})},d=function(e,n){(e=e.filter(function(e){return e.options.handleClick})).forEach(function(e){e.element.children[0].addEventListener("click",function(){return e.options.handleClick(n)})})},f=function(e){var n=e.icon,t=e.extra,o=void 0===t?"":t,a=e.className,r=void 0===a?"":a,c=e.size,i=void 0===c?"4x":c,s=document.createElement("i");s.className="icon fa fa-"+i+" fa-"+n+" "+o;var l=document.createElement("div");l.className="button-wrapper",l.append(s);var u=document.createElement("div");return u.className="overlay-button vjs-button "+r,u.append(l),u},v=function(e){var n=(new Date).getTime()-t;n<400&&n>0&&e(),t=(new Date).getTime()},p=function(e,n){for(var t in e){var o=e[t],a=n[t];if(a)for(var r in a)!o.hasOwnProperty(r)&&a.hasOwnProperty(r)&&(o[r]=a[r])}return e},m=function(e){var n=this;this.ready(function(){!function(e,n){e.addClass("vjs-touch-overlay");var t=s(e,n);e.el().append(t),i(e,t)}(n,e)})};return c("touchOverlay",m),m.VERSION="1.2.6",m});
+/*! @name videojs-overlay-buttons @version 1.2.7 @license MIT */
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],n):(e=e||self).videojsOverlayButtons=n(e.videojs)}(this,function(e){"use strict";function n(){return(n=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e;var t,o=!1,a={seekLeft:{handleClick:function(e){var n=Number(e.currentTime())-10;e.currentTime(n)},doubleTap:!0},play:{handleClick:function(e){e.paused()?e.play():e.pause()}},seekRight:{handleClick:function(e){var n=Number(e.currentTime())+10;e.currentTime(n)},doubleTap:!0},lockButton:!1},r={previous:{icon:"backward",className:"previous-button"},seekLeft:{icon:"history",className:"seek-left"},play:{icon:"play",className:"play-button"},seekRight:{icon:"history",className:"seek-right",extra:"fa-flip-horizontal"},next:{icon:"forward",className:"next-button"}},c=e.registerPlugin||e.plugin,i=function(e,n){var t=document.querySelector(".overlay-row");e.on("play",function(){document.querySelector(".play-button .button-wrapper").innerHTML='<i class="icon fa fa-4x fa-pause"></i>'}),e.on("pause",function(){document.querySelector(".play-button .button-wrapper").innerHTML='<i class="icon fa fa-4x fa-play"></i>'}),e.on("userinactive",function(){n.classList.add("d-none"),t.classList.add("d-none")}),e.on("useractive",function(){n.classList.remove("d-none"),t.classList.remove("d-none")}),n.addEventListener("click",function(e){var n=document.querySelector(".vjs-control-bar");e.target.classList.contains("icon")||(t.classList.contains("d-none")?(t.classList.remove("d-none"),o||n.classList.remove("d-none")):(t.classList.add("d-none"),n.classList.add("d-none")))})},s=function(e,t){t=t&&Object.keys(t).length?p(t,a):n({},a);var o=document.createElement("div"),c=document.createElement("div"),i=document.createElement("div");i.className="overlay-col-12 mx-auto control-overlay-buttons",c.className="overlay-row",o.className="overlay-container-fluid vjs-overlay";var s=Object.keys(t).filter(function(e){return r.hasOwnProperty(e)}).map(function(e){var n=r[e],o=f(n);return{options:t[e],element:o}});if(d(s,e),u(s,e),t.lockButton){var v=document.createElement("div");v.className="overlay-col-1 lock-overlay",i.classList.remove("overlay-col-12","mx-auto"),i.classList.add("overlay-col-11");var m=f({icon:"lock",className:"lock-button",size:"2x"});l(m),v.append(m),c.append(v)}return s.forEach(function(e){return i.append(e.element)}),c.append(i),o.append(c),o},l=function(e){var n=e.children[0],t=document.querySelector(".vjs-control-bar");n.addEventListener("click",function(){var e=Array.from(document.querySelectorAll(".overlay-button:not(.lock-button)"));if(o)return n.innerHTML='<i class="icon fa fa-2x fa-lock"></i>',e.forEach(function(e){e.classList.remove("d-none")}),t.classList.remove("d-none"),void(o=!1);n.innerHTML='<i class="icon fa fa-2x fa-unlock"></i>',e.forEach(function(e){e.classList.add("d-none")}),t.classList.add("d-none"),o=!0})},u=function(e,n){(e=e.filter(function(e){return e.options.doubleTap&&e.options.handleClick})).forEach(function(e){e.element.addEventListener("click",function(){v(function(){e.options.handleClick(n)})})})},d=function(e,n){(e=e.filter(function(e){return e.options.handleClick})).forEach(function(e){e.element.children[0].addEventListener("click",function(){return e.options.handleClick(n)})})},f=function(e){var n=e.icon,t=e.extra,o=void 0===t?"":t,a=e.className,r=void 0===a?"":a,c=e.size,i=void 0===c?"4x":c,s=document.createElement("i");s.className="icon fa fa-"+i+" fa-"+n+" "+o;var l=document.createElement("div");l.className="button-wrapper",l.append(s);var u=document.createElement("div");return u.className="overlay-button vjs-button "+r,u.append(l),u},v=function(e){var n=(new Date).getTime()-t;n<400&&n>0&&e(),t=(new Date).getTime()},p=function(e,n){for(var t in e){var o=e[t],a=n[t];if(a)for(var r in a)!o.hasOwnProperty(r)&&a.hasOwnProperty(r)&&(o[r]=a[r])}return e},m=function(e){var n=this;this.ready(function(){!function(e,n){e.addClass("vjs-touch-overlay");var t=s(e,n);e.el().append(t),i(e,t)}(n,e)})};return c("touchOverlay",m),m.VERSION="1.2.7",m});

package.json

 {
   "name": "videojs-overlay-buttons",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "Overlay buttons for videojs player",
@@ -5,0 +5,0 @@ "main": "dist/videojs-overlay-buttons.cjs.js",

test/dist/bundle.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.6 @license MIT */
+/*! @name videojs-overlay-buttons @version 1.2.7 @license MIT */
 (function () {
@@ -3,0 +3,0 @@ 'use strict';

No alert changes

Improved metrics

Total package byte prevSize

64965

increased by1.65%

Lines of code

1370

increased by0.44%

No dependency changes