@doyourjob/gravity-ui-page-constructor 5.31.101 → 5.31.102

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

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

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

@@ -3,55 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderNewBlock = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const modules_1 = require("swiper/modules");
-const react_1 = require("swiper/react");
-const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
-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 useSlider_1 = require("./useSlider");
-const useSliderPagination_1 = require("./useSliderPagination");
-require("swiper/swiper-bundle.css");
-const b = (0, utils_1.block)('slider-new-block');
-const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplayMs, infinite = false, dots = true, initialSlide = 0, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
-    const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, handleSwiperInit, 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 (React.createElement("div", { className: b({
-            'one-slide': childrenCount === 1,
-            'only-arrows': (!title || (typeof title !== 'string' && !(title === null || title === void 0 ? void 0 : title.text))) &&
-                !description &&
-                arrows,
-            'without-dots': !dots || isLocked,
-            type,
-        }, blockClassName) },
-        anchorId && React.createElement(Anchor_1.default, { id: anchorId }),
-        React.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
-        React.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated },
-            React.createElement(react_1.Swiper, Object.assign({ modules: [modules_1.Autoplay, modules_1.A11y, modules_1.Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 700, autoplay: autoplay, loop: infinite, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, slidesOffsetBefore: 24, slidesOffsetAfter: 24, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), onInit: handleSwiperInit, watchSlidesProgress: true, watchOverflow: true, a11y: {
-                    slideLabelMessage: '',
-                    paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
-                } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(react_1.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
-            arrows && !isLocked && (React.createElement("div", { "aria-hidden": isA11yControlHidden },
-                React.createElement(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", transparent: type === models_1.SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
-                React.createElement(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", transparent: type === models_1.SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }))),
-            React.createElement("div", { className: b('footer') }, disclaimer ? (React.createElement("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }) }, disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text)) : null))));
+const SliderClient_1 = tslib_1.__importDefault(require("./SliderClient"));
+const SliderNewBlock = (props) => {
+    const [ClientComponent, setClientComponent] = React.useState(null);
+    React.useEffect(() => {
+        Promise.resolve().then(() => tslib_1.__importStar(require('./SliderClient'))).then((mod) => {
+            setClientComponent(() => mod.default);
+        });
+    }, []);
+    if (!ClientComponent)
+        return null; // или прелоадер
+    return React.createElement(SliderClient_1.default, Object.assign({}, props));
 };
 exports.SliderNewBlock = SliderNewBlock;
 exports.default = exports.SliderNewBlock;

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

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

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

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderClient = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const modules_1 = require("swiper/modules");
+const react_1 = require("swiper/react");
+const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor"));
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
+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 useSlider_1 = require("./useSlider");
+const useSliderPagination_1 = require("./useSliderPagination");
+require("swiper/swiper-bundle.css");
+const b = (0, utils_1.block)('slider-new-block');
+const SliderClient = ({ animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplayMs, infinite = false, dots = true, initialSlide = 0, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
+    const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, handleSwiperInit, 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 (React.createElement("div", { className: b({
+            'one-slide': childrenCount === 1,
+            'only-arrows': (!title || (typeof title !== 'string' && !(title === null || title === void 0 ? void 0 : title.text))) &&
+                !description &&
+                arrows,
+            'without-dots': !dots || isLocked,
+            type,
+        }, blockClassName) },
+        anchorId && React.createElement(Anchor_1.default, { id: anchorId }),
+        React.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
+        React.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated },
+            React.createElement(react_1.Swiper, Object.assign({ modules: [modules_1.Autoplay, modules_1.A11y, modules_1.Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 700, autoplay: autoplay, loop: infinite, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, slidesOffsetBefore: 24, slidesOffsetAfter: 24, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), onInit: handleSwiperInit, watchSlidesProgress: true, watchOverflow: true, a11y: {
+                    slideLabelMessage: '',
+                    paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
+                } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(react_1.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
+            arrows && !isLocked && (React.createElement("div", { "aria-hidden": isA11yControlHidden },
+                React.createElement(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", transparent: type === models_1.SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
+                React.createElement(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", transparent: type === models_1.SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }))),
+            React.createElement("div", { className: b('footer') }, disclaimer ? (React.createElement("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }) }, disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text)) : null))));
+};
+exports.SliderClient = SliderClient;
+exports.default = exports.SliderClient;

package/build/cjs/constructor-items.d.ts

@@ -36,7 +36,7 @@ export declare const blockMap: {
     "reports-cards-block": ({ title, typeKey, postscript, empty }: import("./models").ReportsCardsBlockProps) => JSX.Element;
     "reports-sections-block": ({ title, typeKey, empty }: import("./models").ReportsSectionsBlockProps) => JSX.Element;
     "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
-    "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, infinite, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
+    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element | null;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

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

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

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

@@ -1,53 +1,14 @@
 import * as React from 'react';
-import { A11y, Autoplay, Pagination } from 'swiper/modules';
-import { Swiper as SwiperReact, SwiperSlide } from 'swiper/react';
-import Anchor from '../../components/Anchor/Anchor';
-import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
-import Title from '../../components/Title/Title';
-import { SliderType } from '../../models';
-import { block } from '../../utils';
-import Arrow from './Arrow/Arrow';
-import { i18n } from './i18n';
-import { useSlider } from './useSlider';
-import { useSliderPagination } from './useSliderPagination';
-import './Slider.css';
-import 'swiper/swiper-bundle.css';
-const b = block('slider-new-block');
-export const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplayMs, infinite = false, dots = true, initialSlide = 0, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
-    const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, handleSwiperInit, onPrev, onNext, setIsLocked, } = useSlider({
-        slidesToShow,
-        children,
-        type,
-        autoplayMs,
-    });
-    const isA11yControlHidden = Boolean(autoplay);
-    const controlTabIndex = isA11yControlHidden ? -1 : 0;
-    const paginationProps = useSliderPagination({
-        enabled: dots,
-        isA11yControlHidden,
-        controlTabIndex,
-        bulletClass: b('dot', dotsClassName),
-        bulletActiveClass: b('dot_active'),
-        paginationLabel: i18n('pagination-label'),
-    });
-    return (React.createElement("div", { className: b({
-            'one-slide': childrenCount === 1,
-            'only-arrows': (!title || (typeof title !== 'string' && !(title === null || title === void 0 ? void 0 : title.text))) &&
-                !description &&
-                arrows,
-            'without-dots': !dots || isLocked,
-            type,
-        }, blockClassName) },
-        anchorId && React.createElement(Anchor, { id: anchorId }),
-        React.createElement(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
-        React.createElement(AnimateBlock, { className: b('animate-slides'), animate: animated },
-            React.createElement(SwiperReact, Object.assign({ modules: [Autoplay, A11y, Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 700, autoplay: autoplay, loop: infinite, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, slidesOffsetBefore: 24, slidesOffsetAfter: 24, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), onInit: handleSwiperInit, watchSlidesProgress: true, watchOverflow: true, a11y: {
-                    slideLabelMessage: '',
-                    paginationBulletMessage: i18n('dot-label', { index: '{{index}}' }),
-                } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
-            arrows && !isLocked && (React.createElement("div", { "aria-hidden": isA11yControlHidden },
-                React.createElement(Arrow, { className: b('arrow', { prev: true }), type: "left", transparent: type === SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
-                React.createElement(Arrow, { className: b('arrow', { next: true }), type: "right", transparent: type === SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }))),
-            React.createElement("div", { className: b('footer') }, disclaimer ? (React.createElement("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }) }, disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text)) : null))));
+import SliderClient from './SliderClient';
+export const SliderNewBlock = (props) => {
+    const [ClientComponent, setClientComponent] = React.useState(null);
+    React.useEffect(() => {
+        import('./SliderClient').then((mod) => {
+            setClientComponent(() => mod.default);
+        });
+    }, []);
+    if (!ClientComponent)
+        return null; // или прелоадер
+    return React.createElement(SliderClient, Object.assign({}, props));
 };
 export default SliderNewBlock;

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

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

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

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { A11y, Autoplay, Pagination } from 'swiper/modules';
+import { Swiper as SwiperReact, SwiperSlide } from 'swiper/react';
+import Anchor from '../../components/Anchor/Anchor';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import Title from '../../components/Title/Title';
+import { SliderType } from '../../models';
+import { block } from '../../utils';
+import Arrow from './Arrow/Arrow';
+import { i18n } from './i18n';
+import { useSlider } from './useSlider';
+import { useSliderPagination } from './useSliderPagination';
+import './Slider.css';
+import 'swiper/swiper-bundle.css';
+const b = block('slider-new-block');
+export const SliderClient = ({ animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplayMs, infinite = false, dots = true, initialSlide = 0, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
+    const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, handleSwiperInit, onPrev, onNext, setIsLocked, } = useSlider({
+        slidesToShow,
+        children,
+        type,
+        autoplayMs,
+    });
+    const isA11yControlHidden = Boolean(autoplay);
+    const controlTabIndex = isA11yControlHidden ? -1 : 0;
+    const paginationProps = useSliderPagination({
+        enabled: dots,
+        isA11yControlHidden,
+        controlTabIndex,
+        bulletClass: b('dot', dotsClassName),
+        bulletActiveClass: b('dot_active'),
+        paginationLabel: i18n('pagination-label'),
+    });
+    return (React.createElement("div", { className: b({
+            'one-slide': childrenCount === 1,
+            'only-arrows': (!title || (typeof title !== 'string' && !(title === null || title === void 0 ? void 0 : title.text))) &&
+                !description &&
+                arrows,
+            'without-dots': !dots || isLocked,
+            type,
+        }, blockClassName) },
+        anchorId && React.createElement(Anchor, { id: anchorId }),
+        React.createElement(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
+        React.createElement(AnimateBlock, { className: b('animate-slides'), animate: animated },
+            React.createElement(SwiperReact, Object.assign({ modules: [Autoplay, A11y, Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 700, autoplay: autoplay, loop: infinite, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, slidesOffsetBefore: 24, slidesOffsetAfter: 24, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), onInit: handleSwiperInit, watchSlidesProgress: true, watchOverflow: true, a11y: {
+                    slideLabelMessage: '',
+                    paginationBulletMessage: i18n('dot-label', { index: '{{index}}' }),
+                } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
+            arrows && !isLocked && (React.createElement("div", { "aria-hidden": isA11yControlHidden },
+                React.createElement(Arrow, { className: b('arrow', { prev: true }), type: "left", transparent: type === SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
+                React.createElement(Arrow, { className: b('arrow', { next: true }), type: "right", transparent: type === SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }))),
+            React.createElement("div", { className: b('footer') }, disclaimer ? (React.createElement("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }) }, disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text)) : null))));
+};
+export default SliderClient;

package/build/esm/constructor-items.d.ts

@@ -36,7 +36,7 @@ export declare const blockMap: {
     "reports-cards-block": ({ title, typeKey, postscript, empty }: import("./models").ReportsCardsBlockProps) => JSX.Element;
     "reports-sections-block": ({ title, typeKey, empty }: import("./models").ReportsSectionsBlockProps) => JSX.Element;
     "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
-    "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, infinite, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
+    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element | null;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor",
-  "version": "5.31.101",
+  "version": "5.31.102",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {