@doyourjob/gravity-ui-page-constructor 5.31.179 → 5.31.181

package/build/cjs/blocks/AboutHeader/AboutHeader.js

@@ -19,6 +19,6 @@ const AboutHeaderBlock = ({ title, text, caption, image, logo }) => {
                     react_1.default.createElement("div", { className: b('wrap') },
                         react_1.default.createElement("div", { className: b('caption') }, caption),
                         react_1.default.createElement(components_1.Image, { src: logo, className: b('logo') })),
-                    text && react_1.default.createElement(components_1.HTML, { className: b('text') }, text))))));
+                    text && (react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true }, className: b('text') })))))));
 };
 exports.default = react_1.default.memo(AboutHeaderBlock);

package/build/cjs/blocks/Audio/Audio.js

@@ -23,8 +23,10 @@ const Audio = ({ url }) => {
     const [duration, setDuration] = (0, react_1.useState)(0);
     const [volume, setVolume] = (0, react_1.useState)(1);
     const [isDragging, setIsDragging] = (0, react_1.useState)(false);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     // FIX: сброс состояния при смене url
     (0, react_1.useEffect)(() => {
+        setIsLoading(true);
         setCurrentTime(0);
         setDuration(0);
         setIsPlaying(false);
@@ -141,11 +143,15 @@ const Audio = ({ url }) => {
             }
         };
         const onDurationChange = () => setDuration(audio.duration);
+        const onCanPlay = () => setIsLoading(false);
+        const onWaiting = () => setIsLoading(true);
         audio.addEventListener('play', onPlay);
         audio.addEventListener('pause', onPause);
         audio.addEventListener('ended', onEnded);
         audio.addEventListener('timeupdate', onTimeUpdate);
         audio.addEventListener('durationchange', onDurationChange);
+        audio.addEventListener('canplay', onCanPlay);
+        audio.addEventListener('waiting', onWaiting);
         // eslint-disable-next-line consistent-return
         return () => {
             audio.removeEventListener('play', onPlay);
@@ -153,6 +159,8 @@ const Audio = ({ url }) => {
             audio.removeEventListener('ended', onEnded);
             audio.removeEventListener('timeupdate', onTimeUpdate);
             audio.removeEventListener('durationchange', onDurationChange);
+            audio.removeEventListener('canplay', onCanPlay);
+            audio.removeEventListener('waiting', onWaiting);
         };
     }, []);
     // FIX: ref-копия isDragging для замыкания в timeupdate (без перепривязки слушателей)
@@ -171,10 +179,13 @@ const Audio = ({ url }) => {
         return 'M3 9h4l5-5v16l-5-5H3V9zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zm-2.5-7a7 7 0 0 1 0 14V14a5 5 0 0 0 0-10V5z';
     }, [isMuted, volume]);
     return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement("audio", { ref: audioRef, src: url, preload: "auto" }),
