@desynova-digital/player 4.0.60 → 4.0.61
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
|
@@ -43,7 +43,7 @@ var defaultProps = {
|
|
|
43
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
|
-
return props.controlType === 'advanced' && !props.isFullscreen ? '0px' : '
|
|
46
|
+
return props.controlType === 'advanced' && !props.isFullscreen ? '0px' : '10px';
|
|
47
47
|
}, _components.Icon.Element);
|
|
48
48
|
var MarkerBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
49
49
|
function MarkerBar(props) {
|
|
@@ -14,6 +14,7 @@ var _SeekBar = _interopRequireDefault(require("./SeekBar"));
|
|
|
14
14
|
var _PointersBar = _interopRequireDefault(require("../PointersBar"));
|
|
15
15
|
var _colors = _interopRequireDefault(require("../../colors"));
|
|
16
16
|
var _player = _interopRequireDefault(require("../../reducers/player"));
|
|
17
|
+
var _MarkerBar = _interopRequireDefault(require("../MarkerBar"));
|
|
17
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
18
19
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -152,7 +153,8 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
152
153
|
isFullscreen = _this$props2$player.isFullscreen,
|
|
153
154
|
duration = _this$props2$player.duration,
|
|
154
155
|
markers = _this$props2.markers,
|
|
155
|
-
theme = _this$props2.theme
|
|
156
|
+
theme = _this$props2.theme,
|
|
157
|
+
zoom = _this$props2.zoom;
|
|
156
158
|
var _this$state = this.state,
|
|
157
159
|
mouseTime = _this$state.mouseTime,
|
|
158
160
|
stateZoom = _this$state.stateZoom;
|
|
@@ -166,7 +168,9 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
166
168
|
ref: function ref(c) {
|
|
167
169
|
_this2.progressControlBlock = c;
|
|
168
170
|
}
|
|
169
|
-
},
|
|
171
|
+
}, playerType == 'default' && /*#__PURE__*/_react["default"].createElement(_MarkerBar["default"], _extends({}, this.props, {
|
|
172
|
+
zoom: zoom
|
|
173
|
+
})), controlType === 'advanced' && !isFullscreen && duration ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(CoverDiv, null), /*#__PURE__*/_react["default"].createElement(ScrollStyledDiv, {
|
|
170
174
|
markers: markers,
|
|
171
175
|
ref: this.parentScrollDivRef,
|
|
172
176
|
className: "hide-scrollbar"
|
|
@@ -218,7 +218,7 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
218
218
|
var time = seekingTime || currentTime;
|
|
219
219
|
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
220
220
|
id: "seekbarss"
|
|
221
|
-
}, /*#__PURE__*/_react["default"].createElement(_MarkerBar["default"], _extends({}, this.props, {
|
|
221
|
+
}, playerType != 'default' && /*#__PURE__*/_react["default"].createElement(_MarkerBar["default"], _extends({}, this.props, {
|
|
222
222
|
zoom: zoom
|
|
223
223
|
})), tagsMarker && tagsMarker.length ? /*#__PURE__*/_react["default"].createElement(_TagsBar["default"], this.props) : null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
224
224
|
style: this.returnStyle(playerType),
|