@redneckz/wildless-cms-uni-blocks 0.6.33 → 0.6.35

package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js

@@ -1,52 +1,50 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { Button } from '../../ui-kit/Button/Button.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
 export const InsuranceAmountBlockInner = JSX(({ className = '', cards = [], button }) => {
-    const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-    const [tabsShift, setTabsShift] = useState(0);
-    const handleNextClick = () => setTabsShift(tabsShift + 1);
-    const handlePrevClick = () => setTabsShift(tabsShift - 1);
-    const galleryLength = cards?.length ?? 0;
-    const isGalleryScrollAvailable = cards?.length > 2;
-    const showNextButton = isGalleryScrollAvailable && galleryLength > tabsShift + 2;
-    const isLastShift = galleryLength === tabsShift + 2;
-    const showPrevButton = tabsShift > 0;
-    const activeHref = cards[activeSlideIndex]?.href;
+    const [selectedCardIndex, setSelectedCardIndex] = useState(0);
+    const handleSelectedCardIndex = useCallback((_) => setSelectedCardIndex(_), []);
+    const galleryLength = cards.length;
+    const CARD_VIEW_COUNT = 2;
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: galleryLength,
+        visibleItemCount: CARD_VIEW_COUNT,
+    });
+    const { canDec, canInc } = controls;
+    const activeHref = cards[activeIndex]?.href;
     return (_jsxs("section", { role: "listitem", className: `min-w-full text-center ${className}`, children: [_jsxs("div", { className: "relative overflow-hidden", children: [galleryLength
                         ? renderGallery({
-                            tabsShift,
+                            activeIndex,
                             cards,
-                            activeSlideIndex,
-                            isLastShift,
-                            setActiveSlideIndex,
+                            selectedCardIndex,
+                            onClick: handleSelectedCardIndex,
                         })
                         : null, renderArrows({
-                        handler: [handlePrevClick, handleNextClick],
-                        isShown: [showPrevButton, showNextButton],
+                        ...controls,
                         btnClass: ['left-[50px]', 'right-[50px]'],
                         className: 'top-[62px]',
-                    }), showPrevButton ? (_jsx("div", { className: "absolute top-0 left-0 h-full w-[136px] bg-opacity-from-white" })) : null, showNextButton ? (_jsx("div", { className: "absolute top-0 right-0 h-full w-[136px] bg-opacity-to-white" })) : null] }), _jsx(Button, { className: "w-[240px] text-center", version: "primary", ...button, href: activeHref })] }));
+                    }), canDec ? (_jsx("div", { className: "absolute top-0 left-0 h-full w-[136px] bg-opacity-from-white" })) : null, canInc ? (_jsx("div", { className: "absolute top-0 right-0 h-full w-[136px] bg-opacity-to-white" })) : null] }), _jsx(Button, { className: "w-[240px] text-center", version: "primary", ...button, href: activeHref })] }));
 });
