@doyourjob/gravity-ui-page-constructor 5.31.103 → 5.31.105

package/build/cjs/blocks/Quotes/QuotesItem/QuotesItem.css

@@ -22,6 +22,11 @@ unpredictable css rules order in build */
   display: flex;
   gap: 16px;
 }
+@media (max-width: 769px) {
+  .pc-quotes-item__header {
+    padding-top: 20px;
+  }
+}
 .pc-quotes-item__author {
   display: flex;
   flex: 1;
@@ -79,7 +84,14 @@ unpredictable css rules order in build */
   }
 }
 .pc-quotes-item__logo {
+  display: block;
   max-width: 100%;
+  max-height: 80px;
+}
+@media (max-width: 769px) {
+  .pc-quotes-item__logo {
+    max-height: 40px;
+  }
 }
 .pc-quotes-item__body {
   max-width: 960px;
@@ -92,8 +104,8 @@ unpredictable css rules order in build */
 }
 @media (max-width: 769px) {
   .pc-quotes-item__body_style_normal {
-    font-size: 24px;
-    line-height: 28px;
+    font-size: 20px;
+    line-height: 24px;
   }
 }
 .pc-quotes-item__body_style_short {
@@ -102,8 +114,8 @@ unpredictable css rules order in build */
 }
 @media (max-width: 769px) {
   .pc-quotes-item__body_style_short {
-    font-size: 32px;
-    line-height: 30px;
+    font-size: 24px;
+    line-height: 28px;
   }
 }
 .pc-quotes-item__body_style_long {
@@ -112,8 +124,8 @@ unpredictable css rules order in build */
 }
 @media (max-width: 769px) {
   .pc-quotes-item__body_style_long {
-    font-size: 20px;
-    line-height: 24px;
+    font-size: 17px;
+    line-height: 22px;
   }
 }
 @media (max-width: 769px) {

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

@@ -1,15 +1,4 @@
-import * as React from 'react';
-import { Swiper as SwiperReact } from 'swiper/react';
-import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
-import 'swiper/swiper-bundle.css';
-export type { Swiper, SwiperOptions } from 'swiper';
-export interface SliderNewProps extends Omit<SliderParams, 'children'>, Partial<Pick<SwiperReact, '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 React from 'react';
+import type { SliderNewProps } from './SliderClient';
+export declare const SliderNewBlock: (props: React.PropsWithChildren<SliderNewProps>) => JSX.Element;
 export default SliderNewBlock;

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

@@ -2,59 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderNewBlock = void 0;
 const tslib_1 = require("tslib");
-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"));
-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');
-// eslint-disable-next-line react-hooks/rules-of-hooks
-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, infinite = false, dots = true, initialSlide = 0, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
-    const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, onImagesReady, 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({ 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), onImagesReady: onImagesReady, watchSlidesVisibility: 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(React.Fragment, null,
-                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 react_1 = tslib_1.__importStar(require("react"));
+const ssrContext_1 = require("../../context/ssrContext");
+const SliderNewBlock = (props) => {
+    const { isServer, dynamic } = (0, react_1.useContext)(ssrContext_1.SSRContext);
+    const SliderClient = (0, react_1.useMemo)(() => {
+        if (dynamic && isServer) {
+            return dynamic(() => Promise.resolve().then(() => tslib_1.__importStar(require('./SliderClient'))).then((mod) => mod.SliderClient), {
+                ssr: false,
+            });
+        }
+        return require('./SliderClient').SliderClient;
+    }, [dynamic, isServer]);
+    return react_1.default.createElement(SliderClient, 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/blocks/SliderNew/useSlider.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Swiper } from 'swiper';
 import { SlidesToShow } from '../../models';
 type UseSliderProps = React.PropsWithChildren<{
     autoplayMs?: number;
@@ -7,12 +6,12 @@ type UseSliderProps = React.PropsWithChildren<{
     slidesToShow?: SlidesToShow;
 }>;
 export declare const useSlider: ({ children, autoplayMs, type, ...props }: UseSliderProps) => {
-    slider: Swiper | undefined;
-    onSwiper: React.Dispatch<React.SetStateAction<Swiper | undefined>>;
+    slider: any;
+    onSwiper: React.Dispatch<any>;
     onNext: () => void;
     onPrev: () => void;
-    onImagesReady: (localSlider: Swiper) => void;
-    breakpoints: Record<number, import("swiper").SwiperOptions>;
+    handleSwiperInit: (swiper: Swiper) => void;
+    breakpoints: Record<number, import("swiper/types/swiper-options").SwiperOptions>;
     childrenCount: number;
     isLocked: boolean;
     setIsLocked: React.Dispatch<React.SetStateAction<boolean>>;

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

@@ -39,11 +39,12 @@ const useSlider = (_a) => {
         }
         slider.slidePrev();
     };
-    const handleImagesReady = React.useCallback((localSlider) => {
-        setTimeout(() => localSlider.update(), 100);
-    }, []);
+    const handleSwiperInit = (swiper) => {
+        setSlider(swiper);
+        setTimeout(() => swiper.update(), 100);
+    };
     React.useEffect(() => {
-        if (!slider) {
+        if (!slider || !slider.autoplay) {
             return;
         }
         if (autoplayEnabled) {
@@ -58,7 +59,7 @@ const useSlider = (_a) => {
         onSwiper: setSlider,
         onNext: handleNext,
         onPrev: handlePrev,
-        onImagesReady: handleImagesReady,
+        handleSwiperInit,
         breakpoints,
         childrenCount,
         isLocked,

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

@@ -1,4 +1,4 @@
-import { Swiper as SwiperProps } from 'swiper/swiper-react';
+import type { SwiperProps } from 'swiper/react';
 export declare const useSliderPagination: (props: {
     enabled: boolean;
     isA11yControlHidden: boolean;

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;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/cjs/context/ssrContext/SSRContext.d.ts

@@ -1,5 +1,14 @@
 import React from 'react';
+type ComponentModule<P = {}> = {
+    default: React.ComponentType<P>;
+};
+export declare type LoaderComponent<P = {}> = Promise<React.ComponentType<P> | ComponentModule<P>>;
+export declare type Loader<P = {}> = (() => LoaderComponent<P>) | LoaderComponent<P>;
 export interface SSRContextProps {
     isServer?: boolean;
+    dynamic?: <P = {}>(dynamicOptions: Loader<P>, options?: {
+        ssr?: boolean;
+    }) => React.ComponentType<P>;
 }
 export declare const SSRContext: React.Context<SSRContextProps>;
+export {};

package/build/esm/blocks/Quotes/QuotesItem/QuotesItem.css

@@ -22,6 +22,11 @@ unpredictable css rules order in build */
   display: flex;
   gap: 16px;
 }
+@media (max-width: 769px) {
+  .pc-quotes-item__header {
+    padding-top: 20px;
+  }
+}
 .pc-quotes-item__author {
   display: flex;
   flex: 1;
@@ -79,7 +84,14 @@ unpredictable css rules order in build */
   }
 }
 .pc-quotes-item__logo {
+  display: block;
   max-width: 100%;
+  max-height: 80px;
+}
+@media (max-width: 769px) {
+  .pc-quotes-item__logo {
+    max-height: 40px;
+  }
 }
 .pc-quotes-item__body {
   max-width: 960px;
@@ -92,8 +104,8 @@ unpredictable css rules order in build */
 }
 @media (max-width: 769px) {
   .pc-quotes-item__body_style_normal {
-    font-size: 24px;
-    line-height: 28px;
+    font-size: 20px;
+    line-height: 24px;
   }
 }
 .pc-quotes-item__body_style_short {
@@ -102,8 +114,8 @@ unpredictable css rules order in build */
 }
 @media (max-width: 769px) {
   .pc-quotes-item__body_style_short {
-    font-size: 32px;
-    line-height: 30px;
+    font-size: 24px;
+    line-height: 28px;
   }
 }
 .pc-quotes-item__body_style_long {
@@ -112,8 +124,8 @@ unpredictable css rules order in build */
 }
 @media (max-width: 769px) {
   .pc-quotes-item__body_style_long {
-    font-size: 20px;
-    line-height: 24px;
+    font-size: 17px;
+    line-height: 22px;
   }
 }
 @media (max-width: 769px) {

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

@@ -1,16 +1,4 @@
-import * as React from 'react';
-import { Swiper as SwiperReact } from 'swiper/react';
-import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
-import './Slider.css';
-import 'swiper/swiper-bundle.css';
-export type { Swiper, SwiperOptions } from 'swiper';
-export interface SliderNewProps extends Omit<SliderParams, 'children'>, Partial<Pick<SwiperReact, '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 React from 'react';
+import type { SliderNewProps } from './SliderClient';
+export declare const SliderNewBlock: (props: React.PropsWithChildren<SliderNewProps>) => JSX.Element;
 export default SliderNewBlock;

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

@@ -1,56 +1,15 @@
-import * as React from 'react';
-import Swiper, { A11y, Autoplay, Pagination } from 'swiper';
-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');
-// eslint-disable-next-line react-hooks/rules-of-hooks
-Swiper.use([Autoplay, A11y, Pagination]);
-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, onImagesReady, 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({ 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), onImagesReady: onImagesReady, watchSlidesVisibility: 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(React.Fragment, null,
-                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 React, { useContext, useMemo } from 'react';
+import { SSRContext } from '../../context/ssrContext';
+export const SliderNewBlock = (props) => {
+    const { isServer, dynamic } = useContext(SSRContext);
+    const SliderClient = useMemo(() => {
+        if (dynamic && isServer) {
+            return dynamic(() => import('./SliderClient').then((mod) => mod.SliderClient), {
+                ssr: false,
+            });
+        }
+        return require('./SliderClient').SliderClient;
+    }, [dynamic, isServer]);
+    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/blocks/SliderNew/useSlider.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { Swiper } from 'swiper';
 import { SlidesToShow } from '../../models';
 type UseSliderProps = React.PropsWithChildren<{
     autoplayMs?: number;
@@ -7,12 +6,12 @@ type UseSliderProps = React.PropsWithChildren<{
     slidesToShow?: SlidesToShow;
 }>;
 export declare const useSlider: ({ children, autoplayMs, type, ...props }: UseSliderProps) => {
-    slider: Swiper | undefined;
-    onSwiper: React.Dispatch<React.SetStateAction<Swiper | undefined>>;
+    slider: any;
+    onSwiper: React.Dispatch<any>;
     onNext: () => void;
     onPrev: () => void;
-    onImagesReady: (localSlider: Swiper) => void;
-    breakpoints: Record<number, import("swiper").SwiperOptions>;
+    handleSwiperInit: (swiper: Swiper) => void;
+    breakpoints: Record<number, import("swiper/types/swiper-options").SwiperOptions>;
     childrenCount: number;
     isLocked: boolean;
     setIsLocked: React.Dispatch<React.SetStateAction<boolean>>;

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

@@ -36,11 +36,12 @@ export const useSlider = (_a) => {
         }
         slider.slidePrev();
     };
-    const handleImagesReady = React.useCallback((localSlider) => {
-        setTimeout(() => localSlider.update(), 100);
-    }, []);
+    const handleSwiperInit = (swiper) => {
+        setSlider(swiper);
+        setTimeout(() => swiper.update(), 100);
+    };
     React.useEffect(() => {
-        if (!slider) {
+        if (!slider || !slider.autoplay) {
             return;
         }
         if (autoplayEnabled) {
@@ -55,7 +56,7 @@ export const useSlider = (_a) => {
         onSwiper: setSlider,
         onNext: handleNext,
         onPrev: handlePrev,
-        onImagesReady: handleImagesReady,
+        handleSwiperInit,
         breakpoints,
         childrenCount,
         isLocked,

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

@@ -1,4 +1,4 @@
-import { Swiper as SwiperProps } from 'swiper/swiper-react';
+import type { SwiperProps } from 'swiper/react';
 export declare const useSliderPagination: (props: {
     enabled: boolean;
     isA11yControlHidden: boolean;

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;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/esm/context/ssrContext/SSRContext.d.ts

@@ -1,5 +1,14 @@
 import React from 'react';
+type ComponentModule<P = {}> = {
+    default: React.ComponentType<P>;
+};
+export declare type LoaderComponent<P = {}> = Promise<React.ComponentType<P> | ComponentModule<P>>;
+export declare type Loader<P = {}> = (() => LoaderComponent<P>) | LoaderComponent<P>;
 export interface SSRContextProps {
     isServer?: boolean;
+    dynamic?: <P = {}>(dynamicOptions: Loader<P>, options?: {
+        ssr?: boolean;
+    }) => React.ComponentType<P>;
 }
 export declare const SSRContext: React.Context<SSRContextProps>;
+export {};