@salutejs/plasma-new-hope 0.78.0-canary.1185.8922773956.0 → 0.78.0-canary.1194.8928068974.0

package/cjs/components/Slider/components/Double/Double.js

@@ -0,0 +1,274 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var SliderBase = require('../SliderBase/SliderBase.js');
+var Handle = require('../../ui/Handle/Handle.js');
+require('@linaria/react');
+var index = require('../../utils/index.js');
+var index$1 = require('../../../../utils/index.js');
+var Slider_tokens = require('../../Slider.tokens.js');
+var Double_styles = require('./Double.styles.js');
+var isNumber = require('../../../../utils/isNumber.js');
+
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeDrag", "ariaLabel", "multipleStepSize"];
+function getXCenterHandle(handle) {
+  var _handle$parentElement;
+  var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;
+  var handleRect = handle.getBoundingClientRect();
+  var handlePosition = handleRect.x;
+  return handlePosition - containerX;
+}
+var DoubleSlider = function DoubleSlider(_ref) {
+  var min = _ref.min,
+    max = _ref.max,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    label = _ref.label,
+    labelContentLeft = _ref.labelContentLeft,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    onChangeCommitted = _ref.onChangeCommitted,
+    onChangeDrag = _ref.onChangeDrag,
+    ariaLabel = _ref.ariaLabel,
+    _ref$multipleStepSize = _ref.multipleStepSize,
+    multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState({
+      stepSize: 0,
+      railFillWidth: 0,
+      railFillXPosition: 0,
+      xFirstHandle: 0,
+      xSecondHandle: 0,
+      firstHandleZIndex: 100,
+      secondHandleZIndex: 101,
+      firstValue: value[0],
+      secondValue: value[1]
+    }),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    firstInputActive = _useState4[0],
+    setFirstInputActive = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    secondInputActive = _useState6[0],
+    setSecondInputActive = _useState6[1];
+  var firstHandleRef = React.useRef(null);
+  var secondHandleRef = React.useRef(null);
+  var firstHandleValue = React.useRef(value[0]);
+  var secondHandleValue = React.useRef(value[1]);
+  var _useState7 = React.useState(value[0]),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    firstValue = _useState8[0],
+    setFirstValue = _useState8[1];
+  var _useState9 = React.useState(value[1]),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    secondValue = _useState10[0],
+    setSecondValue = _useState10[1];
+  var stepSize = state.stepSize;
+  var hasLabelContent = label || labelContentLeft;
+  var firstInputActiveClass = firstInputActive && !disabled ? Slider_tokens.classes.textFieldActive : undefined;
+  var secondInputActiveClass = secondInputActive && !disabled ? Slider_tokens.classes.textFieldActive : undefined;
+  React.useEffect(function () {
+    var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
+    var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        railFillXPosition: stepSize * firstLocalValue,
+        railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,
+        xFirstHandle: stepSize * firstLocalValue,
+        xSecondHandle: stepSize * secondLocalValue
+      });
+    });
+  }, [value, stepSize, min, max]);
+  var setStepSize = React.useCallback(function (newStepSize) {
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        stepSize: newStepSize
+      });
+    });
+  }, []);
+  var onFirstHandleChange = React.useCallback(function (handleValue, data) {
+    if (secondHandleRef !== null && secondHandleRef !== void 0 && secondHandleRef.current) {
+      var newHandleXPosition = data.x;
+      var secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
+      var fillWidth = secondHandleXPosition - newHandleXPosition;
+      firstHandleValue.current = handleValue;
+      setFirstValue(handleValue);
+      setState(function (prevState) {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+          firstHandleZIndex: 101,
+          secondHandleZIndex: 100,
+          railFillWidth: fillWidth < 0 ? 0 : fillWidth,
+          railFillXPosition: newHandleXPosition
+        });
+      });
+      if (onChangeDrag) {
+        onChangeDrag([handleValue, value[1]]);
+      }
+    }
+  }, [onChangeDrag, value]);
+  var onFirstHandleChangeCommitted = React.useCallback(function (handleValue, data) {
+    setFirstValue(handleValue);
+    onChangeCommitted && onChangeCommitted([handleValue, value[1]]);
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        firstValue: handleValue,
+        xFirstHandle: data.lastX
+      });
+    });
+  }, [onChangeCommitted, value]);
+  var onFirstTextfieldChange = React.useCallback(function (event) {
+    if (!isNumber.isNumber(event.target.value)) return;
+    var handleValue = Number(event.target.value);
+    setFirstValue(handleValue);
+  }, [isNumber.isNumber, setFirstValue]);
+  var onFirstTextfieldEnter = React.useCallback(function (newValue) {
+    if (!isNumber.isNumber(newValue)) return;
+    var handleValue = Math.min(Math.max(Number(newValue), min), value[1]);
+    var handleValueLocal = Math.min(Math.max(handleValue, min), max) - min;
+    setFirstValue(handleValue);
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        firstValue: handleValue,
+        xFirstHandle: handleValueLocal * stepSize
+      });
+    });
+    onChangeCommitted && onChangeCommitted([handleValue, value[1]]);
+  }, [isNumber.isNumber, onChangeCommitted, setFirstValue, value, min, max, stepSize]);
+  var onSecondHandleChange = React.useCallback(function (handleValue, data) {
+    if (firstHandleRef !== null && firstHandleRef !== void 0 && firstHandleRef.current) {
+      var firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
+      var newHandleXPosition = data.x;
+      var fillWidth = newHandleXPosition - firstXHandleXPosition;
+      secondHandleValue.current = handleValue;
+      setSecondValue(handleValue);
+      setState(function (prevState) {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+          firstHandleZIndex: 100,
+          secondHandleZIndex: 101,
+          railFillWidth: fillWidth < 0 ? 0 : fillWidth,
+          railFillXPosition: firstXHandleXPosition
+        });
+      });
+      if (onChangeDrag) {
+        onChangeDrag([value[0], handleValue]);
+      }
+    }
+  }, [onChangeDrag, value]);
+  var onSecondHandleChangeCommitted = React.useCallback(function (handleValue, data) {
+    onChangeCommitted && onChangeCommitted([value[0], handleValue]);
+    setSecondValue(handleValue);
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        secondValue: handleValue,
+        xSecondHandle: data.lastX
+      });
+    });
+  }, [onChangeCommitted, value]);
+  var onSecondTextfieldChange = React.useCallback(function (event) {
+    if (!isNumber.isNumber(event.target.value)) return;
+    var handleValue = Number(event.target.value);
+    setSecondValue(handleValue);
+  }, [isNumber.isNumber, setSecondValue]);
+  var onSecondTextfieldEnter = React.useCallback(function (newValue) {
+    if (!isNumber.isNumber(newValue)) return;
+    var handleValue = Math.max(Math.min(Number(newValue), max), value[0]);
+    var handleValueLocal = Math.min(Math.max(handleValue, min), max) - min;
+    setSecondValue(handleValue);
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        secondValue: handleValue,
+        xSecondHandle: handleValueLocal * stepSize
+      });
+    });
+    onChangeCommitted && onChangeCommitted([value[0], handleValue]);
+  }, [isNumber.isNumber, setSecondValue, onChangeCommitted, value, min, max, stepSize]);
+  var _ref2 = ariaLabel || [],
+    _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
+    ariaLabelLeft = _ref3[0],
+    ariaLabelRight = _ref3[1];
+  var currentFirstSliderValue = Math.max(state.firstValue, min);
+  return /*#__PURE__*/React.createElement(Double_styles.DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(Double_styles.LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(Double_styles.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Double_styles.Label, null, label)), /*#__PURE__*/React.createElement(Double_styles.SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
+    min: min,
+    max: max,
+    disabled: disabled,
+    setStepSize: setStepSize,
+    railFillWidth: state.railFillWidth,
+    settings: index.sizeData[size],
+    railFillXPosition: state.railFillXPosition
+  }, rest), /*#__PURE__*/React.createElement(Handle.Handle, {
+    ref: firstHandleRef,
+    stepSize: state.stepSize,
+    multipleStepSize: multipleStepSize,
+    onChangeCommitted: onFirstHandleChangeCommitted,
+    onChange: onFirstHandleChange,
+    min: min,
+    max: state.secondValue,
+    disabled: disabled,
+    bounds: [min, state.secondValue],
+    side: "left",
+    xPosition: state.xFirstHandle,
+    zIndex: state.firstHandleZIndex,
+    value: currentFirstSliderValue,
+    ariaLabel: ariaLabelLeft,
+    onMouseEnter: function onMouseEnter() {
+      return setFirstInputActive(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setFirstInputActive(false);
+    }
+  }), /*#__PURE__*/React.createElement(Handle.Handle, {
+    ref: secondHandleRef,
+    stepSize: state.stepSize,
+    multipleStepSize: multipleStepSize,
+    onChangeCommitted: onSecondHandleChangeCommitted,
+    onChange: onSecondHandleChange,
+    min: min,
+    ariaValueMin: currentFirstSliderValue,
+    max: max,
+    disabled: disabled,
+    bounds: [state.firstValue, max],
+    side: "right",
+    xPosition: state.xSecondHandle,
+    zIndex: state.secondHandleZIndex,
+    value: Math.max(state.secondValue, min),
+    ariaLabel: ariaLabelRight,
+    onMouseEnter: function onMouseEnter() {
+      return setSecondInputActive(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setSecondInputActive(false);
+    }
+  })), /*#__PURE__*/React.createElement(Double_styles.InputsWrapper, null, /*#__PURE__*/React.createElement(Double_styles.StyledInput, {
+    className: index$1.cx(Slider_tokens.classes.firstTextField, firstInputActiveClass),
+    enumerationType: "plain",
+    disabled: disabled,
+    value: firstValue,
+    onChange: function onChange(e) {
+      return onFirstTextfieldChange(e);
+    },
+    onSearch: function onSearch(e) {
+      return onFirstTextfieldEnter(e);
+    }
+  }), /*#__PURE__*/React.createElement(Double_styles.StyledInput, {
+    className: index$1.cx(Slider_tokens.classes.secondTextField, secondInputActiveClass),
+    enumerationType: "plain",
+    disabled: disabled,
+    value: secondValue,
+    onChange: function onChange(e) {
+      return onSecondTextfieldChange(e);
+    },
+    onSearch: function onSearch(e) {
+      return onSecondTextfieldEnter(e);
+    }
+  }))));
+};
+
+exports.DoubleSlider = DoubleSlider;
+//# sourceMappingURL=Double.js.map