-function renderGallery({ tabsShift, cards, activeSlideIndex, isLastShift, setActiveSlideIndex, }) {
-    const tabsShiftWidth = isLastShift ? tabsShift * 460 - 240 : tabsShift * 460;
+function renderGallery({ activeIndex, cards, selectedCardIndex, onClick }) {
+    const tabsShiftWidth = activeIndex * 460;
     const cardsAlignStyle = cards.length > 2 ? 'justify-start' : 'justify-center';
     return (_jsx("div", { style: { transform: `translateX(-${tabsShiftWidth}px)` }, className: "duration-1000 px-[50px]", children: _jsx("div", { className: `w-full flex flex-nowrap gap-3.5 pb-12 ${cardsAlignStyle}`, children: cards.map((slide, i) => renderSlide({
                 slide,
                 i,
-                activeSlideIndex,
-                onClick: () => setActiveSlideIndex(i),
+                isActive: Boolean(i === selectedCardIndex),
+                onClick: () => onClick(i),
             })) }) }));
 }
-function renderSlide({ slide, i, activeSlideIndex, onClick }) {
-    const isActiveBtn = i === activeSlideIndex;
-    const btnClassName = isActiveBtn
+function renderSlide({ slide, i, isActive, onClick }) {
+    const btnClassName = isActive
         ? 'shadow-dark-blue/42 border-primary-main'
         : `ease-in duration-300 border-main-stroke`;
-    return (_jsxs("button", { type: "button", onClick: onClick, className: `p-[30px] min-w-[460px] flex items-center bg-white border-solid border relative ${btnClassName}`, children: [slide?.icon ? (_jsx(Img, { className: "p-5 rounded-full bg-secondary-light mr-[30px]", image: slide.icon, width: "108", height: "108" })) : null, _jsxs("div", { className: "flex gap-3.5", children: [slide?.sum ? renderValueBlock('страховая сумма', slide.sum) : null, slide?.fee ? renderValueBlock('страховой взнос', slide.fee) : null] }), renderDoneIcon(isActiveBtn)] }, String(i)));
+    return (_jsxs("button", { type: "button", onClick: onClick, className: `p-[30px] min-w-[460px] flex items-center bg-white border-solid border relative ${btnClassName}`, children: [slide?.icon ? (_jsx(Img, { className: "p-5 rounded-full bg-secondary-light mr-[30px]", image: slide.icon, width: "108", height: "108" })) : null, _jsxs("div", { className: "flex gap-3.5", children: [slide?.sum ? renderValueBlock('страховая сумма', slide.sum) : null, slide?.fee ? renderValueBlock('страховой взнос', slide.fee) : null] }), renderDoneIcon(isActive)] }, String(i)));
 }
 function renderValueBlock(title, sum) {
     return (_jsxs("div", { className: "flex flex-col text-left whitespace-pre", children: [_jsxs("span", { className: "text-h6", children: [addSpacesBetweenNumbers(sum), " \u20BD"] }), _jsx("span", { className: "text-secondary-text text-l mt-1", children: title })] }));

package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsuranceAmountBlockInner.js","sourceRoot":"","sources":["../../../src/components/InsuranceAmountBlock/InsuranceAmountBlockInner.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InsuranceAmountBlockInner.js","sourceRoot":"","sources":["../../../src/components/InsuranceAmountBlock/InsuranceAmountBlockInner.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/InvestmentGallery/InvestmentGallery.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { VersionStyleMap } from '../../model/BlockVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
@@ -9,26 +9,16 @@ import { InvestmentGalleryCard } from './InvestmentGalleryCard.js';
 const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
 const CARD_FULL_VIEW_COUNT = 1;
 export const InvestmentGallery = JSX(({ cards = [], className = '', title, version = 'primary', ...rest }) => {
-    const [activeCardIndex, setActiveCardIndex] = useState(0);
-    const cardWidth = 525;
-    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-9", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeCardIndex * cardWidth}px)` }, role: "list", children: cards?.length ? cards.map(renderInvestmentGalleryCard(className, version)) : null }), renderNavButtons({
-                        cardsCount: cards.length,
-                        activeCardIndex,
-                        setActiveCardIndex,
+    const cardWidth = 710;
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: cards.length,
+        visibleItemCount: CARD_FULL_VIEW_COUNT,
+    });
+    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-9", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeIndex * cardWidth}px)` }, role: "list", children: cards?.length ? cards.map(renderInvestmentGalleryCard(className, version)) : null }), renderArrows({
+                        ...controls,
+                        btnClass: ['left-8', 'right-8'],
+                        className: 'top-1/2 mt-3',
                     })] }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} left-0 ${version === 'secondary' ? 'bg-opacity-from-main' : 'bg-opacity-from-white'}` }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} right-0 ${version === 'secondary' ? 'bg-opacity-to-main' : 'bg-opacity-to-white'}` })] }));
 });
 const renderInvestmentGalleryCard = (className, version) => (card, i) => _jsx(InvestmentGalleryCard, { className: className, version: version, ...card }, String(i));
-const renderNavButtons = ({ cardsCount, activeCardIndex, setActiveCardIndex }) => {
-    const isUseSlider = cardsCount > CARD_FULL_VIEW_COUNT;
-    const showNextButton = isUseSlider && cardsCount - activeCardIndex > CARD_FULL_VIEW_COUNT;
-    const showPrevButton = isUseSlider && activeCardIndex > 0;
-    const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
-    const handlePrevClick = () => setActiveCardIndex(activeCardIndex - 1);
-    return (_jsx("div", { children: renderArrows({
-            handler: [handlePrevClick, handleNextClick],
-            isShown: [showPrevButton, showNextButton],
-            btnClass: ['left-8', 'right-8'],
-            className: 'top-1/2 mt-3',
-        }) }));
-};
 //# sourceMappingURL=InvestmentGallery.js.map

package/mobile/lib/components/InvestmentGallery/InvestmentGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvestmentGallery.js","sourceRoot":"","sources":["../../../src/components/InvestmentGallery/InvestmentGallery.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InvestmentGallery.js","sourceRoot":"","sources":["../../../src/components/InvestmentGallery/InvestmentGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMhE,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAI/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtE,MAAM,SAAS,GAAG,GAAG,CAAC;IAEtB,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,KAAK,CAAC,MAAM;QACvB,gBAAgB,EAAE,oBAAoB;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,sDAAsD,eAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,KACpG,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,0BACE,cACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,SAAS,KAAK,EAAE,EACjE,IAAI,EAAC,MAAM,YAEV,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,2BAA2B,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC9E,EACL,YAAY,CAAC;wBACZ,GAAG,QAAQ;wBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,cAAc;qBAC1B,CAAC,IACE,EACN,cACE,SAAS,EAAE,GAAG,kBAAkB,WAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBACrD,EAAE,GACF,EACF,cACE,SAAS,EAAE,GAAG,kBAAkB,YAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBACnD,EAAE,GACF,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,2BAA2B,GAC/B,CAAC,SAAiB,EAAE,OAAsB,EAAE,EAAE,CAAC,CAAC,IAAgC,EAAE,CAAS,EAAE,EAAE,CAC7F,KAAC,qBAAqB,IAAiB,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAAM,IAAI,IAA3D,MAAM,CAAC,CAAC,CAAC,CAAsD,CAAC"}

