@sberbusiness/triplex-next 1.41.1 → 1.43.0

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-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.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__92a73756";
-const caretIcon = "caretIcon__5f090ff9";
-const selectOpened = "selectOpened__48b937c1";
-const disabled = "disabled__306b11af";
-const target = "target__3d88c7b3";
-const caretWrapper = "caretWrapper__208c6f41";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__67de6897";
+const caretIcon = "caretIcon__d4314cdf";
+const selectOpened = "selectOpened__7ddb0541";
+const disabled = "disabled__f241cd52";
+const target = "target__88c4fd77";
+const caretWrapper = "caretWrapper__ecf7edf8";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.41.1",
+        "data-tx": "1.43.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-BVgGltGX.js";
+import "../../chunks/DropdownListItem-hLJFQ_q0.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-CtuAQuEN.js";
+import { u as uniqueId } from "../../chunks/vendor-D4wvHis9.js";
 const SelectField = React__default.forwardRef((props, ref) => {
   const {
     children,

package/components/Skeleton/Skeleton.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__e8cd4a61";
-const light = "light__85924a5f";
-const dark = "dark__76e65481";
+const skeleton = "skeleton__c8078f02";
+const light = "light__b68101f6";
+const dark = "dark__cbf5440f";
 const styles = {
   skeleton,
   light,
@@ -17,7 +17,7 @@ const Skeleton = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }
       [styles.light]: type === ESkeletonType.LIGHT
     }),
     ...htmlDivAttributes,
-    "data-tx": "1.41.1"
+    "data-tx": "1.43.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -1,120 +1,96 @@
 import { jsx } from "react/jsx-runtime";
-import { useState, useLayoutEffect } from "react";
-import { c as clsx, l as lodashExports } from "../../chunks/vendor-CtuAQuEN.js";
+import React__default, { useState, useMemo } from "react";
+import { k as range, c as clsx } from "../../chunks/vendor-D4wvHis9.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-D7gQetwK.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-BrLpOwFy.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
+import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
 import { SliderExtendedUtils } from "./SliderExtendedUtils.js";
-import { SliderExtendedTooltip } from "./components/SliderExtendedTooltip/SliderExtendedTooltip.js";
-import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
-const SliderExtendedBase = ({
-  children,
-  disabled,
-  max,
-  min,
-  reverse = false,
-  step,
-  size,
-  ...htmlDivAttributes
-}) => {
-  const [dots, setDots] = useState([]);
-  const [focused, setFocused] = useState(false);
-  const [isHoverOrDragTrack, setIsHoverOrDragTrack] = useState(false);
-  const [railNode, setRailNode] = useState(null);
-  const [steps, setSteps] = useState([]);
-  const addDot = (dot) => {
-    setDots((prevDots) => {
-      const nextDots = [...prevDots];
-      nextDots.push(dot);
-      return nextDots;
-    });
-  };
-  const removeDot = (id) => {
-    setDots((prevDots) => [...prevDots.filter((dot) => dot.id !== id)]);
-  };
-  const updateDot = (dot) => {
-    setDots((prevDots) => {
-      const nextDots = [...prevDots];
-      nextDots.some((d) => {
-        if (d.id === dot.id) {
-          d = Object.assign(d, dot);
-          return true;
+const SliderExtendedBase = React__default.forwardRef(
+  ({ children, className, disabled, max, min, reverse = false, step, size, ...htmlDivAttributes }, ref) => {
+    const [dots, setDots] = useState([]);
+    const [focused, setFocused] = useState(false);
+    const [isHoverOrDragTrack, setIsHoverOrDragTrack] = useState(false);
+    const [railNode, setRailNode] = useState(null);
+    const steps = useMemo(() => {
+      const values = typeof step === "number" ? [...range(min, max, step), max] : step;
+      return values.map((value) => ({
+        normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value }),
+        value
+      }));
+    }, [max, min, step]);
+    const addDot = (dot) => {
+      setDots((prevDots) => [...prevDots, dot]);
+    };
+    const removeDot = (id) => {
+      setDots((prevDots) => prevDots.filter((dot) => dot.id !== id));
+    };
+    const updateDot = (dot) => {
+      setDots((prevDots) => {
+        const prevDot = prevDots.find((d) => d.id === dot.id);
+        if (prevDot) {
+          Object.assign(prevDot, dot);
         }
+        return [...prevDots];
       });
-      return nextDots;
-    });
-  };
-  useLayoutEffect(() => {
-    const generateSteps = () => {
-      if (typeof step === "number") {
-        const values = [...lodashExports.range(min, max, step), max];
-        setSteps(
-          values.map((value) => ({
-            normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value }),
-            value
-          }))
-        );
-      } else {
-        setSteps(
-          step.map((val) => ({
-            normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value: val }),
-            value: val
-          }))
-        );
-      }
     };
-    generateSteps();
-  }, [min, max, step]);
-  if (!steps.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    SliderExtendedContext.Provider,
-    {
-      value: {
-        addDot,
-        disabled: Boolean(disabled),
-        dots,
-        focused,
-        isHoverOrDragTrack,
-        max,
-        min,
-        railNode,
-        removeDot,
-        reverse: Boolean(reverse),
-        setFocused,
-        setIsHoverOrDragTrack,
-        setRailNode,
-        steps,
-        updateDot,
-        size
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx(styles.sliderExtended, sizeToClassNameMap[size], {
-            [styles.disabled]: Boolean(disabled)
-          }),
-          ...htmlDivAttributes,
-          "data-tx": "1.41.1",
-          children
-        }
-      )
+    if (!steps.length) {
+      return null;
     }
-  );
-};
-const SliderExtended = SliderExtendedBase;
-SliderExtended.displayName = "SliderExtended";
-SliderExtended.Dot = SliderExtendedDot;
-SliderExtended.Mark = SliderExtendedMark;
-SliderExtended.Marks = SliderExtendedMarks;
-SliderExtended.Rail = SliderExtendedRail;
-SliderExtended.Track = SliderExtendedTrack;
-SliderExtended.Tooltip = SliderExtendedTooltip;
+    return /* @__PURE__ */ jsx(
+      SliderExtendedContext.Provider,
+      {
+        value: {
+          addDot,
+          disabled: Boolean(disabled),
+          dots,
+          focused,
+          isHoverOrDragTrack,
+          max,
+          min,
+          railNode,
+          removeDot,
+          reverse,
+          setFocused,
+          setIsHoverOrDragTrack,
+          setRailNode,
+          steps,
+          updateDot,
+          size
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              styles.sliderExtended,
+              sizeToClassNameMap[size],
+              { [styles.disabled]: disabled },
+              className
+            ),
+            ...htmlDivAttributes,
+            "data-tx": "1.43.0",
+            ref,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+SliderExtendedBase.displayName = "SliderExtended";
+const SliderExtended = Object.assign(SliderExtendedBase, {
+  Dot: SliderExtendedDot,
+  Mark: SliderExtendedMark,
+  Marks: SliderExtendedMarks,
+  Rail: SliderExtendedRail,
+  Track: SliderExtendedTrack,
+  Tooltip: SliderExtendedTooltip
+});
 export {
   SliderExtended
 };

package/components/SliderExtended/SliderExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderExtended.js","sources":["../../../src/components/SliderExtended/SliderExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport { useState, useLayoutEffect } from \"react\";\nimport { range } from \"lodash\";\nimport { SliderExtendedDot } from \"./components/SliderExtendedDot/SliderExtendedDot\";\nimport { SliderExtendedMarks } from \"./components/SliderExtendedMarks/SliderExtendedMarks\";\nimport { SliderExtendedMark } from \"./components/SliderExtendedMarks/SliderExtendedMark\";\nimport { SliderExtendedRail } from \"./components/SliderExtendedRail\";\nimport { SliderExtendedTrack } from \"./components/SliderExtendedTrack/SliderExtendedTrack\";\nimport { ISliderExtendedDot, ISliderExtendedStep, SliderExtendedContext } from \"./SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"./SliderExtendedUtils\";\nimport { SliderExtendedTooltip } from \"./components/SliderExtendedTooltip/SliderExtendedTooltip\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/SliderExtended.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства компонента SliderExtended. */\nexport interface ISliderExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Слайдер не активен. */\n    disabled?: boolean;\n    /** Максимальное значение слайдера. */\n    max: number;\n    /** Минимальное значение слайдера. */\n    min: number;\n    /** Реверсивный слайдер. */\n    reverse?: boolean;\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    size: EComponentSize.MD | EComponentSize.LG;\n}\n\nconst SliderExtendedBase: React.FC<ISliderExtendedProps> = ({\n    children,\n    disabled,\n    max,\n    min,\n    reverse = false,\n    step,\n    size,\n    ...htmlDivAttributes\n}) => {\n    const [dots, setDots] = useState<ISliderExtendedDot[]>([]);\n    const [focused, setFocused] = useState(false);\n    const [isHoverOrDragTrack, setIsHoverOrDragTrack] = useState(false);\n    const [railNode, setRailNode] = useState<HTMLDivElement | null>(null);\n    const [steps, setSteps] = useState<ISliderExtendedStep[]>([]);\n\n    const addDot = (dot: ISliderExtendedDot) => {\n        setDots((prevDots) => {\n            const nextDots = [...prevDots];\n            nextDots.push(dot);\n\n            return nextDots;\n        });\n    };\n\n    const removeDot = (id: string) => {\n        setDots((prevDots) => [...prevDots.filter((dot) => dot.id !== id)]);\n    };\n\n    const updateDot = (dot: Pick<ISliderExtendedDot, \"id\"> & Partial<ISliderExtendedDot>) => {\n        setDots((prevDots) => {\n            const nextDots = [...prevDots];\n            nextDots.some((d) => {\n                if (d.id === dot.id) {\n                    d = Object.assign(d, dot);\n                    return true;\n                }\n            });\n\n            return nextDots;\n        });\n    };\n\n    useLayoutEffect(() => {\n        /**\n         * Генерирует массив точек остановки при перемещении Dot.\n         * Для каждой точки указывается позиция на треке в % и value.\n         */\n        const generateSteps = () => {\n            if (typeof step === \"number\") {\n                const values = [...range(min, max, step), max];\n\n                setSteps(\n                    values.map((value) => ({\n                        normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value }),\n                        value,\n                    })),\n                );\n            } else {\n                setSteps(\n                    step.map((val) => ({\n                        normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value: val }),\n                        value: val,\n                    })),\n                );\n            }\n        };\n\n        generateSteps();\n    }, [min, max, step]);\n\n    if (!steps.length) {\n        return null;\n    }\n\n    return (\n        <SliderExtendedContext.Provider\n            value={{\n                addDot,\n                disabled: Boolean(disabled),\n                dots,\n                focused,\n                isHoverOrDragTrack,\n                max,\n                min,\n                railNode,\n                removeDot,\n                reverse: Boolean(reverse),\n                setFocused,\n                setIsHoverOrDragTrack,\n                setRailNode,\n                steps,\n                updateDot,\n                size,\n            }}\n        >\n            <div\n                className={clsx(styles.sliderExtended, sizeToClassNameMap[size], {\n                    [styles.disabled]: Boolean(disabled),\n                })}\n                {...htmlDivAttributes}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        </SliderExtendedContext.Provider>\n    );\n};\n\n/** Компонент SliderExtended. */\nexport const SliderExtended = SliderExtendedBase as typeof SliderExtendedBase & {\n    Dot: typeof SliderExtendedDot;\n    Mark: typeof SliderExtendedMark;\n    Marks: typeof SliderExtendedMarks;\n    Rail: typeof SliderExtendedRail;\n    Track: typeof SliderExtendedTrack;\n    Tooltip: typeof SliderExtendedTooltip;\n};\n\nSliderExtended.displayName = \"SliderExtended\";\nSliderExtended.Dot = SliderExtendedDot;\nSliderExtended.Mark = SliderExtendedMark;\nSliderExtended.Marks = SliderExtendedMarks;\nSliderExtended.Rail = SliderExtendedRail;\nSliderExtended.Track = SliderExtendedTrack;\nSliderExtended.Tooltip = SliderExtendedTooltip;\n"],"names":["range"],"mappings":"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"}
+{"version":3,"file":"SliderExtended.js","sources":["../../../src/components/SliderExtended/SliderExtended.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { range } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { SliderExtendedDot } from \"./components/SliderExtendedDot/SliderExtendedDot\";\nimport { SliderExtendedMarks } from \"./components/SliderExtendedMarks/SliderExtendedMarks\";\nimport { SliderExtendedMark } from \"./components/SliderExtendedMarks/SliderExtendedMark\";\nimport { SliderExtendedRail } from \"./components/SliderExtendedRail\";\nimport { SliderExtendedTrack } from \"./components/SliderExtendedTrack/SliderExtendedTrack\";\nimport { SliderExtendedTooltip } from \"./components/SliderExtendedTooltip/SliderExtendedTooltip\";\nimport { ISliderExtendedDot, ISliderExtendedStep, SliderExtendedContext } from \"./SliderExtendedContext\";\nimport { SliderExtendedUtils } from \"./SliderExtendedUtils\";\nimport styles from \"./styles/SliderExtended.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства компонента SliderExtended. */\nexport interface ISliderExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Слайдер не активен. По умолчанию false. */\n    disabled?: boolean;\n    /** Максимальное значение слайдера. */\n    max: number;\n    /** Минимальное значение слайдера. */\n    min: number;\n    /** Реверсивный слайдер — значения возрастают справа налево. По умолчанию false. */\n    reverse?: boolean;\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    size: EComponentSize.MD | EComponentSize.LG;\n}\n\n/**\n * Слайдер, собираемый из субкомпонентов: Rail (полоса), Dot (ползунок), Track (заполненная часть),\n * Marks/Mark (метки) и Tooltip (подсказка над ползунком). Значения ползунков контролирует потребитель.\n */\nconst SliderExtendedBase = React.forwardRef<HTMLDivElement, ISliderExtendedProps>(\n    ({ children, className, disabled, max, min, reverse = false, step, size, ...htmlDivAttributes }, ref) => {\n        const [dots, setDots] = useState<ISliderExtendedDot[]>([]);\n        const [focused, setFocused] = useState(false);\n        const [isHoverOrDragTrack, setIsHoverOrDragTrack] = useState(false);\n        const [railNode, setRailNode] = useState<HTMLDivElement | null>(null);\n\n        /**\n         * Массив точек остановки при перемещении Dot.\n         * Для каждой точки указывается позиция на треке в % и value.\n         */\n        const steps = useMemo<ISliderExtendedStep[]>(() => {\n            const values = typeof step === \"number\" ? [...range(min, max, step), max] : step;\n\n            return values.map((value) => ({\n                normalizedValue: SliderExtendedUtils.getNormalizedValue({ max, min, value }),\n                value,\n            }));\n        }, [max, min, step]);\n\n        const addDot = (dot: ISliderExtendedDot) => {\n            setDots((prevDots) => [...prevDots, dot]);\n        };\n\n        const removeDot = (id: string) => {\n            setDots((prevDots) => prevDots.filter((dot) => dot.id !== id));\n        };\n\n        /**\n         * Обновляет данные точки.\n         * Объект точки меняется на месте намеренно: обработчики перетаскивания подписываются на\n         * document в момент нажатия и до конца перетаскивания видят массив dots того рендера.\n         * Замена объекта на новый оставила бы их с устаревшими stepIndex и value.\n         */\n        const updateDot = (dot: Pick<ISliderExtendedDot, \"id\"> & Partial<ISliderExtendedDot>) => {\n            setDots((prevDots) => {\n                const prevDot = prevDots.find((d) => d.id === dot.id);\n\n                if (prevDot) {\n                    Object.assign(prevDot, dot);\n                }\n\n                return [...prevDots];\n            });\n        };\n\n        if (!steps.length) {\n            return null;\n        }\n\n        return (\n            <SliderExtendedContext.Provider\n                value={{\n                    addDot,\n                    disabled: Boolean(disabled),\n                    dots,\n                    focused,\n                    isHoverOrDragTrack,\n                    max,\n                    min,\n                    railNode,\n                    removeDot,\n                    reverse,\n                    setFocused,\n                    setIsHoverOrDragTrack,\n                    setRailNode,\n                    steps,\n                    updateDot,\n                    size,\n                }}\n            >\n                <div\n                    className={clsx(\n                        styles.sliderExtended,\n                        sizeToClassNameMap[size],\n                        { [styles.disabled]: disabled },\n                        className,\n                    )}\n                    {...htmlDivAttributes}\n                    data-tx={process.env.npm_package_version}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </SliderExtendedContext.Provider>\n        );\n    },\n);\n\nSliderExtendedBase.displayName = \"SliderExtended\";\n\n/** Компонент SliderExtended. */\nexport const SliderExtended = Object.assign(SliderExtendedBase, {\n    Dot: SliderExtendedDot,\n    Mark: SliderExtendedMark,\n    Marks: SliderExtendedMarks,\n    Rail: SliderExtendedRail,\n    Track: SliderExtendedTrack,\n    Tooltip: SliderExtendedTooltip,\n});\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAeA,MAAM,qBAAqB,yBAAyB,MAAM;AAyB1D,MAAM,qBAAqBA,eAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,UAAU,KAAK,KAAK,UAAU,OAAO,MAAM,MAAM,GAAG,kBAAA,GAAqB,QAAQ;AACrG,UAAM,CAAC,MAAM,OAAO,IAAI,SAA+B,CAAA,CAAE;AACzD,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,UAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAClE,UAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,IAAI;AAMpE,UAAM,QAAQ,QAA+B,MAAM;AAC/C,YAAM,SAAS,OAAO,SAAS,WAAW,CAAC,GAAG,MAAM,KAAK,KAAK,IAAI,GAAG,GAAG,IAAI;AAE5E,aAAO,OAAO,IAAI,CAAC,WAAW;AAAA,QAC1B,iBAAiB,oBAAoB,mBAAmB,EAAE,KAAK,KAAK,OAAO;AAAA,QAC3E;AAAA,MAAA,EACF;AAAA,IACN,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC;AAEnB,UAAM,SAAS,CAAC,QAA4B;AACxC,cAAQ,CAAC,aAAa,CAAC,GAAG,UAAU,GAAG,CAAC;AAAA,IAC5C;AAEA,UAAM,YAAY,CAAC,OAAe;AAC9B,cAAQ,CAAC,aAAa,SAAS,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,IACjE;AAQA,UAAM,YAAY,CAAC,QAAsE;AACrF,cAAQ,CAAC,aAAa;AAClB,cAAM,UAAU,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE;AAEpD,YAAI,SAAS;AACT,iBAAO,OAAO,SAAS,GAAG;AAAA,QAC9B;AAEA,eAAO,CAAC,GAAG,QAAQ;AAAA,MACvB,CAAC;AAAA,IACL;AAEA,QAAI,CAAC,MAAM,QAAQ;AACf,aAAO;AAAA,IACX;AAEA,WACI;AAAA,MAAC,sBAAsB;AAAA,MAAtB;AAAA,QACG,OAAO;AAAA,UACH;AAAA,UACA,UAAU,QAAQ,QAAQ;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAGJ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP,OAAO;AAAA,cACP,mBAAmB,IAAI;AAAA,cACvB,EAAE,CAAC,OAAO,QAAQ,GAAG,SAAA;AAAA,cACrB;AAAA,YAAA;AAAA,YAEH,GAAG;AAAA,YACJ,WAAS;AAAA,YACT;AAAA,YAEC;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,mBAAmB,cAAc;AAG1B,MAAM,iBAAiB,OAAO,OAAO,oBAAoB;AAAA,EAC5D,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACb,CAAC;"}

package/components/SliderExtended/SliderExtendedContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedContext.js","sources":["../../../src/components/SliderExtended/SliderExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\nexport interface ISliderExtendedDot {\n    // Функция изменения позиции точки, вызывается из любого компонента.\n    changeValue: (value: number) => void;\n    id: string;\n    // Нормализованное значение позиции точки, устанавливает SliderExtendedDot.\n    normalizedValue: number;\n    // Индекс позиции точки в массиве steps.\n    stepIndex: number;\n    // Значение позиции точки, устанавливает SliderExtended.Dot.\n    value: number;\n}\n\nexport interface ISliderExtendedStep {\n    // Значение.\n    value: number;\n    // Нормализованное значение.\n    normalizedValue: number;\n}\n\nexport interface ISliderExtendedContext {\n    // Добавляет точку.\n    addDot: (dot: ISliderExtendedDot) => void;\n    // Массив передвигаемых точек.\n    dots: ISliderExtendedDot[];\n    // Слайдер не активен.\n    disabled: boolean;\n    // Один из элементов слайдера(SliderExtendedDot или SliderExtendedTrack) в фокусе.\n    focused: boolean;\n    // Track в текущий момент перетаскивается мышью или в состоянии hover. Флаг нужен для подсветки SliderExtendedDot в этот момент.\n    isHoverOrDragTrack: boolean;\n    // Максимальное значение слайдера.\n    max: number;\n    // Минимальное значение слайдера.\n    min: number;\n    // Элемент полосы слайдера.\n    railNode: HTMLDivElement | null;\n    // Удаляет точку.\n    removeDot: (dotId: string) => void;\n    // Реверсивный слайдер.\n    reverse: boolean;\n    // Устанавливает свойство focused;\n    setFocused: (focused: boolean) => void;\n    // Устанавливает значение параметра isHoverOrDragTrack. Вызывается компонентом SliderExtendedTrack.\n    setIsHoverOrDragTrack: (isHoverOrDragTrack: boolean) => void;\n    // Устанавливает элемент полосы слайдера.\n    setRailNode: (node: HTMLDivElement) => void;\n    // Массив точек остановки при перемещении Dot.\n    steps: ISliderExtendedStep[];\n    // Обновляет данные точки.\n    updateDot: (dot: Pick<ISliderExtendedDot, \"id\"> & Partial<ISliderExtendedDot>) => void;\n    // Размер компонента.\n    size: EComponentSize.MD | EComponentSize.LG;\n}\n\nconst contextInitial: ISliderExtendedContext = {\n    addDot: () => {},\n    disabled: false,\n    dots: [],\n    focused: false,\n    isHoverOrDragTrack: false,\n    max: 0,\n    min: 0,\n    railNode: null,\n    removeDot: () => {},\n    reverse: false,\n    setFocused: () => {},\n    setIsHoverOrDragTrack: () => {},\n    setRailNode: () => {},\n    steps: [],\n    updateDot: () => {},\n    size: EComponentSize.MD,\n};\n\nexport const SliderExtendedContext = React.createContext<ISliderExtendedContext>(contextInitial);\n"],"names":["React"],"mappings":";;AAyDA,MAAM,iBAAyC;AAAA,EAC3C,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,UAAU;AAAA,EACV,MAAM,CAAA;AAAA,EACN,SAAS;AAAA,EACT,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AAAA,EACV,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,OAAO,CAAA;AAAA,EACP,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,MAAM,eAAe;AACzB;AAEO,MAAM,wBAAwBA,eAAM,cAAsC,cAAc;"}
+{"version":3,"file":"SliderExtendedContext.js","sources":["../../../src/components/SliderExtended/SliderExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Передвигаемая точка (ползунок) слайдера, зарегистрированная в контексте. */\nexport interface ISliderExtendedDot {\n    /** Функция изменения позиции точки, вызывается из любого компонента. */\n    changeValue: (value: number) => void;\n    /** Идентификатор точки, генерируется SliderExtended.Dot. */\n    id: string;\n    /** Нормализованное (от 0 до 100) значение позиции точки, устанавливает SliderExtended.Dot. */\n    normalizedValue: number;\n    /** Индекс позиции точки в массиве steps. */\n    stepIndex: number;\n    /** Значение позиции точки, устанавливает SliderExtended.Dot. */\n    value: number;\n}\n\n/** Точка остановки при перемещении ползунка. */\nexport interface ISliderExtendedStep {\n    /** Значение. */\n    value: number;\n    /** Нормализованное (от 0 до 100) значение. */\n    normalizedValue: number;\n}\n\n/** Контекст SliderExtended. Через него субкомпоненты получают состояние слайдера и меняют его. */\nexport interface ISliderExtendedContext {\n    /** Добавляет точку. */\n    addDot: (dot: ISliderExtendedDot) => void;\n    /** Массив передвигаемых точек. */\n    dots: ISliderExtendedDot[];\n    /** Слайдер не активен. */\n    disabled: boolean;\n    /** Один из элементов слайдера (SliderExtended.Dot или SliderExtended.Track) в фокусе. */\n    focused: boolean;\n    /**\n     * Track в текущий момент перетаскивается мышью или в состоянии hover.\n     * Флаг нужен для подсветки SliderExtended.Dot в этот момент.\n     */\n    isHoverOrDragTrack: boolean;\n    /** Максимальное значение слайдера. */\n    max: number;\n    /** Минимальное значение слайдера. */\n    min: number;\n    /** Элемент полосы слайдера. */\n    railNode: HTMLDivElement | null;\n    /** Удаляет точку. */\n    removeDot: (dotId: string) => void;\n    /** Реверсивный слайдер. */\n    reverse: boolean;\n    /** Устанавливает свойство focused. */\n    setFocused: (focused: boolean) => void;\n    /** Устанавливает значение параметра isHoverOrDragTrack. Вызывается компонентом SliderExtended.Track. */\n    setIsHoverOrDragTrack: (isHoverOrDragTrack: boolean) => void;\n    /** Устанавливает элемент полосы слайдера. Вызывается callback-ref'ом SliderExtended.Rail, поэтому принимает null. */\n    setRailNode: (node: HTMLDivElement | null) => void;\n    /** Массив точек остановки при перемещении Dot. Пока массив пуст, SliderExtended не рендерит содержимое. */\n    steps: ISliderExtendedStep[];\n    /** Обновляет данные точки. */\n    updateDot: (dot: Pick<ISliderExtendedDot, \"id\"> & Partial<ISliderExtendedDot>) => void;\n    /** Размер компонента. */\n    size: EComponentSize.MD | EComponentSize.LG;\n}\n\nconst contextInitial: ISliderExtendedContext = {\n    addDot: () => {},\n    disabled: false,\n    dots: [],\n    focused: false,\n    isHoverOrDragTrack: false,\n    max: 0,\n    min: 0,\n    railNode: null,\n    removeDot: () => {},\n    reverse: false,\n    setFocused: () => {},\n    setIsHoverOrDragTrack: () => {},\n    setRailNode: () => {},\n    steps: [],\n    updateDot: () => {},\n    size: EComponentSize.MD,\n};\n\nexport const SliderExtendedContext = React.createContext<ISliderExtendedContext>(contextInitial);\n"],"names":["React"],"mappings":";;AAgEA,MAAM,iBAAyC;AAAA,EAC3C,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,UAAU;AAAA,EACV,MAAM,CAAA;AAAA,EACN,SAAS;AAAA,EACT,oBAAoB;AAAA,EACpB,KAAK;AAAA,EACL,KAAK;AAAA,EACL,UAAU;AAAA,EACV,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,SAAS;AAAA,EACT,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,OAAO,CAAA;AAAA,EACP,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,MAAM,eAAe;AACzB;AAEO,MAAM,wBAAwBA,eAAM,cAAsC,cAAc;"}

package/components/SliderExtended/SliderExtendedUtils.js

@@ -1,45 +1,27 @@
 const SliderExtendedUtils = {
-  getNearestDotByValue: ({ value, dots }) => {
-    let nearestDot = dots[0];
-    let delta = Infinity;
-    dots.forEach((dot) => {
-      const thisDelta = Math.abs(dot.value - value);
-      if (thisDelta < delta) {
-        delta = thisDelta;
-        nearestDot = dot;
-      }
-    });
-    return nearestDot;
-  },
-  getNearestStep: ({ normalizedValue, steps }) => {
-    let nearestStep = steps[0];
-    let nearestStepDelta = 100;
-    steps.forEach((s) => {
-      const stepDelta = Math.abs(normalizedValue - s.normalizedValue);
-      if (stepDelta < nearestStepDelta) {
-        nearestStepDelta = stepDelta;
-        nearestStep = s;
-      }
-    });
-    return nearestStep;
-  },
+  getNearestDotByValue: ({ value, dots }) => dots.reduce((nearestDot, dot) => {
+    if (!nearestDot) {
+      return dot;
+    }
+    return Math.abs(dot.value - value) < Math.abs(nearestDot.value - value) ? dot : nearestDot;
+  }, void 0),
+  getNearestStep: ({ normalizedValue, steps }) => steps.reduce(
+    (nearestStep, step) => Math.abs(normalizedValue - step.normalizedValue) < Math.abs(normalizedValue - nearestStep.normalizedValue) ? step : nearestStep,
+    steps[0]
+  ),
   getNormalizedCursorValue: ({ cursorXPosition, railNode }) => (cursorXPosition - railNode.getBoundingClientRect().left) * 100 / railNode.offsetWidth,
   getNormalizedValue: ({ max, min, value }) => {
     const valuesLength = max - min;
-    const valueMinDelta = value - min;
-    const normalizedValue = valueMinDelta * 100 / valuesLength;
+    if (valuesLength === 0) {
+      return 0;
+    }
+    const normalizedValue = (value - min) * 100 / valuesLength;
     return Math.min(100, Math.max(0, normalizedValue));
   },
-  getStepIndexByNormalizedValue: ({ normalizedValue, steps }) => {
-    let index = 0;
-    steps.some((step, i) => {
-      if (step.normalizedValue === normalizedValue) {
-        index = i;
-        return true;
-      }
-    });
-    return index;
-  }
+  getStepIndexByNormalizedValue: ({ normalizedValue, steps }) => Math.max(
+    0,
+    steps.findIndex((step) => step.normalizedValue === normalizedValue)
+  )
 };
 export {
   SliderExtendedUtils

package/components/SliderExtended/SliderExtendedUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderExtendedUtils.js","sources":["../../../src/components/SliderExtended/SliderExtendedUtils.ts"],"sourcesContent":["import { ISliderExtendedDot, ISliderExtendedStep } from \"./SliderExtendedContext\";\n\ninterface ISliderExtendedUtils {\n    /**\n     * Возвращает нормализованное(от 0 до 100) значение позиции курсора.\n     */\n    getNormalizedCursorValue: (params: { cursorXPosition: number; railNode: HTMLDivElement }) => number;\n    /**\n     * Возвращает ближайшую точку.\n     */\n    getNearestDotByValue: (params: { value: number; dots: ISliderExtendedDot[] }) => ISliderExtendedDot;\n    /**\n     * Возвращает ближайший шаг.\n     */\n    getNearestStep: (params: { normalizedValue: number; steps: ISliderExtendedStep[] }) => ISliderExtendedStep;\n    /**\n     * Возвращает нормализованное(от 0 до 100) value.\n     */\n    getNormalizedValue: (params: { max: number; min: number; value: number }) => number;\n    /**\n     * Возвращает индекс значения в массиве steps.\n     */\n    getStepIndexByNormalizedValue: (params: { normalizedValue: number; steps: ISliderExtendedStep[] }) => number;\n}\n\nexport const SliderExtendedUtils: ISliderExtendedUtils = {\n    getNearestDotByValue: ({ value, dots }) => {\n        let nearestDot: ISliderExtendedDot = dots[0];\n        let delta = Infinity;\n\n        dots.forEach((dot) => {\n            const thisDelta = Math.abs(dot.value - value);\n\n            if (thisDelta < delta) {\n                delta = thisDelta;\n                nearestDot = dot;\n            }\n        });\n\n        return nearestDot;\n    },\n    getNearestStep: ({ normalizedValue, steps }) => {\n        // Ближайший шаг.\n        let nearestStep = steps[0];\n        // Разница между шагом и текущим положением Dot.\n        let nearestStepDelta = 100;\n\n        steps.forEach((s) => {\n            const stepDelta = Math.abs(normalizedValue - s.normalizedValue);\n            if (stepDelta < nearestStepDelta) {\n                nearestStepDelta = stepDelta;\n                nearestStep = s;\n            }\n        });\n\n        return nearestStep;\n    },\n\n    getNormalizedCursorValue: ({ cursorXPosition, railNode }) =>\n        ((cursorXPosition - railNode.getBoundingClientRect().left) * 100) / railNode.offsetWidth,\n    getNormalizedValue: ({ max, min, value }) => {\n        const valuesLength = max - min;\n        const valueMinDelta = value - min;\n        const normalizedValue = (valueMinDelta * 100) / valuesLength;\n\n        return Math.min(100, Math.max(0, normalizedValue));\n    },\n    getStepIndexByNormalizedValue: ({ normalizedValue, steps }) => {\n        let index = 0;\n\n        steps.some((step, i) => {\n            if (step.normalizedValue === normalizedValue) {\n                index = i;\n                return true;\n            }\n        });\n\n        return index;\n    },\n};\n"],"names":[],"mappings":"AAyBO,MAAM,sBAA4C;AAAA,EACrD,sBAAsB,CAAC,EAAE,OAAO,WAAW;AACvC,QAAI,aAAiC,KAAK,CAAC;AAC3C,QAAI,QAAQ;AAEZ,SAAK,QAAQ,CAAC,QAAQ;AAClB,YAAM,YAAY,KAAK,IAAI,IAAI,QAAQ,KAAK;AAE5C,UAAI,YAAY,OAAO;AACnB,gBAAQ;AACR,qBAAa;AAAA,MACjB;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA,EACA,gBAAgB,CAAC,EAAE,iBAAiB,YAAY;AAE5C,QAAI,cAAc,MAAM,CAAC;AAEzB,QAAI,mBAAmB;AAEvB,UAAM,QAAQ,CAAC,MAAM;AACjB,YAAM,YAAY,KAAK,IAAI,kBAAkB,EAAE,eAAe;AAC9D,UAAI,YAAY,kBAAkB;AAC9B,2BAAmB;AACnB,sBAAc;AAAA,MAClB;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AAAA,EAEA,0BAA0B,CAAC,EAAE,iBAAiB,SAAA,OACxC,kBAAkB,SAAS,sBAAA,EAAwB,QAAQ,MAAO,SAAS;AAAA,EACjF,oBAAoB,CAAC,EAAE,KAAK,KAAK,YAAY;AACzC,UAAM,eAAe,MAAM;AAC3B,UAAM,gBAAgB,QAAQ;AAC9B,UAAM,kBAAmB,gBAAgB,MAAO;AAEhD,WAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,eAAe,CAAC;AAAA,EACrD;AAAA,EACA,+BAA+B,CAAC,EAAE,iBAAiB,YAAY;AAC3D,QAAI,QAAQ;AAEZ,UAAM,KAAK,CAAC,MAAM,MAAM;AACpB,UAAI,KAAK,oBAAoB,iBAAiB;AAC1C,gBAAQ;AACR,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX;AACJ;"}
+{"version":3,"file":"SliderExtendedUtils.js","sources":["../../../src/components/SliderExtended/SliderExtendedUtils.ts"],"sourcesContent":["import { ISliderExtendedDot, ISliderExtendedStep } from \"./SliderExtendedContext\";\n\n/** Утилиты расчёта позиций SliderExtended. */\ninterface ISliderExtendedUtils {\n    /**\n     * Возвращает нормализованное (от 0 до 100) значение позиции курсора.\n     * Значение выходит за пределы диапазона, если курсор находится за границами полосы.\n     */\n    getNormalizedCursorValue: (params: { cursorXPosition: number; railNode: HTMLDivElement }) => number;\n    /**\n     * Возвращает ближайшую к value точку. При равном удалении — первую из них.\n     * Возвращает undefined, если ни одна точка не зарегистрирована.\n     */\n    getNearestDotByValue: (params: { value: number; dots: ISliderExtendedDot[] }) => ISliderExtendedDot | undefined;\n    /**\n     * Возвращает ближайший к normalizedValue шаг. При равном удалении — первый из них.\n     * Массив steps непустой: SliderExtended не рендерит содержимое, пока шаги не рассчитаны.\n     */\n    getNearestStep: (params: { normalizedValue: number; steps: ISliderExtendedStep[] }) => ISliderExtendedStep;\n    /**\n     * Возвращает нормализованное (от 0 до 100) value, обрезая его по границам диапазона.\n     */\n    getNormalizedValue: (params: { max: number; min: number; value: number }) => number;\n    /**\n     * Возвращает индекс шага с указанным normalizedValue. Если такого шага нет, возвращает 0.\n     */\n    getStepIndexByNormalizedValue: (params: { normalizedValue: number; steps: ISliderExtendedStep[] }) => number;\n}\n\nexport const SliderExtendedUtils: ISliderExtendedUtils = {\n    getNearestDotByValue: ({ value, dots }) =>\n        dots.reduce<ISliderExtendedDot | undefined>((nearestDot, dot) => {\n            if (!nearestDot) {\n                return dot;\n            }\n\n            return Math.abs(dot.value - value) < Math.abs(nearestDot.value - value) ? dot : nearestDot;\n        }, undefined),\n    getNearestStep: ({ normalizedValue, steps }) =>\n        steps.reduce(\n            (nearestStep, step) =>\n                Math.abs(normalizedValue - step.normalizedValue) <\n                Math.abs(normalizedValue - nearestStep.normalizedValue)\n                    ? step\n                    : nearestStep,\n            steps[0],\n        ),\n    getNormalizedCursorValue: ({ cursorXPosition, railNode }) =>\n        ((cursorXPosition - railNode.getBoundingClientRect().left) * 100) / railNode.offsetWidth,\n    getNormalizedValue: ({ max, min, value }) => {\n        const valuesLength = max - min;\n\n        // Вырожденный диапазон, нормализовать нечего.\n        if (valuesLength === 0) {\n            return 0;\n        }\n\n        const normalizedValue = ((value - min) * 100) / valuesLength;\n\n        return Math.min(100, Math.max(0, normalizedValue));\n    },\n    getStepIndexByNormalizedValue: ({ normalizedValue, steps }) =>\n        Math.max(\n            0,\n            steps.findIndex((step) => step.normalizedValue === normalizedValue),\n        ),\n};\n"],"names":[],"mappings":"AA6BO,MAAM,sBAA4C;AAAA,EACrD,sBAAsB,CAAC,EAAE,OAAO,KAAA,MAC5B,KAAK,OAAuC,CAAC,YAAY,QAAQ;AAC7D,QAAI,CAAC,YAAY;AACb,aAAO;AAAA,IACX;AAEA,WAAO,KAAK,IAAI,IAAI,QAAQ,KAAK,IAAI,KAAK,IAAI,WAAW,QAAQ,KAAK,IAAI,MAAM;AAAA,EACpF,GAAG,MAAS;AAAA,EAChB,gBAAgB,CAAC,EAAE,iBAAiB,MAAA,MAChC,MAAM;AAAA,IACF,CAAC,aAAa,SACV,KAAK,IAAI,kBAAkB,KAAK,eAAe,IAC/C,KAAK,IAAI,kBAAkB,YAAY,eAAe,IAChD,OACA;AAAA,IACV,MAAM,CAAC;AAAA,EAAA;AAAA,EAEf,0BAA0B,CAAC,EAAE,iBAAiB,SAAA,OACxC,kBAAkB,SAAS,sBAAA,EAAwB,QAAQ,MAAO,SAAS;AAAA,EACjF,oBAAoB,CAAC,EAAE,KAAK,KAAK,YAAY;AACzC,UAAM,eAAe,MAAM;AAG3B,QAAI,iBAAiB,GAAG;AACpB,aAAO;AAAA,IACX;AAEA,UAAM,mBAAoB,QAAQ,OAAO,MAAO;AAEhD,WAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,eAAe,CAAC;AAAA,EACrD;AAAA,EACA,+BAA+B,CAAC,EAAE,iBAAiB,MAAA,MAC/C,KAAK;AAAA,IACD;AAAA,IACA,MAAM,UAAU,CAAC,SAAS,KAAK,oBAAoB,eAAe;AAAA,EAAA;AAE9E;"}