@doyourjob/gravity-ui-page-constructor 5.31.142-dev.1 → 5.31.142-dev.2

package/build/cjs/blocks/Scroller/Scroller.css

@@ -0,0 +1,40 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-scroller-block__header {
+  margin-bottom: 72px;
+}
+.pc-scroller-block__title {
+  color: #001a2b;
+  font-size: 48px;
+  line-height: 52px;
+  font-weight: 600;
+  text-align: center;
+}
+.pc-scroller-block__text {
+  color: #001a2b;
+  margin-top: 16px;
+  font-size: 24px;
+  line-height: 28px;
+  text-align: center;
+}
+.pc-scroller-block__content {
+  position: relative;
+  gap: 16px;
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100vw;
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+}
+.pc-scroller-block__content::-webkit-scrollbar {
+  display: none;
+}
+.pc-scroller-block__content_gapLong {
+  gap: 48px;
+}
+.pc-scroller-block__item {
+  position: relative;
+  z-index: 1;
+  flex: none;
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ScrollerBlockProps } from '../../models';
+export declare const ScrollerBlock: (props: React.PropsWithChildren<Omit<ScrollerBlockProps, 'children'>>) => JSX.Element;
+export default ScrollerBlock;

package/build/cjs/blocks/Scroller/Scroller.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollerBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('scroller-block');
+const ScrollerBlock = (props) => {
+    const { title, text, widths, gapLong, children } = props;
+    const rootRef = (0, react_1.useRef)(null);
+    const contentRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const updateSize = () => {
+            if (contentRef.current && rootRef.current) {
+                const space = (window.innerWidth - rootRef.current.clientWidth) / 2;
+                contentRef.current.style.setProperty('padding-left', `${space}px`);
+                contentRef.current.style.setProperty('padding-right', `${space}px`);
+                contentRef.current.style.setProperty('left', `${-space}px`);
+            }
+        };
+        updateSize();
+        window.addEventListener('resize', updateSize, { passive: true });
+        return () => {
+            window.removeEventListener('resize', updateSize);
+        };
+    }, []);
+    return (react_1.default.createElement("div", { className: b(), ref: rootRef },
+        (title || text) && (react_1.default.createElement("div", { className: b('header') },
+            title && react_1.default.createElement("div", { className: b('title') }, title),
+            text && react_1.default.createElement("div", { className: b('text') }, text))),
+        react_1.default.createElement("div", { className: b('content', { gapLong }), ref: contentRef }, react_1.default.Children.map(children, (child, index) => (react_1.default.createElement("div", { key: index, className: b('item'), style: { width: (widths === null || widths === void 0 ? void 0 : widths[index]) || '100%' } }, child))))));
+};
+exports.ScrollerBlock = ScrollerBlock;
+exports.default = exports.ScrollerBlock;

package/build/cjs/blocks/Scroller/schema.d.ts

