@redneckz/wildless-cms-uni-blocks 0.14.131 → 0.14.133

package/bundle/bundle.umd.js

@@ -290,7 +290,7 @@
         transparent: 'bg-transparent text-primary-text',
         '': '',
     };
-    const BlockWrapper = JSX(({ className, version = 'primary', isTheme = true, defaultPadding = 'p-xl', padding, block, tag = 'section', role, children, }) => {
+    const BlockWrapper = JSX(({ className, version = 'primary', isTheme = true, defaultPadding = 'p-xl', padding, block, tag = 'section', role, children, style: inlineStyles, }) => {
         const Tag = tag;
         const [isHidden, setHidden] = useState(false);
         useEffect(() => defaultEventBus.subscribe('tab', (event) => {
@@ -299,7 +299,7 @@
             }
         }), [block]);
         const isGroup = version && isTheme;
-        return (jsx(Tag, { className: style('@container font-sans', isGroup ? 'group' : '', blockStyles[version], isHidden ? 'hidden' : '', padding || defaultPadding, className), ...(isGroup ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor } : {}), role: role, children: children }));
+        return (jsx(Tag, { className: style('@container font-sans', isGroup ? 'group' : '', blockStyles[version], isHidden ? 'hidden' : '', padding || defaultPadding, className), ...(isGroup ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor } : {}), role: role, style: inlineStyles, children: children }));
     });
 
     const headingTag = (tag) => tag;
@@ -449,6 +449,8 @@
     const getSvgSize = (width) => (width ? '' : 'w-full h-full');
     const Background = JSX(({ className, children }) => className ? jsx("div", { className: className, children: children }) : children);
 
+    const adjustSrc = (router, pathPrefix) => (src) => src && !isURL(src) ? adjustHref(router)(joinPath(pathPrefix, src)) : src;
+
     const sourcesComparator = (a, b) => a?.media && b?.media ? a.media - b.media : 0;
     const ImgAsPicture = JSX(({ className = '', image, imageClassName = '', pathPrefix }) => {
         const router = useRouter();
@@ -465,7 +467,6 @@
             width: image?.size?.width ? `${image.size?.width}px` : '100%',
             height: image?.size?.height ? `${image.size?.height}px` : 'auto',
         }, width: image?.size?.width, height: image?.size?.height }));
-    const adjustSrc = (router, pathPrefix) => (src) => src && !isURL(src) ? adjustHref(router)(joinPath(pathPrefix, src)) : src;
     const formatToMimeType = (format) => format ? `image/${String(format)}` : undefined;
 
     const Img = JSX(({ className = '', image, imageClassName = '', pathPrefix, ...iconProps }) => {
@@ -5620,13 +5621,27 @@
     const renderIcon = () => (jsx("div", { className: `rounded-full h-4 w-4 text-center text-xs font-light bg-primary-main text-white group-data-secondary:bg-white group-data-secondary:text-primary-main`, children: "i" }));
     const renderDescription = (description) => (jsx(Paragraph, { size: "text-s", font: "font-light", color: "text-secondary-text group-data-secondary:text-white", children: description }));
 
-    const VerticalLayout = JSX(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, ...rest }) => (jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], className), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
-            ...rest,
-            extraProps: {
-                className: style('w-full', getBorderStyle(isCardBorder)),
-                padding: isInnerPadding ? '' : 'p-0',
-            },
-        }) })));
+    const Unit = JSX(({ prefix, unit, suffix }) => (jsxs("div", { className: "w-full pt-default flex items-end", children: [prefix ? (jsx("div", { className: "gradient-color-text", children: jsx(Text, { size: "text-h2", children: prefix }) })) : null, unit ? (
+            // -mb-n добавлен для выравнивания unit относительно prefix и suffix, тк шрифт font-mohave неправильно высчитывает line-height
+            jsx("div", { className: "-mb-6 @xl:-mb-4", children: jsx("span", { className: "font-mohave text-title-large sm:text-title-extra gradient-color-text", children: unit }) })) : null, suffix ? (jsx("div", { className: "gradient-color-text", children: jsx(Text, { size: "text-h2", children: suffix }) })) : null] })));
+
+    const UnitBlock = JSX((props) => {
+        const { prefix, unit, suffix, ...rest } = props;
+        return (jsx(BlockWrapper, { defaultPadding: "p-0", ...rest, children: jsx(Unit, { prefix: prefix, unit: unit, suffix: suffix }) }));
+    });
+
+    const VerticalLayout = JSX(({ className = '', padding = 'p-0', gap = '', isInnerPadding = true, version = 'transparent', isTheme = false, isCardBorder = false, image, ...rest }) => {
+        const router = useRouter();
+        return (jsx(BlockWrapper, { className: style('relative flex flex-col', gapStyles[gap], image?.src ? 'bg-right-bottom bg-no-repeat' : '', className), ...(image?.src
+                ? { style: { backgroundImage: `url(${adjustSrc(router)(image?.src)})` } }
+                : {}), padding: padding, version: version, isTheme: isTheme, ...rest, children: renderChildren({
+                ...rest,
+                extraProps: {
+                    className: style('w-full', getBorderStyle(isCardBorder)),
+                    padding: isInnerPadding ? '' : 'p-0',
+                },
+            }) }));
+    });
     VerticalLayout.childrenTypes = [];
 
     const getColSpan = (className) => {
@@ -5680,6 +5695,7 @@
         Placeholder,
         ProductBlock,
         ProductGallery,
+        UnitBlock,
         RepresentativeOfficeInfo,
         RichTextBlock,
         RollupItem,
@@ -5871,7 +5887,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.14.130";
+    const packageVersion = "0.14.132";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;