@gravity-ui/page-constructor 6.8.2-alpha.1 → 7.0.0-alpha.3

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

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFocusable = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
+exports.getSlidesToShowWithDefaults = getSlidesToShowWithDefaults;
+exports.getSliderResponsiveParams = getSliderResponsiveParams;
+exports.getSlidesCountByBreakpoint = getSlidesCountByBreakpoint;
+exports.getSlidesToShowCount = getSlidesToShowCount;
+exports.useRovingTabIndex = useRovingTabIndex;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const pickBy_1 = tslib_1.__importDefault(require("lodash/pickBy.js"));
+const constants_1 = require("../../constants.js");
+const models_1 = require("./models.js");
+exports.DEFAULT_SLIDE_BREAKPOINTS = {
+    [models_1.SliderBreakpointNames.Xl]: 3,
+    [models_1.SliderBreakpointNames.Lg]: 2,
+    [models_1.SliderBreakpointNames.Md]: 2,
+    [models_1.SliderBreakpointNames.Sm]: 1.15,
+};
+const BREAKPOINT_NAMES_BY_VALUES = Object.entries(constants_1.BREAKPOINTS).reduce((acc, [key, value]) => ({ ...acc, [value]: key }), {});
+const isFocusable = (element) => {
+    if (!(element instanceof HTMLElement)) {
+        return false;
+    }
+    const tabIndexAttr = element.getAttribute('tabindex');
+    const hasTabIndex = tabIndexAttr !== null;
+    const tabIndex = Number(tabIndexAttr);
+    if (element.ariaHidden === 'true' || (hasTabIndex && tabIndex < 0)) {
+        return false;
+    }
+    if (hasTabIndex && tabIndex >= 0) {
+        return true;
+    }
+    // without this jest fails here for some reason
+    let htmlElement;
+    switch (true) {
+        case element instanceof HTMLAnchorElement:
+            htmlElement = element;
+            return Boolean(htmlElement.href);
+        case element instanceof HTMLInputElement:
+            htmlElement = element;
+            return htmlElement.type !== 'hidden' && !htmlElement.disabled;
+        case element instanceof HTMLSelectElement:
+        case element instanceof HTMLTextAreaElement:
+        case element instanceof HTMLButtonElement:
+            htmlElement = element;
+            return !htmlElement.disabled;
+        default:
+            return false;
+    }
+};
+exports.isFocusable = isFocusable;
+function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscreen, }) {
+    let result;
+    if (typeof breakpoints === 'number') {
+        result = Object.keys(exports.DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => ({ ...acc, [breakpointName]: breakpoints }), {});
+    }
+    else {
+        result = breakpoints || exports.DEFAULT_SLIDE_BREAKPOINTS;
+    }
+    return {
+        ...exports.DEFAULT_SLIDE_BREAKPOINTS,
+        ...(0, pickBy_1.default)(result, (value) => !isNaN(value)),
+        sm: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.sm : 1,
+    };
+}
+function getSliderResponsiveParams(breakpoints) {
+    return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({
+        breakpoint: constants_1.BREAKPOINTS[breakpointName],
+        settings: { slidesToShow },
+    }));
+}
+function getSlidesCountByBreakpoint(breakpoint, breakpoints) {
+    const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];
+    return Math.floor(breakpoints[breakpointName]);
+}
+function getSlidesToShowCount(breakpoints) {
+    return Math.floor(Math.max(...Object.values(breakpoints)));
+}
+const getRovingListItemId = (uniqId, index) => `${uniqId}-roving-tabindex-item-${index}`;
+function useRovingTabIndex(props) {
+    const { itemCount, activeIndex, firstIndex = 0, uniqId } = props;
+    const [currentIndex, setCurrentIndex] = React.useState(firstIndex);
+    const hasFocusRef = React.useRef(false);
+    const lastIndex = itemCount + firstIndex - 1;
+    const getRovingItemProps = (index) => {
+        return {
+            id: getRovingListItemId(uniqId, index),
+            tabIndex: index === activeIndex ? 0 : -1,
+            onFocus: () => {
+                setCurrentIndex(index);
+                hasFocusRef.current = true;
+            },
+        };
+    };
+    React.useEffect(() => {
+        if (!hasFocusRef.current) {
+            return;
+        }
+        document.getElementById(getRovingListItemId(uniqId, currentIndex))?.focus();
+    }, [activeIndex, currentIndex, uniqId]);
+    const setNextIndex = () => setCurrentIndex((prev) => (prev >= lastIndex ? firstIndex : prev + 1));
+    const setPrevIndex = () => setCurrentIndex((prev) => (prev <= firstIndex ? lastIndex : prev - 1));
+    const onRovingListKeyDown = (e) => {
+        const key = e.key.toLowerCase();
+        if (key !== 'tab' && key !== 'enter') {
+            e.preventDefault();
+        }
+        switch (key) {
+            case 'arrowleft':
+            case 'arrowup':
+                setPrevIndex();
+                return;
+            case 'arrowright':
+            case 'arrowdown':
+                setNextIndex();
+                return;
+        }
+    };
+    const onRovingListBlur = () => {
+        hasFocusRef.current = false;
+    };
+    const rovingListProps = {
+        onKeyDown: onRovingListKeyDown,
+        onBlur: onRovingListBlur,
+    };
+    return { getRovingItemProps, rovingListProps };
+}
+//# sourceMappingURL=utils.js.map

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

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