package/cjs/components/Slider/components/Double/Double.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Double.js","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FC, ChangeEvent } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handle } from '../../ui';\nimport type { HandleProps } from '../../ui';\nimport { sizeData } from '../../utils';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport { DoubleSliderProps } from './Double.types';\nimport {\n    SliderWrapper,\n    InputsWrapper,\n    Label,\n    LabelContentLeft,\n    LabelWrapper,\n    StyledInput,\n    DoubleWrapper,\n} from './Double.styles';\n\nfunction getXCenterHandle(handle: HTMLDivElement) {\n    const containerX = handle.parentElement?.getBoundingClientRect()?.x || 0;\n    const handleRect = handle.getBoundingClientRect();\n    const handlePosition = handleRect.x;\n    return handlePosition - containerX;\n}\n\nexport const DoubleSlider: FC<DoubleSliderProps> = ({\n    min,\n    max,\n    value,\n    disabled,\n    label,\n    labelContentLeft,\n    size = 'm',\n    onChangeCommitted,\n    onChangeDrag,\n    ariaLabel,\n    multipleStepSize = 10,\n    ...rest\n}) => {\n    const [state, setState] = useState({\n        stepSize: 0,\n        railFillWidth: 0,\n        railFillXPosition: 0,\n        xFirstHandle: 0,\n        xSecondHandle: 0,\n        firstHandleZIndex: 100,\n        secondHandleZIndex: 101,\n        firstValue: value[0],\n        secondValue: value[1],\n    });\n    const [firstInputActive, setFirstInputActive] = useState(false);\n    const [secondInputActive, setSecondInputActive] = useState(false);\n\n    const firstHandleRef = useRef<HTMLDivElement | null>(null);\n    const secondHandleRef = useRef<HTMLDivElement | null>(null);\n\n    const firstHandleValue = useRef<number>(value[0]);\n    const secondHandleValue = useRef<number>(value[1]);\n\n    const [firstValue, setFirstValue] = useState<number>(value[0]);\n    const [secondValue, setSecondValue] = useState<number>(value[1]);\n\n    const { stepSize } = state;\n\n    const hasLabelContent = label || labelContentLeft;\n    const firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;\n    const secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;\n\n    useEffect(() => {\n        const firstLocalValue = Math.min(Math.max(value[0], min), max) - min;\n        const secondLocalValue = Math.min(Math.max(value[1], min), max) - min;\n        setState((prevState) => ({\n            ...prevState,\n            railFillXPosition: stepSize * firstLocalValue,\n            railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,\n            xFirstHandle: stepSize * firstLocalValue,\n            xSecondHandle: stepSize * secondLocalValue,\n        }));\n    }, [value, stepSize, min, max]);\n\n    const setStepSize = useCallback((newStepSize: number) => {\n        setState((prevState) => ({\n            ...prevState,\n            stepSize: newStepSize,\n        }));\n    }, []);\n\n    const onFirstHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n        (handleValue, data) => {\n            if (secondHandleRef?.current) {\n                const newHandleXPosition = data.x;\n                const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);\n                const fillWidth = secondHandleXPosition - newHandleXPosition;\n\n                firstHandleValue.current = handleValue;\n\n                setFirstValue(handleValue);\n\n                setState((prevState) => ({\n                    ...prevState,\n                    firstHandleZIndex: 101,\n                    secondHandleZIndex: 100,\n                    railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n                    railFillXPosition: newHandleXPosition,\n                }));\n                if (onChangeDrag) {\n                    onChangeDrag([handleValue, value[1]]);\n                }\n            }\n        },\n        [onChangeDrag, value],\n    );\n\n    const onFirstHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n        (handleValue, data) => {\n            setFirstValue(handleValue);\n            onChangeCommitted && onChangeCommitted([handleValue, value[1]]);\n\n            setState((prevState) => ({\n                ...prevState,\n                firstValue: handleValue,\n                xFirstHandle: data.lastX,\n            }));\n        },\n        [onChangeCommitted, value],\n    );\n\n    const onFirstTextfieldChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!isNumber(event.target.value)) return;\n\n            const handleValue = Number(event.target.value);\n\n            setFirstValue(handleValue);\n        },\n        [isNumber, setFirstValue],\n    );\n\n    const onFirstTextfieldEnter = useCallback(\n        (newValue: string) => {\n            if (!isNumber(newValue)) return;\n\n            const handleValue = Math.min(Math.max(Number(newValue), min), value[1]);\n            const handleValueLocal = Math.min(Math.max(handleValue, min), max) - min;\n\n            setFirstValue(handleValue);\n            setState((prevState) => ({\n                ...prevState,\n                firstValue: handleValue,\n                xFirstHandle: handleValueLocal * stepSize,\n            }));\n\n            onChangeCommitted && onChangeCommitted([handleValue, value[1]]);\n        },\n        [isNumber, onChangeCommitted, setFirstValue, value, min, max, stepSize],\n    );\n\n    const onSecondHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n        (handleValue, data) => {\n            if (firstHandleRef?.current) {\n                const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);\n\n                const newHandleXPosition = data.x;\n                const fillWidth = newHandleXPosition - firstXHandleXPosition;\n\n                secondHandleValue.current = handleValue;\n\n                setSecondValue(handleValue);\n                setState((prevState) => ({\n                    ...prevState,\n                    firstHandleZIndex: 100,\n                    secondHandleZIndex: 101,\n                    railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n                    railFillXPosition: firstXHandleXPosition,\n                }));\n                if (onChangeDrag) {\n                    onChangeDrag([value[0], handleValue]);\n                }\n            }\n        },\n        [onChangeDrag, value],\n    );\n\n    const onSecondHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n        (handleValue, data) => {\n            onChangeCommitted && onChangeCommitted([value[0], handleValue]);\n            setSecondValue(handleValue);\n            setState((prevState) => ({\n                ...prevState,\n                secondValue: handleValue,\n                xSecondHandle: data.lastX,\n            }));\n        },\n        [onChangeCommitted, value],\n    );\n\n    const onSecondTextfieldChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!isNumber(event.target.value)) return;\n\n            const handleValue = Number(event.target.value);\n\n            setSecondValue(handleValue);\n        },\n        [isNumber, setSecondValue],\n    );\n\n    const onSecondTextfieldEnter = useCallback(\n        (newValue: string) => {\n            if (!isNumber(newValue)) return;\n\n            const handleValue = Math.max(Math.min(Number(newValue), max), value[0]);\n            const handleValueLocal = Math.min(Math.max(handleValue, min), max) - min;\n\n            setSecondValue(handleValue);\n            setState((prevState) => ({\n                ...prevState,\n                secondValue: handleValue,\n                xSecondHandle: handleValueLocal * stepSize,\n            }));\n\n            onChangeCommitted && onChangeCommitted([value[0], handleValue]);\n        },\n        [isNumber, setSecondValue, onChangeCommitted, value, min, max, stepSize],\n    );\n\n    const [ariaLabelLeft, ariaLabelRight] = ariaLabel || [];\n    const currentFirstSliderValue = Math.max(state.firstValue, min);\n\n    return (\n        <DoubleWrapper>\n            {hasLabelContent && (\n                <LabelWrapper>\n                    {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n                    {label && <Label>{label}</Label>}\n                </LabelWrapper>\n            )}\n            <SliderWrapper>\n                <SliderBase\n                    min={min}\n                    max={max}\n                    disabled={disabled}\n                    setStepSize={setStepSize}\n                    railFillWidth={state.railFillWidth}\n                    settings={sizeData[size]}\n                    railFillXPosition={state.railFillXPosition}\n                    {...rest}\n                >\n                    <Handle\n                        ref={firstHandleRef}\n                        stepSize={state.stepSize}\n                        multipleStepSize={multipleStepSize}\n                        onChangeCommitted={onFirstHandleChangeCommitted}\n                        onChange={onFirstHandleChange}\n                        min={min}\n                        max={state.secondValue}\n                        disabled={disabled}\n                        bounds={[min, state.secondValue]}\n                        side=\"left\"\n                        xPosition={state.xFirstHandle}\n                        zIndex={state.firstHandleZIndex}\n                        value={currentFirstSliderValue}\n                        ariaLabel={ariaLabelLeft}\n                        onMouseEnter={() => setFirstInputActive(true)}\n                        onMouseLeave={() => setFirstInputActive(false)}\n                    />\n                    <Handle\n                        ref={secondHandleRef}\n                        stepSize={state.stepSize}\n                        multipleStepSize={multipleStepSize}\n                        onChangeCommitted={onSecondHandleChangeCommitted}\n                        onChange={onSecondHandleChange}\n                        min={min}\n                        ariaValueMin={currentFirstSliderValue}\n                        max={max}\n                        disabled={disabled}\n                        bounds={[state.firstValue, max]}\n                        side=\"right\"\n                        xPosition={state.xSecondHandle}\n                        zIndex={state.secondHandleZIndex}\n                        value={Math.max(state.secondValue, min)}\n                        ariaLabel={ariaLabelRight}\n                        onMouseEnter={() => setSecondInputActive(true)}\n                        onMouseLeave={() => setSecondInputActive(false)}\n                    />\n                </SliderBase>\n\n                <InputsWrapper>\n                    <StyledInput\n                        className={cx(classes.firstTextField, firstInputActiveClass)}\n                        enumerationType=\"plain\"\n                        disabled={disabled}\n                        value={firstValue}\n                        onChange={(e) => onFirstTextfieldChange(e)}\n                        onSearch={(e) => onFirstTextfieldEnter(e)}\n                    />\n                    <StyledInput\n                        className={cx(classes.secondTextField, secondInputActiveClass)}\n                        enumerationType=\"plain\"\n                        disabled={disabled}\n                        value={secondValue}\n                        onChange={(e) => onSecondTextfieldChange(e)}\n                        onSearch={(e) => onSecondTextfieldEnter(e)}\n                    />\n                </InputsWrapper>\n            </SliderWrapper>\n        </DoubleWrapper>\n    );\n};\n"],"names":["getXCenterHandle","handle","_handle$parentElement","containerX","parentElement","getBoundingClientRect","x","handleRect","handlePosition","DoubleSlider","_ref","min","max","value","disabled","label","labelContentLeft","_ref$size","size","onChangeCommitted","onChangeDrag","ariaLabel","_ref$multipleStepSize","multipleStepSize","rest","_objectWithoutProperties","_excluded","_useState","useState","stepSize","railFillWidth","railFillXPosition","xFirstHandle","xSecondHandle","firstHandleZIndex","secondHandleZIndex","firstValue","secondValue","_useState2","_slicedToArray","state","setState","_useState3","_useState4","firstInputActive","setFirstInputActive","_useState5","_useState6","secondInputActive","setSecondInputActive","firstHandleRef","useRef","secondHandleRef","firstHandleValue","secondHandleValue","_useState7","_useState8","setFirstValue","_useState9","_useState10","setSecondValue","hasLabelContent","firstInputActiveClass","classes","textFieldActive","undefined","secondInputActiveClass","useEffect","firstLocalValue","Math","secondLocalValue","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onFirstHandleChange","handleValue","data","current","newHandleXPosition","secondHandleXPosition","fillWidth","onFirstHandleChangeCommitted","lastX","onFirstTextfieldChange","event","isNumber","target","Number","onFirstTextfieldEnter","newValue","handleValueLocal","onSecondHandleChange","firstXHandleXPosition","onSecondHandleChangeCommitted","onSecondTextfieldChange","onSecondTextfieldEnter","_ref2","_ref3","ariaLabelLeft","ariaLabelRight","currentFirstSliderValue","React","createElement","DoubleWrapper","LabelWrapper","LabelContentLeft","Label","SliderWrapper","SliderBase","_extends","settings","sizeData","Handle","ref","onChange","bounds","side","xPosition","zIndex","onMouseEnter","onMouseLeave","ariaValueMin","InputsWrapper","StyledInput","className","cx","firstTextField","enumerationType","e","onSearch","secondTextField"],"mappings":"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"}

