@redneckz/wildless-cms-uni-blocks 0.14.807 → 0.14.808
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/bundle.umd.js +4 -4
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/ProductGallery/ProductGallery.js +1 -1
- package/dist/components/ProductGallery/ProductGallery.js.map +1 -1
- package/dist/ui-kit/LinkButton/renderArrows.js +1 -1
- package/dist/ui-kit/LinkButton/renderArrows.js.map +1 -1
- package/dist/ui-kit/TabsControl/ScrollableTabsControl.js +1 -1
- package/dist/ui-kit/TabsControl/ScrollableTabsControl.js.map +1 -1
- package/lib/components/ProductGallery/ProductGallery.js +1 -1
- package/lib/components/ProductGallery/ProductGallery.js.map +1 -1
- package/lib/ui-kit/LinkButton/renderArrows.js +1 -1
- package/lib/ui-kit/LinkButton/renderArrows.js.map +1 -1
- package/lib/ui-kit/TabsControl/ScrollableTabsControl.js +1 -1
- package/lib/ui-kit/TabsControl/ScrollableTabsControl.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +3 -3
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/ui-kit/LinkButton/renderArrows.js +1 -1
- package/mobile/dist/ui-kit/LinkButton/renderArrows.js.map +1 -1
- package/mobile/dist/ui-kit/TabsControl/ScrollableTabsControl.js +1 -1
- package/mobile/dist/ui-kit/TabsControl/ScrollableTabsControl.js.map +1 -1
- package/mobile/lib/ui-kit/LinkButton/renderArrows.js +1 -1
- package/mobile/lib/ui-kit/LinkButton/renderArrows.js.map +1 -1
- package/mobile/lib/ui-kit/TabsControl/ScrollableTabsControl.js +1 -1
- package/mobile/lib/ui-kit/TabsControl/ScrollableTabsControl.js.map +1 -1
- package/mobile/src/ui-kit/LinkButton/renderArrows.tsx +6 -1
- package/mobile/src/ui-kit/TabsControl/ScrollableTabsControl.tsx +2 -0
- package/package.json +1 -1
- package/src/components/ProductGallery/ProductGallery.tsx +2 -0
- package/src/ui-kit/LinkButton/renderArrows.tsx +6 -1
- package/src/ui-kit/TabsControl/ScrollableTabsControl.tsx +2 -0
package/bundle/bundle.umd.js
CHANGED
|
@@ -10221,7 +10221,7 @@
|
|
|
10221
10221
|
};
|
|
10222
10222
|
|
|
10223
10223
|
/** @deprecated */
|
|
10224
|
-
const renderArrows = ({ className, btnClass, canDec, canInc, dec, inc, }) => canDec || canInc ? (jsxs("div", { children: [canDec ? (jsx(ArrowLeftButton, { className: style('absolute z-40', btnClass[0], className), onClick: dec })) : null, canInc ? (jsx(ArrowRightButton, { className: style('absolute z-40', btnClass[1], className), onClick: inc })) : null] })) : null;
|
|
10224
|
+
const renderArrows = ({ className, btnClass, canDec, canInc, dec, inc, }) => canDec || canInc ? (jsxs("div", { children: [canDec ? (jsx(ArrowLeftButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[0], className), onClick: dec })) : null, canInc ? (jsx(ArrowRightButton, { wcmsIgnore: true, className: style('absolute z-40', btnClass[1], className), onClick: inc })) : null] })) : null;
|
|
10225
10225
|
|
|
10226
10226
|
const InsuranceAmountBlockInner = JSX(({ className = '', cards = [], button }) => {
|
|
10227
10227
|
const [selectedCardIndex, setSelectedCardIndex] = useState(0);
|
|
@@ -10728,7 +10728,7 @@
|
|
|
10728
10728
|
const [containerRef, scroll] = useSwipeListScroll({
|
|
10729
10729
|
itemCount: slides?.length || 0,
|
|
10730
10730
|
});
|
|
10731
|
-
return (jsxs(BlockWrapper, { className: style('box-border overflow-hidden', className), defaultPadding: "pt-6xl", padding: padding, ...rest, children: [jsx("div", { className: "flex duration-1000", style: { transform: `translateX(-${activeSlideIndex * 100}%)` }, role: "list", children: slides.map(({ productBlock }, i) => (jsx("div", { className: "box-border grow-0 shrink-0 basis-full", role: "listitem", children: jsx(BaseProductTile, { className: "pl-6xl h-full", headlineVersion: "M", isFullWidthTitle: false, ...productBlock, ...rest }) }, String(i)))) }), jsxs("div", { className: "relative pr-xs mt-m -mb-m flex gap-xs box-border", children: [jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: 'h-40 flex items-stretch w-screen', gap: 8, children: slides.map(renderNavButton({ activeSlideIndex, onClick: setActiveSlideIndex })) }), scroll.canScrollLeft ? (jsx(ArrowLeftButton, { className: style('left-6', scrollButtonStyle$1), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (jsx(ArrowRightButton, { className: style('right-6', scrollButtonStyle$1), onClick: scroll.scrollRight })) : null] })] }));
|
|
10731
|
+
return (jsxs(BlockWrapper, { className: style('box-border overflow-hidden', className), defaultPadding: "pt-6xl", padding: padding, ...rest, children: [jsx("div", { className: "flex duration-1000", style: { transform: `translateX(-${activeSlideIndex * 100}%)` }, role: "list", children: slides.map(({ productBlock }, i) => (jsx("div", { className: "box-border grow-0 shrink-0 basis-full", role: "listitem", children: jsx(BaseProductTile, { className: "pl-6xl h-full", headlineVersion: "M", isFullWidthTitle: false, ...productBlock, ...rest }) }, String(i)))) }), jsxs("div", { className: "relative pr-xs mt-m -mb-m flex gap-xs box-border", children: [jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: 'h-40 flex items-stretch w-screen', gap: 8, children: slides.map(renderNavButton({ activeSlideIndex, onClick: setActiveSlideIndex })) }), scroll.canScrollLeft ? (jsx(ArrowLeftButton, { wcmsIgnore: true, className: style('left-6', scrollButtonStyle$1), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (jsx(ArrowRightButton, { wcmsIgnore: true, className: style('right-6', scrollButtonStyle$1), onClick: scroll.scrollRight })) : null] })] }));
|
|
10732
10732
|
});
|
|
10733
10733
|
const renderNavButton = ({ activeSlideIndex, onClick }) => ({ nav }, i) => {
|
|
10734
10734
|
const isActive = i === activeSlideIndex;
|
|
@@ -10968,7 +10968,7 @@
|
|
|
10968
10968
|
itemCount: items?.length || 0,
|
|
10969
10969
|
});
|
|
10970
10970
|
useEffect(() => scrollToSelected(containerRef.current, items, activeItem), []);
|
|
10971
|
-
return (jsxs("div", { className: style('relative overflow-x-auto no-scrollbar', className), children: [jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: scrollStyle[tabsType].item, gap: scrollStyle[tabsType].gap, children: items.map(renderTab(activeItem, onChange, tabsType)) }), scroll.canScrollLeft ? (jsx(ArrowLeftButton, { className: style('left-6', scrollButtonStyle, scrollStyle[tabsType].buttonTop), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (jsx(ArrowRightButton, { className: style('right-6', scrollButtonStyle, scrollStyle[tabsType].buttonTop), onClick: scroll.scrollRight })) : null] }));
|
|
10971
|
+
return (jsxs("div", { className: style('relative overflow-x-auto no-scrollbar', className), children: [jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: scrollStyle[tabsType].item, gap: scrollStyle[tabsType].gap, children: items.map(renderTab(activeItem, onChange, tabsType)) }), scroll.canScrollLeft ? (jsx(ArrowLeftButton, { wcmsIgnore: true, className: style('left-6', scrollButtonStyle, scrollStyle[tabsType].buttonTop), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (jsx(ArrowRightButton, { wcmsIgnore: true, className: style('right-6', scrollButtonStyle, scrollStyle[tabsType].buttonTop), onClick: scroll.scrollRight })) : null] }));
|
|
10972
10972
|
});
|
|
10973
10973
|
const scrollToSelected = (container, items, activeItem) => {
|
|
10974
10974
|
const selectedIndex = items.findIndex((_) => _ === activeItem);
|
|
@@ -11459,7 +11459,7 @@
|
|
|
11459
11459
|
slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
|
|
11460
11460
|
});
|
|
11461
11461
|
|
|
11462
|
-
const packageVersion = "0.14.
|
|
11462
|
+
const packageVersion = "0.14.807";
|
|
11463
11463
|
|
|
11464
11464
|
exports.Blocks = Blocks;
|
|
11465
11465
|
exports.ContentPage = ContentPage;
|