package/mobile/lib/components/OtherProducts/OtherProducts.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { renderChildren } from '../../BlockRenderer/renderChildren.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-export const OtherProducts = JSX(({ className = '', children, ...rest }) => (_jsx(BlockWrapper, { className: `font-sans text-primary-text ${className}`, ...rest, children: children })));
+export const OtherProducts = JSX(({ className = '', ...rest }) => (_jsx(BlockWrapper, { className: `font-sans text-primary-text ${className}`, ...rest, children: renderChildren(rest) })));
 OtherProducts.childrenTypes = ['OtherProductsItem'];
 //# sourceMappingURL=OtherProducts.js.map

package/mobile/lib/components/OtherProducts/OtherProducts.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtherProducts.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProducts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,CAAC,MAAM,aAAa,GAAiC,GAAG,CAC5D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,YAAY,IAAC,SAAS,EAAE,+BAA+B,SAAS,EAAE,KAAM,IAAI,YAC1E,QAAQ,GACI,CAChB,CACF,CAAC;AAEF,aAAa,CAAC,aAAa,GAAG,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"OtherProducts.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProducts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,CAAC,MAAM,aAAa,GAAiC,GAAG,CAC5D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/B,KAAC,YAAY,IAAC,SAAS,EAAE,+BAA+B,SAAS,EAAE,KAAM,IAAI,YAC1E,cAAc,CAAC,IAAI,CAAC,GACR,CAChB,CACF,CAAC;AAEF,aAAa,CAAC,aAAa,GAAG,CAAC,mBAAmB,CAAC,CAAC"}

package/mobile/lib/components/OtherProductsItem/OtherProductsItem.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { getParentBlockContent } from '../../model/getParentBlockContent.js';
+import { getParentBlockContent } from '../../BlockRenderer/getParentBlockContent.js';
+import { renderChildren } from '../../BlockRenderer/renderChildren.js';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
 import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
 const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
-export const OtherProductsItem = JSX(({ className, page, ancestors, label = '', isUnfolded: unfoldedByDefault, children }) => {
-    const { colorPalette } = getParentBlockContent(ancestors, {});
-    return (_jsx("div", { className: `border-0 border-b border-solid border-main-divider ${className}`, children: _jsx(Foldable, { unfoldedByDefault: unfoldedByDefault, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: "grid grid-cols-12 gap-1 border-box", isUnfolded: isUnfolded, children: children }) })), renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { label: label, icon: icons[Number(isUnfolded)], dataTheme: page?.colorPalette || colorPalette, onClick: onToggle })) }) }));
+export const OtherProductsItem = JSX(({ className, label = '', isUnfolded: unfoldedByDefault, ...rest }) => {
+    const { colorPalette } = getParentBlockContent(rest.options, {});
+    return (_jsx("div", { className: `border-0 border-b border-solid border-main-divider ${className}`, children: _jsx(Foldable, { unfoldedByDefault: unfoldedByDefault, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: "grid grid-cols-12 gap-1 border-box", isUnfolded: isUnfolded, children: renderChildren(rest) }) })), renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { label: label, icon: icons[Number(isUnfolded)], dataTheme: colorPalette || rest.options?.page?.colorPalette, onClick: onToggle })) }) }));
 });
 OtherProductsItem.childrenTypes = []; // All types of blocks are suitable
 //# sourceMappingURL=OtherProductsItem.js.map

