@desynova-digital/player 4.0.61 → 4.0.62
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.
package/components/MarkerBar.js
CHANGED
|
@@ -40,10 +40,10 @@ 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 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) {
|
|
43
|
+
var MarkerBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 25px;\n z-index:3;\n position: ", ";\n cursor: default;\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
|
-
return props.controlType === 'advanced' && !props.isFullscreen ? '0px' : '
|
|
46
|
+
return props.controlType === 'advanced' && !props.isFullscreen ? '0px' : '14px';
|
|
47
47
|
}, _components.Icon.Element);
|
|
48
48
|
var MarkerBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
49
49
|
function MarkerBar(props) {
|
|
@@ -51,7 +51,9 @@ var ProgressControlBlock = _styledComponents["default"].div(_templateObject || (
|
|
|
51
51
|
var markers = _ref.markers;
|
|
52
52
|
return markers.length > 3 ? '40px' : '23px';
|
|
53
53
|
});
|
|
54
|
-
var SeekControlBar = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n position: relative;\n cursor:
|
|
54
|
+
var SeekControlBar = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n position: relative;\n cursor: ", ";\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) {
|
|
55
|
+
return props.isFullscreen ? 'default' : 'pointer';
|
|
56
|
+
}, function (props) {
|
|
55
57
|
return props.controlType === 'advanced' && !props.isFullscreen ? '2' : '1';
|
|
56
58
|
}, function (_ref2) {
|
|
57
59
|
var zoom = _ref2.zoom;
|
|
@@ -188,7 +190,8 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
188
190
|
},
|
|
189
191
|
id: "seekbar-control-block",
|
|
190
192
|
zoom: stateZoom && parseFloat(stateZoom.toFixed(1)),
|
|
191
|
-
onMouseMove: this.handleMouseMoveThrottle
|
|
193
|
+
onMouseMove: this.handleMouseMoveThrottle,
|
|
194
|
+
isFullscreen: isFullscreen
|
|
192
195
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
193
196
|
className: "timeline-content hide-scrollbar"
|
|
194
197
|
}, /*#__PURE__*/_react["default"].createElement(_SeekBar["default"], _extends({
|
|
@@ -35,7 +35,9 @@ 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: 4px;\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 top: ", ";\n"])), function (props) {
|
|
39
|
+
return props.isFullscreen && props.playerType != 'default' ? '4px' : '0px';
|
|
40
|
+
});
|
|
39
41
|
var propTypes = {
|
|
40
42
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
41
43
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
@@ -225,7 +227,10 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
225
227
|
onMouseDown: this.handleMouseDown,
|
|
226
228
|
onMouseMove: this.handleMouseMove,
|
|
227
229
|
onMouseUp: this.handleMouseUp
|
|
228
|
-
}, /*#__PURE__*/_react["default"].createElement(SliderBlock,
|
|
230
|
+
}, /*#__PURE__*/_react["default"].createElement(SliderBlock, {
|
|
231
|
+
playerType: playerType,
|
|
232
|
+
isFullscreen: isFullscreen
|
|
233
|
+
}, /*#__PURE__*/_react["default"].createElement(_Slider["default"], _extends({}, this.props, {
|
|
229
234
|
ref: function ref(input) {
|
|
230
235
|
_this2.slider = input;
|
|
231
236
|
},
|