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

package/mobile/dist/ui-kit/InnerTable/InnerTableBodyItem.js

@@ -2,20 +2,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InnerTableBodyItem = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useCarouselControls_1 = require("../../hooks/useCarouselControls");
 const renderArrows_1 = require("../Button/renderArrows");
 const COLUMN_WIDTH = 140;
 exports.InnerTableBodyItem = (0, uni_jsx_1.JSX)(({ rows }) => {
-    const [activeColumnIndex, setActiveColumnIndex] = (0, hooks_1.useState)(0);
-    const handleNextClick = () => setActiveColumnIndex(activeColumnIndex + 1);
-    const handlePrevClick = () => setActiveColumnIndex(activeColumnIndex - 1);
     const rowsLength = rows?.[0]?.length ?? 0;
-    const showNextButton = rowsLength > 3 && rowsLength > activeColumnIndex + 4;
-    const showPrevButton = activeColumnIndex > 0;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [rows?.map(renderRow(activeColumnIndex)), (0, renderArrows_1.renderArrows)({
-                handler: [handlePrevClick, handleNextClick],
-                isShown: [showPrevButton, showNextButton],
-                btnClass: ['right-3 top-24', 'right-3 top-2'],
+    const CARD_VIEW_COUNT = 5;
+    const [activeIndex, controls] = (0, useCarouselControls_1.useCarouselControls)({
+        itemCount: rowsLength,
+        visibleItemCount: CARD_VIEW_COUNT,
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [rows?.map(renderRow(activeIndex)), (0, renderArrows_1.renderArrows)({
+                ...controls,
+                btnClass: ['left-3 top-20', 'right-3 top-20'],
                 className: '',
             })] }));
 });

package/mobile/dist/ui-kit/InnerTable/InnerTableBodyItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerTableBodyItem.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableBodyItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAuD;AACvD,yDAAsD;AAGtD,MAAM,YAAY,GAAG,GAAG,CAAC;AAMZ,QAAA,kBAAkB,GAAG,IAAA,aAAG,EAA0B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAE9D,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;IAC1E,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;IAE1E,MAAM,UAAU,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC;IAC1C,MAAM,cAAc,GAAG,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,iBAAiB,GAAG,CAAC,CAAC;IAE5E,MAAM,cAAc,GAAG,iBAAiB,GAAG,CAAC,CAAC;IAE7C,OAAO,CACL,4CACG,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EACvC,IAAA,2BAAY,EAAC;gBACZ,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;gBAC3C,OAAO,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;gBACzC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,eAAe,CAAC;gBAC7C,SAAS,EAAE,EAAE;aACd,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,iBAAyB,EAAE,EAAE,CAAC,CAAC,OAAmB,EAAE,MAAc,EAAE,EAAE;IACvF,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE;QACpB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,CAAC,YAAY,EAAE,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;IAE3C,MAAM,SAAS,GAAG,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAC3D,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,YAAY,GAAG,GAAG,EAClE,CAAC,CACF,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACvB,gCAAgC;QAChC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY;KAC5C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,CACL,iCAEE,SAAS,EAAC,oEAAoE,aAE7E,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAE,gCAAgC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,YAC7E,YAAY,CAAC,IAAI,GACd,CACP,CAAC,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAC,gCAAgC,YAC7C,gCACE,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE;wBACL,SAAS,EAAE,eAAe,SAAS,KAAK;qBACzC,YAEA,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,iCAEE,SAAS,EAAC,sEAAsE,aAE/E,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EACnE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,KAJlD,MAAM,CAAC,EAAE,CAKV,CACP,CAAC,GACE,GACF,KAzBD,MAAM,CAAC,MAAM,CAAC,CA0Bf,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAc,EAAE,QAAgB,EAAE,EAAE,CACtD,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,gCAAK,SAAS,EAAE,QAAQ,QAAQ,IAAI,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,YAAY,YACxF,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,gCAAqB,SAAS,EAAE,kCAAkC,YAC/D,IAAI,IADG,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}
+{"version":3,"file":"InnerTableBodyItem.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableBodyItem.tsx"],"names":[],"mappings":"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"}

package/mobile/dist/ui-kit/SwipeListControl/SwipeListControl.js

@@ -17,8 +17,11 @@ exports.SwipeListControl = (0, uni_jsx_1.JSX)(({ className, gap = constants_1.DE
         showDots,
         children,
     };
-    const handleScroll = (e) => {
+    const handleScroll = (0, hooks_1.useCallback)((e) => {
         const { scrollLeft, clientWidth, childElementCount, scrollWidth, children: childrenCollection, } = e?.currentTarget;
+        if (!childrenCollection[0]) {
+            return;
+        }
         // horizontal PADDING / 2 to compensate padding-margin combo of child container
         // without CSS calc function, as wrapper element gets bigger in the DOM, remaining same visually
         const itemWidth = childrenCollection[0].offsetWidth - padding / 2;
@@ -36,7 +39,7 @@ exports.SwipeListControl = (0, uni_jsx_1.JSX)(({ className, gap = constants_1.DE
         }
         setActiveIndex(index);
         setIndexFraction(fraction);
-    };
+    }, [gap, padding, activeIndex, onSlideChange]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsx)(SwipeListControlList_1.SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), (0, jsx_runtime_1.jsx)(SwipeListControlDots_1.SwipeListControlDots, { ...dotsProps })] }));
 });
 //# sourceMappingURL=SwipeListControl.js.map

