@redneckz/wildless-cms-uni-blocks 0.14.75 → 0.14.77

package/bundle/bundle.umd.js

@@ -278,43 +278,6 @@
 
     const defaultEventBus = new EventBus();
 
-    const SENSITIVITY_SCALE = 10;
-    function useIntersectionObserver(observerCallback, { sensitivity, rootRef } = {}) {
-        const ref = useRef(null);
-        const observerOptions = useMemo(() => ({ threshold: sensitivityToThreshold(sensitivity), root: rootRef?.current }), [sensitivity, rootRef?.current]);
-        useEffect(() => {
-            if (!ref.current) {
-                return undefined;
-            }
-            const intersectionObserver = new IntersectionObserver(observerCallback, observerOptions);
-            intersectionObserver.observe(ref.current);
-            return () => {
-                intersectionObserver.disconnect();
-            };
-        }, [observerCallback, observerOptions]);
-        return ref;
-    }
-    function sensitivityToThreshold(sensitivity = 0) {
-        const thresholdsCount = Math.round(sensitivity * SENSITIVITY_SCALE);
-        return new Array(thresholdsCount)
-            .fill(0)
-            .map((_, thi) => Math.min(thi / thresholdsCount), 1)
-            .concat(1);
-    }
-
-    const blockRouterEventBus = new EventBus();
-
-    function useBlockIntersectionObserver(block) {
-        const observerCallback = useCallback((entries) => {
-            if (!block || !entries?.length) {
-                return;
-            }
-            const intersection = entries[entries.length - 1];
-            blockRouterEventBus.fire('intersection', { block, intersection });
-        }, [block]);
-        return useIntersectionObserver(observerCallback, { sensitivity: 1 });
-    }
-
     const style = (...atoms) => atoms
         .flatMap((_) => _)
         .filter(Boolean)
@@ -329,13 +292,12 @@
     };
     const BlockWrapper = JSX(({ className, version = 'primary', isTheme = true, defaultPadding = 'p-xl', padding, block, tag = 'section', role, children, }) => {
         const Tag = tag;
-        const ref = useBlockIntersectionObserver(block);
         const [isHidden, setHidden] = useState(false);
         useEffect(() => defaultEventBus.subscribe('tab', (event) => {
             setHidden(Boolean(event.label && block?.labels?.length && !block.labels.includes(event.label)));
         }), [block]);
         const isGroup = version && isTheme;
-        return (jsx(Tag, { className: style('@container font-sans', isGroup ? 'group' : '', blockStyles[version], isHidden ? 'hidden' : '', padding || defaultPadding, className), ...(isGroup ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor, ref } : {}), role: role, children: children }));
+        return (jsx(Tag, { className: style('@container font-sans', isGroup ? 'group' : '', blockStyles[version], isHidden ? 'hidden' : '', padding || defaultPadding, className), ...(isGroup ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor } : {}), role: role, children: children }));
     });
 
     const headingTag = (tag) => tag;
@@ -2711,6 +2673,30 @@
         minHeight: `${minHeight || DEFAULT_HEIGHT}px`,
     });
 
