@redneckz/wildless-cms-uni-blocks 0.8.27 → 0.8.29

package/mobile/bundle/bundle.umd.js

@@ -359,15 +359,16 @@
         transparent: 'bg-transparent text-primary-text',
         '': '',
     };
-    const BlockWrapper = JSX(({ className = '', version = 'primary', block, tag = 'section', role, isTheme = true, children, }) => {
+    const BlockWrapper = JSX(({ className = '', version = 'primary', block, tag = 'section', role, isTheme = true, extraProps = {}, 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]);
-        return (jsx(Tag, { className: style(isTheme ? 'group' : '', blockStyles[version], isHidden ? 'hidden' : '', className), ...(version && isTheme ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor, ref } : {}), role: role, children: children }));
+        return (jsx(Tag, { className: style(groupStyle(Boolean(version && isTheme)), blockStyles[version], isHidden ? 'hidden' : '', className), ...(version && isTheme ? { 'data-ver': version } : {}), ...(block?.anchor ? { id: block.anchor, ref } : {}), role: role, ...extraProps, children: children }));
     });
+    const groupStyle = (isGroup) => (isGroup ? 'group' : '');
 
     const HeadingClass = {
         h0: 'text-m-title',
@@ -477,6 +478,7 @@
 
     const defaultDiscriminator = (_) => _;
     const maxBy = (discriminator = defaultDiscriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
+    const max = maxBy();
 
     const minBy = (discriminator = defaultDiscriminator) => maxBy((_) => -discriminator(_));
 
@@ -859,6 +861,15 @@
         }
     }
 
