@doyourjob/gravity-ui-page-constructor 5.31.221 → 5.31.223

package/build/cjs/blocks/Benchmark/Benchmark.css

@@ -16,77 +16,98 @@ unpredictable css rules order in build */
 .pc-benchmark-block__root {
   display: flex;
   flex-direction: column;
-  align-items: center;
-}
-.pc-benchmark-block__title {
-  margin-bottom: 32px;
-  text-align: center;
-  font-size: 48px;
-  line-height: 52px;
-  font-weight: 600;
-}
-.pc-benchmark-block__content {
-  flex: 1;
-  border: 1px #001a2b solid;
-  border-radius: 24px;
-  overflow: hidden;
+  gap: 32px;
 }
-.pc-benchmark-block__wrap {
+.pc-benchmark-block__head {
   display: flex;
   flex-direction: column;
+  gap: 16px;
   align-items: center;
-  border: 0.5px #001a2b solid;
-  margin-top: -0.5px;
-  margin-bottom: -0.5px;
+  text-align: center;
 }
-.pc-benchmark-block__wrap.pc-benchmark-block__wrap {
-  padding-top: 32px;
-  padding-bottom: 24px;
+@media (max-width: 769px) {
+  .pc-benchmark-block__head {
+    align-items: initial;
+    text-align: initial;
+  }
 }
-
-.pc-benchmark-block__wrap-inner {
-  width: 100%;
-  display: flex;
+.pc-benchmark-block__title {
+  font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
+  line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
+  margin: 0;
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--g-color-text-primary);
 }
-@media (max-width: 1081px) {
-  .pc-benchmark-block__wrap-inner {
-    flex-direction: column;
+@media (max-width: 769px) {
+  .pc-benchmark-block__title {
+    font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
+    line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
   }
 }
-.pc-benchmark-block__wrap-title {
-  text-align: center;
-  margin-bottom: 48px;
+.pc-benchmark-block__text {
+  font-size: 24px;
+  line-height: 28px;
+  opacity: 0.6;
 }
-@media (max-width: 1081px) {
-  .pc-benchmark-block__wrap-title {
-    margin-bottom: 24px;
+@media (max-width: 769px) {
+  .pc-benchmark-block__text {
+    font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+    line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+  }
+}
+.pc-benchmark-block__items {
+  display: flex;
+  background-color: var(--local-items-bg, #eeeeee);
+  padding: 48px 0;
+  border-radius: 24px;
+}
+@media (max-width: 769px) {
+  .pc-benchmark-block__items {
+    flex-direction: column;
+    padding: 0 48px;
   }
 }
 .pc-benchmark-block__item {
   flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
   text-align: center;
-  padding-left: 8px;
-  padding-right: 8px;
+  padding: 0 16px;
+}
+.pc-benchmark-block__item + .pc-benchmark-block__item {
+  border-left: 1px solid rgba(0, 26, 43, 0.2);
 }
-@media (max-width: 1081px) {
+@media (max-width: 769px) {
+  .pc-benchmark-block__item {
+    padding: 24px 0;
+  }
   .pc-benchmark-block__item + .pc-benchmark-block__item {
-    margin-top: 32px;
+    border-left: none;
+    border-top: 1px solid rgba(0, 26, 43, 0.2);
   }
 }
-.pc-benchmark-block__value {
-  font-size: 64px;
+.pc-benchmark-block__item-value {
+  font-size: 48px;
   line-height: 52px;
   font-weight: 600;
-  letter-spacing: -0.002em;
-  margin-top: 12px;
-  margin-bottom: 12px;
 }
 @media (max-width: 769px) {
-  .pc-benchmark-block__value {
-    font-size: 32px;
-    line-height: 26px;
+  .pc-benchmark-block__item-value {
+    font-size: 40px;
+    line-height: 48px;
   }
 }
-.pc-benchmark-block__label {
-  font-weight: 700;
+.pc-benchmark-block__item-value .odometer {
+  font-family: inherit;
+}
+.pc-benchmark-block__item-value .odometer-digit {
+  font-variant-numeric: tabular-nums;
+}
+.pc-benchmark-block__item-value .odometer-digit-inner {
+  text-align: center;
+}
+.pc-benchmark-block__item-text {
+  font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
+  line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
 }

package/build/cjs/blocks/Benchmark/Benchmark.js

@@ -2,26 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
-const grid_1 = require("../../grid");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('benchmark-block');
-const defaultSizes = { all: 12 };
-const Benchmark = ({ title, data, duration, animated }) => {
+const Benchmark = ({ title, text, items, metricsColor, duration, animated, }) => {
     const [playNumbers, setPlayNumbers] = (0, react_1.useState)(false);
     const handleOnAnimateStart = (0, react_1.useCallback)(() => setPlayNumbers(true), []);
+    const styles = (0, react_1.useMemo)(() => metricsColor
+        ? {
+            ['--local-items-bg']: metricsColor,
+        }
+        : {}, [metricsColor]);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated, onAnimateStart: handleOnAnimateStart },
-        react_1.default.createElement("div", { className: b('root') },
-            title && react_1.default.createElement("div", { className: b('title') }, title),
-            react_1.default.createElement(grid_1.Grid, { className: b('content') },
-                react_1.default.createElement(grid_1.Row, null, data.map((column, columnIndex) => (react_1.default.createElement(grid_1.Col, { key: columnIndex, sizes: column.sizes || defaultSizes, className: b('wrap') },
-                    column.title && (react_1.default.createElement(uikit_1.Text, { variant: "header-2", className: b('wrap-title') }, column.title)),
-                    react_1.default.createElement("div", { className: b('wrap-inner') }, column.items.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('item') },
-                        item.top && (react_1.default.createElement(uikit_1.Text, { variant: "body-1", className: b('label') }, item.top)),
-                        react_1.default.createElement("div", { className: b('value') },
-                            react_1.default.createElement(components_1.Odometer, { value: item.value, initValue: item.init, duration: duration, animated: playNumbers }),
-                            item.postfix),
-                        item.bottom && (react_1.default.createElement(uikit_1.Text, { variant: "body-1", className: b('label') }, item.bottom))))))))))))));
+        react_1.default.createElement("div", { className: b('root'), style: styles },
+            title || text ? (react_1.default.createElement("div", { className: b('head') },
+                title && react_1.default.createElement("h2", { className: b('title') }, title),
+                text && react_1.default.createElement("div", { className: b('text') }, text))) : null,
+            react_1.default.createElement("div", { className: b('items') }, items === null || items === void 0 ? void 0 : items.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('item') },
+                react_1.default.createElement("div", { className: b('item-value') },
+                    react_1.default.createElement(components_1.Odometer, { value: item.value, initValue: item.init, duration: duration, animated: playNumbers }),
+                    item.postfix),
+                item.text && react_1.default.createElement("div", { className: b('item-text') }, item.text))))))));
 };
 exports.default = Benchmark;

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

