@vidispine/vdt-videojs 22.3.0-pre.5 → 22.3.0

package/dist/index.css

@@ -383,26 +383,33 @@
 .video-js.vjs-1-1 {
   width: 100%;
   max-width: 100%;
+}
+
+.video-js.vjs-fluid:not(.vjs-audio-only-mode),
+.video-js.vjs-16-9:not(.vjs-audio-only-mode),
+.video-js.vjs-4-3:not(.vjs-audio-only-mode),
+.video-js.vjs-9-16:not(.vjs-audio-only-mode),
+.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
   height: 0;
 }
 
-.video-js.vjs-16-9 {
+.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
   padding-top: 56.25%;
 }
 
-.video-js.vjs-4-3 {
+.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
   padding-top: 75%;
 }
 
-.video-js.vjs-9-16 {
+.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
   padding-top: 177.7777777778%;
 }
 
-.video-js.vjs-1-1 {
+.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
   padding-top: 100%;
 }
 
-.video-js.vjs-fill {
+.video-js.vjs-fill:not(.vjs-audio-only-mode) {
   width: 100%;
   height: 100%;
 }
@@ -415,6 +422,10 @@
   height: 100%;
 }
 
+.video-js.vjs-audio-only-mode .vjs-tech {
+  display: none;
+}
+
 body.vjs-full-window {
   padding: 0;
   margin: 0;
@@ -769,7 +780,8 @@ body.vjs-full-window {
   background-color: rgba(43, 51, 63, 0.7);
 }
 
-.vjs-has-started .vjs-control-bar {
+.vjs-has-started .vjs-control-bar,
+.vjs-audio-only-mode .vjs-control-bar {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -800,9 +812,11 @@ body.vjs-full-window {
   display: none !important;
 }
 
-.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
+.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
   opacity: 1;
   visibility: visible;
+  pointer-events: auto;
 }
 
 .vjs-has-started.vjs-no-flex .vjs-control-bar {
@@ -823,6 +837,12 @@ body.vjs-full-window {
   flex: none;
 }
 
+.video-js .vjs-control.vjs-visible-text {
+  width: auto;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
 .vjs-button > .vjs-icon-placeholder:before {
   font-size: 1.8em;
   line-height: 1.67;
@@ -838,7 +858,7 @@ body.vjs-full-window {
   text-shadow: 0em 0em 1em white;
 }
 
-.video-js .vjs-control-text {
+.video-js *:not(.vjs-visible-text) > .vjs-control-text {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
@@ -1337,18 +1357,16 @@ body.vjs-full-window {
   height: 100%;
 }
 
-.vjs-has-started .vjs-poster {
+.vjs-has-started .vjs-poster,
+.vjs-using-native-controls .vjs-poster {
   display: none;
 }
 
-.vjs-audio.vjs-has-started .vjs-poster {
+.vjs-audio.vjs-has-started .vjs-poster,
+.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
   display: block;
 }
 
-.vjs-using-native-controls .vjs-poster {
-  display: none;
-}
-
 .video-js .vjs-live-control {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1478,6 +1496,7 @@ body.vjs-full-window {
   pointer-events: none;
 }
 
+.video-js.vjs-controls-disabled .vjs-text-track-display,
 .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
   bottom: 1em;
 }
@@ -1508,6 +1527,7 @@ video::-webkit-media-text-track-display {
   transform: translateY(-3em);
 }
 
+.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
 .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
   -moz-transform: translateY(-1.5em);
   -ms-transform: translateY(-1.5em);
@@ -1524,6 +1544,10 @@ video::-webkit-media-text-track-display {
   -ms-flex: none;
   flex: none;
 }
+.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
+  display: none;
+}
+
 .video-js .vjs-fullscreen-control {
   cursor: pointer;
   -webkit-box-flex: none;
@@ -1532,6 +1556,10 @@ video::-webkit-media-text-track-display {
   -ms-flex: none;
   flex: none;
 }
+.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
+  display: none;
+}
+
 .vjs-playback-rate > .vjs-menu-button,
 .vjs-playback-rate .vjs-playback-rate-value {
   position: absolute;
@@ -1622,12 +1650,12 @@ video::-webkit-media-text-track-display {
 
 .vjs-seeking .vjs-loading-spinner:before,
 .vjs-waiting .vjs-loading-spinner:before {
-  border-top-color: white;
+  border-top-color: rgb(255, 255, 255);
 }
 
 .vjs-seeking .vjs-loading-spinner:after,
 .vjs-waiting .vjs-loading-spinner:after {
-  border-top-color: white;
+  border-top-color: rgb(255, 255, 255);
   -webkit-animation-delay: 0.44s;
   animation-delay: 0.44s;
 }
@@ -1686,10 +1714,18 @@ video::-webkit-media-text-track-display {
     border-top-color: #73859f;
   }
 }
+.video-js.vjs-audio-only-mode .vjs-captions-button {
+  display: none;
+}
+
 .vjs-chapters-button .vjs-menu ul {
   width: 24em;
 }
 
+.video-js.vjs-audio-only-mode .vjs-descriptions-button {
+  display: none;
+}
+
 .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
   vertical-align: middle;
   display: inline-block;
@@ -1703,6 +1739,10 @@ video::-webkit-media-text-track-display {
   line-height: inherit;
 }
 
+.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
+  display: none;
+}
+
 .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
   vertical-align: middle;
   display: inline-block;
@@ -1782,15 +1822,12 @@ video::-webkit-media-text-track-display {
     grid-template-rows: 1fr;
     padding: 20px 24px 0px 24px;
   }
-
   .vjs-track-settings-controls .vjs-default-button {
     margin-bottom: 20px;
   }
-
   .vjs-text-track-settings .vjs-track-settings-controls {
     grid-column: 1/-1;
   }
-
   .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
 .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
 .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
@@ -1909,14 +1946,10 @@ button:focus, .video-js .vjs-menu-item {
   padding-top: 6px;
   display: flex;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+15,0.3+100 */
-  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%);
-  /* FF3.6-15 */
-  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%);
-  /* Chrome10-25,Safari5.1-6 */
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%);
-  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#4d000000",GradientType=0 );
-  /* IE6-9 */
+  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#4d000000",GradientType=0 ); /* IE6-9 */
   transform: translate3d(0px, 0px, 0px);
   -webkit-transform: translate3d(0px, 0px, 0px);
   z-index: 2;
@@ -2230,16 +2263,11 @@ button:focus, .video-js .vjs-menu-item {
   width: 100%;
   display: none;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#88bfe8+0,71a1c4+100 */
-  background: #88bfe8;
-  /* Old browsers */
-  background: -moz-linear-gradient(top, #88bfe8 0%, #71a1c4 100%);
-  /* FF3.6-15 */
-  background: -webkit-linear-gradient(top, #88bfe8 0%, #71a1c4 100%);
-  /* Chrome10-25,Safari5.1-6 */
-  background: linear-gradient(to bottom, #88bfe8 0%, #71a1c4 100%);
-  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#88bfe8", endColorstr="#71a1c4",GradientType=0 );
-  /* IE6-9 */
+  background: rgb(136, 191, 232); /* Old browsers */
+  background: -moz-linear-gradient(top, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* FF3.6-15 */
+  background: -webkit-linear-gradient(top, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(to bottom, rgb(136, 191, 232) 0%, rgb(113, 161, 196) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#88bfe8", endColorstr="#71a1c4",GradientType=0 ); /* IE6-9 */
 }
 .video-js .vdt-waveform-visual canvas, .video-js .vdt-help-overlay canvas {
   height: 100%;

package/dist/index.es.js

@@ -3,7 +3,7 @@ import mousetrap from 'mousetrap';
 import videojs from 'video.js/dist/alt/video.core.min';
 
 var name = "@vidispine/vdt-videojs";
-var version = "22.3.0-pre.5";
+var version = "22.3.0";
 var license = "SEE LICENSE IN LICENSE.md";
 var publishConfig = {
 	access: "public"
@@ -25,23 +25,23 @@ var scripts = {
 	"lint:fix": "yarn lint --fix"
 };
 var dependencies = {
-	"@babel/runtime": "^7.17.0",
-	mousetrap: "^1.6.3",
-	"video.js": "^7.6.6"
+	"@babel/runtime": "^7.18.9",
+	mousetrap: "^1.6.5",
+	"video.js": "^7.20.2"
 };
 var devDependencies = {
-	"@babel/core": "^7.17.0",
-	"@babel/plugin-transform-runtime": "^7.17.0",
-	"@rollup/plugin-babel": "^5.3.0",
-	"@rollup/plugin-commonjs": "^21.0.1",
+	"@babel/core": "^7.18.10",
+	"@babel/plugin-transform-runtime": "^7.18.10",
+	"@rollup/plugin-babel": "^5.3.1",
+	"@rollup/plugin-commonjs": "^21.1.0",
 	"@rollup/plugin-json": "^4.1.0",
-	"@rollup/plugin-node-resolve": "^13.1.3",
-	"@vidispine/eslint-config-base": "22.3.0-pre.5",
-	"@vidispine/eslint-config-storybook": "22.3.0-pre.5",
-	rollup: "^2.67.0",
+	"@rollup/plugin-node-resolve": "^13.3.0",
+	"@vidispine/eslint-config-base": "22.3.0",
+	"@vidispine/eslint-config-storybook": "22.3.0",
+	rollup: "^2.78.0",
 	"rollup-plugin-cleanup": "^3.2.1",
 	"rollup-plugin-peer-deps-external": "^2.2.4",
-	"rollup-plugin-sass": "^1.2.10"
+	"rollup-plugin-sass": "^1.2.13"
 };
 var browserslist = [
 	"since 2017-06"

package/dist/index.js

@@ -13,7 +13,7 @@ var mousetrap__default = /*#__PURE__*/_interopDefaultLegacy(mousetrap);
 var videojs__default = /*#__PURE__*/_interopDefaultLegacy(videojs);
 
 var name = "@vidispine/vdt-videojs";
-var version = "22.3.0-pre.5";
+var version = "22.3.0";
 var license = "SEE LICENSE IN LICENSE.md";
 var publishConfig = {
 	access: "public"
@@ -35,23 +35,23 @@ var scripts = {
 	"lint:fix": "yarn lint --fix"
 };
 var dependencies = {
-	"@babel/runtime": "^7.17.0",
-	mousetrap: "^1.6.3",
-	"video.js": "^7.6.6"
+	"@babel/runtime": "^7.18.9",
+	mousetrap: "^1.6.5",
+	"video.js": "^7.20.2"
 };
 var devDependencies = {
-	"@babel/core": "^7.17.0",
-	"@babel/plugin-transform-runtime": "^7.17.0",
-	"@rollup/plugin-babel": "^5.3.0",
-	"@rollup/plugin-commonjs": "^21.0.1",
+	"@babel/core": "^7.18.10",
+	"@babel/plugin-transform-runtime": "^7.18.10",
+	"@rollup/plugin-babel": "^5.3.1",
+	"@rollup/plugin-commonjs": "^21.1.0",
 	"@rollup/plugin-json": "^4.1.0",
-	"@rollup/plugin-node-resolve": "^13.1.3",
-	"@vidispine/eslint-config-base": "22.3.0-pre.5",
-	"@vidispine/eslint-config-storybook": "22.3.0-pre.5",
-	rollup: "^2.67.0",
+	"@rollup/plugin-node-resolve": "^13.3.0",
+	"@vidispine/eslint-config-base": "22.3.0",
+	"@vidispine/eslint-config-storybook": "22.3.0",
+	rollup: "^2.78.0",
 	"rollup-plugin-cleanup": "^3.2.1",
 	"rollup-plugin-peer-deps-external": "^2.2.4",
-	"rollup-plugin-sass": "^1.2.10"
+	"rollup-plugin-sass": "^1.2.13"
 };
 var browserslist = [
 	"since 2017-06"

package/dist/index.umd.js

@@ -11,7 +11,7 @@
   var videojs__default = /*#__PURE__*/_interopDefaultLegacy(videojs);
 
   var name = "@vidispine/vdt-videojs";
-  var version = "22.3.0-pre.5";
+  var version = "22.3.0";
   var license = "SEE LICENSE IN LICENSE.md";
   var publishConfig = {
   	access: "public"
@@ -33,23 +33,23 @@
   	"lint:fix": "yarn lint --fix"
   };
   var dependencies = {
-  	"@babel/runtime": "^7.17.0",
-  	mousetrap: "^1.6.3",
-  	"video.js": "^7.6.6"
+  	"@babel/runtime": "^7.18.9",
+  	mousetrap: "^1.6.5",
+  	"video.js": "^7.20.2"
   };
   var devDependencies = {
-  	"@babel/core": "^7.17.0",
-  	"@babel/plugin-transform-runtime": "^7.17.0",
-  	"@rollup/plugin-babel": "^5.3.0",
-  	"@rollup/plugin-commonjs": "^21.0.1",
+  	"@babel/core": "^7.18.10",
+  	"@babel/plugin-transform-runtime": "^7.18.10",
+  	"@rollup/plugin-babel": "^5.3.1",
+  	"@rollup/plugin-commonjs": "^21.1.0",
   	"@rollup/plugin-json": "^4.1.0",
-  	"@rollup/plugin-node-resolve": "^13.1.3",
-  	"@vidispine/eslint-config-base": "22.3.0-pre.5",
-  	"@vidispine/eslint-config-storybook": "22.3.0-pre.5",
-  	rollup: "^2.67.0",
+  	"@rollup/plugin-node-resolve": "^13.3.0",
+  	"@vidispine/eslint-config-base": "22.3.0",
+  	"@vidispine/eslint-config-storybook": "22.3.0",
+  	rollup: "^2.78.0",
   	"rollup-plugin-cleanup": "^3.2.1",
   	"rollup-plugin-peer-deps-external": "^2.2.4",
-  	"rollup-plugin-sass": "^1.2.10"
+  	"rollup-plugin-sass": "^1.2.13"
   };
   var browserslist = [
   	"since 2017-06"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-videojs",
-  "version": "22.3.0-pre.5",
+  "version": "22.3.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "private": false,
   "publishConfig": {
@@ -23,23 +23,23 @@
     "lint:fix": "yarn lint --fix"
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.0",
-    "mousetrap": "^1.6.3",
-    "video.js": "^7.6.6"
+    "@babel/runtime": "^7.18.9",
+    "mousetrap": "^1.6.5",
+    "video.js": "^7.20.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.0",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
+    "@babel/core": "^7.18.10",
+    "@babel/plugin-transform-runtime": "^7.18.10",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@vidispine/eslint-config-base": "22.3.0-pre.5",
-    "@vidispine/eslint-config-storybook": "22.3.0-pre.5",
-    "rollup": "^2.67.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@vidispine/eslint-config-base": "22.3.0",
+    "@vidispine/eslint-config-storybook": "22.3.0",
+    "rollup": "^2.78.0",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-sass": "^1.2.10"
+    "rollup-plugin-sass": "^1.2.13"
   },
   "browserslist": [
     "since 2017-06"
@@ -51,5 +51,5 @@
     ]
   },
   "prettier": "@vidispine/prettier-config",
-  "gitHead": "b7c1ead11e7e2fc68c5fb0072e6dbdb019f26ddc"
+  "gitHead": "bf53eaf85f596bc3cc70b490d18dbf3c59045350"
 }