@@ -0,0 +1,33 @@
+export declare const ScrollerBlock: {
+    'scroller-block': {
+        additionalProperties: boolean;
+        required: boolean;
+        properties: {
+            title: {
+                type: string;
+            };
+            text: {
+                type: string;
+            };
+            widths: {
+                type: string;
+                items: {
+                    type: string;
+                };
+            };
+            gapLong: {
+                type: string;
+            };
+            children: {
+                type: string;
+                items: {
+                    $ref: string;
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollerBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.ScrollerBlock = {
+    'scroller-block': {
+        additionalProperties: false,
+        required: false,
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
+                type: 'string',
+            }, text: {
+                type: 'string',
+            }, widths: {
+                type: 'array',
+                items: {
+                    type: 'string',
+                },
+            }, gapLong: {
+                type: 'boolean',
+            }, children: common_1.ChildrenCardsProps }),
+    },
+};

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

@@ -9,6 +9,7 @@ export { default as SliderNewBlock } from './SliderNew/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
 export { default as AdvantagesBlock } from './Advantages/Advantages';
+export { default as ScrollerBlock } from './Scroller/Scroller';
 export { default as QuestionsBlock } from './Questions/Questions';
 export { default as TableBlock } from './Table/Table';
 export { default as TabsBlock } from './Tabs/Tabs';

package/build/cjs/blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BenchmarkBlock = exports.MiniCaseBlock = exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsSectionBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsSectionsBlock = exports.ReportsCardsBlock = exports.ReportsBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterCardLayoutBlock = exports.FilterBlock = exports.ShareBlock = exports.BannerMinifyBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderMinifyBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.AdvantagesBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.LogoRotatorBlock = exports.BannerBlock = void 0;
+exports.BenchmarkBlock = exports.MiniCaseBlock = exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsSectionBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsSectionsBlock = exports.ReportsCardsBlock = exports.ReportsBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterCardLayoutBlock = exports.FilterBlock = exports.ShareBlock = exports.BannerMinifyBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderMinifyBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.ScrollerBlock = exports.AdvantagesBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderNewBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.LogoRotatorBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var LogoRotator_1 = require("./LogoRotator/LogoRotator");
@@ -26,6 +26,8 @@ var PromoFeaturesBlock_1 = require("./PromoFeaturesBlock/PromoFeaturesBlock");
 Object.defineProperty(exports, "PromoFeaturesBlock", { enumerable: true, get: function () { return __importDefault(PromoFeaturesBlock_1).default; } });
 var Advantages_1 = require("./Advantages/Advantages");
 Object.defineProperty(exports, "AdvantagesBlock", { enumerable: true, get: function () { return __importDefault(Advantages_1).default; } });
+var Scroller_1 = require("./Scroller/Scroller");
+Object.defineProperty(exports, "ScrollerBlock", { enumerable: true, get: function () { return __importDefault(Scroller_1).default; } });
 var Questions_1 = require("./Questions/Questions");
 Object.defineProperty(exports, "QuestionsBlock", { enumerable: true, get: function () { return __importDefault(Questions_1).default; } });
 var Table_1 = require("./Table/Table");

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

@@ -11,6 +11,7 @@ export * from './Info/schema';
 export * from './Media/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Advantages/schema';
+export * from './Scroller/schema';
 export * from './Questions/schema';
 export * from './Slider/schema';
 export * from './Table/schema';

package/build/cjs/blocks/validators.js

@@ -14,6 +14,7 @@ tslib_1.__exportStar(require("./Info/schema"), exports);
 tslib_1.__exportStar(require("./Media/schema"), exports);
 tslib_1.__exportStar(require("./PromoFeaturesBlock/schema"), exports);
 tslib_1.__exportStar(require("./Advantages/schema"), exports);
+tslib_1.__exportStar(require("./Scroller/schema"), exports);
 tslib_1.__exportStar(require("./Questions/schema"), exports);
 tslib_1.__exportStar(require("./Slider/schema"), exports);
 tslib_1.__exportStar(require("./Table/schema"), exports);

package/build/cjs/components/CardBase/CardBase.css

@@ -11,7 +11,7 @@ unpredictable css rules order in build */
 }
 
 .pc-card-base-block {
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);
@@ -62,7 +62,7 @@ unpredictable css rules order in build */
 a.pc-card-base-block {
   color: inherit;
   text-decoration: none;
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);

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

@@ -3,6 +3,7 @@ export declare const blockMap: {
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "advantages-block": (props: import("./models").AdvantagesBlockProps) => JSX.Element;
+    "scroller-block": (props: import("react").PropsWithChildren<Omit<import("./models").ScrollerBlockProps, "children">>) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
     "banner-block": (props: import("./models").BannerBlockProps) => JSX.Element;
     "logo-rotator-block": (props: import("./models").LogoRotatorBlockProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -12,6 +12,7 @@ exports.blockMap = {
     [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
     [models_1.BlockType.PromoFeaturesBlock]: blocks_1.PromoFeaturesBlock,
     [models_1.BlockType.AdvantagesBlock]: blocks_1.AdvantagesBlock,
+    [models_1.BlockType.ScrollerBlock]: blocks_1.ScrollerBlock,
     [models_1.BlockType.QuestionsBlock]: blocks_1.QuestionsBlock,
     [models_1.BlockType.BannerBlock]: blocks_1.BannerBlock,
     [models_1.BlockType.LogoRotatorBlock]: blocks_1.LogoRotatorBlock,

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

@@ -7,6 +7,7 @@ import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder,
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     AdvantagesBlock = "advantages-block",
+    ScrollerBlock = "scroller-block",
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
     SliderBlock = "slider-block",
@@ -290,6 +291,12 @@ export interface AdvantagesBlockProps {
         url: string;
     }[];
 }
+export interface ScrollerBlockProps extends Childable {
+    title?: string;
+    text?: string;
+    widths?: string[];
+    gapLong?: boolean;
+}
 export interface CompaniesBlockProps extends Animatable {
     title: string;
     description?: string;
@@ -708,6 +715,9 @@ export type LogoRotatorBlockModel = {
 export type AdvantagesBlockModel = {
     type: BlockType.AdvantagesBlock;
 } & AdvantagesBlockProps;
+export type ScrollerBlockModel = {
+    type: BlockType.ScrollerBlock;
+} & ScrollerBlockProps;
 export type CompaniesBlockModel = {
     type: BlockType.CompaniesBlock;
 } & CompaniesBlockProps;
@@ -819,6 +829,6 @@ export type FormWallBlockModel = {
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | HeaderMinifyBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | BannerMinifyBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | ScrollerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | HeaderMinifyBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | BannerMinifyBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -4,6 +4,7 @@ exports.FormBlockDirection = exports.FormBlockDataTypes = exports.PCShareSocialN
 var BlockType;
 (function (BlockType) {
     BlockType["AdvantagesBlock"] = "advantages-block";
+    BlockType["ScrollerBlock"] = "scroller-block";
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
     BlockType["SliderBlock"] = "slider-block";

package/build/cjs/schema/constants.d.ts

@@ -3721,8 +3721,8 @@ export declare const cardSchemas: {
                         additionalProperties: boolean;
                         properties: {
                             type: {
-                                type: string; /** @deprecated */
-                                enum: import("../models").CustomControlsType[];
+                                type: string;
+                                enum: import("../models").CustomControlsType[]; /** @deprecated */
                             };
                             muteButtonShown: {
                                 type: string;

package/build/cjs/schema/constants.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
-exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.AdvantagesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.HeaderMinifyBlock), blocks_1.BannerBlock), blocks_1.LogoRotatorBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.MiniCaseBlock), blocks_1.TabsBlock), blocks_1.TabsHighlightTableBlock), blocks_1.TabLinksBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.BannerMinifyBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FilterCardLayoutBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.ReportsBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.BenchmarkBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
+exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.AdvantagesBlock), blocks_1.ScrollerBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.HeaderMinifyBlock), blocks_1.BannerBlock), blocks_1.LogoRotatorBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.MiniCaseBlock), blocks_1.TabsBlock), blocks_1.TabsHighlightTableBlock), blocks_1.TabLinksBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.BannerMinifyBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FilterCardLayoutBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.ReportsBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.BenchmarkBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
 exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard), sub_blocks_1.ContentLayoutCard), sub_blocks_1.Card), sub_blocks_1.PostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.CaseStudyCard), sub_blocks_1.StoryCard);
 exports.constructorBlockSchemaNames = [
     'divider',
@@ -55,6 +55,7 @@ exports.constructorBlockSchemaNames = [
     'press-releases-block',
     'mini-case-block',
     'advantages-block',
+    'scroller-block',
     'benchmark-block',
     'banner-minify-block',
 ];

package/build/cjs/schema/validators/blocks.d.ts

@@ -3,6 +3,7 @@ export * from '../../blocks/Companies/schema';
 export * from '../../blocks/ExtendedFeatures/schema';
 export * from '../../blocks/PromoFeaturesBlock/schema';
 export * from '../../blocks/Advantages/schema';
+export * from '../../blocks/Scroller/schema';
 export * from '../../blocks/Header/schema';
 export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';

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

@@ -6,6 +6,7 @@ tslib_1.__exportStar(require("../../blocks/Companies/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/ExtendedFeatures/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/PromoFeaturesBlock/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Advantages/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/Scroller/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Header/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Info/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Media/schema"), exports);

package/build/cjs/sub-blocks/ImageCard/ImageCard.css

@@ -5,7 +5,7 @@ a.pc-image-card_border_shadow, .pc-image-card_border_shadow {
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-image-card {
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);
@@ -84,7 +84,7 @@ unpredictable css rules order in build */
 a.pc-image-card {
   color: inherit;
   text-decoration: none;
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);

package/build/cjs/sub-blocks/Quote/Quote.css

@@ -6,7 +6,7 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-quote {
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);

package/build/esm/blocks/Scroller/Scroller.css

@@ -0,0 +1,40 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-scroller-block__header {
+  margin-bottom: 72px;
+}
+.pc-scroller-block__title {
+  color: #001a2b;
+  font-size: 48px;
+  line-height: 52px;
+  font-weight: 600;
+  text-align: center;
+}
+.pc-scroller-block__text {
+  color: #001a2b;
+  margin-top: 16px;
+  font-size: 24px;
+  line-height: 28px;
+  text-align: center;
+}
+.pc-scroller-block__content {
+  position: relative;
+  gap: 16px;
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100vw;
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+}
+.pc-scroller-block__content::-webkit-scrollbar {
+  display: none;
+}
+.pc-scroller-block__content_gapLong {
+  gap: 48px;
+}
+.pc-scroller-block__item {
+  position: relative;
+  z-index: 1;
+  flex: none;
+}

package/build/esm/blocks/Scroller/Scroller.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ScrollerBlockProps } from '../../models';
+import './Scroller.css';
+export declare const ScrollerBlock: (props: React.PropsWithChildren<Omit<ScrollerBlockProps, 'children'>>) => JSX.Element;
+export default ScrollerBlock;

package/build/esm/blocks/Scroller/Scroller.js

@@ -0,0 +1,30 @@
+import React, { useEffect, useRef } from 'react';
+import { block } from '../../utils';
+import './Scroller.css';
+const b = block('scroller-block');
+export const ScrollerBlock = (props) => {
+    const { title, text, widths, gapLong, children } = props;
+    const rootRef = useRef(null);
+    const contentRef = useRef(null);
+    useEffect(() => {
+        const updateSize = () => {
+            if (contentRef.current && rootRef.current) {
+                const space = (window.innerWidth - rootRef.current.clientWidth) / 2;
+                contentRef.current.style.setProperty('padding-left', `${space}px`);
+                contentRef.current.style.setProperty('padding-right', `${space}px`);
+                contentRef.current.style.setProperty('left', `${-space}px`);
+            }
+        };
+        updateSize();
+        window.addEventListener('resize', updateSize, { passive: true });
+        return () => {
+            window.removeEventListener('resize', updateSize);
+        };
+    }, []);
+    return (React.createElement("div", { className: b(), ref: rootRef },
+        (title || text) && (React.createElement("div", { className: b('header') },
+            title && React.createElement("div", { className: b('title') }, title),
+            text && React.createElement("div", { className: b('text') }, text))),
+        React.createElement("div", { className: b('content', { gapLong }), ref: contentRef }, React.Children.map(children, (child, index) => (React.createElement("div", { key: index, className: b('item'), style: { width: (widths === null || widths === void 0 ? void 0 : widths[index]) || '100%' } }, child))))));
+};
+export default ScrollerBlock;

package/build/esm/blocks/Scroller/schema.d.ts

@@ -0,0 +1,33 @@
+export declare const ScrollerBlock: {
+    'scroller-block': {
+        additionalProperties: boolean;
+        required: boolean;
+        properties: {
+            title: {
+                type: string;
+            };
+            text: {
+                type: string;
+            };
+            widths: {
+                type: string;
+                items: {
+                    type: string;
+                };
+            };
+            gapLong: {
+                type: string;
+            };
+            children: {
+                type: string;
+                items: {
+                    $ref: string;
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/esm/blocks/Scroller/schema.js

@@ -0,0 +1,19 @@
+import { BaseProps, ChildrenCardsProps } from '../../schema/validators/common';
+export const ScrollerBlock = {
+    'scroller-block': {
+        additionalProperties: false,
+        required: false,
+        properties: Object.assign(Object.assign({}, BaseProps), { title: {
+                type: 'string',
+            }, text: {
+                type: 'string',
+            }, widths: {
+                type: 'array',
+                items: {
+                    type: 'string',
+                },
+            }, gapLong: {
+                type: 'boolean',
+            }, children: ChildrenCardsProps }),
+    },
+};

package/build/esm/blocks/index.d.ts

@@ -9,6 +9,7 @@ export { default as SliderNewBlock } from './SliderNew/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
 export { default as AdvantagesBlock } from './Advantages/Advantages';
+export { default as ScrollerBlock } from './Scroller/Scroller';
 export { default as QuestionsBlock } from './Questions/Questions';
 export { default as TableBlock } from './Table/Table';
 export { default as TabsBlock } from './Tabs/Tabs';

package/build/esm/blocks/index.js

@@ -9,6 +9,7 @@ export { default as SliderNewBlock } from './SliderNew/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
 export { default as AdvantagesBlock } from './Advantages/Advantages';
+export { default as ScrollerBlock } from './Scroller/Scroller';
 export { default as QuestionsBlock } from './Questions/Questions';
 export { default as TableBlock } from './Table/Table';
 export { default as TabsBlock } from './Tabs/Tabs';

package/build/esm/blocks/validators.d.ts

@@ -11,6 +11,7 @@ export * from './Info/schema';
 export * from './Media/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Advantages/schema';
+export * from './Scroller/schema';
 export * from './Questions/schema';
 export * from './Slider/schema';
 export * from './Table/schema';

package/build/esm/blocks/validators.js

@@ -11,6 +11,7 @@ export * from './Info/schema';
 export * from './Media/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Advantages/schema';
+export * from './Scroller/schema';
 export * from './Questions/schema';
 export * from './Slider/schema';
 export * from './Table/schema';

package/build/esm/components/CardBase/CardBase.css

@@ -11,7 +11,7 @@ unpredictable css rules order in build */
 }
 
 .pc-card-base-block {
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);
@@ -62,7 +62,7 @@ unpredictable css rules order in build */
 a.pc-card-base-block {
   color: inherit;
   text-decoration: none;
-  min-height: 248px;
+  min-height: 240px;
   height: 100%;
   overflow-x: hidden;
   border-radius: var(--pc-border-radius);

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

@@ -3,6 +3,7 @@ export declare const blockMap: {
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "advantages-block": (props: import("./models").AdvantagesBlockProps) => JSX.Element;
+    "scroller-block": (props: import("react").PropsWithChildren<Omit<import("./models").ScrollerBlockProps, "children">>) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
     "banner-block": (props: import("./models").BannerBlockProps) => JSX.Element;
     "logo-rotator-block": (props: import("./models").LogoRotatorBlockProps) => JSX.Element;

package/build/esm/constructor-items.js

@@ -1,4 +1,4 @@
-import { AdvantagesBlock, BannerBlock, BannerMinifyBlock, BenchmarkBlock, BlogFeedBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, EventsFeedBlock, EventsSectionBlock, ExtendedFeaturesBlock, FilterBlock, FilterCardLayoutBlock, FormBlock, FormWallBlock, HeaderBlock, HeaderMinifyBlock, HeaderSliderBlock, HighlightTableBlock, IconsBlock, InfoBlock, LinkTableBlock, LogoRotatorBlock, MapBlock, MarqueeLinksBlock, MediaBlock, MiniCaseBlock, PressReleasesBlock, PromoFeaturesBlock, QuestionsBlock, QuotesBlock, RelevantPostsBlock, RelevantReportsBlock, RelevantReportsCardsBlock, ReportsBlock, ReportsCardsBlock, ReportsSectionsBlock, ServicesBlock, ShareBlock, SliderBlock, SliderNewBlock, SolutionsBlock, TabLinksBlock, TableBlock, TabsBlock, TabsHighlightTableBlock, } from './blocks';
+import { AdvantagesBlock, BannerBlock, BannerMinifyBlock, BenchmarkBlock, BlogFeedBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, EventsFeedBlock, EventsSectionBlock, ExtendedFeaturesBlock, FilterBlock, FilterCardLayoutBlock, FormBlock, FormWallBlock, HeaderBlock, HeaderMinifyBlock, HeaderSliderBlock, HighlightTableBlock, IconsBlock, InfoBlock, LinkTableBlock, LogoRotatorBlock, MapBlock, MarqueeLinksBlock, MediaBlock, MiniCaseBlock, PressReleasesBlock, PromoFeaturesBlock, QuestionsBlock, QuotesBlock, RelevantPostsBlock, RelevantReportsBlock, RelevantReportsCardsBlock, ReportsBlock, ReportsCardsBlock, ReportsSectionsBlock, ScrollerBlock, ServicesBlock, ShareBlock, SliderBlock, SliderNewBlock, SolutionsBlock, TabLinksBlock, TableBlock, TabsBlock, TabsHighlightTableBlock, } from './blocks';
 import { BlockType, NavigationItemType, SubBlockType } from './models';
 import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
 import SocialIcon from './navigation/components/SocialIcon/SocialIcon';
@@ -8,6 +8,7 @@ export const blockMap = {
     [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
     [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,
     [BlockType.AdvantagesBlock]: AdvantagesBlock,
+    [BlockType.ScrollerBlock]: ScrollerBlock,
     [BlockType.QuestionsBlock]: QuestionsBlock,
     [BlockType.BannerBlock]: BannerBlock,
     [BlockType.LogoRotatorBlock]: LogoRotatorBlock,

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

@@ -7,6 +7,7 @@ import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder,
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     AdvantagesBlock = "advantages-block",
+    ScrollerBlock = "scroller-block",
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
     SliderBlock = "slider-block",
@@ -290,6 +291,12 @@ export interface AdvantagesBlockProps {
         url: string;
     }[];
 }
+export interface ScrollerBlockProps extends Childable {
+    title?: string;
+    text?: string;
+    widths?: string[];
+    gapLong?: boolean;
+}
 export interface CompaniesBlockProps extends Animatable {
     title: string;
     description?: string;
@@ -708,6 +715,9 @@ export type LogoRotatorBlockModel = {
 export type AdvantagesBlockModel = {
     type: BlockType.AdvantagesBlock;
 } & AdvantagesBlockProps;
+export type ScrollerBlockModel = {
+    type: BlockType.ScrollerBlock;
+} & ScrollerBlockProps;
 export type CompaniesBlockModel = {
     type: BlockType.CompaniesBlock;
 } & CompaniesBlockProps;
@@ -819,6 +829,6 @@ export type FormWallBlockModel = {
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | HeaderMinifyBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | BannerMinifyBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | ScrollerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | HeaderMinifyBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | BannerMinifyBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/esm/models/constructor-items/blocks.js

@@ -1,6 +1,7 @@
 export var BlockType;
 (function (BlockType) {
     BlockType["AdvantagesBlock"] = "advantages-block";
+    BlockType["ScrollerBlock"] = "scroller-block";
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
     BlockType["SliderBlock"] = "slider-block";