-        react_1.default.createElement("button", { className: b('play-btn'), onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', type: "button" }, isPlaying ? (react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
-            react_1.default.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }))) : (react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
-            react_1.default.createElement("path", { d: "M8 5v14l11-7z" })))),
+        react_1.default.createElement("audio", { ref: audioRef, src: url, preload: "metadata" }),
+        react_1.default.createElement("button", { className: b('play-btn', { loading: isLoading }), onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', type: "button" },
+            isLoading && react_1.default.createElement("span", { className: b('spinner') }),
+            !isLoading &&
+                (isPlaying ? (react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
+                    react_1.default.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }))) : (react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
+                    react_1.default.createElement("path", { d: "M8 5v14l11-7z" }))))),
         react_1.default.createElement("div", { className: b('timeline') },
             react_1.default.createElement("div", { ref: progressRef, className: b('progress-bar'), 
                 // FIX: убран onClick — onMouseDown уже обрабатывает клик без дублирования

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ScienceSuggestBlockProps } from '../../models';
+declare const _default: React.MemoExoticComponent<({ items }: ScienceSuggestBlockProps) => JSX.Element>;
+export default _default;

package/build/cjs/blocks/ScienceSuggest/ScienceSuggest.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const sub_blocks_1 = require("../../sub-blocks");
+const Slider_1 = tslib_1.__importDefault(require("../Slider/Slider"));
+const i18n_1 = require("./i18n");
+const slidesToShow = { xl: 3, lg: 2, sm: 1 };
+const ScienceSuggestBlock = ({ items }) => {
+    return (react_1.default.createElement(Slider_1.default, { slidesToShow: slidesToShow, title: { text: (0, i18n_1.i18n)('title') } }, items.map((item) => (react_1.default.createElement(sub_blocks_1.NewPostCard, Object.assign({ key: item.slug }, item))))));
+};
+exports.default = react_1.default.memo(ScienceSuggestBlock);

package/build/cjs/blocks/ScienceSuggest/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "title": "See also"
+}

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

@@ -0,0 +1 @@
+export declare const i18n: (key: "title", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/blocks/ScienceSuggest/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}ScienceSuggestBlock`);

package/build/cjs/blocks/ScienceSuggest/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "title": "См. также"
+}

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

@@ -0,0 +1,51 @@
+export declare const ScienceSuggestBlock: {
+    'science-suggest-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    additionalProperties: boolean;
+                    required: never[];
+                    properties: {
+                        slug: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                        title: {
+                            type: string;
+                        };
+                        date: {
+                            type: string;
+                        };
+                        readingTime: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        description: {
+                            type: string;
+                        };
+                        topic: {
+                            type: string;
+                        };
+                        author: {
+                            type: string;
+                        };
+                        pinned: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScienceSuggestBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+const schema_1 = require("../../sub-blocks/NewPostCard/schema");
+exports.ScienceSuggestBlock = {
+    'science-suggest-block': {
+        additionalProperties: false,
+        required: ['items'],
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { items: {
+                type: 'array',
+                items: {
+                    additionalProperties: false,
+                    required: [],
+                    properties: schema_1.NewPostCardProps,
+                },
+            } }),
+    },
+};

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

@@ -53,3 +53,4 @@ export { default as BenchmarkBlock } from './Benchmark/Benchmark';
 export { default as SidebarWidgetBlock } from './SidebarWidget/SidebarWidget';
 export { default as CatBlock } from './Cat/Cat';
 export { default as AudioBlock } from './Audio/Audio';
+export { default as ScienceSuggestBlock } from './ScienceSuggest/ScienceSuggest';

package/build/cjs/blocks/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantReportsBlock = exports.RelevantReportsCardsBlock = exports.RelevantPostsBlock = exports.ScienceFeedBlock = exports.BlogFeedBlock = exports.EventsSectionBlock = exports.ResourceHubPostsBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsSectionsBlock = exports.ReportsCardsBlock = exports.AboutHeaderBlock = exports.ScienceHeaderBlock = 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.BenefitsBlock = 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.AudioBlock = exports.CatBlock = exports.SidebarWidgetBlock = exports.BenchmarkBlock = exports.MiniCaseBlock = void 0;
+exports.ScienceSuggestBlock = exports.AudioBlock = exports.CatBlock = exports.SidebarWidgetBlock = exports.BenchmarkBlock = exports.MiniCaseBlock = 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");
@@ -115,3 +115,5 @@ var Cat_1 = require("./Cat/Cat");
 Object.defineProperty(exports, "CatBlock", { enumerable: true, get: function () { return __importDefault(Cat_1).default; } });
 var Audio_1 = require("./Audio/Audio");
 Object.defineProperty(exports, "AudioBlock", { enumerable: true, get: function () { return __importDefault(Audio_1).default; } });
+var ScienceSuggest_1 = require("./ScienceSuggest/ScienceSuggest");
+Object.defineProperty(exports, "ScienceSuggestBlock", { enumerable: true, get: function () { return __importDefault(ScienceSuggest_1).default; } });

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

@@ -46,6 +46,7 @@ export declare const blockMap: {
     "quotes-block": ({ theme: localTheme, items, background, backgroundColor, }: import("./models").QuotesBlockProps) => JSX.Element;
     "reports-block": ({ title, typeKey, empty }: import("./models").ReportsBlockProps) => JSX.Element;
     "science-header-block": import("react").MemoExoticComponent<({ topic, title, description, author, date, readingTime, image, shareOptions, shareUrl, }: import("./models").ScienceHeaderBlockProps) => JSX.Element>;
+    "science-suggest-block": import("react").MemoExoticComponent<({ items }: import("./models").ScienceSuggestBlockProps) => JSX.Element>;
     "about-header-block": import("react").MemoExoticComponent<({ title, text, caption, image, logo }: import("./models").AboutHeaderBlockProps) => JSX.Element>;
     "sidebar-widget-block": ({ image, title, text, url, blank }: import("./models").SidebarWidgetBlockProps) => JSX.Element;
     "reports-cards-block": ({ title, typeKey, postscript, empty }: import("./models").ReportsCardsBlockProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -55,6 +55,7 @@ exports.blockMap = {
     [models_1.BlockType.QuotesBlock]: blocks_1.QuotesBlock,
     [models_1.BlockType.ReportsBlock]: blocks_1.ReportsBlock,
     [models_1.BlockType.ScienceHeaderBlock]: blocks_1.ScienceHeaderBlock,
+    [models_1.BlockType.ScienceSuggestBlock]: blocks_1.ScienceSuggestBlock,
     [models_1.BlockType.AboutHeaderBlock]: blocks_1.AboutHeaderBlock,
     [models_1.BlockType.SidebarWidgetBlock]: blocks_1.SidebarWidgetBlock,
     [models_1.BlockType.ReportsCardsBlock]: blocks_1.ReportsCardsBlock,

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

@@ -5,7 +5,7 @@ import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/typ
 import { BlockBackgroundType, ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
 import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, ReportFileType, TagProps, TextSize, TextTheme, Themable, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleTextSize, WithBorder, YandexFormProps } from './common';
-import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
+import { BannerCardProps, HubspotFormProps, NewPostCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     AdvantagesBlock = "advantages-block",
     BenefitsBlock = "benefits-block",
@@ -61,7 +61,8 @@ export declare enum BlockType {
     BenchmarkBlock = "benchmark-block",
     SidebarWidgetBlock = "sidebar-widget-block",
     CatBlock = "cat-block",
-    AudioBlock = "audio-block"
+    AudioBlock = "audio-block",
+    ScienceSuggestBlock = "science-suggest-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -769,6 +770,9 @@ export interface ScienceHeaderBlockProps {
     shareOptions?: ShareOptions[];
     shareUrl?: string;
 }
+export interface ScienceSuggestBlockProps {
+    items: NewPostCardProps[];
+}
 export interface AboutHeaderBlockProps {
     title: string;
     text?: string;
@@ -887,6 +891,9 @@ export type ReportsBlockModel = {
 export type ScienceHeaderBlockModel = {
     type: BlockType.ScienceHeaderBlock;
 } & ScienceHeaderBlockProps;
+export type ScienceSuggestBlockModel = {
+    type: BlockType.ScienceSuggestBlock;
+} & ScienceSuggestBlockProps;
 export type AboutHeaderBlockModel = {
     type: BlockType.AboutHeaderBlock;
 } & AboutHeaderBlockProps;
@@ -941,6 +948,6 @@ export type SliderNewBlockModel = {
 export type SidebarWidgetBlockModel = {
     type: BlockType.SidebarWidgetBlock;
 } & SidebarWidgetBlockProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | BenefitsBlockModel | 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 | ScienceHeaderBlockModel | AboutHeaderBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | ResourceHubPostsBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | ScienceFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel | SidebarWidgetBlockModel | CatBlockModel | AudioBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | BenefitsBlockModel | 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 | ScienceHeaderBlockModel | AboutHeaderBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | ResourceHubPostsBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | ScienceFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel | SidebarWidgetBlockModel | CatBlockModel | AudioBlockModel | ScienceSuggestBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -58,6 +58,7 @@ var BlockType;
     BlockType["SidebarWidgetBlock"] = "sidebar-widget-block";
     BlockType["CatBlock"] = "cat-block";
     BlockType["AudioBlock"] = "audio-block";
+    BlockType["ScienceSuggestBlock"] = "science-suggest-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [

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

@@ -3805,6 +3805,7 @@ export declare const cardSchemas: {
                     optionName: string;
                 } | {
                     optionName: string;
+                    /** @deprecated */
                     type: string;
                     additionalProperties: boolean;
                     required: 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(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.BenefitsBlock), 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.ScienceHeaderBlock), blocks_1.AboutHeaderBlock), blocks_1.SidebarWidgetBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.ResourceHubPostsBlock), blocks_1.BenchmarkBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.ScienceFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock), blocks_1.CatBlock), blocks_1.AudioBlock);
+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(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.BenefitsBlock), 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.ScienceHeaderBlock), blocks_1.AboutHeaderBlock), blocks_1.SidebarWidgetBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.ResourceHubPostsBlock), blocks_1.BenchmarkBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.ScienceFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock), blocks_1.CatBlock), blocks_1.AudioBlock), blocks_1.ScienceSuggestBlock);
 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(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.NewPostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.CaseStudyCard), sub_blocks_1.StoryCard);
 exports.constructorBlockSchemaNames = [
     'divider',
@@ -66,6 +66,7 @@ exports.constructorBlockSchemaNames = [
     'about-header-block',
     'cat-block',
     'audio-block',
+    'science-suggest-block',
 ];
 exports.constructorCardSchemaNames = [
     'media-card',

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

@@ -53,3 +53,4 @@ export * from '../../blocks/AboutHeader/schema';
 export * from '../../blocks/SidebarWidget/schema';
 export * from '../../blocks/Cat/schema';
 export * from '../../blocks/Audio/schema';
+export * from '../../blocks/ScienceSuggest/schema';

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

@@ -56,3 +56,4 @@ tslib_1.__exportStar(require("../../blocks/AboutHeader/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/SidebarWidget/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Cat/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Audio/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/ScienceSuggest/schema"), exports);

package/build/cjs/sub-blocks/NewPostCard/schema.d.ts

@@ -1,3 +1,35 @@
+export declare const NewPostCardProps: {
+    slug: {
+        type: string;
+    };
+    url: {
+        type: string;
+    };
+    title: {
+        type: string;
+    };
+    date: {
+        type: string;
+    };
+    readingTime: {
+        type: string;
+    };
+    image: {
+        type: string;
+    };
+    description: {
+        type: string;
+    };
+    topic: {
+        type: string;
+    };
+    author: {
+        type: string;
+    };
+    pinned: {
+        type: string;
+    };
+};
 export declare const NewPostCard: {
     'new-post-card': {
         additionalProperties: boolean;

package/build/cjs/sub-blocks/NewPostCard/schema.js

@@ -1,31 +1,43 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewPostCard = void 0;
+exports.NewPostCard = exports.NewPostCardProps = void 0;
 const common_1 = require("../../schema/validators/common");
+exports.NewPostCardProps = {
+    slug: {
+        type: 'string',
+    },
+    url: {
+        type: 'string',
+    },
+    title: {
+        type: 'string',
+    },
+    date: {
+        type: 'string',
+    },
+    readingTime: {
+        type: 'number',
+    },
+    image: {
+        type: 'string',
+    },
+    description: {
+        type: 'string',
+    },
+    topic: {
+        type: 'string',
+    },
+    author: {
+        type: 'string',
+    },
+    pinned: {
+        type: 'boolean',
+    },
+};
 exports.NewPostCard = {
     'new-post-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign({}, common_1.BaseProps), { slug: {
-                type: 'string',
-            }, url: {
-                type: 'string',
-            }, title: {
-                type: 'string',
-            }, date: {
-                type: 'string',
-            }, readingTime: {
-                type: 'number',
-            }, image: {
-                type: 'string',
-            }, description: {
-                type: 'string',
-            }, topic: {
-                type: 'string',
-            }, author: {
-                type: 'string',
-            }, pinned: {
-                type: 'boolean',
-            } }),
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), exports.NewPostCardProps),
     },
 };

package/build/esm/blocks/AboutHeader/AboutHeader.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HTML, Image } from '../../components';
+import { Image, YFMWrapper } from '../../components';
 import { Col, Row } from '../../grid';
 import { block } from '../../utils/cn';
 import './AboutHeader.css';
@@ -17,6 +17,6 @@ const AboutHeaderBlock = ({ title, text, caption, image, logo }) => {
                     React.createElement("div", { className: b('wrap') },
                         React.createElement("div", { className: b('caption') }, caption),
                         React.createElement(Image, { src: logo, className: b('logo') })),
-                    text && React.createElement(HTML, { className: b('text') }, text))))));
+                    text && (React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true }, className: b('text') })))))));
 };
 export default React.memo(AboutHeaderBlock);

package/build/esm/blocks/Audio/Audio.js

@@ -20,8 +20,10 @@ export const Audio = ({ url }) => {
     const [duration, setDuration] = useState(0);
     const [volume, setVolume] = useState(1);
     const [isDragging, setIsDragging] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
     // FIX: сброс состояния при смене url
     useEffect(() => {
+        setIsLoading(true);
         setCurrentTime(0);
         setDuration(0);
         setIsPlaying(false);
@@ -138,11 +140,15 @@ export const Audio = ({ url }) => {
             }
         };
         const onDurationChange = () => setDuration(audio.duration);
+        const onCanPlay = () => setIsLoading(false);
+        const onWaiting = () => setIsLoading(true);
         audio.addEventListener('play', onPlay);
         audio.addEventListener('pause', onPause);
         audio.addEventListener('ended', onEnded);
         audio.addEventListener('timeupdate', onTimeUpdate);
         audio.addEventListener('durationchange', onDurationChange);
+        audio.addEventListener('canplay', onCanPlay);
+        audio.addEventListener('waiting', onWaiting);
         // eslint-disable-next-line consistent-return
         return () => {
             audio.removeEventListener('play', onPlay);
@@ -150,6 +156,8 @@ export const Audio = ({ url }) => {
             audio.removeEventListener('ended', onEnded);
             audio.removeEventListener('timeupdate', onTimeUpdate);
             audio.removeEventListener('durationchange', onDurationChange);
+            audio.removeEventListener('canplay', onCanPlay);
+            audio.removeEventListener('waiting', onWaiting);
         };
     }, []);
     // FIX: ref-копия isDragging для замыкания в timeupdate (без перепривязки слушателей)
@@ -168,10 +176,13 @@ export const Audio = ({ url }) => {
         return 'M3 9h4l5-5v16l-5-5H3V9zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zm-2.5-7a7 7 0 0 1 0 14V14a5 5 0 0 0 0-10V5z';
     }, [isMuted, volume]);
     return (React.createElement("div", { className: b() },
-        React.createElement("audio", { ref: audioRef, src: url, preload: "auto" }),
-        React.createElement("button", { className: b('play-btn'), onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', type: "button" }, isPlaying ? (React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
-            React.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }))) : (React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
-            React.createElement("path", { d: "M8 5v14l11-7z" })))),
+        React.createElement("audio", { ref: audioRef, src: url, preload: "metadata" }),
+        React.createElement("button", { className: b('play-btn', { loading: isLoading }), onClick: togglePlay, "aria-label": isPlaying ? 'Pause' : 'Play', type: "button" },
+            isLoading && React.createElement("span", { className: b('spinner') }),
+            !isLoading &&
+                (isPlaying ? (React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
+                    React.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }))) : (React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" },
+                    React.createElement("path", { d: "M8 5v14l11-7z" }))))),
         React.createElement("div", { className: b('timeline') },
             React.createElement("div", { ref: progressRef, className: b('progress-bar'), 
                 // FIX: убран onClick — onMouseDown уже обрабатывает клик без дублирования

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ScienceSuggestBlockProps } from '../../models';
+declare const _default: React.MemoExoticComponent<({ items }: ScienceSuggestBlockProps) => JSX.Element>;
+export default _default;

package/build/esm/blocks/ScienceSuggest/ScienceSuggest.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NewPostCard } from '../../sub-blocks';
+import SliderBlock from '../Slider/Slider';
+import { i18n } from './i18n';
+const slidesToShow = { xl: 3, lg: 2, sm: 1 };
+const ScienceSuggestBlock = ({ items }) => {
+    return (React.createElement(SliderBlock, { slidesToShow: slidesToShow, title: { text: i18n('title') } }, items.map((item) => (React.createElement(NewPostCard, Object.assign({ key: item.slug }, item))))));
+};
+export default React.memo(ScienceSuggestBlock);

package/build/esm/blocks/ScienceSuggest/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "title": "See also"
+}

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

@@ -0,0 +1 @@
+export declare const i18n: (key: "title", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/blocks/ScienceSuggest/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}ScienceSuggestBlock`);

