@doyourjob/gravity-ui-page-constructor 5.31.175 → 5.31.177

package/build/cjs/blocks/Audio/Audio.css

@@ -0,0 +1,199 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-audio-block {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 12px;
+  border-radius: 40px;
+  background: var(--g-color-base-float, #fff);
+  border: 1px solid var(--g-color-line-generic, #e0e0e0);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+  width: 100%;
+  box-sizing: border-box;
+  font-family: inherit;
+}
+.pc-audio-block__play-btn {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  border: none;
+  cursor: pointer;
+  background: var(--g-color-base-brand, #027bf3);
+  color: #fff;
+  transition: background 0.15s, transform 0.1s;
+  outline: none;
+  padding: 0;
+}
+.pc-audio-block__play-btn:hover {
+  background: var(--g-color-base-brand-hover, #0263cc);
+}
+.pc-audio-block__play-btn:active {
+  transform: scale(0.93);
+}
+.pc-audio-block__play-btn:focus-visible {
+  box-shadow: 0 0 0 3px var(--g-color-base-brand-light, rgba(2, 123, 243, 0.25));
+}
+.pc-audio-block__play-btn_loading {
+  cursor: default;
+}
+.pc-audio-block__spinner {
+  display: block;
+  width: 16px;
+  height: 16px;
+  border: 2px solid rgba(255, 255, 255, 0.4);
+  border-top-color: #fff;
+  border-radius: 50%;
+  animation: pc-audio-spin 0.7s linear infinite;
+}
+.pc-audio-block__timeline {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+}
+.pc-audio-block__progress-bar {
+  position: relative;
+  padding: 6px 0;
+  cursor: pointer;
+  outline: none;
+}
+.pc-audio-block__progress-bar:focus-visible .pc-audio-block__progress-track {
+  box-shadow: 0 0 0 2px var(--g-color-base-brand, #027bf3);
+}
+.pc-audio-block__progress-bar:hover .pc-audio-block__progress-thumb {
+  transform: translateY(-50%) scale(1);
+}
+.pc-audio-block__progress-track {
+  height: 4px;
+  border-radius: 2px;
+  background: var(--g-color-base-generic, #e8e8e8);
+  overflow: visible;
+  position: relative;
+}
+.pc-audio-block__progress-fill {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  border-radius: 2px;
+  background: var(--g-color-base-brand, #027bf3);
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  transition: width 0.05s linear;
+}
+.pc-audio-block__progress-thumb {
+  position: absolute;
+  right: -6px;
+  top: 50%;
+  transform: translateY(-50%) scale(0);
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: var(--g-color-base-brand, #027bf3);
+  transition: transform 0.15s;
+  box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);
+  flex-shrink: 0;
+}
+.pc-audio-block__time {
+  display: flex;
+  justify-content: space-between;
+  font-size: 11px;
+  line-height: 1;
+  color: var(--g-color-text-secondary, #888);
+  user-select: none;
+  font-variant-numeric: tabular-nums;
+}
+.pc-audio-block__volume {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.pc-audio-block__mute-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  color: var(--g-color-text-secondary, #888);
+  cursor: pointer;
+  padding: 0;
+  outline: none;
+  transition: color 0.15s, background 0.15s;
+}
+.pc-audio-block__mute-btn:hover {
+  color: var(--g-color-text-primary, #333);
+  background: var(--g-color-base-generic-hover, #f0f0f0);
+}
+.pc-audio-block__mute-btn:focus-visible {
+  box-shadow: 0 0 0 2px var(--g-color-base-brand, #027bf3);
+}
+.pc-audio-block__volume-slider {
+  appearance: none;
+  width: 64px;
+  height: 4px;
+  border-radius: 2px;
+  outline: none;
+  cursor: pointer;
+  border: none;
+  padding: 0;
+  margin: 0;
+  background: linear-gradient(to right, var(--g-color-base-brand, #027bf3) 0%, var(--g-color-base-brand, #027bf3) var(--volume-pct, 100%), var(--g-color-base-generic, #e8e8e8) var(--volume-pct, 100%), var(--g-color-base-generic, #e8e8e8) 100%);
+}
+.pc-audio-block__volume-slider::-webkit-slider-thumb {
+  appearance: none;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: var(--g-color-base-brand, #027bf3);
+  cursor: pointer;
+  box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: transform 0.12s;
+}
+.pc-audio-block__volume-slider::-webkit-slider-thumb:active {
+  transform: scale(1.25);
+}
+.pc-audio-block__volume-slider::-moz-range-thumb {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  border: none;
+  background: var(--g-color-base-brand, #027bf3);
+  cursor: pointer;
+  box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);
+  transition: transform 0.12s;
+}
+.pc-audio-block__volume-slider::-moz-range-thumb:active {
+  transform: scale(1.25);
+}
+.pc-audio-block__volume-slider::-moz-range-track {
+  height: 4px;
+  border-radius: 2px;
+  background: transparent;
+  border: none;
+}
+.pc-audio-block__volume-slider::-moz-range-progress {
+  height: 4px;
+  border-radius: 2px 0 0 2px;
+  background: var(--g-color-base-brand, #027bf3);
+}
+.pc-audio-block__volume-slider:focus-visible {
+  box-shadow: 0 0 0 2px var(--g-color-base-brand-light, rgba(2, 123, 243, 0.3));
+  border-radius: 2px;
+}
+
+@keyframes pc-audio-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { AudioBlockProps } from '../../models';
+export declare const Audio: ({ url }: PropsWithChildren<AudioBlockProps>) => JSX.Element;
+export default Audio;

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

@@ -0,0 +1,206 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Audio = void 0;
+const tslib_1 = require("tslib");
+// Audio.tsx — все исправления помечены комментарием // FIX
+const react_1 = tslib_1.__importStar(require("react"));
+const cn_1 = require("../../utils/cn");
+const b = (0, cn_1.block)('audio-block');
+function formatTime(seconds) {
+    if (!isFinite(seconds) || isNaN(seconds))
+        return '0:00';
+    const m = Math.floor(seconds / 60);
+    const s = Math.floor(seconds % 60);
+    return `${m}:${s.toString().padStart(2, '0')}`;
+}
+const Audio = ({ url }) => {
+    const audioRef = (0, react_1.useRef)(null);
+    const progressRef = (0, react_1.useRef)(null);
+    const volumeSliderRef = (0, react_1.useRef)(null); // FIX: нужен ref для --volume-pct
+    const [isPlaying, setIsPlaying] = (0, react_1.useState)(false);
+    const [isMuted, setIsMuted] = (0, react_1.useState)(false);
+    const [currentTime, setCurrentTime] = (0, react_1.useState)(0);
+    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);
+    }, [url]);
+    // FIX: обновление CSS-переменной --volume-pct для градиента слайдера
+    (0, react_1.useEffect)(() => {
+        const el = volumeSliderRef.current;
+        if (!el)
+            return;
+        const pct = isMuted ? 0 : volume * 100;
+        el.style.setProperty('--volume-pct', `${pct}%`);
+    }, [volume, isMuted]);
+    const togglePlay = (0, react_1.useCallback)(() => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        if (isPlaying) {
+            audio.pause();
+        }
+        else {
+            // FIX: обрабатываем Promise от audio.play()
+            audio.play().catch(() => {
+                // autoplay заблокирован браузером — просто игнорируем
+            });
+        }
+    }, [isPlaying]);
+    const toggleMute = (0, react_1.useCallback)(() => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        audio.muted = !isMuted;
+        setIsMuted(!isMuted);
+    }, [isMuted]);
+    const handleVolumeChange = (0, react_1.useCallback)((e) => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        const val = parseFloat(e.target.value);
+        audio.volume = val;
+        setVolume(val);
+        setIsMuted(val === 0);
+    }, []);
+    const seekTo = (0, react_1.useCallback)((clientX) => {
+        const audio = audioRef.current;
+        const bar = progressRef.current;
+        if (!audio || !bar || !duration)
+            return;
+        const rect = bar.getBoundingClientRect();
+        const ratio = Math.min(Math.max((clientX - rect.left) / rect.width, 0), 1);
+        audio.currentTime = ratio * duration;
+        setCurrentTime(ratio * duration);
+    }, [duration]);
+    // FIX: убираем handleProgressClick — onMouseDown уже покрывает одиночный клик,
+    // двойной вызов seekTo при клике был багом (onClick + onMouseDown оба срабатывали).
+    const handleProgressMouseDown = (0, react_1.useCallback)((e) => {
+        setIsDragging(true);
+        seekTo(e.clientX);
+    }, [seekTo]);
+    // FIX: keyboard-навигация для role="slider"
+    const handleProgressKeyDown = (0, react_1.useCallback)((e) => {
+        const audio = audioRef.current;
+        if (!audio || !duration)
+            return;
+        const STEP = 5; // секунд
+        if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            const next = Math.min(audio.currentTime + STEP, duration);
+            audio.currentTime = next;
+            setCurrentTime(next);
+        }
+        else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            const next = Math.max(audio.currentTime - STEP, 0);
+            audio.currentTime = next;
+            setCurrentTime(next);
+        }
+        else if (e.key === 'Home') {
+            e.preventDefault();
+            audio.currentTime = 0;
+            setCurrentTime(0);
+        }
+        else if (e.key === 'End') {
+            e.preventDefault();
+            audio.currentTime = duration;
+            setCurrentTime(duration);
+        }
+    }, [duration]);
+    (0, react_1.useEffect)(() => {
+        if (!isDragging)
+            return;
+        const onMove = (e) => seekTo(e.clientX);
+        const onUp = () => setIsDragging(false);
+        window.addEventListener('mousemove', onMove);
+        window.addEventListener('mouseup', onUp);
+        // eslint-disable-next-line consistent-return
+        return () => {
+            window.removeEventListener('mousemove', onMove);
+            window.removeEventListener('mouseup', onUp);
+        };
+    }, [isDragging, seekTo]);
+    (0, react_1.useEffect)(() => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        const onPlay = () => setIsPlaying(true);
+        const onPause = () => setIsPlaying(false);
+        const onEnded = () => setIsPlaying(false);
+        // FIX: игнорируем timeupdate во время drag — seekTo уже ставит точное значение,
+        // а timeupdate с задержкой вызывал "прыжок" ползунка назад
+        const onTimeUpdate = () => {
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            if (!isDraggingRef.current) {
+                setCurrentTime(audio.currentTime);
+            }
+        };
+        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);
+            audio.removeEventListener('pause', onPause);
+            audio.removeEventListener('ended', onEnded);
+            audio.removeEventListener('timeupdate', onTimeUpdate);
+            audio.removeEventListener('durationchange', onDurationChange);
+            audio.removeEventListener('canplay', onCanPlay);
+            audio.removeEventListener('waiting', onWaiting);
+        };
+    }, []);
+    // FIX: ref-копия isDragging для замыкания в timeupdate (без перепривязки слушателей)
+    const isDraggingRef = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(() => {
+        isDraggingRef.current = isDragging;
+    }, [isDragging]);
+    const progress = duration ? (currentTime / duration) * 100 : 0;
+    const volumeIcon = (0, react_1.useMemo)(() => {
+        if (isMuted || volume === 0) {
+            return 'M18.5 12a8.46 8.46 0 0 0-2.08-5.58l1.1-1.1A10 10 0 0 1 20.5 12a10 10 0 0 1-2.98 7.08l-1.1-1.1A8.46 8.46 0 0 0 18.5 12zM3 9h4l5-5v16l-5-5H3V9zm13.46 3-2.3-2.3 1.07-1.07L17.54 11H20v2h-2.46l-2.31 2.31-1.07-1.07L16.46 12z';
+        }
+        if (volume < 0.5) {
+            return 'M18.5 12a8.46 8.46 0 0 0-2.08-5.58l1.1-1.1A10 10 0 0 1 20.5 12a10 10 0 0 1-2.98 7.08l-1.1-1.1A8.46 8.46 0 0 0 18.5 12zM3 9h4l5-5v16l-5-5H3V9zm11.47.53 1.06-1.06A6 6 0 0 1 18 12a6 6 0 0 1-2.47 4.87l-1.06-1.06A4.5 4.5 0 0 0 16.5 12a4.5 4.5 0 0 0-2.03-3.47z';
+        }
+        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: "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 уже обрабатывает клик без дублирования
+                onMouseDown: handleProgressMouseDown, onKeyDown: handleProgressKeyDown, role: "slider", "aria-label": "Seek", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(progress), tabIndex: 0 },
+                react_1.default.createElement("div", { className: b('progress-track') },
+                    react_1.default.createElement("div", { className: b('progress-fill'), style: { width: `${progress}%` } },
+                        react_1.default.createElement("div", { className: b('progress-thumb') })))),
+            react_1.default.createElement("div", { className: b('time') },
+                react_1.default.createElement("span", null, formatTime(currentTime)),
+                react_1.default.createElement("span", null, formatTime(duration)))),
+        react_1.default.createElement("div", { className: b('volume') },
+            react_1.default.createElement("button", { className: b('mute-btn'), onClick: toggleMute, "aria-label": isMuted ? 'Unmute' : 'Mute', type: "button" },
+                react_1.default.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18" },
+                    react_1.default.createElement("path", { d: volumeIcon }))),
+            react_1.default.createElement("input", { ref: volumeSliderRef, className: b('volume-slider'), type: "range", min: 0, max: 1, step: 0.02, value: isMuted ? 0 : volume, onChange: handleVolumeChange, "aria-label": "Volume" }))));
+};
+exports.Audio = Audio;
+exports.default = exports.Audio;

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

@@ -0,0 +1,147 @@
+export declare const AudioBlock: {
+    "audio-block": {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            url: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visibility: {
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        xs: {
+                            type: string;
+                        };
+                        sm: {
+                            type: string;
+                        };
+                        md: {
+                            type: string;
+                        };
+                        lg: {
+                            type: string;
+                        };
+                        xl: {
+                            type: string;
+                        };
+                        xxl: {
+                            type: string;
+                        };
+                    };
+                    enum?: undefined;
+                })[];
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            hidden: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            backgroundFull: {
+                type: string;
+            };
+            visibilityFilter: {
+                oneOf: ({
+                    type: string;
+                    items?: undefined;
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                    };
+                })[];
+            };
+            blockUnicorn: {
+                type: string;
+            };
+            blockBackground: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        color: {
+                            type: string;
+                        };
+                        image: {
+                            type: string;
+                        };
+                        size: {
+                            type: string;
+                        };
+                        repeat: {
+                            type: string;
+                        };
+                        position: {
+                            type: string;
+                        };
+                        attachment: {
+                            type: string;
+                        };
+                        clip: {
+                            type: string;
+                        };
+                        origin: {
+                            type: string;
+                        };
+                        blendMode: {
+                            type: string;
+                        };
+                    };
+                })[];
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.AudioBlock = {
+    ['audio-block']: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['url'],
+        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { url: {
+                type: 'string',
+            } }),
+    },
+};