@@ -6,51 +6,30 @@ export declare const BenchmarkBlock: {
             title: {
                 type: string;
             };
+            text: {
+                type: string;
+            };
             duration: {
                 type: string;
             };
-            data: {
+            items: {
                 type: string;
                 items: {
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
                     properties: {
-                        title: {
-                            type: string;
-                        };
-                        sizes: {
-                            type: string;
-                            additionalProperties: {
-                                type: string;
-                                additionalProperties: boolean;
-                                properties: {};
-                            };
-                        };
-                        items: {
-                            type: string;
-                            items: {
-                                type: string;
-                                additionalProperties: boolean;
-                                required: string[];
-                                properties: {
-                                    top: {
-                                        type: string;
-                                    };
-                                    bottom: {
-                                        type: string;
-                                    };
-                                    value: {
-                                        type: string;
-                                    };
-                                    init: {
-                                        type: string;
-                                    };
-                                    postfix: {
-                                        type: string;
-                                    };
-                                };
-                            };
+                        text: {
+                            type: string;
+                        };
+                        init: {
+                            type: string;
+                        };
+                        postfix: {
+                            type: string;
+                        };
+                        value: {
+                            type: string;
                         };
                     };
                 };

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

@@ -8,46 +8,28 @@ exports.BenchmarkBlock = {
         required: ['data'],
         properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: {
                 type: 'string',
+            }, text: {
+                type: 'string',
             }, duration: {
                 type: 'number',
-            }, data: {
+            }, items: {
                 type: 'array',
                 items: {
                     type: 'object',
                     additionalProperties: false,
-                    required: ['items'],
+                    required: ['value'],
                     properties: {
-                        title: {
+                        text: {
                             type: 'string',
                         },
-                        sizes: {
-                            type: 'object',
-                            additionalProperties: common_1.containerSizesObject,
+                        init: {
+                            type: 'number',
+                        },
+                        postfix: {
+                            type: 'string',
                         },
-                        items: {
-                            type: 'array',
-                            items: {
-                                type: 'object',
-                                additionalProperties: false,
-                                required: ['value'],
-                                properties: {
-                                    top: {
-                                        type: 'string',
-                                    },
-                                    bottom: {
-                                        type: 'string',
-                                    },
-                                    value: {
-                                        type: 'number',
-                                    },
-                                    init: {
-                                        type: 'number',
-                                    },
-                                    postfix: {
-                                        type: 'string',
-                                    },
-                                },
-                            },
+                        value: {
+                            type: 'number',
                         },
                     },
                 },

package/build/cjs/components/Media/Media.js

@@ -14,7 +14,7 @@ const Image_1 = tslib_1.__importDefault(require("./Image/Image"));
 const Video_1 = tslib_1.__importDefault(require("./Video/Video"));
 const b = (0, utils_1.block)('Media');
 const Media = (props) => {
-    const { animated, image, video, youtube, videoIframe, dataLens, color, height, previewImg, parallax = false, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, disableImageSliderForArrayInput, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, videoMicrodata, } = props;
+    const { animated, image, video, youtube, videoIframe, dataLens, color, height, previewImg, parallax = false, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, disableImageSliderForArrayInput, playVideo = true, isBackground, playButton, playButtonСorner, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, videoMicrodata, } = props;
     const [hasVideoFallback, setHasVideoFallback] = (0, react_1.useState)(false);
     const { microdata } = (0, react_1.useContext)(innerContext_1.InnerContext);
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'video');
@@ -46,7 +46,7 @@ const Media = (props) => {
             }
         }
         if (youtube || videoIframe) {
-            result = (react_1.default.createElement(VideoBlock_1.default, { className: b('youtube', youtubeClassName), record: youtube, videoIframe: videoIframe, attributes: { color: 'white', rel: '0' }, previewImg: previewImg, height: height, fullscreen: fullscreen, analyticsEvents: analyticsEvents, autoplay: autoplay, onImageLoad: onImageLoad }));
+            result = (react_1.default.createElement(VideoBlock_1.default, { className: b('youtube', youtubeClassName), record: youtube, videoIframe: videoIframe, attributes: { color: 'white', rel: '0' }, previewImg: previewImg, "playButton\u0421orner": playButtonСorner, height: height, fullscreen: fullscreen, analyticsEvents: analyticsEvents, autoplay: autoplay, onImageLoad: onImageLoad }));
         }
         if (dataLens) {
             result = react_1.default.createElement(DataLens_1.default, { dataLens: dataLens });
@@ -81,6 +81,7 @@ const Media = (props) => {
         customBarControlsClassName,
         ratio,
         youtubeClassName,
+        playButtonСorner,
         autoplay,
         margins,
     ]);

package/build/cjs/components/Odometer/Odometer.js

@@ -10,13 +10,16 @@ const Odometer = ({ initValue, value, duration = 2000, animated }) => {
     (0, react_1.useEffect)(() => {
         if (typeof window === 'undefined' || !animated)
             return;
+        const valueStr = value.toString();
+        const dotIndex = valueStr.indexOf('.');
+        const format = dotIndex === -1 ? '(,ddd)' : `(,ddd).${'d'.repeat(valueStr.length - dotIndex - 1)}`;
         odometer.current = new window.Odometer({
             el: ref.current,
             value: initValue || 0,
-            format: '',
+            format,
             duration,
         });
-    }, [duration, initValue, animated]);
+    }, [duration, initValue, animated, value]);
     (0, react_1.useEffect)(() => {
         var _a;
         if (animated) {

package/build/cjs/components/VideoBlock/VideoBlock.css

@@ -51,6 +51,12 @@ unpredictable css rules order in build */
 .pc-VideoBlock__button:focus:not(:focus-visible) {
   outline: 0;
 }
+.pc-VideoBlock__button_corner {
+  right: 16px;
+  bottom: 16px;
+  width: 44px;
+  height: 44px;
+}
 .pc-VideoBlock__icon {
   margin-left: 1px;
 }

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

@@ -14,6 +14,7 @@ export interface VideoBlockProps extends AnalyticsEventsBase {
     className?: string;
     previewImg?: string;
     playButton?: React.ReactNode;
+    playButtonСorner?: boolean;
     playButtonId?: string;
     height?: number;
     fullscreen?: boolean;

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -43,7 +43,7 @@ function getHeight(width) {
 }
 exports.getHeight = getHeight;
 const VideoBlock = (props) => {
-    const { stream, record, videoIframe, attributes, className, id, previewImg, playButton, playButtonId, height, fullscreen, analyticsEvents, autoplay, onImageLoad, } = props;
+    const { stream, record, videoIframe, attributes, className, id, previewImg, playButton, playButtonСorner, playButtonId, height, fullscreen, analyticsEvents, autoplay, onImageLoad, } = props;
     const handleAnalytics = (0, useAnalytics_1.useAnalytics)(common_1.DefaultEventNames.VideoPreview);
     const src = videoIframe ? videoIframe : getYoutubeVideoSrc(stream, record);
     const ref = (0, react_1.useRef)(null);
@@ -97,7 +97,7 @@ const VideoBlock = (props) => {
         iframeContent,
         previewImg && !hidePreview && !fullscreen && (react_1.default.createElement("div", { className: b('preview'), onClick: onPreviewClick, onKeyDown: onPreviewKeyDown, role: "button", tabIndex: 0, "aria-labelledby": playButton ? playButtonId : buttonId },
             react_1.default.createElement(Image_1.default, { src: previewImg, className: b('image'), containerClassName: b('image-wrapper'), onLoad: onImageLoad }),
-            playButton || (react_1.default.createElement("button", { title: "Play", id: buttonId, className: b('button') },
-                react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayFill, size: 24 })))))));
+            playButton || (react_1.default.createElement("button", { title: "Play", id: buttonId, className: b('button', { corner: playButtonСorner }) },
+                react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayFill, size: playButtonСorner ? 16 : 24 })))))));
 };
 exports.default = VideoBlock;

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

@@ -625,17 +625,14 @@ export interface AudioBlockProps {
 }
 export interface BenchmarkBlockProps extends Animatable {
     title?: string;
+    text?: string;
     duration?: number;
-    data: {
-        title?: string;
-        sizes?: GridColumnSizesType;
-        items: {
-            top?: string;
-            value: number;
-            init?: number;
-            postfix?: string;
-            bottom?: string;
-        }[];
+    metricsColor?: string;
+    items?: {
+        value: number;
+        text?: string;
+        init?: number;
+        postfix?: string;
     }[];
 }
 export type FilterTag = {

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

@@ -192,6 +192,7 @@ export interface MediaComponentVideoIframeProps {
 export interface MediaComponentYoutubeProps {
     youtube: string;
     previewImg?: string;
+    playButtonСorner?: boolean;
     fullscreen?: boolean;
 }
 export interface MediaComponentImageProps {

package/build/esm/blocks/Benchmark/Benchmark.css

@@ -16,77 +16,98 @@ unpredictable css rules order in build */
 .pc-benchmark-block__root {
   display: flex;
   flex-direction: column;
-  align-items: center;
-}
-.pc-benchmark-block__title {
-  margin-bottom: 32px;
-  text-align: center;
-  font-size: 48px;
-  line-height: 52px;
-  font-weight: 600;
-}
-.pc-benchmark-block__content {
-  flex: 1;
-  border: 1px #001a2b solid;
-  border-radius: 24px;
-  overflow: hidden;
+  gap: 32px;
 }
-.pc-benchmark-block__wrap {
+.pc-benchmark-block__head {
   display: flex;
   flex-direction: column;
+  gap: 16px;
   align-items: center;
-  border: 0.5px #001a2b solid;
-  margin-top: -0.5px;
-  margin-bottom: -0.5px;
+  text-align: center;
 }
-.pc-benchmark-block__wrap.pc-benchmark-block__wrap {
-  padding-top: 32px;
-  padding-bottom: 24px;
+@media (max-width: 769px) {
+  .pc-benchmark-block__head {
+    align-items: initial;
+    text-align: initial;
+  }
 }
-
-.pc-benchmark-block__wrap-inner {
-  width: 100%;
-  display: flex;
+.pc-benchmark-block__title {
+  font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
+  line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
+  margin: 0;
+  font-weight: var(--g-text-accent-font-weight);
+  color: var(--g-color-text-primary);
 }
-@media (max-width: 1081px) {
-  .pc-benchmark-block__wrap-inner {
-    flex-direction: column;
+@media (max-width: 769px) {
+  .pc-benchmark-block__title {
+    font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
+    line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
   }
 }
-.pc-benchmark-block__wrap-title {
-  text-align: center;
-  margin-bottom: 48px;
+.pc-benchmark-block__text {
+  font-size: 24px;
+  line-height: 28px;
+  opacity: 0.6;
 }
-@media (max-width: 1081px) {
-  .pc-benchmark-block__wrap-title {
-    margin-bottom: 24px;
+@media (max-width: 769px) {
+  .pc-benchmark-block__text {
+    font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+    line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+  }
+}
+.pc-benchmark-block__items {
+  display: flex;
+  background-color: var(--local-items-bg, #eeeeee);
+  padding: 48px 0;
+  border-radius: 24px;
+}
+@media (max-width: 769px) {
+  .pc-benchmark-block__items {
+    flex-direction: column;
+    padding: 0 48px;
   }
 }
 .pc-benchmark-block__item {
   flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
   text-align: center;
-  padding-left: 8px;
-  padding-right: 8px;
+  padding: 0 16px;
+}
+.pc-benchmark-block__item + .pc-benchmark-block__item {
+  border-left: 1px solid rgba(0, 26, 43, 0.2);
 }
-@media (max-width: 1081px) {
+@media (max-width: 769px) {
+  .pc-benchmark-block__item {
+    padding: 24px 0;
+  }
   .pc-benchmark-block__item + .pc-benchmark-block__item {
-    margin-top: 32px;
+    border-left: none;
+    border-top: 1px solid rgba(0, 26, 43, 0.2);
   }
 }
-.pc-benchmark-block__value {
-  font-size: 64px;
+.pc-benchmark-block__item-value {
+  font-size: 48px;
   line-height: 52px;
   font-weight: 600;
-  letter-spacing: -0.002em;
-  margin-top: 12px;
-  margin-bottom: 12px;
 }
 @media (max-width: 769px) {
-  .pc-benchmark-block__value {
-    font-size: 32px;
-    line-height: 26px;
+  .pc-benchmark-block__item-value {
+    font-size: 40px;
+    line-height: 48px;
   }
 }
-.pc-benchmark-block__label {
-  font-weight: 700;
+.pc-benchmark-block__item-value .odometer {
+  font-family: inherit;
+}
+.pc-benchmark-block__item-value .odometer-digit {
+  font-variant-numeric: tabular-nums;
+}
+.pc-benchmark-block__item-value .odometer-digit-inner {
+  text-align: center;
+}
+.pc-benchmark-block__item-text {
+  font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
+  line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
 }

package/build/esm/blocks/Benchmark/Benchmark.js

@@ -1,25 +1,25 @@
-import React, { useCallback, useState } from 'react';
-import { Text } from '@gravity-ui/uikit';
+import React, { useCallback, useMemo, useState } from 'react';
 import { AnimateBlock, Odometer } from '../../components';
-import { Col, Grid, Row } from '../../grid';
 import { block } from '../../utils';
 import './Benchmark.css';
 const b = block('benchmark-block');
-const defaultSizes = { all: 12 };
-const Benchmark = ({ title, data, duration, animated }) => {
+const Benchmark = ({ title, text, items, metricsColor, duration, animated, }) => {
     const [playNumbers, setPlayNumbers] = useState(false);
     const handleOnAnimateStart = useCallback(() => setPlayNumbers(true), []);
+    const styles = useMemo(() => metricsColor
+        ? {
+            ['--local-items-bg']: metricsColor,
+        }
+        : {}, [metricsColor]);
     return (React.createElement(AnimateBlock, { className: b(), animate: animated, onAnimateStart: handleOnAnimateStart },
-        React.createElement("div", { className: b('root') },
-            title && React.createElement("div", { className: b('title') }, title),
-            React.createElement(Grid, { className: b('content') },
-                React.createElement(Row, null, data.map((column, columnIndex) => (React.createElement(Col, { key: columnIndex, sizes: column.sizes || defaultSizes, className: b('wrap') },
-                    column.title && (React.createElement(Text, { variant: "header-2", className: b('wrap-title') }, column.title)),
-                    React.createElement("div", { className: b('wrap-inner') }, column.items.map((item, index) => (React.createElement("div", { key: index, className: b('item') },
-                        item.top && (React.createElement(Text, { variant: "body-1", className: b('label') }, item.top)),
-                        React.createElement("div", { className: b('value') },
-                            React.createElement(Odometer, { value: item.value, initValue: item.init, duration: duration, animated: playNumbers }),
-                            item.postfix),
-                        item.bottom && (React.createElement(Text, { variant: "body-1", className: b('label') }, item.bottom))))))))))))));
+        React.createElement("div", { className: b('root'), style: styles },
+            title || text ? (React.createElement("div", { className: b('head') },
+                title && React.createElement("h2", { className: b('title') }, title),
+                text && React.createElement("div", { className: b('text') }, text))) : null,
+            React.createElement("div", { className: b('items') }, items === null || items === void 0 ? void 0 : items.map((item, index) => (React.createElement("div", { key: index, className: b('item') },
+                React.createElement("div", { className: b('item-value') },
+                    React.createElement(Odometer, { value: item.value, initValue: item.init, duration: duration, animated: playNumbers }),
+                    item.postfix),
+                item.text && React.createElement("div", { className: b('item-text') }, item.text))))))));
 };
 export default Benchmark;