Function SliderBase1

docs/app/js/sanddance-app.js:48712–48864

(props)

var SliderBase = /** @class */ function(_super) {
    (0, _tslib.__extends)(SliderBase1, _super);
    function SliderBase1(props) {
        var _this = _super.call(this, props) || this;
        _this._disposables = [];
        _this._sliderLine = _react.createRef();
        _this._thumb = _react.createRef();
        _this._lowerValueThumb = _react.createRef();
        _this._onKeyDownTimer = -1;
        _this._isAdjustingLowerValue = false;
        _this._getAriaValueText = function(value) {
            var ariaValueText = _this.props.ariaValueText;
            if (value !== undefined) return ariaValueText ? ariaValueText(value) : value.toString();
            return undefined;
        };
        _this._calculateCurrentSteps = function(event) {
            if (!_this._sliderLine.current) return;
            var _a = _this.props, max = _a.max, min = _a.min, step = _a.step;
            var steps = (max - min) / step;
            var sliderPositionRect = _this._sliderLine.current.getBoundingClientRect();
            var sliderLength = !_this.props.vertical ? sliderPositionRect.width : sliderPositionRect.height;
            var stepLength = sliderLength / steps;
            var currentSteps;
            var distance;
            if (!_this.props.vertical) {
                var left = _this._getPosition(event, _this.props.vertical);
                distance = (0, _utilities.getRTL)(_this.props.theme) ? sliderPositionRect.right - left : left - sliderPositionRect.left;
                currentSteps = distance / stepLength;
            } else {
                var bottom = _this._getPosition(event, _this.props.vertical);
                distance = sliderPositionRect.bottom - bottom;
                currentSteps = distance / stepLength;
            }
            return currentSteps;
        };
        _this._onMouseDownOrTouchStart = function(event) {
            var _a = _this.props, ranged = _a.ranged, min = _a.min, step = _a.step;
            if (ranged) {
                var currentSteps = _this._calculateCurrentSteps(event);
                var newRenderedValue = min + step * currentSteps;
                if (newRenderedValue <= _this.state.lowerValue || newRenderedValue - _this.state.lowerValue <= _this.state.value - newRenderedValue) _this._isAdjustingLowerValue = true;
                else _this._isAdjustingLowerValue = false;
            }
            if (event.type === "mousedown") _this._disposables.push((0, _utilities.on)(window, "mousemove", _this._onMouseMoveOrTouchMove, true), (0, _utilities.on)(window, "mouseup", _this._onMouseUpOrTouchEnd, true));
            else if (event.type === "touchstart") _this._disposables.push((0, _utilities.on)(window, "touchmove", _this._onMouseMoveOrTouchMove, true), (0, _utilities.on)(window, "touchend", _this._onMouseUpOrTouchEnd, true));
            _this._onMouseMoveOrTouchMove(event, true);
        };
        _this._onMouseMoveOrTouchMove = function(event, suppressEventCancelation) {
            if (!_this._sliderLine.current) return;
            var _a = _this.props, max = _a.max, min = _a.min, step = _a.step;
            var steps = (max - min) / step;
            var currentSteps = _this._calculateCurrentSteps(event);
            var currentValue;
            var renderedValue;
            // The value shouldn't be bigger than max or be smaller than min.
            if (currentSteps > Math.floor(steps)) renderedValue = currentValue = max;
            else if (currentSteps < 0) renderedValue = currentValue = min;
            else {
                renderedValue = min + step * currentSteps;
                currentValue = min + step * Math.round(currentSteps);