@desynova-digital/player 4.0.58 → 4.0.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/components/MarkerBar.js +1 -1
  2. package/components/Slider.js +1 -1
  3. package/components/progress-bar/PlayProgressBar.js +7 -1
  4. package/components/progress-bar/ProgressControl.js +1 -1
  5. package/components/progress-bar/SeekBar.js +13 -1
  6. package/package.json +1 -1
package/components/MarkerBar.js CHANGED
@@ -40,7 +40,7 @@ var propTypes = {
40
40
  var defaultProps = {
41
41
  player: {}
42
42
  };
43
- var MarkerBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 25px;\n position: ", ";\n bottom: ", ";\n .marker {\n position: absolute;\n width: 2px;\n height: 20px;\n p {\n font-family: SFUIText-Medium;\n font-size: 10px;\n color: #ffffff;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n ", " {\n position: absolute;\n display: block;\n left: 50%;\n top: 10px;\n transform: translateX(-50%);\n }\n }\n"])), function (props) {
43
+ var MarkerBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 25px;\n z-index:3;\n position: ", ";\n bottom: ", ";\n .marker {\n position: absolute;\n width: 2px;\n height: 20px;\n p {\n font-family: SFUIText-Medium;\n font-size: 10px;\n color: #ffffff;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n ", " {\n position: absolute;\n display: block;\n left: 50%;\n top: 10px;\n transform: translateX(-50%);\n }\n }\n"])), function (props) {
44
44
  return props.controlType === 'advanced' && !props.isFullscreen ? 'relative' : 'absolute';
45
45
  }, function (props) {
46
46
  return props.controlType === 'advanced' && !props.isFullscreen ? '0px' : '5px';
package/components/Slider.js CHANGED
@@ -66,7 +66,7 @@ var defaultProps = {
66
66
  valuenow: '',
67
67
  valuetext: ''
68
68
  };
69
- var SliderBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n z-index: 2;\n width: 100%;\n height: 4px;\n background: ", ";\n"])), function (props) {
69
+ var SliderBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n z-index: 2;\n width: 100%;\n height: 100%;\n background: ", ";\n"])), function (props) {
70
70
  return props.theme ? " ".concat(_tokens.colors[props.theme].base) : '#121d29';
71
71
  });
72
72
  var Slider = exports["default"] = /*#__PURE__*/function (_Component) {
package/components/progress-bar/PlayProgressBar.js CHANGED
@@ -25,10 +25,16 @@ var defaultProps = {
25
25
  playerType: 'default',
26
26
  controlType: 'default'
27
27
  };
28
- var ProgressBarBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n width: 0px;\n height: 100%;\n left: 0;\n top: 0;\n background: ", ";\n &:after {\n content: '';\n width: 12px;\n height: 4px;\n position: absolute;\n background: ", ";\n border-radius: 100%;\n right: -2px;\n top: 0px;\n box-shadow: 0 0 8px 1px\n ", ";\n }\n &:before {\n content: '';\n width: 2px;\n height: 46px;\n position: absolute;\n background: ", ";\n right: -1px;\n top: 4px;\n display: ", ";\n }\n"])), function (props) {
28
+ var ProgressBarBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n width: 0px;\n height: 100%;\n left: 0;\n top: 0;\n background: ", ";\n &:after {\n content: '';\n width: 12px;\n height:", ";\n position: absolute;\n background: ", ";\n border-radius: 100%;\n right: ", "\n top: ", "\n box-shadow: 0 0 8px 1px\n ", ";\n }\n &:before {\n content: '';\n width: 2px;\n height: 46px;\n position: absolute;\n background: ", ";\n right: -1px;\n top: 4px;\n display: ", ";\n }\n"])), function (props) {
29
29
  return _colors["default"].common.video[props.assetType].base;
30
+ }, function (props) {
31
+ return props.playerType === 'default' ? '4px' : '12px';
30
32
  }, function (props) {
31
33
  return _colors["default"].common.video[props.assetType].base;
34
+ }, function (props) {
35
+ return props.playerType === 'default' ? '-2px' : '-6px';
36
+ }, function (props) {
37
+ return props.playerType === 'default' ? '0px' : '-4px';
32
38
  }, function (props) {
33
39
  return _colors["default"].common.video[props.assetType].base;
34
40
  }, function (props) {
package/components/progress-bar/ProgressControl.js CHANGED
@@ -59,7 +59,7 @@ var SeekControlBar = _styledComponents["default"].div(_templateObject2 || (_temp
59
59
  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"])));
60
60
  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) {
61
61
  var markers = _ref3.markers;
62
- return markers.length > 3 ? '18px' : '17px';
62
+ return markers.length > 3 ? '15px' : '14px';
63
63
  }, function (_ref4) {
64
64
  var markers = _ref4.markers;
65
65
  return markers.length > 3 ? 'hidden' : 'visible';
package/components/progress-bar/SeekBar.js CHANGED
@@ -35,7 +35,7 @@ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.fre
35
35
  // import MouseTimeDisplay from './MouseTimeDisplay';
36
36
 
37
37
  var AdvancedControlBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 46px;\n position: relative;\n cursor: pointer;\n z-index: 1;\n"])));
38
- var SliderBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n height: 14px;\n position: relative;\n cursor: pointer;\n z-index: 2;\n"])));
38
+ var SliderBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n height: 4px;\n position: relative;\n cursor: pointer;\n z-index: 2;\n"])));
39
39
  var propTypes = {
40
40
  actions: _propTypes.PropTypes.instanceOf(Object),
41
41
  player: _propTypes.PropTypes.instanceOf(Object),
@@ -189,6 +189,17 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
189
189
  var actions = this.props.actions;
190
190
  actions.replay(0.04);
191
191
  }
192
+ }, {
193
+ key: "returnStyle",
194
+ value: function returnStyle(PT) {
195
+ if (PT == 'default') {
196
+ return {
197
+ height: '14px',
198
+ cursor: 'pointer'
199
+ };
200
+ }
201
+ return {};
202
+ }
192
203
  }, {
193
204
  key: "render",
194
205
  value: function render() {
@@ -210,6 +221,7 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
210
221
  }, /*#__PURE__*/_react["default"].createElement(_MarkerBar["default"], _extends({}, this.props, {
211
222
  zoom: zoom
212
223
  })), tagsMarker && tagsMarker.length ? /*#__PURE__*/_react["default"].createElement(_TagsBar["default"], this.props) : null, /*#__PURE__*/_react["default"].createElement("div", {
224
+ style: this.returnStyle(playerType),
213
225
  onMouseDown: this.handleMouseDown,
214
226
  onMouseMove: this.handleMouseMove,
215
227
  onMouseUp: this.handleMouseUp
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@desynova-digital/player",
3
- "version": "4.0.58",
3
+ "version": "4.0.60",
4
4
  "description": "Video Player Package for Contido Application",
5
5
  "main": "index.js",
6
6
  "scripts": {