package/build/cjs/blocks/Table/Table.css

@@ -1,10 +1,10 @@
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
@@ -14,11 +14,12 @@ unpredictable css rules order in build */
   margin-right: 32px;
 }
 @media (max-width: 576px) {
-  .pc-table-block__title {
+  .pc-table-block__title.pc-table-block__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
+
 .pc-table-block__table {
   margin-top: 0;
 }

package/build/cjs/blocks/Table/Table.js

@@ -8,7 +8,9 @@ const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('table-block');
 const TableBlock = (props) => {
     const { title, table } = props;
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b('content'), children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row'), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 4, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)("h2", { className: b('title'), children: title }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)(components_1.Table, { className: b('table'), ...table }) })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b('content'), children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row'), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 4, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                                constructor: true,
+                            } }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)(components_1.Table, { className: b('table'), ...table }) })] }) }) }));
 };
 exports.TableBlock = TableBlock;
 exports.default = exports.TableBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";;;;AAAA,0DAAuC;AACvC,8CAA0D;AAE1D,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAE7B,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACzB,wBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAM,GACrC,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,GACzC,IACJ,GACH,GACL,CACT,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,UAAU,cAiBrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {Table} from '../../components';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {TableBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Table.scss';\n\nconst b = block('table-block');\n\nexport const TableBlock = (props: TableBlockProps) => {\n    const {title, table} = props;\n\n    return (\n        <div className={b()}>\n            <Grid className={b('content')}>\n                <Row className={b('row')}>\n                    <Col sizes={{[GridColumnSize.Md]: 4, [GridColumnSize.All]: 12}}>\n                        <h2 className={b('title')}>{title}</h2>\n                    </Col>\n                    <Col sizes={{[GridColumnSize.Md]: 8, [GridColumnSize.All]: 12}}>\n                        <Table className={b('table')} {...table} />\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default TableBlock;\n"]}
+{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";;;;AAAA,0DAAmD;AACnD,8CAA0D;AAE1D,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAE7B,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACzB,wBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,uBAAC,uBAAU,IACP,OAAO,EAAC,IAAI,EACZ,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;6BACpB,GACH,GACA,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,GACzC,IACJ,GACH,GACL,CACT,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,UAAU,cAwBrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {Table, YFMWrapper} from '../../components';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {TableBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Table.scss';\n\nconst b = block('table-block');\n\nexport const TableBlock = (props: TableBlockProps) => {\n    const {title, table} = props;\n\n    return (\n        <div className={b()}>\n            <Grid className={b('content')}>\n                <Row className={b('row')}>\n                    <Col sizes={{[GridColumnSize.Md]: 4, [GridColumnSize.All]: 12}}>\n                        <YFMWrapper\n                            tagName=\"h2\"\n                            contentClassName={b('title')}\n                            content={title}\n                            modifiers={{\n                                constructor: true,\n                            }}\n                        />\n                    </Col>\n                    <Col sizes={{[GridColumnSize.Md]: 8, [GridColumnSize.All]: 12}}>\n                        <Table className={b('table')} {...table} />\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default TableBlock;\n"]}

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

@@ -3,7 +3,9 @@ export { default as CompaniesBlock } from "./Companies/Companies.js";
 export { default as InfoBlock } from "./Info/Info.js";
 export { default as MediaBlock } from "./Media/Media.js";
 export { default as MapBlock } from "./Map/Map.js";
+export { default as SliderOldBlock } from "./SliderOld/SliderOld.js";
 export { default as SliderBlock } from "./Slider/Slider.js";
+export type { Swiper, SwiperOptions } from "./Slider/Slider.js";
 export { default as ExtendedFeaturesBlock } from "./ExtendedFeatures/ExtendedFeatures.js";
 export { default as PromoFeaturesBlock } from "./PromoFeaturesBlock/PromoFeaturesBlock.js";
 export { default as QuestionsBlock } from "./Questions/Questions.js";