package/mobile/lib/components/OtherProductsItem/OtherProductsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtherProductsItem.js","sourceRoot":"","sources":["../../../src/components/OtherProductsItem/OtherProductsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAOxE,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,GAAG,CACpE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtF,MAAM,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC,SAAS,EAAE,EAA0B,CAAC,CAAC;IAEtF,OAAO,CACL,cAAK,SAAS,EAAE,sDAAsD,SAAS,EAAE,YAC/E,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAC,oCAAoC,EAC9C,UAAU,EAAE,UAAU,YAErB,QAAQ,GACO,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9C,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,SAAS,EAAE,IAAI,EAAE,YAAY,IAAI,YAAY,EAC7C,OAAO,EAAE,QAAQ,GACjB,CACH,GACD,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,aAAa,GAAG,EAAE,CAAC,CAAC,mCAAmC"}
+{"version":3,"file":"OtherProductsItem.js","sourceRoot":"","sources":["../../../src/components/OtherProductsItem/OtherProductsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAOxE,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,GAAG,CACpE,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,EAAE,EAA0B,CAAC,CAAC;IAEzF,OAAO,CACL,cAAK,SAAS,EAAE,sDAAsD,SAAS,EAAE,YAC/E,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAC,oCAAoC,EAC9C,UAAU,EAAE,UAAU,YAErB,cAAc,CAAC,IAAI,CAAC,GACL,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9C,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,SAAS,EAAE,YAAY,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAC3D,OAAO,EAAE,QAAQ,GACjB,CACH,GACD,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,aAAa,GAAG,EAAE,CAAC,CAAC,mCAAmC"}

package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts

@@ -1,4 +1,5 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { Footnote } from '../../model/Footnote';
 import type { HeadlineProps } from '../../model/HeadlineType';
 import type { IconVersion } from '../../model/IconVersion';
 import type { LinkProps } from '../../model/LinkProps';
@@ -6,7 +7,7 @@ import type { Picture } from '../../model/Picture';
 import type { BenefitItemProps } from '../../ui-kit/BenefitItem/BenefitItemProps';
 import type { BackwardButtonProps, ButtonContent } from '../../ui-kit/Button/ButtonProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-export declare type ProductBlockInnerContent = HeadlineProps & ListContent & ButtonContent & {
+export declare type ProductBlockInnerContent = HeadlineProps & ListContent & ButtonContent & Footnote & {
     /**
      * @default {
      *   "format": "webp",

package/mobile/lib/components/Recommendation/Recommendation.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { VersionStyleMap } from '../../model/BlockVersion.js';
 import { BorderVersionStyleMap } from '../../model/BorderVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
@@ -8,29 +8,19 @@ import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { RecommendationCard } from './RecommendationCard.js';
 const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
-const CARD_FULL_VIEW_COUNT = 2;
+const CARD_VIEW_COUNT = 2;
 const CARD_SHIFT = 525;
 export const Recommendation = JSX(({ recommendations = [], className = '', title, version = 'primary', ...rest }) => {
-    const [activeCardIndex, setActiveCardIndex] = useState(0);
-    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-6", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeCardIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations?.length
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: recommendations.length,
+        visibleItemCount: CARD_VIEW_COUNT,
+    });
+    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-6", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations.length
                             ? recommendations.map((card, i) => (_jsx(RecommendationCard, { version: version, className: BorderVersionStyleMap[version], ...card }, String(i))))
-                            : null }), renderNavButtons({
-                        cardsCount: recommendations.length,
-                        activeCardIndex,
-                        setActiveCardIndex,
+                            : null }), renderArrows({
+                        ...controls,
+                        btnClass: ['left-8', 'right-8'],
+                        className: 'top-1/2 mt-3',
                     })] }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} left-0 ${version === 'secondary' ? 'bg-opacity-from-main' : 'bg-opacity-from-white'}` }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} right-0 ${version === 'secondary' ? 'bg-opacity-to-main' : 'bg-opacity-to-white'}` })] }));
 });
-const renderNavButtons = ({ cardsCount, activeCardIndex, setActiveCardIndex, }) => {
-    const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
-    const handlePrevClick = () => setActiveCardIndex(activeCardIndex - 1);
-    const isUseSlider = cardsCount > CARD_FULL_VIEW_COUNT;
-    const showNextButton = isUseSlider && cardsCount - activeCardIndex > CARD_FULL_VIEW_COUNT;
-    const showPrevButton = isUseSlider && activeCardIndex > 0;
-    return (_jsx("div", { children: renderArrows({
-            handler: [handlePrevClick, handleNextClick],
-            isShown: [showPrevButton, showNextButton],
-            btnClass: ['left-8', 'right-8'],
-            className: 'top-1/2 mt-3',
-        }) }));
-};
 //# sourceMappingURL=Recommendation.js.map

package/mobile/lib/components/Recommendation/Recommendation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAC;AAIvB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,eAAe,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,eAAe,CAAC,MAAM;QACjC,gBAAgB,EAAE,eAAe;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,sDAAsD,eAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,KACpG,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,0BACE,cACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,UAAU,KAAK,EAAE,EAClE,IAAI,EAAC,MAAM,YAEV,eAAe,CAAC,MAAM;4BACrB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,kBAAkB,IAEjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,KACrC,IAAI,IAHH,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;4BACJ,CAAC,CAAC,IAAI,GACJ,EACL,YAAY,CAAC;wBACZ,GAAG,QAAQ;wBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,cAAc;qBAC1B,CAAC,IACE,EACN,cACE,SAAS,EAAE,GAAG,kBAAkB,WAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBACrD,EAAE,GACF,EACF,cACE,SAAS,EAAE,GAAG,kBAAkB,YAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBACnD,EAAE,GACF,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/RollupItem/RollupItem.js

@@ -1,16 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { renderChildren } from '../../BlockRenderer/renderChildren.js';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
 import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
-export const RollupItem = JSX(({ className = '', label = 'Развернуть', isExpanded, isFoldButtonOnTop = true, version = 'primary', children, }) => (_jsx("div", { className: `border-b border-solid border-main-divider w-full ${className}`, children: _jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: `grid grid-cols-12 gap-1 border-box`, isUnfolded: isUnfolded, children: children }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle, label, version }) }) })));
+export const RollupItem = JSX(({ className = '', label = 'Развернуть', isExpanded, isFoldButtonOnTop = true, version = 'primary', ...rest }) => (_jsx("div", { className: `border-b border-solid border-main-divider w-full ${className}`, children: _jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: `grid grid-cols-12 gap-1 border-box`, isUnfolded: isUnfolded, children: renderChildren(rest) }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle, label, version }) }) })));
 RollupItem.childrenTypes = [];
 const renderFoldButton = ({ isUnfolded, onToggle, label, version }) => {
-    const icons = ['PlusIcon', 'MinusIcon'];
+    const iconsPrimary = ['PlusIcon', 'MinusIcon'];
+    const iconsSecondary = ['ArrowDownIcon', 'ArrowUpIcon'];
     const labels = label ? [label, label] : ['Развернуть', 'Скрыть'];
-    return version === 'primary' ? (_jsx(FoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle })) : (_jsx(DefaultFoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
+    return version === 'primary' ? (_jsx(FoldButton, { icon: iconsPrimary[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle })) : (_jsx(DefaultFoldButton, { icon: iconsSecondary[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
 };
 const FoldButton = JSX(({ label, icon, onClick }) => (_jsxs("button", { className: "border-none bg-transparent px-9 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 group cursor-pointer", onClick: onClick, children: [_jsx("span", { className: "text-xl font-medium pr-2.5", children: label }), icon ? _jsx(Img, { image: getIconWithVersion({ icon }), width: "24", height: "24", asSVG: true }) : null] })));
 //# sourceMappingURL=RollupItem.js.map

package/mobile/lib/components/RollupItem/RollupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAgBpE,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,CACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,YAAY,EACpB,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,OAAO,GAAG,SAAS,EACnB,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,oDAAoD,SAAS,EAAE,YAC7E,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAE,oCAAoC,EAC/C,UAAU,EAAE,UAAU,YAErB,QAAQ,GACO,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAE5D,GACE,CACP,CACF,CAAC;AAEF,UAAU,CAAC,aAAa,GAAG,EAAE,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAA2B,EAAE,EAAE;IAC7F,MAAM,KAAK,GAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAEjE,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACpE,kBACE,SAAS,EAAC,0HAA0H,EACpI,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAQ,EAC1D,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,IACjF,CACV,CAAC,CAAC"}
+{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAgBpE,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,CACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,YAAY,EACpB,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,oDAAoD,SAAS,EAAE,YAC7E,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAE,oCAAoC,EAC/C,UAAU,EAAE,UAAU,YAErB,cAAc,CAAC,IAAI,CAAC,GACL,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAE5D,GACE,CACP,CACF,CAAC;AAEF,UAAU,CAAC,aAAa,GAAG,EAAE,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAA2B,EAAE,EAAE;IAC7F,MAAM,YAAY,GAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAEjE,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,UAAU,IACT,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACtC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACxC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACpE,kBACE,SAAS,EAAC,0HAA0H,EACpI,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAQ,EAC1D,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,IACjF,CACV,CAAC,CAAC"}

package/mobile/lib/components/SafeDepositRental/SafeDepositRentalContent.d.ts

@@ -3,7 +3,4 @@ import type { TitleProps } from '../../model/HeadlineType';
 /**
  * @title Аренда сейфовых ячеек
  */
-export declare type SafeDepositRentalContent = Footnote & TitleProps & {
-    /** @title Сноска */
-    footnote?: string;
-};
+export declare type SafeDepositRentalContent = Footnote & TitleProps;

package/mobile/lib/components/TariffsTable/TariffsTableRow.d.ts

@@ -2,7 +2,7 @@ import type { UniBlockProps } from '../../model/JSXBlock';
 import type { Data } from './TariffsTableContent';
 export interface TariffsTableRowProps extends UniBlockProps {
     row: Data;
-    activeCardIndex: number;
+    activeIndex: number;
     rowIdx: number;
 }
 export declare const TariffsTableRow: import("@redneckz/uni-jsx").UNIComponent<TariffsTableRowProps, any, any>;

package/mobile/lib/components/TariffsTable/TariffsTableRow.js

@@ -7,10 +7,10 @@ import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContaine
 import { COLUMN_WIDTH, DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants.js';
 import { TariffsTableCell } from './TariffsTableCell.js';
 import { TariffsTableRowContainer } from './TariffsTableRowContainer.js';
-export const TariffsTableRow = JSX(({ row: { header, data }, activeCardIndex, rowIdx, ...rest }) => {
+export const TariffsTableRow = JSX(({ row: { header, data }, activeIndex, rowIdx, ...rest }) => {
     const [tableInner, setTableInner] = useState(undefined);
     const [openTableInnerIdx, setOpenTableInnerIdx] = useState(undefined);
     const onHideContentClick = () => setTableInner(undefined);
-    return (_jsxs(TariffsTableRowContainer, { onHideContentClick: onHideContentClick, tableInner: tableInner, ...rest, children: [_jsx("div", { className: `text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`, children: _jsxs("div", { className: "flex items-center text-primary-text", role: "cell", children: [header?.icon ? (_jsx(Img, { className: "mr-[14px] max-w-6 max-h-6", image: getIconWithVersion(header.icon), width: "24px", height: "24px", asSVG: true })) : null, header?.title ? _jsx("div", { className: "text-m-light", children: header?.title }) : null] }) }), data?.length ? (_jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: COLUMN_WIDTH, version: "tariff", children: data.map((cells, i) => (_jsx(TariffsTableCell, { cells: cells, rowIdx: rowIdx, cellIdx: i, setTableInner: setTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: setOpenTableInnerIdx, ...rest }, String(i)))) })) : null] }));
+    return (_jsxs(TariffsTableRowContainer, { onHideContentClick: onHideContentClick, tableInner: tableInner, ...rest, children: [_jsx("div", { className: `text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`, children: _jsxs("div", { className: "flex items-center text-primary-text", role: "cell", children: [header?.icon ? (_jsx(Img, { className: "mr-[14px] max-w-6 max-h-6", image: getIconWithVersion(header.icon), width: "24px", height: "24px", asSVG: true })) : null, header?.title ? _jsx("div", { className: "text-m-light", children: header?.title }) : null] }) }), data?.length ? (_jsx(TableCarouselContainer, { activeIndex: activeIndex, columnWidth: COLUMN_WIDTH, version: "tariff", children: data.map((cells, i) => (_jsx(TariffsTableCell, { cells: cells, rowIdx: rowIdx, cellIdx: i, setTableInner: setTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: setOpenTableInnerIdx, ...rest }, String(i)))) })) : null] }));
 });
 //# sourceMappingURL=TariffsTableRow.js.map

package/mobile/lib/components/TariffsTable/TariffsTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAQtE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAuC,SAAS,CAAC,CAAC;IAC9F,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE1F,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,wBAAwB,IACvB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,KAClB,IAAI,aAER,cAAK,SAAS,EAAE,eAAe,kBAAkB,IAAI,eAAe,EAAE,YACpE,eAAK,SAAS,EAAC,qCAAqC,EAAC,IAAI,EAAC,MAAM,aAC7D,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EACtC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,cAAc,YAAE,MAAM,EAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACvE,GACF,EACL,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IACrB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,YAAY,EACzB,OAAO,EAAC,QAAQ,YAEf,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,gBAAgB,IAEf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,KACtC,IAAI,IARH,MAAM,CAAC,CAAC,CAAC,CASd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACiB,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAQtE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAuC,SAAS,CAAC,CAAC;IAC9F,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE1F,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,wBAAwB,IACvB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,KAClB,IAAI,aAER,cAAK,SAAS,EAAE,eAAe,kBAAkB,IAAI,eAAe,EAAE,YACpE,eAAK,SAAS,EAAC,qCAAqC,EAAC,IAAI,EAAC,MAAM,aAC7D,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EACtC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,cAAc,YAAE,MAAM,EAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACvE,GACF,EACL,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAC,QAAQ,YAEf,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,gBAAgB,IAEf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,KACtC,IAAI,IARH,MAAM,CAAC,CAAC,CAAC,CASd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACiB,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/VerticalLayout/VerticalLayout.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { renderChildren } from '../../BlockRenderer/renderChildren.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 const alignStyle = {
     left: 'items-start',
@@ -20,13 +21,15 @@ const backgroundStyleMap = {
     primary: 'bg-white',
     secondary: 'bg-primary-main',
 };
-export const VerticalLayout = JSX(({ className = '', children, gap = '', align = 'left', version = 'transparent', ...rest }) => (_jsx(BlockWrapper, { className: [
+export const VerticalLayout = JSX(({ className = '', gap = '', align, version = 'transparent', ...rest }) => (_jsx(BlockWrapper, { className: [
         'flex flex-col',
         gapStyleMap[gap],
-        alignStyle[align],
+        align && alignStyle[align],
         backgroundStyleMap[version],
         className,
-    ].join(' '), ...rest, children: children })));
+    ]
+        .filter(Boolean)
+        .join(' '), ...rest, children: renderChildren(rest) })));
 VerticalLayout.childrenTypes = {
     exclude: ['VerticalLayout'],
 };

package/mobile/lib/components/VerticalLayout/VerticalLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,UAAU,GAA8B;IAC5C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,OAAO;IACX,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,kBAAkB,GAAgD;IACtE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,GAAG,CAC9D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAG,EAAE,EAAE,KAAK,GAAG,MAAM,EAAE,OAAO,GAAG,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5F,KAAC,YAAY,IACX,SAAS,EAAE;QACT,eAAe;QACf,WAAW,CAAC,GAAG,CAAC;QAChB,UAAU,CAAC,KAAK,CAAC;QACjB,kBAAkB,CAAC,OAAO,CAAC;QAC3B,SAAS;KACV,CAAC,IAAI,CAAC,GAAG,CAAC,KACP,IAAI,YAEP,QAAQ,GACI,CAChB,CACF,CAAC;AAEF,cAAc,CAAC,aAAa,GAAG;IAC7B,OAAO,EAAE,CAAC,gBAAgB,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,UAAU,GAA8B;IAC5C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,OAAO;IACX,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,kBAAkB,GAAgD;IACtE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,GAAG,CAC9D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACzE,KAAC,YAAY,IACX,SAAS,EAAE;QACT,eAAe;QACf,WAAW,CAAC,GAAG,CAAC;QAChB,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;QAC1B,kBAAkB,CAAC,OAAO,CAAC;QAC3B,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,YAEP,cAAc,CAAC,IAAI,CAAC,GACR,CAChB,CACF,CAAC;AAEF,cAAc,CAAC,aAAa,GAAG;IAC7B,OAAO,EAAE,CAAC,gBAAgB,CAAC;CAC5B,CAAC"}

package/mobile/lib/components/Video/Video.d.ts

@@ -0,0 +1,6 @@
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { VideoContent } from './VideoContent';
+interface VideoProps extends VideoContent, UniBlockProps {
+}
+export declare const Video: import("@redneckz/uni-jsx").UNIComponent<VideoProps, any, any>;
+export {};

package/mobile/lib/components/Video/Video.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
+import { Headline } from '../Headline/Headline.js';
+import { getPaddings } from './getPaddings.js';
+export const Video = JSX((props) => {
+    const { title, src, previewImg, className = '', ...rest } = props;
+    return (_jsxs(BlockWrapper, { className: `bg-white ${getPaddings(className)} ${className}`, ...rest, children: [_jsx(Headline, { title: title, headlineVersion: "M" }), src ? (_jsx("video", { className: "m-auto w-full object-fill", preload: "metadata", poster: previewImg?.src, style: { maxHeight: 524 }, controls: true, children: _jsx("source", { src: src }) })) : null] }));
+});
+//# sourceMappingURL=Video.js.map

package/mobile/lib/components/Video/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../src/components/Video/Video.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAElE,OAAO,CACL,MAAC,YAAY,IAAC,SAAS,EAAE,YAAY,WAAW,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,KAAM,IAAI,aAClF,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,eAAe,EAAC,GAAG,GAAG,EAC7C,GAAG,CAAC,CAAC,CAAC,CACL,gBACE,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,UAAU,EAClB,MAAM,EAAE,UAAU,EAAE,GAAG,EACvB,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EACzB,QAAQ,kBAER,iBAAQ,GAAG,EAAE,GAAG,GAAI,GACd,CACT,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/components/Video/VideoContent.d.ts

@@ -0,0 +1,8 @@
+import type { TitleProps } from '../../model/HeadlineType';
+import type { Picture } from '../../model/Picture';
+export interface VideoContent extends TitleProps {
+    /** @title URL */
+    src?: string;
+    /** @title Заставка */
+    previewImg?: Picture;
+}

package/mobile/lib/components/Video/VideoContent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VideoContent.js.map

package/mobile/lib/components/Video/VideoContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoContent.js","sourceRoot":"","sources":["../../../src/components/Video/VideoContent.ts"],"names":[],"mappings":""}

package/mobile/lib/components/Video/getPaddings.d.ts

@@ -0,0 +1 @@
+export declare const getPaddings: (className: string) => "py-6 px-11" | "py-12 px-32";

package/mobile/lib/components/Video/getPaddings.js

@@ -0,0 +1,4 @@
+import { getColSpan } from '../../utils/getColSpan.js';
+const MIN_COL_SPAN = 10;
+export const getPaddings = (className) => getColSpan(className) < MIN_COL_SPAN ? 'py-6 px-11' : 'py-12 px-32';
+//# sourceMappingURL=getPaddings.js.map

package/mobile/lib/components/Video/getPaddings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPaddings.js","sourceRoot":"","sources":["../../../src/components/Video/getPaddings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE,CAC/C,UAAU,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC"}

package/mobile/lib/hooks/useCarouselControls.d.ts

@@ -3,11 +3,13 @@ export interface CarouselControls {
     dec: () => void;
     canInc: boolean;
     canDec: boolean;
+    isScrollAvailable: boolean;
 }
-interface CarouselProps {
-    itemsCount: number;
+interface CarouselControlsProps {
+    itemCount: number;
     visibleItemCount?: number;
     isCyclic?: boolean;
+    container?: HTMLDivElement | null;
 }
-export declare const useCarouselControls: ({ itemsCount, visibleItemCount, isCyclic, }: CarouselProps) => [number, CarouselControls];
+export declare const useCarouselControls: (props: CarouselControlsProps) => [number, CarouselControls];
 export {};

package/mobile/lib/hooks/useCarouselControls.js

@@ -1,13 +1,13 @@
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-export const useCarouselControls = ({ itemsCount, visibleItemCount = itemsCount, isCyclic, }) => {
+export const useCarouselControls = (props) => {
+    const { itemCount, visibleItemCount, isCyclic } = props;
     const [activeIndex, setActiveIndex] = useState(0);
-    const inc = useCallback(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), [isCyclic, itemsCount]);
-    const dec = useCallback(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), [isCyclic, itemsCount]);
-    const isScrollAvailable = itemsCount > visibleItemCount;
-    const isCyclicAndScrollAvailable = isCyclic && isScrollAvailable;
-    const canInc = isCyclicAndScrollAvailable ||
-        (isScrollAvailable && itemsCount - activeIndex > visibleItemCount);
-    const canDec = isCyclicAndScrollAvailable || Boolean(isScrollAvailable && activeIndex > 0);
+    const inc = useCallback(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemCount : Math.min(_ + 1, itemCount - 1))), [isCyclic, itemCount]);
+    const dec = useCallback(() => setActiveIndex((_) => (isCyclic ? (itemCount + _ - 1) % itemCount : Math.max(_ - 1, 0))), [isCyclic, itemCount]);
+    const canInc = isCyclic ||
+        (isScrollable(activeIndex, props) && activeIndex < itemCount - (visibleItemCount || 1));
+    const canDec = isCyclic || activeIndex > 0;
+    const isScrollAvailable = canDec || canInc;
     return [
         activeIndex,
         {
@@ -15,7 +15,18 @@ export const useCarouselControls = ({ itemsCount, visibleItemCount = itemsCount,
             dec,
             canInc,
             canDec,
+            isScrollAvailable,
         },
     ];
 };
+function isScrollable(activeIndex, { itemCount, visibleItemCount, container }) {
+    if (visibleItemCount) {
+        return itemCount > visibleItemCount;
+    }
+    if (container) {
+        const scrollLeft = (container.scrollWidth * activeIndex) / itemCount;
+        return scrollLeft + container.clientWidth < container.scrollWidth;
+    }
+    return false;
+}
 //# sourceMappingURL=useCarouselControls.js.map

package/mobile/lib/hooks/useCarouselControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCarouselControls.js","sourceRoot":"","sources":["../../src/hooks/useCarouselControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAepE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,EACV,gBAAgB,GAAG,UAAU,EAC7B,QAAQ,GACM,EAA8B,EAAE;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,GAAG,GAAG,WAAW,CACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IACF,MAAM,GAAG,GAAG,WAAW,CACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxD,MAAM,0BAA0B,GAAG,QAAQ,IAAI,iBAAiB,CAAC;IAEjE,MAAM,MAAM,GACV,0BAA0B;QAC1B,CAAC,iBAAiB,IAAI,UAAU,GAAG,WAAW,GAAG,gBAAgB,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,0BAA0B,IAAI,OAAO,CAAC,iBAAiB,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC;IAE3F,OAAO;QACL,WAAW;QACX;YACE,GAAG;YACH,GAAG;YACH,MAAM;YACN,MAAM;SACP;KACF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useCarouselControls.js","sourceRoot":"","sources":["../../src/hooks/useCarouselControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAiBpE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA4B,EAA8B,EAAE;IAC9F,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAExD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,GAAG,GAAG,WAAW,CACrB,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EAC9F,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IACF,MAAM,GAAG,GAAG,WAAW,CACrB,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC9F,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,MAAM,MAAM,GACV,QAAQ;QACR,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,WAAW,GAAG,SAAS,GAAG,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC,CAAC;IAC1F,MAAM,MAAM,GAAG,QAAQ,IAAI,WAAW,GAAG,CAAC,CAAC;IAC3C,MAAM,iBAAiB,GAAG,MAAM,IAAI,MAAM,CAAC;IAE3C,OAAO;QACL,WAAW;QACX;YACE,GAAG;YACH,GAAG;YACH,MAAM;YACN,MAAM;YACN,iBAAiB;SAClB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,YAAY,CACnB,WAAmB,EACnB,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAyB;IAEjE,IAAI,gBAAgB,EAAE;QACpB,OAAO,SAAS,GAAG,gBAAgB,CAAC;KACrC;IAED,IAAI,SAAS,EAAE;QACb,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,SAAS,CAAC;QAErE,OAAO,UAAU,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;KACnE;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/mobile/lib/model/JSXBlock.d.ts

@@ -1,13 +1,12 @@
 import type { UNIComponent } from '@redneckz/uni-jsx';
-import type { BlockAncestors, SlotName } from './BlockDecorator';
-import type { BlockDef, ContentPageDef } from './ContentPageDef';
+import type { BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
+import type { SlotName } from './BlockDecorator';
+import type { BlockDef } from './ContentPageDef';
 import type { VNode } from './VNode';
 export interface UniBlockProps {
     className?: string;
-    page?: ContentPageDef;
     block?: BlockDef;
-    ancestors?: BlockAncestors;
-    slots?: Record<string, VNode>;
+    options?: BlockRendererOptions;
 }
 export declare type JSXBlock<BlockProps extends UniBlockProps = UniBlockProps> = UNIComponent<BlockProps, any, VNode | VNode[]> & {
     childrenTypes?: string[] | {

package/mobile/lib/model/LinkProps.d.ts

@@ -12,6 +12,7 @@ export declare type Target = '' | '_self' | '_blank' | '_parent' | '_top';
 export interface LinkCommonProps {
     /** @title URL (href) */
     href?: string;
+    /** @default "" */
     target?: Target;
 }
 /**