@megafon/ui-core 6.0.0-beta.3 → 6.0.0

package/dist/lib/components/Sliders/SliderRange/SliderRange.css

@@ -1 +1,169 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-slider-range{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-slider-range__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-slider-range__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-slider-range__display-value_left{margin-right:auto}.mfui-slider-range__display-value_right{margin-left:auto}.mfui-slider-range__range-container{cursor:pointer;height:12px;margin:6px 0;position:relative}.mfui-slider-range__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:0;margin:0;outline:none;pointer-events:none;position:absolute;top:50%;width:100%}.mfui-slider-range__range-input_left{z-index:1}.mfui-slider-range__range-input_left.mfui-slider-range__range-input_over{z-index:3}.mfui-slider-range__range-input_right{z-index:2}.mfui-slider-range__range-input:focus{outline:none}.mfui-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range__range-track{background-color:var(--spbSky0);border-radius:100px;cursor:pointer;height:100%;left:0;padding:0 12px;position:absolute;right:0;z-index:0}.mfui-slider-range__range-track-inner{height:100%;position:relative;width:100%}.mfui-slider-range__range-track-segment{background-color:var(--brandGreen);border-radius:100px;height:100%;position:absolute}.mfui-slider-range_disabled .mfui-slider-range__head{color:var(--spbSky3)}.mfui-slider-range_disabled .mfui-slider-range__range-track{cursor:default}.mfui-slider-range_disabled .mfui-slider-range__range-input{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky1)),to(var(--spbSky1)));background-image:linear-gradient(var(--spbSky1),var(--spbSky1));cursor:default}.mfui-slider-range_disabled .mfui-slider-range__range-track-segment{background-color:var(--spbSky1)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-slider-range_disabled .mfui-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}
+.mfui-slider-range {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.mfui-slider-range__head {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+.mfui-slider-range__display-values {
+  display: grid;
+  grid-template-columns: 45% 45%;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  width: 100%;
+  margin-top: 8px;
+}
+.mfui-slider-range__display-value_left {
+  margin-right: auto;
+}
+.mfui-slider-range__display-value_right {
+  margin-left: auto;
+}
+.mfui-slider-range__range-container {
+  position: relative;
+  height: 12px;
+  margin: 6px 0;
+  cursor: pointer;
+}
+.mfui-slider-range__range-input {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  position: absolute;
+  top: 50%;
+  width: 100%;
+  height: 0;
+  margin: 0;
+  border: none;
+  background: none;
+  outline: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  pointer-events: none;
+}
+.mfui-slider-range__range-input_left {
+  z-index: 1;
+}
+.mfui-slider-range__range-input_left.mfui-slider-range__range-input_over {
+  z-index: 3;
+}
+.mfui-slider-range__range-input_right {
+  z-index: 2;
+}
+.mfui-slider-range__range-input:focus {
+  outline: none;
+}
+.mfui-slider-range__range-input::-webkit-slider-thumb {
+  width: var(--thumbSize);
+  height: var(--thumbSize);
+  border: none;
+  border-radius: 50%;
+  background-color: var(--stcWhite);
+  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+  -webkit-appearance: none;
+  pointer-events: auto;
+}
+.mfui-slider-range__range-input::-moz-range-thumb {
+  width: var(--thumbSize);
+  height: var(--thumbSize);
+  border: none;
+  border-radius: 50%;
+  background-color: var(--stcWhite);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+  -webkit-appearance: none;
+  pointer-events: auto;
+}
+.mfui-slider-range__range-input::-ms-thumb {
+  width: var(--thumbSize);
+  height: var(--thumbSize);
+  border: none;
+  border-radius: 50%;
+  background-color: var(--stcWhite);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+  -webkit-appearance: none;
+  pointer-events: auto;
+}
+.mfui-slider-range__range-track {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 0;
+  height: 100%;
+  padding: 0 12px;
+  border-radius: 100px;
+  background-color: var(--spbSky0);
+  cursor: pointer;
+}
+.mfui-slider-range__range-track-inner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.mfui-slider-range__range-track-segment {
+  position: absolute;
+  height: 100%;
+  border-radius: 100px;
+  background-color: var(--brandGreen);
+}
+.mfui-slider-range_disabled .mfui-slider-range__head {
+  color: var(--spbSky3);
+}
+.mfui-slider-range_disabled .mfui-slider-range__range-track {
+  cursor: default;
+}
+.mfui-slider-range_disabled .mfui-slider-range__range-input {
+  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--spbSky1)), to(var(--spbSky1)));
+  background-image: linear-gradient(var(--spbSky1), var(--spbSky1));
+  cursor: default;
+}
+.mfui-slider-range_disabled .mfui-slider-range__range-track-segment {
+  background-color: var(--spbSky1);
+}
+.mfui-slider-range_disabled .mfui-slider-range__range-input::-webkit-slider-thumb {
+  width: var(--thumbSize);
+  height: var(--thumbSize);
+  border: none;
+  border-radius: 50%;
+  background-color: var(--stcWhite);
+  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+  -webkit-appearance: none;
+  pointer-events: auto;
+  background-color: var(--spbSky2);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.mfui-slider-range_disabled .mfui-slider-range__range-input::-moz-range-thumb {
+  width: var(--thumbSize);
+  height: var(--thumbSize);
+  border: none;
+  border-radius: 50%;
+  background-color: var(--stcWhite);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+  -webkit-appearance: none;
+  pointer-events: auto;
+  background-color: var(--spbSky2);
+  box-shadow: none;
+}
+.mfui-slider-range_disabled .mfui-slider-range__range-input::-ms-thumb {
+  width: var(--thumbSize);
+  height: var(--thumbSize);
+  border: none;
+  border-radius: 50%;
+  background-color: var(--stcWhite);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
+  -webkit-appearance: none;
+  pointer-events: auto;
+  background-color: var(--spbSky2);
+  box-shadow: none;
+}

package/dist/lib/components/Sliders/SliderRange/SliderRange.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { DisplayValueType } from '../components/SliderDisplayValue/SliderDisplayValue';
 import { ScaleType } from '../components/SliderScale/SliderScale';
-import './SliderRange.scss';
+import './SliderRange.less';
 export interface ISliderRange {
     /** Дополнительный класс корневого элемента */
     className?: string;

package/dist/lib/components/Sliders/SliderRange/SliderRange.js

@@ -1,78 +1,104 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("core-js/modules/es.object.values.js");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _uiHelpers = require("@megafon/ui-helpers");
-var _SliderDisplayValue = _interopRequireDefault(require("../components/SliderDisplayValue/SliderDisplayValue"));
-var _SliderScale = _interopRequireDefault(require("../components/SliderScale/SliderScale"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+var _SliderDisplayValue = _interopRequireWildcard(require("../components/SliderDisplayValue/SliderDisplayValue"));
+
+var _SliderScale = _interopRequireWildcard(require("../components/SliderScale/SliderScale"));
+
 var _helpers = require("../helpers");
+
 var _helpers2 = require("./helpers");
-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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var THUMB_SIZE = 24;
 var cn = (0, _uiHelpers.cnCreate)('mfui-slider-range');
+
 var SliderRange = function SliderRange(_ref) {
   var className = _ref.className,
-    label = _ref.label,
-    displayValueType = _ref.displayValueType,
-    displayLeftValuePrefix = _ref.displayLeftValuePrefix,
-    displayRightValuePrefix = _ref.displayRightValuePrefix,
-    displayValueUnit = _ref.displayValueUnit,
-    outerLeftValue = _ref.leftValue,
-    outerRightValue = _ref.rightValue,
-    minValue = _ref.minValue,
-    maxValue = _ref.maxValue,
-    _ref$isControlled = _ref.isControlled,
-    isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
-    _ref$step = _ref.step,
-    step = _ref$step === void 0 ? 1 : _ref$step,
-    scale = _ref.scale,
-    customScale = _ref.customScale,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    dataAttrs = _ref.dataAttrs,
-    onChange = _ref.onChange;
+      label = _ref.label,
+      displayValueType = _ref.displayValueType,
+      displayLeftValuePrefix = _ref.displayLeftValuePrefix,
+      displayRightValuePrefix = _ref.displayRightValuePrefix,
+      displayValueUnit = _ref.displayValueUnit,
+      outerLeftValue = _ref.leftValue,
+      outerRightValue = _ref.rightValue,
+      minValue = _ref.minValue,
+      maxValue = _ref.maxValue,
+      _ref$isControlled = _ref.isControlled,
+      isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
+      _ref$step = _ref.step,
+      step = _ref$step === void 0 ? 1 : _ref$step,
+      scale = _ref.scale,
+      customScale = _ref.customScale,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      dataAttrs = _ref.dataAttrs,
+      onChange = _ref.onChange;
   var outerLeftRangeValue = (0, _helpers.getRangeValue)(outerLeftValue !== null && outerLeftValue !== void 0 ? outerLeftValue : minValue, minValue, maxValue, step);
   var outerRightRangeValue = (0, _helpers.getRangeValue)(outerRightValue !== null && outerRightValue !== void 0 ? outerRightValue : maxValue, minValue, maxValue, step);
   var leftRangeInputRef = React.useRef(null);
   var rightRangeInputRef = React.useRef(null);
   var rangeTrackRef = React.useRef(null);
   var rangeTrackInnerRef = React.useRef(null);
+
   var _React$useState = React.useState(null),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    rawLeftInputValue = _React$useState2[0],
-    setRawLeftInputValue = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      rawLeftInputValue = _React$useState2[0],
+      setRawLeftInputValue = _React$useState2[1];
+
   var _React$useState3 = React.useState(null),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    rawRightInputValue = _React$useState4[0],
-    setRawRightInputValue = _React$useState4[1];
+      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+      rawRightInputValue = _React$useState4[0],
+      setRawRightInputValue = _React$useState4[1];
+
   var _React$useState5 = React.useState(outerLeftRangeValue),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    innerLeftRangeValue = _React$useState6[0],
-    setInnerLeftRangeValue = _React$useState6[1];
+      _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+      innerLeftRangeValue = _React$useState6[0],
+      setInnerLeftRangeValue = _React$useState6[1];
+
   var _React$useState7 = React.useState(outerRightRangeValue),
-    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-    innerRightRangeValue = _React$useState8[0],
-    setInnerRightRangeValue = _React$useState8[1];
+      _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+      innerRightRangeValue = _React$useState8[0],
+      setInnerRightRangeValue = _React$useState8[1];
+
   var leftRangeValue = isControlled ? outerLeftRangeValue : innerLeftRangeValue;
   var rightRangeValue = isControlled ? outerRightRangeValue : innerRightRangeValue;
   var trackSize = (0, _helpers2.getTrackSize)(leftRangeValue, rightRangeValue, minValue, maxValue);
   var isThumbAtEndOfTrack = (0, _helpers2.checkForThumbAtEndOfTrack)(leftRangeValue, minValue, maxValue, THUMB_SIZE);
   var showHead = !!label || !!displayValueType;
+
   var handleRangeTrackPointerUp = function handleRangeTrackPointerUp(e) {
     if (!rangeTrackInnerRef.current || disabled) {
       return;
     }
+
     var clickValue = (0, _helpers2.getRangeValueByPageX)(e.pageX, minValue, maxValue, rangeTrackInnerRef.current);
     var newRangeValue = (0, _helpers.getRangeValue)(clickValue, minValue, maxValue, step);
     var leftHalfTrack = leftRangeValue + (rightRangeValue - leftRangeValue) / 2;
+
     if (newRangeValue < leftHalfTrack) {
       !isControlled && setInnerLeftRangeValue(newRangeValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(newRangeValue, rightRangeValue);
@@ -81,19 +107,25 @@ var SliderRange = function SliderRange(_ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(leftRangeValue, newRangeValue);
     }
   };
+
   var handleRangeTrackPointerLeave = React.useCallback(function () {
     var _a, _b, _c;
+
     (_a = leftRangeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     (_b = rightRangeInputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
     (_c = rangeTrackRef.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerleave', handleRangeTrackPointerLeave);
   }, []);
+
   var handleRangeTrackPointerDown = function handleRangeTrackPointerDown() {
     var _a;
+
     if (disabled) {
       return;
     }
+
     (_a = rangeTrackRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('pointerleave', handleRangeTrackPointerLeave);
   };
+
   var handleLeftInputChange = function handleLeftInputChange(isRange) {
     return function (e) {
       var targetValue = (0, _helpers.removeFirstZeros)(e.target.value);
@@ -103,6 +135,7 @@ var SliderRange = function SliderRange(_ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(newRangeValue, rightRangeValue);
     };
   };
+
   var handleRightInputChange = function handleRightInputChange(isRange) {
     return function (e) {
       var targetValue = (0, _helpers.removeFirstZeros)(e.target.value);
@@ -112,6 +145,7 @@ var SliderRange = function SliderRange(_ref) {
       onChange === null || onChange === void 0 ? void 0 : onChange(leftRangeValue, newRangeValue);
     };
   };
+
   var handleInputBlur = function handleInputBlur(isLeft) {
     return function () {
       if (isLeft) {
@@ -121,6 +155,7 @@ var SliderRange = function SliderRange(_ref) {
       }
     };
   };
+
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn({
       disabled: disabled
@@ -215,4 +250,32 @@ var SliderRange = function SliderRange(_ref) {
     }
   }));
 };
-var _default = exports["default"] = SliderRange;
+
+SliderRange.propTypes = {
+  className: PropTypes.string,
+  leftValue: PropTypes.number,
+  rightValue: PropTypes.number,
+  minValue: PropTypes.number.isRequired,
+  maxValue: PropTypes.number.isRequired,
+  label: PropTypes.string,
+  displayValueType: PropTypes.oneOf(Object.values(_SliderDisplayValue.DisplayValue)),
+  displayLeftValuePrefix: PropTypes.string,
+  displayRightValuePrefix: PropTypes.string,
+  displayValueUnit: PropTypes.string,
+  isControlled: PropTypes.bool,
+  step: PropTypes.number,
+  scale: PropTypes.oneOf(Object.values(_SliderScale.Scale)),
+  customScale: PropTypes.arrayOf(PropTypes.string.isRequired),
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    leftInput: PropTypes.objectOf(PropTypes.string.isRequired),
+    rightInput: PropTypes.objectOf(PropTypes.string.isRequired),
+    leftRangeInput: PropTypes.objectOf(PropTypes.string.isRequired),
+    rightRangeInput: PropTypes.objectOf(PropTypes.string.isRequired),
+    scale: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
+};
+var _default = SliderRange;
+exports["default"] = _default;

package/dist/lib/components/Sliders/SliderRange/helpers.js

@@ -3,21 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTrackSize = exports.getRangeValueByPageX = exports.checkForThumbAtEndOfTrack = void 0;
+exports.checkForThumbAtEndOfTrack = exports.getRangeValueByPageX = exports.getTrackSize = void 0;
+
 require("core-js/modules/es.number.constructor.js");
+
 require("core-js/modules/es.number.to-fixed.js");
-var getTrackSize = exports.getTrackSize = function getTrackSize() {
+
+var getTrackSize = function getTrackSize() {
   var vleftValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   var rightValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var minValue = arguments.length > 2 ? arguments[2] : undefined;
   var maxValue = arguments.length > 3 ? arguments[3] : undefined;
   var valueDifference = maxValue - minValue;
+
   if (valueDifference <= 0) {
     return {
       left: 0,
       right: 0
     };
   }
+
   var leftPercent = (vleftValue - minValue) * 100 / valueDifference;
   var rightPercent = (maxValue - rightValue) * 100 / valueDifference;
   return {
@@ -25,11 +30,19 @@ var getTrackSize = exports.getTrackSize = function getTrackSize() {
     right: Number(rightPercent.toFixed(3))
   };
 };
-var getRangeValueByPageX = exports.getRangeValueByPageX = function getRangeValueByPageX(pageX, minValue, maxValue, trackInnerNode) {
+
+exports.getTrackSize = getTrackSize;
+
+var getRangeValueByPageX = function getRangeValueByPageX(pageX, minValue, maxValue, trackInnerNode) {
   var clickPosition = pageX - trackInnerNode.getBoundingClientRect().left;
   var clickPositionPercent = clickPosition * 100 / trackInnerNode.offsetWidth;
   return (maxValue - minValue) * clickPositionPercent / 100 + minValue;
 };
-var checkForThumbAtEndOfTrack = exports.checkForThumbAtEndOfTrack = function checkForThumbAtEndOfTrack(leftRangeValue, minValue, maxValue, thumbSize) {
+
+exports.getRangeValueByPageX = getRangeValueByPageX;
+
+var checkForThumbAtEndOfTrack = function checkForThumbAtEndOfTrack(leftRangeValue, minValue, maxValue, thumbSize) {
   return leftRangeValue > maxValue - thumbSize * (maxValue - minValue) / 100;
-};
+};
+
+exports.checkForThumbAtEndOfTrack = checkForThumbAtEndOfTrack;