package/build/cjs/blocks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.FoldableListBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.FoldableListBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.SliderOldBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
 const tslib_1 = require("tslib");
 var Banner_1 = require("./Banner/Banner.js");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Banner_1).default; } });
@@ -12,6 +12,8 @@ var Media_1 = require("./Media/Media.js");
 Object.defineProperty(exports, "MediaBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Media_1).default; } });
 var Map_1 = require("./Map/Map.js");
 Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Map_1).default; } });
+var SliderOld_1 = require("./SliderOld/SliderOld.js");
+Object.defineProperty(exports, "SliderOldBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(SliderOld_1).default; } });
 var Slider_1 = require("./Slider/Slider.js");
 Object.defineProperty(exports, "SliderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Slider_1).default; } });
 var ExtendedFeatures_1 = require("./ExtendedFeatures/ExtendedFeatures.js");

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":";;;;AAAA,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,oCAA8C;AAAtC,wHAAA,OAAO,OAAY;AAC3B,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,2EAAqF;AAA7E,kJAAA,OAAO,OAAyB;AACxC,iFAAsF;AAA9E,iJAAA,OAAO,OAAsB;AACrC,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,+DAAyE;AAAjE,0IAAA,OAAO,OAAqB;AACpC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,+DAAyE;AAAjE,0IAAA,OAAO,OAAqB;AACpC,yDAAmE;AAA3D,sIAAA,OAAO,OAAmB;AAClC,kEAA4E;AAApE,4IAAA,OAAO,OAAsB;AACrC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,4DAAiE;AAAzD,mIAAA,OAAO,OAAe;AAC9B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa","sourcesContent":["export {default as BannerBlock} from './Banner/Banner';\nexport {default as CompaniesBlock} from './Companies/Companies';\nexport {default as InfoBlock} from './Info/Info';\nexport {default as MediaBlock} from './Media/Media';\nexport {default as MapBlock} from './Map/Map';\nexport {default as SliderBlock} from './Slider/Slider';\nexport {default as ExtendedFeaturesBlock} from './ExtendedFeatures/ExtendedFeatures';\nexport {default as PromoFeaturesBlock} from './PromoFeaturesBlock/PromoFeaturesBlock';\nexport {default as QuestionsBlock} from './Questions/Questions';\nexport {default as FoldableListBlock} from './FoldableList/FoldableList';\nexport {default as TableBlock} from './Table/Table';\nexport {default as TabsBlock} from './Tabs/Tabs';\nexport {default as HeaderBlock} from './Header/Header';\nexport {default as IconsBlock} from './Icons/Icons';\nexport {default as HeaderSliderBlock} from './HeaderSlider/HeaderSlider';\nexport {default as CardLayoutBlock} from './CardLayout/CardLayout';\nexport {default as ContentLayoutBlock} from './ContentLayout/ContentLayout';\nexport {default as ShareBlock} from './Share/Share';\nexport {default as FilterBlock} from './FilterBlock/FilterBlock';\nexport {default as FormBlock} from './Form/Form';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":";;;;AAAA,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,oCAA8C;AAAtC,wHAAA,OAAO,OAAY;AAC3B,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAE9B,2EAAqF;AAA7E,kJAAA,OAAO,OAAyB;AACxC,iFAAsF;AAA9E,iJAAA,OAAO,OAAsB;AACrC,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,+DAAyE;AAAjE,0IAAA,OAAO,OAAqB;AACpC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,+DAAyE;AAAjE,0IAAA,OAAO,OAAqB;AACpC,yDAAmE;AAA3D,sIAAA,OAAO,OAAmB;AAClC,kEAA4E;AAApE,4IAAA,OAAO,OAAsB;AACrC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,4DAAiE;AAAzD,mIAAA,OAAO,OAAe;AAC9B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa","sourcesContent":["export {default as BannerBlock} from './Banner/Banner';\nexport {default as CompaniesBlock} from './Companies/Companies';\nexport {default as InfoBlock} from './Info/Info';\nexport {default as MediaBlock} from './Media/Media';\nexport {default as MapBlock} from './Map/Map';\nexport {default as SliderOldBlock} from './SliderOld/SliderOld';\nexport {default as SliderBlock} from './Slider/Slider';\nexport type {Swiper, SwiperOptions} from './Slider/Slider';\nexport {default as ExtendedFeaturesBlock} from './ExtendedFeatures/ExtendedFeatures';\nexport {default as PromoFeaturesBlock} from './PromoFeaturesBlock/PromoFeaturesBlock';\nexport {default as QuestionsBlock} from './Questions/Questions';\nexport {default as FoldableListBlock} from './FoldableList/FoldableList';\nexport {default as TableBlock} from './Table/Table';\nexport {default as TabsBlock} from './Tabs/Tabs';\nexport {default as HeaderBlock} from './Header/Header';\nexport {default as IconsBlock} from './Icons/Icons';\nexport {default as HeaderSliderBlock} from './HeaderSlider/HeaderSlider';\nexport {default as CardLayoutBlock} from './CardLayout/CardLayout';\nexport {default as ContentLayoutBlock} from './ContentLayout/ContentLayout';\nexport {default as ShareBlock} from './Share/Share';\nexport {default as FilterBlock} from './FilterBlock/FilterBlock';\nexport {default as FormBlock} from './Form/Form';\n"]}

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

@@ -10,6 +10,7 @@ export * from "./Info/schema.js";
 export * from "./Media/schema.js";
 export * from "./PromoFeaturesBlock/schema.js";
 export * from "./Questions/schema.js";
+export * from "./SliderOld/schema.js";
 export * from "./Slider/schema.js";
 export * from "./Table/schema.js";
 export * from "./Share/schema.js";

package/build/cjs/blocks/validators.js

@@ -13,6 +13,7 @@ tslib_1.__exportStar(require("./Info/schema.js"), exports);
 tslib_1.__exportStar(require("./Media/schema.js"), exports);
 tslib_1.__exportStar(require("./PromoFeaturesBlock/schema.js"), exports);
 tslib_1.__exportStar(require("./Questions/schema.js"), exports);
+tslib_1.__exportStar(require("./SliderOld/schema.js"), exports);
 tslib_1.__exportStar(require("./Slider/schema.js"), exports);
 tslib_1.__exportStar(require("./Table/schema.js"), exports);
 tslib_1.__exportStar(require("./Share/schema.js"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,iEAAoC;AACpC,gEAAmC;AACnC,oEAAuC;AACvC,uEAA0C;AAC1C,6DAAgC;AAChC,mEAAsC;AACtC,4DAA+B;AAC/B,2DAA8B;AAC9B,4DAA+B;AAC/B,yEAA4C;AAC5C,gEAAmC;AACnC,6DAAgC;AAChC,4DAA+B;AAC/B,4DAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,iEAAoC;AACpC,gEAAmC;AACnC,oEAAuC;AACvC,uEAA0C;AAC1C,6DAAgC;AAChC,mEAAsC;AACtC,4DAA+B;AAC/B,2DAA8B;AAC9B,4DAA+B;AAC/B,yEAA4C;AAC5C,gEAAmC;AACnC,gEAAmC;AACnC,6DAAgC;AAChC,4DAA+B;AAC/B,4DAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './SliderOld/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}

package/build/cjs/components/BackgroundImage/BackgroundImage.js

@@ -8,9 +8,9 @@ const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
 exports.qaIdByDefault = 'background-image';
 const b = (0, utils_1.block)('storage-background-image');
 const BackgroundImage = (props) => {
-    const { children, src, desktop, className, imageClassName, style, qa } = props;
+    const { children, src, desktop, className, imageClassName, style, hide, qa } = props;
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa || exports.qaIdByDefault);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault, children: [(src || desktop) && ((0, jsx_runtime_1.jsx)(Image_1.default, { ...props, className: b('img', imageClassName), qa: qaAttributes.image })), children && (0, jsx_runtime_1.jsx)("div", { className: b('container'), children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), style: style, "data-qa": qa || exports.qaIdByDefault, children: [(src || desktop) && !hide && ((0, jsx_runtime_1.jsx)(Image_1.default, { ...props, className: b('img', imageClassName), qa: qaAttributes.image })), children && (0, jsx_runtime_1.jsx)("div", { className: b('container'), children: children })] }));
 };
 exports.default = BackgroundImage;
 //# sourceMappingURL=BackgroundImage.js.map

package/build/cjs/components/BackgroundImage/BackgroundImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackgroundImage.js","sourceRoot":"../../../../src","sources":["components/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":";;;;;AAGA,gDAAmD;AACnD,sEAAmC;AAItB,QAAA,aAAa,GAAG,kBAAkB,CAAC;AAEhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,0BAA0B,CAAC,CAAC;AAE5C,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC7E,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAC7E,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,IAAI,qBAAa,CAAC,CAAC;IAE1D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,IAAI,qBAAa,aACzE,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CACjB,uBAAC,eAAK,OAAK,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,CACpF,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,QAAQ,GAAO,IAC3D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImageProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport Image from '../Image/Image';\n\nimport './BackgroundImage.scss';\n\nexport const qaIdByDefault = 'background-image';\n\nconst b = block('storage-background-image');\n\nconst BackgroundImage = (props: React.PropsWithChildren<BackgroundImageProps>) => {\n    const {children, src, desktop, className, imageClassName, style, qa} = props;\n    const qaAttributes = getQaAttrubutes(qa || qaIdByDefault);\n\n    return (\n        <div className={b(null, className)} style={style} data-qa={qa || qaIdByDefault}>\n            {(src || desktop) && (\n                <Image {...props} className={b('img', imageClassName)} qa={qaAttributes.image} />\n            )}\n            {children && <div className={b('container')}>{children}</div>}\n        </div>\n    );\n};\n\nexport default BackgroundImage;\n"]}
+{"version":3,"file":"BackgroundImage.js","sourceRoot":"../../../../src","sources":["components/BackgroundImage/BackgroundImage.tsx"],"names":[],"mappings":";;;;;AAGA,gDAAmD;AACnD,sEAAmC;AAItB,QAAA,aAAa,GAAG,kBAAkB,CAAC;AAEhD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,0BAA0B,CAAC,CAAC;AAE5C,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAE,EAAE;IAC7E,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IACnF,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,EAAE,IAAI,qBAAa,CAAC,CAAC;IAE1D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAAW,EAAE,IAAI,qBAAa,aACzE,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAC1B,uBAAC,eAAK,OAAK,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,CACpF,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YAAG,QAAQ,GAAO,IAC3D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BackgroundImageProps} from '../../models';\nimport {block, getQaAttrubutes} from '../../utils';\nimport Image from '../Image/Image';\n\nimport './BackgroundImage.scss';\n\nexport const qaIdByDefault = 'background-image';\n\nconst b = block('storage-background-image');\n\nconst BackgroundImage = (props: React.PropsWithChildren<BackgroundImageProps>) => {\n    const {children, src, desktop, className, imageClassName, style, hide, qa} = props;\n    const qaAttributes = getQaAttrubutes(qa || qaIdByDefault);\n\n    return (\n        <div className={b(null, className)} style={style} data-qa={qa || qaIdByDefault}>\n            {(src || desktop) && !hide && (\n                <Image {...props} className={b('img', imageClassName)} qa={qaAttributes.image} />\n            )}\n            {children && <div className={b('container')}>{children}</div>}\n        </div>\n    );\n};\n\nexport default BackgroundImage;\n"]}

package/build/cjs/components/ContentList/ContentList.css

@@ -28,7 +28,11 @@ unpredictable css rules order in build */
   margin-bottom: 2px;
   margin-right: 8px;
 }
