{"version":3,"file":"index.CfMF2FlM.js","sources":["../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/cards-scroll/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/cards-scroll/index.mjs"],"sourcesContent":["import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { TitleMobileWrapper } from '@babylon/ui-kit-base/components/text/title/views/mobile/styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\nimport { ScrollHorizontalItem } from '../scroll-horizontal/styled.mjs';\n\nconst CardsScrollBox = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardsScrollBox\"\n})([\n `margin-bottom:20px;`\n]);\nconst CardsScrollIntro = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardsScrollIntro\"\n})([\n `margin-bottom:12px;padding:0 16px;`,\n `{margin-bottom:0;}`\n], TitleMobileWrapper);\nconst CardsScrollWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardsScrollWrapper\"\n})([\n ``,\n ` `,\n `{min-width:160px;}`\n], FlexMixin({\n direction: 'row',\n justify: 'space-between'\n}), ScrollHorizontalItem);\nconst CardsScrollItem = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"CardsScrollItem\"\n})([\n ``,\n ` position:relative;height:100%;&::before{background-color:rgba(0,85,145,0.6);content:'';height:100%;pointer-events:none;position:absolute;width:100%;z-index:1;}`\n], FlexMixin({\n direction: 'row',\n align: 'center'\n}));\nconst CardsScrollLink = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"CardsScrollLink\"\n})([\n ``,\n ` height:100%;position:relative;width:100%;`\n], FlexMixin({\n direction: 'column'\n}));\nconst CardsScrollContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardsScrollContent\"\n})([\n `color:`,\n `;padding:0 12px;pointer-events:none;position:absolute;text-align:center;width:160px;z-index:3;`\n], ({ theme })=>theme.colors.white.base);\nconst CardsScrollTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"CardsScrollTitle\"\n})([\n ``,\n ` margin-bottom:8px;`\n], FontMixin({\n size: 'large',\n height: 'large',\n weight: 'regular'\n}));\nconst CardsScrollDescription = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"CardsScrollDescription\"\n})([\n ``,\n ``\n], FontMixin({\n size: 'base',\n height: 'base',\n weight: 'light'\n}));\nconst CardsScrollItemAll = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CardsScrollItemAll\"\n})([\n ``,\n ` height:100%;background-color:`,\n `;padding:32px 20px;position:relative;`,\n `{align-self:flex-end;color:`,\n `;font-size:`,\n `;}`\n], FlexMixin({\n direction: 'column',\n align: 'center'\n}), ({ theme })=>theme.colors.grays.lighter, Icon, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.font.size.larger);\nconst CardsScrollItemAllTitle = /*#__PURE__*/ styled.h3.withConfig({\n displayName: \"CardsScrollItemAllTitle\"\n})([\n ``,\n ` color:`,\n `;flex-grow:1;text-transform:uppercase;`\n], FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'regular'\n}), ({ theme })=>theme.colors.grays.darker);\n\nexport { CardsScrollBox, CardsScrollContent, CardsScrollDescription, CardsScrollIntro, CardsScrollItem, CardsScrollItemAll, CardsScrollItemAllTitle, CardsScrollLink, CardsScrollTitle, CardsScrollWrapper };\n//# sourceMappingURL=styled.mjs.map\n","import { jsxs, jsx, Fragment } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport TitleMobile from '@babylon/ui-kit-base/components/text/title/views/mobile';\nimport { genKey } from '@babylon/ui-kit-helpers/keys';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { useMemo, Children } from 'react';\nimport ScrollHorizontal from '../scroll-horizontal/index.mjs';\nimport { CardsScrollItem, CardsScrollContent, CardsScrollTitle, CardsScrollDescription, CardsScrollItemAll, CardsScrollLink, CardsScrollItemAllTitle, CardsScrollBox, CardsScrollIntro, CardsScrollWrapper } from './styled.mjs';\n\nconst CardsScroll = ({ title, items, viewAll, className, ...rest })=>{\n const cards = useMemo(()=>{\n let cards = Children.toArray(items?.map(({ title, description, link, image })=>/*#__PURE__*/ jsxs(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(CardsScrollContent, {\n children: [\n title && /*#__PURE__*/ jsx(CardsScrollTitle, {\n children: title\n }),\n description && /*#__PURE__*/ jsx(CardsScrollDescription, {\n children: description\n })\n ]\n })\n ]\n })) ?? []);\n if (viewAll) {\n cards.push(/*#__PURE__*/ jsx(CardsScrollItemAll, {\n children: /*#__PURE__*/ jsxs(CardsScrollLink, {\n href: nullsToUndefined(viewAll.link).href,\n title: nullsToUndefined(viewAll.link).title,\n target: nullsToUndefined(viewAll.link).target,\n children: [\n /*#__PURE__*/ jsx(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(CardsScrollBox, {\n className: className,\n ...rest,\n \"data-testid\": \"CardsScroll\",\n children: [\n cardScrollTitle && /*#__PURE__*/ jsx(CardsScrollIntro, {\n children: /*#__PURE__*/ jsx(TitleMobile, {\n title: cardScrollTitle\n })\n }),\n /*#__PURE__*/ jsx(CardsScrollWrapper, {\n children: /*#__PURE__*/ jsx(ScrollHorizontal, {\n children: cards\n })\n })\n ]\n })\n });\n};\n\nexport { CardsScroll as default };\n//# sourceMappingURL=index.mjs.map\n"],"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","nullsToUndefined","jsx","Image","_a","genKey","cardScrollTitle","Fragment","TitleMobile","ScrollHorizontal"],"mappings":"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","x_google_ignoreList":[0,1]}