@desynova-digital/player 4.0.20 → 4.0.21

package/components/progress-bar/ProgressControl.js

@@ -50,19 +50,22 @@ var ProgressControlBlock = _styledComponents["default"].div(_templateObject || (
   var markers = _ref.markers;
   return markers.length > 3 ? '40px' : '23px';
 });
-var SeekControlBar = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  z-index: ", ";\n  .timeline-content {\n    overflow-x: auto;\n    white-space: nowrap;\n  }\n  .hide-scrollbar {\n    /* Hide scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */\n    scrollbar-width: none; /* Hides scrollbar in Firefox */\n    -ms-overflow-style: none; /* Hides scrollbar in IE 10+ */\n  }\n\n  .hide-scrollbar::-webkit-scrollbar {\n    width: 0; /* Removes the scrollbar for Webkit browsers */\n  }\n"])), function (props) {
+var SeekControlBar = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  z-index: ", ";\n  .timeline-content {\n    overflow-x: ", ";\n    white-space: nowrap;\n  }\n  .hide-scrollbar {\n    /* Hide scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */\n    scrollbar-width: none; /* Hides scrollbar in Firefox */\n    -ms-overflow-style: none; /* Hides scrollbar in IE 10+ */\n  }\n\n  .hide-scrollbar::-webkit-scrollbar {\n    width: 0; /* Removes the scrollbar for Webkit browsers */\n  }\n\n  .scrollBarVisibility\n  max-height: 65px;\n  overflow-y: visible;\n  scrollbar-width: none; /* Hides scrollbar in Firefox */\n  -ms-overflow-style: none; /* Hides scrollbar in Internet Explorer 10+ */\n\n  /* Hides scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n"])), function (props) {
   return props.controlType === 'advanced' && !props.isFullscreen ? '2' : '1';
+}, function (_ref2) {
+  var zoom = _ref2.zoom;
+  return zoom > 0 ? 'auto' : 'visible';
 });
 var MarkerTagsBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  min-width: 100px;\n  max-width: 100px;\n  position: relative;\n  height: 60px;\n  .empty-block {\n    height: calc(100% - 20px);\n  }\n  .tags-block {\n    height: 20px;\n    font-family: SFUIText-Medium;\n    font-size: 12px;\n    color: #ffffff;\n    text-transform: uppercase;\n    border-top: 1px solid #333333;\n    border-bottom: 1px solid #333333;\n    p {\n      line-height: 18px;\n      padding-left: 10px;\n    }\n  }\n"])));
-var ScrollStyledDiv = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  max-height: 101px;\n  position: relative;\n  top: ", ";\n  overflow-y: ", ";\n  overflow-x: ", ";\n"])), function (_ref2) {
-  var markers = _ref2.markers;
-  return markers.length > 3 ? '18px' : '17px';
-}, function (_ref3) {
+var ScrollStyledDiv = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  max-height: 101px;\n  position: relative;\n  top: ", ";\n  overflow-y: ", ";\n  overflow-x: ", ";\n"])), function (_ref3) {
   var markers = _ref3.markers;
-  return markers.length > 3 ? 'hidden' : 'visible';
+  return markers.length > 3 ? '18px' : '17px';
 }, function (_ref4) {
   var markers = _ref4.markers;
   return markers.length > 3 ? 'hidden' : 'visible';
+}, function (_ref5) {
+  var markers = _ref5.markers;
+  return markers.length > 3 ? 'hidden' : 'visible';
 });
 var CoverDiv = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: black;\n  z-index: 2;\n  position: absolute;\n  height: 60px;\n  width: 89px;\n  left: 0px;\n  top: 20px;\n"])));
 var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
@@ -191,12 +194,7 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
         },
         zoom: stateZoom && parseFloat(stateZoom.toFixed(1))
       }, this.props)), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          maxHeight: '65px',
-          scrollbarWidth: 'none',
-          msOverflowStyle: 'none',
-          overflowY: markers.length > 3 ? 'scroll' : 'visible'
-        }
+        className: "scrollBarVisibility"
       }, /*#__PURE__*/_react["default"].createElement(_PointersBar["default"], _extends({
         onScroll: this.handleChildScroll,
         theme: theme,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@desynova-digital/player",
-  "version": "4.0.20",
+  "version": "4.0.21",
   "description": "Video Player Package for Contido Application",
   "main": "index.js",
   "scripts": {