@sberbusiness/triplex-next 1.41.1 → 1.43.0

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

@@ -1,20 +1,21 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useContext, useRef, useLayoutEffect } from "react";
-import { c as clsx, l as lodashExports } from "../../../../chunks/vendor-CtuAQuEN.js";
-import { SliderExtendedContext } from "../../SliderExtendedContext.js";
-import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
-import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
-import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
-import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
+import React__default, { useState, useContext, useRef, useCallback } from "react";
+import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.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";
-const sliderExtendedTrack = "sliderExtendedTrack__b0363802";
-const lg = "lg__693b1a60";
-const focusedByClick = "focusedByClick__4908c999";
-const hoverOrDragByMouse = "hoverOrDragByMouse__dafb90ee";
-const staticSlider = "staticSlider__cb83bdb5";
-const disabled = "disabled__aa25fd05";
+import { SliderExtendedContext } from "../../SliderExtendedContext.js";
+import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
+import { setForwardedRef } from "../../utils.js";
+import { SliderExtendedMoveHandler } from "../SliderExtendedMoveHandler.js";
+import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
+const sliderExtendedTrack = "sliderExtendedTrack__7b0f512b";
+const lg = "lg__59f3d383";
+const focusedByClick = "focusedByClick__4ae5f85d";
+const hoverOrDragByMouse = "hoverOrDragByMouse__fab7ce00";
+const staticSlider = "staticSlider__291fc66c";
+const disabled = "disabled__95328055";
 const styles = {
   sliderExtendedTrack,
   lg,
@@ -24,214 +25,210 @@ const styles = {
   disabled
 };
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
-const SliderExtendedTrack = ({
-  className,
-  draggable = true,
-  onBlur,
-  onFocus,
-  onMouseDown,
-  onMouseOver,
-  onMouseOut,
-  onTouchStart,
-  ...htmlSpanAttributes
-}) => {
-  const [isFocused, setIsFocused] = useState(false);
-  const [innerDraggable, setInnerDraggable] = useState(false);
-  const [isFocusedByClick, setIsFocusedByClick] = useState(false);
-  const [isDragged, setIsDragged] = useState(false);
-  const [tabIndex, setTabIndex] = useState(-1);
-  const {
-    disabled: disabled2,
-    dots,
-    focused: focusedSlider,
-    isHoverOrDragTrack,
-    railNode,
-    setIsHoverOrDragTrack,
-    reverse,
-    setFocused: setFocusedSlider,
-    steps,
-    size
-  } = useContext(SliderExtendedContext);
-  const cursorPrevNormalizedValue = useRef(0);
-  const ref = useRef(null);
-  useLayoutEffect(() => {
-    if (dots.length > 1 && draggable) {
-      if (!innerDraggable) {
-        setInnerDraggable(true);
+const MOUSE_MOVE_WAIT = 100;
+const FOCUSED_TAB_INDEX = 2;
+const SliderExtendedTrack = React__default.forwardRef(
+  ({
+    className,
+    draggable = true,
+    onBlur,
+    onFocus,
+    onMouseDown,
+    onMouseOver,
+    onMouseOut,
+    onTouchStart,
+    style,
+    ...htmlSpanAttributes
+  }, ref) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const [isFocusedByClick, setIsFocusedByClick] = useState(false);
+    const [isDragged, setIsDragged] = useState(false);
+    const {
+      disabled: disabled2,
+      dots,
+      focused: focusedSlider,
+      isHoverOrDragTrack,
+      railNode,
+      setIsHoverOrDragTrack,
+      reverse,
+      setFocused: setFocusedSlider,
+      steps,
+      size
+    } = useContext(SliderExtendedContext);
+    const cursorPrevNormalizedValue = useRef(0);
+    const trackRef = useRef(null);
+    const innerDraggable = draggable && dots.length > 1;
+    const tabIndex = !disabled2 && innerDraggable && focusedSlider ? FOCUSED_TAB_INDEX : -1;
+    const setRef = useCallback(
+      (instance) => {
+        trackRef.current = instance;
+        setForwardedRef(ref, instance);
+      },
+      [ref]
+    );
+    const handleDocumentMouseUp = (event) => {
+      setIsDragged(false);
+      if (event.target !== trackRef.current) {
+        setIsHoverOrDragTrack(false);
       }
-    } else if (innerDraggable !== false) {
-      setInnerDraggable(false);
-    }
-  }, [dots, draggable]);
-  useLayoutEffect(() => {
-    if (dots.length > 1) {
-      if (focusedSlider) {
-        setTabIndex(2);
-      } else {
-        setTabIndex(-1);
+      document.removeEventListener("mouseup", handleDocumentMouseUp);
+    };
+    const handleMouseDown = (onTargetMouseDown) => (event) => {
+      setIsFocusedByClick(true);
+      setIsDragged(true);
+      document.addEventListener("mouseup", handleDocumentMouseUp);
+      if (railNode) {
+        cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({
+          cursorXPosition: event.clientX,
+          railNode
+        });
       }
-    }
-  }, [focusedSlider]);
-  if (!dots.length) {
-    return null;
-  }
-  const handleMouseDown = (onTargetMouseDown) => (event) => {
-    setIsFocusedByClick(true);
-    setIsDragged(true);
-    document.addEventListener("mouseup", handleDocumentMouseUp);
-    if (railNode) {
-      cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({
-        cursorXPosition: event.clientX,
-        railNode
-      });
-    }
-    onTargetMouseDown(event);
-    onMouseDown == null ? void 0 : onMouseDown(event);
-  };
-  const handleMouseMove = (event) => SliderExtendedTrackActions.dragDots({
-    cursorPrevNormalizedValue,
-    cursorXPosition: event.clientX,
-    dots,
-    railNode,
-    reverse,
-    steps
-  });
-  const handleDocumentMouseUp = (event) => {
-    setIsDragged(false);
-    if (event.target !== ref.current) {
-      setIsHoverOrDragTrack(false);
-    }
-    document.removeEventListener("mouseup", handleDocumentMouseUp);
-  };
-  const handleTouchStart = (onTargetTouchStart) => (event) => {
-    if (event.touches.length != 1) {
-      return;
-    }
-    setIsFocusedByClick(true);
-    setIsDragged(true);
-    document.addEventListener("touchend", handleDocumentTouchEnd);
-    if (railNode) {
-      cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({
-        cursorXPosition: event.touches[0].clientX,
-        railNode
-      });
-    }
-    onTargetTouchStart(event);
-    onTouchStart == null ? void 0 : onTouchStart(event);
-  };
-  const handleTouchMove = (event) => {
-    if (event.touches.length != 1) {
-      return;
-    }
-    if (event.cancelable) {
-      event.preventDefault();
-    }
-    SliderExtendedTrackActions.dragDots({
+      onTargetMouseDown(event);
+      onMouseDown == null ? void 0 : onMouseDown(event);
+    };
+    const handleMouseMove = (event) => SliderExtendedTrackActions.dragDots({
       cursorPrevNormalizedValue,
-      cursorXPosition: event.touches[0].clientX,
+      cursorXPosition: event.clientX,
       dots,
       railNode,
       reverse,
       steps
     });
-  };
-  const handleDocumentTouchEnd = (event) => {
-    if (event.cancelable) {
+    const handleDocumentTouchEnd = (event) => {
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+      setIsDragged(false);
+      if (event.target !== trackRef.current) {
+        setIsHoverOrDragTrack(false);
+      }
+      document.removeEventListener("touchend", handleDocumentTouchEnd);
+    };
+    const handleTouchStart = (onTargetTouchStart) => (event) => {
+      if (event.touches.length !== 1) {
+        return;
+      }
+      setIsFocusedByClick(true);
+      setIsDragged(true);
+      document.addEventListener("touchend", handleDocumentTouchEnd);
+      if (railNode) {
+        cursorPrevNormalizedValue.current = SliderExtendedUtils.getNormalizedCursorValue({
+          cursorXPosition: event.touches[0].clientX,
+          railNode
+        });
+      }
+      onTargetTouchStart(event);
+      onTouchStart == null ? void 0 : onTouchStart(event);
+    };
+    const handleTouchMove = (event) => {
+      if (event.touches.length !== 1) {
+        return;
+      }
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+      SliderExtendedTrackActions.dragDots({
+        cursorPrevNormalizedValue,
+        cursorXPosition: event.touches[0].clientX,
+        dots,
+        railNode,
+        reverse,
+        steps
+      });
+    };
+    const handleKeyDownToMoveLeft = (event) => {
       event.preventDefault();
+      SliderExtendedTrackActions.moveToPrevStep(dots, steps);
+    };
+    const handleKeyDownToMoveRight = (event) => {
+      event.preventDefault();
+      SliderExtendedTrackActions.moveToNextStep(dots, steps);
+    };
+    const handleFocus = (event) => {
+      if (!focusedSlider) {
+        setFocusedSlider(true);
+      }
+      setIsFocused(true);
+      onFocus == null ? void 0 : onFocus(event);
+    };
+    const handleBlur = (event) => {
+      if (focusedSlider) {
+        setFocusedSlider(false);
+      }
+      setIsFocusedByClick(false);
+      setIsFocused(false);
+      onBlur == null ? void 0 : onBlur(event);
+    };
+    const handleMouseOver = (event) => {
+      setIsHoverOrDragTrack(true);
+      onMouseOver == null ? void 0 : onMouseOver(event);
+    };
+    const handleMouseOut = (event) => {
+      if (!isDragged) {
+        setIsHoverOrDragTrack(false);
+      }
+      onMouseOut == null ? void 0 : onMouseOut(event);
+    };
+    if (!dots.length) {
+      return null;
     }
-    setIsDragged(false);
-    if (event.target !== ref.current) {
-      setIsHoverOrDragTrack(false);
-    }
-    document.removeEventListener("touchend", handleDocumentTouchEnd);
-  };
-  const handleKeyDownToMoveLeft = (event) => {
-    event.preventDefault();
-    SliderExtendedTrackActions.moveToPrevStep(dots, steps);
-  };
-  const handleKeyDownToMoveRight = (event) => {
-    event.preventDefault();
-    SliderExtendedTrackActions.moveToNextStep(dots, steps);
-  };
-  const handleFocus = (event) => {
-    if (!focusedSlider) {
-      setFocusedSlider(true);
-    }
-    setIsFocused(true);
-    onFocus == null ? void 0 : onFocus(event);
-  };
-  const handleBlur = (event) => {
-    if (focusedSlider) {
-      setFocusedSlider(false);
-    }
-    setIsFocusedByClick(false);
-    setIsFocused(false);
-    onBlur == null ? void 0 : onBlur(event);
-  };
-  const handleMouseOver = (event) => {
-    setIsHoverOrDragTrack(true);
-    onMouseOver == null ? void 0 : onMouseOver(event);
-  };
-  const handleMouseOut = (event) => {
-    if (!isDragged) {
-      setIsHoverOrDragTrack(false);
-    }
-    onMouseOut == null ? void 0 : onMouseOut(event);
-  };
-  const { left, right } = SliderExtendedTrackActions.getTrackPosition({ dots, reverse });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isFocused && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        KeyDownListener,
-        {
-          onMatch: handleKeyDownToMoveLeft,
-          eventKeyCode: [EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]
-        }
-      ),
+    const { left, right } = SliderExtendedTrackActions.getTrackPosition({ dots, reverse });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      isFocused && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          KeyDownListener,
+          {
+            onMatch: handleKeyDownToMoveLeft,
+            eventKeyCode: [EVENT_KEY_CODES.ARROW_LEFT, EVENT_KEY_CODES.ARROW_DOWN]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KeyDownListener,
+          {
+            onMatch: handleKeyDownToMoveRight,
+            eventKeyCode: [EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(
-        KeyDownListener,
+        SliderExtendedMoveHandler,
         {
-          onMatch: handleKeyDownToMoveRight,
-          eventKeyCode: [EVENT_KEY_CODES.ARROW_RIGHT, EVENT_KEY_CODES.ARROW_UP]
+          mouseMoveWait: MOUSE_MOVE_WAIT,
+          onMouseMove: handleMouseMove,
+          onTouchMove: handleTouchMove,
+          targetRef: trackRef,
+          children: ({ onTargetMouseDown, onTargetTouchStart }) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              role: "button",
+              tabIndex,
+              ...htmlSpanAttributes,
+              className: clsx(styles.sliderExtendedTrack, sizeToClassNameMap[size], className, {
+                [styles.disabled]: disabled2,
+                [styles.focusedByClick]: isFocusedByClick,
+                [styles.hoverOrDragByMouse]: isHoverOrDragTrack,
+                // Не перетаскиваемый.
+                [styles.staticSlider]: !innerDraggable
+              }),
+              onBlur: handleBlur,
+              onFocus: handleFocus,
+              onMouseDown: handleMouseDown(onTargetMouseDown),
+              onMouseOver: handleMouseOver,
+              onMouseOut: handleMouseOut,
+              onTouchStart: handleTouchStart(onTargetTouchStart),
+              ref: setRef,
+              style: {
+                ...style,
+                left: `${left}%`,
+                right: `${right}%`
+              }
+            }
+          )
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx(
-      SliderExtendedMoveHandler,
-      {
-        onMouseMove: lodashExports.throttle(handleMouseMove, 100),
-        onTouchMove: lodashExports.throttle(handleTouchMove),
-        targetRef: ref,
-        children: ({ onTargetMouseDown, onTargetTouchStart }) => /* @__PURE__ */ jsx(
-          "span",
-          {
-            role: "button",
-            tabIndex: !disabled2 && innerDraggable ? tabIndex : -1,
-            ...htmlSpanAttributes,
-            className: clsx(styles.sliderExtendedTrack, sizeToClassNameMap[size], className, {
-              [styles.disabled]: disabled2,
-              [styles.focusedByClick]: isFocusedByClick,
-              [styles.hoverOrDragByMouse]: isHoverOrDragTrack,
-              // Не перетаскиваемый.
-              [styles.staticSlider]: !innerDraggable
-            }),
-            onBlur: handleBlur,
-            onFocus: handleFocus,
-            onMouseDown: handleMouseDown(onTargetMouseDown),
-            onMouseOver: handleMouseOver,
-            onMouseOut: handleMouseOut,
-            onTouchStart: handleTouchStart(onTargetTouchStart),
-            ref,
-            style: {
-              left: `${left}%`,
-              right: `${right}%`
-            }
-          }
-        )
-      }
-    )
-  ] });
-};
+    ] });
+  }
+);
 SliderExtendedTrack.displayName = "SliderExtendedTrack";
 export {
   SliderExtendedTrack

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, { useState, useLayoutEffect, useContext, useRef } from \"react\";\nimport { throttle } from \"lodash\";\nimport { SliderExtendedContext } from \"../../SliderExtendedContext\";\nimport { SliderExtendedMoveHandler, TOnTargetMouseDown, TOnTargetTouchStart } from \"../SliderExtendedMoveHandler\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\nimport { SliderExtendedTrackActions } from \"./SliderExtendedTrackActions\";\nimport clsx from \"clsx\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { KeyDownListener } from \"@sberbusiness/triplex-next/components/KeyDownListener\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SliderExtendedTrack.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport interface ISliderExtendedTrackProps extends React.HTMLAttributes<HTMLSpanElement> {\n    children?: never;\n    /** Трек можно передвигать. По-умолчанию true. */\n    draggable?: boolean;\n}\n\n/**\n * Компонент полосы между двумя SliderExtendedDot.\n */\nexport const SliderExtendedTrack: React.FC<ISliderExtendedTrackProps> = ({\n    className,\n    draggable = true,\n    onBlur,\n    onFocus,\n    onMouseDown,\n    onMouseOver,\n    onMouseOut,\n    onTouchStart,\n    ...htmlSpanAttributes\n}) => {\n    // Элемент в фокусе.\n    const [isFocused, setIsFocused] = useState(false);\n    // Track можно передвигать.\n    const [innerDraggable, setInnerDraggable] = useState(false);\n    // Track получил фокус при клике.\n    const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n    // Track в текущий момент перетаскивается мышью.\n    const [isDragged, setIsDragged] = useState(false);\n    const [tabIndex, setTabIndex] = useState(-1);\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 ref = useRef<HTMLSpanElement | null>(null);\n\n    useLayoutEffect(() => {\n        if (dots.length > 1 && draggable) {\n            if (!innerDraggable) {\n                setInnerDraggable(true);\n            }\n        } else if (innerDraggable !== false) {\n            setInnerDraggable(false);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [dots, draggable]);\n\n    useLayoutEffect(() => {\n        if (dots.length > 1) {\n            if (focusedSlider) {\n                setTabIndex(2);\n            } else {\n                setTabIndex(-1);\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [focusedSlider]);\n\n    if (!dots.length) {\n        return null;\n    }\n\n    const handleMouseDown = (onTargetMouseDown: TOnTargetMouseDown) => (event: React.MouseEvent<HTMLDivElement>) => {\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 handleDocumentMouseUp = (event: MouseEvent) => {\n        setIsDragged(false);\n        // Курсор отпущен за пределами Track.\n        if (event.target !== ref.current) {\n            setIsHoverOrDragTrack(false);\n        }\n\n        document.removeEventListener(\"mouseup\", handleDocumentMouseUp);\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    const handleDocumentTouchEnd = (event: TouchEvent) => {\n        if (event.cancelable) {\n            event.preventDefault();\n        }\n\n        setIsDragged(false);\n        // Курсор отпущен за пределами Track.\n        if (event.target !== ref.current) {\n            setIsHoverOrDragTrack(false);\n        }\n\n        document.removeEventListener(\"touchend\", handleDocumentTouchEnd);\n    };\n\n    /**\n     * Обработчик сочетаний клавиш, меняющих значение слайдера на меньшее.\n     */\n    const handleKeyDownToMoveLeft = (event: KeyboardEvent) => {\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n\n        SliderExtendedTrackActions.moveToPrevStep(dots, steps);\n    };\n\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    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                onMouseMove={throttle(handleMouseMove, 100)}\n                onTouchMove={throttle(handleTouchMove)}\n                targetRef={ref}\n            >\n                {({ onTargetMouseDown, onTargetTouchStart }) => (\n                    <span\n                        role=\"button\"\n                        tabIndex={!disabled && innerDraggable ? tabIndex : -1}\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={ref}\n                        style={{\n                            left: `${left}%`,\n                            right: `${right}%`,\n                        }}\n                    />\n                )}\n            </SliderExtendedMoveHandler>\n        </>\n    );\n};\n\nSliderExtendedTrack.displayName = \"SliderExtendedTrack\";\n"],"names":["disabled","throttle"],"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 \"../../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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"}

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

