@desynova-digital/player 3.9.7 → 3.9.8

package/components/Slider.js

@@ -1,41 +1,33 @@
-'use strict';
+"use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _propTypes = require('prop-types');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactDom = require('react-dom');
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _colors = require('../colors');
-
-var _colors2 = _interopRequireDefault(_colors);
-
-var _dom = require('../utils/dom');
-
-var Dom = _interopRequireWildcard(_dom);
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+exports["default"] = void 0;
+var _propTypes = require("prop-types");
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _colors = _interopRequireDefault(require("../colors"));
+var Dom = _interopRequireWildcard(require("../utils/dom"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var propTypes = {
   onMouseDown: _propTypes.PropTypes.func,
   onMouseMove: _propTypes.PropTypes.func,
@@ -54,7 +46,6 @@ var propTypes = {
   valuenow: _propTypes.PropTypes.string,
   valuetext: _propTypes.PropTypes.string
 };
-
 var defaultProps = {
   onMouseDown: null,
   onMouseMove: null,
@@ -73,44 +64,35 @@ var defaultProps = {
   valuenow: '',
   valuetext: ''
 };
-
-var SliderBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'Slider__SliderBlock',
-  componentId: 'sc-i91ua7-0'
-})(['position:relative;z-index:2;width:100%;height:100%;background:', ';'], _colors2.default.dark.base);
-
-var Slider = function (_Component) {
+var SliderBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n"])), _colors["default"].dark.base);
+var Slider = /*#__PURE__*/function (_Component) {
   _inherits(Slider, _Component);
-
+  var _super = _createSuper(Slider);
   function Slider(props, context) {
+    var _this;
     _classCallCheck(this, Slider);
-
-    var _this = _possibleConstructorReturn(this, (Slider.__proto__ || Object.getPrototypeOf(Slider)).call(this, props, context));
-
-    _this.handleMouseDown = _this.handleMouseDown.bind(_this);
-    _this.handleMouseMove = _this.handleMouseMove.bind(_this);
-    _this.handleMouseUp = _this.handleMouseUp.bind(_this);
-    _this.handleFocus = _this.handleFocus.bind(_this);
-    _this.handleBlur = _this.handleBlur.bind(_this);
-    _this.handleClick = _this.handleClick.bind(_this);
-    _this.handleKeyPress = _this.handleKeyPress.bind(_this);
-    _this.stepForward = _this.stepForward.bind(_this);
-    _this.stepBack = _this.stepBack.bind(_this);
-    _this.calculateDistance = _this.calculateDistance.bind(_this);
-    _this.getProgress = _this.getProgress.bind(_this);
-    _this.renderChildren = _this.renderChildren.bind(_this);
-
+    _this = _super.call(this, props, context);
+    _this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_this));
+    _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
+    _this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_this));
+    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
+    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
+    _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_this));
+    _this.stepForward = _this.stepForward.bind(_assertThisInitialized(_this));
+    _this.stepBack = _this.stepBack.bind(_assertThisInitialized(_this));
+    _this.calculateDistance = _this.calculateDistance.bind(_assertThisInitialized(_this));
+    _this.getProgress = _this.getProgress.bind(_assertThisInitialized(_this));
+    _this.renderChildren = _this.renderChildren.bind(_assertThisInitialized(_this));
     _this.state = {
       // active: false,
     };
     return _this;
   }