+    const SENSITIVITY_SCALE = 10;
+    function useIntersectionObserver(observerCallback, { sensitivity, rootRef } = {}) {
+        const ref = useRef(null);
+        const observerOptions = useMemo(() => ({ threshold: sensitivityToThreshold(sensitivity), root: rootRef?.current }), [sensitivity, rootRef?.current]);
+        useEffect(() => {
+            if (!ref.current) {
+                return undefined;
+            }
+            const intersectionObserver = new IntersectionObserver(observerCallback, observerOptions);
+            intersectionObserver.observe(ref.current);
+            return () => {
+                intersectionObserver.disconnect();
+            };
+        }, [observerCallback, observerOptions]);
+        return ref;
+    }
+    function sensitivityToThreshold(sensitivity = 0) {
+        const thresholdsCount = Math.round(sensitivity * SENSITIVITY_SCALE);
+        return new Array(thresholdsCount)
+            .fill(0)
+            .map((_, thi) => Math.min(thi / thresholdsCount), 1)
+            .concat(1);
+    }
+
     const SwipeListItem = JSX(({ className = '', style, idx, activeIndex, observerOptions, children, onIntersection }) => {
         const observerCallback = useCallback((entries) => {
             if (entries.length && onIntersection) {
@@ -5597,61 +5583,6 @@
         Video,
     };
 
-    const debounce = (fn, delay = 600) => {
-        let timerId;
-        const debouncedCallback = (...args) => {
-            debouncedCallback.dispose();
-            timerId = setTimeout(() => {
-                fn(...args);
-            }, delay);
-        };
-        debouncedCallback.dispose = () => {
-            if (timerId) {
-                clearTimeout(timerId);
-            }
-        };
-        return debouncedCallback;
-    };
-
-    const normalizeAnchor = (anchor) => anchor?.replace('#', '') || '';
-    function trackBlock(block) {
-        const hash = `#${normalizeAnchor(block?.anchor)}`;
-        if (globalThis.location?.hash !== hash) {
-            globalThis.history?.replaceState(globalThis.history?.state, '', hash);
-        }
-    }
-
-    const SPECIAL_BLOCK_TYPES = ['Header', 'Footer'];
-    const EPS = 0.01;
-    const topLineDelta = ([, { target }]) => Math.abs(target.getBoundingClientRect().top);
-    function findActiveBlock(intersections) {
-        const visibleIntersections = intersections
-            .filter(([block]) => !SPECIAL_BLOCK_TYPES.includes(block.type || ''))
-            .filter(([, { intersectionRatio }]) => intersectionRatio > EPS);
-        const [activeBlock] = visibleIntersections.length > 0 ? minBy(topLineDelta)(visibleIntersections) : [];
-        return activeBlock;
-    }
-
-    const isScrolledEnough = () => globalThis.scrollY > (globalThis.innerHeight * 3) / 4;
-    function useBlockRouterProvider(scrollTarget = globalThis) {
-        const intersectionsMapRef = useRef(new Map());
-        useEffect(() => blockRouterEventBus.subscribe('intersection', ({ block, intersection }) => {
-            if (intersectionsMapRef.current) {
-                intersectionsMapRef.current.set(block, intersection);
-            }
-        }), []);
-        useEffect(() => {
-            const handleScroll = debounce(() => {
-                trackBlock(isScrolledEnough() ? findActiveBlock([...(intersectionsMapRef.current || [])]) : undefined);
-            }, 100);
-            scrollTarget.addEventListener('scroll', handleScroll);
-            return () => {
-                handleScroll.dispose();
-                scrollTarget.removeEventListener('scroll', handleScroll);
-            };
-        }, [scrollTarget]);
-    }
-
     const COOKIE_DIALOG_ID = 'cookie';
     const DIALOG_INITIAL_DELAY = 3 * 1000;
     const CookiePopup = JSX(({ termLink, personalDataPolicyLink }) => {
@@ -5820,7 +5751,6 @@
             blockDecorator,
             parent: data,
         };
-        useBlockRouterProvider();
         return (jsxs("div", { "data-theme": colorPalette, children: [jsxs("section", { className: style('@container relative', pageStyle, className), children: [slots?.header ? (jsx("div", { className: "relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]", children: renderBlocksList(slots?.header, { ...options, slotName: 'header' }) })) : null, jsxs("div", { className: "container space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: [renderChildren({ block: data, options, extraProps: { className: 'scroll-mt-12' } }), renderBlocksList(slots?.footer, { ...options, slotName: 'footer' })] }), likeControl ? renderLikeControl() : null] }), jsx(StickyBottomMenu, {}), jsx(DialogManager, {}), jsx(PopupManager, {}), jsx(CookiePopup, { termLink: { href: '/pd-policy#cookie', target: '_blank' }, personalDataPolicyLink: { href: '/pd-policy', target: '_blank' } })] }));
     });
     ContentPage.childrenTypes = [];
@@ -5829,7 +5759,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.14.74";
+    const packageVersion = "0.14.76";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;