package/build/cjs/blocks/Cat/Cat.css

@@ -27,6 +27,7 @@ unpredictable css rules order in build */
   border: 1.5px solid rgba(20, 7, 15, 0.1);
   color: var(--g-color-science-primary);
   transition: opacity 0.2s ease;
+  font-family: var(--g-font-family-science-inter);
 }
 .pc-cat-block__button:hover {
   opacity: 0.7;

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

@@ -52,3 +52,4 @@ export { default as MiniCaseBlock } from './MiniCase/MiniCase';
 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';

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.CatBlock = exports.SidebarWidgetBlock = exports.BenchmarkBlock = exports.MiniCaseBlock = void 0;
+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");
@@ -113,3 +113,5 @@ var SidebarWidget_1 = require("./SidebarWidget/SidebarWidget");
 Object.defineProperty(exports, "SidebarWidgetBlock", { enumerable: true, get: function () { return __importDefault(SidebarWidget_1).default; } });
 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; } });

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

@@ -53,6 +53,7 @@ export declare const blockMap: {
     "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
     "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element;
     "cat-block": ({ title, children }: import("react").PropsWithChildren<import("./models").CatBlockProps>) => JSX.Element;
+    "audio-block": ({ url }: import("react").PropsWithChildren<import("./models").AudioBlockProps>) => JSX.Element;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -62,6 +62,7 @@ exports.blockMap = {
     [models_1.BlockType.FormWallBlock]: blocks_1.FormWallBlock,
     [models_1.BlockType.SliderNewBlock]: blocks_1.SliderNewBlock,
     [models_1.BlockType.CatBlock]: blocks_1.CatBlock,
+    [models_1.BlockType.AudioBlock]: blocks_1.AudioBlock,
 };
 exports.subBlockMap = {
     [models_1.SubBlockType.Divider]: sub_blocks_1.Divider,

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

@@ -60,7 +60,8 @@ export declare enum BlockType {
     MiniCaseBlock = "mini-case-block",
     BenchmarkBlock = "benchmark-block",
     SidebarWidgetBlock = "sidebar-widget-block",
-    CatBlock = "cat-block"
+    CatBlock = "cat-block",
+    AudioBlock = "audio-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -598,6 +599,9 @@ export interface CardLayoutBlockProps extends Themable, Childable, Animatable, L
 export interface CatBlockProps {
     title?: string;
 }
+export interface AudioBlockProps {
+    url?: string;
+}
 export interface BenchmarkBlockProps extends Animatable {
     title?: string;
     duration?: number;
@@ -841,6 +845,9 @@ export type CardLayoutBlockModel = {
 export type CatBlockModel = {
     type: BlockType.CatBlock;
 } & CatBlockProps;
+export type AudioBlockModel = {
+    type: BlockType.AudioBlock;
+} & AudioBlockProps;
 export type FilterBlockModel = {
     type: BlockType.FilterBlock;
 } & FilterBlockProps;
@@ -934,6 +941,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;
+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;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

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