@redneckz/wildless-cms-uni-blocks 0.7.2 → 0.7.4

package/bundle/bundle.umd.js

@@ -1400,15 +1400,17 @@
             onVisibleIndicesChange && onVisibleIndicesChange(getVisibleIndices(itemsVisibilityList));
         }, [onVisibleItemsChange, onVisibleIndicesChange]);
         const additionPadding = visibleItemCount > 0 ? gap * Number(visibleItemCount) - 1 : 0;
+        const isVerticalList = listType === 'vertical-list';
         const isHorizontalList = listType === 'horizontal-list';
         const containerStyle = {
-            ...(isHorizontalList ? getContainerStyle(padding, additionPadding) : {}),
+            ...(isHorizontalList ? getContainerOffset(padding, additionPadding) : {}),
+            ...(isVerticalList ? getContainerHeight(containerRef) : {}),
             gap: `${gap}px`,
         };
-        return (jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, role: "list", ref: containerRef, children: mapChildren((child, idx) => (jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : '', listType === 'vertical-list' ? 'h-full' : ''), style: isHorizontalList ? getContainerStyle(padding / 4) : {}, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
+        return (jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, role: "list", ref: containerRef, children: mapChildren((child, idx) => (jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''), style: isHorizontalList ? getContainerOffset(padding / 4) : {}, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
     });
     // Styles used to compensate outer container padding to get rid of clipping effect
-    const getContainerStyle = (padding, additionalPadding = 0) => ({
+    const getContainerOffset = (padding, additionalPadding = 0) => ({
         marginLeft: `${-padding}px`,
         marginRight: `${-padding}px`,
         paddingLeft: `${padding}px`,
@@ -1418,6 +1420,9 @@
         .map((_, i) => [_, i])
         .filter(([_]) => _ && _.intersectionRatio >= 0.9)
         .map(([, i]) => i);
+    const getContainerHeight = (ref) => ({
+        height: ref?.current?.firstElementChild?.clientHeight || 0,
+    });
 
     const areArraysEqual = (as, bs) => as === bs || Boolean(as && bs && as?.length === bs?.length && as.every((_, i) => _ === bs[i]));
 
@@ -3996,7 +4001,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.7.2";
+    const packageVersion = "0.7.4";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;