package/mobile/dist/ui-kit/SwipeListControl/SwipeListControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAuD;AACvD,2CAA2D;AAC3D,iEAA8D;AAC9D,iEAAyF;AAEzF,yDAAsD;AACtD,6DAA0D;AAE7C,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EACC,SAAS,EACT,GAAG,GAAG,uBAAW,EACjB,OAAO,GAAG,2BAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,QAAQ;KACT,CAAC;IAEF,MAAM,YAAY,GAA0C,CAAC,CAAC,EAAE,EAAE;QAChE,MAAM,EACJ,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,QAAQ,EAAE,kBAAkB,GAC7B,GAAG,CAAC,EAAE,aAA4B,CAAC;QAEpC,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,kBAAkB,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACnF,MAAM,YAAY,GAAG,IAAA,iCAAe,EAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAa,EAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,aACvB,uBAAC,2CAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,EACvB,uBAAC,2CAAoB,OAAK,SAAS,GAAI,IACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,2CAA2D;AAC3D,iEAA8D;AAC9D,iEAA8D;AAG9D,yDAAsD;AACtD,6DAA0D;AAE7C,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EACC,SAAS,EACT,GAAG,GAAG,uBAAW,EACjB,OAAO,GAAG,2BAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,QAAQ;KACT,CAAC;IAEF,MAAM,YAAY,GAA0C,IAAA,mBAAW,EACrE,CAAC,CAAC,EAAE,EAAE;QACJ,MAAM,EACJ,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,QAAQ,EAAE,kBAAkB,GAC7B,GAAG,CAAC,EAAE,aAA4B,CAAC;QACpC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;YAC1B,OAAO;SACR;QAED,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,kBAAkB,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACnF,MAAM,YAAY,GAAG,IAAA,iCAAe,EAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,6BAAa,EAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,aACvB,uBAAC,2CAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,EACvB,uBAAC,2CAAoB,OAAK,SAAS,GAAI,IACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/dist/ui-kit/SwipeListControl/SwipeListControlDots.js

@@ -2,21 +2,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwipeListControlDots = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const DOT_STYLES = 'bg-primary-main opacity-30 w-1.5 h-1.5 min-w-1.5 min-h-1.5 rounded-full';
 const BASE_DOT_WIDTH = 6;
 const ACTIVE_DOT_WIDTH_CHANGE = 16;
 const BASE_DOT_OPACITY = 0.3;
 const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
 exports.SwipeListControlDots = (0, uni_jsx_1.JSX)(({ children, activeIndex, indexFraction, showDots }) => {
-    const handleClick = (idx) => (e) => {
+    const handleClick = (0, hooks_1.useCallback)((idx) => (e) => {
         if (idx === activeIndex) {
             return;
         }
         const contentContainer = e.currentTarget.parentElement
             ?.previousElementSibling;
         contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    };
-    return showDots && children?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => ((0, jsx_runtime_1.jsx)("div", { onClick: handleClick(idx), className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+    }, [activeIndex]);
+    return showDots && children ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children.length && children.map ? (children.map((_, idx) => ((0, jsx_runtime_1.jsx)("div", { onClick: handleClick(idx), className: DOT_STYLES, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx))))) : ((0, jsx_runtime_1.jsx)("div", { className: DOT_STYLES, style: createDotStyle(1) })) })) : null;
 });
 const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
@@ -24,14 +25,10 @@ const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     }
     const leftIndexMod = 1 - indexFraction;
     const rightIndexMod = indexFraction;
-    return currentIdx === activeIndex
-        ? {
-            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
-            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
-        }
-        : {
-            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
-            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
-        };
+    return createDotStyle(currentIdx === activeIndex ? leftIndexMod : rightIndexMod);
 };
+const createDotStyle = (indexModifier) => ({
+    opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * indexModifier}`,
+    width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * indexModifier}px`,
+});
 //# sourceMappingURL=SwipeListControlDots.js.map