-
   _createClass(Slider, [{
-    key: 'getProgress',
+    key: "getProgress",
     value: function getProgress() {
       var getPercent = this.props.getPercent;
-
       if (!getPercent) {
         return 0;
       }
@@ -123,11 +105,11 @@ var Slider = function (_Component) {
       return progress;
     }
   }, {
-    key: 'handleMouseDown',
+    key: "handleMouseDown",
     value: function handleMouseDown(event) {
-      var _props = this.props,
-          onMouseDown = _props.onMouseDown,
-          sliderActive = _props.sliderActive;
+      var _this$props = this.props,
+        onMouseDown = _this$props.onMouseDown,
+        sliderActive = _this$props.sliderActive;
       /*
        * event.preventDefault();
        * event.stopPropagation();
@@ -137,84 +119,70 @@ var Slider = function (_Component) {
       document.addEventListener('mouseup', this.handleMouseUp, true);
       document.addEventListener('touchmove', this.handleMouseMove, true);
       document.addEventListener('touchend', this.handleMouseUp, true);
-
       this.setState({
         /*
          *  active: true,
          *  distance: 0
          */
       });
-
       if (sliderActive) {
         sliderActive(event);
       }
-
       this.handleMouseMove(event);
-
       if (onMouseDown) {
         onMouseDown(event);
       }
     }
   }, {
-    key: 'handleMouseMove',
+    key: "handleMouseMove",
     value: function handleMouseMove(event) {
       var onMouseMove = this.props.onMouseMove;
-
-
       if (onMouseMove) {
         onMouseMove(event);
       }
     }
   }, {
-    key: 'handleMouseUp',
+    key: "handleMouseUp",
     value: function handleMouseUp(event) {
-      var _props2 = this.props,
-          onMouseUp = _props2.onMouseUp,
-          sliderInactive = _props2.sliderInactive;
-
-
+      var _this$props2 = this.props,
+        onMouseUp = _this$props2.onMouseUp,
+        sliderInactive = _this$props2.sliderInactive;
       document.removeEventListener('mousemove', this.handleMouseMove, true);
       document.removeEventListener('mouseup', this.handleMouseUp, true);
       document.removeEventListener('touchmove', this.handleMouseMove, true);
       document.removeEventListener('touchend', this.handleMouseUp, true);
-
       this.setState({
         // active: false
       });
-
       if (sliderInactive) {
         sliderInactive(event);
       }
-
       if (onMouseUp) {
         onMouseUp(event);
       }
     }
   }, {
-    key: 'handleFocus',
+    key: "handleFocus",
     value: function handleFocus(e) {
       var onFocus = this.props.onFocus;
-
       document.addEventListener('keydown', this.handleKeyPress, true);
       if (onFocus) {
         onFocus(e);
       }
     }
   }, {
-    key: 'handleBlur',
+    key: "handleBlur",
     value: function handleBlur(e) {
       var onBlur = this.props.onBlur;
-
       document.removeEventListener('keydown', this.handleKeyPress, true);
       if (onBlur) {
         onBlur(e);
       }
     }
   }, {
-    key: 'handleClick',
+    key: "handleClick",
     value: function handleClick(event) {
       var onClick = this.props.onClick;
-
       event.preventDefault();
       // event.stopPropagation();
       if (onClick) {
@@ -222,7 +190,7 @@ var Slider = function (_Component) {
       }
     }
   }, {
-    key: 'handleKeyPress',
+    key: "handleKeyPress",
     value: function handleKeyPress(event) {
       if (event.which === 37 || event.which === 40) {
         // Left and Down Arrows
@@ -237,81 +205,70 @@ var Slider = function (_Component) {
       }
     }
   }, {
-    key: 'stepForward',
+    key: "stepForward",
     value: function stepForward() {
       var stepForward = this.props.stepForward;
-
       if (stepForward) {
         stepForward();
       }
     }
   }, {
-    key: 'stepBack',
+    key: "stepBack",
     value: function stepBack() {
       var stepBack = this.props.stepBack;
-
       if (stepBack) {
         stepBack();
       }
     }
   }, {
-    key: 'calculateDistance',
+    key: "calculateDistance",
     value: function calculateDistance(event) {
       var node = (0, _reactDom.findDOMNode)(this);
       var position = Dom.getPointerPosition(node, event);
       var vertical = this.props.vertical;
-
       if (vertical) {
         return position.y;
       }
       return position.x;
     }
   }, {
-    key: 'renderChildren',
+    key: "renderChildren",
     value: function renderChildren() {
       var progress = this.getProgress();
-      var percentage = (progress * 100).toFixed(2) + '%';
+      var percentage = "".concat((progress * 100).toFixed(2), "%");
       var children = this.props.children;
-
-      return _react2.default.Children.map(children, function (child) {
-        return _react2.default.cloneElement(child, { progress: progress, percentage: percentage });
+      return _react["default"].Children.map(children, function (child) {
+        return /*#__PURE__*/_react["default"].cloneElement(child, {
+          progress: progress,
+          percentage: percentage
+        });
       });
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
-      var _props3 = this.props,
-          label = _props3.label,
-          valuenow = _props3.valuenow,
-          valuetext = _props3.valuetext;
-
-
-      return _react2.default.createElement(
-        SliderBlock,
-        {
-          tabIndex: '0',
-          onMouseDown: this.handleMouseDown,
-          onTouchStart: this.handleMouseDown,
-          onFocus: this.handleFocus,
-          onBlur: this.handleBlur,
-          onClick: this.handleClick,
-          'aria-label': label || '',
-          'aria-valuenow': valuenow || '',
-          'aria-valuetext': valuetext || '',
-          'aria-valuemin': 0,
-          'aria-valuemax': 100
-        },
-        this.renderChildren()
-      );
+      var _this$props3 = this.props,
+        label = _this$props3.label,
+        valuenow = _this$props3.valuenow,
+        valuetext = _this$props3.valuetext;
+      return /*#__PURE__*/_react["default"].createElement(SliderBlock, {
+        tabIndex: "0",
+        onMouseDown: this.handleMouseDown,
+        onTouchStart: this.handleMouseDown,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        onClick: this.handleClick,
+        "aria-label": label || '',
+        "aria-valuenow": valuenow || '',
+        "aria-valuetext": valuetext || '',
+        "aria-valuemin": 0,
+        "aria-valuemax": 100
+      }, this.renderChildren());
     }
   }]);
-
   return Slider;
 }(_react.Component);
-
-exports.default = Slider;
-
-
+exports["default"] = Slider;
 Slider.propTypes = propTypes;
 Slider.defaultProps = defaultProps;
 Slider.displayName = 'Slider';

package/components/TagsBar.js

@@ -1,100 +1,83 @@
-'use strict';
+"use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var propTypes = {
   tagsMarker: _propTypes.PropTypes.instanceOf(Array),
   player: _propTypes.PropTypes.instanceOf(Object),
   actions: _propTypes.PropTypes.instanceOf(Object)
 };
-
-var TagsBlock = _styledComponents2.default.div.withConfig({
-  displayName: 'TagsBar__TagsBlock',
-  componentId: 'sc-n53sgs-0'
-})(['width:100%;height:10px;position:absolute;bottom:40px;cursor:default;.marker{position:absolute;width:2px;height:100%;background:#00cec6;cursor:pointer;transition:transform 250ms ease-in-out;&:hover{transform:scale(2);}}']);
-
-var TagsBar = function (_Component) {
+var TagsBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 10px;\n  position: absolute;\n  bottom: 40px;\n  cursor: default;\n  .marker {\n    position: absolute;\n    width: 2px;\n    height: 100%;\n    background: #00cec6;\n    cursor: pointer;\n    transition: transform 250ms ease-in-out;\n    &:hover {\n      transform: scale(2);\n    }\n  }\n"])));
+var TagsBar = /*#__PURE__*/function (_Component) {
   _inherits(TagsBar, _Component);
-
+  var _super = _createSuper(TagsBar);
   function TagsBar(props) {
+    var _this;
     _classCallCheck(this, TagsBar);
-
-    var _this = _possibleConstructorReturn(this, (TagsBar.__proto__ || Object.getPrototypeOf(TagsBar)).call(this, props));
-
-    _this.getMarkerPosition = _this.getMarkerPosition.bind(_this);
+    _this = _super.call(this, props);
+    _this.getMarkerPosition = _this.getMarkerPosition.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(TagsBar, [{
-    key: 'getMarkerPosition',
+    key: "getMarkerPosition",
     value: function getMarkerPosition(timePos) {
       var player = this.props.player;
-
       var time = parseInt(timePos);
       var percent = time / player.duration;
       var left = (percent * 100).toFixed(2) + '%';
       return percent >= 1 ? '100%' : left;
     }
   }, {
-    key: 'goToMarker',
+    key: "goToMarker",
     value: function goToMarker(time) {
       var actions = this.props.actions;
-
       actions.seek(parseInt(time));
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _this2 = this;
-
       var tagsMarker = this.props.tagsMarker;
-
-
-      return _react2.default.createElement(
-        TagsBlock,
-        null,
-        tagsMarker.map(function (marker) {
-          return _react2.default.createElement('div', {
-            className: 'marker',
-            role: 'presentation',
-            key: marker.leftOffset,
-            onClick: function onClick() {
-              return _this2.goToMarker(marker.timeOffset);
-            },
-            style: { left: _this2.getMarkerPosition(marker.timeOffset) }
-          });
-        })
-      );
+      return /*#__PURE__*/_react["default"].createElement(TagsBlock, null, tagsMarker.map(function (marker) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: "marker",
+          role: "presentation",
+          key: marker.leftOffset,
+          onClick: function onClick() {
+            return _this2.goToMarker(marker.timeOffset);
+          },
+          style: {
+            left: _this2.getMarkerPosition(marker.timeOffset)
+          }
+        });
+      }));
     }
   }]);
-
   return TagsBar;
 }(_react.Component);
-
-exports.default = TagsBar;
-
-
+exports["default"] = TagsBar;
 TagsBar.propTypes = propTypes;
 TagsBar.displayName = 'TagsBar';