@gravity-ui/page-constructor 6.0.1-beta.0 → 7.0.0-beta.1

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { Swiper } from 'swiper/react';
-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;
-    anchorId?: string;
-    dotsClassName?: string;
-    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, }: React.PropsWithChildren<SliderNewProps>) => import("react/jsx-runtime").JSX.Element;
-export default SliderNewBlock;

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

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderNewBlock = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const swiper_1 = tslib_1.__importStar(require("swiper"));
-const react_1 = require("swiper/react");
-const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor.js"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.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 useSlider_1 = require("./useSlider.js");
-const useSliderPagination_1 = require("./useSliderPagination.js");
-require("swiper/swiper-bundle.css");
-const b = (0, utils_1.block)('SliderNewBlock');
-swiper_1.default.use([swiper_1.Autoplay, swiper_1.A11y, swiper_1.Pagination]);
-const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplayMs, dots = true, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
-    const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, onPrev, onNext, setIsLocked } = (0, useSlider_1.useSlider)({
-        slidesToShow,
-        children,
-        type,
-        autoplayMs,
-    });
-    const isA11yControlHidden = Boolean(autoplay);
-    const controlTabIndex = isA11yControlHidden ? -1 : 0;
-    const paginationProps = (0, useSliderPagination_1.useSliderPagination)({
-        enabled: dots,
-        isA11yControlHidden,
-        controlTabIndex,
-        bulletClass: b('dot', dotsClassName),
-        bulletActiveClass: b('dot_active'),
-        paginationLabel: (0, i18n_1.i18n)('pagination-label'),
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({
-            'one-slide': childrenCount === 1,
-            'only-arrows': !(title === null || title === void 0 ? void 0 : title.text) && !description && arrows,
-            'without-dots': !dots || isLocked,
-            type,
-        }, 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.jsxs)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: [(0, jsx_runtime_1.jsx)(react_1.Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
-                            slideLabelMessage: '',
-                            paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
-                        } }, paginationProps, { children: React.Children.map(children, (elem, index) => ((0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { className: b('slide'), children: ({ isVisible }) => ((0, jsx_runtime_1.jsx)("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible, children: elem })) }, index))) })), arrows && !isLocked && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { "aria-hidden": isA11yControlHidden, children: [(0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }), (0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })] }) })), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: disclaimer ? ((0, jsx_runtime_1.jsx)("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }), children: disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text })) : null })] })] }));
-};
-exports.SliderNewBlock = SliderNewBlock;
-exports.default = exports.SliderNewBlock;
-//# sourceMappingURL=Slider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.js","sourceRoot":"../../../../src","sources":["blocks/SliderNew/Slider.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport SwiperCore, {A11y, Autoplay, Pagination} from 'swiper';\nimport {Swiper, SwiperSlide} from 'swiper/react';\n\nimport Anchor from '../../components/Anchor/Anchor';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport Title from '../../components/Title/Title';\nimport {ClassNameProps, Refable, SliderProps as SliderParams} from '../../models';\nimport {block} from '../../utils';\n\nimport Arrow from './Arrow/Arrow';\nimport {i18n} from './i18n';\nimport {useSlider} from './useSlider';\nimport {useSliderPagination} from './useSliderPagination';\n\nimport './Slider.scss';\nimport 'swiper/swiper-bundle.css';\n\nconst b = block('SliderNewBlock');\n\nexport interface SliderNewProps\n    extends Omit<SliderParams, 'children'>,\n        Partial<\n            Pick<\n                Swiper,\n                | 'onSlideChange'\n                | 'onSlideChangeTransitionStart'\n                | 'onSlideChangeTransitionEnd'\n                | 'onActiveIndexChange'\n                | 'onBreakpoint'\n            >\n        >,\n        Refable<HTMLDivElement>,\n        ClassNameProps {\n    type?: string;\n    anchorId?: string;\n    dotsClassName?: string;\n    blockClassName?: string;\n    arrowSize?: number;\n}\n\nSwiperCore.use([Autoplay, A11y, Pagination]);\n\nexport const SliderNewBlock = ({\n    animated,\n    title,\n    description,\n    type,\n    anchorId,\n    arrows = true,\n    adaptive,\n    autoplay: autoplayMs,\n    dots = true,\n    className,\n    dotsClassName,\n    disclaimer,\n    children,\n    blockClassName,\n    arrowSize,\n    slidesToShow,\n    onSlideChange,\n    onSlideChangeTransitionStart,\n    onSlideChangeTransitionEnd,\n    onActiveIndexChange,\n    onBreakpoint,\n}: React.PropsWithChildren<SliderNewProps>) => {\n    const {autoplay, isLocked, childrenCount, breakpoints, onSwiper, onPrev, onNext, setIsLocked} =\n        useSlider({\n            slidesToShow,\n            children,\n            type,\n            autoplayMs,\n        });\n\n    const isA11yControlHidden = Boolean(autoplay);\n    const controlTabIndex = isA11yControlHidden ? -1 : 0;\n\n    const paginationProps = useSliderPagination({\n        enabled: dots,\n        isA11yControlHidden,\n        controlTabIndex,\n        bulletClass: b('dot', dotsClassName),\n        bulletActiveClass: b('dot_active'),\n        paginationLabel: i18n('pagination-label'),\n    });\n\n    return (\n        <div\n            className={b(\n                {\n                    'one-slide': childrenCount === 1,\n                    'only-arrows': !title?.text && !description && arrows,\n                    'without-dots': !dots || isLocked,\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                <Swiper\n                    className={b('slider', className)}\n                    onSwiper={onSwiper}\n                    speed={1000}\n                    autoplay={autoplay}\n                    autoHeight={adaptive}\n                    initialSlide={0}\n                    noSwiping={false}\n                    breakpoints={breakpoints}\n                    onSlideChange={onSlideChange}\n                    onSlideChangeTransitionStart={onSlideChangeTransitionStart}\n                    onSlideChangeTransitionEnd={onSlideChangeTransitionEnd}\n                    onActiveIndexChange={onActiveIndexChange}\n                    onBreakpoint={onBreakpoint}\n                    onLock={() => setIsLocked(true)}\n                    onUnlock={() => setIsLocked(false)}\n                    watchSlidesVisibility\n                    watchOverflow\n                    a11y={{\n                        slideLabelMessage: '',\n                        paginationBulletMessage: i18n('dot-label', {index: '{{index}}'}),\n                    }}\n                    {...paginationProps}\n                >\n                    {React.Children.map(children, (elem, index) => (\n                        <SwiperSlide className={b('slide')} key={index}>\n                            {({isVisible}) => (\n                                <div\n                                    className={b('slide-item')}\n                                    aria-hidden={!isA11yControlHidden && !isVisible}\n                                >\n                                    {elem}\n                                </div>\n                            )}\n                        </SwiperSlide>\n                    ))}\n                </Swiper>\n                {arrows && !isLocked && (\n                    <React.Fragment>\n                        <div aria-hidden={isA11yControlHidden}>\n                            <Arrow\n                                className={b('arrow', {prev: true})}\n                                type=\"left\"\n                                onClick={onPrev}\n                                size={arrowSize}\n                                extraProps={{tabIndex: controlTabIndex}}\n                            />\n                            <Arrow\n                                className={b('arrow', {next: true})}\n                                type=\"right\"\n                                onClick={onNext}\n                                size={arrowSize}\n                                extraProps={{tabIndex: controlTabIndex}}\n                            />\n                        </div>\n                    </React.Fragment>\n                )}\n                <div className={b('footer')}>\n                    {disclaimer ? (\n                        <div className={b('disclaimer', {size: disclaimer?.size || 'm'})}>\n                            {disclaimer?.text}\n                        </div>\n                    ) : null}\n                </div>\n            </AnimateBlock>\n        </div>\n    );\n};\n\nexport default SliderNewBlock;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/SliderNew/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,cAAc,GAAG;IAC1B,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,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,SAAS;KAClB;IACD,SAAS,EAAE;QACP,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,cAAc,GAAG;IAC1B,kBAAkB,EAAE;QAChB,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,8DACH,uBAAc,GACd,wBAAe,GACf,sBAAc,GACd,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 SliderNewProps = {\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    type: {\n        type: 'string',\n    },\n    adaptive: {\n        type: 'boolean',\n    },\n    arrowSize: {\n        type: 'number',\n    },\n    animated: AnimatableProps,\n    slidesToShow: sliderSizesObject,\n    disclaimer: DisclaimerProps,\n    loadable: LoadableProps,\n    children: ChildrenCardsProps,\n};\n\nexport const SliderNewBlock = {\n    'slider-new-block': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BlockBaseProps,\n            ...AnimatableProps,\n            ...SliderNewProps,\n            ...BlockHeaderProps,\n        },\n    },\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSlider.js","sourceRoot":"../../../../src","sources":["blocks/SliderNew/useSlider.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,kDAAsD;AAEtD,sCAA+D;AAQxD,MAAM,SAAS,GAAG,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,OAA2B,EAAtB,KAAK,sBAArC,kCAAsC,CAAD;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAErD,MAAM,eAAe,GAAG,UAAU,KAAK,SAAS,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,IAAA,iCAAyB,EAAC;YAC7B,aAAa,EAAE,aAAa;YAC5B,YAAY;YACZ,gBAAgB,EAAE,OAAO,CACrB,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,mBAAU,CAAC,CAAC,QAAQ,CAAC,IAAkB,CAAC,CACjE;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAExC,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAClB,OAAO;QACX,CAAC;QAED,MAAM,CAAC,SAAS,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,MAAM,CAAC,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;YAClC,OAAO;QACX,CAAC;QAED,MAAM,CAAC,SAAS,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,IAAI,eAAe,EAAE,CAAC;YAClB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAC3B,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IAE9B,OAAO;QACH,MAAM;QACN,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU;QAClB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,WAAW;QACX,QAAQ,EAAE,eAAe,IAAI;YACzB,KAAK,EAAE,UAAU;YACjB,oBAAoB,EAAE,KAAK;SAC9B;KACJ,CAAC;AACN,CAAC,CAAC;AAvEW,QAAA,SAAS,aAuEpB","sourcesContent":["import * as React from 'react';\n\nimport type {Swiper} from 'swiper';\n\nimport {SliderType, SlidesToShow} from '../../models';\n\nimport {getSliderResponsiveParams, useMemoized} from './utils';\n\ntype UseSliderProps = React.PropsWithChildren<{\n    autoplayMs?: number;\n    type?: string;\n    slidesToShow?: SlidesToShow;\n}>;\n\nexport const useSlider = ({children, autoplayMs, type, ...props}: UseSliderProps) => {\n    const [slider, setSlider] = React.useState<Swiper>();\n    const [isLocked, setIsLocked] = React.useState(false);\n    const slidesToShow = useMemoized(props.slidesToShow);\n\n    const childrenCount = React.Children.count(children);\n\n    const autoplayEnabled = autoplayMs !== undefined && autoplayMs > 0;\n\n    const breakpoints = React.useMemo(() => {\n        return getSliderResponsiveParams({\n            contentLength: childrenCount,\n            slidesToShow,\n            mobileFullscreen: Boolean(\n                type && Object.values(SliderType).includes(type as SliderType),\n            ),\n        });\n    }, [slidesToShow, type, childrenCount]);\n\n    const handleNext = () => {\n        if (!slider) {\n            return;\n        }\n\n        if (slider.isEnd) {\n            slider.slideTo(0);\n            return;\n        }\n\n        slider.slideNext();\n    };\n\n    const handlePrev = () => {\n        if (!slider) {\n            return;\n        }\n\n        if (slider.isBeginning) {\n            slider.slideTo(childrenCount - 1);\n            return;\n        }\n\n        slider.slidePrev();\n    };\n\n    React.useEffect(() => {\n        if (!slider) {\n            return;\n        }\n\n        if (autoplayEnabled) {\n            slider.autoplay.start();\n        } else {\n            slider.autoplay.stop();\n        }\n    }, [slider, autoplayEnabled]);\n\n    return {\n        slider,\n        onSwiper: setSlider,\n        onNext: handleNext,\n        onPrev: handlePrev,\n        breakpoints,\n        childrenCount,\n        isLocked,\n        setIsLocked,\n        autoplay: autoplayEnabled && {\n            delay: autoplayMs,\n            disableOnInteraction: false,\n        },\n    };\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderPagination.js","sourceRoot":"../../../../src","sources":["blocks/SliderNew/useSliderPagination.ts"],"names":[],"mappings":";;;AAEA,sCAA6C;AAEtC,MAAM,mBAAmB,GAAG,CAAC,KAOnC,EAAsE,EAAE;IACrE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACjB,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,MAAM,EAAC,mBAAmB,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAC,GACzF,KAAK,CAAC;IAEV,OAAO;QACH,UAAU,EAAE;YACR,SAAS,EAAE,IAAI;YACf,WAAW;YACX,iBAAiB;SACpB;QACD,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE;YAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;YAExC,IAAA,4BAAoB,EAAC,UAAU,EAAE;gBAC7B,IAAI,EAAE,MAAM;gBACZ,aAAa,EAAE,mBAAmB;gBAClC,YAAY,EAAE,eAAe;aAChC,CAAC,CAAC;YAEH,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC;YAE/D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;gBAE9D,IAAA,4BAAoB,EAAC,MAAM,EAAE;oBACzB,IAAI,EAAE,eAAe;oBACrB,aAAa,EAAE,mBAAmB;oBAClC,cAAc,EAAE,QAAQ;oBACxB,QAAQ,EAAE,eAAe;iBAC5B,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,mBAAmB,uBA4C9B","sourcesContent":["import {Swiper as SwiperProps} from 'swiper/swiper-react';\n\nimport {setElementAtrributes} from './utils';\n\nexport const useSliderPagination = (props: {\n    enabled: boolean;\n    isA11yControlHidden: boolean;\n    controlTabIndex: number;\n    bulletClass: string;\n    bulletActiveClass: string;\n    paginationLabel: string;\n}): Pick<SwiperProps, 'pagination' | 'onPaginationUpdate'> | undefined => {\n    if (!props.enabled) {\n        return undefined;\n    }\n\n    const {isA11yControlHidden, controlTabIndex, bulletClass, bulletActiveClass, paginationLabel} =\n        props;\n\n    return {\n        pagination: {\n            clickable: true,\n            bulletClass,\n            bulletActiveClass,\n        },\n        onPaginationUpdate: (slider) => {\n            const pagination = slider.pagination.el;\n\n            setElementAtrributes(pagination, {\n                role: 'menu',\n                'aria-hidden': isA11yControlHidden,\n                'aria-label': paginationLabel,\n            });\n\n            const bullets = pagination.querySelectorAll(`.${bulletClass}`);\n\n            bullets.forEach((bullet) => {\n                const isActive = bullet.classList.contains(bulletActiveClass);\n\n                setElementAtrributes(bullet, {\n                    role: 'menuitemradio',\n                    'aria-hidden': isA11yControlHidden,\n                    'aria-checked': isActive,\n                    tabindex: controlTabIndex,\n                });\n            });\n        },\n    };\n};\n"]}

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

