kitchen-simulator 1.1.1-test.47 → 1.1.1-test.49

package/lib/components/viewer2d/ruler.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = Ruler;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _convertUnits = _interopRequireDefault(require("convert-units"));
-var _idBroker = _interopRequireDefault(require("../../utils/id-broker"));
-var _export = require("../style/export");
-var _constants = require("../../constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var STYLE = {
-  stroke: _constants.TEXT_COLOR_NEUTRAL_7,
-  strokeWidth: '1px'
-};
-var BACKGROUNDSTYLE = {
-  fill: 'transparent',
-  fillOpacity: 0.8
-};
-var STYLE_TEXT = {
-  textAnchor: 'middle',
-  fontSize: '12px',
-  pointerEvents: 'none',
-  //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
-  WebkitTouchCallout: 'none' /* iOS Safari */,
-  WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
-  MozUserSelect: 'none' /* Firefox */,
-  MsUserSelect: 'none' /* Internet Explorer/Edge */,
-  userSelect: 'none'
-};
-function Ruler(_ref) {
-  var layer = _ref.layer,
-    length = _ref.length,
-    unit = _ref.unit,
-    rulerUnit = _ref.rulerUnit,
-    transform = _ref.transform,
-    flag = _ref.flag;
-  var update = function update(lengthInput, unitInput, type) {
-    var newLength = toFixedFloat(lengthInput);
-    var merged = null;
-    if (type === 0) {
-      merged = value.merge({
-        _length: newLength,
-        length: (0, _convertUnits["default"])(newLength).from(unitInput).to('cm')
-      });
-    } else {
-      merged = value.merge({
-        _length: (0, _convertUnits["default"])(newLength).from(UNIT_INCH).to(unitInput),
-        _unit: unitInput
-      });
-    }
-    // if (hook) {
-    //   return hook(merged, sourceElement, internalState, state).then(val => {
-    //     return onUpdate(val);
-    //   });
-    // }
-    // return onUpdate(merged);
-  };
-  // let _unit = "in";
-  // let distanceText = convert(length).from(unit).to(rulerUnit);
-  var distanceText = (0, _convertUnits["default"])(length).from(unit).to(rulerUnit).toFixed(0);
-  var thickness = (0, _convertUnits["default"])(_constants.LINE_THICKNESS).from(unit).to(rulerUnit).toFixed(0);
-  // let _ft_len = convert(_length).from('in').to('ft');
-  // let _ft_val = Math.floor(_ft_len); _ft_len -= _ft_val;
-  // let _in_val = convert(_ft_len).from('ft').to('in').toFixed(0);
-  // let distanceText = `${_ft_val}'${_in_val}"`;
-  var textLength = (distanceText.length + layer.unit.length) * 18;
-  return /*#__PURE__*/_react["default"].createElement("g", {
-    transform: transform
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    id: "ruler"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
-    id: "ruler_rect_".concat(_idBroker["default"].acquireID()),
-    style: BACKGROUNDSTYLE,
-    x: length / 2 - textLength / 2,
-    y: "-10",
-    width: textLength,
-    height: "22",
-    rx: "1",
-    ry: "0.39"
-  }), /*#__PURE__*/_react["default"].createElement("text", {
-    x: length / 2,
-    y: "3",
-    transform: "scale(1, -1)",
-    style: STYLE_TEXT,
-    fill: _constants.TEXT_COLOR_NEUTRAL_7
-  }, Math.round((0, _convertUnits["default"])(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/_react["default"].createElement("line", {
-    x1: "0",
-    y1: "0",
-    x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
-    y2: "0",
-    style: STYLE
-  }), /*#__PURE__*/_react["default"].createElement("line", {
-    x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
-    y1: "0",
-    x2: length,
-    y2: "0",
-    style: STYLE
-  }));
-}
-Ruler.propTypes = {
-  length: _propTypes["default"].number.isRequired,
-  unit: _propTypes["default"].string.isRequired,
-  transform: _propTypes["default"].string.isRequired
-};

package/lib/components/viewer2d/rulerDist.js

@@ -1,153 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = RulerDist;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _convertUnits = _interopRequireDefault(require("convert-units"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var ARROW_STYLE = {
-  stroke: '#1183B7',
-  strokeWidth: '2px',
-  strokeLinecap: 'round'
-};
-var STYLE = {
-  stroke: 'black',
-  strokeWidth: '1.1px'
-};
-var STYLE_TEXT = {
-  textAnchor: 'middle',
-  fontSize: '10px',
-  pointerEvents: 'none',
-  //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
-  WebkitTouchCallout: 'none' /* iOS Safari */,
-  WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
-  MozUserSelect: 'none' /* Firefox */,
-  MsUserSelect: 'none' /* Internet Explorer/Edge */,
-  userSelect: 'none'
-};
-function RulerDist(_ref) {
-  var layer = _ref.layer,
-    length = _ref.length,
-    unit = _ref.unit,
-    rulerUnit = _ref.rulerUnit,
-    transform = _ref.transform,
-    angle = _ref.angle,
-    rotation = _ref.rotation;
-  var _unit = 'in';
-  // let _length = convert(length).from(unit).to(rulerUnit);
-  var distanceText = "".concat((0, _convertUnits["default"])(length).from('cm').to(rulerUnit).toFixed(0));
-  var textLength = (distanceText.length + layer.unit.length) * 18;
-  var textangle = angle + 90;
-  var textRotation = 1;
-  var ay = 2;
-  var ep = Math.sin(textangle * Math.PI / 180);
-  var es = Math.sin(angle * Math.PI / 180);
-  if (rotation === 180 && ep >= 0) {
-    textRotation = 180;
-    ay = 5;
-  } else if (rotation === 180 && ep <= 0) {
-    textRotation = 0;
-    ay = -3;
-  } else if (rotation === 0 && ep >= 0) {
-    textRotation = 0;
-    ay = -3;
-  } else if (rotation === 0 && ep <= 0) {
-    textRotation = 180;
-    ay = 5;
-  }
-  if (rotation === 90 && es >= 0) {
-    textRotation = 180;
-    ay = 5;
-  } else if (rotation === 90 && es <= 0) {
-    textRotation = 0;
-    ay = -3;
-  } else if (rotation === -90 && es >= 0) {
-    textRotation = 0;
-    ay = -3;
-  } else if (rotation === -90 && es <= 0) {
-    textRotation = 180;
-    ay = 5;
-  }
-  if (Math.abs(length - textLength) / 2 <= 16) {
-    var dy = textRotation == 0 ? 15 : -15;
-    return /*#__PURE__*/_react["default"].createElement("g", {
-      transform: transform
-    }, /*#__PURE__*/_react["default"].createElement("g", {
-      transform: "translate(0, ".concat(dy, ")")
-    }, /*#__PURE__*/_react["default"].createElement("text", {
-      x: "0",
-      y: "0",
-      transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
-      style: STYLE_TEXT
-    }, Math.round((0, _convertUnits["default"])(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/_react["default"].createElement("circle", {
-      cx: "1",
-      cy: "0",
-      fill: "white",
-      r: "1.1",
-      stroke: "black",
-      strokeWidth: "0.6"
-    }), /*#__PURE__*/_react["default"].createElement("line", {
-      x1: "2",
-      y1: "0",
-      x2: (length - textLength) / 2 < 0 ? 0 : length,
-      y2: "0",
-      style: STYLE
-    }), /*#__PURE__*/_react["default"].createElement("line", {
-      x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
-      y1: "0",
-      x2: length,
-      y2: "0",
-      style: STYLE
-    }), /*#__PURE__*/_react["default"].createElement("circle", {
-      cx: length - 1,
-      cy: "0",
-      fill: "white",
-      r: "1.1",
-      stroke: "black",
-      strokeWidth: "0.6"
-    }));
-  } else {
-    return /*#__PURE__*/_react["default"].createElement("g", {
-      transform: transform
-    }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("text", {
-      x: "0",
-      y: "0",
-      transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
-      style: STYLE_TEXT
-    }, Math.round((0, _convertUnits["default"])(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/_react["default"].createElement("circle", {
-      cx: "1",
-      cy: "0",
-      fill: "white",
-      r: "1.1",
-      stroke: "black",
-      strokeWidth: "0.6"
-    }), /*#__PURE__*/_react["default"].createElement("line", {
-      x1: "2",
-      y1: "0",
-      x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
-      y2: "0",
-      style: STYLE
-    }), /*#__PURE__*/_react["default"].createElement("line", {
-      x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
-      y1: "0",
-      x2: length,
-      y2: "0",
-      style: STYLE
-    }), /*#__PURE__*/_react["default"].createElement("circle", {
-      cx: length - 1,
-      cy: "0",
-      fill: "white",
-      r: "1.1",
-      stroke: "black",
-      strokeWidth: "0.6"
-    }));
-  }
-}
-RulerDist.propTypes = {
-  length: _propTypes["default"].number.isRequired,
-  unit: _propTypes["default"].string.isRequired,
-  transform: _propTypes["default"].string.isRequired
-};

package/lib/components/viewer2d/rulerX.js

@@ -1,158 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
-  function RulerX(props, context) {
-    _classCallCheck(this, RulerX);
-    return _callSuper(this, RulerX, [props, context]);
-  }
-  _inherits(RulerX, _Component);
-  return _createClass(RulerX, [{
-    key: "render",
-    value: function render() {
-      var elementW = this.props.unitPixelSize * this.props.zoom;
-      var elementStyle = {
-        display: 'inline-block',
-        width: elementW,
-        position: 'relative',
-        borderLeft: '1px solid ' + this.props.fontColor,
-        paddingLeft: '0.2em',
-        fontSize: '10px',
-        height: '100%'
-      };
-      var insideElementsStyle = {
-        width: '20%',
-        display: 'inline-block',
-        margin: 0,
-        padding: 0
-      };
-      var rulerStyle = {
-        backgroundColor: this.props.backgroundColor,
-        position: 'relative',
-        width: this.props.width,
-        height: '100%',
-        color: this.props.fontColor
-      };
-      var markerStyle = {
-        position: 'absolute',
-        left: this.props.zeroLeftPosition + this.props.mouseX * this.props.zoom - 6.5,
-        top: 8,
-        width: 0,
-        height: 0,
-        borderLeft: '5px solid transparent',
-        borderRight: '5px solid transparent',
-        borderTop: '8px solid ' + this.props.markerColor,
-        zIndex: 9001
-      };
-      var rulerContainer = {
-        position: 'absolute',
-        height: '10px',
-        top: '4px',
-        display: 'grid',
-        gridRowGap: '0',
-        gridColumnGap: '0',
-        gridTemplateRows: '100%',
-        grdAutoColumns: "".concat(elementW, "px")
-      };
-      var positiveRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
-        width: this.props.positiveUnitsNumber * elementW,
-        left: this.props.zeroLeftPosition
-      });
-      var negativeRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
-        width: this.props.negativeUnitsNumber * elementW,
-        left: this.props.zeroLeftPosition - this.props.negativeUnitsNumber * elementW
-      });
-      var positiveDomElements = [];
-      if (elementW <= 200) {
-        for (var x = 0; x < this.props.positiveUnitsNumber; x++) {
-          positiveDomElements.push(/*#__PURE__*/_react["default"].createElement("div", {
-            key: x,
-            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
-              gridColumn: x + 1,
-              gridRow: 1
-            })
-          }, elementW > 30 ? x * 100 : ''));
-        }
-      } else if (elementW > 200) {
-        for (var _x = 0; _x < this.props.positiveUnitsNumber; _x++) {
-          var val = _x * 100;
-          positiveDomElements.push(/*#__PURE__*/_react["default"].createElement("div", {
-            key: _x,
-            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
-              gridColumn: _x + 1,
-              gridRow: 1
-            })
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val), /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val + 1 * 20), /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val + 2 * 20), /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val + 3 * 20), /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val + 4 * 20)));
-        }
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: rulerStyle
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        id: "horizontalMarker",
-        style: markerStyle
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        id: "negativeRuler",
-        style: negativeRulerContainer
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        id: "positiveRuler",
-        style: positiveRulerContainer
-      }, positiveDomElements));
-    }
-  }]);
-}(_react.Component);
-RulerX.propTypes = {
-  unitPixelSize: _propTypes["default"].number.isRequired,
-  positiveUnitsNumber: _propTypes["default"].number,
-  negativeUnitsNumber: _propTypes["default"].number,
-  zoom: _propTypes["default"].number.isRequired,
-  mouseX: _propTypes["default"].number.isRequired,
-  width: _propTypes["default"].number.isRequired,
-  zeroLeftPosition: _propTypes["default"].number.isRequired,
-  backgroundColor: _propTypes["default"].string,
-  fontColor: _propTypes["default"].string,
-  markerColor: _propTypes["default"].string
-};
-RulerX.defaultProps = {
-  positiveUnitsNumber: 50,
-  negativeUnitsNumber: 50,
-  backgroundColor: SharedStyle.PRIMARY_COLOR.main,
-  fontColor: SharedStyle.COLORS.white,
-  markerColor: SharedStyle.SECONDARY_COLOR.main
-};
-RulerX.contextTypes = {
-  translator: _propTypes["default"].object.isRequired
-};

