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

package/es/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/es/components/Slider/components/Single/Single.js

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

package/es/components/Slider/components/Single/Single.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handle } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandleProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n    Label,\n    LabelContentLeft,\n    LabelWrapper,\n    SingleWrapper,\n    SliderBaseWrapper,\n    StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n    min,\n    max,\n    value,\n    disabled,\n    onChangeCommitted,\n    onChangeDrag,\n    ariaLabel,\n    label,\n    labelContentLeft,\n    showRangeValues,\n    showCurrentValue,\n    hideMinValueDiff,\n    hideMaxValueDiff,\n    labelPlacement = 'outer',\n    rangeValuesPlacement = 'outer',\n    multipleStepSize = 10,\n    size = 'm',\n    ...rest\n}) => {\n    const [state, setState] = useState({\n        xHandle: 0,\n        stepSize: 0,\n        railFillWidth: 0,\n    });\n\n    const { stepSize } = state;\n\n    const hasLabelContent = label || labelContentLeft;\n    const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n    const rangeValuesPlacementClass =\n        rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n    const hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';\n    const hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n    const startLabelRef = useRef<HTMLDivElement>(null);\n    const endLabelRef = useRef<HTMLDivElement>(null);\n\n    const [startOffset, setStartOffset] = useState(0);\n    const [endOffset, setEndOffset] = useState(0);\n\n    const [dragValue, setDragValue] = useState(value);\n\n    const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n    const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n    useEffect(() => {\n        const localValue = Math.min(Math.max(value, min), max) - min;\n\n        if (rangeValuesPlacement === 'outer') {\n            const startWidth = startLabelRef.current?.offsetWidth;\n            if (isNumber(startWidth)) {\n                setStartOffset(Number(startWidth));\n            }\n\n            const endWidth = endLabelRef.current?.offsetWidth;\n            if (isNumber(endWidth)) {\n                setEndOffset(Number(endWidth));\n            }\n        } else {\n            setStartOffset(1);\n            setEndOffset(1);\n        }\n\n        setState((prevState) => ({\n            ...prevState,\n            xHandle: stepSize * localValue,\n            railFillWidth: stepSize * localValue,\n        }));\n    }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n    const setStepSize = useCallback((newStepSize: number) => {\n        setState((prevState) => ({\n            ...prevState,\n            stepSize: newStepSize,\n        }));\n    }, []);\n\n    const onHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n        (handleValue, data) => {\n            const newHandleXPosition = data.x;\n            setState((prevState) => ({\n                ...prevState,\n                railFillWidth: newHandleXPosition,\n            }));\n\n            if (onChangeDrag) {\n                onChangeDrag(handleValue);\n            }\n\n            setDragValue(handleValue);\n        },\n        [onChangeDrag, setDragValue],\n    );\n\n    const onHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n        (handleValue, data) => {\n            onChangeCommitted && onChangeCommitted(handleValue);\n            setState((prevState) => ({\n                ...prevState,\n                xHandle: data.lastX,\n                railFillWidth: data.lastX,\n            }));\n\n            setDragValue(handleValue);\n        },\n        [onChangeCommitted, setDragValue],\n    );\n\n    return (\n        <SingleWrapper className={labelPlacementClass}>\n            {hasLabelContent && (\n                <LabelWrapper>\n                    {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n                    {label && <Label>{label}</Label>}\n                </LabelWrapper>\n            )}\n            <SliderBaseWrapper className={rangeValuesPlacementClass}>\n                {showRangeValues && (\n                    <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n                        {min}\n                    </StyledRangeValue>\n                )}\n                <SliderBase\n                    min={min}\n                    max={max}\n                    disabled={disabled}\n                    setStepSize={setStepSize}\n                    onChange={onHandleChangeCommitted}\n                    railFillWidth={state.railFillWidth}\n                    settings={sizeData[size]}\n                    labelPlacement={labelPlacement}\n                    rangeValuesPlacement={rangeValuesPlacement}\n                    {...rest}\n                >\n                    <Handle\n                        stepSize={state.stepSize}\n                        onChangeCommitted={onHandleChangeCommitted}\n                        onChange={onHandleChange}\n                        xPosition={state.xHandle}\n                        min={min}\n                        max={max}\n                        startOffset={startOffset}\n                        endOffset={endOffset}\n                        value={value}\n                        disabled={disabled}\n                        ariaLabel={ariaLabel}\n                        multipleStepSize={multipleStepSize}\n                        showCurrentValue={showCurrentValue}\n                    />\n                </SliderBase>\n                {showRangeValues && (\n                    <StyledRangeValue\n                        ref={endLabelRef}\n                        className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n                    >\n                        {max}\n                    </StyledRangeValue>\n                )}\n            </SliderBaseWrapper>\n        </SingleWrapper>\n    );\n};\n"],"names":["SingleSlider","_ref","min","max","value","disabled","onChangeCommitted","onChangeDrag","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","_ref$size","size","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","useRef","endLabelRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","onChange","settings","sizeData","Handle","xPosition","maxRangeValue"],"mappings":"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"}

package/es/components/Slider/components/Single/Single.styles.js

@@ -0,0 +1,36 @@
+import './Single.styles_1r9f1e0.css';
+import { styled } from '@linaria/react';
+
+var LabelWrapper = /*#__PURE__*/styled('div')({
+  name: "LabelWrapper",
+  "class": "l1p4kc08",
+  propsAsIs: false
+});
+var LabelContentLeft = /*#__PURE__*/styled('div')({
+  name: "LabelContentLeft",
+  "class": "ly2gexi",
+  propsAsIs: false
+});
+var Label = /*#__PURE__*/styled('label')({
+  name: "Label",
+  "class": "lozb535",
+  propsAsIs: false
+});
+var StyledRangeValue = /*#__PURE__*/styled('span')({
+  name: "StyledRangeValue",
+  "class": "s1w9icbd",
+  propsAsIs: false
+});
+var SliderBaseWrapper = /*#__PURE__*/styled('div')({
+  name: "SliderBaseWrapper",
+  "class": "s1d2sfgl",
+  propsAsIs: false
+});
+var SingleWrapper = /*#__PURE__*/styled('div')({
+  name: "SingleWrapper",
+  "class": "ss3ujqx",
+  propsAsIs: false
+});
+
+export { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue };
+//# sourceMappingURL=Single.styles.js.map

package/es/components/Slider/components/Single/Single.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n    color: var(${tokens.labelColor});\n\n    display: flex;\n    gap: var(${tokens.labelWrapperGap});\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 StyledRangeValue = styled.span`\n    color: var(${tokens.rangeValueColor});\n    font-family: var(${tokens.rangeValueFontFamily});\n    font-size: var(${tokens.rangeValueFontSize});\n    font-style: var(${tokens.rangeValueFontStyle});\n    font-weight: var(${tokens.rangeValueFontWeight});\n    letter-spacing: var(${tokens.rangeValueLetterSpacing});\n    line-height: var(${tokens.rangeValueLineHeight});\n\n    transition: opacity 0.1s ease-in-out;\n\n    &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n        opacity: 0;\n    }\n\n    &.${classes.activeRangeValue} {\n        color: var(${tokens.labelColor});\n    }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n    position: relative;\n    display: flex;\n    flex: 1;\n\n    &.${classes.rangeValuesPlacementOuter} {\n        ${StyledRangeValue} {\n            position: absolute;\n            bottom: var(${tokens.rangeValueBottomOffset});\n            left: 0;\n\n            &.${classes.maxRangeValue} {\n                left: unset;\n                right: 0;\n            }\n        }\n    }\n\n    &.${classes.rangeValuesPlacementInner} {\n        align-items: center;\n\n        ${StyledRangeValue} {\n            margin-right: var(${tokens.rangeMinValueMargin});\n\n            &.${classes.maxRangeValue} {\n                margin-right: 0;\n                margin-left: var(${tokens.rangeMaxValueMargin});\n            }\n        }\n    }\n`;\n\nexport const SingleWrapper = styled.div`\n    display: flex;\n    opacity: var(${tokens.disabledOpacity});\n\n    &.${classes.labelPlacementOuter} {\n        flex-direction: column;\n\n        ${LabelWrapper} {\n            margin-bottom: var(${tokens.labelWrapperMarginBottom});\n        }\n    }\n\n    &.${classes.labelPlacementInner} {\n        ${LabelWrapper} {\n            margin-right: var(${tokens.labelWrapperMarginRight});\n        }\n    }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBlC;;;;"}

package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css

@@ -0,0 +1,6 @@
+.l1p4kc08{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
+
+.lozb535{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);}
+.s1w9icbd{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;}.s1w9icbd.slider-hide-min-value,.s1w9icbd.slider-hide-max-value{opacity:0;}.s1w9icbd.slider-active-range-value{color:var(--plasma-slider-label-color);}
+.s1d2sfgl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd.slider-max-range-value{left:unset;right:0;}.s1d2sfgl.slider-range-values-placement-inner{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd{margin-right:var(--plasma-slider-range-min-value-margin);}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
+.ss3ujqx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.ss3ujqx.slider-label-placement-outer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-label-placement-outer .l1p4kc08{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.ss3ujqx.slider-label-placement-inner .l1p4kc08{margin-right:var(--plasma-slider-label-wrapper-margin-right);}

package/es/components/Slider/components/SliderBase/SliderBase.css

@@ -0,0 +1,4 @@
+.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;}

package/es/components/Slider/components/SliderBase/SliderBase.js

@@ -0,0 +1,78 @@
+import React, { useRef, useEffect, useCallback } from 'react';
+import { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect.js';
+import { Slider, RailWrap, Rail, Fill } from './SliderBase.styles.js';
+
+var SliderBase = function SliderBase(_ref) {
+  var max = _ref.max,
+    min = _ref.min,
+    setStepSize = _ref.setStepSize,
+    railFillWidth = _ref.railFillWidth,
+    children = _ref.children,
+    _ref$railFillXPositio = _ref.railFillXPosition,
+    railFillXPosition = _ref$railFillXPositio === void 0 ? 0 : _ref$railFillXPositio,
+    disabled = _ref.disabled,
+    labelPlacement = _ref.labelPlacement,
+    rangeValuesPlacement = _ref.rangeValuesPlacement,
+    onChange = _ref.onChange,
+    _ref$settings = _ref.settings,
+    settings = _ref$settings === void 0 ? {} : _ref$settings;
+  var _settings$indent = settings.indent,
+    indent = _settings$indent === void 0 ? 0.75 : _settings$indent,
+    _settings$fontSizeMul = settings.fontSizeMultiplier,
+    fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
+  var ref = useRef(null);
+  var gap = indent * fontSizeMultiplier * 2;
+  useEffect(function () {
+    var resizeHandler = function resizeHandler() {
+      if (ref.current) {
+        var railSize = ref.current.offsetWidth - gap;
+        var totalSteps = max - min;
+        setStepSize(railSize / totalSteps);
+      }
+    };
+    resizeHandler();
+  }, [labelPlacement, rangeValuesPlacement, ref.current]);
+  var onHandleChange = useCallback(function (e) {
+    if (!onChange || disabled) {
+      return;
+    }
+    var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
+      x = _e$currentTarget$getB.x,
+      width = _e$currentTarget$getB.width;
+    var lastX = e.clientX - x;
+    var position = min + lastX / (width - gap) * (max - min);
+    var result = Math.max(min, Math.min(max, position));
+    onChange(result, {
+      lastX: lastX
+    });
+  }, [onChange, disabled, min, gap, max, settings]);
+  useIsomorphicLayoutEffect(function () {
+    var resizeHandler = function resizeHandler() {
+      if (ref.current) {
+        var railSize = ref.current.offsetWidth - gap;
+        var totalSteps = max - min;
+        setStepSize(railSize / totalSteps);
+      }
+    };
+    resizeHandler();
+    window.addEventListener('resize', resizeHandler);
+    return function () {
+      return window.removeEventListener('resize', resizeHandler);
+    };
+  }, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);
+  var fillStyle = {
+    left: "".concat(railFillXPosition, "px"),
+    width: "".concat(railFillWidth, "px")
+  };
+  return /*#__PURE__*/React.createElement(Slider, {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(RailWrap, {
+    "aria-hidden": "true",
+    onMouseDown: onHandleChange
+  }, /*#__PURE__*/React.createElement(Rail, null, /*#__PURE__*/React.createElement(Fill, {
+    style: fillStyle
+  }))), children);
+};
+
+export { SliderBase };
+//# sourceMappingURL=SliderBase.js.map

package/es/components/Slider/components/SliderBase/SliderBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useCallback, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n    max,\n    min,\n    setStepSize,\n    railFillWidth,\n    children,\n    railFillXPosition = 0,\n    disabled,\n    labelPlacement,\n    rangeValuesPlacement,\n    onChange,\n    settings = {},\n}) => {\n    const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n    const ref = useRef<HTMLDivElement | null>(null);\n    const gap = indent * fontSizeMultiplier * 2;\n\n    useEffect(() => {\n        const resizeHandler = () => {\n            if (ref.current) {\n                const railSize = ref.current.offsetWidth - gap;\n                const totalSteps = max - min;\n\n                setStepSize(railSize / totalSteps);\n            }\n        };\n\n        resizeHandler();\n    }, [labelPlacement, rangeValuesPlacement, ref.current]);\n\n    const onHandleChange: MouseEventHandler<HTMLDivElement> = useCallback(\n        (e) => {\n            if (!onChange || disabled) {\n                return;\n            }\n\n            const { x, width } = e.currentTarget.getBoundingClientRect();\n\n            const lastX = e.clientX - x;\n\n            const position = min + (lastX / (width - gap)) * (max - min);\n            const result = Math.max(min, Math.min(max, position));\n\n            onChange(result, { lastX } as DraggableData);\n        },\n        [onChange, disabled, min, gap, max, settings],\n    );\n\n    useIsomorphicLayoutEffect(() => {\n        const resizeHandler = () => {\n            if (ref.current) {\n                const railSize = ref.current.offsetWidth - gap;\n                const totalSteps = max - min;\n\n                setStepSize(railSize / totalSteps);\n            }\n        };\n\n        resizeHandler();\n        window.addEventListener('resize', resizeHandler);\n\n        return () => window.removeEventListener('resize', resizeHandler);\n    }, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);\n\n    const fillStyle = { left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n    return (\n        <Slider ref={ref}>\n            <RailWrap aria-hidden=\"true\" onMouseDown={onHandleChange}>\n                <Rail>\n                    <Fill style={fillStyle} />\n                </Rail>\n            </RailWrap>\n\n            {children}\n        </Slider>\n    );\n};\n"],"names":["SliderBase","_ref","max","min","setStepSize","railFillWidth","children","_ref$railFillXPositio","railFillXPosition","disabled","labelPlacement","rangeValuesPlacement","onChange","_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","useEffect","resizeHandler","current","railSize","offsetWidth","totalSteps","onHandleChange","useCallback","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","lastX","clientX","position","result","Math","useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","left","concat","React","createElement","Slider","RailWrap","onMouseDown","Rail","Fill","style"],"mappings":"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"}

package/es/components/Slider/components/SliderBase/SliderBase.styles.js

@@ -0,0 +1,26 @@
+import './SliderBase.styles_7is2ll.css';
+import { styled } from '@linaria/react';
+
+var Slider = /*#__PURE__*/styled('div')({
+  name: "Slider",
+  "class": "s33crq1",
+  propsAsIs: false
+});
+var RailWrap = /*#__PURE__*/styled('div')({
+  name: "RailWrap",
+  "class": "rnaoqfb",
+  propsAsIs: false
+});
+var Rail = /*#__PURE__*/styled('div')({
+  name: "Rail",
+  "class": "r1bro5xo",
+  propsAsIs: false
+});
+var Fill = /*#__PURE__*/styled('div')({
+  name: "Fill",
+  "class": "fdg7yhg",
+  propsAsIs: false
+});
+
+export { Fill, Rail, RailWrap, Slider };
+//# sourceMappingURL=SliderBase.styles.js.map

package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderBase.styles.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Slider.tokens';\n\nexport const Slider = styled.div`\n    flex: 1;\n    position: relative;\n    user-select: none;\n    height: var(${tokens.height});\n`;\n\nexport const RailWrap = styled.div`\n    height: 100%;\n`;\n\nexport const Rail = styled.div`\n    position: relative;\n    top: 50%;\n\n    height: var(${tokens.railHeight});\n\n    border-radius: var(${tokens.railBorderRadius});\n    background-color: var(${tokens.railBackgroundColor});\n\n    overflow: hidden;\n    transform: translateY(-50%);\n`;\n\nexport const Fill = styled.div`\n    position: absolute;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background: var(${tokens.fillColor});\n    width: 0;\n`;\n"],"names":["Slider","styled","name","class","propsAsIs","RailWrap","Rail","Fill"],"mappings":";;AAIO,IAAMA,MAAM,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK3B,EAAA;AAEM,IAAMC,QAAQ,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE7B,EAAA;AAEM,IAAME,IAAI,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWzB,EAAA;AAEM,IAAMG,IAAI,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOzB;;;;"}

package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css

@@ -0,0 +1,4 @@
+.s33crq1{-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);}
+.rnaoqfb{height:100%;}
+.r1bro5xo{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%);}
+.fdg7yhg{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}

package/es/components/Slider/ui/Handle/Handle.css

@@ -0,0 +1,4 @@
+.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);}
+
+.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);}

package/es/components/Slider/ui/Handle/Handle.js

@@ -0,0 +1,170 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useRef, useState, useCallback } from 'react';
+import Draggable from 'react-draggable';
+import { getOffsets, getSliderThumbValue } from '../../utils/index.js';
+import { Thumb } from '../Thumb/Thumb.js';
+import { HandleStyled, StyledValue } from './Handle.styles.js';
+
+var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset"];
+
+// TODO: PLASMA-1707
+
+var KeyboardSupport = {
+  PageUp: 33,
+  PageDown: 34,
+  End: 35,
+  Home: 36,
+  ArrowLeft: 37,
+  ArrowUp: 38,
+  ArrowRight: 39,
+  ArrowDown: 40
+};
+var Handle = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _lastOnChangeValue$cu, _position$x;
+  var stepSize = _ref.stepSize,
+    onChangeCommitted = _ref.onChangeCommitted,
+    onChange = _ref.onChange,
+    _ref$xPosition = _ref.xPosition,
+    xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
+    min = _ref.min,
+    max = _ref.max,
+    _ref$bounds = _ref.bounds,
+    bounds = _ref$bounds === void 0 ? [] : _ref$bounds,
+    zIndex = _ref.zIndex,
+    disabled = _ref.disabled,
+    side = _ref.side,
+    _ref$showCurrentValue = _ref.showCurrentValue,
+    showCurrentValue = _ref$showCurrentValue === void 0 ? false : _ref$showCurrentValue,
+    _ref$startOffset = _ref.startOffset,
+    startOffset = _ref$startOffset === void 0 ? 0 : _ref$startOffset,
+    _ref$endOffset = _ref.endOffset,
+    endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var lastOnChangeValue = useRef();
+  var currentSliderValue = (_lastOnChangeValue$cu = lastOnChangeValue === null || lastOnChangeValue === void 0 ? void 0 : lastOnChangeValue.current) !== null && _lastOnChangeValue$cu !== void 0 ? _lastOnChangeValue$cu : rest.value;
+  var _getOffsets = getOffsets(ref, side),
+    _getOffsets2 = _slicedToArray(_getOffsets, 2),
+    offsetLeft = _getOffsets2[0],
+    offsetRight = _getOffsets2[1];
+  var _bounds = _slicedToArray(bounds, 2),
+    leftValueBound = _bounds[0],
+    rightValueBound = _bounds[1];
+  var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
+  var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
+  var position = typeof xPosition === 'number' ? {
+    x: xPosition,
+    y: 0
+  } : undefined;
+  var tabIndex = disabled ? -1 : 0;
+  var _useState = useState((_position$x = position === null || position === void 0 ? void 0 : position.x) !== null && _position$x !== void 0 ? _position$x : 0),
+    _useState2 = _slicedToArray(_useState, 2),
+    positionX = _useState2[0],
+    setPositionX = _useState2[1];
+  var computedBounds = {
+    left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) + offsetLeft,
+    right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - offsetRight
+  };
+  var showCurrentValueCondition = showCurrentValue && positionX >= startOffset && positionX <= max * stepSize - endOffset;
+  var onDrag = useCallback(function (_, data) {
+    var newValue = getSliderThumbValue(data.x, stepSize, min, max);
+    if (lastOnChangeValue.current !== newValue) {
+      onChange === null || onChange === void 0 || onChange(newValue, data);
+      setPositionX(data.x);
+      lastOnChangeValue.current = newValue;
+    }
+  }, [onChange, setPositionX, stepSize, min, max]);
+  var onStop = useCallback(function (_, data) {
+    var newValue = getSliderThumbValue(data.x, stepSize, min, max);
+    setPositionX(data.x);
+    onChangeCommitted && onChangeCommitted(newValue, data);
+  }, [onChangeCommitted, setPositionX, stepSize, min, max]);
+  var onKeyPress = useCallback(function (event) {
+    event.persist();
+    var keyCode = event.keyCode,
+      target = event.target;
+    if (!Object.values(KeyboardSupport).includes(keyCode)) {
+      return;
+    }
+    var ArrowUp = KeyboardSupport.ArrowUp,
+      ArrowRight = KeyboardSupport.ArrowRight,
+      ArrowDown = KeyboardSupport.ArrowDown,
+      ArrowLeft = KeyboardSupport.ArrowLeft,
+      Home = KeyboardSupport.Home,
+      End = KeyboardSupport.End,
+      PageDown = KeyboardSupport.PageDown,
+      PageUp = KeyboardSupport.PageUp;
+    var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
+    var data = {
+      x: 0,
+      deltaX: stepSize,
+      lastX: xPosition,
+      y: 0,
+      deltaY: 0,
+      lastY: 0,
+      node: target
+    };
+    switch (keyCode) {
+      case ArrowUp:
+      case ArrowRight:
+        data.x = xPosition + stepSize;
+        break;
+      case ArrowDown:
+      case ArrowLeft:
+        data.x = xPosition - stepSize;
+        data.deltaX = -stepSize;
+        break;
+      case PageUp:
+        data.x = xPosition + computedMultipleSteps;
+        data.deltaX = computedMultipleSteps;
+        break;
+      case PageDown:
+        data.x = xPosition - computedMultipleSteps;
+        data.deltaX = -computedMultipleSteps;
+        break;
+      case End:
+        data.x = max * stepSize;
+        break;
+      case Home:
+        data.x = 0;
+        break;
+      default:
+        data.x = 0;
+    }
+    var left = computedBounds.left,
+      right = computedBounds.right;
+
+    /*
+     * INFO: Находим значение в диапазоне между указанными левой и правой границами.
+     * Необходимо для правильного расчета положения SliderThumb.
+     * см. функция clamp
+     */
+    var boundedValue = Math.max(Math.min(right, data.x), left);
+    var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
+    lastOnChangeValue.current = computedValue;
+    onChangeCommitted && onChangeCommitted(computedValue, data);
+  }, [onChangeCommitted, bounds, stepSize, rest.multipleStepSize, min, max, xPosition]);
+  return /*#__PURE__*/React.createElement(Draggable, {
+    axis: "x",
+    bounds: computedBounds,
+    grid: [stepSize, 1],
+    onStop: onStop,
+    onDrag: onDrag,
+    position: position,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(HandleStyled, {
+    ref: ref,
+    style: {
+      zIndex: zIndex
+    },
+    onKeyDown: onKeyPress
+  }, /*#__PURE__*/React.createElement(Thumb, _extends({
+    tabIndex: tabIndex,
+    min: min,
+    max: max,
+    value: currentSliderValue,
+    disabled: disabled
+  }, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(StyledValue, null, currentSliderValue)));
+});
+
+export { Handle };
+//# sourceMappingURL=Handle.js.map