videojs-overlay-buttons - npm Package Compare versions

Comparing version 1.2.3 to 1.2.4

dist/videojs-overlay-buttons.cjs.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.3 @license MIT */
+/*! @name videojs-overlay-buttons @version 1.2.4 @license MIT */
 'use strict';
@@ -26,3 +26,3 @@
 
-var version = "1.2.3";
+var version = "1.2.4";
 
@@ -133,5 +133,5 @@ var latestTap;
   var controlOverlay = document.createElement("div");
-  controlOverlay.className = "col-12 mx-auto control-overlay-buttons";
-  row.className = "row";
-  overlay_div.className = "container-fluid vjs-overlay";
+  controlOverlay.className = "overlay-col-12 mx-auto control-overlay-buttons";
+  row.className = "overlay-row";
+  overlay_div.className = "overlay-container-fluid vjs-overlay";
   var btnOpts = Object.keys(options).filter(function (button) {
@@ -153,5 +153,5 @@ return controlButtons.hasOwnProperty(button);
     var lockOverlay = document.createElement("div");
-    lockOverlay.className = "col-1 lock-overlay";
-    controlOverlay.classList.remove("col-12", "mx-auto");
-    controlOverlay.classList.add("col-11");
+    lockOverlay.className = "overlay-col-1 lock-overlay";
+    controlOverlay.classList.remove("overlay-col-12", "mx-auto");
+    controlOverlay.classList.add("overlay-col-11");
     var lockButtonProperties = {
@@ -158,0 +158,0 @@ icon: "lock",

dist/videojs-overlay-buttons.es.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.3 @license MIT */
+/*! @name videojs-overlay-buttons @version 1.2.4 @license MIT */
 import videojs from 'video.js';
@@ -22,3 +22,3 @@
 
-var version = "1.2.3";
+var version = "1.2.4";
 
@@ -129,5 +129,5 @@ var latestTap;
   var controlOverlay = document.createElement("div");
-  controlOverlay.className = "col-12 mx-auto control-overlay-buttons";
-  row.className = "row";
-  overlay_div.className = "container-fluid vjs-overlay";
+  controlOverlay.className = "overlay-col-12 mx-auto control-overlay-buttons";
+  row.className = "overlay-row";
+  overlay_div.className = "overlay-container-fluid vjs-overlay";
   var btnOpts = Object.keys(options).filter(function (button) {
@@ -149,5 +149,5 @@ return controlButtons.hasOwnProperty(button);
     var lockOverlay = document.createElement("div");
-    lockOverlay.className = "col-1 lock-overlay";
-    controlOverlay.classList.remove("col-12", "mx-auto");
-    controlOverlay.classList.add("col-11");
+    lockOverlay.className = "overlay-col-1 lock-overlay";
+    controlOverlay.classList.remove("overlay-col-12", "mx-auto");
+    controlOverlay.classList.add("overlay-col-11");
     var lockButtonProperties = {
@@ -154,0 +154,0 @@ icon: "lock",

dist/videojs-overlay-buttons.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.3 @license MIT */
+/*! @name videojs-overlay-buttons @version 1.2.4 @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.3";
+  var version = "1.2.4";
 
@@ -135,5 +135,5 @@ var latestTap;
     var controlOverlay = document.createElement("div");
-    controlOverlay.className = "col-12 mx-auto control-overlay-buttons";
-    row.className = "row";
-    overlay_div.className = "container-fluid vjs-overlay";
+    controlOverlay.className = "overlay-col-12 mx-auto control-overlay-buttons";
+    row.className = "overlay-row";
+    overlay_div.className = "overlay-container-fluid vjs-overlay";
     var btnOpts = Object.keys(options).filter(function (button) {
@@ -155,5 +155,5 @@ return controlButtons.hasOwnProperty(button);
       var lockOverlay = document.createElement("div");
-      lockOverlay.className = "col-1 lock-overlay";
-      controlOverlay.classList.remove("col-12", "mx-auto");
-      controlOverlay.classList.add("col-11");
+      lockOverlay.className = "overlay-col-1 lock-overlay";
+      controlOverlay.classList.remove("overlay-col-12", "mx-auto");
+      controlOverlay.classList.add("overlay-col-11");
       var lockButtonProperties = {
@@ -160,0 +160,0 @@ icon: "lock",

dist/videojs-overlay-buttons.min.js

@@ -1,2 +0,2 @@
-/*! @name videojs-overlay-buttons @version 1.2.3 @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"}},i=e.registerPlugin||e.plugin,c=function(e,n){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("overlay-hide")}),e.on("useractive",function(){n.classList.remove("overlay-hide")})},l=function(e,t){t=t&&Object.keys(t).length?v(t,a):n({},a);var o=document.createElement("div"),i=document.createElement("div"),c=document.createElement("div");c.className="col-12 mx-auto control-overlay-buttons",i.className="row",o.className="container-fluid vjs-overlay";var l=Object.keys(t).filter(function(e){return r.hasOwnProperty(e)}).map(function(e){var n=r[e],o=d(n);return{options:t[e],element:o}});if(f(l,e),u(l,e),t.lockButton){var p=document.createElement("div");p.className="col-1 lock-overlay",c.classList.remove("col-12","mx-auto"),c.classList.add("col-11");var m=d({icon:"lock",className:"lock-button",size:"2x"});s(m),p.append(m),i.append(p)}return l.forEach(function(e){return c.append(e.element)}),i.append(c),o.append(i),o},s=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.style.display=""}),t.style.display="",void(o=!1);n.innerHTML='<i class="icon fa fa-2x fa-unlock"></i>',e.forEach(function(e){e.style.display="none"}),t.style.display="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(){p(function(){e.options.handleClick(n)})})})},f=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)})})},d=function(e){var n=e.icon,t=e.extra,o=void 0===t?"":t,a=e.className,r=void 0===a?"":a,i=e.size,c=void 0===i?"4x":i,l=document.createElement("i");l.className="icon fa fa-"+c+" fa-"+n+" "+o;var s=document.createElement("div");s.className="button-wrapper",s.append(l);var u=document.createElement("div");return u.className="overlay-button vjs-button "+r,u.append(s),u},p=function(e){var n=(new Date).getTime()-t;n<400&&n>0&&e(),t=(new Date).getTime()},v=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=l(e,n);c(e,t),e.el().append(t)}(n,e)})};return i("touchOverlay",m),m.VERSION="1.2.3",m});
+/*! @name videojs-overlay-buttons @version 1.2.4 @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"}},i=e.registerPlugin||e.plugin,c=function(e,n){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("overlay-hide")}),e.on("useractive",function(){n.classList.remove("overlay-hide")})},l=function(e,t){t=t&&Object.keys(t).length?v(t,a):n({},a);var o=document.createElement("div"),i=document.createElement("div"),c=document.createElement("div");c.className="overlay-col-12 mx-auto control-overlay-buttons",i.className="overlay-row",o.className="overlay-container-fluid vjs-overlay";var l=Object.keys(t).filter(function(e){return r.hasOwnProperty(e)}).map(function(e){var n=r[e],o=d(n);return{options:t[e],element:o}});if(f(l,e),u(l,e),t.lockButton){var p=document.createElement("div");p.className="overlay-col-1 lock-overlay",c.classList.remove("overlay-col-12","mx-auto"),c.classList.add("overlay-col-11");var y=d({icon:"lock",className:"lock-button",size:"2x"});s(y),p.append(y),i.append(p)}return l.forEach(function(e){return c.append(e.element)}),i.append(c),o.append(i),o},s=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.style.display=""}),t.style.display="",void(o=!1);n.innerHTML='<i class="icon fa fa-2x fa-unlock"></i>',e.forEach(function(e){e.style.display="none"}),t.style.display="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(){p(function(){e.options.handleClick(n)})})})},f=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)})})},d=function(e){var n=e.icon,t=e.extra,o=void 0===t?"":t,a=e.className,r=void 0===a?"":a,i=e.size,c=void 0===i?"4x":i,l=document.createElement("i");l.className="icon fa fa-"+c+" fa-"+n+" "+o;var s=document.createElement("div");s.className="button-wrapper",s.append(l);var u=document.createElement("div");return u.className="overlay-button vjs-button "+r,u.append(s),u},p=function(e){var n=(new Date).getTime()-t;n<400&&n>0&&e(),t=(new Date).getTime()},v=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},y=function(e){var n=this;this.ready(function(){!function(e,n){e.addClass("vjs-touch-overlay");var t=l(e,n);c(e,t),e.el().append(t)}(n,e)})};return i("touchOverlay",y),y.VERSION="1.2.4",y});

package.json

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

src/plugin.js

@@ -116,6 +116,6 @@ import videojs from "video.js";
 
-  controlOverlay.className = "col-12 mx-auto control-overlay-buttons";
-  row.className = "row";
+  controlOverlay.className = "overlay-col-12 mx-auto control-overlay-buttons";
+  row.className = "overlay-row";
 
-  overlay_div.className = "container-fluid vjs-overlay";
+  overlay_div.className = "overlay-container-fluid vjs-overlay";
 
@@ -139,6 +139,6 @@ const btnOpts = Object.keys(options).filter((button) =>
     const lockOverlay = document.createElement("div");
-    lockOverlay.className = "col-1 lock-overlay";
+    lockOverlay.className = "overlay-col-1 lock-overlay";
 
-    controlOverlay.classList.remove("col-12", "mx-auto");
-    controlOverlay.classList.add("col-11");
+    controlOverlay.classList.remove("overlay-col-12", "mx-auto");
+    controlOverlay.classList.add("overlay-col-11");
 
@@ -145,0 +145,0 @@ const lockButtonProperties = {

test/dist/bundle.js

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

No alert changes

Improved metrics

Total package byte prevSize

59011

increased by0.51%

Worsened metrics

Lines of code

1280

decreased by-0.08%

No dependency changes