{"version":3,"file":"index.25ae5e79.js","sources":["../../../../../../node_modules/@babylon/ui-kit/dist/components/structures/others/cards-scroll/styled.js","../../../../../../node_modules/@babylon/ui-kit/dist/components/structures/others/cards-scroll/index.js"],"sourcesContent":["import styled from \"styled-components\";\nimport Icon from \"../../../base/icons/icon/index.js\";\nimport { TitleMobileWrapper } from \"../../../base/text/title/views/mobile/styled.js\";\nimport { FlexMixin, FontMixin } from \"../../../../styles/common/mixins/helpers.styled.js\";\nimport { ScrollHorizontalItem } from \"../scroll-horizontal/styled.js\";\nexport const CardsScrollBox = styled.div.withConfig({\n    displayName: \"styled__CardsScrollBox\",\n    componentId: \"sc-501d45bd-0\"\n})`\n\tmargin-bottom: 20px;\n`;\nexport const CardsScrollIntro = styled.div.withConfig({\n    displayName: \"styled__CardsScrollIntro\",\n    componentId: \"sc-501d45bd-1\"\n})`\n\tmargin-bottom: 12px;\n\tpadding: 0 16px;\n\n\t${TitleMobileWrapper} {\n\t\tmargin-bottom: 0;\n\t}\n`;\nexport const CardsScrollWrapper = styled.div.withConfig({\n    displayName: \"styled__CardsScrollWrapper\",\n    componentId: \"sc-501d45bd-2\"\n})`\n\t${FlexMixin({\n    direction: 'row',\n    justify: 'space-between'\n})}\n\n\t${ScrollHorizontalItem} {\n\t\tmin-width: 160px;\n\t}\n`;\nexport const CardsScrollItem = styled.a.withConfig({\n    displayName: \"styled__CardsScrollItem\",\n    componentId: \"sc-501d45bd-3\"\n})`\n\t${FlexMixin({\n    direction: 'row',\n    align: 'center'\n})}\n\tposition: relative;\n\theight: 100%;\n\n\t&::before {\n\t\tbackground-color: rgba(0, 85, 145, 0.6);\n\t\tcontent: '';\n\t\theight: 100%;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\tz-index: 1;\n\t}\n`;\nexport const CardsScrollLink = styled.a.withConfig({\n    displayName: \"styled__CardsScrollLink\",\n    componentId: \"sc-501d45bd-4\"\n})`\n\t${FlexMixin({\n    direction: 'column'\n})}\n\theight: 100%;\n\tposition: relative;\n\twidth: 100%;\n`;\nexport const CardsScrollContent = styled.div.withConfig({\n    displayName: \"styled__CardsScrollContent\",\n    componentId: \"sc-501d45bd-5\"\n})`\n\tcolor: ${({ theme  })=>theme.colors.white.base};\n\tpadding: 0 12px;\n\tpointer-events: none;\n\tposition: absolute;\n\ttext-align: center;\n\twidth: 160px;\n\tz-index: 3;\n`;\nexport const CardsScrollTitle = styled.p.withConfig({\n    displayName: \"styled__CardsScrollTitle\",\n    componentId: \"sc-501d45bd-6\"\n})`\n\t${FontMixin({\n    size: 'large',\n    height: 'large',\n    weight: 'regular'\n})}\n\tmargin-bottom: 8px;\n`;\nexport const CardsScrollDescription = styled.p.withConfig({\n    displayName: \"styled__CardsScrollDescription\",\n    componentId: \"sc-501d45bd-7\"\n})`\n\t${FontMixin({\n    size: 'base',\n    height: 'base',\n    weight: 'light'\n})}\n`;\nexport const CardsScrollItemAll = styled.div.withConfig({\n    displayName: \"styled__CardsScrollItemAll\",\n    componentId: \"sc-501d45bd-8\"\n})`\n\t${FlexMixin({\n    direction: 'column',\n    align: 'center'\n})}\n\theight: 100%;\n\tbackground-color: ${({ theme  })=>theme.colors.grays.lighter};\n\tpadding: 32px 20px;\n\tposition: relative;\n\n\t${Icon} {\n\t\talign-self: flex-end;\n\t\tcolor: ${({ theme  })=>theme.colors.grays.base};\n\t\tfont-size: ${({ theme  })=>theme.font.size.larger};\n\t}\n`;\nexport const CardsScrollItemAllTitle = styled.h3.withConfig({\n    displayName: \"styled__CardsScrollItemAllTitle\",\n    componentId: \"sc-501d45bd-9\"\n})`\n\t${FontMixin({\n    size: 'medium',\n    height: 'medium',\n    weight: 'regular'\n})}\n\tcolor: ${({ theme  })=>theme.colors.grays.darker};\n\tflex-grow: 1;\n\ttext-transform: uppercase;\n`;\n\n//# sourceMappingURL=styled.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Children, useMemo } from \"react\";\nimport Icon from \"../../../base/icons/icon/index.js\";\nimport Image from \"../../../base/multimedia/image/index.js\";\nimport TitleMobile from \"../../../base/text/title/views/mobile/index.js\";\nimport { genKey } from \"../../../../helpers/keys.js\";\nimport { nullsToUndefined } from \"../../../../helpers/null.js\";\nimport ScrollHorizontal from \"../scroll-horizontal/index.js\";\nimport * as S from \"./styled.js\";\nexport const CardsScroll = ({ title , items , viewAll , className , ...rest })=>{\n    const cards = useMemo(()=>{\n        let cards = Children.toArray(items?.map(({ title , description , link , image  })=>/*#__PURE__*/ _jsxs(S.CardsScrollItem, {\n                href: nullsToUndefined(link).href,\n                title: nullsToUndefined(link).title,\n                target: nullsToUndefined(link).target,\n                \"data-testid\": \"CardsScrollItems\",\n                children: [\n                    image && /*#__PURE__*/ _jsx(Image, {\n                        ...image,\n                        width: 160,\n                        height: 160,\n                        resize: {\n                            width: 160,\n                            height: 160\n                        },\n                        isLazy: true\n                    }),\n                    /*#__PURE__*/ _jsxs(S.CardsScrollContent, {\n                        children: [\n                            title && /*#__PURE__*/ _jsx(S.CardsScrollTitle, {\n                                children: title\n                            }),\n                            description && /*#__PURE__*/ _jsx(S.CardsScrollDescription, {\n                                children: description\n                            })\n                        ]\n                    })\n                ]\n            })) ?? []);\n        if (viewAll) {\n            cards.push(/*#__PURE__*/ _jsx(S.CardsScrollItemAll, {\n                children: /*#__PURE__*/ _jsxs(S.CardsScrollLink, {\n                    href: nullsToUndefined(viewAll.link).href,\n                    title: nullsToUndefined(viewAll.link).title,\n                    target: nullsToUndefined(viewAll.link).target,\n                    children: [\n                        /*#__PURE__*/ _jsx(S.CardsScrollItemAllTitle, {\n                            children: viewAll?.link?.title\n                        }),\n                        /*#__PURE__*/ _jsx(Icon, {\n                            className: \"nico-arrow-right\"\n                        })\n                    ]\n                })\n            }, genKey(viewAll)));\n        }\n        return cards;\n    }, [\n        items,\n        viewAll\n    ]);\n    /* TODO reason: avoid creating a converter... */ const cardScrollTitle = typeof title === 'string' ? title : title?.title;\n    return /*#__PURE__*/ _jsx(_Fragment, {\n        children: cards && cards.length > 0 && /*#__PURE__*/ _jsxs(S.CardsScrollBox, {\n            className: className,\n            ...rest,\n            \"data-testid\": \"CardsScroll\",\n            children: [\n                cardScrollTitle && /*#__PURE__*/ _jsx(S.CardsScrollIntro, {\n                    children: /*#__PURE__*/ _jsx(TitleMobile, {\n                        title: cardScrollTitle\n                    })\n                }),\n                /*#__PURE__*/ _jsx(S.CardsScrollWrapper, {\n                    children: /*#__PURE__*/ _jsx(ScrollHorizontal, {\n                        children: cards\n                    })\n                })\n            ]\n        })\n    });\n};\nexport default CardsScroll;\n\n//# sourceMappingURL=index.js.map"],"names":["CardsScrollBox","styled","CardsScrollIntro","TitleMobileWrapper","CardsScrollWrapper","FlexMixin","ScrollHorizontalItem","CardsScrollItem","CardsScrollLink","CardsScrollContent","theme","CardsScrollTitle","FontMixin","CardsScrollDescription","CardsScrollItemAll","Icon","CardsScrollItemAllTitle","CardsScroll","title","items","viewAll","className","rest","cards","useMemo","Children","description","link","image","_jsxs","S.CardsScrollItem","nullsToUndefined","_jsx","Image","S.CardsScrollContent","S.CardsScrollTitle","S.CardsScrollDescription","S.CardsScrollItemAll","S.CardsScrollLink","S.CardsScrollItemAllTitle","_a","genKey","cardScrollTitle","_Fragment","S.CardsScrollBox","S.CardsScrollIntro","TitleMobile","S.CardsScrollWrapper","ScrollHorizontal"],"mappings":"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","x_google_ignoreList":[0,1]}