package/mobile/dist/ui-kit/SwipeListControl/SwipeListControlDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQzB,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QACzC,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5F,CAAC,CAAC;IAEF,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CACpC,gCAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACjC,gCAEE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACe,EAAE;IACtC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE;QAC5D,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,UAAU,KAAK,WAAW;QAC/B,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,YAAY,EAAE;YACzE,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,YAAY,IAAI;SACtE;QACH,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;YAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;SACvE,CAAC;AACR,CAAC,CAAC"}
+{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAE1D,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQzB,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QACrB,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5F,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC5B,gCAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CAC/B,gCAEE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,CACH,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAI,CACzD,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACe,EAAE;IACtC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE;QAC5D,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,cAAc,CAAC,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;AACnF,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,aAAqB,EAA0B,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;IAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;CACvE,CAAC,CAAC"}

package/mobile/dist/ui-kit/SwipeListControl/SwipeListControlList.js

@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const constants_1 = require("./constants");
 const SwipeListControlItem_1 = require("./SwipeListControlItem");
 const getContainerStyle_1 = require("./utils/getContainerStyle");
-exports.SwipeListControlList = (0, uni_jsx_1.JSX)(({ className = '', children, activeIndex, onScroll, gap = constants_1.DEFAULT_GAP, padding = constants_1.DEFAULT_PADDING, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...(0, getContainerStyle_1.getContainerStyle)(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children?.length ? (children?.map((child, idx) => ((0, jsx_runtime_1.jsx)(SwipeListControlItem_1.SwipeListControlItem, { style: (0, getContainerStyle_1.getContainerStyle)(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : ((0, jsx_runtime_1.jsx)(SwipeListControlItem_1.SwipeListControlItem, { children: children })) }));
+exports.SwipeListControlList = (0, uni_jsx_1.JSX)(({ className = '', activeIndex = -1, gap = constants_1.DEFAULT_GAP, padding = constants_1.DEFAULT_PADDING, children, onScroll, }) => {
+    return children ? ((0, jsx_runtime_1.jsx)("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...(0, getContainerStyle_1.getContainerStyle)(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children.length && children.map ? (children.map((child, idx) => ((0, jsx_runtime_1.jsx)(SwipeListControlItem_1.SwipeListControlItem, { style: (0, getContainerStyle_1.getContainerStyle)(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : ((0, jsx_runtime_1.jsx)(SwipeListControlItem_1.SwipeListControlItem, { style: (0, getContainerStyle_1.getContainerStyle)(padding / 4), "aria-current": true, children: children })) })) : null;
 });
 //# sourceMappingURL=SwipeListControlList.js.map

package/mobile/dist/ui-kit/SwipeListControl/SwipeListControlList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2CAA2D;AAC3D,iEAA8D;AAE9D,iEAA8D;AAWjD,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,GAAG,uBAAW,EACjB,OAAO,GAAG,2BAAe,GAC1B,EAAE,EAAE;IACH,OAAO,CACL,gCACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,IAAA,qCAAiB,EAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,uBAAC,2CAAoB,IAEnB,KAAK,EAAE,IAAA,qCAAiB,EAAC,OAAO,GAAG,CAAC,CAAC,kBACvB,OAAO,CAAC,WAAW,KAAK,GAAG,CAAC,YAEzC,KAAK,IAJD,MAAM,CAAC,GAAG,CAAC,CAKK,CACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,2CAAoB,cAAE,QAAQ,GAAwB,CACxD,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2CAA2D;AAC3D,iEAA8D;AAE9D,iEAA8D;AAWjD,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,CAAC,CAAC,EAChB,GAAG,GAAG,uBAAW,EACjB,OAAO,GAAG,2BAAe,EACzB,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,gCACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,IAAA,qCAAiB,EAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,uBAAC,2CAAoB,IAEnB,KAAK,EAAE,IAAA,qCAAiB,EAAC,OAAO,GAAG,CAAC,CAAC,kBACvB,OAAO,CAAC,WAAW,KAAK,GAAG,CAAC,YAEzC,KAAK,IAJD,MAAM,CAAC,GAAG,CAAC,CAKK,CACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,2CAAoB,IAAC,KAAK,EAAE,IAAA,qCAAiB,EAAC,OAAO,GAAG,CAAC,CAAC,kCACxD,QAAQ,GACY,CACxB,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/dist/ui-kit/TableArrowScrollControl/TableArrowScrollControl.js

@@ -5,9 +5,11 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const renderArrows_1 = require("../Button/renderArrows");
 exports.TableArrowScrollControl = (0, uni_jsx_1.JSX)(({ isScrollAvailable, onNextClick, onPrevClick, showNextButton, showPrevButton }) => {
     return isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { children: (0, renderArrows_1.renderArrows)({
-            handler: [onPrevClick, onNextClick],
-            isShown: [showPrevButton, showNextButton],
-            btnClass: ['top-[108px]', 'top-11'],
+            dec: onPrevClick,
+            inc: onNextClick,
+            canDec: showPrevButton,
+            canInc: showNextButton,
+            btnClass: ['top-[108px]', 'top-[44px]'],
             className: 'right-7',
             isDisabled: true,
         }) })) : null;

package/mobile/dist/ui-kit/TableArrowScrollControl/TableArrowScrollControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yDAAsD;AAGzC,QAAA,uBAAuB,GAAG,IAAA,aAAG,EACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,0CACG,IAAA,2BAAY,EAAC;YACZ,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;YACnC,OAAO,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;YACzC,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACnC,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,IAAI;SACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yDAAsD;AAGzC,QAAA,uBAAuB,GAAG,IAAA,aAAG,EACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,0CACG,IAAA,2BAAY,EAAC;YACZ,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,cAAc;YACtB,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC;YACvC,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,IAAI;SACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/dist/ui-kit/TableArrowScrollControl/TableArrowScrollControlProps.d.ts

@@ -1,8 +1,9 @@
 export interface TableArrowScrollControlProps {
-    activeCardIndex: number;
+    activeIndex: number;
     onNextClick: () => void;
     onPrevClick: () => void;
     isScrollAvailable?: boolean;
     showNextButton: boolean;
     showPrevButton: boolean;
+    setActiveIndex: (index: number) => void;
 }

package/mobile/lib/BlockRenderer/BlockRendererOptions.d.ts

@@ -0,0 +1,11 @@
+import type { BlockAncestors, BlockDecorator } from '../model/BlockDecorator';
+import type { BlocksRegistry } from '../model/BlocksRegistry';
+import type { ContentPageDef, Slot } from '../model/ContentPageDef';
+export interface BlockRendererOptions {
+    key?: string;
+    page?: ContentPageDef;
+    blockDecorator?: BlockDecorator;
+    blocksRegistry?: BlocksRegistry;
+    parent?: Slot;
+    ancestors?: BlockAncestors;
+}

package/mobile/lib/BlockRenderer/BlockRendererOptions.js

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

package/mobile/lib/BlockRenderer/BlockRendererOptions.js.map

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

package/mobile/lib/BlockRenderer/defaultBlockDecorator.d.ts

@@ -0,0 +1,2 @@
+import type { BlockDecorator } from '../model/BlockDecorator';
+export declare const defaultBlockDecorator: BlockDecorator;

package/mobile/lib/BlockRenderer/defaultBlockDecorator.js

@@ -0,0 +1,2 @@
+export const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
+//# sourceMappingURL=defaultBlockDecorator.js.map

package/mobile/lib/BlockRenderer/defaultBlockDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultBlockDecorator.js","sourceRoot":"","sources":["../../src/BlockRenderer/defaultBlockDecorator.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAmB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CACzF,MAAM,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC"}

package/mobile/lib/BlockRenderer/getParentBlockContent.d.ts

@@ -0,0 +1,2 @@
+import type { BlockRendererOptions } from './BlockRendererOptions';
+export declare function getParentBlockContent<C extends Record<string, any>>(options: BlockRendererOptions | undefined, defaultContent: C): C;

package/mobile/lib/BlockRenderer/getParentBlockContent.js

@@ -0,0 +1,6 @@
+import { getParentBlockDef } from './getParentBlockDef.js';
+export function getParentBlockContent(options, defaultContent) {
+    const { content } = getParentBlockDef(options);
+    return content || defaultContent;
+}
+//# sourceMappingURL=getParentBlockContent.js.map

package/mobile/lib/BlockRenderer/getParentBlockContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getParentBlockContent.js","sourceRoot":"","sources":["../../src/BlockRenderer/getParentBlockContent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,UAAU,qBAAqB,CACnC,OAAyC,EACzC,cAAiB;IAEjB,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAQ,OAAa,IAAI,cAAc,CAAC;AAC1C,CAAC"}

package/mobile/lib/BlockRenderer/getParentBlockDef.d.ts

@@ -0,0 +1,3 @@
+import type { BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
+import type { BlockDef } from '../model/ContentPageDef';
+export declare function getParentBlockDef(options: BlockRendererOptions | undefined): BlockDef;

package/mobile/lib/BlockRenderer/getParentBlockDef.js

@@ -0,0 +1,4 @@
+export function getParentBlockDef(options) {
+    return options?.parent || {};
+}
+//# sourceMappingURL=getParentBlockDef.js.map

package/mobile/lib/BlockRenderer/getParentBlockDef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getParentBlockDef.js","sourceRoot":"","sources":["../../src/BlockRenderer/getParentBlockDef.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,iBAAiB,CAAC,OAAyC;IACzE,OAAO,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC;AAC/B,CAAC"}

package/mobile/lib/BlockRenderer/renderBlock.d.ts

@@ -0,0 +1,3 @@
+import type { BlockDef } from '../model/ContentPageDef';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+export declare function renderBlock(block: BlockDef, options: BlockRendererOptions): any;

package/mobile/lib/BlockRenderer/renderBlock.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { style2className } from '../utils/style2className.js';
+import { defaultBlockDecorator } from './defaultBlockDecorator.js';
+const DEFAULT_ANCESTORS = [];
+const DEFAULT_STYLE = ['col-span-12'];
+export function renderBlock(block, options) {
+    const { key, blockDecorator = defaultBlockDecorator, blocksRegistry = {}, ancestors = DEFAULT_ANCESTORS, } = options;
+    const { type } = block;
+    if (!(type && type in blocksRegistry)) {
+        console.warn(`No block with "${type}" is registered`);
+    }
+    const BlockComponent = type && blocksRegistry[type];
+    return blockDecorator({
+        blockClassName: `scroll-mt-12 ${style2className(block.style || DEFAULT_STYLE)}`,
+        block,
+        ancestors,
+        // Adjusted by decorator block and blockClassName
+        render: ({ block: adjustedBlock, blockClassName: adjustedBlockClassName }) => {
+            const { content } = adjustedBlock;
+            return BlockComponent ? (_jsx(BlockComponent, { className: adjustedBlockClassName, block: block, options: options, ...content }, key)) : null;
+        },
+    }, key);
+}
+//# sourceMappingURL=renderBlock.js.map

package/mobile/lib/BlockRenderer/renderBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBlock.js","sourceRoot":"","sources":["../../src/BlockRenderer/renderBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,iBAAiB,GAAmB,EAAE,CAAC;AAC7C,MAAM,aAAa,GAAG,CAAC,aAAa,CAAC,CAAC;AAEtC,MAAM,UAAU,WAAW,CAAC,KAAe,EAAE,OAA6B;IACxE,MAAM,EACJ,GAAG,EACH,cAAc,GAAG,qBAAqB,EACtC,cAAc,GAAG,EAAE,EACnB,SAAS,GAAG,iBAAiB,GAC9B,GAAG,OAAO,CAAC;IACZ,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,cAAc,CAAC,EAAE;QACrC,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,CAAC;KACvD;IAED,MAAM,cAAc,GAAG,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC;IAEpD,OAAO,cAAc,CACnB;QACE,cAAc,EAAE,gBAAgB,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,CAAC,EAAE;QAC/E,KAAK;QACL,SAAS;QACT,iDAAiD;QACjD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,sBAAsB,EAAE,EAAE,EAAE;YAC3E,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC;YAElC,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,KAAC,cAAc,IAEb,SAAS,EAAE,sBAAsB,EACjC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,OAAO,IAJN,GAAG,CAKR,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;QACX,CAAC;KACF,EACD,GAAG,CACJ,CAAC;AACJ,CAAC"}

package/mobile/lib/BlockRenderer/renderBlockList.d.ts

@@ -0,0 +1,9 @@
+import type { SlotName } from '../model/BlockDecorator';
+import type { BlockDef } from '../model/ContentPageDef';
+import type { VNode } from '../model/VNode';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+export interface BlocksListRendererProps extends BlockRendererOptions {
+    slotName?: SlotName;
+    renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+}
+export declare const renderBlocksList: (blocks: BlockDef[] | undefined, { key, ancestors, slotName, renderChild, ...options }: BlocksListRendererProps) => VNode[];

package/mobile/lib/BlockRenderer/renderBlockList.js

@@ -0,0 +1,11 @@
+import { DEFAULT_SLOT_NAME } from '../model/BlockDecorator.js';
+import { renderBlock } from './renderBlock.js';
+const EMPTY_ANCESTORS = [];
+export const renderBlocksList = (blocks, { key, ancestors = EMPTY_ANCESTORS, slotName = DEFAULT_SLOT_NAME, renderChild = renderBlock, ...options }) => (blocks || []).map((_, j) => renderChild(_, {
+    ...options,
+    key: `${key ? key : _.type}-${j}`,
+    ancestors: options.parent
+        ? [...(ancestors || EMPTY_ANCESTORS), [options.parent, slotName]]
+        : ancestors,
+}));
+//# sourceMappingURL=renderBlockList.js.map

package/mobile/lib/BlockRenderer/renderBlockList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBlockList.js","sourceRoot":"","sources":["../../src/BlockRenderer/renderBlockList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAO5C,MAAM,eAAe,GAAmB,EAAE,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,MAA8B,EAC9B,EACE,GAAG,EACH,SAAS,GAAG,eAAe,EAC3B,QAAQ,GAAG,iBAAiB,EAC5B,WAAW,GAAG,WAAW,EACzB,GAAG,OAAO,EACc,EACjB,EAAE,CACX,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAW,EAAE,CAAS,EAAE,EAAE,CAC5C,WAAW,CAAC,CAAC,EAAE;IACb,GAAG,OAAO;IACV,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,EAAE;IACjC,SAAS,EAAE,OAAO,CAAC,MAAM;QACvB,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,IAAI,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjE,CAAC,CAAC,SAAS;CACd,CAAC,CACH,CAAC"}

package/mobile/lib/BlockRenderer/renderChildren.d.ts

@@ -0,0 +1,10 @@
+import type { BlockDef } from '../model/ContentPageDef';
+import type { UniBlockProps } from '../model/JSXBlock';
+import type { VNode } from '../model/VNode';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+interface ChildrenRendererProps extends UniBlockProps {
+    children?: VNode;
+    renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+}
+export declare function renderChildren({ children, block, options, renderChild, }: ChildrenRendererProps): VNode[] | null;
+export {};

package/mobile/lib/BlockRenderer/renderChildren.js

@@ -0,0 +1,10 @@
+import { renderBlocksList } from './renderBlockList.js';
+export function renderChildren({ children, block, options, renderChild, }) {
+    if (children) {
+        return children;
+    }
+    return block && options
+        ? renderBlocksList(block.blocks, { ...options, parent: block, renderChild })
+        : null;
+}
+//# sourceMappingURL=renderChildren.js.map

package/mobile/lib/BlockRenderer/renderChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderChildren.js","sourceRoot":"","sources":["../../src/BlockRenderer/renderChildren.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAOrD,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,WAAW,GACW;IACtB,IAAI,QAAQ,EAAE;QACZ,OAAO,QAAQ,CAAC;KACjB;IAED,OAAO,KAAK,IAAI,OAAO;QACrB,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC5E,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}

package/mobile/lib/components/Accordion/Accordion.js

@@ -1,9 +1,10 @@
 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 { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
 import { AccordionItemsList } from './AccordionItemsList.js';
-export const Accordion = JSX(({ title, description, className = '', children, ...rest }) => (_jsxs(BlockWrapper, { className: `py-6 px-4 bg-white text-primary-text ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? (_jsx("div", { className: "mb-5", children: _jsx(Paragraph, { size: "text-m", font: "font-light", align: "text-center", children: description }) })) : null, _jsx(AccordionItemsList, { children: children })] })));
+export const Accordion = JSX(({ title, description, className = '', ...rest }) => (_jsxs(BlockWrapper, { className: `py-6 px-4 bg-white text-primary-text ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? (_jsx("div", { className: "mb-5", children: _jsx(Paragraph, { size: "text-m", font: "font-light", align: "text-center", children: description }) })) : null, _jsx(AccordionItemsList, { children: renderChildren(rest) })] })));
 Accordion.childrenTypes = ['AccordionItem'];
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,MAAM,CAAC,MAAM,SAAS,GAA6B,GAAG,CACpD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC7D,MAAC,YAAY,IAAC,SAAS,EAAE,wCAAwC,SAAS,EAAE,KAAM,IAAI,aACnF,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACtF,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,aAAa,YAC3D,WAAW,GACF,GACR,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,IACtC,CAChB,CACF,CAAC;AAEF,SAAS,CAAC,aAAa,GAAG,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.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;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,MAAM,CAAC,MAAM,SAAS,GAA6B,GAAG,CACpD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnD,MAAC,YAAY,IAAC,SAAS,EAAE,wCAAwC,SAAS,EAAE,KAAM,IAAI,aACnF,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACtF,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,aAAa,YAC3D,WAAW,GACF,GACR,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,kBAAkB,cAAE,cAAc,CAAC,IAAI,CAAC,GAAsB,IAClD,CAChB,CACF,CAAC;AAEF,SAAS,CAAC,aAAa,GAAG,CAAC,eAAe,CAAC,CAAC"}

package/mobile/lib/components/AccordionItem/AccordionItem.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } 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 { Foldable } from '../../ui-kit/Foldable/Foldable.js';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { Text } from '../../ui-kit/Text/Text.js';
 import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
 const icons = ['PlusIcon', 'MinusIcon'];
-export const AccordionItem = JSX(({ className = '', ancestors, label = '', labelIcon, isExpanded, children }) => {
-    const { bordered } = getParentBlockContent(ancestors, {});
-    return (_jsx("li", { className: `${bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0'} border-solid border-main-divider ${className}`, children: _jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx(FoldableSection, { className: "flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0", isUnfolded: isUnfolded, children: children })), renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(FoldButton, { className: bordered ? '' : 'py-[14px] px-0', label: label, icon: icons[Number(isUnfolded)], primaryIcon: labelIcon, onClick: onToggle })) }) }));
+export const AccordionItem = JSX(({ className = '', label = '', labelIcon, isExpanded, ...rest }) => {
+    const { bordered } = getParentBlockContent(rest.options, {});
+    return (_jsx("li", { className: `${bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0'} border-solid border-main-divider ${className}`, children: _jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx(FoldableSection, { className: "flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0", isUnfolded: isUnfolded, children: renderChildren(rest) })), renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(FoldButton, { className: bordered ? '' : 'py-[14px] px-0', label: label, icon: icons[Number(isUnfolded)], primaryIcon: labelIcon, onClick: onToggle })) }) }));
 });
 AccordionItem.childrenTypes = [];
 const FoldButton = JSX(({ className, icon, label, primaryIcon, onClick }) => (_jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`, onClick: onClick, children: [_jsxs("div", { className: "flex group-hover:text-primary-main", children: [primaryIcon ? (_jsx(Img, { image: getIconWithVersion(primaryIcon), className: "mr-3 flex-shrink-0", width: "24", height: "24", asSVG: true })) : null, _jsx(Text, { size: "text-m-title-xs", font: "font-medium", children: label })] }), _jsx(Img, { className: "flex-shrink-0", image: getIconWithVersion({ icon: icon }), width: "24", height: "24", asSVG: true })] })));

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG1E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIpE,MAAM,KAAK,GAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAAiC,GAAG,CAC5D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,CAAC,SAAS,EAAE,EAAsB,CAAC,CAAC;IAE9E,OAAO,CACL,aACE,SAAS,EAAE,GACT,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,mCACzC,qCAAqC,SAAS,EAAE,YAEhD,KAAC,QAAQ,IACP,iBAAiB,EAAE,IAAI,EACvB,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,eAAe,IACd,SAAS,EAAC,qDAAqD,EAC/D,UAAU,EAAE,UAAU,YAErB,QAAQ,GACO,CACnB,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9C,KAAC,UAAU,IACT,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAC3C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,QAAQ,GACjB,CACH,GACD,GACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,aAAa,GAAG,EAAE,CAAC;AAUjC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC5F,kBACE,SAAS,EAAE,qHAAqH,SAAS,EAAE,EAC3I,OAAO,EAAE,OAAO,aAEhB,eAAK,SAAS,EAAC,oCAAoC,aAChD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,GAAG,IACF,KAAK,EAAE,kBAAkB,CAAC,WAAW,CAAC,EACtC,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,aAAa,YAC5C,KAAK,GACD,IACH,EACN,KAAC,GAAG,IACF,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACzC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,IACK,CACV,CAAC,CAAC"}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../src/components/AccordionItem/AccordionItem.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;AAGpE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIpE,MAAM,KAAK,GAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAAiC,GAAG,CAC5D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,EAAE,EAAsB,CAAC,CAAC;IAEjF,OAAO,CACL,aACE,SAAS,EAAE,GACT,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,mCACzC,qCAAqC,SAAS,EAAE,YAEhD,KAAC,QAAQ,IACP,iBAAiB,EAAE,IAAI,EACvB,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,eAAe,IACd,SAAS,EAAC,qDAAqD,EAC/D,UAAU,EAAE,UAAU,YAErB,cAAc,CAAC,IAAI,CAAC,GACL,CACnB,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9C,KAAC,UAAU,IACT,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAC3C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,QAAQ,GACjB,CACH,GACD,GACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,aAAa,GAAG,EAAE,CAAC;AAUjC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC5F,kBACE,SAAS,EAAE,qHAAqH,SAAS,EAAE,EAC3I,OAAO,EAAE,OAAO,aAEhB,eAAK,SAAS,EAAC,oCAAoC,aAChD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,GAAG,IACF,KAAK,EAAE,kBAAkB,CAAC,WAAW,CAAC,EACtC,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,aAAa,YAC5C,KAAK,GACD,IACH,EACN,KAAC,GAAG,IACF,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACzC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,IACK,CACV,CAAC,CAAC"}

package/mobile/lib/components/BonusBenefitsBlock/BonusBenefitsBlock.js

@@ -1,11 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignText } from '../../model/AlignText.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { Headline } from '../Headline/Headline.js';
-export const BonusBenefitsBlock = JSX(({ className = '', title, subtitle, bonusBenefits, columnsCount = '4', ...rest }) => (_jsxs(BlockWrapper, { className: `font-sans text-primary-text bg-white p-[50px] flex flex-col text-center ${className}`, ...rest, children: [_jsx(Headline, { className: "!p-0", title: title, description: subtitle, headlineVersion: "M", align: "center", ...rest }), bonusBenefits?.length ? (_jsx("div", { className: `grid gap-1 mt-8 ${getElementsColsValue(columnsCount)}`, children: bonusBenefits.map(renderBonusBenefit) })) : null] })));
-const renderBonusBenefit = (bonusBenefit, i) => {
-    return (_jsxs("div", { className: "flex flex-col items-center max-w-[292px]", children: [bonusBenefit?.icon ? (_jsx(Img, { className: "h-[160px] w-[180px] min-w-[180px] min-h-[160px]", image: bonusBenefit.icon, width: "180", height: "160" })) : null, _jsx("div", { children: bonusBenefit?.label ? _jsx("span", { className: "text-h6 m-0", children: bonusBenefit.label }) : null })] }, String(i)));
+export const BonusBenefitsBlock = JSX(({ bonusBenefits, cardTextAlign = 'center', className = '', columnsCount = '4', subtitle, title, ...rest }) => (_jsxs(BlockWrapper, { className: `font-sans text-primary-text bg-white p-[50px] flex flex-col text-center ${className}`, ...rest, children: [_jsx(Headline, { className: "!p-0 mb-8", title: title, description: subtitle, headlineVersion: "M", align: "center", ...rest }), bonusBenefits?.length ? (_jsx("div", { className: `grid gap-1 ${AlignText[cardTextAlign]} ${getElementsColsValue(columnsCount)}`, children: bonusBenefits.map(renderBonusBenefit) })) : null] })));
+const renderBonusBenefit = ({ icon, label, description }, i) => {
+    return (_jsxs("div", { className: "flex flex-col items-center text-h6", children: [description ? _jsx("span", { children: description }) : null, icon ? _jsx(Img, { image: icon, height: "180", width: "auto", className: "h-[180px] w-auto" }) : null, _jsx("div", { children: label ? _jsx("span", { children: label }) : null })] }, String(i)));
+};
+const getElementsColsValue = (colValue) => {
+    switch (colValue) {
+        case '3':
+            return 'grid-cols-3';
+        case '4':
+            return 'grid-cols-4';
+        case '5':
+            return 'grid-cols-5';
+        default:
+            return 'grid-cols-5';
+    }
 };
-const getElementsColsValue = (colValue) => colValue === '4' ? 'grid-cols-4' : 'grid-cols-5';
 //# sourceMappingURL=BonusBenefitsBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BonusBenefitsBlock.js","sourceRoot":"","sources":["../../../src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAShD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,GAAG,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnF,MAAC,YAAY,IACX,SAAS,EAAE,2EAA2E,SAAS,EAAE,KAC7F,IAAI,aAER,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,QAAQ,EACrB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,QAAQ,KACV,IAAI,GACR,EACD,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAE,mBAAmB,oBAAoB,CAAC,YAAY,CAAC,EAAE,YACpE,aAAa,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAClC,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CACF,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,YAA0B,EAAE,CAAS,EAAE,EAAE;IACnE,OAAO,CACL,eAAqB,SAAS,EAAC,0CAA0C,aACtE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CACpB,KAAC,GAAG,IACF,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,YAAY,CAAC,IAAI,EACxB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACR,wBACG,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,aAAa,YAAE,YAAY,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,GACnF,KAXE,MAAM,CAAC,CAAC,CAAC,CAYb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,QAAsB,EAAE,EAAE,CACtD,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC"}
+{"version":3,"file":"BonusBenefitsBlock.js","sourceRoot":"","sources":["../../../src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAShD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EACC,aAAa,EACb,aAAa,GAAG,QAAQ,EACxB,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,GAAG,EAClB,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,MAAC,YAAY,IACX,SAAS,EAAE,2EAA2E,SAAS,EAAE,KAC7F,IAAI,aAER,KAAC,QAAQ,IACP,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,QAAQ,EACrB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,QAAQ,KACV,IAAI,GACR,EACD,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,cACE,SAAS,EAAE,cAAc,SAAS,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,YAAY,CAAC,EAAE,YAExF,aAAa,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAClC,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CACF,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAgB,EAAE,CAAS,EAAE,EAAE;IACnF,OAAO,CACL,eAAqB,SAAS,EAAC,oCAAoC,aAChE,WAAW,CAAC,CAAC,CAAC,yBAAO,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/C,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,IAAI,EAC1F,wBAAM,KAAK,CAAC,CAAC,CAAC,yBAAO,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,GAAO,KAHxC,MAAM,CAAC,CAAC,CAAC,CAIb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,QAAsB,EAAE,EAAE;IACtD,QAAQ,QAAQ,EAAE;QAChB,KAAK,GAAG;YACN,OAAO,aAAa,CAAC;QACvB,KAAK,GAAG;YACN,OAAO,aAAa,CAAC;QACvB,KAAK,GAAG;YACN,OAAO,aAAa,CAAC;QACvB;YACE,OAAO,aAAa,CAAC;KACxB;AACH,CAAC,CAAC"}

package/mobile/lib/components/BonusBenefitsBlock/BonusBenefitsBlockContent.d.ts

@@ -1,17 +1,19 @@
-import type { LabelProps, TitleProps } from '../../model/HeadlineType';
+import type { AlignType } from '../../model/AlignType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import type { IconProps } from '../../model/Picture';
 /**
  * @title Количество элементов в строке
  * @enumNames [
+ *   "Три колонки",
  *   "Четыре колонки",
  *   "Пять колонок",
  *  ]
  */
-export declare type ColumnsCount = '4' | '5';
+export declare type ColumnsCount = '3' | '4' | '5';
 /**
  * @title Бонус и преимущество
  */
-export declare type BonusBenefit = LabelProps & IconProps;
+export declare type BonusBenefit = LabelProps & IconProps & DescriptionProps;
 /**
  * @title Блок бонусов и преимуществ
  */
@@ -21,4 +23,5 @@ export declare type BonusBenefitsBlockContent = TitleProps & {
     /** @title Список бонусов */
     bonusBenefits?: BonusBenefit[];
     columnsCount?: ColumnsCount;
+    cardTextAlign?: AlignType;
 };

package/mobile/lib/components/Calculator/Calculator.js

@@ -1,6 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } 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 { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { Img } from '../../ui-kit/Img/Img.js';
@@ -8,46 +9,45 @@ import { renderCalculatorBlock } from './renderCalculatorBlock.js';
 export const Calculator = JSX(({ className = '', calculatorTabs = [], ...rest }) => {
     const tabsNav = calculatorTabs.map((_) => _.nav || {});
     const calculatorBlocks = calculatorTabs.map(({ calculatorBlock }) => calculatorBlock || {});
-    const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-    const [tabsShift, setTabsShift] = useState(0);
-    const handleNextClick = () => setTabsShift(tabsShift + 1);
-    const handlePrevClick = () => setTabsShift(tabsShift - 1);
-    const isGalleryScrollAvailable = calculatorTabs?.length > 3;
-    const showNextButton = isGalleryScrollAvailable && calculatorTabs?.length > tabsShift + 3;
-    const showPrevButton = tabsShift > 0;
+    const [slideIndexShift, setSlideIndexShift] = useState(0);
+    const handleSlideIndexShift = useCallback((_) => setSlideIndexShift(_), []);
+    const COLUMNS_FOR_SCROLL = 3;
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: calculatorTabs?.length,
+        visibleItemCount: COLUMNS_FOR_SCROLL,
+    });
     return (_jsxs(BlockWrapper, { className: `box-border overflow-hidden relative font-sans w-100 text-primary-text bg-white ${className}`, ...rest, children: [_jsxs("div", { className: "bg-white", children: [tabsNav.length > 1
-                        ? renderTabs({ tabsShift, tabsNav, activeSlideIndex, setActiveSlideIndex })
+                        ? renderTabs({ activeIndex, tabsNav, slideIndexShift, onClick: handleSlideIndexShift })
                         : null, renderArrows({
-                        handler: [handlePrevClick, handleNextClick],
-                        isShown: [showPrevButton, showNextButton],
+                        ...controls,
                         btnClass: ['left-3', 'right-3'],
                         className: 'top-8',
-                    })] }), _jsx("div", { className: "flex", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: calculatorBlocks?.length ? calculatorBlocks.map(renderCalculatorBlock) : null })] }));
+                    })] }), _jsx("div", { className: "flex", style: { transform: `translateX(-${slideIndexShift}00%)` }, role: "list", children: calculatorBlocks?.length ? calculatorBlocks.map(renderCalculatorBlock) : null })] }));
 });
-function renderNavButton({ tab, i, activeSlideIndex, onClick }) {
-    const isActiveBtn = i === activeSlideIndex;
-    const btnClassName = isActiveBtn
+function renderNavButton({ tab, i, isActive, onClick }) {
+    const btnClassName = isActive
         ? 'h-[88px] w-[387px] min-w-[387px] p-5 border-none bg-primary-main text-white'
         : `h-[77px] w-[328px] min-w-[328px] px-5 py-4 ease-in duration-300 bg-white text-primary-text`;
-    const btnTitleClassName = isActiveBtn ? 'text-xl mb-1.5' : `text-l mb-[3px]`;
-    const btnDescClassName = isActiveBtn
+    const btnTitleClassName = isActive ? 'text-xl mb-1.5' : `text-l mb-[3px]`;
+    const btnDescClassName = isActive
         ? 'text-l-light text-white'
         : `text-m-light text-secondary-text`;
-    const iconClassName = isActiveBtn ? '' : `text-primary-main`;
+    const iconClassName = isActive ? '' : `text-primary-main`;
     const iconVersion = tab?.icon?.iconVersion;
-    const activeIconStyle = isActiveBtn ? 'white' : 'normal';
+    const activeIconStyle = isActive ? 'white' : 'normal';
     return (_jsxs("button", { type: "button", onClick: onClick, "aria-label": tab?.title, className: `box-border relative border border-main-stroke cursor-pointer text-left border-b-0 flex hover:h-[88px]
       ${btnClassName}`, children: [_jsx(Img, { className: `h-6 w-6 min-w-6 min-h-6 mr-4 ${iconClassName}`, image: {
                     ...tab?.icon,
                     iconVersion: iconVersion ?? activeIconStyle,
                 }, width: "24", height: "24", asSVG: true }), _jsxs("div", { className: "border-0", children: [_jsx("div", { className: `${btnTitleClassName}`, children: tab?.title }), _jsx("div", { className: `${btnDescClassName}`, children: tab.description })] })] }, String(i)));
 }
-function renderTabs({ tabsShift, tabsNav, activeSlideIndex, setActiveSlideIndex }) {
-    return (_jsxs("div", { children: [_jsx("div", { style: { transform: `translateX(-${tabsShift * 388}px)` }, className: "flex flex-col justify-end items-center h-[126px] pt-9 box-border duration-1000", children: _jsx("div", { className: "w-full flex flex-nowrap items-end gap-2", children: tabsNav.map((tab, i) => renderNavButton({
+function renderTabs({ activeIndex, tabsNav, slideIndexShift, onClick }) {
+    const CARD_SHIFT = 388;
+    return (_jsxs("div", { children: [_jsx("div", { style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, className: "flex flex-col justify-end items-center h-[126px] pt-9 box-border duration-1000", children: _jsx("div", { className: "w-full flex flex-nowrap items-end gap-2", children: tabsNav.map((tab, i) => renderNavButton({
                         tab,
                         i,
-                        activeSlideIndex,
-                        onClick: () => setActiveSlideIndex(i),
+                        isActive: Boolean(i === slideIndexShift),
+                        onClick: () => onClick(i),
                     })) }) }), _jsx("div", { className: "w-full h-2 bg-primary-main" })] }));
 }
 //# sourceMappingURL=Calculator.js.map