package/cjs/components/Slider/components/Double/Double.styles.js

@@ -0,0 +1,61 @@
+import './Double.styles_1jhda4u.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('@linaria/core');
+var common = require('../../../../engines/common.js');
+var TextField$1 = require('../../../TextField/TextField.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(TextField$1.textFieldConfig);
+var TextField = /*#__PURE__*/common.component(mergedConfig);
+var LabelWrapper = /*#__PURE__*/react.styled('div')({
+  name: "LabelWrapper",
+  "class": "lcs82cd",
+  propsAsIs: false
+});
+var LabelContentLeft = /*#__PURE__*/react.styled('div')({
+  name: "LabelContentLeft",
+  "class": "l1tvgbgq",
+  propsAsIs: false
+});
+var Label = /*#__PURE__*/react.styled('label')({
+  name: "Label",
+  "class": "l1at2q9b",
+  propsAsIs: false
+});
+var InputsWrapper = /*#__PURE__*/react.styled('div')({
+  name: "InputsWrapper",
+  "class": "i11dc2og",
+  propsAsIs: false
+});
+
+// NOTE: переопределение токенов TextField
+var _exp12 = function _exp12() {
+  return TextField;
+};
+var StyledInput = /*#__PURE__*/react.styled(_exp12())({
+  name: "StyledInput",
+  "class": "s4zvp7i",
+  propsAsIs: true
+});
+var DoubleWrapper = /*#__PURE__*/react.styled('div')({
+  name: "DoubleWrapper",
+  "class": "d3kvcjo",
+  propsAsIs: false
+});
+var SliderWrapper = /*#__PURE__*/react.styled('div')({
+  name: "SliderWrapper",
+  "class": "s11ntvbh",
+  propsAsIs: false
+});
+
+exports.DoubleWrapper = DoubleWrapper;
+exports.InputsWrapper = InputsWrapper;
+exports.Label = Label;
+exports.LabelContentLeft = LabelContentLeft;
+exports.LabelWrapper = LabelWrapper;
+exports.SliderWrapper = SliderWrapper;
+exports.StyledInput = StyledInput;
+//# sourceMappingURL=Double.styles.js.map

package/cjs/components/Slider/components/Double/Double.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n    color: var(${tokens.labelColor});\n\n    display: flex;\n    gap: var(${tokens.labelWrapperGap});\n    margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\n    font-family: var(${tokens.labelFontFamily});\n    font-size: var(${tokens.labelFontSize});\n    font-style: var(${tokens.labelFontStyle});\n    font-weight: var(${tokens.labelFontWeight});\n    letter-spacing: var(${tokens.labelLetterSpacing});\n    line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const InputsWrapper = styled.div`\n    display: flex;\n    gap: var(${tokens.textFieldWrapperGap});\n    margin-top: var(${tokens.doubleWrapperGap});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    flex: 1;\n    \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    &.${classes.firstTextField} > div {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    &.${classes.secondTextField} > div {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    input:focus, &.${classes.textFieldActive} {\n        ${textFieldTokens.color}: var(${tokens.textFiledFocusColor});\n    }\n`;\n\nexport const DoubleWrapper = styled.div`\n    opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp12","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAjCkBA,SAiClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,YAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiChC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;"}

package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css

@@ -0,0 +1,7 @@
+.lcs82cd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
+
+.l1at2q9b{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
+.i11dc2og{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
+.s4zvp7i{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.s4zvp7i.slider-first-text-field > div{border-top-right-radius:0;border-bottom-right-radius:0;}.s4zvp7i.slider-second-text-field > div{border-top-left-radius:0;border-bottom-left-radius:0;}.s4zvp7i input:focus,.s4zvp7i.slider-text-field-active{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
+.d3kvcjo{opacity:var(--plasma-slider-disabled-opacity);}
+

package/cjs/components/Slider/components/Single/Single.css

@@ -0,0 +1,16 @@
+.SliderBase_styles_7is2ll_s33crq1__0c0959e2{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
+.SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}
+.SliderBase_styles_7is2ll_r1bro5xo__0c0959e2{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
+.SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
+
+.Handle_styles_16a5sl_hhwq33d__69fb82a5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
+.Handle_styles_16a5sl_shurctf__69fb82a5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
+
+.Thumb_styles_zwgsh8_tqbdf8b__6eb13971{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-2px;top:-2px;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:2px;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:after{background:var(--plasma-slider-thumb-border-color);margin:-2px;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]):hover:after,.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:focus{outline:none;}.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled]).Thumb_styles_zwgsh8_focusVisible__6eb13971,.Thumb_styles_zwgsh8_tqbdf8b__6eb13971:not([disabled])[data-focus-visible-added]{border-color:var(--plasma-slider-thumb-focus-border-color);}
+
+.Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
+
+.Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
+.Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
+.Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
+.Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}

package/cjs/components/Slider/components/Single/Single.js

@@ -0,0 +1,160 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var SliderBase = require('../SliderBase/SliderBase.js');
+var Handle = require('../../ui/Handle/Handle.js');
+require('@linaria/react');
+var index$1 = require('../../utils/index.js');
+var index = require('../../../../utils/index.js');
+var Slider_tokens = require('../../Slider.tokens.js');
+var Single_styles = require('./Single.styles.js');
+var isNumber = require('../../../../utils/isNumber.js');
+
+var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChangeDrag", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
+var SingleSlider = function SingleSlider(_ref) {
+  var min = _ref.min,
+    max = _ref.max,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    onChangeCommitted = _ref.onChangeCommitted,
+    onChangeDrag = _ref.onChangeDrag,
+    ariaLabel = _ref.ariaLabel,
+    label = _ref.label,
+    labelContentLeft = _ref.labelContentLeft,
+    showRangeValues = _ref.showRangeValues,
+    showCurrentValue = _ref.showCurrentValue,
+    hideMinValueDiff = _ref.hideMinValueDiff,
+    hideMaxValueDiff = _ref.hideMaxValueDiff,
+    _ref$labelPlacement = _ref.labelPlacement,
+    labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
+    _ref$rangeValuesPlace = _ref.rangeValuesPlacement,
+    rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
+    _ref$multipleStepSize = _ref.multipleStepSize,
+    multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState({
+      xHandle: 0,
+      stepSize: 0,
+      railFillWidth: 0
+    }),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var stepSize = state.stepSize;
+  var hasLabelContent = label || labelContentLeft;
+  var labelPlacementClass = labelPlacement === 'outer' ? Slider_tokens.classes.labelPlacementOuter : Slider_tokens.classes.labelPlacementInner;
+  var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? Slider_tokens.classes.rangeValuesPlacementOuter : Slider_tokens.classes.rangeValuesPlacementInner;
+  var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? Slider_tokens.classes.hideMinValue : '';
+  var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? Slider_tokens.classes.hideMaxValue : '';
+  var startLabelRef = React.useRef(null);
+  var endLabelRef = React.useRef(null);
+  var _useState3 = React.useState(0),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    startOffset = _useState4[0],
+    setStartOffset = _useState4[1];
+  var _useState5 = React.useState(0),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    endOffset = _useState6[0],
+    setEndOffset = _useState6[1];
+  var _useState7 = React.useState(value),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    dragValue = _useState8[0],
+    setDragValue = _useState8[1];
+  var activeFirstValue = dragValue === min ? Slider_tokens.classes.activeRangeValue : undefined;
+  var activeSecondValue = dragValue === max ? Slider_tokens.classes.activeRangeValue : undefined;
+  React.useEffect(function () {
+    var localValue = Math.min(Math.max(value, min), max) - min;
+    if (rangeValuesPlacement === 'outer') {
+      var _startLabelRef$curren, _endLabelRef$current;
+      var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
+      if (isNumber.isNumber(startWidth)) {
+        setStartOffset(Number(startWidth));
+      }
+      var endWidth = (_endLabelRef$current = endLabelRef.current) === null || _endLabelRef$current === void 0 ? void 0 : _endLabelRef$current.offsetWidth;
+      if (isNumber.isNumber(endWidth)) {
+        setEndOffset(Number(endWidth));
+      }
+    } else {
+      setStartOffset(1);
+      setEndOffset(1);
+    }
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        xHandle: stepSize * localValue,
+        railFillWidth: stepSize * localValue
+      });
+    });
+  }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
+  var setStepSize = React.useCallback(function (newStepSize) {
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        stepSize: newStepSize
+      });
+    });
+  }, []);
+  var onHandleChange = React.useCallback(function (handleValue, data) {
+    var newHandleXPosition = data.x;
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        railFillWidth: newHandleXPosition
+      });
+    });
+    if (onChangeDrag) {
+      onChangeDrag(handleValue);
+    }
+    setDragValue(handleValue);
+  }, [onChangeDrag, setDragValue]);
+  var onHandleChangeCommitted = React.useCallback(function (handleValue, data) {
+    onChangeCommitted && onChangeCommitted(handleValue);
+    setState(function (prevState) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
+        xHandle: data.lastX,
+        railFillWidth: data.lastX
+      });
+    });
+    setDragValue(handleValue);
+  }, [onChangeCommitted, setDragValue]);
+  return /*#__PURE__*/React.createElement(Single_styles.SingleWrapper, {
+    className: labelPlacementClass
+  }, hasLabelContent && /*#__PURE__*/React.createElement(Single_styles.LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(Single_styles.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Single_styles.Label, null, label)), /*#__PURE__*/React.createElement(Single_styles.SliderBaseWrapper, {
+    className: rangeValuesPlacementClass
+  }, showRangeValues && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
+    ref: startLabelRef,
+    className: index.cx(hideMinValueDiffClass, activeFirstValue)
+  }, min), /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
+    min: min,
+    max: max,
+    disabled: disabled,
+    setStepSize: setStepSize,
+    onChange: onHandleChangeCommitted,
+    railFillWidth: state.railFillWidth,
+    settings: index$1.sizeData[size],
+    labelPlacement: labelPlacement,
+    rangeValuesPlacement: rangeValuesPlacement
+  }, rest), /*#__PURE__*/React.createElement(Handle.Handle, {
+    stepSize: state.stepSize,
+    onChangeCommitted: onHandleChangeCommitted,
+    onChange: onHandleChange,
+    xPosition: state.xHandle,
+    min: min,
+    max: max,
+    startOffset: startOffset,
+    endOffset: endOffset,
+    value: value,
+    disabled: disabled,
+    ariaLabel: ariaLabel,
+    multipleStepSize: multipleStepSize,
+    showCurrentValue: showCurrentValue
+  })), showRangeValues && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
+    ref: endLabelRef,
+    className: index.cx(Slider_tokens.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
+  }, max)));
+};
+
+exports.SingleSlider = SingleSlider;
+//# sourceMappingURL=Single.js.map