@@ -1,16 +0,0 @@
-import type { SwiperOptions } from 'swiper/types/swiper-options';
-import { SlidesToShow } from "./models.js";
-export declare const DEFAULT_SLIDE_BREAKPOINTS: {
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-export interface GetSlidesToShowParams {
-    contentLength: number;
-    slidesToShow?: SlidesToShow;
-    mobileFullscreen?: boolean;
-}
-export declare function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }: GetSlidesToShowParams): Record<number, SwiperOptions>;
-export declare const useMemoized: <T>(value: T) => T;
-export declare const setElementAtrributes: (element: Element, attributes: Record<string, unknown>) => void;

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

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setElementAtrributes = exports.useMemoized = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
-exports.getSliderResponsiveParams = getSliderResponsiveParams;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
-const pickBy_1 = tslib_1.__importDefault(require("lodash/pickBy"));
-const constants_1 = require("../../constants.js");
-const models_1 = require("./models.js");
-exports.DEFAULT_SLIDE_BREAKPOINTS = {
-    [models_1.SliderBreakpointNames.Lg]: 3,
-    [models_1.SliderBreakpointNames.Md]: 2,
-    [models_1.SliderBreakpointNames.Sm]: 2,
-    [models_1.SliderBreakpointNames.Xs]: 1.15,
-};
-function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }) {
-    let result;
-    if (typeof slidesToShow === 'number') {
-        result = Object.keys(exports.DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: slidesToShow })), {});
-    }
-    else {
-        result = slidesToShow || exports.DEFAULT_SLIDE_BREAKPOINTS;
-    }
-    const showCount = Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), (0, pickBy_1.default)(result, (value) => !isNaN(value))), { xs: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.xs : 1 });
-    return Object.entries(showCount).reduce((res, [breakpointName, value]) => {
-        // eslint-disable-next-line no-param-reassign
-        res[constants_1.BREAKPOINTS[breakpointName] + 1] = {
-            slidesPerView: value,
-        };
-        return res;
-    }, {});
-}
-const useMemoized = (value) => {
-    const [memoizedValue, setMemoizedValue] = React.useState(value);
-    React.useEffect(() => {
-        setMemoizedValue((memoized) => value && typeof value === 'object' && (0, isEqual_1.default)(memoized, value) ? memoized : value);
-    }, [value]);
-    return memoizedValue;
-};
-exports.useMemoized = useMemoized;
-const setElementAtrributes = (element, attributes) => Object.entries(attributes).forEach(([attribute, value]) => element.setAttribute(attribute, String(value)));
-exports.setElementAtrributes = setElementAtrributes;
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["blocks/SliderNew/utils.ts"],"names":[],"mappings":";;;AAsBA,8DAgCC;;AAtDD,qDAA+B;AAE/B,qEAAqC;AACrC,mEAAmC;AAGnC,kDAA4C;AAE5C,wCAAqF;AAExE,QAAA,yBAAyB,GAAG;IACrC,CAAC,8BAAqB,CAAC,EAAE,CAAC,EAAE,CAAC;IAC7B,CAAC,8BAAqB,CAAC,EAAE,CAAC,EAAE,CAAC;IAC7B,CAAC,8BAAqB,CAAC,EAAE,CAAC,EAAE,CAAC;IAC7B,CAAC,8BAAqB,CAAC,EAAE,CAAC,EAAE,IAAI;CACnC,CAAC;AAOF,SAAgB,yBAAyB,CAAC,EACtC,aAAa,EACb,YAAY,EACZ,gBAAgB,GACI;IACpB,IAAI,MAAM,CAAC;IAEX,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;QACnC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,iCAAyB,CAAC,CAAC,MAAM,CAClD,CAAC,GAAG,EAAE,cAAc,EAAE,EAAE,CAAC,iCAAK,GAAG,KAAE,CAAC,cAAc,CAAC,EAAE,YAAY,IAAE,EACnE,EAA4B,CAC/B,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,MAAM,GAAG,YAAY,IAAI,iCAAyB,CAAC;IACvD,CAAC;IAED,MAAM,SAAS,iDACR,iCAAyB,GACzB,IAAA,gBAAM,EAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAC3C,EAAE,EAAE,CAAC,gBAAgB,IAAI,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,iCAAyB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAChF,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,EAAE;QAC7B,6CAA6C;QAC7C,GAAG,CAAC,uBAAW,CAAC,cAAuC,CAAC,GAAG,CAAC,CAAC,GAAG;YAC5D,aAAa,EAAE,KAAK;SACvB,CAAC;QACF,OAAO,GAAG,CAAC;IACf,CAAC,EACD,EAAmC,CACtC,CAAC;AACN,CAAC;AAEM,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAK,EAAE;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,gBAAgB,CAAC,CAAC,QAAQ,EAAE,EAAE,CAC1B,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAA,iBAAO,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CACpF,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB;AAEK,MAAM,oBAAoB,GAAG,CAAC,OAAgB,EAAE,UAAmC,EAAE,EAAE,CAC1F,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CACtD,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CACjD,CAAC;AAHO,QAAA,oBAAoB,wBAG3B","sourcesContent":["import * as React from 'react';\n\nimport isEqual from 'lodash/isEqual';\nimport pickBy from 'lodash/pickBy';\nimport type {SwiperOptions} from 'swiper/types/swiper-options';\n\nimport {BREAKPOINTS} from '../../constants';\n\nimport {SliderBreakpointNames, SliderBreakpointParams, SlidesToShow} from './models';\n\nexport const DEFAULT_SLIDE_BREAKPOINTS = {\n    [SliderBreakpointNames.Lg]: 3,\n    [SliderBreakpointNames.Md]: 2,\n    [SliderBreakpointNames.Sm]: 2,\n    [SliderBreakpointNames.Xs]: 1.15,\n};\n\nexport interface GetSlidesToShowParams {\n    contentLength: number;\n    slidesToShow?: SlidesToShow;\n    mobileFullscreen?: boolean;\n}\nexport function getSliderResponsiveParams({\n    contentLength,\n    slidesToShow,\n    mobileFullscreen,\n}: GetSlidesToShowParams) {\n    let result;\n\n    if (typeof slidesToShow === 'number') {\n        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce(\n            (acc, breakpointName) => ({...acc, [breakpointName]: slidesToShow}),\n            {} as SliderBreakpointParams,\n        );\n    } else {\n        result = slidesToShow || DEFAULT_SLIDE_BREAKPOINTS;\n    }\n\n    const showCount = {\n        ...DEFAULT_SLIDE_BREAKPOINTS,\n        ...pickBy(result, (value) => !isNaN(value)),\n        xs: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.xs : 1,\n    };\n\n    return Object.entries(showCount).reduce(\n        (res, [breakpointName, value]) => {\n            // eslint-disable-next-line no-param-reassign\n            res[BREAKPOINTS[breakpointName as SliderBreakpointNames] + 1] = {\n                slidesPerView: value,\n            };\n            return res;\n        },\n        {} as Record<number, SwiperOptions>,\n    );\n}\n\nexport const useMemoized = <T>(value: T): T => {\n    const [memoizedValue, setMemoizedValue] = React.useState(value);\n\n    React.useEffect(() => {\n        setMemoizedValue((memoized) =>\n            value && typeof value === 'object' && isEqual(memoized, value) ? memoized : value,\n        );\n    }, [value]);\n\n    return memoizedValue;\n};\n\nexport const setElementAtrributes = (element: Element, attributes: Record<string, unknown>) =>\n    Object.entries(attributes).forEach(([attribute, value]) =>\n        element.setAttribute(attribute, String(value)),\n    );\n"]}