package/lib/components/viewer2d/rulerY.js

@@ -1,160 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-var RulerY = exports["default"] = /*#__PURE__*/function (_Component) {
-  function RulerY(props, context) {
-    _classCallCheck(this, RulerY);
-    return _callSuper(this, RulerY, [props, context]);
-  }
-  _inherits(RulerY, _Component);
-  return _createClass(RulerY, [{
-    key: "render",
-    value: function render() {
-      var elementH = this.props.unitPixelSize * this.props.zoom;
-      var elementStyle = {
-        width: '8px',
-        borderBottom: '1px solid ' + this.props.fontColor,
-        paddingBottom: '0.2em',
-        fontSize: '10px',
-        height: elementH,
-        textOrientation: 'upright',
-        writingMode: 'vertical-lr',
-        letterSpacing: '-2px',
-        textAlign: 'right'
-      };
-      var insideElementsStyle = {
-        height: '20%',
-        width: '100%',
-        textOrientation: 'upright',
-        writingMode: 'vertical-lr',
-        display: 'inline-block',
-        letterSpacing: '-2px',
-        textAlign: 'right'
-      };
-      var rulerStyle = {
-        backgroundColor: this.props.backgroundColor,
-        height: this.props.height,
-        width: '100%',
-        color: this.props.fontColor
-      };
-      var markerStyle = {
-        position: 'absolute',
-        top: this.props.zeroTopPosition - this.props.mouseY * this.props.zoom - 6.5,
-        left: 8,
-        width: 0,
-        height: 0,
-        borderTop: '5px solid transparent',
-        borderBottom: '5px solid transparent',
-        borderLeft: '8px solid ' + this.props.markerColor,
-        zIndex: 9001
-      };
-      var rulerContainer = {
-        position: 'absolute',
-        width: '100%',
-        display: 'grid',
-        gridRowGap: '0',
-        gridColumnGap: '0',
-        gridTemplateColumns: '100%',
-        grdAutoRows: "".concat(elementH, "px"),
-        paddingLeft: '5px'
-      };
-      var positiveRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
-        top: this.props.zeroTopPosition - this.props.positiveUnitsNumber * elementH,
-        height: this.props.positiveUnitsNumber * elementH
-      });
-      var negativeRulerContainer = _objectSpread(_objectSpread({}, rulerContainer), {}, {
-        top: this.props.zeroTopPosition + this.props.negativeUnitsNumber * elementH,
-        height: this.props.negativeUnitsNumber * elementH
-      });
-      var positiveDomElements = [];
-      if (elementH <= 200) {
-        for (var x = 1; x <= this.props.positiveUnitsNumber; x++) {
-          positiveDomElements.push(/*#__PURE__*/_react["default"].createElement("div", {
-            key: x,
-            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
-              gridColumn: 1,
-              gridRow: x
-            })
-          }, elementH > 30 ? (this.props.positiveUnitsNumber - x) * 100 : ''));
-        }
-      } else if (elementH > 200) {
-        for (var _x = 1; _x <= this.props.positiveUnitsNumber; _x++) {
-          var val = (this.props.positiveUnitsNumber - _x) * 100;
-          positiveDomElements.push(/*#__PURE__*/_react["default"].createElement("div", {
-            key: _x,
-            style: _objectSpread(_objectSpread({}, elementStyle), {}, {
-              gridColumn: 1,
-              gridRow: _x
-            })
-          }, /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val + 4 * 20), /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val + 3 * 20), /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val + 2 * 20), /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val + 1 * 20), /*#__PURE__*/_react["default"].createElement("div", {
-            style: insideElementsStyle
-          }, val)));
-        }
-      }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: rulerStyle
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        id: "verticalMarker",
-        style: markerStyle
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        id: "negativeRuler",
-        style: negativeRulerContainer
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        id: "positiveRuler",
-        style: positiveRulerContainer
-      }, positiveDomElements));
-    }
-  }]);
-}(_react.Component);
-RulerY.propTypes = {
-  unitPixelSize: _propTypes["default"].number.isRequired,
-  zoom: _propTypes["default"].number.isRequired,
-  mouseY: _propTypes["default"].number.isRequired,
-  height: _propTypes["default"].number.isRequired,
-  zeroTopPosition: _propTypes["default"].number.isRequired,
-  backgroundColor: _propTypes["default"].string,
-  fontColor: _propTypes["default"].string,
-  markerColor: _propTypes["default"].string
-};
-RulerY.defaultProps = {
-  positiveUnitsNumber: 50,
-  negativeUnitsNumber: 50,
-  backgroundColor: SharedStyle.PRIMARY_COLOR.main,
-  fontColor: SharedStyle.COLORS.white,
-  markerColor: SharedStyle.SECONDARY_COLOR.main
-};
-RulerY.contextTypes = {
-  translator: _propTypes["default"].object.isRequired
-};