@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

package/build/cjs/blocks/Slider/Slider.js

@@ -2,26 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const react_slick_1 = tslib_1.__importDefault(require("react-slick"));
-const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
-const OutsideClick_1 = tslib_1.__importDefault(require("../../components/OutsideClick/OutsideClick"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
-const constants_1 = require("../../constants");
-const mobileContext_1 = require("../../context/mobileContext");
-const ssrContext_1 = require("../../context/ssrContext");
-const StylesContext_1 = require("../../context/stylesContext/StylesContext");
-const useFocus_1 = tslib_1.__importDefault(require("../../hooks/useFocus"));
-const models_1 = require("../../models");
-const utils_1 = require("../../utils");
-const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow"));
-const i18n_1 = require("./i18n");
-const utils_2 = require("./utils");
+const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor.js"));
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
+const OutsideClick_1 = tslib_1.__importDefault(require("../../components/OutsideClick/OutsideClick.js"));
+const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
+const constants_1 = require("../../constants.js");
+const mobileContext_1 = require("../../context/mobileContext/index.js");
+const ssrContext_1 = require("../../context/ssrContext/index.js");
+const StylesContext_1 = require("../../context/stylesContext/StylesContext.js");
+const useFocus_1 = tslib_1.__importDefault(require("../../hooks/useFocus.js"));
+const models_1 = require("../../models/index.js");
+const utils_1 = require("../../utils/index.js");
+const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow.js"));
+const i18n_1 = require("./i18n/index.js");
+const utils_2 = require("./utils.js");
 const b = (0, utils_1.block)('SliderBlock');
 const slick = (0, utils_1.block)('slick-origin');
 const DOT_WIDTH = 8;
@@ -29,33 +30,33 @@ const DOT_GAP = 16;
 const SliderBlock = (props) => {
     var _a;
     const { animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplaySpeed, dots = true, dotsClassName, disclaimer, children, className, blockClassName, lazyLoad, arrowSize, onAfterChange: handleAfterChange, onBeforeChange: handleBeforeChange, } = props;
-    const { isServer } = (0, react_1.useContext)(ssrContext_1.SSRContext);
-    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const [breakpoint, setBreakpoint] = (0, react_1.useState)(constants_1.BREAKPOINTS.xl);
+    const { isServer } = React.useContext(ssrContext_1.SSRContext);
+    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const [breakpoint, setBreakpoint] = React.useState(constants_1.BREAKPOINTS.xl);
     const sliderId = (0, uikit_1.useUniqId)();
-    const disclosedChildren = (0, react_1.useMemo)(() => discloseAllNestedChildren(children, sliderId), [children, sliderId]);
+    const disclosedChildren = React.useMemo(() => discloseAllNestedChildren(children, sliderId), [children, sliderId]);
     const childrenCount = disclosedChildren.length;
     const isAutoplayEnabled = autoplaySpeed !== undefined && autoplaySpeed > 0;
-    const isUserInteractionRef = (0, react_1.useRef)(false);
-    const [slidesToShow] = (0, react_1.useState)((0, utils_2.getSlidesToShowWithDefaults)({
+    const isUserInteractionRef = React.useRef(false);
+    const [slidesToShow] = React.useState((0, utils_2.getSlidesToShowWithDefaults)({
         contentLength: childrenCount,
         breakpoints: props.slidesToShow,
         mobileFullscreen: Boolean(props.type && Object.values(models_1.SliderType).includes(props.type)),
     }));
     const slidesToShowCount = (0, utils_2.getSlidesToShowCount)(slidesToShow);
     const slidesCountByBreakpoint = (0, utils_2.getSlidesCountByBreakpoint)(breakpoint, slidesToShow);
-    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
-    const [childStyles, setChildStyles] = (0, react_1.useState)({});
-    const [slider, setSlider] = (0, react_1.useState)();
-    const prevIndexRef = (0, react_1.useRef)(0);
-    const autoplayTimeId = (0, react_1.useRef)();
+    const [currentIndex, setCurrentIndex] = React.useState(0);
+    const [childStyles, setChildStyles] = React.useState({});
+    const [slider, setSlider] = React.useState();
+    const prevIndexRef = React.useRef(0);
+    const autoplayTimeId = React.useRef();
     const { hasFocus, unsetFocus } = (0, useFocus_1.default)((_a = slider === null || slider === void 0 ? void 0 : slider.innerSlider) === null || _a === void 0 ? void 0 : _a.list);
     const asUserInteraction = (fn) => (...args) => {
         isUserInteractionRef.current = true;
         return fn(...args);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const onResize = (0, react_1.useCallback)((0, debounce_1.default)(() => {
+    const onResize = React.useCallback((0, debounce_1.default)(() => {
         if (!slider) {
             return;
         }
@@ -66,7 +67,7 @@ const SliderBlock = (props) => {
             slider.slickGoTo(0);
         }
     }, 100), [slider, breakpoint]);
-    const scrollLastSlide = (0, react_1.useCallback)((current) => {
+    const scrollLastSlide = React.useCallback((current) => {
         const lastSlide = childrenCount - slidesToShowCount;
         if (isAutoplayEnabled && lastSlide === current) {
             // Slick doesn't support autoplay with no infinity scroll
@@ -83,7 +84,7 @@ const SliderBlock = (props) => {
             }, autoplaySpeed);
         }
     }, [autoplaySpeed, childrenCount, isAutoplayEnabled, slider, slidesToShowCount]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         if (hasFocus && autoplayTimeId.current) {
             clearTimeout(autoplayTimeId.current);
         }
@@ -91,7 +92,7 @@ const SliderBlock = (props) => {
             scrollLastSlide(currentIndex);
         }
     }, [currentIndex, hasFocus, scrollLastSlide]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         onResize();
         window.addEventListener('resize', onResize, { passive: true });
         return () => window.removeEventListener('resize', onResize);
@@ -110,14 +111,14 @@ const SliderBlock = (props) => {
             slider.slickGoTo(nextIndex);
         }
     };
-    const onBeforeChange = (0, react_1.useCallback)((current, next) => {
+    const onBeforeChange = React.useCallback((current, next) => {
         if (handleBeforeChange) {
             handleBeforeChange(current, next);
         }
         prevIndexRef.current = current;
         setCurrentIndex(Math.ceil(next));
     }, [handleBeforeChange]);
-    const onAfterChange = (0, react_1.useCallback)((current) => {
+    const onAfterChange = React.useCallback((current) => {
         if (handleAfterChange) {
             handleAfterChange(current);
         }
@@ -155,7 +156,7 @@ const SliderBlock = (props) => {
         uniqId: sliderId,
     });
     const renderBar = () => {
-        return (slidesCountByBreakpoint > 1 && (react_1.default.createElement("li", { className: b('bar'), style: {
+        return (slidesCountByBreakpoint > 1 && ((0, jsx_runtime_1.jsx)("li", { className: b('bar'), style: {
                 left: barPosition,
                 width: barWidth,
             } })));
@@ -164,13 +165,13 @@ const SliderBlock = (props) => {
     const renderAccessibleBar = (index) => {
         return (
         // To have this key differ from keys used in renderDot function, added `-accessible-bar` part
-        react_1.default.createElement(react_1.Fragment, { key: `${index}-accessible-bar` }, slidesCountByBreakpoint > 0 && (react_1.default.createElement("li", Object.assign({ className: b('accessible-bar'), role: "menuitemradio", "aria-checked": true, "aria-label": (0, i18n_1.i18n)('dot-label', {
-                index: currentIndex + 1,
-                count: barSlidesCount,
-            }), style: {
-                left: barPosition,
-                width: barWidth,
-            } }, getRovingItemProps(currentIndex + 1))))));
+        (0, jsx_runtime_1.jsx)(React.Fragment, { children: slidesCountByBreakpoint > 0 && ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: b('accessible-bar'), role: "menuitemradio", "aria-checked": true, "aria-label": (0, i18n_1.i18n)('dot-label', {
+                    index: currentIndex + 1,
+                    count: barSlidesCount,
+                }), style: {
+                    left: barPosition,
+                    width: barWidth,
+                } }, getRovingItemProps(currentIndex + 1)))) }, `${index}-accessible-bar`));
     };
     const getCurrentSlideNumber = (index) => {
         const currentIndexDiff = index - currentIndex;
@@ -197,7 +198,7 @@ const SliderBlock = (props) => {
         const isVisible = isVisibleSlide(index);
         const currentSlideNumber = getCurrentSlideNumber(index);
         const rovingItemProps = isVisible ? undefined : getRovingItemProps(currentSlideNumber);
-        return (react_1.default.createElement("li", Object.assign({ key: index, className: b('dot', { active: index === currentIndex }), onClick: asUserInteraction(() => handleDotClick(index)), onKeyDown: (e) => {
+        return ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: b('dot', { active: index === currentIndex }), onClick: asUserInteraction(() => handleDotClick(index)), onKeyDown: (e) => {
                 const key = e.key.toLowerCase();
                 if (key === 'space' || key === 'enter') {
                     e.currentTarget.click();
@@ -205,7 +206,7 @@ const SliderBlock = (props) => {
             }, role: "menuitemradio", "aria-checked": false, tabIndex: -1, "aria-hidden": isVisible, "aria-label": (0, i18n_1.i18n)('dot-label', {
                 index: currentSlideNumber,
                 count: barSlidesCount,
-            }) }, rovingItemProps)));
+            }) }, rovingItemProps), index));
     };
     const renderNavigation = () => {
         if (childrenCount <= slidesCountByBreakpoint || !dots || childrenCount === 1) {
@@ -215,13 +216,10 @@ const SliderBlock = (props) => {
             .fill(null)
             .map((_item, index) => renderDot(index));
         dotsList.splice(currentIndex, 0, renderAccessibleBar(currentIndex));
-        return (react_1.default.createElement("div", { className: b('dots', dotsClassName) },
-            react_1.default.createElement("ul", Object.assign({ className: b('dots-list'), role: "menu", "aria-label": (0, i18n_1.i18n)('pagination-label') }, rovingListProps),
-                renderBar(),
-                dotsList)));
+        return ((0, jsx_runtime_1.jsx)("div", { className: b('dots', dotsClassName), children: (0, jsx_runtime_1.jsxs)("ul", Object.assign({ className: b('dots-list'), role: "menu", "aria-label": (0, i18n_1.i18n)('pagination-label') }, rovingListProps, { children: [renderBar(), dotsList] })) }));
     };
     const renderDisclaimer = () => {
-        return disclaimer ? (react_1.default.createElement("div", { className: b('disclaimer', { size: disclaimer.size || 'm' }) }, disclaimer.text)) : null;
+        return disclaimer ? ((0, jsx_runtime_1.jsx)("div", { className: b('disclaimer', { size: disclaimer.size || 'm' }), children: disclaimer.text })) : null;
     };
     const renderSlider = () => {
         /* Disable adding of width in inline styles when SSR to prevent overriding of default styles */
@@ -243,28 +241,20 @@ const SliderBlock = (props) => {
             beforeChange: onBeforeChange,
             afterChange: onAfterChange,
             initialSlide: 0,
-            nextArrow: (react_1.default.createElement(Arrow_1.default, { type: "right", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
-            prevArrow: (react_1.default.createElement(Arrow_1.default, { type: "left", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
+            nextArrow: ((0, jsx_runtime_1.jsx)(Arrow_1.default, { type: "right", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
+            prevArrow: ((0, jsx_runtime_1.jsx)(Arrow_1.default, { type: "left", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
             lazyLoad,
             accessibility: false,
         };
-        return (react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default },
-            react_1.default.createElement(react_slick_1.default, Object.assign({}, settings), disclosedChildren),
-            react_1.default.createElement("div", { className: b('footer') },
-                renderDisclaimer(),
-                renderNavigation())));
+        return ((0, jsx_runtime_1.jsxs)(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default, children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, Object.assign({}, settings, { children: disclosedChildren })), (0, jsx_runtime_1.jsxs)("div", { className: b('footer'), children: [renderDisclaimer(), renderNavigation()] })] }));
     };
-    return (react_1.default.createElement(StylesContext_1.StylesContext.Provider, { value: Object.assign(Object.assign({}, childStyles), { setStyles: setChildStyles }) },
-        react_1.default.createElement("div", { className: b({
+    return ((0, jsx_runtime_1.jsx)(StylesContext_1.StylesContext.Provider, { value: Object.assign(Object.assign({}, childStyles), { setStyles: setChildStyles }), children: (0, jsx_runtime_1.jsxs)("div", { className: b({
                 'align-left': childrenCount < slidesCountByBreakpoint,
                 'one-slide': childrenCount === 1,
                 'only-arrows': !(title === null || title === void 0 ? void 0 : title.text) && !description && arrows,
                 mobile: isMobile,
                 type,
-            }, blockClassName) },
-            anchorId && react_1.default.createElement(Anchor_1.default, { id: anchorId }),
-            react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
-            react_1.default.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated }, renderSlider()))));
+            }, blockClassName), children: [anchorId && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchorId }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), (0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: renderSlider() })] }) }));
 };
 exports.SliderBlock = SliderBlock;
 function getSlideId(sliderId, index) {
@@ -278,16 +268,16 @@ function discloseAllNestedChildren(children, sliderId) {
     let childIndex = 0;
     const wrapped = (child) => {
         const id = getSlideId(sliderId, childIndex++);
-        return (react_1.default.createElement("div", { key: id, id: id }, child));
+        return ((0, jsx_runtime_1.jsx)("div", { id: id, children: child }, id));
     };
-    return react_1.default.Children.map(children, (child) => {
+    return React.Children.map(children, (child) => {
         var _a;
         if (child) {
             // TODO: if child has 'items' then 'items' determinate like nested children for Slider.
             const nestedChildren = (_a = child.props.data) === null || _a === void 0 ? void 0 : _a.items;
             if (nestedChildren) {
                 return nestedChildren.map((nestedChild) => {
-                    return wrapped(react_1.default.cloneElement(child, {
+                    return wrapped(React.cloneElement(child, {
                         data: Object.assign(Object.assign({}, child.props.data), { items: [nestedChild] }),
                     }));
                 });
@@ -297,3 +287,4 @@ function discloseAllNestedChildren(children, sliderId) {
     }).filter(Boolean);
 }
 exports.default = exports.SliderBlock;
+//# sourceMappingURL=Slider.js.map

package/build/cjs/blocks/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"../../../../src","sources":["blocks/Slider/Slider.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport get from 'lodash/get';\nimport noop from 'lodash/noop';\nimport SlickSlider, {Settings} from 'react-slick';\n\nimport Anchor from '../../components/Anchor/Anchor';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport OutsideClick from '../../components/OutsideClick/OutsideClick';\nimport Title from '../../components/Title/Title';\nimport {BREAKPOINTS} from '../../constants';\nimport {MobileContext} from '../../context/mobileContext';\nimport {SSRContext} from '../../context/ssrContext';\nimport {StylesContext} from '../../context/stylesContext/StylesContext';\nimport useFocus from '../../hooks/useFocus';\nimport {\n    ClassNameProps,\n    Refable,\n    SliderProps as SliderParams,\n    SliderType,\n    Timeout,\n} from '../../models';\nimport {block} from '../../utils';\n\nimport Arrow, {ArrowType} from './Arrow/Arrow';\nimport {i18n} from './i18n';\nimport {SliderBreakpointParams} from './models';\nimport {\n    getSliderResponsiveParams,\n    getSlidesCountByBreakpoint,\n    getSlidesToShowCount,\n    getSlidesToShowWithDefaults,\n    isFocusable,\n    useRovingTabIndex,\n} from './utils';\n\nimport './Slider.scss';\n\nconst b = block('SliderBlock');\nconst slick = block('slick-origin');\n\nconst DOT_WIDTH = 8;\nconst DOT_GAP = 16;\n\nexport interface SliderProps\n    extends Omit<SliderParams, 'children'>,\n        Refable<HTMLDivElement>,\n        ClassNameProps,\n        Pick<Settings, 'lazyLoad'> {\n    type?: string;\n    anchorId?: string;\n    onAfterChange?: (index: number) => void;\n    onBeforeChange?: (current: number, next: number) => void;\n    dotsClassName?: string;\n    blockClassName?: string;\n    arrowSize?: number;\n}\n\nexport const SliderBlock = (props: React.PropsWithChildren<SliderProps>) => {\n    const {\n        animated,\n        title,\n        description,\n        type,\n        anchorId,\n        arrows = true,\n        adaptive,\n        autoplay: autoplaySpeed,\n        dots = true,\n        dotsClassName,\n        disclaimer,\n        children,\n        className,\n        blockClassName,\n        lazyLoad,\n        arrowSize,\n        onAfterChange: handleAfterChange,\n        onBeforeChange: handleBeforeChange,\n    } = props;\n\n    const {isServer} = React.useContext(SSRContext);\n    const isMobile = React.useContext(MobileContext);\n    const [breakpoint, setBreakpoint] = React.useState<number>(BREAKPOINTS.xl);\n    const sliderId = useUniqId();\n    const disclosedChildren = React.useMemo<React.ReactElement[]>(\n        () => discloseAllNestedChildren(children as React.ReactElement[], sliderId),\n        [children, sliderId],\n    );\n    const childrenCount = disclosedChildren.length;\n    const isAutoplayEnabled = autoplaySpeed !== undefined && autoplaySpeed > 0;\n    const isUserInteractionRef = React.useRef(false);\n\n    const [slidesToShow] = React.useState<SliderBreakpointParams>(\n        getSlidesToShowWithDefaults({\n            contentLength: childrenCount,\n            breakpoints: props.slidesToShow,\n            mobileFullscreen: Boolean(\n                props.type && Object.values(SliderType).includes(props.type as SliderType),\n            ),\n        }),\n    );\n\n    const slidesToShowCount = getSlidesToShowCount(slidesToShow);\n    const slidesCountByBreakpoint = getSlidesCountByBreakpoint(breakpoint, slidesToShow);\n\n    const [currentIndex, setCurrentIndex] = React.useState<number>(0);\n    const [childStyles, setChildStyles] = React.useState<Object>({});\n    const [slider, setSlider] = React.useState<SlickSlider>();\n    const prevIndexRef = React.useRef<number>(0);\n    const autoplayTimeId = React.useRef<Timeout>();\n    const {hasFocus, unsetFocus} = useFocus(slider?.innerSlider?.list);\n\n    const asUserInteraction =\n        <T extends unknown[], R>(fn: (...args: T) => R) =>\n        (...args: T): R => {\n            isUserInteractionRef.current = true;\n            return fn(...args);\n        };\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const onResize = React.useCallback(\n        debounce(() => {\n            if (!slider) {\n                return;\n            }\n\n            const newBreakpoint = get(slider, 'state.breakpoint') || BREAKPOINTS.xl;\n\n            if (newBreakpoint !== breakpoint) {\n                setBreakpoint(newBreakpoint);\n                setCurrentIndex(0);\n\n                slider.slickGoTo(0);\n            }\n        }, 100),\n        [slider, breakpoint],\n    );\n\n    const scrollLastSlide = React.useCallback(\n        (current: number) => {\n            const lastSlide = childrenCount - slidesToShowCount;\n\n            if (isAutoplayEnabled && lastSlide === current) {\n                // Slick doesn't support autoplay with no infinity scroll\n                autoplayTimeId.current = setTimeout(() => {\n                    if (slider) {\n                        slider.slickGoTo(0, false);\n                        slider.slickPause();\n                    }\n                    setTimeout(() => {\n                        if (slider) {\n                            slider.slickPlay();\n                        }\n                    }, 500);\n                }, autoplaySpeed);\n            }\n        },\n        [autoplaySpeed, childrenCount, isAutoplayEnabled, slider, slidesToShowCount],\n    );\n\n    React.useEffect(() => {\n        if (hasFocus && autoplayTimeId.current) {\n            clearTimeout(autoplayTimeId.current);\n        } else {\n            scrollLastSlide(currentIndex);\n        }\n    }, [currentIndex, hasFocus, scrollLastSlide]);\n\n    React.useEffect(() => {\n        onResize();\n\n        window.addEventListener('resize', onResize, {passive: true});\n\n        return () => window.removeEventListener('resize', onResize);\n    }, [onResize]);\n\n    const handleArrowClick = (direction: ArrowType) => {\n        let nextIndex;\n\n        if (direction === 'right') {\n            nextIndex =\n                currentIndex === childrenCount - slidesCountByBreakpoint ? 0 : currentIndex + 1;\n        } else {\n            nextIndex =\n                currentIndex === 0 ? childrenCount - slidesCountByBreakpoint : currentIndex - 1;\n        }\n\n        if (slider) {\n            slider.slickGoTo(nextIndex);\n        }\n    };\n\n    const onBeforeChange = React.useCallback(\n        (current: number, next: number) => {\n            if (handleBeforeChange) {\n                handleBeforeChange(current, next);\n            }\n\n            prevIndexRef.current = current;\n\n            setCurrentIndex(Math.ceil(next));\n        },\n        [handleBeforeChange],\n    );\n\n    const onAfterChange = React.useCallback(\n        (current: number) => {\n            if (handleAfterChange) {\n                handleAfterChange(current);\n            }\n\n            if (autoplayTimeId.current) {\n                clearTimeout(autoplayTimeId.current);\n            }\n\n            if (!hasFocus) {\n                scrollLastSlide(current);\n            }\n\n            if (isUserInteractionRef.current) {\n                const focusIndex =\n                    prevIndexRef.current >= current\n                        ? current\n                        : Math.max(current, prevIndexRef.current + slidesCountByBreakpoint);\n\n                const firstNewSlide = document.getElementById(getSlideId(sliderId, focusIndex));\n                if (firstNewSlide) {\n                    const focusableChild = Array.from(firstNewSlide.querySelectorAll('*')).find(\n                        isFocusable,\n                    ) as HTMLElement | undefined;\n                    focusableChild?.focus();\n                }\n            }\n\n            isUserInteractionRef.current = false;\n        },\n        [handleAfterChange, hasFocus, scrollLastSlide, sliderId, slidesCountByBreakpoint],\n    );\n\n    const handleDotClick = (index: number) => {\n        const nextIndex = index > currentIndex ? index + 1 - slidesCountByBreakpoint : index;\n\n        if (slider) {\n            slider.slickGoTo(nextIndex);\n        }\n    };\n\n    const barSlidesCount = childrenCount - slidesCountByBreakpoint + 1;\n    const barPosition = (DOT_GAP + DOT_WIDTH) * currentIndex;\n    const barWidth = DOT_WIDTH + (DOT_GAP + DOT_WIDTH) * (slidesCountByBreakpoint - 1);\n\n    const {getRovingItemProps, rovingListProps} = useRovingTabIndex({\n        itemCount: barSlidesCount,\n        activeIndex: currentIndex + 1,\n        firstIndex: 1,\n        uniqId: sliderId,\n    });\n\n    const renderBar = () => {\n        return (\n            slidesCountByBreakpoint > 1 && (\n                <li\n                    className={b('bar')}\n                    style={{\n                        left: barPosition,\n                        width: barWidth,\n                    }}\n                />\n            )\n        );\n    };\n\n    // renders additional bar, not visible in the layout but visible for screenreaders\n    const renderAccessibleBar = (index: number) => {\n        return (\n            // To have this key differ from keys used in renderDot function, added `-accessible-bar` part\n            <React.Fragment key={`${index}-accessible-bar`}>\n                {slidesCountByBreakpoint > 0 && (\n                    <li\n                        className={b('accessible-bar')}\n                        role=\"menuitemradio\"\n                        aria-checked\n                        aria-label={i18n('dot-label', {\n                            index: currentIndex + 1,\n                            count: barSlidesCount,\n                        })}\n                        style={{\n                            left: barPosition,\n                            width: barWidth,\n                        }}\n                        {...getRovingItemProps(currentIndex + 1)}\n                    />\n                )}\n            </React.Fragment>\n        );\n    };\n\n    const getCurrentSlideNumber = (index: number) => {\n        const currentIndexDiff = index - currentIndex;\n\n        let currentSlideNumber;\n        if (0 <= currentIndexDiff && currentIndexDiff < slidesCountByBreakpoint) {\n            currentSlideNumber = currentIndex + 1;\n        } else if (currentIndexDiff >= slidesCountByBreakpoint) {\n            currentSlideNumber = index - slidesCountByBreakpoint + 2;\n        } else {\n            currentSlideNumber = index + 1;\n        }\n        return currentSlideNumber;\n    };\n    const isVisibleSlide = (index: number) => {\n        const currentIndexDiff = index - currentIndex;\n\n        const result =\n            slidesCountByBreakpoint > 0 &&\n            0 <= currentIndexDiff &&\n            currentIndexDiff < slidesCountByBreakpoint;\n        return result;\n    };\n\n    const renderDot = (index: number) => {\n        const isVisible = isVisibleSlide(index);\n        const currentSlideNumber = getCurrentSlideNumber(index);\n        const rovingItemProps = isVisible ? undefined : getRovingItemProps(currentSlideNumber);\n        return (\n            <li\n                key={index}\n                className={b('dot', {active: index === currentIndex})}\n                onClick={asUserInteraction(() => handleDotClick(index))}\n                onKeyDown={(e) => {\n                    const key = e.key.toLowerCase();\n                    if (key === 'space' || key === 'enter') {\n                        e.currentTarget.click();\n                    }\n                }}\n                role=\"menuitemradio\"\n                aria-checked={false}\n                tabIndex={-1}\n                aria-hidden={isVisible}\n                aria-label={i18n('dot-label', {\n                    index: currentSlideNumber,\n                    count: barSlidesCount,\n                })}\n                {...rovingItemProps}\n            />\n        );\n    };\n\n    const renderNavigation = () => {\n        if (childrenCount <= slidesCountByBreakpoint || !dots || childrenCount === 1) {\n            return null;\n        }\n        const dotsList = Array(childrenCount)\n            .fill(null)\n            .map((_item, index) => renderDot(index));\n        dotsList.splice(currentIndex, 0, renderAccessibleBar(currentIndex));\n\n        return (\n            <div className={b('dots', dotsClassName)}>\n                <ul\n                    className={b('dots-list')}\n                    role=\"menu\"\n                    aria-label={i18n('pagination-label')}\n                    {...rovingListProps}\n                >\n                    {renderBar()}\n                    {dotsList}\n                </ul>\n            </div>\n        );\n    };\n\n    const renderDisclaimer = () => {\n        return disclaimer ? (\n            <div className={b('disclaimer', {size: disclaimer.size || 'm'})}>{disclaimer.text}</div>\n        ) : null;\n    };\n\n    const renderSlider = () => {\n        /* Disable adding of width in inline styles when SSR to prevent overriding of default styles */\n        /* Calculate appropriate breakpoint for mobile devices with user agent */\n        const variableWidth = isServer && isMobile;\n\n        const settings = {\n            ref: (slickSlider: SlickSlider) => setSlider(slickSlider),\n            className: slick(null, className),\n            arrows,\n            variableWidth,\n            infinite: false,\n            speed: 1000,\n            adaptiveHeight: adaptive,\n            autoplay: isAutoplayEnabled,\n            autoplaySpeed,\n            slidesToShow: slidesToShowCount,\n            slidesToScroll: 1,\n            responsive: getSliderResponsiveParams(slidesToShow),\n            beforeChange: onBeforeChange,\n            afterChange: onAfterChange,\n            initialSlide: 0,\n            nextArrow: (\n                <Arrow\n                    type=\"right\"\n                    handleClick={asUserInteraction(handleArrowClick)}\n                    size={arrowSize}\n                />\n            ),\n            prevArrow: (\n                <Arrow\n                    type=\"left\"\n                    handleClick={asUserInteraction(handleArrowClick)}\n                    size={arrowSize}\n                />\n            ),\n            lazyLoad,\n            accessibility: false,\n        };\n\n        return (\n            <OutsideClick onOutsideClick={isMobile ? unsetFocus : noop}>\n                <SlickSlider {...settings}>{disclosedChildren}</SlickSlider>\n                <div className={b('footer')}>\n                    {renderDisclaimer()}\n                    {renderNavigation()}\n                </div>\n            </OutsideClick>\n        );\n    };\n\n    return (\n        <StylesContext.Provider value={{...childStyles, setStyles: setChildStyles}}>\n            <div\n                className={b(\n                    {\n                        'align-left': childrenCount < slidesCountByBreakpoint,\n                        'one-slide': childrenCount === 1,\n                        'only-arrows': !title?.text && !description && arrows,\n                        mobile: isMobile,\n                        type,\n                    },\n                    blockClassName,\n                )}\n            >\n                {anchorId && <Anchor id={anchorId} />}\n                <Title\n                    title={title}\n                    subtitle={description}\n                    className={b('header', {'no-description': !description})}\n                />\n                <AnimateBlock className={b('animate-slides')} animate={animated}>\n                    {renderSlider()}\n                </AnimateBlock>\n            </div>\n        </StylesContext.Provider>\n    );\n};\n\nfunction getSlideId(sliderId: string, index: number) {\n    return `slider-${sliderId}-child-${index}`;\n}\n\n// TODO remove this and rework PriceDetailed CLOUDFRONT-12230\nfunction discloseAllNestedChildren(\n    children: React.ReactElement[],\n    sliderId: string,\n): React.ReactElement[] {\n    if (!children) {\n        return [];\n    }\n\n    let childIndex = 0;\n    const wrapped = (child: React.ReactElement) => {\n        const id = getSlideId(sliderId, childIndex++);\n\n        return (\n            <div key={id} id={id}>\n                {child}\n            </div>\n        );\n    };\n\n    return React.Children.map(children, (child) => {\n        if (child) {\n            // TODO: if child has 'items' then 'items' determinate like nested children for Slider.\n            const nestedChildren = child.props.data?.items;\n\n            if (nestedChildren) {\n                return nestedChildren.map((nestedChild: React.ReactElement) => {\n                    return wrapped(\n                        React.cloneElement(child, {\n                            data: {\n                                ...child.props.data,\n                                items: [nestedChild],\n                            },\n                        }),\n                    );\n                });\n            }\n        }\n        return child && wrapped(child);\n    }).filter(Boolean);\n}\n\nexport default SliderBlock;\n"]}

package/build/cjs/blocks/Slider/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "arrow-right" | "arrow-left" | "dot-label" | "pagination-label", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "arrow-right" | "arrow-left" | "dot-label" | "pagination-label", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "pc-SliderBlock": Record<"arrow-right" | "arrow-left" | "dot-label" | "pagination-label", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/cjs/blocks/Slider/i18n/index.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18n = void 0;
 const tslib_1 = require("tslib");
 const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn");
+const cn_1 = require("../../../utils/cn.js");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}SliderBlock`);
+//# sourceMappingURL=index.js.map

package/build/cjs/blocks/Slider/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["blocks/Slider/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,aAAa,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}SliderBlock`);\n"]}

package/build/cjs/blocks/Slider/models.js

@@ -7,4 +7,5 @@ var SliderBreakpointNames;
     SliderBreakpointNames["Md"] = "md";
     SliderBreakpointNames["Lg"] = "lg";
     SliderBreakpointNames["Xl"] = "xl";
-})(SliderBreakpointNames = exports.SliderBreakpointNames || (exports.SliderBreakpointNames = {}));
+})(SliderBreakpointNames || (exports.SliderBreakpointNames = SliderBreakpointNames = {}));
+//# sourceMappingURL=models.js.map

package/build/cjs/blocks/Slider/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"../../../../src","sources":["blocks/Slider/models.ts"],"names":[],"mappings":";;;AAAA,IAAY,qBAKX;AALD,WAAY,qBAAqB;IAC7B,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;AACb,CAAC,EALW,qBAAqB,qCAArB,qBAAqB,QAKhC","sourcesContent":["export enum SliderBreakpointNames {\n    Sm = 'sm',\n    Md = 'md',\n    Lg = 'lg',\n    Xl = 'xl',\n}\n\nexport type SliderBreakpointParams = Record<SliderBreakpointNames, number>;\nexport type SlidesToShow = Partial<SliderBreakpointParams> | number;\n"]}

package/build/cjs/blocks/Slider/schema.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderBlock = exports.SliderProps = void 0;
-const common_1 = require("../../schema/validators/common");
+const common_1 = require("../../schema/validators/common.js");
 const LoadableProps = {
     additionalProperties: false,
     required: ['source'],
@@ -80,3 +80,4 @@ exports.SliderBlock = {
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), exports.SliderProps), common_1.BlockHeaderProps),
     },
 };
+//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Slider/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Slider/schema.ts"],"names":[],"mappings":";;;AAAA,8DAOwC;AAExC,MAAM,aAAa,GAAG;IAClB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,0DAA0D;YAC1D,0DAA0D;SAC7D;QACD;;WAEG;QACH,QAAQ,EAAE;YACN,IAAI,EAAE,QAAQ;SACjB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,iBAAiB,EAAE;gBACf,IAAI,EAAE;oBACF,KAAK,EAAE;wBACH;4BACI,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;yBACxC;wBACD;4BACI,IAAI,EAAE,QAAQ;4BACd,oBAAoB,EAAE,IAAI;yBAC7B;wBACD;4BACI,IAAI,EAAE,OAAO;yBAChB;qBACJ;iBACJ;aACJ;SACJ;KACJ;IACD,gEAAgE;IAChE,QAAQ,EAAE,IAAI;CACjB,CAAC;AAEF,MAAM,eAAe,GAAG;IACpB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;IAClB,UAAU,EAAE;QACR,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,iBAAQ;SACjB;KACJ;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,IAAI,EAAE;QACF,IAAI,EAAE,SAAS;KAClB;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,SAAS;KAClB;IACD,WAAW,EAAE;QACT,IAAI,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE,wBAAe;IACzB,YAAY,EAAE,0BAAiB;IAC/B,UAAU,EAAE,eAAe;IAC3B,QAAQ,EAAE,aAAa;IACvB,QAAQ,EAAE,2BAAkB;CAC/B,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,cAAc,EAAE;QACZ,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,8DACH,uBAAc,GACd,wBAAe,GACf,mBAAW,GACX,yBAAgB,CACtB;KACJ;CACJ,CAAC","sourcesContent":["import {\n    AnimatableProps,\n    BlockBaseProps,\n    BlockHeaderProps,\n    ChildrenCardsProps,\n    sliderSizesObject,\n    textSize,\n} from '../../schema/validators/common';\n\nconst LoadableProps = {\n    additionalProperties: false,\n    required: ['source'],\n    properties: {\n        source: {\n            type: 'string',\n            // add loadable sources here if you use it in your project\n            // enum: ['my-loadable-source-1', 'my-loadable-source-1'],\n        },\n        /**\n         * @deprecated\n         */\n        minCount: {\n            type: 'number',\n        },\n        params: {\n            type: 'object',\n            patternProperties: {\n                '.*': {\n                    oneOf: [\n                        {\n                            type: ['string', 'number', 'boolean'],\n                        },\n                        {\n                            type: 'object',\n                            additionalProperties: true,\n                        },\n                        {\n                            type: 'array',\n                        },\n                    ],\n                },\n            },\n        },\n    },\n    // remove it in your custom validator schema if you use loadable\n    disabled: true,\n};\n\nconst DisclaimerProps = {\n    additionalProperties: false,\n    required: ['text'],\n    properties: {\n        text: {\n            type: 'string',\n            contentType: 'text',\n        },\n        size: {\n            type: 'string',\n            enum: textSize,\n        },\n    },\n};\n\nexport const SliderProps = {\n    dots: {\n        type: 'boolean',\n    },\n    arrows: {\n        type: 'boolean',\n    },\n    randomOrder: {\n        type: 'boolean',\n    },\n    autoplay: {\n        type: 'number',\n    },\n    animated: AnimatableProps,\n    slidesToShow: sliderSizesObject,\n    disclaimer: DisclaimerProps,\n    loadable: LoadableProps,\n    children: ChildrenCardsProps,\n};\n\nexport const SliderBlock = {\n    'slider-block': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BlockBaseProps,\n            ...AnimatableProps,\n            ...SliderProps,\n            ...BlockHeaderProps,\n        },\n    },\n};\n"]}

package/build/cjs/blocks/Slider/utils.d.ts

@@ -1,4 +1,5 @@
-import { SliderBreakpointParams, SlidesToShow } from './models';
+import * as React from 'react';
+import { SliderBreakpointParams, SlidesToShow } from "./models.js";
 export declare const DEFAULT_SLIDE_BREAKPOINTS: {
     xl: number;
     lg: number;
@@ -31,6 +32,6 @@ export declare function useRovingTabIndex(props: {
     firstIndex?: number;
     uniqId: string;
 }): {
-    getRovingItemProps: (index: number) => Pick<React.HTMLAttributes<HTMLElement>, 'id' | 'tabIndex' | 'onFocus'>;
-    rovingListProps: import("react").HTMLAttributes<HTMLElement>;
+    getRovingItemProps: (index: number) => Pick<React.HTMLAttributes<HTMLElement>, "id" | "tabIndex" | "onFocus">;
+    rovingListProps: React.HTMLAttributes<HTMLElement>;
 };

package/build/cjs/blocks/Slider/utils.js

@@ -1,11 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRovingTabIndex = exports.getSlidesToShowCount = exports.getSlidesCountByBreakpoint = exports.getSliderResponsiveParams = exports.getSlidesToShowWithDefaults = exports.isFocusable = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
+exports.isFocusable = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
+exports.getSlidesToShowWithDefaults = getSlidesToShowWithDefaults;
+exports.getSliderResponsiveParams = getSliderResponsiveParams;
+exports.getSlidesCountByBreakpoint = getSlidesCountByBreakpoint;
+exports.getSlidesToShowCount = getSlidesToShowCount;
+exports.useRovingTabIndex = useRovingTabIndex;
 const tslib_1 = require("tslib");
-const react_1 = require("react");
 const pickBy_1 = tslib_1.__importDefault(require("lodash/pickBy"));
-const constants_1 = require("../../constants");
-const models_1 = require("./models");
+const React = tslib_1.__importStar(require("react"));
+const constants_1 = require("../../constants.js");
+const models_1 = require("./models.js");
 exports.DEFAULT_SLIDE_BREAKPOINTS = {
     [models_1.SliderBreakpointNames.Xl]: 3,
     [models_1.SliderBreakpointNames.Lg]: 2,
@@ -55,28 +60,24 @@ function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscr
     }
     return Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), (0, pickBy_1.default)(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
 }
-exports.getSlidesToShowWithDefaults = getSlidesToShowWithDefaults;
 function getSliderResponsiveParams(breakpoints) {
     return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({
         breakpoint: constants_1.BREAKPOINTS[breakpointName],
         settings: { slidesToShow },
     }));
 }
-exports.getSliderResponsiveParams = getSliderResponsiveParams;
 function getSlidesCountByBreakpoint(breakpoint, breakpoints) {
     const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];
     return Math.floor(breakpoints[breakpointName]);
 }
-exports.getSlidesCountByBreakpoint = getSlidesCountByBreakpoint;
 function getSlidesToShowCount(breakpoints) {
     return Math.floor(Math.max(...Object.values(breakpoints)));
 }
-exports.getSlidesToShowCount = getSlidesToShowCount;
 const getRovingListItemId = (uniqId, index) => `${uniqId}-roving-tabindex-item-${index}`;
 function useRovingTabIndex(props) {
     const { itemCount, activeIndex, firstIndex = 0, uniqId } = props;
-    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(firstIndex);
-    const hasFocusRef = (0, react_1.useRef)(false);
+    const [currentIndex, setCurrentIndex] = React.useState(firstIndex);
+    const hasFocusRef = React.useRef(false);
     const lastIndex = itemCount + firstIndex - 1;
     const getRovingItemProps = (index) => {
         return {
@@ -88,7 +89,7 @@ function useRovingTabIndex(props) {
             },
         };
     };
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         var _a;
         if (!hasFocusRef.current) {
             return;
@@ -122,4 +123,4 @@ function useRovingTabIndex(props) {
     };
     return { getRovingItemProps, rovingListProps };
 }
-exports.useRovingTabIndex = useRovingTabIndex;
+//# sourceMappingURL=utils.js.map

package/build/cjs/blocks/Slider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["blocks/Slider/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import pickBy from 'lodash/pickBy';\nimport * as React from 'react';\n\nimport {BREAKPOINTS} from '../../constants';\n\nimport {SliderBreakpointNames, SliderBreakpointParams, SlidesToShow} from './models';\n\nexport const DEFAULT_SLIDE_BREAKPOINTS = {\n    [SliderBreakpointNames.Xl]: 3,\n    [SliderBreakpointNames.Lg]: 2,\n    [SliderBreakpointNames.Md]: 2,\n    [SliderBreakpointNames.Sm]: 1.15,\n};\n\nconst BREAKPOINT_NAMES_BY_VALUES = Object.entries(BREAKPOINTS).reduce<\n    Record<number, SliderBreakpointNames>\n>((acc, [key, value]) => ({...acc, [value]: key as SliderBreakpointNames}), {});\n\nexport interface GetSlidesToShowParams {\n    contentLength: number;\n    breakpoints?: SlidesToShow;\n    mobileFullscreen?: boolean;\n}\n\nexport const isFocusable = (element: Element): boolean => {\n    if (!(element instanceof HTMLElement)) {\n        return false;\n    }\n    const tabIndexAttr = element.getAttribute('tabindex');\n    const hasTabIndex = tabIndexAttr !== null;\n    const tabIndex = Number(tabIndexAttr);\n    if (element.ariaHidden === 'true' || (hasTabIndex && tabIndex < 0)) {\n        return false;\n    }\n    if (hasTabIndex && tabIndex >= 0) {\n        return true;\n    }\n\n    // without this jest fails here for some reason\n    let htmlElement:\n        | HTMLAnchorElement\n        | HTMLInputElement\n        | HTMLSelectElement\n        | HTMLTextAreaElement\n        | HTMLButtonElement;\n    switch (true) {\n        case element instanceof HTMLAnchorElement:\n            htmlElement = element as HTMLAnchorElement;\n            return Boolean(htmlElement.href);\n        case element instanceof HTMLInputElement:\n            htmlElement = element as HTMLInputElement;\n            return htmlElement.type !== 'hidden' && !htmlElement.disabled;\n        case element instanceof HTMLSelectElement:\n        case element instanceof HTMLTextAreaElement:\n        case element instanceof HTMLButtonElement:\n            htmlElement = element as HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement;\n            return !htmlElement.disabled;\n        default:\n            return false;\n    }\n};\n\nexport function getSlidesToShowWithDefaults({\n    contentLength,\n    breakpoints,\n    mobileFullscreen,\n}: GetSlidesToShowParams) {\n    let result;\n\n    if (typeof breakpoints === 'number') {\n        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce(\n            (acc, breakpointName) => ({...acc, [breakpointName]: breakpoints}),\n            {} as SliderBreakpointParams,\n        );\n    } else {\n        result = breakpoints || DEFAULT_SLIDE_BREAKPOINTS;\n    }\n\n    return {\n        ...DEFAULT_SLIDE_BREAKPOINTS,\n        ...pickBy(result, (value) => !isNaN(value)),\n        sm: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.sm : 1,\n    };\n}\n\nexport function getSliderResponsiveParams(breakpoints: SliderBreakpointParams) {\n    return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({\n        breakpoint: BREAKPOINTS[breakpointName as SliderBreakpointNames],\n        settings: {slidesToShow},\n    }));\n}\n\nexport function getSlidesCountByBreakpoint(\n    breakpoint: number,\n    breakpoints: SliderBreakpointParams,\n) {\n    const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];\n\n    return Math.floor(breakpoints[breakpointName]);\n}\n\nexport function getSlidesToShowCount(breakpoints: SliderBreakpointParams) {\n    return Math.floor(Math.max(...Object.values(breakpoints)));\n}\n\nconst getRovingListItemId = (uniqId: string, index: number) =>\n    `${uniqId}-roving-tabindex-item-${index}`;\nexport function useRovingTabIndex(props: {\n    itemCount: number;\n    activeIndex: number;\n    firstIndex?: number;\n    uniqId: string;\n}) {\n    const {itemCount, activeIndex, firstIndex = 0, uniqId} = props;\n    const [currentIndex, setCurrentIndex] = React.useState(firstIndex);\n    const hasFocusRef = React.useRef(false);\n    const lastIndex = itemCount + firstIndex - 1;\n\n    const getRovingItemProps = (\n        index: number,\n    ): Pick<React.HTMLAttributes<HTMLElement>, 'id' | 'tabIndex' | 'onFocus'> => {\n        return {\n            id: getRovingListItemId(uniqId, index),\n            tabIndex: index === activeIndex ? 0 : -1,\n            onFocus: () => {\n                setCurrentIndex(index);\n                hasFocusRef.current = true;\n            },\n        };\n    };\n\n    React.useEffect(() => {\n        if (!hasFocusRef.current) {\n            return;\n        }\n        document.getElementById(getRovingListItemId(uniqId, currentIndex))?.focus();\n    }, [activeIndex, currentIndex, uniqId]);\n\n    const setNextIndex = () =>\n        setCurrentIndex((prev) => (prev >= lastIndex ? firstIndex : prev + 1));\n    const setPrevIndex = () =>\n        setCurrentIndex((prev) => (prev <= firstIndex ? lastIndex : prev - 1));\n\n    const onRovingListKeyDown: React.KeyboardEventHandler<HTMLElement> = (e) => {\n        const key = e.key.toLowerCase();\n\n        if (key !== 'tab' && key !== 'enter') {\n            e.preventDefault();\n        }\n\n        switch (key) {\n            case 'arrowleft':\n            case 'arrowup':\n                setPrevIndex();\n                return;\n            case 'arrowright':\n            case 'arrowdown':\n                setNextIndex();\n                return;\n        }\n    };\n\n    const onRovingListBlur: React.FocusEventHandler<HTMLElement> = () => {\n        hasFocusRef.current = false;\n    };\n\n    const rovingListProps: React.HTMLAttributes<HTMLElement> = {\n        onKeyDown: onRovingListKeyDown,\n        onBlur: onRovingListBlur,\n    };\n\n    return {getRovingItemProps, rovingListProps};\n}\n"]}

package/build/cjs/blocks/SliderNew/Arrow/Arrow.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ClassNameProps } from '../../../models';
+import * as React from 'react';
+import { ClassNameProps } from "../../../models/index.js";
 export type ArrowType = 'left' | 'right';
 export interface ArrowProps {
     type: ArrowType;
@@ -7,5 +7,5 @@ export interface ArrowProps {
     size?: number;
     extraProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
 }
-declare const Arrow: ({ type, onClick, className, size, extraProps }: ArrowProps & ClassNameProps) => JSX.Element;
+declare const Arrow: ({ type, onClick, className, size, extraProps }: ArrowProps & ClassNameProps) => import("react/jsx-runtime").JSX.Element;
 export default Arrow;

package/build/cjs/blocks/SliderNew/Arrow/Arrow.js

@@ -1,13 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow"));
-const utils_1 = require("../../../utils");
-const i18n_1 = require("../i18n");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow.js"));
+const utils_1 = require("../../../utils/index.js");
+const i18n_1 = require("../i18n/index.js");
 const b = (0, utils_1.block)('slider-new-block-arrow');
-const Arrow = ({ type, onClick, className, size = 16, extraProps }) => (react_1.default.createElement("div", { className: b({ type }, className) },
-    react_1.default.createElement("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": (0, i18n_1.i18n)(`arrow-${type}`) }, extraProps),
-        react_1.default.createElement("span", { className: b('icon-wrapper') },
-            react_1.default.createElement(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') })))));
+const Arrow = ({ type, onClick, className, size = 16, extraProps }) => ((0, jsx_runtime_1.jsx)("div", { className: b({ type }, className), children: (0, jsx_runtime_1.jsx)("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": (0, i18n_1.i18n)(`arrow-${type}`) }, extraProps, { children: (0, jsx_runtime_1.jsx)("span", { className: b('icon-wrapper'), children: (0, jsx_runtime_1.jsx)(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) })) }));
 exports.default = Arrow;
+//# sourceMappingURL=Arrow.js.map

package/build/cjs/blocks/SliderNew/Arrow/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"../../../../../src","sources":["blocks/SliderNew/Arrow/Arrow.tsx"],"names":[],"mappings":";;;;AAEA,yGAAsE;AAEtE,mDAAqC;AACrC,2CAA6B;AAI7B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,wBAAwB,CAAC,CAAC;AAW1C,MAAM,KAAK,GAAG,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,EAAE,EAAE,UAAU,EAA8B,EAAE,EAAE,CAAC,CAC9F,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAChC,iDACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,OAAO,gBACJ,IAAA,WAAI,EAAC,SAAS,IAAI,EAAE,CAAC,IAC7B,UAAU,cAEd,iCAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC9B,uBAAC,qBAAW,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAC,YAAY,EACrB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,GACC,IACF,GACP,CACT,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';\nimport {ClassNameProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {i18n} from '../i18n';\n\nimport './Arrow.scss';\n\nconst b = block('slider-new-block-arrow');\n\nexport type ArrowType = 'left' | 'right';\n\nexport interface ArrowProps {\n    type: ArrowType;\n    onClick?: () => void;\n    size?: number;\n    extraProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n}\n\nconst Arrow = ({type, onClick, className, size = 16, extraProps}: ArrowProps & ClassNameProps) => (\n    <div className={b({type}, className)}>\n        <button\n            className={b('button')}\n            onClick={onClick}\n            aria-label={i18n(`arrow-${type}`)}\n            {...extraProps}\n        >\n            <span className={b('icon-wrapper')}>\n                <ToggleArrow\n                    size={size}\n                    type={'horizontal'}\n                    iconType=\"navigation\"\n                    className={b('icon')}\n                />\n            </span>\n        </button>\n    </div>\n);\n\nexport default Arrow;\n"]}

package/build/cjs/blocks/SliderNew/Slider.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
+import * as React from 'react';
 import { Swiper } from 'swiper/react';
-import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
+import { ClassNameProps, Refable, SliderProps as SliderParams } from "../../models/index.js";
 import 'swiper/swiper-bundle.css';
 export interface SliderNewProps extends Omit<SliderParams, 'children'>, Partial<Pick<Swiper, 'onSlideChange' | 'onSlideChangeTransitionStart' | 'onSlideChangeTransitionEnd' | 'onActiveIndexChange' | 'onBreakpoint'>>, Refable<HTMLDivElement>, ClassNameProps {
     type?: string;
@@ -9,5 +9,5 @@ export interface SliderNewProps extends Omit<SliderParams, 'children'>, Partial<
     blockClassName?: string;
     arrowSize?: number;
 }
-export declare const SliderNewBlock: ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: PropsWithChildren<SliderNewProps>) => JSX.Element;
+export declare const SliderNewBlock: ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: React.PropsWithChildren<SliderNewProps>) => import("react/jsx-runtime").JSX.Element;
 export default SliderNewBlock;