package/build/esm/blocks/ScienceSuggest/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "title": "См. также"
+}

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

@@ -0,0 +1,51 @@
+export declare const ScienceSuggestBlock: {
+    'science-suggest-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            items: {
+                type: string;
+                items: {
+                    additionalProperties: boolean;
+                    required: never[];
+                    properties: {
+                        slug: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                        title: {
+                            type: string;
+                        };
+                        date: {
+                            type: string;
+                        };
+                        readingTime: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        description: {
+                            type: string;
+                        };
+                        topic: {
+                            type: string;
+                        };
+                        author: {
+                            type: string;
+                        };
+                        pinned: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,16 @@
+import { BaseProps } from '../../schema/validators/common';
+import { NewPostCardProps } from '../../sub-blocks/NewPostCard/schema';
+export const ScienceSuggestBlock = {
+    'science-suggest-block': {
+        additionalProperties: false,
+        required: ['items'],
+        properties: Object.assign(Object.assign({}, BaseProps), { items: {
+                type: 'array',
+                items: {
+                    additionalProperties: false,
+                    required: [],
+                    properties: NewPostCardProps,
+                },
+            } }),
+    },
+};

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

@@ -53,3 +53,4 @@ export { default as BenchmarkBlock } from './Benchmark/Benchmark';
 export { default as SidebarWidgetBlock } from './SidebarWidget/SidebarWidget';
 export { default as CatBlock } from './Cat/Cat';
 export { default as AudioBlock } from './Audio/Audio';
+export { default as ScienceSuggestBlock } from './ScienceSuggest/ScienceSuggest';

package/build/esm/blocks/index.js

@@ -53,3 +53,4 @@ export { default as BenchmarkBlock } from './Benchmark/Benchmark';
 export { default as SidebarWidgetBlock } from './SidebarWidget/SidebarWidget';
 export { default as CatBlock } from './Cat/Cat';
 export { default as AudioBlock } from './Audio/Audio';
+export { default as ScienceSuggestBlock } from './ScienceSuggest/ScienceSuggest';