-.pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__text, .pc-content-list_size_m .pc-content-list__item_without-title .pc-content-list__text {
+.pc-content-list_size_l .pc-content-list__text, .pc-content-list_size_m .pc-content-list__text {
+  font-size: var(--g-text-subheader-2-font-size);
+  line-height: var(--g-text-subheader-2-line-height);
+}
+.pc-content-list_size_l .pc-content-list__text_without-title, .pc-content-list_size_m .pc-content-list__text_without-title {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
 }
@@ -47,10 +51,6 @@ unpredictable css rules order in build */
   margin-bottom: 2px;
   margin-right: 8px;
 }
-.pc-content-list_size_s .pc-content-list__text {
-  font-size: var(--g-text-body-1-font-size);
-  line-height: var(--g-text-body-1-line-height);
-}
 .pc-content-list_size_s .pc-content-list__item:not(:last-child) {
   margin-bottom: 12px;
 }
@@ -63,7 +63,11 @@ unpredictable css rules order in build */
   margin-top: 1px;
   margin-bottom: 1px;
 }
-.pc-content-list_size_s .pc-content-list__item_without-title .pc-content-list__text {
+.pc-content-list_size_s .pc-content-list__text {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.pc-content-list_size_s .pc-content-list__text_without-title {
   font-size: var(--g-text-subheader-2-font-size);
   line-height: var(--g-text-subheader-2-line-height);
 }

package/build/cjs/components/ContentList/ContentList.js

@@ -23,7 +23,7 @@ const ContentList = ({ list, size = 'l', qa, theme }) => {
     return ((0, jsx_runtime_1.jsx)("div", { className: b({ size, theme }), "data-qa": qa, children: list?.map((item) => {
             const { icon, title, text } = item;
             return ((0, jsx_runtime_1.jsxs)("div", { className: b('item', { 'without-title': !title }), children: [(0, jsx_runtime_1.jsx)(ContentListItemIcon_1.default, { icon: icon, className: b('icon'), qa: qaAttributes.image }), (0, jsx_runtime_1.jsxs)("div", { children: [title &&
-                                React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })), text && ((0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text }))] })] }, (0, uuid_1.v4)()));
+                                React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: title, modifiers: { constructor: true } })), text && ((0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { contentClassName: b('text', { 'without-title': !title }), content: text, modifiers: { constructor: true }, qa: qaAttributes.text }))] })] }, (0, uuid_1.v4)()));
         }) }));
 };
 exports.default = ContentList;

