intelicoreact 1.6.8 → 1.6.10

package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js

@@ -1,823 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return RangeSlider2;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactfeather = require("react-feather");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useIsMobile/useIsMobile"));
-const _utils = require("../../../Functions/utils");
-require("./RangeSlider2.scss");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _interop_require_default(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(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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 _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const COMPONENT_CLASS = "range-slider2";
-const { LEFT_COLLISSION, RIGHT_COLLISION, BOTH_COLLISION, NO_COLLISION } = Object.freeze({
-    NO_COLLISION: 0,
-    LEFT_COLLISSION: -1,
-    RIGHT_COLLISION: 1,
-    BOTH_COLLISION: 2
-});
-const { ASSIGN_TO_LEFT, ASSIGN_TO_RIGHT } = Object.freeze({
-    ASSIGN_TO_LEFT: -1,
-    ASSIGN_TO_RIGHT: 1
-});
-const POINT_VALUE_TYPES = Object.freeze({
-    FROM: "from",
-    TO: "to",
-    BOTH: "both"
-});
-function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50, pointValueType = POINT_VALUE_TYPES.FROM, precision = 0, step = 5, className, value = [], onChange = ()=>{}, transformDataOnConcat = (d1, d2)=>{
-    return [];
-} }) {
-    const { isMobile } = (0, _useIsMobile.default)();
-    const [protectedValue, setProtectedValue] = (0, _react.useState)([]);
-    const trackRef = (0, _react.useRef)(null);
-    const addTriggerRef = (0, _react.useRef)(null);
-    const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
-    const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
-    const [mouseTrackPosition, setMouseTrackPosition] = (0, _react.useState)(0);
-    const prepareValue = (value)=>{
-        return parseInt(parseFloat(value) * Math.pow(10, precision), 10) / Math.pow(10, precision);
-    };
-    const [ranges, setRanges] = (0, _react.useState)(value);
-    const addRange = ({ from, to, label, value, data = [], id = null })=>setRanges((ranges)=>{
-            if (!id) {
-                id = ((ranges === null || ranges === void 0 ? void 0 : ranges.length) + 1) * -1;
-            }
-            return [
-                ...ranges,
-                {
-                    id,
-                    from,
-                    to,
-                    label,
-                    data,
-                    value: Number.isInteger(value) ? value : 0
-                }
-            ].sort((a, b)=>a.from - b.from);
-        });
-    const updateRange = ({ from, to, label, value, data, id })=>setRanges((ranges)=>{
-            const newRanges = [
-                ...ranges
-            ];
-            const range = newRanges === null || newRanges === void 0 ? void 0 : newRanges.find(({ id: rangeId })=>rangeId === id);
-            if (range) {
-                range.from = from !== null && from !== void 0 ? from : range === null || range === void 0 ? void 0 : range.from;
-                range.to = to !== null && to !== void 0 ? to : range === null || range === void 0 ? void 0 : range.to;
-                range.label = label !== null && label !== void 0 ? label : range === null || range === void 0 ? void 0 : range.label;
-                range.value = value !== undefined ? Number.isInteger(value) ? value : 0 : range === null || range === void 0 ? void 0 : range.value;
-                range.data = data !== undefined ? data : range === null || range === void 0 ? void 0 : range.data;
-            }
-            return newRanges;
-        });
-    const updateRangesByTrigger = (trigger)=>{
-        var _triggers_find;
-        const newValue = triggers === null || triggers === void 0 ? void 0 : (_triggers_find = triggers.find(({ id })=>id === (trigger === null || trigger === void 0 ? void 0 : trigger.id))) === null || _triggers_find === void 0 ? void 0 : _triggers_find.value;
-        const oldValue = trigger === null || trigger === void 0 ? void 0 : trigger.value;
-        const leftRange = ranges === null || ranges === void 0 ? void 0 : ranges.find((range)=>(range === null || range === void 0 ? void 0 : range.to) === oldValue);
-        const rightRange = ranges === null || ranges === void 0 ? void 0 : ranges.find((range)=>(range === null || range === void 0 ? void 0 : range.from) === oldValue + 1);
-        if (leftRange && rightRange) {
-            updateRange({
-                from: leftRange === null || leftRange === void 0 ? void 0 : leftRange.from,
-                to: newValue,
-                id: leftRange === null || leftRange === void 0 ? void 0 : leftRange.id
-            });
-            updateRange({
-                from: newValue + 1,
-                to: rightRange === null || rightRange === void 0 ? void 0 : rightRange.to,
-                id: rightRange === null || rightRange === void 0 ? void 0 : rightRange.id
-            });
-        }
-    };
-    const splitRange = (score)=>{
-        const range = ranges === null || ranges === void 0 ? void 0 : ranges.find(({ from, to })=>from + minRange <= score + 1 && score <= to - minRange);
-        if (!range) return;
-        const { value = 0, label, data } = addTriggerFixedRange || {};
-        addRange({
-            value: assignValueToRange === ASSIGN_TO_RIGHT ? value : 0,
-            data: assignValueToRange === ASSIGN_TO_RIGHT ? data : null,
-            label,
-            from: score + 1,
-            to: range === null || range === void 0 ? void 0 : range.to,
-            id: null
-        });
-        updateRange(_object_spread_props(_object_spread({}, range), {
-            value: assignValueToRange === ASSIGN_TO_LEFT ? value : 0,
-            data: assignValueToRange === ASSIGN_TO_LEFT ? data : null,
-            label,
-            to: score
-        }));
-        if (isAddTriggerFixed) unfixAddTrigger();
-    };
-    const concatRanges = (score)=>{
-        const [left, right] = ranges === null || ranges === void 0 ? void 0 : ranges.filter(({ from, to })=>from === score + 1 || score === to);
-        const { data, value } = transformDataOnConcat(left, right);
-        updateRange({
-            from: left === null || left === void 0 ? void 0 : left.from,
-            to: right === null || right === void 0 ? void 0 : right.to,
-            id: left === null || left === void 0 ? void 0 : left.id,
-            data,
-            value
-        });
-        removeRange(right === null || right === void 0 ? void 0 : right.id);
-    };
-    const removeRange = (id)=>setRanges((ranges)=>ranges === null || ranges === void 0 ? void 0 : ranges.filter((range)=>(range === null || range === void 0 ? void 0 : range.id) !== id));
-    const clearRanges = ()=>setRanges([]);
-    const [triggers, setTriggers] = (0, _react.useState)([]);
-    const addTrigger = (value, { isFixed = false, isHidden = false } = {}, { withRange = true } = {}, index = triggers.length)=>setTriggers((state)=>{
-            if (withRange) splitRange(value);
-            const newState = [
-                ...state
-            ];
-            const id = (state === null || state === void 0 ? void 0 : state.length) ? Math.max(...state === null || state === void 0 ? void 0 : state.map(({ id })=>id)) + 1 : 0;
-            newState.splice(index, 0, {
-                id,
-                value,
-                isFixed,
-                isHidden
-            });
-            return newState.sort((a, b)=>a.value < b.value ? -1 : 1);
-        });
-    const updateTrigger = (index, value)=>setTriggers((state)=>{
-            const newState = [
-                ...state
-            ];
-            newState[index] = _object_spread_props(_object_spread({}, newState[index]), {
-                value
-            });
-            return newState;
-        });
-    const removeTrigger = (index)=>setTriggers((state)=>{
-            var _state_index;
-            concatRanges((_state_index = state[index]) === null || _state_index === void 0 ? void 0 : _state_index.value);
-            const newState = [
-                ...state
-            ];
-            newState.splice(index, 1);
-            return newState;
-        });
-    const clearTriggers = ()=>setTriggers([]);
-    const getTriggerByScore = (score)=>{
-        return triggers === null || triggers === void 0 ? void 0 : triggers.find(({ value: triggerScore })=>triggerScore === score);
-    };
-    const [movingController, setMovingController] = (0, _react.useState)(null);
-    const [movingTrigger, setMovingTrigger] = (0, _react.useState)(null);
-    const [movingTriggerIndex, setMovingTriggerIndex] = (0, _react.useState)(null);
-    const [movingTriggerData, setMovingTriggerData] = (0, _react.useState)(null);
-    const [isTriggerMoved, setIsTriggerMoved] = (0, _react.useState)(false);
-    const [isMouseOverTrigger, setIsMouseOverTrigger] = (0, _react.useState)(false);
-    const setMouseOverTrigger = ()=>setIsMouseOverTrigger(true);
-    const setMouseLeaveTrigger = ()=>setIsMouseOverTrigger(false);
-    const [isMouseOverTrack, setIsMouseOverTrack] = (0, _react.useState)(false);
-    const setMouseOverTrack = ()=>setIsMouseOverTrack(true);
-    const setMouseLeaveTrack = ()=>setIsMouseOverTrack(false);
-    const isTriggerMoving = (triggerIndex)=>triggerIndex === movingTriggerIndex;
-    const [addTriggerFixedScore, setAddTriggerFixedScore] = (0, _react.useState)(null);
-    const [addTriggerFixedRange, setAddTriggerFixedRange] = (0, _react.useState)(null);
-    const [isAddTriggerFixed, setIsAddTriggerFixed] = (0, _react.useState)(false);
-    const [assignValueToRange, setAssignValueToRange] = (0, _react.useState)(ASSIGN_TO_LEFT);
-    const fixAddTrigger = (score, inRange)=>{
-        setAddTriggerFixedScore(score);
-        setAddTriggerFixedRange(inRange);
-        setIsAddTriggerFixed(true);
-    };
-    const unfixAddTrigger = (e)=>{
-        e === null || e === void 0 ? void 0 : e.stopPropagation();
-        e === null || e === void 0 ? void 0 : e.preventDefault();
-        setAddTriggerFixedScore(null);
-        setAddTriggerFixedRange(null);
-        setIsAddTriggerFixed(false);
-        setAssignValueToRange(ASSIGN_TO_LEFT);
-    };
-    const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
-    const countPointsPerPx = (width)=>{
-        return (max - min) / width;
-    };
-    // GETTERS //
-    const getTrackXByScore = (score)=>{
-        return (score - min) / pointsPerPx;
-    };
-    const getScoreByX = (x)=>{
-        let points = (x - trackPosition) * pointsPerPx + min;
-        points -= points % step;
-        if (points < min) points = min;
-        if (points > max) points = max;
-        return points - 1;
-    };
-    const getTriggerCollisionDirection = (index, points)=>{
-        var _triggers_, _triggers_1;
-        if (index <= 0) return points;
-        const [triggerBefore, triggerAfter] = [
-            (triggers === null || triggers === void 0 ? void 0 : (_triggers_ = triggers[index - 1]) === null || _triggers_ === void 0 ? void 0 : _triggers_.value) + minRange - 1,
-            (triggers === null || triggers === void 0 ? void 0 : (_triggers_1 = triggers[index + 1]) === null || _triggers_1 === void 0 ? void 0 : _triggers_1.value) - minRange - 1
-        ];
-        if (triggerBefore === triggerAfter) return BOTH_COLLISION;
-        else if (points === triggerBefore) return LEFT_COLLISSION;
-        else if (points === triggerAfter) return RIGHT_COLLISION;
-        else return NO_COLLISION;
-    };
-    const getTriggerScore = (index, points)=>{
-        var _triggers_, _triggers_1;
-        if (index <= 0) return points;
-        const [triggerBefore, triggerAfter] = [
-            (triggers === null || triggers === void 0 ? void 0 : (_triggers_ = triggers[index - 1]) === null || _triggers_ === void 0 ? void 0 : _triggers_.value) + minRange - 1,
-            (triggers === null || triggers === void 0 ? void 0 : (_triggers_1 = triggers[index + 1]) === null || _triggers_1 === void 0 ? void 0 : _triggers_1.value) - minRange - 1
-        ];
-        if (points < triggerBefore) return triggerBefore;
-        else if (points > triggerAfter) return triggerAfter;
-        else return points;
-    };
-    const getAddTriggerCollisionDirection = (x)=>{
-        const triggerScore = getAddTriggerScore(x);
-        const inRange = getInRange(triggerScore);
-        if (!inRange) return 0;
-        const { from, to } = inRange;
-        const triggerBefore = from + minRange - 1;
-        const triggerAfter = to - minRange - 1;
-        if (triggerBefore === triggerAfter) return BOTH_COLLISION;
-        else if (triggerScore <= triggerBefore) return LEFT_COLLISSION;
-        else if (triggerScore >= triggerAfter) return RIGHT_COLLISION;
-        else return NO_COLLISION;
-    };
-    const getAddTriggerPosition = ()=>{
-        return isAddTriggerFixed ? getTrackXByScore(addTriggerFixedScore) : mouseTrackPosition;
-    };
-    const getAddTriggerScore = (x)=>{
-        var _getRangesList;
-        const score = getScoreByX(x);
-        let result = (_getRangesList = getRangesList()) === null || _getRangesList === void 0 ? void 0 : _getRangesList.reduce((result, { from, to })=>{
-            if (to - from + 1 <= 2 * minRange && from <= score && score <= to) {
-                return null;
-            }
-            if (from <= score && score <= from + minRange) {
-                return from + minRange - 1;
-            } else if (to - minRange <= score && score <= to) {
-                return to - minRange - 1;
-            } else {
-                return result;
-            }
-        }, score);
-        if (!result) {
-            var _getRangesList_filter, _getRangesList1;
-            const closestRange = (_getRangesList1 = getRangesList()) === null || _getRangesList1 === void 0 ? void 0 : (_getRangesList_filter = _getRangesList1.filter(({ from, to })=>to - from + 1 >= 2 * minRange)) === null || _getRangesList_filter === void 0 ? void 0 : _getRangesList_filter.reduce((result, range)=>{
-                const distance = Math.abs((range.to + range.from) / 2 - score);
-                if (!result || distance < (result === null || result === void 0 ? void 0 : result.distance)) {
-                    return _object_spread_props(_object_spread({}, range), {
-                        distance
-                    });
-                }
-                return result;
-            }, null);
-            if (closestRange) {
-                if ((closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) < score) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) - minRange - 1;
-                if (score < (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from)) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from) + minRange - 1;
-            }
-        }
-        return result;
-    };
-    const getRangesList = ()=>{
-        return triggers.map(({ value })=>value).sort().reduce((result, score, i, scores)=>{
-            if (i !== 0) {
-                result.push({
-                    from: scores[i - 1],
-                    to: score
-                });
-            }
-            return result;
-        }, []);
-    };
-    const getInRange = (score)=>{
-        return ranges === null || ranges === void 0 ? void 0 : ranges.find(({ from, to })=>from <= score && score <= to);
-    };
-    const getPointValue = (score)=>{
-        switch(pointValueType){
-            case POINT_VALUE_TYPES.FROM:
-                return `${score + 1}`;
-            case POINT_VALUE_TYPES.TO:
-                return `${score}`;
-            case POINT_VALUE_TYPES.BOTH:
-            default:
-                return `${score} | ${score + 1}`;
-        }
-    };
-    // EVENTS //
-    const onRangeChange = (index, value, validate = true)=>{
-        if (validate) value = prepareValue(value);
-        if (isNaN(value)) value = 0;
-        updateTrigger(index, value);
-    };
-    const onTriggerMouseDown = (e, index)=>{
-        setMovingTrigger(e.target);
-        setMovingTriggerIndex(index);
-        setMovingTriggerData(_object_spread({}, triggers[index]));
-    };
-    const onTriggerMove = (e)=>{
-        var _e_touches;
-        if (e === null || e === void 0 ? void 0 : e.cancelable) e === null || e === void 0 ? void 0 : e.preventDefault();
-        e === null || e === void 0 ? void 0 : e.stopPropagation();
-        if (!movingTriggerIndex || !movingTrigger) {
-            return false;
-        }
-        if (!isTriggerMoved) setIsTriggerMoved(true);
-        var _e_touches_;
-        const { clientX: x } = (_e_touches_ = e === null || e === void 0 ? void 0 : (_e_touches = e.touches) === null || _e_touches === void 0 ? void 0 : _e_touches[0]) !== null && _e_touches_ !== void 0 ? _e_touches_ : e;
-        const { width: triggerWidth } = (movingTrigger === null || movingTrigger === void 0 ? void 0 : movingTrigger.getBoundingClientRect()) || {};
-        if (x < trackPosition || x > trackPosition + trackWidth + triggerWidth) return false;
-        const triggerPoints = getTriggerScore(movingTriggerIndex, getScoreByX(x));
-        onRangeChange(movingTriggerIndex, triggerPoints);
-    };
-    const resetMovingTrigger = ()=>{
-        setTimeout(()=>{
-            setMovingTrigger(null);
-            setMovingTriggerIndex(null);
-        }, 1);
-    };
-    // USE EFFECT'S //
-    // MouseUp Event Controller
-    (0, _react.useEffect)(()=>{
-        if (isMobile) {
-            document.addEventListener("touchend", resetMovingTrigger);
-        } else {
-            document.addEventListener("mouseup", resetMovingTrigger);
-        }
-        return ()=>{
-            if (isMobile) {
-                document.removeEventListener("touchend", resetMovingTrigger);
-            } else {
-                document.removeEventListener("mouseup", resetMovingTrigger);
-            }
-        };
-    }, []);
-    // MouseMove Event Controller
-    (0, _react.useEffect)(()=>{
-        var _body_classList;
-        if (!movingTrigger && isTriggerMoved) {
-            movingController === null || movingController === void 0 ? void 0 : movingController.abort();
-            setIsTriggerMoved(false);
-            setMovingController(null);
-        } else if (movingTrigger && !isTriggerMoved) {
-            setMovingController(new AbortController());
-        }
-        const body = document.getElementsByTagName("body")[0];
-        (_body_classList = body.classList) === null || _body_classList === void 0 ? void 0 : _body_classList[movingTrigger ? "add" : "remove"]("moving-cursor");
-    }, [
-        movingTrigger
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (movingController) {
-            if (isMobile) {
-                document.addEventListener("touchmove", onTriggerMove, {
-                    signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
-                });
-            } else {
-                document.addEventListener("mousemove", onTriggerMove, {
-                    signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
-                });
-            }
-        }
-        return ()=>{
-            if (isMobile) {
-                document.removeEventListener("touchmove", onTriggerMove, {
-                    signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal,
-                    passive: false
-                });
-            } else {
-                document.removeEventListener("mousemove", onTriggerMove, {
-                    signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
-                });
-            }
-        };
-    }, [
-        movingController
-    ]);
-    (0, _react.useLayoutEffect)(()=>{
-        var _trackRef_current;
-        const { width, x } = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef_current = trackRef.current) === null || _trackRef_current === void 0 ? void 0 : _trackRef_current.getBoundingClientRect()) || {};
-        setPointsPerPx(countPointsPerPx(width));
-        setTrackWidth(width);
-        setTrackPosition(x);
-    }, [
-        trackRef
-    ]);
-    (0, _react.useEffect)(()=>{
-        onChange(ranges, triggers);
-    }, [
-        ranges
-    ]);
-    (0, _react.useEffect)(()=>{
-        clearRanges();
-        clearTriggers();
-        if ((protectedValue === null || protectedValue === void 0 ? void 0 : protectedValue.length) === 0) {
-            addRange({
-                from: min,
-                to: max
-            });
-            addTrigger(min, {
-                isFixed: true,
-                isHidden: true
-            });
-            addTrigger(max, {
-                isFixed: true,
-                isHidden: true
-            });
-        } else {
-            var _protectedValue_reduce_sort_filter, _protectedValue_reduce_sort, _protectedValue_reduce;
-            protectedValue === null || protectedValue === void 0 ? void 0 : (_protectedValue_reduce = protectedValue.reduce((result, range)=>{
-                addRange(_object_spread({}, range));
-                if (!result.find((score)=>score === (range === null || range === void 0 ? void 0 : range.from))) result.splice((result === null || result === void 0 ? void 0 : result.length) - 1, 0, range === null || range === void 0 ? void 0 : range.from);
-                if (!result.find((score)=>score === (range === null || range === void 0 ? void 0 : range.to))) result.splice((result === null || result === void 0 ? void 0 : result.length) - 1, 0, range === null || range === void 0 ? void 0 : range.to);
-                return result;
-            }, [])) === null || _protectedValue_reduce === void 0 ? void 0 : (_protectedValue_reduce_sort = _protectedValue_reduce.sort((a, b)=>a < b ? -1 : 1)) === null || _protectedValue_reduce_sort === void 0 ? void 0 : (_protectedValue_reduce_sort_filter = _protectedValue_reduce_sort.filter((item, i, arr)=>i === 0 || item - 1 !== arr[i - 1])) === null || _protectedValue_reduce_sort_filter === void 0 ? void 0 : _protectedValue_reduce_sort_filter.map((score, i, triggers)=>{
-                if (i === 0 || score - 1 !== triggers[i - 1]) {
-                    const isExtremum = score === min || score === max;
-                    addTrigger(score, {
-                        isFixed: isExtremum,
-                        isHidden: isExtremum
-                    }, {
-                        withRange: false
-                    });
-                }
-            });
-        }
-    }, [
-        protectedValue
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (!(0, _utils.compare)(value, protectedValue)) {
-            setProtectedValue(value);
-        }
-    }, [
-        value
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (!movingTriggerIndex && movingTriggerData) {
-            updateRangesByTrigger(_object_spread({}, movingTriggerData));
-            setMovingTriggerData(null);
-        }
-    }, [
-        movingTriggerIndex
-    ]);
-    // RENDER //
-    const renderCollision = ({ isCollisionVisible, isLeftCollision, isRightCollision, isBothCollision, className })=>{
-        var _trackRef_current;
-        const pieces = parseInt((max - min) / minRange, 10);
-        var _trackRef_current_getBoundingClientRect;
-        const { width: trackWidth } = (_trackRef_current_getBoundingClientRect = trackRef === null || trackRef === void 0 ? void 0 : (_trackRef_current = trackRef.current) === null || _trackRef_current === void 0 ? void 0 : _trackRef_current.getBoundingClientRect()) !== null && _trackRef_current_getBoundingClientRect !== void 0 ? _trackRef_current_getBoundingClientRect : {};
-        const collisionWidth = trackWidth / pieces - 4;
-        const width = isCollisionVisible ? isBothCollision ? collisionWidth * 2 : isLeftCollision || isRightCollision ? collisionWidth : 0 : 0;
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: (0, _classnames.default)("collision", className, {
-                "collision--visible": isCollisionVisible,
-                "collision--left": isLeftCollision && !isBothCollision,
-                "collision--right": isRightCollision && !isBothCollision,
-                "collision--both": isBothCollision
-            }),
-            style: {
-                width
-            }
-        });
-    };
-    const renderAddTrackTriggerSettings = ()=>{
-        const { label, value } = addTriggerFixedRange || {};
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings`,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-body`,
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-body--assign-left`,
-                            onClick: (e)=>{
-                                e.stopPropagation();
-                                setAssignValueToRange(ASSIGN_TO_LEFT);
-                            },
-                            "attr-is-active": `${assignValueToRange === ASSIGN_TO_LEFT}`,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronLeft, {})
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-body--lenders-count`,
-                            children: [
-                                label,
-                                value
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-body--assign-right`,
-                            onClick: (e)=>{
-                                e.stopPropagation();
-                                setAssignValueToRange(ASSIGN_TO_RIGHT);
-                            },
-                            "attr-is-active": `${assignValueToRange === ASSIGN_TO_RIGHT}`,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {})
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-actions`,
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-actions--cancel`,
-                            onClick: (e)=>unfixAddTrigger(e),
-                            children: "Cancel"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-actions--apply`,
-                            onClick: (e)=>{
-                                e.stopPropagation();
-                                addTrigger(addTriggerFixedScore);
-                            },
-                            children: "Apply"
-                        })
-                    ]
-                })
-            ]
-        });
-    };
-    const renderAddTrackTrigger = ()=>{
-        const isNoTriggers = !(triggers === null || triggers === void 0 ? void 0 : triggers.filter(({ isHidden })=>!isHidden).length);
-        const x = getAddTriggerPosition();
-        const score = isAddTriggerFixed ? addTriggerFixedScore : isNoTriggers && !isMouseOverTrack ? (min + max) / 2 - 1 : getAddTriggerScore(x);
-        const triggerCollision = !isAddTriggerFixed ? getAddTriggerCollisionDirection(x) : NO_COLLISION;
-        const isLeftCollision = triggerCollision === LEFT_COLLISSION;
-        const isRightCollision = triggerCollision === RIGHT_COLLISION;
-        const isBothCollision = triggerCollision === BOTH_COLLISION;
-        const isCollisionVisible = (isLeftCollision || isRightCollision || isBothCollision) && !(isNoTriggers && !isMouseOverTrack);
-        const left = getTrackXByScore(score);
-        const inRange = getInRange(score);
-        const isTriggerWithScoreExists = getTriggerByScore(score);
-        if (isTriggerWithScoreExists || movingTrigger || isMouseOverTrigger) return null;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--add-trigger`, {
-                [`${COMPONENT_CLASS}__track__range-triggers--add-trigger--fixed`]: isAddTriggerFixed,
-                [`${COMPONENT_CLASS}__track__range-triggers--add-trigger--force-visible`]: isNoTriggers,
-                [`${COMPONENT_CLASS}__track__range-triggers--add-trigger--moved-smoothly`]: isNoTriggers && !isMouseOverTrack
-            }),
-            style: {
-                left: `${left}px`
-            },
-            onClick: ()=>(inRange === null || inRange === void 0 ? void 0 : inRange.value) ? fixAddTrigger(score, inRange) : addTrigger(score),
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    ref: addTriggerRef,
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--add-trigger__point`, {
-                        [`${COMPONENT_CLASS}__track__range-triggers--add-trigger__point--shake`]: isCollisionVisible
-                    }),
-                    "data-point-value": getPointValue(score),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {})
-                }),
-                isAddTriggerFixed && renderAddTrackTriggerSettings(),
-                renderCollision({
-                    isCollisionVisible,
-                    isLeftCollision,
-                    isRightCollision,
-                    isBothCollision
-                })
-            ]
-        });
-    };
-    const renderTrackTrigger = ({ value: triggerScore, isFixed, isHidden }, triggerIndex)=>{
-        const triggerCollision = getTriggerCollisionDirection(triggerIndex, triggerScore);
-        const isLeftCollision = triggerCollision === LEFT_COLLISSION;
-        const isRightCollision = triggerCollision === RIGHT_COLLISION;
-        const isBothCollision = triggerCollision === BOTH_COLLISION;
-        const isCurrentTriggerMoving = isTriggerMoving(triggerIndex);
-        const isCollisionVisible = isCurrentTriggerMoving && isTriggerMoved && (isLeftCollision || isRightCollision || isBothCollision);
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
-            style: {
-                left: getTrackXByScore(triggerScore).toString().concat("px")
-            },
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--trigger`, {
-                [`${COMPONENT_CLASS}__track__range-triggers--trigger__moving`]: isCurrentTriggerMoving,
-                [`${COMPONENT_CLASS}__track__range-triggers--trigger__fixed`]: isFixed,
-                [`${COMPONENT_CLASS}__track__range-triggers--trigger__hidden`]: isHidden
-            })
-        }, isMobile ? {} : {
-            onMouseOver: setMouseOverTrigger,
-            onMouseLeave: setMouseLeaveTrigger
-        }), {
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread({
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--trigger__point`, {
-                        [`${COMPONENT_CLASS}__track__range-triggers--trigger__point--shake`]: isCollisionVisible
-                    }),
-                    "data-point-value": getPointValue(triggerScore)
-                }, isMobile ? {
-                    onTouchStart: (e)=>onTriggerMouseDown(e, triggerIndex),
-                    onTouchEnd: resetMovingTrigger
-                } : {
-                    onMouseDown: (e)=>onTriggerMouseDown(e, triggerIndex),
-                    onMouseUp: resetMovingTrigger
-                })),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--trigger__actions`, {
-                        [`${COMPONENT_CLASS}__track__range-triggers--trigger__actions--hidden`]: isCurrentTriggerMoving
-                    }),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: `${COMPONENT_CLASS}__track__range-triggers--trigger__actions--remove`,
-                        onClick: ()=>removeTrigger(triggerIndex),
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {})
-                    })
-                }),
-                renderCollision({
-                    isCollisionVisible,
-                    isLeftCollision,
-                    isRightCollision,
-                    isBothCollision,
-                    className: `${COMPONENT_CLASS}__track__range-triggers--trigger__collision`
-                })
-            ]
-        }), `${COMPONENT_CLASS}__track__range-triggers--trigger-${triggerIndex}`);
-    };
-    const renderTrackTriggers = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: `${COMPONENT_CLASS}__track__range-triggers`,
-            children: triggers === null || triggers === void 0 ? void 0 : triggers.map(renderTrackTrigger)
-        });
-    };
-    const renderRangeValue = ({ from, to, label, value }, rangeIndex)=>{
-        if (!value) return null;
-        const left = getTrackXByScore((to + from) / 2);
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__ranges-value--item`),
-            style: {
-                left: `${left}px`
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__ranges-value--item__label`),
-                    children: label
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__ranges-value--item__value`),
-                    children: value
-                })
-            ]
-        }, `${COMPONENT_CLASS}__track__ranges-value--item-${rangeIndex}`);
-    };
-    const renderRangesValue = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__ranges-value`),
-            children: ranges === null || ranges === void 0 ? void 0 : ranges.map(renderRangeValue)
-        });
-    };
-    const renderTrackDividers = (0, _react.useMemo)(()=>{
-        const renderTrackDivider = (key = 0)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: `${COMPONENT_CLASS}__track__line__dividers--item`
-            }, key);
-        const dividersCount = parseInt((max - min) / dividersRange, 10);
-        const dividers = [];
-        for(let i = 0; i < dividersCount; ++i)dividers.push(renderTrackDivider(i));
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: `${COMPONENT_CLASS}__track__line__dividers`,
-            children: dividers
-        });
-    }, [
-        trackRef,
-        minRange,
-        min,
-        max
-    ]);
-    const renderTrackLine = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: `${COMPONENT_CLASS}__track__line`,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: `${COMPONENT_CLASS}__track__line__extremum--min`,
-                    children: min
-                }),
-                renderTrackDividers,
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: `${COMPONENT_CLASS}__track__line__extremum--max`,
-                    children: max
-                })
-            ]
-        });
-    };
-    const renderTrack = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track`, className),
-            ref: trackRef,
-            children: [
-                renderTrackLine(),
-                renderAddTrackTrigger(),
-                renderTrackTriggers(),
-                renderRangesValue()
-            ]
-        });
-    };
-    const render = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: COMPONENT_CLASS,
-            onMouseOver: setMouseOverTrack,
-            onMouseLeave: setMouseLeaveTrack,
-            onMouseMove: (e)=>setMouseTrackPosition(e === null || e === void 0 ? void 0 : e.clientX),
-            children: renderTrack()
-        });
-    };
-    return render();
-}
-
-//# sourceMappingURL=RangeSlider2.js.map
+function n(n,t){(null==t||t>n.length)&&(t=n.length);for(var r=0,e=Array(t);r<t;r++)e[r]=n[r];return e}function t(n,t,r){return t in n?Object.defineProperty(n,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[t]=r,n}function r(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{},i=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(e).filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.forEach(function(r){t(n,r,e[r])})}return n}function e(n,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):(function(n,t){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);r.push.apply(r,e)}return r})(Object(t)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(t,r))}),n}function i(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,t){var r,e,i=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=i){var o=[],l=!0,a=!1;try{for(i=i.call(n);!(l=(r=i.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(n){a=!0,e=n}finally{try{l||null==i.return||i.return()}finally{if(a)throw e}}return o}}(n,t)||l(n,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(t){return function(t){if(Array.isArray(t))return n(t)}(t)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(t)||l(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,r){if(t){if("string"==typeof t)return n(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return n(t,r)}}import{jsx as a,jsxs as u}from"react/jsx-runtime";import{useEffect as c,useLayoutEffect as d,useMemo as s,useRef as v,useState as f}from"react";import _ from"classnames";import{ChevronLeft as g,ChevronRight as m,Plus as p,X as h}from"react-feather";import b from"../../../Functions/useIsMobile/useIsMobile";import{compare as O}from"../../../Functions/utils";import"./RangeSlider2.scss";var y="range-slider2",N=Object.freeze({NO_COLLISION:0,LEFT_COLLISSION:-1,RIGHT_COLLISION:1,BOTH_COLLISION:2}),k=N.LEFT_COLLISSION,I=N.RIGHT_COLLISION,C=N.BOTH_COLLISION,L=N.NO_COLLISION,S=Object.freeze({ASSIGN_TO_LEFT:-1,ASSIGN_TO_RIGHT:1}),T=S.ASSIGN_TO_LEFT,j=S.ASSIGN_TO_RIGHT,w=Object.freeze({FROM:"from",TO:"to",BOTH:"both"});export default function x(n){var l,N,S,x,M,E,R,F,P,A,H,B=n.min,D=void 0===B?300:B,G=n.max,V=void 0===G?850:G,z=n.minRange,U=void 0===z?50:z,X=n.dividersRange,$=void 0===X?50:X,q=n.pointValueType,J=void 0===q?w.FROM:q,K=n.precision,Q=void 0===K?0:K,W=n.step,Y=void 0===W?5:W,Z=n.className,nn=n.value,nt=void 0===nn?[]:nn,nr=n.onChange,ne=void 0===nr?function(){}:nr,ni=n.transformDataOnConcat,no=void 0===ni?function(n,t){return[]}:ni,nl=b().isMobile,na=i(f([]),2),nu=na[0],nc=na[1],nd=v(null),ns=v(null),nv=i(f(0),2),nf=nv[0],n_=nv[1],ng=i(f(0),2),nm=ng[0],np=ng[1],nh=i(f(0),2),nb=nh[0],nO=nh[1],ny=i(f(nt),2),nN=ny[0],nk=ny[1],nI=function(n){var t=n.from,r=n.to,e=n.label,i=n.value,l=n.data,a=void 0===l?[]:l,u=n.id,c=void 0===u?null:u;return nk(function(n){return c||(c=-(((null==n?void 0:n.length)+1)*1)),o(n).concat([{id:c,from:t,to:r,label:e,data:a,value:Number.isInteger(i)?i:0}]).sort(function(n,t){return n.from-t.from})})},nC=function(n){var t=n.from,r=n.to,e=n.label,i=n.value,l=n.data,a=n.id;return nk(function(n){var u=o(n),c=null==u?void 0:u.find(function(n){return n.id===a});return c&&(c.from=null!=t?t:null==c?void 0:c.from,c.to=null!=r?r:null==c?void 0:c.to,c.label=null!=e?e:null==c?void 0:c.label,c.value=void 0!==i?Number.isInteger(i)?i:0:null==c?void 0:c.value,c.data=void 0!==l?l:null==c?void 0:c.data),u})},nL=function(n){var t,r=null==nx||null==(t=nx.find(function(t){return t.id===(null==n?void 0:n.id)}))?void 0:t.value,e=null==n?void 0:n.value,i=null==nN?void 0:nN.find(function(n){return(null==n?void 0:n.to)===e}),o=null==nN?void 0:nN.find(function(n){return(null==n?void 0:n.from)===e+1});i&&o&&(nC({from:null==i?void 0:i.from,to:r,id:null==i?void 0:i.id}),nC({from:r+1,to:null==o?void 0:o.to,id:null==o?void 0:o.id}))},nS=function(n){var t=null==nN?void 0:nN.find(function(t){var r=t.from,e=t.to;return r+U<=n+1&&n<=e-U});if(t){var i=n6||{},o=i.value,l=void 0===o?0:o,a=i.label,u=i.data;nI({value:te===j?l:0,data:te===j?u:null,label:a,from:n+1,to:null==t?void 0:t.to,id:null}),nC(e(r({},t),{value:te===T?l:0,data:te===T?u:null,label:a,to:n})),tn&&tl()}},nT=function(n){var t=i(null==nN?void 0:nN.filter(function(t){var r=t.from,e=t.to;return r===n+1||n===e}),2),r=t[0],e=t[1],o=no(r,e),l=o.data,a=o.value;nC({from:null==r?void 0:r.from,to:null==e?void 0:e.to,id:null==r?void 0:r.id,data:l,value:a}),nj(null==e?void 0:e.id)},nj=function(n){return nk(function(t){return null==t?void 0:t.filter(function(t){return(null==t?void 0:t.id)!==n})})},nw=i(f([]),2),nx=nw[0],nM=nw[1],nE=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.isFixed,e=void 0!==r&&r,i=t.isHidden,l=void 0!==i&&i,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},u=a.withRange,c=void 0===u||u,d=arguments.length>3&&void 0!==arguments[3]?arguments[3]:nx.length;return nM(function(t){c&&nS(n);var r,i=o(t),a=(null==t?void 0:t.length)?(r=Math).max.apply(r,o(null==t?void 0:t.map(function(n){return n.id})))+1:0;return i.splice(d,0,{id:a,value:n,isFixed:e,isHidden:l}),i.sort(function(n,t){return n.value<t.value?-1:1})})},nR=i(f(null),2),nF=nR[0],nP=nR[1],nA=i(f(null),2),nH=nA[0],nB=nA[1],nD=i(f(null),2),nG=nD[0],nV=nD[1],nz=i(f(null),2),nU=nz[0],nX=nz[1],n$=i(f(!1),2),nq=n$[0],nJ=n$[1],nK=i(f(!1),2),nQ=nK[0],nW=nK[1],nY=function(){return nW(!0)},nZ=function(){return nW(!1)},n0=i(f(!1),2),n1=n0[0],n2=n0[1],n3=i(f(null),2),n5=n3[0],n8=n3[1],n4=i(f(null),2),n6=n4[0],n7=n4[1],n9=i(f(!1),2),tn=n9[0],tt=n9[1],tr=i(f(T),2),te=tr[0],ti=tr[1],to=function(n,t){n8(n),n7(t),tt(!0)},tl=function(n){null==n||n.stopPropagation(),null==n||n.preventDefault(),n8(null),n7(null),tt(!1),ti(T)},ta=i(f(0),2),tu=ta[0],tc=ta[1],td=function(n){return(n-D)/tu},ts=function(n){var t=(n-nm)*tu+D;return(t-=t%Y)<D&&(t=D),t>V&&(t=V),t-1},tv=function(n,t){if(n<=0)return t;var r,e,i=[(null==nx||null==(r=nx[n-1])?void 0:r.value)+U-1,(null==nx||null==(e=nx[n+1])?void 0:e.value)-U-1],o=i[0],l=i[1];return o===l?C:t===o?k:t===l?I:L},tf=function(n,t){if(n<=0)return t;var r,e,i=[(null==nx||null==(r=nx[n-1])?void 0:r.value)+U-1,(null==nx||null==(e=nx[n+1])?void 0:e.value)-U-1],o=i[0],l=i[1];return t<o?o:t>l?l:t},t_=function(n){var t=tg(n),r=tp(t);if(!r)return 0;var e=r.from,i=r.to,o=e+U-1,l=i-U-1;return o===l?C:t<=o?k:t>=l?I:L},tg=function(n){var t=ts(n),i=null==(o=tm())?void 0:o.reduce(function(n,r){var e=r.from,i=r.to;return i-e+1<=2*U&&e<=t&&t<=i?null:e<=t&&t<=e+U?e+U-1:i-U<=t&&t<=i?i-U-1:n},t);if(!i){var o,l,a,u=null==(a=tm())||null==(l=a.filter(function(n){var t=n.from;return n.to-t+1>=2*U}))?void 0:l.reduce(function(n,i){var o=Math.abs((i.to+i.from)/2-t);return!n||o<(null==n?void 0:n.distance)?e(r({},i),{distance:o}):n},null);u&&((null==u?void 0:u.to)<t&&(i=(null==u?void 0:u.to)-U-1),t<(null==u?void 0:u.from)&&(i=(null==u?void 0:u.from)+U-1))}return i},tm=function(){return nx.map(function(n){return n.value}).sort().reduce(function(n,t,r,e){return 0!==r&&n.push({from:e[r-1],to:t}),n},[])},tp=function(n){return null==nN?void 0:nN.find(function(t){var r=t.from,e=t.to;return r<=n&&n<=e})},th=function(n){switch(J){case w.FROM:return"".concat(n+1);case w.TO:return"".concat(n);case w.BOTH:default:return"".concat(n," | ").concat(n+1)}},tb=function(n,t){var i,l=!(arguments.length>2)||void 0===arguments[2]||arguments[2];l&&(t=parseInt(parseFloat(t)*Math.pow(10,Q),10)/Math.pow(10,Q)),isNaN(t)&&(t=0),i=t,nM(function(t){var l=o(t);return l[n]=e(r({},l[n]),{value:i}),l})},tO=function(n,t){nB(n.target),nV(t),nX(r({},nx[t]))},ty=function(n){if((null==n?void 0:n.cancelable)&&(null==n||n.preventDefault()),null==n||n.stopPropagation(),!nG||!nH)return!1;nq||nJ(!0);var t,r,e=(null!=(r=null==n||null==(t=n.touches)?void 0:t[0])?r:n).clientX,i=((null==nH?void 0:nH.getBoundingClientRect())||{}).width;if(e<nm||e>nm+nf+i)return!1;var o=tf(nG,ts(e));tb(nG,o)},tN=function(){setTimeout(function(){nB(null),nV(null)},1)};c(function(){return nl?document.addEventListener("touchend",tN):document.addEventListener("mouseup",tN),function(){nl?document.removeEventListener("touchend",tN):document.removeEventListener("mouseup",tN)}},[]),c(function(){var n;!nH&&nq?(null==nF||nF.abort(),nJ(!1),nP(null)):nH&&!nq&&nP(new AbortController),null==(n=document.getElementsByTagName("body")[0].classList)||n[nH?"add":"remove"]("moving-cursor")},[nH]),c(function(){return nF&&(nl?document.addEventListener("touchmove",ty,{signal:null==nF?void 0:nF.signal}):document.addEventListener("mousemove",ty,{signal:null==nF?void 0:nF.signal})),function(){nl?document.removeEventListener("touchmove",ty,{signal:null==nF?void 0:nF.signal,passive:!1}):document.removeEventListener("mousemove",ty,{signal:null==nF?void 0:nF.signal})}},[nF]),d(function(){var n,t=(null==nd||null==(n=nd.current)?void 0:n.getBoundingClientRect())||{},r=t.width,e=t.x;tc((V-D)/r),n_(r),np(e)},[nd]),c(function(){ne(nN,nx)},[nN]),c(function(){if(nk([]),nM([]),(null==nu?void 0:nu.length)===0)nI({from:D,to:V}),nE(D,{isFixed:!0,isHidden:!0}),nE(V,{isFixed:!0,isHidden:!0});else{var n,t,e;null==nu||null==(e=nu.reduce(function(n,t){return nI(r({},t)),n.find(function(n){return n===(null==t?void 0:t.from)})||n.splice((null==n?void 0:n.length)-1,0,null==t?void 0:t.from),n.find(function(n){return n===(null==t?void 0:t.to)})||n.splice((null==n?void 0:n.length)-1,0,null==t?void 0:t.to),n},[]))||null==(t=e.sort(function(n,t){return n<t?-1:1}))||null==(n=t.filter(function(n,t,r){return 0===t||n-1!==r[t-1]}))||n.map(function(n,t,r){if(0===t||n-1!==r[t-1]){var e=n===D||n===V;nE(n,{isFixed:e,isHidden:e},{withRange:!1})}})}},[nu]),c(function(){O(nt,nu)||nc(nt)},[nt]),c(function(){!nG&&nU&&(nL(r({},nU)),nX(null))},[nG]);var tk=function(n){var t,r,e=n.isCollisionVisible,i=n.isLeftCollision,o=n.isRightCollision,l=n.isBothCollision,u=n.className,c=parseInt((V-D)/U,10),d=(null!=(r=null==nd||null==(t=nd.current)?void 0:t.getBoundingClientRect())?r:{}).width/c-4,s=e?l?2*d:i||o?d:0:0;return a("div",{className:_("collision",u,{"collision--visible":e,"collision--left":i&&!l,"collision--right":o&&!l,"collision--both":l}),style:{width:s}})},tI=function(){var n=n6||{},t=n.label,r=n.value;return u("div",{className:"".concat(y,"__track__range-triggers--add-trigger__settings"),children:[u("div",{className:"".concat(y,"__track__range-triggers--add-trigger__settings-body"),children:[a("div",{className:"".concat(y,"__track__range-triggers--add-trigger__settings-body--assign-left"),onClick:function(n){n.stopPropagation(),ti(T)},"attr-is-active":"".concat(te===T),children:a(g,{})}),u("div",{className:"".concat(y,"__track__range-triggers--add-trigger__settings-body--lenders-count"),children:[t,r]}),a("div",{className:"".concat(y,"__track__range-triggers--add-trigger__settings-body--assign-right"),onClick:function(n){n.stopPropagation(),ti(j)},"attr-is-active":"".concat(te===j),children:a(m,{})})]}),u("div",{className:"".concat(y,"__track__range-triggers--add-trigger__settings-actions"),children:[a("div",{className:"".concat(y,"__track__range-triggers--add-trigger__settings-actions--cancel"),onClick:function(n){return tl(n)},children:"Cancel"}),a("div",{className:"".concat(y,"__track__range-triggers--add-trigger__settings-actions--apply"),onClick:function(n){n.stopPropagation(),nE(n5)},children:"Apply"})]})]})},tC=s(function(){for(var n=parseInt((V-D)/$,10),t=[],r=0;r<n;++r)t.push(function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return a("div",{className:"".concat(y,"__track__line__dividers--item")},n)}(r));return a("div",{className:"".concat(y,"__track__line__dividers"),children:t})},[nd,U,D,V]);return a("div",{className:y,onMouseOver:function(){return n2(!0)},onMouseLeave:function(){return n2(!1)},onMouseMove:function(n){return nO(null==n?void 0:n.clientX)},children:u("div",{className:_("".concat(y,"__track"),Z),ref:nd,children:[u("div",{className:"".concat(y,"__track__line"),children:[a("div",{className:"".concat(y,"__track__line__extremum--min"),children:D}),tC,a("div",{className:"".concat(y,"__track__line__extremum--max"),children:V})]}),(N=!(null==nx?void 0:nx.filter(function(n){return!n.isHidden}).length),S=tn?td(n5):nb,x=tn?n5:N&&!n1?(D+V)/2-1:tg(S),E=(M=tn?L:t_(S))===k,R=M===I,F=M===C,P=(E||R||F)&&!(N&&!n1),A=td(x),H=tp(x),(null==nx?void 0:nx.find(function(n){return n.value===x}))||nH||nQ?null:u("div",{className:_("".concat(y,"__track__range-triggers--add-trigger"),(t(l={},"".concat(y,"__track__range-triggers--add-trigger--fixed"),tn),t(l,"".concat(y,"__track__range-triggers--add-trigger--force-visible"),N),t(l,"".concat(y,"__track__range-triggers--add-trigger--moved-smoothly"),N&&!n1),l)),style:{left:"".concat(A,"px")},onClick:function(){return(null==H?void 0:H.value)?to(x,H):nE(x)},children:[a("div",{ref:ns,className:_("".concat(y,"__track__range-triggers--add-trigger__point"),t({},"".concat(y,"__track__range-triggers--add-trigger__point--shake"),P)),"data-point-value":th(x),children:a(p,{})}),tn&&tI(),tk({isCollisionVisible:P,isLeftCollision:E,isRightCollision:R,isBothCollision:F})]})),a("div",{className:"".concat(y,"__track__range-triggers"),children:null==nx?void 0:nx.map(function(n,i){var l,c=n.value,d=n.isFixed,s=n.isHidden,v=tv(i,c),f=v===k,g=v===I,m=v===C,p=i===nG,b=p&&nq&&(f||g||m);return u("div",e(r({style:{left:td(c).toString().concat("px")},className:_("".concat(y,"__track__range-triggers--trigger"),(t(l={},"".concat(y,"__track__range-triggers--trigger__moving"),p),t(l,"".concat(y,"__track__range-triggers--trigger__fixed"),d),t(l,"".concat(y,"__track__range-triggers--trigger__hidden"),s),l))},nl?{}:{onMouseOver:nY,onMouseLeave:nZ}),{children:[a("div",r({className:_("".concat(y,"__track__range-triggers--trigger__point"),t({},"".concat(y,"__track__range-triggers--trigger__point--shake"),b)),"data-point-value":th(c)},nl?{onTouchStart:function(n){return tO(n,i)},onTouchEnd:tN}:{onMouseDown:function(n){return tO(n,i)},onMouseUp:tN})),a("div",{className:_("".concat(y,"__track__range-triggers--trigger__actions"),t({},"".concat(y,"__track__range-triggers--trigger__actions--hidden"),p)),children:a("div",{className:"".concat(y,"__track__range-triggers--trigger__actions--remove"),onClick:function(){return nM(function(n){nT(null==(t=n[i])?void 0:t.value);var t,r=o(n);return r.splice(i,1),r})},children:a(h,{})})}),tk({isCollisionVisible:b,isLeftCollision:f,isRightCollision:g,isBothCollision:m,className:"".concat(y,"__track__range-triggers--trigger__collision")})]}),"".concat(y,"__track__range-triggers--trigger-").concat(i))})}),a("div",{className:_("".concat(y,"__track__ranges-value")),children:null==nN?void 0:nN.map(function(n,t){var r=n.from,e=n.to,i=n.label,o=n.value;if(!o)return null;var l=td((e+r)/2);return u("div",{className:_("".concat(y,"__track__ranges-value--item")),style:{left:"".concat(l,"px")},children:[a("div",{className:_("".concat(y,"__track__ranges-value--item__label")),children:i}),a("div",{className:_("".concat(y,"__track__ranges-value--item__value")),children:o})]},"".concat(y,"__track__ranges-value--item-").concat(t))})})]})})}