@@ -1,7 +1,7 @@
 import { SliderExtendedUtils } from "../../SliderExtendedUtils.js";
 const SliderExtendedTrackActions = {
   dragDots: ({ cursorPrevNormalizedValue, cursorXPosition, dots, railNode, reverse, steps }) => {
-    if (railNode) {
+    if (railNode && dots.length > 1 && steps.length > 1) {
       const cursorNormalizedValue = SliderExtendedUtils.getNormalizedCursorValue({
         cursorXPosition,
         railNode

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

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedTrackActions.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrackActions.ts"],"sourcesContent":["import { ISliderExtendedDot, ISliderExtendedStep } from \"../../SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\n\ninterface ISliderExtendedTrackActions {\n    /**\n     * Перемещение SliderExtended.Dots, при перемещении SliderExtended.Track.\n     */\n    dragDots: (params: {\n        cursorPrevNormalizedValue: React.MutableRefObject<number>;\n        cursorXPosition: number;\n        dots: ISliderExtendedDot[];\n        railNode: HTMLDivElement | null;\n        reverse: boolean;\n        steps: ISliderExtendedStep[];\n    }) => void;\n    /**\n     * Возвращает левую и правую позиции трека.\n     */\n    getTrackPosition: (params: { dots: ISliderExtendedDot[]; reverse: boolean }) => { left: number; right: number };\n    /**\n     * Перемещение трека и точек на следующий шаг.\n     */\n    moveToNextStep: (dots: ISliderExtendedDot[], steps: ISliderExtendedStep[]) => void;\n    /**\n     * Перемещение трека и точек на предыдущий шаг.\n     */\n    moveToPrevStep: (dots: ISliderExtendedDot[], steps: ISliderExtendedStep[]) => void;\n}\n\nexport const SliderExtendedTrackActions: ISliderExtendedTrackActions = {\n    dragDots: ({ cursorPrevNormalizedValue, cursorXPosition, dots, railNode, reverse, steps }) => {\n        if (railNode) {\n            /**\n             * Текущая позиция курсора относительно слайдера, в процентах.\n             */\n            const cursorNormalizedValue = SliderExtendedUtils.getNormalizedCursorValue({\n                cursorXPosition,\n                railNode,\n            });\n\n            /**\n             * Разница между текущей позицией курсора и предыдущей, в процентах.\n             */\n            const cursorDelta = cursorPrevNormalizedValue.current - cursorNormalizedValue;\n\n            /**\n             * Длина шага, в процентах.\n             */\n            const stepLength = steps[1].normalizedValue - steps[0].normalizedValue;\n\n            /**\n             * Изменение позиции курсора, в шагах.\n             */\n            let cursorDeltaInSteps = -Math.trunc(cursorDelta / stepLength);\n\n            if (reverse) {\n                cursorDeltaInSteps = cursorDeltaInSteps * -1;\n            }\n\n            if (cursorDeltaInSteps !== 0) {\n                /**\n                 * Левая SliderExtended.Dot.\n                 */\n                let leftDot: ISliderExtendedDot;\n                /**\n                 * Правая SliderExtended.Dot.\n                 */\n                let rightDot: ISliderExtendedDot;\n\n                if (dots[0].value < dots[1].value) {\n                    leftDot = dots[0];\n                    rightDot = dots[1];\n                } else {\n                    leftDot = dots[1];\n                    rightDot = dots[0];\n                }\n\n                // Track находится на границе слайдера и дальше двигаться некуда.\n                if (\n                    (leftDot.stepIndex === 0 && cursorDeltaInSteps <= 0) ||\n                    (rightDot.stepIndex === steps.length - 1 && cursorDeltaInSteps >= 0)\n                ) {\n                    return;\n                }\n\n                let leftDotNextStepIndex = leftDot.stepIndex + cursorDeltaInSteps;\n                let rightDotNextStepIndex = rightDot.stepIndex + cursorDeltaInSteps;\n\n                // leftDotNextStepIndex меньше минимально возможного.\n                if (leftDotNextStepIndex < 0) {\n                    rightDotNextStepIndex = rightDotNextStepIndex - leftDotNextStepIndex;\n                    leftDotNextStepIndex = 0;\n                }\n\n                // rightDotNextStepIndex больше максимально возможного.\n                if (rightDotNextStepIndex > steps.length - 1) {\n                    leftDotNextStepIndex = leftDotNextStepIndex - (rightDotNextStepIndex - steps.length + 1);\n                    rightDotNextStepIndex = steps.length - 1;\n                }\n\n                cursorPrevNormalizedValue.current = cursorNormalizedValue;\n                leftDot.changeValue(steps[leftDotNextStepIndex].value);\n                rightDot.changeValue(steps[rightDotNextStepIndex].value);\n            }\n        }\n    },\n    getTrackPosition: ({ dots, reverse }) => {\n        const position = {\n            left: 0,\n            right: 0,\n        };\n\n        // Слайдер с одним Slider.Dot.\n        if (dots.length === 1) {\n            if (reverse) {\n                position.left = 100 - dots[0].normalizedValue;\n                position.right = 0;\n            } else {\n                position.left = 0;\n                position.right = 100 - dots[0].normalizedValue;\n            }\n            // Слайдер с двумя Slider.Dot.\n        } else {\n            if (reverse) {\n                if (dots[0].value < dots[1].value) {\n                    position.right = dots[0].normalizedValue;\n                    position.left = 100 - dots[1].normalizedValue;\n                } else {\n                    position.right = dots[1].normalizedValue;\n                    position.left = 100 - dots[0].normalizedValue;\n                }\n            } else {\n                if (dots[0].value < dots[1].value) {\n                    position.left = dots[0].normalizedValue;\n                    position.right = 100 - dots[1].normalizedValue;\n                } else {\n                    position.left = dots[1].normalizedValue;\n                    position.right = 100 - dots[0].normalizedValue;\n                }\n            }\n        }\n\n        return position;\n    },\n    moveToNextStep: (dots, steps) => {\n        if (dots.every((d) => d.stepIndex !== steps.length - 1)) {\n            dots.forEach((d) => d.changeValue(steps[d.stepIndex + 1].value));\n        }\n    },\n    moveToPrevStep: (dots, steps) => {\n        if (dots.every((d) => d.stepIndex !== 0)) {\n            dots.forEach((d) => d.changeValue(steps[d.stepIndex - 1].value));\n        }\n    },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SliderExtendedTrackActions.js","sources":["../../../../../src/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrackActions.ts"],"sourcesContent":["import { ISliderExtendedDot, ISliderExtendedStep } from \"../../SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"../../SliderExtendedUtils\";\n\ninterface ISliderExtendedTrackActions {\n    /**\n     * Перемещение SliderExtended.Dots, при перемещении SliderExtended.Track.\n     * Ничего не делает, пока трек не ограничен двумя точками и шагов меньше двух.\n     */\n    dragDots: (params: {\n        cursorPrevNormalizedValue: React.MutableRefObject<number>;\n        cursorXPosition: number;\n        dots: ISliderExtendedDot[];\n        railNode: HTMLDivElement | null;\n        reverse: boolean;\n        steps: ISliderExtendedStep[];\n    }) => void;\n    /**\n     * Возвращает левую и правую позиции трека.\n     */\n    getTrackPosition: (params: { dots: ISliderExtendedDot[]; reverse: boolean }) => { left: number; right: number };\n    /**\n     * Перемещение трека и точек на следующий шаг.\n     */\n    moveToNextStep: (dots: ISliderExtendedDot[], steps: ISliderExtendedStep[]) => void;\n    /**\n     * Перемещение трека и точек на предыдущий шаг.\n     */\n    moveToPrevStep: (dots: ISliderExtendedDot[], steps: ISliderExtendedStep[]) => void;\n}\n\nexport const SliderExtendedTrackActions: ISliderExtendedTrackActions = {\n    dragDots: ({ cursorPrevNormalizedValue, cursorXPosition, dots, railNode, reverse, steps }) => {\n        if (railNode && dots.length > 1 && steps.length > 1) {\n            /**\n             * Текущая позиция курсора относительно слайдера, в процентах.\n             */\n            const cursorNormalizedValue = SliderExtendedUtils.getNormalizedCursorValue({\n                cursorXPosition,\n                railNode,\n            });\n\n            /**\n             * Разница между текущей позицией курсора и предыдущей, в процентах.\n             */\n            const cursorDelta = cursorPrevNormalizedValue.current - cursorNormalizedValue;\n\n            /**\n             * Длина шага, в процентах.\n             */\n            const stepLength = steps[1].normalizedValue - steps[0].normalizedValue;\n\n            /**\n             * Изменение позиции курсора, в шагах.\n             */\n            let cursorDeltaInSteps = -Math.trunc(cursorDelta / stepLength);\n\n            if (reverse) {\n                cursorDeltaInSteps = cursorDeltaInSteps * -1;\n            }\n\n            if (cursorDeltaInSteps !== 0) {\n                /**\n                 * Левая SliderExtended.Dot.\n                 */\n                let leftDot: ISliderExtendedDot;\n                /**\n                 * Правая SliderExtended.Dot.\n                 */\n                let rightDot: ISliderExtendedDot;\n\n                if (dots[0].value < dots[1].value) {\n                    leftDot = dots[0];\n                    rightDot = dots[1];\n                } else {\n                    leftDot = dots[1];\n                    rightDot = dots[0];\n                }\n\n                // Track находится на границе слайдера и дальше двигаться некуда.\n                if (\n                    (leftDot.stepIndex === 0 && cursorDeltaInSteps <= 0) ||\n                    (rightDot.stepIndex === steps.length - 1 && cursorDeltaInSteps >= 0)\n                ) {\n                    return;\n                }\n\n                let leftDotNextStepIndex = leftDot.stepIndex + cursorDeltaInSteps;\n                let rightDotNextStepIndex = rightDot.stepIndex + cursorDeltaInSteps;\n\n                // leftDotNextStepIndex меньше минимально возможного.\n                if (leftDotNextStepIndex < 0) {\n                    rightDotNextStepIndex = rightDotNextStepIndex - leftDotNextStepIndex;\n                    leftDotNextStepIndex = 0;\n                }\n\n                // rightDotNextStepIndex больше максимально возможного.\n                if (rightDotNextStepIndex > steps.length - 1) {\n                    leftDotNextStepIndex = leftDotNextStepIndex - (rightDotNextStepIndex - steps.length + 1);\n                    rightDotNextStepIndex = steps.length - 1;\n                }\n\n                cursorPrevNormalizedValue.current = cursorNormalizedValue;\n                leftDot.changeValue(steps[leftDotNextStepIndex].value);\n                rightDot.changeValue(steps[rightDotNextStepIndex].value);\n            }\n        }\n    },\n    getTrackPosition: ({ dots, reverse }) => {\n        const position = {\n            left: 0,\n            right: 0,\n        };\n\n        // Слайдер с одним Slider.Dot.\n        if (dots.length === 1) {\n            if (reverse) {\n                position.left = 100 - dots[0].normalizedValue;\n                position.right = 0;\n            } else {\n                position.left = 0;\n                position.right = 100 - dots[0].normalizedValue;\n            }\n            // Слайдер с двумя Slider.Dot.\n        } else {\n            if (reverse) {\n                if (dots[0].value < dots[1].value) {\n                    position.right = dots[0].normalizedValue;\n                    position.left = 100 - dots[1].normalizedValue;\n                } else {\n                    position.right = dots[1].normalizedValue;\n                    position.left = 100 - dots[0].normalizedValue;\n                }\n            } else {\n                if (dots[0].value < dots[1].value) {\n                    position.left = dots[0].normalizedValue;\n                    position.right = 100 - dots[1].normalizedValue;\n                } else {\n                    position.left = dots[1].normalizedValue;\n                    position.right = 100 - dots[0].normalizedValue;\n                }\n            }\n        }\n\n        return position;\n    },\n    moveToNextStep: (dots, steps) => {\n        if (dots.every((d) => d.stepIndex !== steps.length - 1)) {\n            dots.forEach((d) => d.changeValue(steps[d.stepIndex + 1].value));\n        }\n    },\n    moveToPrevStep: (dots, steps) => {\n        if (dots.every((d) => d.stepIndex !== 0)) {\n            dots.forEach((d) => d.changeValue(steps[d.stepIndex - 1].value));\n        }\n    },\n};\n"],"names":[],"mappings":"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"}

package/components/SliderExtended/utils.js

@@ -0,0 +1,11 @@
+function setForwardedRef(ref, instance) {
+  if (typeof ref === "function") {
+    ref(instance);
+  } else if (ref) {
+    ref.current = instance;
+  }
+}
+export {
+  setForwardedRef
+};
+//# sourceMappingURL=utils.js.map

package/components/SliderExtended/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/SliderExtended/utils.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * Записать значение в forwarded ref (callback-ref или объектный ref).\n * Нужен субкомпонентам SliderExtended, которые совмещают внешний ref с собственным внутренним.\n */\nexport function setForwardedRef<T>(ref: React.ForwardedRef<T>, instance: T | null): void {\n    if (typeof ref === \"function\") {\n        ref(instance);\n    } else if (ref) {\n        ref.current = instance;\n    }\n}\n"],"names":[],"mappings":"AAMO,SAAS,gBAAmB,KAA4B,UAA0B;AACrF,MAAI,OAAO,QAAQ,YAAY;AAC3B,QAAI,QAAQ;AAAA,EAChB,WAAW,KAAK;AACZ,QAAI,UAAU;AAAA,EAClB;AACJ;"}

package/components/SmallInput/SmallInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const smallInput = "smallInput__d5db4104";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const smallInput = "smallInput__c7c35346";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -8,16 +8,16 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-const spoiler = "spoiler__61e0f261";
-const opened = "opened__47ab150f";
-const caretIcon = "caretIcon__cc93a4e7";
-const head = "head__18b107c4";
-const content = "content__62e00a12";
-const hidden = "hidden__1c7b93b2";
-const lg = "lg__2f91948c";
-const md = "md__4e055f6e";
-const sm = "sm__1379e61f";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const spoiler = "spoiler__bbe6ae04";
+const opened = "opened__f3e6f70d";
+const caretIcon = "caretIcon__3556d635";
+const head = "head__674dd0f0";
+const content = "content__c4077df5";
+const hidden = "hidden__68e1c8da";
+const lg = "lg__07e19f86";
+const md = "md__ced04e1c";
+const sm = "sm__86a03409";
 const styles = {
   spoiler,
   opened,
@@ -69,7 +69,7 @@ const Spoiler = React__default.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.41.1", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "1.43.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../chunks/StatusTracker.module-DYVyu4Qv.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../chunks/StatusTracker.module-D4AWWtIs.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -30,7 +30,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "1.41.1",
+        "data-tx": "1.43.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, TYPE_TO_CLASS_NAME_MAP[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, TYPE_TO_CLASS_NAME_MAP[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, VERTICAL_ALIGN_TO_CLASS_NAME_MAP[verticalAlign]), children })