package/build/cjs/components/ContentList/ContentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentList.js","sourceRoot":"../../../../src","sources":["components/ContentList/ContentList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,+BAAkC;AAIlC,gDAAkC;AAClC,kDAAmD;AACnD,qFAAkD;AAElD,2FAA6C;AAI7C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,SAAS,eAAe,CAAC,IAAiB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,IAAI,CAAC;QAChB,KAAK,GAAG,CAAC;QACT;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,KAAK,EAA6B,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,aAAW,EAAE,YACxC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;YACjC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,eAAe,EAAE,CAAC,KAAK,EAAC,CAAC,aAChD,uBAAC,6BAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,EACtE,4CACK,KAAK;gCACF,KAAK,CAAC,aAAa,CACf,eAAe,CAAC,IAAI,CAAC,EACrB,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,KAAK,EAAC,EACtD,uBAAC,oBAAU,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,CACjE,EACJ,IAAI,IAAI,CACL,uBAAC,oBAAU,IACP,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,EAC9B,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,IACC,KAjBiD,IAAA,SAAM,GAAE,CAkB7D,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {v4 as uuidv4} from 'uuid';\n\nimport {ContentListProps, ContentSize} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\nimport YFMWrapper from '../YFMWrapper/YFMWrapper';\n\nimport ItemIcon from './ContentListItemIcon';\n\nimport './ContentList.scss';\n\nconst b = block('content-list');\n\nfunction getHeadingLevel(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'h4';\n        case 'l':\n        default:\n            return 'h3';\n    }\n}\n\nconst ContentList = ({list, size = 'l', qa, theme}: ContentListProps & QAProps) => {\n    const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);\n\n    return (\n        <div className={b({size, theme})} data-qa={qa}>\n            {list?.map((item) => {\n                const {icon, title, text} = item;\n                return (\n                    <div className={b('item', {'without-title': !title})} key={uuidv4()}>\n                        <ItemIcon icon={icon} className={b('icon')} qa={qaAttributes.image} />\n                        <div>\n                            {title &&\n                                React.createElement(\n                                    getHeadingLevel(size),\n                                    {className: b('title'), 'data-qa': qaAttributes.title},\n                                    <YFMWrapper content={title} modifiers={{constructor: true}} />,\n                                )}\n                            {text && (\n                                <YFMWrapper\n                                    className={b('text')}\n                                    content={text}\n                                    modifiers={{constructor: true}}\n                                    qa={qaAttributes.text}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ContentList;\n"]}
+{"version":3,"file":"ContentList.js","sourceRoot":"../../../../src","sources":["components/ContentList/ContentList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,+BAAkC;AAIlC,gDAAkC;AAClC,kDAAmD;AACnD,qFAAkD;AAElD,2FAA6C;AAI7C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,SAAS,eAAe,CAAC,IAAiB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,IAAI,CAAC;QAChB,KAAK,GAAG,CAAC;QACT;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,KAAK,EAA6B,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,aAAW,EAAE,YACxC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;YACjC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,eAAe,EAAE,CAAC,KAAK,EAAC,CAAC,aAChD,uBAAC,6BAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,EACtE,4CACK,KAAK;gCACF,KAAK,CAAC,aAAa,CACf,eAAe,CAAC,IAAI,CAAC,EACrB,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,KAAK,EAAC,EACtD,uBAAC,oBAAU,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,CACjE,EACJ,IAAI,IAAI,CACL,uBAAC,oBAAU,IACP,gBAAgB,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,eAAe,EAAE,CAAC,KAAK,EAAC,CAAC,EACtD,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,EAC9B,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,IACC,KAjBiD,IAAA,SAAM,GAAE,CAkB7D,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {v4 as uuidv4} from 'uuid';\n\nimport {ContentListProps, ContentSize} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\nimport YFMWrapper from '../YFMWrapper/YFMWrapper';\n\nimport ItemIcon from './ContentListItemIcon';\n\nimport './ContentList.scss';\n\nconst b = block('content-list');\n\nfunction getHeadingLevel(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'h4';\n        case 'l':\n        default:\n            return 'h3';\n    }\n}\n\nconst ContentList = ({list, size = 'l', qa, theme}: ContentListProps & QAProps) => {\n    const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);\n\n    return (\n        <div className={b({size, theme})} data-qa={qa}>\n            {list?.map((item) => {\n                const {icon, title, text} = item;\n                return (\n                    <div className={b('item', {'without-title': !title})} key={uuidv4()}>\n                        <ItemIcon icon={icon} className={b('icon')} qa={qaAttributes.image} />\n                        <div>\n                            {title &&\n                                React.createElement(\n                                    getHeadingLevel(size),\n                                    {className: b('title'), 'data-qa': qaAttributes.title},\n                                    <YFMWrapper content={title} modifiers={{constructor: true}} />,\n                                )}\n                            {text && (\n                                <YFMWrapper\n                                    contentClassName={b('text', {'without-title': !title})}\n                                    content={text}\n                                    modifiers={{constructor: true}}\n                                    qa={qaAttributes.text}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ContentList;\n"]}

package/build/cjs/components/FullscreenImage/FullscreenImage.css

@@ -6,12 +6,31 @@ unpredictable css rules order in build */
 .pc-fullscreen-image__image-wrapper {
   position: relative;
 }
-.pc-fullscreen-image__image-wrapper:hover .pc-fullscreen-image__icon-wrapper {
+.pc-fullscreen-image__image-wrapper:hover .pc-fullscreen-image__expand-icon-wrapper {
   opacity: 1;
 }
 .pc-fullscreen-image__modal-content {
   position: relative;
   border-radius: var(--pc-border-radius);
+  width: 100%;
+}
+.pc-fullscreen-image__modal-content-wrapper {
+  width: 100%;
+}
+.pc-fullscreen-image__modal-content_loaded {
+  max-width: fit-content;
+}
+.pc-fullscreen-image__modal_with-slider .g-modal__content-wrapper {
+  width: 100%;
+  height: 100vh;
+  margin: 0;
+  justify-content: center;
+}
+.pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content {
+  background-color: transparent;
+}
+.pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__expand-icon-wrapper, .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__close-icon-wrapper {
+  opacity: 1;
 }
 .pc-fullscreen-image__modal-image {
   display: block;
@@ -19,10 +38,32 @@ unpredictable css rules order in build */
   max-height: 70vh;
   overflow: hidden;
 }
+.pc-fullscreen-image__modal-slider {
+  max-width: 100vw;
+  width: 100%;
+  height: 100vh;
+}
+.pc-fullscreen-image__modal-slider_item {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.pc-fullscreen-image__modal-slider_item-image {
+  display: block;
+  margin: auto;
+  border-radius: var(--pc-border-radius);
+  overflow: hidden;
+  margin-top: 40px;
+  max-height: calc(100vh - 120px);
+  max-width: 100%;
+  object-fit: contain;
+  object-position: center;
+}
 .pc-fullscreen-image__modal .g-modal__content, .pc-fullscreen-image__modal-image {
   border-radius: var(--pc-border-radius);
 }
-.pc-fullscreen-image__icon-wrapper {
+.pc-fullscreen-image__expand-icon-wrapper {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -35,9 +76,48 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  background-color: var(--g-color-base-simple-hover-solid);
+  cursor: pointer;
+  opacity: 0;
+  transition: 0.3s;
   position: absolute;
   right: 16px;
   top: 16px;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus {
+  opacity: 1;
+}
+@media (max-width: 769px) {
+  .pc-fullscreen-image__expand-icon-wrapper {
+    opacity: 1;
+  }
+}
+.pc-fullscreen-image__expand-icon-wrapper_visible {
+  opacity: 1;
+}
+.pc-fullscreen-image__close-icon-wrapper {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 36px;
   height: 36px;
   border-radius: 8px;
@@ -45,36 +125,37 @@ unpredictable css rules order in build */
   cursor: pointer;
   opacity: 0;
   transition: 0.3s;
+  z-index: 1001;
+  position: absolute;
+  right: 24px;
+  top: 24px;
 }
-.pc-fullscreen-image__icon-wrapper:focus {
+.pc-fullscreen-image__close-icon-wrapper:focus {
   outline: 2px solid var(--g-color-line-focus);
   outline-offset: 0;
 }
-.pc-fullscreen-image__icon-wrapper:focus:not(:focus-visible) {
+.pc-fullscreen-image__close-icon-wrapper:focus:not(:focus-visible) {
   outline: 0;
 }
-.pc-fullscreen-image__icon-wrapper_visible {
+.pc-fullscreen-image__close-icon-wrapper:focus {
   opacity: 1;
 }
+@media (max-width: 769px) {
+  .pc-fullscreen-image__close-icon-wrapper {
+    opacity: 1;
+  }
+}
 .pc-fullscreen-image__icon {
   color: var(--g-color-text-hint);
 }
 .pc-fullscreen-image__icon_hover:hover {
   color: var(--g-color-text-secondary);
 }
-@media (max-width: 1185px) {
-  .pc-fullscreen-image__modal-image {
-    width: 100%;
-  }
-}
-@media (max-width: 1081px) {
-  .pc-fullscreen-image__image {
-    pointer-events: none;
-  }
-  .pc-fullscreen-image__icon-wrapper {
-    display: none;
+@media (max-width: 769px) {
+  .pc-fullscreen-image__modal .g-modal__content-wrapper {
+    margin: 8px;
   }
-  .pc-fullscreen-image__modal {
-    display: none !important; /* stylelint-disable-line declaration-no-important */
+  .pc-fullscreen-image__modal_with-slider .g-modal__content-wrapper {
+    margin: 0;
   }
 }

package/build/cjs/components/FullscreenImage/FullscreenImage.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
+import { ImageProps as ModelImageProps } from "../../models/index.js";
 import { ImageProps } from "../Image/Image.js";
 export interface FullscreenImageProps extends ImageProps {
     imageClassName?: string;
     modalImageClass?: string;
     imageStyle?: React.CSSProperties;
     extraProps?: React.HTMLProps<HTMLDivElement>;
+    sliderData?: {
+        items: ModelImageProps[];
+        initialIndex: number;
+    };
 }
 declare const FullscreenImage: (props: FullscreenImageProps) => import("react/jsx-runtime").JSX.Element;
 export default FullscreenImage;

package/build/cjs/components/FullscreenImage/FullscreenImage.js

@@ -5,18 +5,30 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
+const blocks_1 = require("../../blocks/index.js");
+const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
+const utils_2 = require("../Media/Image/utils.js");
 const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_1.block)('fullscreen-image');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 24;
 const FullscreenImage = (props) => {
-    const { imageClassName, modalImageClass, imageStyle, alt = (0, i18n_1.i18n)('img-alt'), extraProps } = props;
+    const { imageClassName, sliderData, modalImageClass, imageStyle, alt = (0, i18n_1.i18n)('img-alt'), extraProps, } = props;
     const [isOpened, setIsOpened] = React.useState(false);
+    const [sliderLoaded, setSliderLoaded] = React.useState(false);
     const openModal = () => setIsOpened(true);
     const closeModal = () => setIsOpened(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), ...extraProps, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('image-wrapper'), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { ...props, alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle }), (0, jsx_runtime_1.jsx)("button", { className: b('icon-wrapper'), onClick: openModal, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [(0, jsx_runtime_1.jsx)("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": (0, i18n_1.i18n)('close'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), (0, jsx_runtime_1.jsx)(Image_1.default, { ...props, className: b('modal-image', modalImageClass) })] }))] }));
+    React.useEffect(() => {
+        if (sliderData && !isOpened) {
+            setSliderLoaded(false);
+        }
+    }, [isOpened, sliderData]);
+    const handleSliderImageLoad = () => {
+        setSliderLoaded(true);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), ...extraProps, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('image-wrapper'), children: [(0, jsx_runtime_1.jsx)(Image_1.default, { ...props, alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle }), (0, jsx_runtime_1.jsx)("button", { className: b('expand-icon-wrapper'), onClick: openModal, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal', { 'with-slider': Boolean(sliderData) }), contentClassName: b('modal-content', { loaded: sliderLoaded }), children: [(0, jsx_runtime_1.jsx)("button", { className: b('close-icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": (0, i18n_1.i18n)('close'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), sliderData ? ((0, jsx_runtime_1.jsx)("div", { className: b('modal-slider'), children: (0, jsx_runtime_1.jsx)(blocks_1.SliderBlock, { initialSlide: sliderData.initialIndex, slidesToShow: 1, type: models_1.SliderType.FullscreenCard, children: sliderData.items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('modal-slider_item'), children: (0, jsx_runtime_1.jsx)(Image_1.default, { onLoad: handleSliderImageLoad, className: b('modal-slider_item-image', modalImageClass), containerClassName: b('modal-slider_item-image-wrapper'), ...(0, utils_2.getMediaImage)(item) }) }, index))) }) })) : ((0, jsx_runtime_1.jsx)(Image_1.default, { ...props, className: b('modal-image', modalImageClass) }))] }))] }));
 };
 exports.default = FullscreenImage;
 //# sourceMappingURL=FullscreenImage.js.map