package/build/cjs/blocks/unstable.d.ts

@@ -1 +0,0 @@
-export { default as SliderNewBlock } from "./SliderNew/Slider.js";

package/build/cjs/blocks/unstable.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderNewBlock = void 0;
-const tslib_1 = require("tslib");
-var Slider_1 = require("./SliderNew/Slider.js");
-Object.defineProperty(exports, "SliderNewBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Slider_1).default; } });
-//# sourceMappingURL=unstable.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"unstable.js","sourceRoot":"../../../src","sources":["blocks/unstable.ts"],"names":[],"mappings":";;;;AAAA,gDAA6D;AAArD,iIAAA,OAAO,OAAkB","sourcesContent":["export {default as SliderNewBlock} from './SliderNew/Slider';\n"]}

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

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

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ToggleArrow from "../../../components/ToggleArrow/ToggleArrow.js";
-import { block } from "../../../utils/index.js";
-import { i18n } from "../i18n/index.js";
-import './Arrow.css';
-const b = block('slider-new-block-arrow');
-const Arrow = ({ type, onClick, className, size = 16, extraProps }) => (_jsx("div", { className: b({ type }, className), children: _jsx("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": i18n(`arrow-${type}`) }, extraProps, { children: _jsx("span", { className: b('icon-wrapper'), children: _jsx(ToggleArrow, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) })) }));
-export default Arrow;
-//# sourceMappingURL=Arrow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Arrow.js","sourceRoot":"../../../../../src","sources":["blocks/SliderNew/Arrow/Arrow.tsx"],"names":[],"mappings":";AAEA,OAAO,WAAW,uDAAoD;AAEtE,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,IAAI,EAAC,yBAAgB;AAE7B,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,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,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAChC,+BACI,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,OAAO,gBACJ,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,IAC7B,UAAU,cAEd,eAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC9B,KAAC,WAAW,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,eAAe,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"]}