+    async function fetchJSON(url, options) {
+        try {
+            return url ? await fetchJSONUnsafe(url, options) : null;
+        }
+        catch (err) {
+            console.error(err);
+        }
+        return null;
+    }
     async function fetchJSONUnsafe(url, options) {
         const response = await fetch(url, {
             ...options,
@@ -877,29 +888,245 @@
         return data || {};
     }
 
-    const useSearch = () => {
-        const [term, setTerm] = useState('');
-        return {
-            term,
-            setTerm: (text) => setTerm(text),
-        };
+    function useBool(defaultValue = false) {
+        const [value, setValue] = useState(defaultValue);
+        const setTrue = useCallback(() => setValue(true), []);
+        const setFalse = useCallback(() => setValue(false), []);
+        const toggle = useCallback(() => setValue((_) => !_), []);
+        return [value, { setValue, setTrue, setFalse, toggle }];
+    }
+
+    const compareBy = (indexOf) => (a, b) => indexOf(a) - indexOf(b);
+    const desc = (cmp) => (a, b) => -cmp(a, b);
+
+    function zip(firstCol, ...restCols) {
+        return firstCol.map((firstEl, rowIndex) => [firstEl, ...restCols.map((col) => col[rowIndex])]);
+    }
+
+    const JARO_WINKLER_P = 0.1;
+    const JARO_WINKLER_MAX_L = 4;
+    const jaroWinklerDistance = (s1) => (s2) => {
+        if (s1 === s2) {
+            return 1;
+        }
+        if (!s1 || !s2) {
+            return 0;
+        }
+        const { m, s1Matches, s2Matches } = computeM(s1, s2);
+        if (m === 0) {
+            return 0;
+        }
+        const t = computeT(s1, s2, { s1Matches, s2Matches });
+        const jaroWeight = (m / s1.length + m / s2.length + (m - t / 2) / m) / 3;
+        const winklerWeight = jaroWeight > 0.7 ? computePrefixL(s1, s2) * JARO_WINKLER_P : 0;
+        return jaroWeight + winklerWeight * (1 - jaroWeight);
+    };
+    function computeM(s1, s2) {
+        const range = Math.max(0, Math.floor(Math.max(s1.length, s2.length) / 2) - 1);
+        const s1Matches = new Array(s1.length);
+        const s2Matches = new Array(s2.length);
+        let m = 0;
+        for (let i = 0; i < s1.length; i++) {
+            const low = Math.max(0, i - range);
+            const high = Math.min(i + range, s2.length - 1);
+            for (let j = low; j <= high; j++) {
+                if (s1Matches[i] || s2Matches[j] || s1[i] !== s2[j]) {
+                    continue;
+                }
+                m++;
+                s1Matches[i] = true;
+                s2Matches[j] = true;
+            }
+        }
+        return { m, s1Matches, s2Matches };
+    }
+    function computeT(s1, s2, { s1Matches, s2Matches }) {
+        let t = 0;
+        for (let i = 0, k = 0; i < s1.length; i++) {
+            if (!s1Matches[i]) {
+                continue;
+            }
+            let j = k;
+            for (; j < s2.length; j++) {
+                if (s2Matches[j]) {
+                    k = j + 1;
+                    break;
+                }
+            }
+            if (s1[i] !== s2[j]) {
+                t++;
+            }
+        }
+        return t;
+    }
+    function computePrefixL(s1, s2) {
+        let prefixL = 0;
+        while (s1[prefixL] === s2[prefixL] && prefixL < JARO_WINKLER_MAX_L) {
+            prefixL++;
+        }
+        return prefixL;
+    }
+
+    const joinMaps = (aggregate, emptyVal) => (acc, map) => {
+        for (const [key, b] of map) {
+            acc.set(key, aggregate(acc.get(key) || emptyVal, b));
+        }
+        return acc;
+    };
+
+    const sum = (list = []) => list.reduce((a, b) => a + b, 0);
+
+    const MIN_TERM_LEN = 3;
+    const tokenize = (text) => text
+        .toLowerCase()
+        .split(/[^0-9a-zа-я-]+/)
+        .filter((token) => token.length >= MIN_TERM_LEN && !/[0-9a-z]/.test(token));
+
+    const textRank = (queryTokens) => (text) => {
+        const textTokens = tokenize(text || '');
+        return textTokens.length
+            ? sum(queryTokens.map((qToken) => max(textTokens.map(jaroWinklerDistance(qToken)))))
+            : 0;
     };
 
-    const SearchBarInner = JSX(({ className, isMobile = false }) => {
-        const { term, setTerm } = useSearch();
-        const LoupeIconClassName = isMobile ? 'w-5 h-5' : 'w-6 h-6';
-        const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
-        const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
-        const inputPlaceholder = isMobile ? 'some search' : undefined;
-        return (jsxs("form", { className: `font-sans relative ${className}`, children: [jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [jsx("div", { className: LoupeIconClassName, children: jsx(Img, { image: { icon: 'LoupeIcon' }, width: "24", height: "24" }) }), term ? null : (jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text ${SearchBarLabelClassName}`, children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), jsx("input", { id: "search-bar-input", className: `h-12 pl-12 w-full peer text-l text-black border border-solid rounded-md box-border
-              outline-none pr-[6%] border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text ${SearchBarInputClassName}`, value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: inputPlaceholder }), isMobile ? (jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
+    const JW_THRESHOLD = 0.8;
+    const RANK_EPS = 0.001;
+    const search = (query) => (searchIndex) => {
+        const { corpus, dictionary } = searchIndex || {};
+        if (!query || !corpus?.length || !dictionary || !Object.keys(dictionary).length) {
+            return [];
+        }
+        const queryTokens = tokenize(query);
+        if (!queryTokens.length) {
+            return [];
+        }
+        const dictEntries = Object.entries(dictionary);
+        const pagesRanking = queryTokens
+            .map(computePagesRankingPerToken(dictEntries))
+            .reduce(joinMaps((a, b) => a + b, 0), new Map());
+        const relevantPages = [...pagesRanking.entries()]
+            .filter(([, pageRank]) => pageRank >= (JW_THRESHOLD - RANK_EPS) * queryTokens.length) // Multiplication of query tokens
+            .map(([pageIndex]) => corpus[pageIndex]);
+        return sortResultsByRank(queryTokens)(relevantPages);
+    };
+    const computePagesRankingPerToken = (dictEntries) => (qToken) => dictEntries
+        .map(([stem, pageIndices]) => [jaroWinklerDistance(qToken)(stem), pageIndices])
+        .filter(([stemRank]) => stemRank >= JW_THRESHOLD)
+        .map(([stemRank, pageIndices]) => fillMapWith(pageIndices, stemRank))
+        .reduce(joinMaps(Math.max, 0), new Map());
+    const sortResultsByRank = (queryTokens) => (results) => zip(results, results.map(({ title }) => title).map(textRank(queryTokens)))
+        .sort(desc(compareBy(([, pageTitleRank]) => pageTitleRank)))
+        .map(([corpusItem]) => corpusItem);
+    const fillMapWith = (keys, value) => new Map(keys.map((_) => [_, value]));
+
+    const SEARCH_INDEX_FILENAME = 'search.index.json';
+    const useSearch = (basePathList = ['/']) => {
+        const [query, setQuery] = useState('');
+        const [wasQueryFocused, setWasQueryFocused] = useState(false);
+        const handleFocus = useCallback(() => {
+            setWasQueryFocused(true);
+        }, []);
+        const key = useMemo(() => basePathList.map((_) => (wasQueryFocused ? _ : null)), // Load search index on input focus
+        [wasQueryFocused, ...basePathList]);
+        const { data } = useAsyncData(key, fetchSearchIndex);
+        const [result, setResult] = useState(null);
+        useEffect(() => {
+            const timerId = setTimeout(() => {
+                if (data) {
+                    setResult(data.map(search(query)));
+                }
+            }, 300);
+            return () => {
+                clearTimeout(timerId);
+            };
+        }, [data, query]);
+        return [result, { value: query, onChange: setQuery, onFocus: handleFocus }];
+    };
+    const fetchSearchIndex = async (...basePathList) => (await Promise.allSettled(basePathList.map((basePath) => fetchJSON(joinPath(basePath, '/', SEARCH_INDEX_FILENAME))))).map((_) => (_.status === 'fulfilled' ? _.value : {}));
+
+    const CloseButton = JSX(({ className, onClick }) => (jsx("button", { className: style('visible peer-placeholder-shown:invisible w-6 h-6 p-1 bg-transparent border-none', className), onClick: onClick, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", children: jsx(Img, { image: { icon: 'CloseIcon' }, width: "24", height: "24" }) })));
+
+    const Dialog = JSX(({ className, head, children, onClose }) => {
+        const handleClose = useCallback((ev) => {
+            ev.preventDefault();
+            onClose && onClose();
+        }, [onClose]);
+        useEffect(() => {
+            const handleEscape = ({ key }) => {
+                if (key === 'Escape') {
+                    onClose && onClose();
+                }
+            };
+            globalThis.document?.addEventListener('keydown', handleEscape);
+            return () => {
+                globalThis.document?.removeEventListener('keydown', handleEscape);
+            };
+        }, [onClose]);
+        return (jsx("div", { className: style('fixed inset-0 bg-white text-l-light z-50 overflow-x-hidden overflow-y-scroll no-scrollbar', className), role: "dialog", children: jsxs("div", { className: "relative container pb-12 min-h-full", children: [jsxs("div", { className: "sticky bg-white pt-6 top-0", children: [jsx(CloseButton, { className: "absolute top-3 -right-6", onClick: handleClose }), head] }), children] }) }));
+    });
+
+    const Sitemap = JSX(({ className, topItems }) => {
+        const link = useLink(true);
+        return (jsx("div", { className: style('flex items-start justify-between', className), children: topItems?.map(link).map(renderColumn) }));
+    });
+    const renderColumn = (menuItem, index) => {
+        const { text, items, href, target, onClick } = menuItem;
+        return (jsxs("div", { className: "flex flex-col gap-3.5 w-1/4", children: [jsx("a", { className: "leading-5 text-l text-primary-text hover:text-primary-main no-underline", href: href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }), items?.map((_, i) => (jsx(ColumnItem, { ..._, basePath: href, index: i }, String(i))))] }, String(index)));
+    };
+    const ColumnItem = JSX(({ text, index, basePath, ...rest }) => {
+        const isAnotherPortal = projectSettings.BASE_PATH && basePath ? !projectSettings.BASE_PATH.startsWith(basePath) : false;
+        const link = useLink(isAnotherPortal);
+        const { href, target, onClick } = link(rest);
+        return (jsx("a", { className: style('text-l-light text-secondary-text hover:text-primary-main no-underline', 'overflow-x-hidden overflow-ellipsis whitespace-nowrap'), href: isAnotherPortal ? joinPath(basePath, href) : href, target: target || '_self', onClick: onClick, children: text || `Раздел ${index}` }));
+    });
+
+    const SearchBarInput = JSX(({ className, isMobile, value, autoFocus, onChange, onFocus }) => {
+        const handleChange = useCallback((ev) => {
+            onChange && onChange(ev.target?.value || '');
+        }, [onChange]);
+        return (jsxs("div", { className: style('font-sans relative', className), role: "form", children: [jsx("div", { className: "absolute h-full flex items-center pl-4 pointer-events-none", children: jsx(Img, { image: { icon: 'LoupeIcon' }, width: "24", height: "24" }) }), jsx("input", { className: style('h-12 pl-12 w-full text-l text-black outline-none box-border', 'border border-solid rounded-md border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text', isMobile ? '' : 'h-full'), value: value, type: "text", name: "search-bar-input", placeholder: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", autoFocus: autoFocus, onChange: handleChange, onFocus: onFocus })] }));
+    });
+
+    const MIN_QUERY_LEN = 3;
+    const SearchBarInner = JSX(({ className, isMobile, topItems }) => {
+        const basePathList = topItems?.map((_) => _.href || '/');
+        const [searchResult, searchInputProps] = useSearch(basePathList);
+        const { value, onChange, onFocus } = searchInputProps;
+        const searchItems = useMemo(() => combineTopItemsAndSearchResult(topItems)(searchResult), [topItems, searchResult]);
+        useEffect(() => printSearchItems(searchItems), [searchItems]); // Temp
+        const [isSearchDialogOpen, { setTrue: openSearchDialog, setFalse: hideSearchDialog }] = useBool();
+        const handleInitialInputChange = useCallback((_) => {
+            onChange(_);
+            if (isQueryLongEnough(_)) {
+                openSearchDialog();
+            }
+        }, [onChange, isQueryLongEnough]);
+        const handleInitialInputFocus = useCallback(() => {
+            onFocus();
+            if (isQueryLongEnough(value)) {
+                openSearchDialog();
+            }
+        }, [value, onFocus]);
+        return (jsxs("div", { className: className, children: [jsx(SearchBarInput, { isMobile: isMobile, value: value, onChange: handleInitialInputChange, onFocus: handleInitialInputFocus }), isMobile ? (jsx(CloseButton, { className: "absolute top-2 right-3", onClick: (e) => {
                         e.preventDefault();
-                        setTerm('');
-                    }, children: jsx(Img, { image: { icon: 'CloseIcon' }, width: "24", height: "24" }) })) : (jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-[3px] right-1", onClick: (ev) => {
-                        ev?.preventDefault();
-                        console.log('click');
-                    }, children: jsx("div", { className: "text-s px-9 py-2.5", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
+                        onChange('');
+                    } })) : null, isSearchDialogOpen ? (jsx(Dialog, { head: jsx(SearchBarInput, { className: "my-5", isMobile: isMobile, autoFocus: true, ...searchInputProps }), onClose: hideSearchDialog, children: jsx(Sitemap, { topItems: searchItems }) })) : null] }));
     });
+    const isQueryLongEnough = (_) => _ && _.length >= MIN_QUERY_LEN;
+    const combineTopItemsAndSearchResult = (topItems) => (searchResult) => topItems?.length && searchResult?.length
+        ? zip(topItems, searchResult).map(([_, portalSearchResult]) => ({
+            ..._,
+            items: portalSearchResult?.map(({ title, uri }) => ({ text: title, href: uri })),
+        }))
+        : [];
+    // Temp
+    function printSearchItems(topItems) {
+        for (const _ of topItems.filter(({ items }) => items?.length)) {
+            console.group(_.text);
+            console.table(_.items, ['text', 'href']);
+            console.groupEnd();
+        }
+    }
 
     const SearchBar = JSX((props) => (jsx(SearchBarInner, { ...props, isMobile: true })));
 
@@ -1074,14 +1301,17 @@
         default: 'w-14 h-14',
         small: 'w-12 h-12',
     };
+    const buttonStylesWithText = (text, buttonSize) => text
+        ? ''
+        : `group/media flex items-center justify-center box-border ${buttonSizeStyles[buttonSize]}`;
     const MediaButton = JSX(({ iconVersion = 'color', buttonSize = 'default', rounded = false, icon, ...rest }) => {
-        const { href, version } = rest;
+        const { href, version, text, appendLeft, appendRight, aboveText } = rest;
         const { iconMapped, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
         const iconCustom = icon ?? iconMapped;
         const iconWithVersion = iconCustom
             ? { ...getIconWithVersion(iconCustom), iconVersion }
             : undefined;
-        return (jsx(Button, { className: style('group/media flex items-center justify-center box-border', buttonSizeStyles[buttonSize], rounded ? 'rounded-full' : 'rounded-md', 'border border-solid hover:border-transparent', 'group-data-primary:border-main-divider', 'hover:bg-primary-main hover:text-black', 'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover', 'group-data-gray:border-green', buttonSizeStyles[buttonSize]), "aria-label": label, target: "_blank", rel: "noopener noreferrer", version: version, ...rest, children: iconWithVersion ? (jsx(Img, { image: iconWithVersion, imageClassName: "group-hover/media:text-white", width: "24", height: "24", asSVG: true })) : null }));
+        return (jsx(Button, { className: style(rounded ? 'rounded-full' : 'rounded-md', 'border border-solid hover:border-transparent', 'group-data-primary:border-main-divider', 'hover:bg-primary-main hover:text-black', 'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover', 'group-data-gray:border-green', buttonStylesWithText(text, buttonSize)), aboveText: aboveText, appendLeft: appendLeft, appendRight: appendRight, "aria-label": label, rel: "noopener noreferrer", target: "_blank", text: text, version: version, ...rest, children: iconWithVersion && !text ? (jsx(Img, { image: iconWithVersion, imageClassName: "group-hover/media:text-white", width: "24", height: "24", asSVG: true })) : null }));
     });
 
     const SocialMedia = JSX(({ className = '', media }) => (jsx("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className}`, children: media?.map((_, index) => (jsx(MediaButton, { ..._ }, String(index)))) })));
@@ -1231,10 +1461,10 @@
         },
     };
 
-    const Headline = JSX(({ className, title, description, headlineVersion = 'XL', align = 'text-center', as, isPadding = true, ...rest }) => {
+    const Headline = JSX(({ className, title, description, headlineVersion = 'XL', align = 'text-center', as, isPadding = true, isTheme = false, version = '', ...rest }) => {
         const versionStyle = headlineVersionStyles[headlineVersion];
         const paddingStyle = isPadding ? 'p-12' : '';
-        return (jsxs(BlockWrapper, { className: style('flex flex-col group-data-secondary:bg-primary-main group-data-secondary:text-white', paddingStyle, versionStyle.wrapper, className), ...rest, children: [title ? (jsx(Heading, { className: style('whitespace-pre-wrap', align), ...versionStyle?.title, as: as || versionStyle?.title.as, title: title })) : null, description ? (jsx(Paragraph, { color: "group-data-secondary:text-white/80", size: versionStyle.descriptionSize, align: align, children: description })) : null] }));
+        return (jsxs(BlockWrapper, { className: style('flex flex-col', paddingStyle, versionStyle.wrapper, className), version: version, isTheme: isTheme, ...rest, children: [title ? (jsx(Heading, { className: style('whitespace-pre-wrap', align), ...versionStyle?.title, as: as || versionStyle?.title.as, title: title })) : null, description ? (jsx(Paragraph, { color: "group-data-secondary:text-white/80", size: versionStyle.descriptionSize, align: align, children: description })) : null] }));
     });
 
     const LinkDocsListItemBase = JSX(({ className, iconClassName, textClassName, suffixClassName, doc, icon }) => {
@@ -1515,11 +1745,13 @@
         center: 'items-center',
         right: 'items-end',
     };
-    const VerticalLayout = JSX(({ className = '', gap = '', align = 'stretch', isPadding = false, isInnerPadding = true, version = 'transparent', options, ...rest }) => {
+    const VerticalLayout = JSX(({ className = '', gap = '', align = 'stretch', isPadding = false, isInnerPadding = true, version = 'transparent', isTheme = false, options, ...rest }) => {
         const innerPaddingStyle = isInnerPadding ? '' : '!p-0';
-        return (jsx(BlockWrapper, { className: style('flex flex-col [&>*]:max-w-full', isPadding ? 'p-12' : '', gapStyles[gap], align && alignStyle[align], className), version: version, ...rest, children: renderChildren({ ...rest, options: { ...options, className: innerPaddingStyle } }) }));
+        return (jsx(BlockWrapper, { className: style('flex flex-col [&>*]:max-w-full', isPadding ? 'p-12' : '', gapStyles[gap], align && alignStyle[align], className), version: version, isTheme: isTheme, ...rest, children: renderChildren({ ...rest, options: { ...options, className: innerPaddingStyle } }) }));
     });
-    VerticalLayout.childrenTypes = [];
+    VerticalLayout.childrenTypes = {
+        exclude: ['Accordion', 'OtherProducts'],
+    };
 
     const Blocks = {
         Accordion,
@@ -1638,6 +1870,7 @@
     const ContentPage = JSX((props) => {
         const { className = '', blocksRegistry, blockDecorator, data = {} } = props;
         const { style: pageStyle, blocks, slots, likeControl, colorPalette = 'pc' } = data;
+        const [overflowStyle, setOverflowStyle] = useState('');
         const options = {
             key: '',
             page: data,
@@ -1646,7 +1879,10 @@
             parent: data,
         };
         useBlockRouterProvider();
-        return (jsxs("section", { className: style('relative', pageStyle, className), "data-theme": colorPalette, children: [slots?.header ? (jsx("div", { className: "mb-5 shadow-[0_8px_32px_0px_#00000014]", children: renderBlocksList(slots?.header, {
+        useEffect(() => defaultEventBus.subscribe('setPageOverflowHidden', (isHidden) => {
+            setOverflowStyle(isHidden ? 'overflow-hidden h-screen' : '');
+        }), []);
+        return (jsxs("section", { className: style('relative', pageStyle, className, overflowStyle), "data-theme": colorPalette, children: [slots?.header ? (jsx("div", { className: "mb-5 shadow-[0_8px_32px_0px_#00000014]", children: renderBlocksList(slots?.header, {
                         ...options,
                         slotName: 'header',
                     }) })) : null, jsxs("div", { className: "container grid grid-cols-12 gap-1", children: [renderBlocksList(blocks, options), slots?.footer
@@ -1666,7 +1902,7 @@
         return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
     }
 
-    const packageVersion = "0.8.27";
+    const packageVersion = "0.8.29";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;