@redneckz/wildless-cms-uni-blocks 0.14.152 → 0.14.153

package/bundle/components/TabsLayout/TabsLayoutRedirectSection.d.ts

@@ -0,0 +1,6 @@
+import { type Tab } from './TabsLayoutContent';
+interface TabsLayoutRedirectSectionProps {
+    tab: Tab;
+}
+export declare const TabsLayoutRedirectSection: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectSectionProps, any, any>;
+export {};

package/bundle/components/TabsLayout/useScrollToTab.d.ts

@@ -0,0 +1,2 @@
+import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
+export declare const useScrollToTab: (activeTabIndex: number, scroll: SwipeListScroll) => void;

package/dist/components/TabsLayout/TabsLayout.js

@@ -12,20 +12,19 @@ const style_1 = require("../../utils/style");
 const CarouselScrollButtons_1 = require("../Carousel/CarouselScrollButtons");
 const alignTabStyle_1 = require("./alignTabStyle");
 const TabsLayoutButton_1 = require("./TabsLayoutButton");
-const TabsLayoutRedirectTab_1 = require("./TabsLayoutRedirectTab");
+const TabsLayoutRedirectSection_1 = require("./TabsLayoutRedirectSection");
+const useScrollToTab_1 = require("./useScrollToTab");
 exports.TabsLayout = (0, uni_jsx_1.JSX)(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
     const [activeTabIndex, setActiveTabIndex] = (0, hooks_1.useState)(getInitSelectedIndex(tabs));
     const slotName = getSlotName(tabs[activeTabIndex], activeTabIndex);
     const itemCount = tabs.length;
     const [activeSlideIndex, { inc: incActiveSlideIndex, dec: decActiveSlideIndex }] = (0, useCarouselControls_1.useCarouselControls)({ itemCount }, activeTabIndex);
     const [containerRef, scroll] = (0, useSwipeListScroll_1.useSwipeListScroll)({ itemCount });
-    (0, hooks_1.useEffect)(() => {
-        scroll.scrollTo(activeTabIndex, { behavior: 'auto' });
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative border-b-8 border-primary-main", children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), (0, jsx_runtime_1.jsx)(CarouselScrollButtons_1.CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? ((0, jsx_runtime_1.jsx)(TabsLayoutRedirectTab_1.TabsLayoutRedirectTab, { tab: tabs[activeTabIndex] })) : ((0, renderBlockList_1.renderBlocksList)(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
+    (0, useScrollToTab_1.useScrollToTab)(activeTabIndex, scroll);
+    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative border-b-8 border-primary-main", children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), (0, jsx_runtime_1.jsx)(CarouselScrollButtons_1.CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? ((0, jsx_runtime_1.jsx)(TabsLayoutRedirectSection_1.TabsLayoutRedirectSection, { tab: tabs[activeTabIndex] })) : ((0, renderBlockList_1.renderBlocksList)(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
 });
 exports.TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
-exports.TabsLayout.childrenTypes = { exclude: ['TabsLayout'] };
+exports.TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
 const getSlotName = (tab, index) => tab?.title || `Слот №${index}`;
 const getInitSelectedIndex = (tabs) => tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
 const renderTabButton = (activeTabIndex, onClick, tabAlign = 'start') => (tab, i) => ((0, jsx_runtime_1.jsx)(TabsLayoutButton_1.TabsLayoutButton, { className: alignTabStyle_1.alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));

package/dist/components/TabsLayout/TabsLayout.js.map

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

package/dist/components/TabsLayout/TabsLayoutRedirectSection.d.ts

@@ -0,0 +1,6 @@
+import { type Tab } from './TabsLayoutContent';
+interface TabsLayoutRedirectSectionProps {
+    tab: Tab;
+}
+export declare const TabsLayoutRedirectSection: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectSectionProps, any, any>;
+export {};

package/dist/components/TabsLayout/TabsLayoutRedirectSection.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsLayoutRedirectSection = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const useDebouncedEffect_1 = require("@redneckz/uni-jsx/lib/hooks/useDebouncedEffect");
+const useLink_1 = require("../../hooks/useLink");
+const Shimmer_1 = require("../../ui-kit/Shimmer/Shimmer");
+const url_1 = require("../../utils/url");
+const REDIRECT_DELAY = 0.8 * 1000;
+exports.TabsLayoutRedirectSection = (0, uni_jsx_1.JSX)(({ tab }) => {
+    const link = (0, useLink_1.useLink)();
+    const { onClick } = link({
+        ...tab,
+        onClick: () => {
+            /**
+             * In the current implementation of useLink, there is no follow-by-link method,
+             * and default routing won't work if the link is external.
+             */
+            if (tab.href && !(0, url_1.isLocalURL)(tab.href)) {
+                globalThis.location.href = tab.href;
+            }
+        },
+    });
+    (0, useDebouncedEffect_1.useDebouncedEffect)(onClick, [], REDIRECT_DELAY);
+    return (0, jsx_runtime_1.jsx)(Shimmer_1.Shimmer, { className: "col-span-12 p-xl", size: 5 });
+});
+//# sourceMappingURL=TabsLayoutRedirectSection.js.map

package/dist/components/TabsLayout/TabsLayoutRedirectSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLayoutRedirectSection.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayoutRedirectSection.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uFAAoF;AACpF,iDAA8C;AAC9C,0DAAuD;AACvD,yCAA6C;AAG7C,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC;AAMrB,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAAiC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACvF,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACvB,GAAG,GAAG;QACN,OAAO,EAAE,GAAG,EAAE;YACZ;;;eAGG;YACH,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,IAAA,gBAAU,EAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBACrC,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;aACrC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,IAAA,uCAAkB,EAAC,OAAO,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IAEhD,OAAO,uBAAC,iBAAO,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}

package/dist/components/TabsLayout/useScrollToTab.d.ts

@@ -0,0 +1,2 @@
+import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
+export declare const useScrollToTab: (activeTabIndex: number, scroll: SwipeListScroll) => void;

package/dist/components/TabsLayout/useScrollToTab.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollToTab = void 0;
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useBool_1 = require("@redneckz/uni-jsx/lib/hooks/useBool");
+const useScrollToTab = (activeTabIndex, scroll) => {
+    const [initState, { setTrue: setInitStateTrue }] = (0, useBool_1.useBool)(false);
+    (0, hooks_1.useEffect)(() => {
+        scroll.scrollTo(activeTabIndex, {
+            behavior: initState ? 'smooth' : 'auto',
+            block: 'nearest',
+            inline: 'center',
+        });
+        !initState && setInitStateTrue();
+    }, [activeTabIndex, initState]);
+};
+exports.useScrollToTab = useScrollToTab;
+//# sourceMappingURL=useScrollToTab.js.map

package/dist/components/TabsLayout/useScrollToTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToTab.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/useScrollToTab.ts"],"names":[],"mappings":";;AAAA,uDAAwD;AACxD,iEAA8D;AAGvD,MAAM,cAAc,GAAG,CAAC,cAAsB,EAAE,MAAuB,EAAE,EAAE;IAChF,MAAM,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE;YAC9B,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;YACvC,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,CAAC,SAAS,IAAI,gBAAgB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB"}

package/lib/components/TabsLayout/TabsLayout.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 { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList.js';
 import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
@@ -10,20 +10,19 @@ import { style } from '../../utils/style.js';
 import { CarouselScrollButtons } from '../Carousel/CarouselScrollButtons.js';
 import { alignTabStyle } from './alignTabStyle.js';
 import { TabsLayoutButton } from './TabsLayoutButton.js';
-import { TabsLayoutRedirectTab } from './TabsLayoutRedirectTab.js';
+import { TabsLayoutRedirectSection } from './TabsLayoutRedirectSection.js';
+import { useScrollToTab } from './useScrollToTab.js';
 export const TabsLayout = JSX(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
     const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabs));
     const slotName = getSlotName(tabs[activeTabIndex], activeTabIndex);
     const itemCount = tabs.length;
     const [activeSlideIndex, { inc: incActiveSlideIndex, dec: decActiveSlideIndex }] = useCarouselControls({ itemCount }, activeTabIndex);
     const [containerRef, scroll] = useSwipeListScroll({ itemCount });
-    useEffect(() => {
-        scroll.scrollTo(activeTabIndex, { behavior: 'auto' });
-    }, []);
-    return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [_jsxs("div", { className: "relative border-b-8 border-primary-main", children: [_jsx(SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), _jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), _jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? (_jsx(TabsLayoutRedirectTab, { tab: tabs[activeTabIndex] })) : (renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
+    useScrollToTab(activeTabIndex, scroll);
+    return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [_jsxs("div", { className: "relative border-b-8 border-primary-main", children: [_jsx(SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), _jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), _jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? (_jsx(TabsLayoutRedirectSection, { tab: tabs[activeTabIndex] })) : (renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
 });
 TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
-TabsLayout.childrenTypes = { exclude: ['TabsLayout'] };
+TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
 const getSlotName = (tab, index) => tab?.title || `Слот №${index}`;
 const getInitSelectedIndex = (tabs) => tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
 const renderTabButton = (activeTabIndex, onClick, tabAlign = 'start') => (tab, i) => (_jsx(TabsLayoutButton, { className: alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));

package/lib/components/TabsLayout/TabsLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,CACtD,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjF,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;IAEnE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC;IAE9B,MAAM,CAAC,gBAAgB,EAAE,EAAE,GAAG,EAAE,mBAAmB,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,GAC9E,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,cAAc,CAAC,CAAC;IAErD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB,EAAE,SAAS,EAAE,CAAC,CAAC;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IACxD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,cAAc,EAAC,KAAK,KAAK,IAAI,aACtE,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,kBAAkB,IACjB,aAAa,EAAC,MAAM,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,UAAU,EACpB,GAAG,EAAE,CAAC,EACN,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,cAAc,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CAAC,GACpD,EACrB,KAAC,qBAAqB,IACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,mBAAmB,EACjC,aAAa,EAAE,mBAAmB,EAClC,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,SAAS,GACpB,IACE,EACN,cAAK,SAAS,EAAC,oEAAoE,YAChF,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAC5B,KAAC,qBAAqB,IAAC,GAAG,EAAE,IAAI,CAAC,cAAc,CAAC,GAAI,CACrD,CAAC,CAAC,CAAC,CACF,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAC3E,GACG,IACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;AACrF,UAAU,CAAC,aAAa,GAAG,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;AAEvD,MAAM,WAAW,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAU,EAAE,CAAC,GAAG,EAAE,KAAK,IAAI,SAAS,KAAK,EAAE,CAAC;AAExF,MAAM,oBAAoB,GAAG,CAAC,IAAW,EAAE,EAAE,CAC3C,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;AAEhF,MAAM,eAAe,GACnB,CAAC,cAAsB,EAAE,OAA4B,EAAE,WAAkB,OAAO,EAAE,EAAE,CACpF,CAAC,GAAQ,EAAE,CAAS,EAAE,EAAE,CACtB,CACE,KAAC,gBAAgB,IAEf,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,EAClC,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,cAAc,KAAK,CAAC,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAJpB,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC"}
+{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":"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"}

package/lib/components/TabsLayout/TabsLayoutRedirectSection.d.ts

@@ -0,0 +1,6 @@
+import { type Tab } from './TabsLayoutContent';
+interface TabsLayoutRedirectSectionProps {
+    tab: Tab;
+}
+export declare const TabsLayoutRedirectSection: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectSectionProps, any, any>;
+export {};

package/lib/components/TabsLayout/TabsLayoutRedirectSection.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
+import { useLink } from '../../hooks/useLink.js';
+import { Shimmer } from '../../ui-kit/Shimmer/Shimmer.js';
+import { isLocalURL } from '../../utils/url.js';
+const REDIRECT_DELAY = 0.8 * 1000;
+export const TabsLayoutRedirectSection = JSX(({ tab }) => {
+    const link = useLink();
+    const { onClick } = link({
+        ...tab,
+        onClick: () => {
+            /**
+             * In the current implementation of useLink, there is no follow-by-link method,
+             * and default routing won't work if the link is external.
+             */
+            if (tab.href && !isLocalURL(tab.href)) {
+                globalThis.location.href = tab.href;
+            }
+        },
+    });
+    useDebouncedEffect(onClick, [], REDIRECT_DELAY);
+    return _jsx(Shimmer, { className: "col-span-12 p-xl", size: 5 });
+});
+//# sourceMappingURL=TabsLayoutRedirectSection.js.map

package/lib/components/TabsLayout/TabsLayoutRedirectSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLayoutRedirectSection.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayoutRedirectSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC;AAMlC,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAiC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACvF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACvB,GAAG,GAAG;QACN,OAAO,EAAE,GAAG,EAAE;YACZ;;;eAGG;YACH,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBACrC,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;aACrC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IAEhD,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}

package/lib/components/TabsLayout/useScrollToTab.d.ts

@@ -0,0 +1,2 @@
+import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
+export declare const useScrollToTab: (activeTabIndex: number, scroll: SwipeListScroll) => void;

package/lib/components/TabsLayout/useScrollToTab.js

@@ -0,0 +1,14 @@
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+export const useScrollToTab = (activeTabIndex, scroll) => {
+    const [initState, { setTrue: setInitStateTrue }] = useBool(false);
+    useEffect(() => {
+        scroll.scrollTo(activeTabIndex, {
+            behavior: initState ? 'smooth' : 'auto',
+            block: 'nearest',
+            inline: 'center',
+        });
+        !initState && setInitStateTrue();
+    }, [activeTabIndex, initState]);
+};
+//# sourceMappingURL=useScrollToTab.js.map

package/lib/components/TabsLayout/useScrollToTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToTab.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/useScrollToTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAG9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,cAAsB,EAAE,MAAuB,EAAE,EAAE;IAChF,MAAM,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE;YAC9B,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;YACvC,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,CAAC,SAAS,IAAI,gBAAgB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -4998,29 +4998,48 @@
         }, deps);
     }
 
-    const REDIRECT_DELAY = 0.5 * 1000;
-    const TabsLayoutRedirectTab = JSX(({ tab }) => {
+    const REDIRECT_DELAY = 0.8 * 1000;
+    const TabsLayoutRedirectSection = JSX(({ tab }) => {
         const link = useLink();
-        useDebouncedEffect(() => {
-            const { onClick } = link(tab);
-            onClick();
-        }, [tab], REDIRECT_DELAY);
+        const { onClick } = link({
+            ...tab,
+            onClick: () => {
+                /**
+                 * In the current implementation of useLink, there is no follow-by-link method,
+                 * and default routing won't work if the link is external.
+                 */
+                if (tab.href && !isLocalURL(tab.href)) {
+                    globalThis.location.href = tab.href;
+                }
+            },
+        });
+        useDebouncedEffect(onClick, [], REDIRECT_DELAY);
         return jsx(Shimmer, { className: "col-span-12 p-xl", size: 5 });
     });
 
+    const useScrollToTab = (activeTabIndex, scroll) => {
+        const [initState, { setTrue: setInitStateTrue }] = useBool(false);
+        useEffect(() => {
+            scroll.scrollTo(activeTabIndex, {
+                behavior: initState ? 'smooth' : 'auto',
+                block: 'nearest',
+                inline: 'center',
+            });
+            !initState && setInitStateTrue();
+        }, [activeTabIndex, initState]);
+    };
+
     const TabsLayout = JSX(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
         const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabs));
         const slotName = getSlotName(tabs[activeTabIndex], activeTabIndex);
         const itemCount = tabs.length;
         const [activeSlideIndex, { inc: incActiveSlideIndex, dec: decActiveSlideIndex }] = useCarouselControls({ itemCount }, activeTabIndex);
         const [containerRef, scroll] = useSwipeListScroll({ itemCount });
-        useEffect(() => {
-            scroll.scrollTo(activeTabIndex, { behavior: 'auto' });
-        }, []);
-        return (jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [jsxs("div", { className: "relative border-b-8 border-primary-main", children: [jsx(SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? (jsx(TabsLayoutRedirectTab, { tab: tabs[activeTabIndex] })) : (renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
+        useScrollToTab(activeTabIndex, scroll);
+        return (jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [jsxs("div", { className: "relative border-b-8 border-primary-main", children: [jsx(SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? (jsx(TabsLayoutRedirectSection, { tab: tabs[activeTabIndex] })) : (renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
     });
     TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
-    TabsLayout.childrenTypes = { exclude: ['TabsLayout'] };
+    TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
     const getSlotName = (tab, index) => tab?.title || `Слот №${index}`;
     const getInitSelectedIndex = (tabs) => tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
     const renderTabButton = (activeTabIndex, onClick, tabAlign = 'start') => (tab, i) => (jsx(TabsLayoutButton, { className: alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));
@@ -5794,7 +5813,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.151";
+    const packageVersion = "0.14.152";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;