@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__e14b36cc";
-const selected = "selected__a09ed6d3";
-const content = "content__ffd7020e";
+const segmentedControlSegment = "segmentedControlSegment__b890f2d1";
+const selected = "selected__c35b2664";
+const content = "content__5c7716ad";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { isKey, EVENT_KEY_CODES } from "../../utils/keyboard.js";
 import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
 import "../KeyDownListener/ComposedKeyDownListener.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__40eaaa3b";
+const selectExtendedField = "selectExtendedField__b1e8df37";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-kMroiHoh.js";
+import "../../../chunks/DropdownListItem-B9cIx_8A.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -3,7 +3,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-kMroiHoh.js";
+import "../../../chunks/DropdownListItem-B9cIx_8A.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
@@ -20,12 +20,12 @@ import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__2be45d1d";
-const caretIcon = "caretIcon__4ec30abe";
-const selectOpened = "selectOpened__3bac1ee9";
-const disabled = "disabled__f5ffb89e";
-const target = "target__d056417e";
-const caretWrapper = "caretWrapper__a7013edd";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__c1787999";
+const caretIcon = "caretIcon__840d8276";
+const selectOpened = "selectOpened__5f50a213";
+const disabled = "disabled__a26cfa09";
+const target = "target__ddca5789";
+const caretWrapper = "caretWrapper__2840683a";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         active: opened,
         ...rest,
         children: [

package/components/SelectField/SelectField.js

@@ -7,7 +7,7 @@ import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/compo
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-kMroiHoh.js";
+import "../../chunks/DropdownListItem-B9cIx_8A.js";
 import { EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../Dropdown/Dropdown.js";
-import { u as uniqueId } from "../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId } from "../../chunks/vendor-CUIykw0y.js";
 const SelectField = React__default.forwardRef((props, ref) => {
   const {
     // children в разметку не попадают — выпадающий блок рендерит сам компонент (children?: never).

package/components/Skeleton/Skeleton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__53ee1eba";
-const type1 = "type1__261c42fe";
-const type2 = "type2__7a711836";
-const type3 = "type3__dd527cee";
+const skeleton = "skeleton__4a3f370c";
+const type1 = "type1__88db90a0";
+const type2 = "type2__1b89d372";
+const type3 = "type3__64393be5";
 const styles = {
   skeleton,
   type1,
@@ -25,7 +25,7 @@ const Skeleton = ({
   {
     className: clsx(styles.skeleton, TYPE_TO_CLASS_NAME_MAP[type], className),
     ...htmlDivAttributes,
-    "data-tx": "1.45.0"
+    "data-tx": "1.47.0"
   }
 );
 export {

package/components/Slider/Slider.js

@@ -1,19 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { SliderExtended } from "../SliderExtended/SliderExtended.js";
-const Slider = ({
-  marks,
-  onChange,
-  step = 1,
-  value,
-  renderTooltipContent,
-  size,
-  ...sliderExtendedAttributes
-}) => /* @__PURE__ */ jsxs(SliderExtended, { step, size, ...sliderExtendedAttributes, children: [
-  /* @__PURE__ */ jsx(SliderExtended.Rail, {}),
-  /* @__PURE__ */ jsx(SliderExtended.Dot, { value, onChange, children: renderTooltipContent && /* @__PURE__ */ jsx(SliderExtended.Tooltip, { value, children: renderTooltipContent(value) }) }),
-  /* @__PURE__ */ jsx(SliderExtended.Track, {}),
-  /* @__PURE__ */ jsx(SliderExtended.Marks, { children: marks.map((m) => /* @__PURE__ */ jsx(SliderExtended.Mark, { value: m.value, children: m.label }, m.value)) })
-] });
+const Slider = React__default.forwardRef(
+  ({ marks, onChange, step = 1, value, renderTooltipContent, ...sliderExtendedAttributes }, ref) => /* @__PURE__ */ jsxs(SliderExtended, { step, ...sliderExtendedAttributes, ref, children: [
+    /* @__PURE__ */ jsx(SliderExtended.Rail, {}),
+    /* @__PURE__ */ jsx(SliderExtended.Dot, { value, onChange, children: renderTooltipContent && /* @__PURE__ */ jsx(SliderExtended.Tooltip, { value, children: renderTooltipContent(value) }) }),
+    /* @__PURE__ */ jsx(SliderExtended.Track, {}),
+    /* @__PURE__ */ jsx(SliderExtended.Marks, { children: marks.map((mark) => /* @__PURE__ */ jsx(SliderExtended.Mark, { value: mark.value, children: mark.label }, mark.value)) })
+  ] })
+);
+Slider.displayName = "Slider";
 export {
   Slider
 };

package/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISliderExtendedProps, SliderExtended } from \"../SliderExtended/SliderExtended\";\nimport { ISliderExtendedDotProps } from \"../SliderExtended/components/SliderExtendedDot/SliderExtendedDot\";\n\n/** Лейбл под полосой слайдера. */\nexport interface ISliderMark {\n    /** Значение расположения метки, должно быть в диапазоне от min до max. */\n    value: number;\n    label: React.ReactNode;\n}\n\nexport interface ISliderProps\n    extends Omit<ISliderExtendedProps, \"onChange\" | \"step\">,\n        Pick<ISliderExtendedDotProps, \"onChange\" | \"value\"> {\n    children?: never;\n    /** Массив меток под полосой слайдера. */\n    marks: ISliderMark[];\n    /**\n     * Длина шага, например при длине шага 1, с min-0. max-100, слайдер будет разделен на 100 шагов.\n     * Вместо длины шага можно передать массив шагов, например [0, 25, 50, 75, 100]. Будет 3 возможные позиции между min и max. Начальное значение должно быть равно min, последнее значение должно быть равно max.\n     */\n    step?: number | number[];\n    /** Содержимое тултипа, отображаемого при наведении на точку и перемещении. */\n    renderTooltipContent?: (value: number) => React.ReactNode;\n}\n\n/** Слайдер с одним ползунком. */\nexport const Slider: React.FC<ISliderProps> = ({\n    marks,\n    onChange,\n    step = 1,\n    value,\n    renderTooltipContent,\n    size,\n    ...sliderExtendedAttributes\n}) => (\n    <SliderExtended step={step} size={size} {...sliderExtendedAttributes}>\n        <SliderExtended.Rail />\n        <SliderExtended.Dot value={value} onChange={onChange}>\n            {renderTooltipContent && (\n                <SliderExtended.Tooltip value={value}>{renderTooltipContent(value)}</SliderExtended.Tooltip>\n            )}\n        </SliderExtended.Dot>\n\n        <SliderExtended.Track />\n\n        <SliderExtended.Marks>\n            {marks.map((m) => (\n                <SliderExtended.Mark key={m.value} value={m.value}>\n                    {m.label}\n                </SliderExtended.Mark>\n            ))}\n        </SliderExtended.Marks>\n    </SliderExtended>\n);\n"],"names":[],"mappings":";;AA2BO,MAAM,SAAiC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,qBAAC,gBAAA,EAAe,MAAY,MAAa,GAAG,0BACxC,UAAA;AAAA,EAAA,oBAAC,eAAe,MAAf,EAAoB;AAAA,EACrB,oBAAC,eAAe,KAAf,EAAmB,OAAc,UAC7B,UAAA,wBACG,oBAAC,eAAe,SAAf,EAAuB,OAAe,UAAA,qBAAqB,KAAK,GAAE,GAE3E;AAAA,EAEA,oBAAC,eAAe,OAAf,EAAqB;AAAA,EAEtB,oBAAC,eAAe,OAAf,EACI,gBAAM,IAAI,CAAC,MACR,oBAAC,eAAe,MAAf,EAAkC,OAAO,EAAE,OACvC,UAAA,EAAE,SADmB,EAAE,KAE5B,CACH,EAAA,CACL;AAAA,EAAA,CACJ;"}
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ISliderExtendedProps, SliderExtended } from \"../SliderExtended/SliderExtended\";\nimport { ISliderExtendedDotProps } from \"../SliderExtended/components/SliderExtendedDot/SliderExtendedDot\";\n\n/** Лейбл под полосой слайдера. */\nexport interface ISliderMark {\n    /** Значение расположения метки, должно быть в диапазоне от min до max. */\n    value: number;\n    /** Содержимое метки. */\n    label: React.ReactNode;\n}\n\n/** Свойства компонента Slider. */\nexport interface ISliderProps\n    extends Omit<ISliderExtendedProps, \"onChange\" | \"step\">, Pick<ISliderExtendedDotProps, \"onChange\" | \"value\"> {\n    /** Слайдер собирается компонентом и не принимает содержимого. */\n    children?: never;\n    /** Массив меток под полосой слайдера. */\n    marks: ISliderMark[];\n    /**\n     * Длина шага, например при длине шага 1, с min-0. max-100, слайдер будет разделен на 100 шагов.\n     * Вместо длины шага можно передать массив шагов, например [0, 25, 50, 75, 100]. Будет 3 возможные позиции между min и max. Начальное значение должно быть равно min, последнее значение должно быть равно max.\n     * По умолчанию 1.\n     */\n    step?: number | number[];\n    /** Содержимое тултипа, отображаемого при наведении на точку и перемещении. */\n    renderTooltipContent?: (value: number) => React.ReactNode;\n}\n\n/**\n * Слайдер с одним ползунком — готовая сборка SliderExtended: полоса, ползунок, трек и метки.\n * Значение контролируемое: компонент сообщает новое значение через onChange и ждёт его в value.\n */\nexport const Slider = React.forwardRef<HTMLDivElement, ISliderProps>(\n    ({ marks, onChange, step = 1, value, renderTooltipContent, ...sliderExtendedAttributes }, ref) => (\n        <SliderExtended step={step} {...sliderExtendedAttributes} ref={ref}>\n            <SliderExtended.Rail />\n            <SliderExtended.Dot value={value} onChange={onChange}>\n                {renderTooltipContent && (\n                    <SliderExtended.Tooltip value={value}>{renderTooltipContent(value)}</SliderExtended.Tooltip>\n                )}\n            </SliderExtended.Dot>\n\n            <SliderExtended.Track />\n\n            <SliderExtended.Marks>\n                {marks.map((mark) => (\n                    <SliderExtended.Mark key={mark.value} value={mark.value}>\n                        {mark.label}\n                    </SliderExtended.Mark>\n                ))}\n            </SliderExtended.Marks>\n        </SliderExtended>\n    ),\n);\n\nSlider.displayName = \"Slider\";\n"],"names":["React"],"mappings":";;;AAiCO,MAAM,SAASA,eAAM;AAAA,EACxB,CAAC,EAAE,OAAO,UAAU,OAAO,GAAG,OAAO,sBAAsB,GAAG,yBAAA,GAA4B,QACtF,qBAAC,kBAAe,MAAa,GAAG,0BAA0B,KACtD,UAAA;AAAA,IAAA,oBAAC,eAAe,MAAf,EAAoB;AAAA,IACrB,oBAAC,eAAe,KAAf,EAAmB,OAAc,UAC7B,UAAA,wBACG,oBAAC,eAAe,SAAf,EAAuB,OAAe,UAAA,qBAAqB,KAAK,GAAE,GAE3E;AAAA,IAEA,oBAAC,eAAe,OAAf,EAAqB;AAAA,IAEtB,oBAAC,eAAe,OAAf,EACI,gBAAM,IAAI,CAAC,SACR,oBAAC,eAAe,MAAf,EAAqC,OAAO,KAAK,OAC7C,UAAA,KAAK,SADgB,KAAK,KAE/B,CACH,EAAA,CACL;AAAA,EAAA,EAAA,CACJ;AAER;AAEA,OAAO,cAAc;"}

package/components/SliderExtended/SliderExtended.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo } from "react";
-import { k as range, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { k as range, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { SliderExtendedDot } from "./components/SliderExtendedDot/SliderExtendedDot.js";
 import { SliderExtendedMarks } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
 import { SliderExtendedMark } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-VEYm3CWM.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-CQjM0BDm.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
@@ -73,7 +73,7 @@ const SliderExtendedBase = React__default.forwardRef(
               className
             ),
             ...htmlDivAttributes,
-            "data-tx": "1.45.0",
+            "data-tx": "1.47.0",
             ref,
             children
           }

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js

@@ -1,20 +1,20 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext, useRef, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { u as uniqueId, c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import "../../../KeyDownListener/ComposedKeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
-import { setForwardedRef } from "../../utils.js";
+import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedDotActions } from "./SliderExtendedDotActions.js";
-const sliderExtendedDot = "sliderExtendedDot__1ba4f0d4";
-const focusedByClick = "focusedByClick__d05963c1";
-const disabled = "disabled__699ef582";
-const dragByMouse = "dragByMouse__8a44ae65";
-const lg = "lg__3005ea2b";
+const sliderExtendedDot = "sliderExtendedDot__cef9e3a1";
+const focusedByClick = "focusedByClick__b8666337";
+const disabled = "disabled__93bfc348";
+const dragByMouse = "dragByMouse__4c851999";
+const lg = "lg__333eedde";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedDot.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.tsx"],"sourcesContent":["import React, { useCallback, useContext, useLayoutEffect, useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { setForwardedRef } from \"../../utils\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedDotActions } from \"./SliderExtendedDotActions\";\nimport styles from \"./styles/SliderExtendedDot.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Интервал троттлинга перемещения ползунка мышью, мс. */\nconst MOUSE_MOVE_WAIT = 50;\n\n/** Свойства компонента SliderExtendedDot. */\nexport interface ISliderExtendedDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"value\"> {\n    /** Обработчик изменения значения. Вызывается со значением шага, на который переместился ползунок. */\n    onChange: (value: number) => void;\n    /** Значение позиции ползунка. Должно быть в диапазоне от min до max. */\n    value: number;\n}\n\n/**\n * Компонент SliderExtendedDot — передвигаемый ползунок. Слайдер может иметь 1 или 2 SliderExtendedDot.\n * Значение контролируемое: компонент сообщает новое значение через onChange и ждёт его в value.\n */\nexport const SliderExtendedDot = React.forwardRef<HTMLSpanElement, ISliderExtendedDotProps>(\n    (\n        {\n            children,\n            className,\n            onBlur,\n            onChange,\n            onFocus,\n            onMouseDown,\n            onTouchStart,\n            style,\n            value,\n            ...htmlSpanAttributes\n        },\n        ref,\n    ) => {\n        // Кнопка в фокусе.\n        const [isFocused, setIsFocused] = useState(false);\n        // Кнопка получила фокус при клике.\n        const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n        // Кнопка в текущий момент перетаскивается мышью.\n        const [isDragged, setIsDragged] = useState(false);\n        const [id] = useState(() => uniqueId());\n        const {\n            addDot,\n            disabled,\n            dots,\n            focused: focusedSlider,\n            isHoverOrDragTrack,\n            max,\n            min,\n            railNode,\n            removeDot,\n            reverse,\n            setFocused: setFocusedSlider,\n            steps,\n            updateDot,\n            size,\n        } = useContext(SliderExtendedContext);\n\n        const dotRef = useRef<HTMLSpanElement | null>(null);\n        const tabIndex = SliderExtendedDotActions.getTabIndex({ disabled, dotId: id, dots, focusedSlider });\n        const normalizedValue = SliderExtendedUtils.getNormalizedValue({ max, min, value });\n        // Позиция ползунка на полосе слайдера, в %.\n        const leftPosition = reverse ? 100 - normalizedValue : normalizedValue;\n\n        /** Сохраняет узел ползунка локально (для слушателей перемещения) и пробрасывает во внешний ref. */\n        const setRef = useCallback(\n            (instance: HTMLSpanElement | null) => {\n                dotRef.current = instance;\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        // Регистрация ползунка в контексте слайдера на время его жизни.\n        // Зависимости пусты намеренно: addDot/removeDot пересоздаются на каждом рендере,\n        // а перерегистрация ползунка сбросила бы его позицию в массиве dots.\n        useLayoutEffect(() => {\n            addDot({\n                changeValue: onChange,\n                id,\n                normalizedValue,\n                stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({ normalizedValue, steps }),\n                value,\n            });\n\n            return () => removeDot(id);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        // Синхронизация значения ползунка с контекстом.\n        // updateDot пересоздаётся на каждом рендере, поэтому в зависимости не попадает — иначе\n        // обновление состояния слайдера запускало бы эффект заново.\n        useLayoutEffect(() => {\n            updateDot({\n                changeValue: onChange,\n                id,\n                normalizedValue,\n                stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({ normalizedValue, steps }),\n                value,\n            });\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [id, normalizedValue, onChange, steps, value]);\n\n        /** Перемещает ползунок на ближайший к позиции курсора шаг. */\n        const moveToNearestStep = (cursorNormalizedValue: number) => {\n            const nextStep = SliderExtendedUtils.getNearestStep({\n                normalizedValue: reverse ? 100 - cursorNormalizedValue : cursorNormalizedValue,\n                steps,\n            });\n\n            onChange(nextStep.value);\n        };\n\n        const handleDocumentMouseUp = () => {\n            setIsDragged(false);\n\n            document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n        };\n\n        const handleMouseDown =\n            (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLSpanElement>) => {\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n                onTargetMouseDown(event);\n                onMouseDown?.(event);\n            };\n\n        const handleMouseMove = (event: MouseEvent) => {\n            if (railNode) {\n                moveToNearestStep(\n                    SliderExtendedUtils.getNormalizedCursorValue({ cursorXPosition: event.clientX, railNode }),\n                );\n            }\n        };\n\n        const handleDocumentTouchEnd = (event: TouchEvent) => {\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            setIsDragged(false);\n\n            document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n        };\n\n        const handleTouchStart =\n            (onTargetTouchStart: TOnTargetTouchStart) => (event: React.TouchEvent<HTMLSpanElement>) => {\n                if (event.touches.length !== 1) {\n                    return;\n                }\n\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"touchend\", handleDocumentTouchEnd);\n\n                onTargetTouchStart(event);\n                onTouchStart?.(event);\n            };\n\n        const handleTouchMove = (event: TouchEvent) => {\n            if (event.touches.length !== 1) {\n                return;\n            }\n\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            if (railNode) {\n                moveToNearestStep(\n                    SliderExtendedUtils.getNormalizedCursorValue({\n                        cursorXPosition: event.touches[0].clientX,\n                        railNode,\n                    }),\n                );\n            }\n        };\n\n        /** Возвращает текущий ползунок из контекста. */\n        const getCurrentDot = () => dots.find((dot) => dot.id === id);\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее. */\n        const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedDotActions.moveToPrevStep(getCurrentDot(), steps);\n        };\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на большее. */\n        const handleKeyDownToMoveRight = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedDotActions.moveToNextStep(getCurrentDot(), steps);\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n            if (!focusedSlider) {\n                setFocusedSlider(true);\n            }\n\n            setIsFocused(true);\n            onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n            if (focusedSlider) {\n                setFocusedSlider(false);\n            }\n\n            setIsFocusedByClick(false);\n            setIsFocused(false);\n            onBlur?.(event);\n        };\n\n        return (\n            <>\n                {isFocused && (\n                    <>\n                        <KeyDownListener\n                            onMatch={handleKeyDownToMoveLeft}\n                            eventKeyCode={[EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]}\n                        />\n                        <KeyDownListener\n                            onMatch={handleKeyDownToMoveRight}\n                            eventKeyCode={[EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]}\n                        />\n                    </>\n                )}\n\n                <SliderExtendedMoveHandler\n                    mouseMoveWait={MOUSE_MOVE_WAIT}\n                    onMouseMove={handleMouseMove}\n                    onTouchMove={handleTouchMove}\n                    targetRef={dotRef}\n                >\n                    {({ onTargetMouseDown, onTargetTouchStart }) => (\n                        <span\n                            tabIndex={tabIndex}\n                            role=\"slider\"\n                            aria-valuemin={min}\n                            aria-valuenow={value}\n                            aria-valuemax={max}\n                            {...htmlSpanAttributes}\n                            className={clsx(styles.sliderExtendedDot, sizeToClassNameMap[size], className, {\n                                [styles.disabled]: disabled,\n                                [styles.dragByMouse]: isDragged || isHoverOrDragTrack,\n                                [styles.focusedByClick]: isFocusedByClick,\n                            })}\n                            onBlur={handleBlur}\n                            onFocus={handleFocus}\n                            onMouseDown={handleMouseDown(onTargetMouseDown)}\n                            onTouchStart={handleTouchStart(onTargetTouchStart)}\n                            style={{ ...style, left: `${leftPosition}%` }}\n                            ref={setRef}\n                        >\n                            {children}\n                        </span>\n                    )}\n                </SliderExtendedMoveHandler>\n            </>\n        );\n    },\n);\n\nSliderExtendedDot.displayName = \"SliderExtendedDot\";\n"],"names":["React","disabled"],"mappings":"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"}
+{"version":3,"file":"SliderExtendedDot.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.tsx"],"sourcesContent":["import React, { useCallback, useContext, useLayoutEffect, useRef, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { setForwardedRef } from \"../../../../helpers/setForwardedRef\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedDotActions } from \"./SliderExtendedDotActions\";\nimport styles from \"./styles/SliderExtendedDot.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Интервал троттлинга перемещения ползунка мышью, мс. */\nconst MOUSE_MOVE_WAIT = 50;\n\n/** Свойства компонента SliderExtendedDot. */\nexport interface ISliderExtendedDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"value\"> {\n    /** Обработчик изменения значения. Вызывается со значением шага, на который переместился ползунок. */\n    onChange: (value: number) => void;\n    /** Значение позиции ползунка. Должно быть в диапазоне от min до max. */\n    value: number;\n}\n\n/**\n * Компонент SliderExtendedDot — передвигаемый ползунок. Слайдер может иметь 1 или 2 SliderExtendedDot.\n * Значение контролируемое: компонент сообщает новое значение через onChange и ждёт его в value.\n */\nexport const SliderExtendedDot = React.forwardRef<HTMLSpanElement, ISliderExtendedDotProps>(\n    (\n        {\n            children,\n            className,\n            onBlur,\n            onChange,\n            onFocus,\n            onMouseDown,\n            onTouchStart,\n            style,\n            value,\n            ...htmlSpanAttributes\n        },\n        ref,\n    ) => {\n        // Кнопка в фокусе.\n        const [isFocused, setIsFocused] = useState(false);\n        // Кнопка получила фокус при клике.\n        const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n        // Кнопка в текущий момент перетаскивается мышью.\n        const [isDragged, setIsDragged] = useState(false);\n        const [id] = useState(() => uniqueId());\n        const {\n            addDot,\n            disabled,\n            dots,\n            focused: focusedSlider,\n            isHoverOrDragTrack,\n            max,\n            min,\n            railNode,\n            removeDot,\n            reverse,\n            setFocused: setFocusedSlider,\n            steps,\n            updateDot,\n            size,\n        } = useContext(SliderExtendedContext);\n\n        const dotRef = useRef<HTMLSpanElement | null>(null);\n        const tabIndex = SliderExtendedDotActions.getTabIndex({ disabled, dotId: id, dots, focusedSlider });\n        const normalizedValue = SliderExtendedUtils.getNormalizedValue({ max, min, value });\n        // Позиция ползунка на полосе слайдера, в %.\n        const leftPosition = reverse ? 100 - normalizedValue : normalizedValue;\n\n        /** Сохраняет узел ползунка локально (для слушателей перемещения) и пробрасывает во внешний ref. */\n        const setRef = useCallback(\n            (instance: HTMLSpanElement | null) => {\n                dotRef.current = instance;\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        // Регистрация ползунка в контексте слайдера на время его жизни.\n        // Зависимости пусты намеренно: addDot/removeDot пересоздаются на каждом рендере,\n        // а перерегистрация ползунка сбросила бы его позицию в массиве dots.\n        useLayoutEffect(() => {\n            addDot({\n                changeValue: onChange,\n                id,\n                normalizedValue,\n                stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({ normalizedValue, steps }),\n                value,\n            });\n\n            return () => removeDot(id);\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        // Синхронизация значения ползунка с контекстом.\n        // updateDot пересоздаётся на каждом рендере, поэтому в зависимости не попадает — иначе\n        // обновление состояния слайдера запускало бы эффект заново.\n        useLayoutEffect(() => {\n            updateDot({\n                changeValue: onChange,\n                id,\n                normalizedValue,\n                stepIndex: SliderExtendedUtils.getStepIndexByNormalizedValue({ normalizedValue, steps }),\n                value,\n            });\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [id, normalizedValue, onChange, steps, value]);\n\n        /** Перемещает ползунок на ближайший к позиции курсора шаг. */\n        const moveToNearestStep = (cursorNormalizedValue: number) => {\n            const nextStep = SliderExtendedUtils.getNearestStep({\n                normalizedValue: reverse ? 100 - cursorNormalizedValue : cursorNormalizedValue,\n                steps,\n            });\n\n            onChange(nextStep.value);\n        };\n\n        const handleDocumentMouseUp = () => {\n            setIsDragged(false);\n\n            document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n        };\n\n        const handleMouseDown =\n            (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLSpanElement>) => {\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n                onTargetMouseDown(event);\n                onMouseDown?.(event);\n            };\n\n        const handleMouseMove = (event: MouseEvent) => {\n            if (railNode) {\n                moveToNearestStep(\n                    SliderExtendedUtils.getNormalizedCursorValue({ cursorXPosition: event.clientX, railNode }),\n                );\n            }\n        };\n\n        const handleDocumentTouchEnd = (event: TouchEvent) => {\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            setIsDragged(false);\n\n            document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n        };\n\n        const handleTouchStart =\n            (onTargetTouchStart: TOnTargetTouchStart) => (event: React.TouchEvent<HTMLSpanElement>) => {\n                if (event.touches.length !== 1) {\n                    return;\n                }\n\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"touchend\", handleDocumentTouchEnd);\n\n                onTargetTouchStart(event);\n                onTouchStart?.(event);\n            };\n\n        const handleTouchMove = (event: TouchEvent) => {\n            if (event.touches.length !== 1) {\n                return;\n            }\n\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            if (railNode) {\n                moveToNearestStep(\n                    SliderExtendedUtils.getNormalizedCursorValue({\n                        cursorXPosition: event.touches[0].clientX,\n                        railNode,\n                    }),\n                );\n            }\n        };\n\n        /** Возвращает текущий ползунок из контекста. */\n        const getCurrentDot = () => dots.find((dot) => dot.id === id);\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее. */\n        const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedDotActions.moveToPrevStep(getCurrentDot(), steps);\n        };\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на большее. */\n        const handleKeyDownToMoveRight = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedDotActions.moveToNextStep(getCurrentDot(), steps);\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n            if (!focusedSlider) {\n                setFocusedSlider(true);\n            }\n\n            setIsFocused(true);\n            onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n            if (focusedSlider) {\n                setFocusedSlider(false);\n            }\n\n            setIsFocusedByClick(false);\n            setIsFocused(false);\n            onBlur?.(event);\n        };\n\n        return (\n            <>\n                {isFocused && (\n                    <>\n                        <KeyDownListener\n                            onMatch={handleKeyDownToMoveLeft}\n                            eventKeyCode={[EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]}\n                        />\n                        <KeyDownListener\n                            onMatch={handleKeyDownToMoveRight}\n                            eventKeyCode={[EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]}\n                        />\n                    </>\n                )}\n\n                <SliderExtendedMoveHandler\n                    mouseMoveWait={MOUSE_MOVE_WAIT}\n                    onMouseMove={handleMouseMove}\n                    onTouchMove={handleTouchMove}\n                    targetRef={dotRef}\n                >\n                    {({ onTargetMouseDown, onTargetTouchStart }) => (\n                        <span\n                            tabIndex={tabIndex}\n                            role=\"slider\"\n                            aria-valuemin={min}\n                            aria-valuenow={value}\n                            aria-valuemax={max}\n                            {...htmlSpanAttributes}\n                            className={clsx(styles.sliderExtendedDot, sizeToClassNameMap[size], className, {\n                                [styles.disabled]: disabled,\n                                [styles.dragByMouse]: isDragged || isHoverOrDragTrack,\n                                [styles.focusedByClick]: isFocusedByClick,\n                            })}\n                            onBlur={handleBlur}\n                            onFocus={handleFocus}\n                            onMouseDown={handleMouseDown(onTargetMouseDown)}\n                            onTouchStart={handleTouchStart(onTargetTouchStart)}\n                            style={{ ...style, left: `${leftPosition}%` }}\n                            ref={setRef}\n                        >\n                            {children}\n                        </span>\n                    )}\n                </SliderExtendedMoveHandler>\n            </>\n        );\n    },\n);\n\nSliderExtendedDot.displayName = \"SliderExtendedDot\";\n"],"names":["React","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAG1D,MAAM,kBAAkB;AAcjB,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AAED,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,UAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,UAAM,CAAC,EAAE,IAAI,SAAS,MAAM,UAAU;AACtC,UAAM;AAAA,MACF;AAAA,MACA,UAAAC;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,WAAW,qBAAqB;AAEpC,UAAM,SAAS,OAA+B,IAAI;AAClD,UAAM,WAAW,yBAAyB,YAAY,EAAE,UAAAA,WAAU,OAAO,IAAI,MAAM,eAAe;AAClG,UAAM,kBAAkB,oBAAoB,mBAAmB,EAAE,KAAK,KAAK,OAAO;AAElF,UAAM,eAAe,UAAU,MAAM,kBAAkB;AAGvD,UAAM,SAAS;AAAA,MACX,CAAC,aAAqC;AAClC,eAAO,UAAU;AACjB,wBAAgB,KAAK,QAAQ;AAAA,MACjC;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAMR,oBAAgB,MAAM;AAClB,aAAO;AAAA,QACH,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA,WAAW,oBAAoB,8BAA8B,EAAE,iBAAiB,OAAO;AAAA,QACvF;AAAA,MAAA,CACH;AAED,aAAO,MAAM,UAAU,EAAE;AAAA,IAE7B,GAAG,CAAA,CAAE;AAKL,oBAAgB,MAAM;AAClB,gBAAU;AAAA,QACN,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA,WAAW,oBAAoB,8BAA8B,EAAE,iBAAiB,OAAO;AAAA,QACvF;AAAA,MAAA,CACH;AAAA,IAEL,GAAG,CAAC,IAAI,iBAAiB,UAAU,OAAO,KAAK,CAAC;AAGhD,UAAM,oBAAoB,CAAC,0BAAkC;AACzD,YAAM,WAAW,oBAAoB,eAAe;AAAA,QAChD,iBAAiB,UAAU,MAAM,wBAAwB;AAAA,QACzD;AAAA,MAAA,CACH;AAED,eAAS,SAAS,KAAK;AAAA,IAC3B;AAEA,UAAM,wBAAwB,MAAM;AAChC,mBAAa,KAAK;AAElB,eAAS,oBAAoB,WAAW,qBAAqB;AAAA,IACjE;AAEA,UAAM,kBACF,CAAC,sBAA0C,CAAC,UAA6C;AACrF,0BAAoB,IAAI;AACxB,mBAAa,IAAI;AAEjB,eAAS,iBAAiB,WAAW,qBAAqB;AAE1D,wBAAkB,KAAK;AACvB,iDAAc;AAAA,IAClB;AAEJ,UAAM,kBAAkB,CAAC,UAAsB;AAC3C,UAAI,UAAU;AACV;AAAA,UACI,oBAAoB,yBAAyB,EAAE,iBAAiB,MAAM,SAAS,UAAU;AAAA,QAAA;AAAA,MAEjG;AAAA,IACJ;AAEA,UAAM,yBAAyB,CAAC,UAAsB;AAClD,UAAI,MAAM,YAAY;AAClB,cAAM,eAAA;AAAA,MACV;AAEA,mBAAa,KAAK;AAElB,eAAS,oBAAoB,YAAY,sBAAsB;AAAA,IACnE;AAEA,UAAM,mBACF,CAAC,uBAA4C,CAAC,UAA6C;AACvF,UAAI,MAAM,QAAQ,WAAW,GAAG;AAC5B;AAAA,MACJ;AAEA,0BAAoB,IAAI;AACxB,mBAAa,IAAI;AAEjB,eAAS,iBAAiB,YAAY,sBAAsB;AAE5D,yBAAmB,KAAK;AACxB,mDAAe;AAAA,IACnB;AAEJ,UAAM,kBAAkB,CAAC,UAAsB;AAC3C,UAAI,MAAM,QAAQ,WAAW,GAAG;AAC5B;AAAA,MACJ;AAEA,UAAI,MAAM,YAAY;AAClB,cAAM,eAAA;AAAA,MACV;AAEA,UAAI,UAAU;AACV;AAAA,UACI,oBAAoB,yBAAyB;AAAA,YACzC,iBAAiB,MAAM,QAAQ,CAAC,EAAE;AAAA,YAClC;AAAA,UAAA,CACH;AAAA,QAAA;AAAA,MAET;AAAA,IACJ;AAGA,UAAM,gBAAgB,MAAM,KAAK,KAAK,CAAC,QAAQ,IAAI,OAAO,EAAE;AAG5D,UAAM,0BAA0B,CAAC,UAAyB;AAEtD,YAAM,eAAA;AAEN,+BAAyB,eAAe,cAAA,GAAiB,KAAK;AAAA,IAClE;AAGA,UAAM,2BAA2B,CAAC,UAAyB;AAEvD,YAAM,eAAA;AAEN,+BAAyB,eAAe,cAAA,GAAiB,KAAK;AAAA,IAClE;AAEA,UAAM,cAAc,CAAC,UAA6C;AAC9D,UAAI,CAAC,eAAe;AAChB,yBAAiB,IAAI;AAAA,MACzB;AAEA,mBAAa,IAAI;AACjB,yCAAU;AAAA,IACd;AAEA,UAAM,aAAa,CAAC,UAA6C;AAC7D,UAAI,eAAe;AACf,yBAAiB,KAAK;AAAA,MAC1B;AAEA,0BAAoB,KAAK;AACzB,mBAAa,KAAK;AAClB,uCAAS;AAAA,IACb;AAEA,WACI,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,aACG,qBAAA,UAAA,EACI,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,cAAc,CAAC,gBAAgB,YAAY,gBAAgB,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzE;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,cAAc,CAAC,gBAAgB,aAAa,gBAAgB,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACxE,GACJ;AAAA,MAGJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,aAAa;AAAA,UACb,aAAa;AAAA,UACb,WAAW;AAAA,UAEV,UAAA,CAAC,EAAE,mBAAmB,mBAAA,MACnB;AAAA,YAAC;AAAA,YAAA;AAAA,cACG;AAAA,cACA,MAAK;AAAA,cACL,iBAAe;AAAA,cACf,iBAAe;AAAA,cACf,iBAAe;AAAA,cACd,GAAG;AAAA,cACJ,WAAW,KAAK,OAAO,mBAAmB,mBAAmB,IAAI,GAAG,WAAW;AAAA,gBAC3E,CAAC,OAAO,QAAQ,GAAGA;AAAA,gBACnB,CAAC,OAAO,WAAW,GAAG,aAAa;AAAA,gBACnC,CAAC,OAAO,cAAc,GAAG;AAAA,cAAA,CAC5B;AAAA,cACD,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,aAAa,gBAAgB,iBAAiB;AAAA,cAC9C,cAAc,iBAAiB,kBAAkB;AAAA,cACjD,OAAO,EAAE,GAAG,OAAO,MAAM,GAAG,YAAY,IAAA;AAAA,cACxC,KAAK;AAAA,cAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAER,GACJ;AAAA,EAER;AACJ;AAEA,kBAAkB,cAAc;"}

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../../../enums/EComponentSize.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-SGdABaf_.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-I5oq_ntW.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SliderExtendedMark = React__default.forwardRef(
   ({ children, className, style, value, ...htmlSpanAttributes }, ref) => {

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-SGdABaf_.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-I5oq_ntW.js";
 const SliderExtendedMarks = React__default.forwardRef(
   ({ className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes, ref })
 );

package/components/SliderExtended/components/SliderExtendedMoveHandler.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { t as throttle } from "../../../chunks/vendor-D4wvHis9.js";
+import { t as throttle } from "../../../chunks/vendor-CUIykw0y.js";
 const DEFAULT_MOUSE_MOVE_WAIT = 50;
 const SliderExtendedMoveHandler = ({
   children,

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D4wvHis9.js";
+import "../../../chunks/vendor-CUIykw0y.js";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
-import "../utils.js";
-import { S } from "../../../chunks/SliderExtendedRail-VEYm3CWM.js";
+import "../../../helpers/setForwardedRef.js";
+import { S } from "../../../chunks/SliderExtendedRail-CQjM0BDm.js";
 export {
   S as SliderExtendedRail
 };

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext, useCallback } from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
-import { setForwardedRef } from "../../utils.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__34cd396b";
-const lg = "lg__3005ea2b";
-const tooltipBody = "tooltipBody__e8ac3d85";
-const tooltipTip = "tooltipTip__0c7f6ebb";
+import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__40dbb53d";
+const lg = "lg__333eedde";
+const tooltipBody = "tooltipBody__cb843366";
+const tooltipTip = "tooltipTip__fa519d95";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedTooltip.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { setForwardedRef } from \"../../utils\";\nimport styles from \"./styles/SliderExtendedTooltip.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Половина ширины уголка тултипа, px. */\nconst TIP_HALF_WIDTH = 8;\n\n/** Минимальный отступ тултипа от края полосы слайдера, px. */\nconst OFFSET_FROM_SIDE = 16;\n\n/**\n * Возвращает сдвиг тела тултипа по горизонтали, px.\n * У краёв полосы тултип сдвигается к центру, чтобы не выходить за её границы, в середине сдвиг равен нулю.\n */\nconst getTooltipBodyOffset = ({\n    contentWidth,\n    max,\n    min,\n    value,\n}: {\n    contentWidth: number;\n    max: number;\n    min: number;\n    value?: number;\n}): number => {\n    if (value === undefined || max === min) {\n        return 0;\n    }\n\n    const normalizedValue = (value - min) / (max - min);\n\n    return (contentWidth / 2 - TIP_HALF_WIDTH - OFFSET_FROM_SIDE) * (1 - 2 * normalizedValue);\n};\n\n/** Свойства компонента SliderExtendedTooltip. */\nexport interface ISliderExtendedTooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Значение позиции ползунка, над которым показан тултип. Нужно для сдвига тултипа у краёв полосы. */\n    value?: number;\n}\n\n/**\n * Компонент SliderExtendedTooltip — подсказка над ползунком.\n * Рендерится внутри SliderExtended.Dot и видима, пока ползунок в фокусе или под курсором.\n */\nexport const SliderExtendedTooltip = React.forwardRef<HTMLDivElement, ISliderExtendedTooltipProps>(\n    ({ children, className, value, ...htmlDivAttributes }, ref) => {\n        // Узел тултипа в состоянии, а не в ref: его ширина нужна во время рендера для расчёта сдвига.\n        const [contentNode, setContentNode] = useState<HTMLDivElement | null>(null);\n        const { min, max, size } = useContext(SliderExtendedContext);\n\n        const setRef = useCallback(\n            (instance: HTMLDivElement | null) => {\n                setContentNode(instance);\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        const offset = getTooltipBodyOffset({ contentWidth: contentNode?.clientWidth ?? 0, max, min, value });\n\n        return (\n            <div\n                className={clsx(styles.sliderExtendedTooltipOverlay, sizeToClassNameMap[size], className)}\n                {...htmlDivAttributes}\n                ref={setRef}\n            >\n                <div className={styles.tooltipBody} style={{ left: `${offset}px` }}>\n                    {children}\n                </div>\n                <div className={styles.tooltipTip} />\n            </div>\n        );\n    },\n);\n\nSliderExtendedTooltip.displayName = \"SliderExtendedTooltip\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,qBAAqB,yBAAyB,MAAM;AAG1D,MAAM,iBAAiB;AAGvB,MAAM,mBAAmB;AAMzB,MAAM,uBAAuB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAKc;AACV,MAAI,UAAU,UAAa,QAAQ,KAAK;AACpC,WAAO;AAAA,EACX;AAEA,QAAM,mBAAmB,QAAQ,QAAQ,MAAM;AAE/C,UAAQ,eAAe,IAAI,iBAAiB,qBAAqB,IAAI,IAAI;AAC7E;AAYO,MAAM,wBAAwBA,eAAM;AAAA,EACvC,CAAC,EAAE,UAAU,WAAW,OAAO,GAAG,kBAAA,GAAqB,QAAQ;AAE3D,UAAM,CAAC,aAAa,cAAc,IAAI,SAAgC,IAAI;AAC1E,UAAM,EAAE,KAAK,KAAK,KAAA,IAAS,WAAW,qBAAqB;AAE3D,UAAM,SAAS;AAAA,MACX,CAAC,aAAoC;AACjC,uBAAe,QAAQ;AACvB,wBAAgB,KAAK,QAAQ;AAAA,MACjC;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGR,UAAM,SAAS,qBAAqB,EAAE,eAAc,2CAAa,gBAAe,GAAG,KAAK,KAAK,OAAO;AAEpG,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,8BAA8B,mBAAmB,IAAI,GAAG,SAAS;AAAA,QACvF,GAAG;AAAA,QACJ,KAAK;AAAA,QAEL,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,aAAa,OAAO,EAAE,MAAM,GAAG,MAAM,KAAA,GACvD,SAAA,CACL;AAAA,UACA,oBAAC,OAAA,EAAI,WAAW,OAAO,WAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACJ;AAEA,sBAAsB,cAAc;"}
+{"version":3,"file":"SliderExtendedTooltip.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { setForwardedRef } from \"../../../../helpers/setForwardedRef\";\nimport styles from \"./styles/SliderExtendedTooltip.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Половина ширины уголка тултипа, px. */\nconst TIP_HALF_WIDTH = 8;\n\n/** Минимальный отступ тултипа от края полосы слайдера, px. */\nconst OFFSET_FROM_SIDE = 16;\n\n/**\n * Возвращает сдвиг тела тултипа по горизонтали, px.\n * У краёв полосы тултип сдвигается к центру, чтобы не выходить за её границы, в середине сдвиг равен нулю.\n */\nconst getTooltipBodyOffset = ({\n    contentWidth,\n    max,\n    min,\n    value,\n}: {\n    contentWidth: number;\n    max: number;\n    min: number;\n    value?: number;\n}): number => {\n    if (value === undefined || max === min) {\n        return 0;\n    }\n\n    const normalizedValue = (value - min) / (max - min);\n\n    return (contentWidth / 2 - TIP_HALF_WIDTH - OFFSET_FROM_SIDE) * (1 - 2 * normalizedValue);\n};\n\n/** Свойства компонента SliderExtendedTooltip. */\nexport interface ISliderExtendedTooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Значение позиции ползунка, над которым показан тултип. Нужно для сдвига тултипа у краёв полосы. */\n    value?: number;\n}\n\n/**\n * Компонент SliderExtendedTooltip — подсказка над ползунком.\n * Рендерится внутри SliderExtended.Dot и видима, пока ползунок в фокусе или под курсором.\n */\nexport const SliderExtendedTooltip = React.forwardRef<HTMLDivElement, ISliderExtendedTooltipProps>(\n    ({ children, className, value, ...htmlDivAttributes }, ref) => {\n        // Узел тултипа в состоянии, а не в ref: его ширина нужна во время рендера для расчёта сдвига.\n        const [contentNode, setContentNode] = useState<HTMLDivElement | null>(null);\n        const { min, max, size } = useContext(SliderExtendedContext);\n\n        const setRef = useCallback(\n            (instance: HTMLDivElement | null) => {\n                setContentNode(instance);\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        const offset = getTooltipBodyOffset({ contentWidth: contentNode?.clientWidth ?? 0, max, min, value });\n\n        return (\n            <div\n                className={clsx(styles.sliderExtendedTooltipOverlay, sizeToClassNameMap[size], className)}\n                {...htmlDivAttributes}\n                ref={setRef}\n            >\n                <div className={styles.tooltipBody} style={{ left: `${offset}px` }}>\n                    {children}\n                </div>\n                <div className={styles.tooltipTip} />\n            </div>\n        );\n    },\n);\n\nSliderExtendedTooltip.displayName = \"SliderExtendedTooltip\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,qBAAqB,yBAAyB,MAAM;AAG1D,MAAM,iBAAiB;AAGvB,MAAM,mBAAmB;AAMzB,MAAM,uBAAuB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAKc;AACV,MAAI,UAAU,UAAa,QAAQ,KAAK;AACpC,WAAO;AAAA,EACX;AAEA,QAAM,mBAAmB,QAAQ,QAAQ,MAAM;AAE/C,UAAQ,eAAe,IAAI,iBAAiB,qBAAqB,IAAI,IAAI;AAC7E;AAYO,MAAM,wBAAwBA,eAAM;AAAA,EACvC,CAAC,EAAE,UAAU,WAAW,OAAO,GAAG,kBAAA,GAAqB,QAAQ;AAE3D,UAAM,CAAC,aAAa,cAAc,IAAI,SAAgC,IAAI;AAC1E,UAAM,EAAE,KAAK,KAAK,KAAA,IAAS,WAAW,qBAAqB;AAE3D,UAAM,SAAS;AAAA,MACX,CAAC,aAAoC;AACjC,uBAAe,QAAQ;AACvB,wBAAgB,KAAK,QAAQ;AAAA,MACjC;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGR,UAAM,SAAS,qBAAqB,EAAE,eAAc,2CAAa,gBAAe,GAAG,KAAK,KAAK,OAAO;AAEpG,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,8BAA8B,mBAAmB,IAAI,GAAG,SAAS;AAAA,QACvF,GAAG;AAAA,QACJ,KAAK;AAAA,QAEL,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,aAAa,OAAO,EAAE,MAAM,GAAG,MAAM,KAAA,GACvD,SAAA,CACL;AAAA,UACA,oBAAC,OAAA,EAAI,WAAW,OAAO,WAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACJ;AAEA,sBAAsB,cAAc;"}

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -1,21 +1,21 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useContext, useRef, useCallback } from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import "../../../KeyDownListener/ComposedKeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
-import { setForwardedRef } from "../../utils.js";
+import { setForwardedRef } from "../../../../helpers/setForwardedRef.js";
 import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
 import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
-const sliderExtendedTrack = "sliderExtendedTrack__f4e1e28c";
-const lg = "lg__3005ea2b";
-const focusedByClick = "focusedByClick__d05963c1";
-const hoverOrDragByMouse = "hoverOrDragByMouse__29e9a5ef";
-const staticSlider = "staticSlider__acb3d30e";
-const disabled = "disabled__699ef582";
+const sliderExtendedTrack = "sliderExtendedTrack__162d4eb9";
+const lg = "lg__333eedde";
+const focusedByClick = "focusedByClick__b8666337";
+const hoverOrDragByMouse = "hoverOrDragByMouse__a17af906";
+const staticSlider = "staticSlider__15ac8c42";
+const disabled = "disabled__93bfc348";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedTrack.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { setForwardedRef } from \"../../utils\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedTrackActions } from \"./SliderExtendedTrackActions\";\nimport styles from \"./styles/SliderExtendedTrack.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Интервал троттлинга перемещения трека мышью, мс. */\nconst MOUSE_MOVE_WAIT = 100;\n\n/** tabIndex трека, когда слайдер в фокусе. Между ползунками с tabIndex 1 и 3. */\nconst FOCUSED_TAB_INDEX = 2;\n\n/** Свойства компонента SliderExtendedTrack. */\nexport interface ISliderExtendedTrackProps extends React.HTMLAttributes<HTMLSpanElement> {\n    /** Трек не имеет содержимого. */\n    children?: never;\n    /** Трек можно передвигать. Работает только при двух SliderExtended.Dot. По умолчанию true. */\n    draggable?: boolean;\n}\n\n/**\n * Компонент SliderExtendedTrack — заполненная часть полосы слайдера.\n * При одном SliderExtended.Dot тянется от начала полосы до ползунка, при двух — между ползунками\n * и может перемещаться целиком, сдвигая оба ползунка.\n */\nexport const SliderExtendedTrack = React.forwardRef<HTMLSpanElement, ISliderExtendedTrackProps>(\n    (\n        {\n            className,\n            draggable = true,\n            onBlur,\n            onFocus,\n            onMouseDown,\n            onMouseOver,\n            onMouseOut,\n            onTouchStart,\n            style,\n            ...htmlSpanAttributes\n        },\n        ref,\n    ) => {\n        // Элемент в фокусе.\n        const [isFocused, setIsFocused] = useState(false);\n        // Track получил фокус при клике.\n        const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n        // Track в текущий момент перетаскивается мышью.\n        const [isDragged, setIsDragged] = useState(false);\n\n        const {\n            disabled,\n            dots,\n            focused: focusedSlider,\n            isHoverOrDragTrack,\n            railNode,\n            setIsHoverOrDragTrack,\n            reverse,\n            setFocused: setFocusedSlider,\n            steps,\n            size,\n        } = useContext(SliderExtendedContext);\n        // Предыдущая позиция курсора при перемещении SliderExtended.Track.\n        const cursorPrevNormalizedValue = useRef(0);\n\n        const trackRef = useRef<HTMLSpanElement | null>(null);\n\n        // Перемещать трек можно только когда он ограничен двумя ползунками.\n        const innerDraggable = draggable && dots.length > 1;\n        const tabIndex = !disabled && innerDraggable && focusedSlider ? FOCUSED_TAB_INDEX : -1;\n\n        /** Сохраняет узел трека локально (для слушателей перемещения) и пробрасывает во внешний ref. */\n        const setRef = useCallback(\n            (instance: HTMLSpanElement | null) => {\n                trackRef.current = instance;\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        const handleDocumentMouseUp = (event: MouseEvent) => {\n            setIsDragged(false);\n            // Курсор отпущен за пределами Track.\n            if (event.target !== trackRef.current) {\n                setIsHoverOrDragTrack(false);\n            }\n\n            document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n        };\n\n        const handleMouseDown =\n            (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLSpanElement>) => {\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n                if (railNode) {\n                    cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({\n                        cursorXPosition: event.clientX,\n                        railNode,\n                    });\n                }\n\n                onTargetMouseDown(event);\n                onMouseDown?.(event);\n            };\n\n        const handleMouseMove = (event: MouseEvent) =>\n            SliderExtendedTrackActions.dragDots({\n                cursorPrevNormalizedValue,\n                cursorXPosition: event.clientX,\n                dots,\n                railNode,\n                reverse,\n                steps,\n            });\n\n        const handleDocumentTouchEnd = (event: TouchEvent) => {\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            setIsDragged(false);\n            // Курсор отпущен за пределами Track.\n            if (event.target !== trackRef.current) {\n                setIsHoverOrDragTrack(false);\n            }\n\n            document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n        };\n\n        const handleTouchStart =\n            (onTargetTouchStart: TOnTargetTouchStart) => (event: React.TouchEvent<HTMLSpanElement>) => {\n                if (event.touches.length !== 1) {\n                    return;\n                }\n\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"touchend\", handleDocumentTouchEnd);\n\n                if (railNode) {\n                    cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({\n                        cursorXPosition: event.touches[0].clientX,\n                        railNode,\n                    });\n                }\n\n                onTargetTouchStart(event);\n                onTouchStart?.(event);\n            };\n\n        const handleTouchMove = (event: TouchEvent) => {\n            if (event.touches.length !== 1) {\n                return;\n            }\n\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            SliderExtendedTrackActions.dragDots({\n                cursorPrevNormalizedValue,\n                cursorXPosition: event.touches[0].clientX,\n                dots,\n                railNode,\n                reverse,\n                steps,\n            });\n        };\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее. */\n        const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedTrackActions.moveToPrevStep(dots, steps);\n        };\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на большее. */\n        const handleKeyDownToMoveRight = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedTrackActions.moveToNextStep(dots, steps);\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n            if (!focusedSlider) {\n                setFocusedSlider(true);\n            }\n\n            setIsFocused(true);\n            onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n            if (focusedSlider) {\n                setFocusedSlider(false);\n            }\n\n            setIsFocusedByClick(false);\n            setIsFocused(false);\n            onBlur?.(event);\n        };\n\n        const handleMouseOver = (event: React.MouseEvent<HTMLSpanElement>) => {\n            setIsHoverOrDragTrack(true);\n            onMouseOver?.(event);\n        };\n\n        const handleMouseOut = (event: React.MouseEvent<HTMLSpanElement>) => {\n            // Track в текущий момент не перетаскивается мышью.\n            if (!isDragged) {\n                setIsHoverOrDragTrack(false);\n            }\n            onMouseOut?.(event);\n        };\n\n        if (!dots.length) {\n            return null;\n        }\n\n        const { left, right } = SliderExtendedTrackActions.getTrackPosition({ dots, reverse });\n\n        return (\n            <>\n                {isFocused && (\n                    <>\n                        <KeyDownListener\n                            onMatch={handleKeyDownToMoveLeft}\n                            eventKeyCode={[EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]}\n                        />\n                        <KeyDownListener\n                            onMatch={handleKeyDownToMoveRight}\n                            eventKeyCode={[EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]}\n                        />\n                    </>\n                )}\n\n                <SliderExtendedMoveHandler\n                    mouseMoveWait={MOUSE_MOVE_WAIT}\n                    onMouseMove={handleMouseMove}\n                    onTouchMove={handleTouchMove}\n                    targetRef={trackRef}\n                >\n                    {({ onTargetMouseDown, onTargetTouchStart }) => (\n                        <span\n                            role=\"button\"\n                            tabIndex={tabIndex}\n                            {...htmlSpanAttributes}\n                            className={clsx(styles.sliderExtendedTrack, sizeToClassNameMap[size], className, {\n                                [styles.disabled]: disabled,\n                                [styles.focusedByClick]: isFocusedByClick,\n                                [styles.hoverOrDragByMouse]: isHoverOrDragTrack,\n                                // Не перетаскиваемый.\n                                [styles.staticSlider]: !innerDraggable,\n                            })}\n                            onBlur={handleBlur}\n                            onFocus={handleFocus}\n                            onMouseDown={handleMouseDown(onTargetMouseDown)}\n                            onMouseOver={handleMouseOver}\n                            onMouseOut={handleMouseOut}\n                            onTouchStart={handleTouchStart(onTargetTouchStart)}\n                            ref={setRef}\n                            style={{\n                                ...style,\n                                left: `${left}%`,\n                                right: `${right}%`,\n                            }}\n                        />\n                    )}\n                </SliderExtendedMoveHandler>\n            </>\n        );\n    },\n);\n\nSliderExtendedTrack.displayName = \"SliderExtendedTrack\";\n"],"names":["React","disabled"],"mappings":"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"}
+{"version":3,"file":"SliderExtendedTrack.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { setForwardedRef } from \"../../../../helpers/setForwardedRef\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedTrackActions } from \"./SliderExtendedTrackActions\";\nimport styles from \"./styles/SliderExtendedTrack.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Интервал троттлинга перемещения трека мышью, мс. */\nconst MOUSE_MOVE_WAIT = 100;\n\n/** tabIndex трека, когда слайдер в фокусе. Между ползунками с tabIndex 1 и 3. */\nconst FOCUSED_TAB_INDEX = 2;\n\n/** Свойства компонента SliderExtendedTrack. */\nexport interface ISliderExtendedTrackProps extends React.HTMLAttributes<HTMLSpanElement> {\n    /** Трек не имеет содержимого. */\n    children?: never;\n    /** Трек можно передвигать. Работает только при двух SliderExtended.Dot. По умолчанию true. */\n    draggable?: boolean;\n}\n\n/**\n * Компонент SliderExtendedTrack — заполненная часть полосы слайдера.\n * При одном SliderExtended.Dot тянется от начала полосы до ползунка, при двух — между ползунками\n * и может перемещаться целиком, сдвигая оба ползунка.\n */\nexport const SliderExtendedTrack = React.forwardRef<HTMLSpanElement, ISliderExtendedTrackProps>(\n    (\n        {\n            className,\n            draggable = true,\n            onBlur,\n            onFocus,\n            onMouseDown,\n            onMouseOver,\n            onMouseOut,\n            onTouchStart,\n            style,\n            ...htmlSpanAttributes\n        },\n        ref,\n    ) => {\n        // Элемент в фокусе.\n        const [isFocused, setIsFocused] = useState(false);\n        // Track получил фокус при клике.\n        const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n        // Track в текущий момент перетаскивается мышью.\n        const [isDragged, setIsDragged] = useState(false);\n\n        const {\n            disabled,\n            dots,\n            focused: focusedSlider,\n            isHoverOrDragTrack,\n            railNode,\n            setIsHoverOrDragTrack,\n            reverse,\n            setFocused: setFocusedSlider,\n            steps,\n            size,\n        } = useContext(SliderExtendedContext);\n        // Предыдущая позиция курсора при перемещении SliderExtended.Track.\n        const cursorPrevNormalizedValue = useRef(0);\n\n        const trackRef = useRef<HTMLSpanElement | null>(null);\n\n        // Перемещать трек можно только когда он ограничен двумя ползунками.\n        const innerDraggable = draggable && dots.length > 1;\n        const tabIndex = !disabled && innerDraggable && focusedSlider ? FOCUSED_TAB_INDEX : -1;\n\n        /** Сохраняет узел трека локально (для слушателей перемещения) и пробрасывает во внешний ref. */\n        const setRef = useCallback(\n            (instance: HTMLSpanElement | null) => {\n                trackRef.current = instance;\n                setForwardedRef(ref, instance);\n            },\n            [ref],\n        );\n\n        const handleDocumentMouseUp = (event: MouseEvent) => {\n            setIsDragged(false);\n            // Курсор отпущен за пределами Track.\n            if (event.target !== trackRef.current) {\n                setIsHoverOrDragTrack(false);\n            }\n\n            document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\n        };\n\n        const handleMouseDown =\n            (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLSpanElement>) => {\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"mouseup\", handleDocumentMouseUp);\n\n                if (railNode) {\n                    cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({\n                        cursorXPosition: event.clientX,\n                        railNode,\n                    });\n                }\n\n                onTargetMouseDown(event);\n                onMouseDown?.(event);\n            };\n\n        const handleMouseMove = (event: MouseEvent) =>\n            SliderExtendedTrackActions.dragDots({\n                cursorPrevNormalizedValue,\n                cursorXPosition: event.clientX,\n                dots,\n                railNode,\n                reverse,\n                steps,\n            });\n\n        const handleDocumentTouchEnd = (event: TouchEvent) => {\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            setIsDragged(false);\n            // Курсор отпущен за пределами Track.\n            if (event.target !== trackRef.current) {\n                setIsHoverOrDragTrack(false);\n            }\n\n            document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n        };\n\n        const handleTouchStart =\n            (onTargetTouchStart: TOnTargetTouchStart) => (event: React.TouchEvent<HTMLSpanElement>) => {\n                if (event.touches.length !== 1) {\n                    return;\n                }\n\n                setIsFocusedByClick(true);\n                setIsDragged(true);\n\n                document.addEventListener(\"touchend\", handleDocumentTouchEnd);\n\n                if (railNode) {\n                    cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({\n                        cursorXPosition: event.touches[0].clientX,\n                        railNode,\n                    });\n                }\n\n                onTargetTouchStart(event);\n                onTouchStart?.(event);\n            };\n\n        const handleTouchMove = (event: TouchEvent) => {\n            if (event.touches.length !== 1) {\n                return;\n            }\n\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n\n            SliderExtendedTrackActions.dragDots({\n                cursorPrevNormalizedValue,\n                cursorXPosition: event.touches[0].clientX,\n                dots,\n                railNode,\n                reverse,\n                steps,\n            });\n        };\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее. */\n        const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedTrackActions.moveToPrevStep(dots, steps);\n        };\n\n        /** Обработчик сочетаний клавиш, меняющих значение слайдера на большее. */\n        const handleKeyDownToMoveRight = (event: KeyboardEvent) => {\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n\n            SliderExtendedTrackActions.moveToNextStep(dots, steps);\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n            if (!focusedSlider) {\n                setFocusedSlider(true);\n            }\n\n            setIsFocused(true);\n            onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n            if (focusedSlider) {\n                setFocusedSlider(false);\n            }\n\n            setIsFocusedByClick(false);\n            setIsFocused(false);\n            onBlur?.(event);\n        };\n\n        const handleMouseOver = (event: React.MouseEvent<HTMLSpanElement>) => {\n            setIsHoverOrDragTrack(true);\n            onMouseOver?.(event);\n        };\n\n        const handleMouseOut = (event: React.MouseEvent<HTMLSpanElement>) => {\n            // Track в текущий момент не перетаскивается мышью.\n            if (!isDragged) {\n                setIsHoverOrDragTrack(false);\n            }\n            onMouseOut?.(event);\n        };\n\n        if (!dots.length) {\n            return null;\n        }\n\n        const { left, right } = SliderExtendedTrackActions.getTrackPosition({ dots, reverse });\n\n        return (\n            <>\n                {isFocused && (\n                    <>\n                        <KeyDownListener\n                            onMatch={handleKeyDownToMoveLeft}\n                            eventKeyCode={[EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]}\n                        />\n                        <KeyDownListener\n                            onMatch={handleKeyDownToMoveRight}\n                            eventKeyCode={[EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]}\n                        />\n                    </>\n                )}\n\n                <SliderExtendedMoveHandler\n                    mouseMoveWait={MOUSE_MOVE_WAIT}\n                    onMouseMove={handleMouseMove}\n                    onTouchMove={handleTouchMove}\n                    targetRef={trackRef}\n                >\n                    {({ onTargetMouseDown, onTargetTouchStart }) => (\n                        <span\n                            role=\"button\"\n                            tabIndex={tabIndex}\n                            {...htmlSpanAttributes}\n                            className={clsx(styles.sliderExtendedTrack, sizeToClassNameMap[size], className, {\n                                [styles.disabled]: disabled,\n                                [styles.focusedByClick]: isFocusedByClick,\n                                [styles.hoverOrDragByMouse]: isHoverOrDragTrack,\n                                // Не перетаскиваемый.\n                                [styles.staticSlider]: !innerDraggable,\n                            })}\n                            onBlur={handleBlur}\n                            onFocus={handleFocus}\n                            onMouseDown={handleMouseDown(onTargetMouseDown)}\n                            onMouseOver={handleMouseOver}\n                            onMouseOut={handleMouseOut}\n                            onTouchStart={handleTouchStart(onTargetTouchStart)}\n                            ref={setRef}\n                            style={{\n                                ...style,\n                                left: `${left}%`,\n                                right: `${right}%`,\n                            }}\n                        />\n                    )}\n                </SliderExtendedMoveHandler>\n            </>\n        );\n    },\n);\n\nSliderExtendedTrack.displayName = \"SliderExtendedTrack\";\n"],"names":["React","disabled"],"mappings":"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"}