{"version":3,"file":"CrossSellTiles-BJFF1mSO.js","sources":["../../src/aem-components/CrossSellTiles.vue"],"sourcesContent":["<script>\nexport default {\n\tname: 'CrossSellTiles',\n\tinheritAttrs: false,\n};\n</script>\n\n<script setup>\nimport VueSwiper from '@/components/VueSwiper.vue';\nimport CTAButton from '@/aem-components/CTAButton.vue';\nimport dayjs from 'dayjs';\nimport FontAwesomeLazy from '~/components/FontAwesomeLazy.vue';\nimport AppHyperlink from '@/components/AppHyperlink.vue';\nimport { isMobileViewport } from '~/logic/composables/breakpoints';\nimport { useGlobalAEMState } from '~/logic/aem/global-aem-state.js';\n\nconst props = defineProps({\n\ttileType: { type: String, default: 'Manual' },\n\ttileBehaviour: { type: String, default: 'Carousel' },\n\tisHideInDesktop: { type: Boolean, default: false },\n\tisHideInMobile: { type: Boolean, default: false },\n\tmanualMultilist: { type: Array, default: () => [] },\n\tcontentMultilist: { type: Array, default: () => ([]) },\n\tarticleMultilist: { type: Array, default: () => ([]) },\n\tpageProperties: { type: Array, default: () => ([]) },\n\tcomponentIdAA: { type: String, default: '' },\n\n\t// below props currently use by Firefly\n\tcarouselDesktopSlidesPerView: { type: Number, default: 0 },\n\tisClickable: { type: Boolean, default: true },\n\tdescriptionTruncatedLine: { type: Number, default: 0 },\n\tisHideShowMore: { type: Boolean, default: false },\n\tmaxSlidesToCenterSwiper: { type: Number, default: 0 },\n});\n\n/*\n*\tReturn transformed multi-list based on tileType\n*/\nconst multiListTile = computed(() => {\n\tif (props.tileType === 'content') {\n\n\t\tconst transformedContentMultiList = props.pageProperties.map((item, index) => {\n\t\t\treturn { ...item, ...props.contentMultilist[index] };\n\t\t});\n\t\t// console.log('content props', JSON.parse(JSON.stringify(transformedContentMultiList)));\n\t\treturn transformedContentMultiList;\n\n\t} else if (props.tileType === 'article') {\n\n\t\tconst transformedArticleMultiList = props.pageProperties.map((item, index) => {\n\t\t\treturn { ...item, ...props.articleMultilist[index] };\n\t\t});\n\n\t\treturn transformedArticleMultiList;\n\n\t} else {\n\t\treturn props.manualMultilist;\n\t}\n});\n\nconst crossSellTileRef = ref(null);\nconst { isEditorMode } = useGlobalAEMState();\n\nconst TILES_PER_LOAD = 6;\nconst currentTilesShown = ref(props.isHideShowMore ? multiListTile.value.length : TILES_PER_LOAD);\n\nconst siteName = window.siteName;\n\nconst crossSellTileTime = (time) => {\n\treturn dayjs(time).format('DD MMM YYYY');\n};\n\nconst isShowMoreButton = computed(() => {\n\treturn currentTilesShown.value < multiListTile.value.length;\n});\n\n/*\n*\tswiperSlidesLimit =< number of slides, will apply \"align-left\" to swiper wrapper\n*\tswiperSlidesLimit > number of slides, will apply \"align-center\" to swiper wrapper\n*/\nconst swiperSlidesLimit = computed(() => {\n\tlet slidesLimit = 4;\n\n\tif (!isEditorMode.value && props.maxSlidesToCenterSwiper) {\n\t\tslidesLimit = props.maxSlidesToCenterSwiper;\n\t}\n\n\treturn slidesLimit;\n});\n\nconst handleObserverUpdate = (swiperInstance) => {\n\tif (!swiperInstance.$wrapperEl || swiperInstance.$wrapperEl.length === 0) return;\n\tswiperInstance.$wrapperEl.at(0).style.height = 'auto';\n};\n\n</script>\n\n<template>\n<template v-if=\"isEditorMode && props.isHideInDesktop\">\n\t<div class=\"generic-container py-10 text-center\" :data-use-theme=\"siteName\">\n\t\t<p>Hidden in: <span v-if=\"props.isHideInDesktop\">Desktop</span> <span v-if=\"props.isHideInMobile\">, Mobile</span></p>\n\t</div>\n</template>\n\n<template v-else>\n\t<div\n\t\tv-if=\"(isMobileViewport && !props.isHideInMobile) || (!isMobileViewport && !props.isHideInDesktop)\"\n\t\tclass=\"CrossSellTiles\"\n\t\t:data-use-theme=\"siteName\"\n\t>\n\t\n\t\t<VueSwiper\n\t\t\tv-if=\"props.tileBehaviour === 'carousel'\"\n\t\t\tref=\"crossSellTileRef\"\n\t\t\t:slidesPerView=\"multiListTile.length === 1 ? multiListTile.length : 1.3\"\n\t\t\t:dormantMode=\"isEditorMode\"\n\t\t\t:dormantModeEnableGridLayout=\"true\"\n\t\t\t:spaceBetween=\"24\"\n\t\t\t:navigation=\"!isMobileViewport && multiListTile.length > 3\"\n\t\t\t:autoHeight=\"!isMobileViewport\"\n\t\t\t:class=\"{\n\t\t\t\t'alignCentered': !isMobileViewport && multiListTile.length < swiperSlidesLimit,\n\t\t\t}\"\n\t\t\t:breakpoints=\"{\n\t\t\t\t1024: {\n\t\t\t\t\tslidesPerView: props.carouselDesktopSlidesPerView ? props.carouselDesktopSlidesPerView : 3.3,\n\t\t\t\t\tspaceBetween: multiListTile.length === 1 ? 0 : 24,\n\t\t\t\t},\n\t\t\t}\"\n\t\t\t:observer=\"true\"\n\t\t\t:observeParents=\"true\"\n\t\t\t:observeSlideChildren=\"true\"\n\t\t\t@observer-update=\"handleObserverUpdate\"\n\t\t>\n\t\t\t<component\n\t\t\t\t:is=\"carouselTileItem.tileUrl || carouselTileItem.contentPagePath ? AppHyperlink : 'div'\"\n\t\t\t\tv-for=\"(carouselTileItem, carouselTileIndex) in multiListTile\"\n\t\t\t\t:key=\"carouselTileIndex\"\n\t\t\t\tv-aa=\"carouselTileItem.tileUrl || carouselTileItem.contentPagePath ? [\n\t\t\t\t\t{\n\t\t\t\t\t\tclickName: carouselTileItem.tileTitle || carouselTileItem.title,\n\t\t\t\t\t\tclickComponentType: 'URL',\n\t\t\t\t\t\tcomponentName: 'CrossSellTiles',\n\t\t\t\t\t\tcomponentID: props.componentIdAA,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: carouselTileItem.tileTitle || carouselTileItem.title,\n\t\t\t\t\t\ttype: 'exit',\n\t\t\t\t\t},\n\t\t\t\t] : null\"\n\t\t\t\t:href=\"carouselTileItem.tileUrl || carouselTileItem.contentPagePath\"\n\t\t\t\t:target=\"carouselTileItem.openInNewTab ? '_blank' : '_self'\"\n\t\t\t\tclass=\"cross-sell-wrapper h-full overflow-hidden flex-nowrap\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'content': props.tileType !== 'article',\n\t\t\t\t\t'not-clickable': !props.isClickable,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cross-sell-thumbnail relative w-full\"\n\t\t\t\t\t:style=\"{ 'background-image': `url(${carouselTileItem.tileImage})` }\"\n\t\t\t\t\t:class=\"{ 'rounded-3xl': props.tileType === 'article' }\"\n\t\t\t\t\t:title=\"carouselTileItem.tileImageAltText\"\n\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cross-sell-body w-full\"\n\t\t\t\t\t:class=\"[ props.tileType !== 'article' ? 'px-6 pt-6 pb-8 bg-neutral-white-base' : 'py-6' ]\"\n\t\t\t\t>\n\t\t\t\t\t<h5\n\t\t\t\t\t\tv-if=\"props.tileType !== 'article'\"\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-title font-bold\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ carouselTileItem.tileTitle || carouselTileItem.title }}\n\t\t\t\t\t</h5>\n\t\t\t\t\t<!-- For Article title -->\n\t\t\t\t\t<p\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-title font-semibold text-xs text-primary-blue-base\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"mr-2\">{{ crossSellTileTime(carouselTileItem.articleDate) }}</span>\n\t\t\t\t\t\t<span v-if=\"carouselTileItem.categoryTags?.length\">|</span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<template\n\t\t\t\t\t\t\tv-for=\"(categoryTag, categoryIndex) in carouselTileItem.categoryTags\"\n\t\t\t\t\t\t\t:key=\"categoryIndex\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"ml-2\">{{ categoryTag }}</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</p>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"props.tileType !== 'article' && (carouselTileItem.iconFontAwsomeId || carouselTileItem.tileIconText || carouselTileItem.articleDate)\"\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-icon-text text-sm mt-4\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FontAwesomeLazy\n\t\t\t\t\t\t\tv-if=\"carouselTileItem.tileIconType === 'iconFontAwsomeId'\"\n\t\t\t\t\t\t\t:iconId=\"carouselTileItem.iconFontAwsomeId ? carouselTileItem.iconFontAwsomeId : null\"\n\t\t\t\t\t\t\tclass=\"tileFontAwesomeIcon mr-3 rtl:ml-3 rtl:mr-0\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span v-if=\"carouselTileItem.tileIconText\">{{ carouselTileItem.tileIconText }}</span>\n\t\t\t\t\t\t<span v-if=\"carouselTileItem.articleDate\">{{ $t(\"Sale until\") }} {{ crossSellTileTime(carouselTileItem.articleDate) }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"carouselTileItem.tileDescription\"\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-description\"\n\t\t\t\t\t\t:class=\"[\n\t\t\t\t\t\t\tprops.tileType === 'article' ? 'mt-3 text-xl text-primary-black-base' : 'mt-4 text-sm',\n\t\t\t\t\t\t\tprops.descriptionTruncatedLine ? `line-clamp-${props.descriptionTruncatedLine}` : '',\n\t\t\t\t\t\t]\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<template v-if=\"props.tileType !== 'article'\">\n\t\t\t\t\t\t\t<p v-html-sanitize=\"carouselTileItem.tileDescription || carouselTileItem.title\"></p>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t<AppHyperlink\n\t\t\t\t\t\t\t\t:href=\"carouselTileItem.articlePagePath\"\n\t\t\t\t\t\t\t\tclass=\"text-primary-black-base\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span v-html-sanitize=\"carouselTileItem.tileDescription || carouselTileItem.title\"></span>\n\t\t\t\t\t\t\t</AppHyperlink>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"props.tileType !== 'article' && (carouselTileItem.tileUrl || carouselTileItem.contentPagePath)\"\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-text-links text-sm mt-6\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<AppHyperlink\n\t\t\t\t\t\t\t:href=\"carouselTileItem.tileUrl || carouselTileItem.contentPagePath\"\n\t\t\t\t\t\t\t:target=\"carouselTileItem.openInNewTab ? '_blank' : '_self'\"\n\t\t\t\t\t\t\tclass=\"cross-sell-body-tile-cta\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"font-semibold\">{{ carouselTileItem.ctaText }}</span>\n\t\t\t\t\t\t\t<icon-far-arrow-right class=\"tile-arrow-right ml-2.5 rtl:mr-2.5 inline-block\" />\n\t\t\t\t\t\t</AppHyperlink>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</component>\n\t\t</VueSwiper>\n\t\t<div\n\t\t\tv-else\n\t\t\tclass=\"stacked-grid\"\n\t\t\t:class=\"[{ 'grid >lg:gap-x-6 gap-y-7 grid-cols-3 md:grid-cols-1 px-2.5': props.tileBehaviour === 'stacked' }]\"\n\t\t>\n\t\t\t<component\n\t\t\t\t:is=\"stackTileItem.tileUrl || stackTileItem.contentPagePath ? AppHyperlink : 'div'\"\n\t\t\t\tv-for=\"(stackTileItem, stackTileIndex) in multiListTile.slice(0, currentTilesShown)\"\n\t\t\t\t:key=\"stackTileIndex\"\n\t\t\t\tv-aa=\"stackTileItem.tileUrl || stackTileItem.contentPagePath ? [\n\t\t\t\t\t{\n\t\t\t\t\t\tclickName: stackTileItem.tileTitle || stackTileItem.title,\n\t\t\t\t\t\tclickComponentType: 'URL',\n\t\t\t\t\t\tcomponentName: 'CrossSellTiles',\n\t\t\t\t\t\tcomponentID: props.componentIdAA,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: stackTileItem.tileTitle || stackTileItem.title,\n\t\t\t\t\t\ttype: 'exit',\n\t\t\t\t\t},\n\t\t\t\t] : null\"\n\t\t\t\t:href=\"stackTileItem.tileUrl || stackTileItem.contentPagePath\"\n\t\t\t\t:target=\"stackTileItem.openInNewTab ? '_blank' : '_self'\"\n\t\t\t\tclass=\"cross-sell-wrapper overflow-hidden flex-nowrap\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'content': props.tileType !== 'article',\n\t\t\t\t\t'not-clickable': !props.isClickable,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cross-sell-thumbnail relative w-full\"\n\t\t\t\t\t:style=\"{ 'background-image': `url(${stackTileItem.tileImage})` }\"\n\t\t\t\t\t:class=\"{ 'rounded-3xl': props.tileType === 'article' }\"\n\t\t\t\t\t:title=\"stackTileItem.tileImageAltText\"\n\t\t\t\t>\n\t\t\t\t\t<!-- <img\n\t\t\t\t\t\tsrc=\"@/assets/banner/herobanner-sample-1-desktop.jpg\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tclass=\"absolute top-0\"\n\t\t\t\t\t/> -->\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cross-sell-body w-full\"\n\t\t\t\t\t:class=\"[ props.tileType !== 'article' ? 'px-6 pt-6 pb-8 bg-neutral-white-base' : 'py-6' ]\"\n\t\t\t\t>\n\t\t\t\t\t<h5\n\t\t\t\t\t\tv-if=\"props.tileType !== 'article'\"\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-title font-bold\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ stackTileItem.tileTitle || stackTileItem.title }}\n\t\t\t\t\t</h5>\n\t\t\t\t\t<!-- For Article title -->\n\t\t\t\t\t<p\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-title font-semibold text-xs text-primary-blue-base\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"mr-2\">{{ crossSellTileTime(stackTileItem.articleDate) }}</span>\n\t\t\t\t\t\t<span v-if=\"stackTileItem.categoryTags?.length\">|</span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<template\n\t\t\t\t\t\t\tv-for=\"(categoryTag, categoryIndex) in stackTileItem.categoryTags\"\n\t\t\t\t\t\t\t:key=\"categoryIndex\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"ml-2\">{{ categoryTag }}</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</p>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"props.tileType !== 'article' && (stackTileItem.iconFontAwsomeId || stackTileItem.tileIconText || stackTileItem.articleDate)\"\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-icon-text text-sm mt-4\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FontAwesomeLazy\n\t\t\t\t\t\t\tv-if=\"stackTileItem.tileIconType === 'iconFontAwsomeId'\"\n\t\t\t\t\t\t\t:iconId=\"stackTileItem.iconFontAwsomeId ? stackTileItem.iconFontAwsomeId : null\"\n\t\t\t\t\t\t\tclass=\"tileFontAwesomeIcon mr-3 rtl:ml-3 rtl:mr-0\"\n\t\t\t\t\t\t/>\n\t\n\t\t\t\t\t\t<span v-if=\"stackTileItem.tileIconText\">{{ stackTileItem.tileIconText }}</span>\n\t\t\t\t\t\t<span v-if=\"stackTileItem.articleDate\">{{ $t(\"Sale until\") }} {{ crossSellTileTime(stackTileItem.articleDate) }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"stackTileItem.tileDescription\"\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-description\"\n\t\t\t\t\t\t:class=\"[\n\t\t\t\t\t\t\tprops.tileType === 'article' ? 'mt-3 text-xl text-primary-black-base' : 'mt-4 text-sm',\n\t\t\t\t\t\t\tprops.descriptionTruncatedLine ? `line-clamp-${props.descriptionTruncatedLine}` : '',\n\t\t\t\t\t\t]\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<template v-if=\"props.tileType !== 'article'\">\n\t\t\t\t\t\t\t<p v-html-sanitize=\"stackTileItem.tileDescription || stackTileItem.title\"></p>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t<AppHyperlink\n\t\t\t\t\t\t\t\t:href=\"stackTileItem.articlePagePath\"\n\t\t\t\t\t\t\t\tclass=\"text-primary-black-base\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- {{ stackTileItem.tileDescription || stackTileItem.title }} -->\n\t\t\t\t\t\t\t\t<span v-html-sanitize=\"stackTileItem.tileDescription || stackTileItem.title\"></span>\n\t\t\t\t\t\t\t</AppHyperlink>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"props.tileType !== 'article' && (stackTileItem.tileUrl || stackTileItem.contentPagePath)\"\n\t\t\t\t\t\tclass=\"cross-sell-body-tile-text-links text-sm mt-6\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<AppHyperlink\n\t\t\t\t\t\t\t:href=\"stackTileItem.tileUrl || stackTileItem.contentPagePath\"\n\t\t\t\t\t\t\t:target=\"stackTileItem.openInNewTab ? '_blank' : '_self'\"\n\t\t\t\t\t\t\tclass=\"cross-sell-body-tile-cta\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"font-semibold\">{{ stackTileItem.ctaText }}</span>\n\t\t\t\t\t\t\t<icon-far-arrow-right class=\"tile-arrow-right ml-2.5 rtl:mr-2.5 inline-block\" />\n\t\t\t\t\t\t</AppHyperlink>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</component>\n\t\t</div>\n\t\t\n\t\t<div v-if=\" props.tileBehaviour === 'stacked' && isShowMoreButton\" class=\"show-more-cta mt-10 md:mt-8\">\n\t\t\t<CTAButton\n\t\t\t\tv-aa=\"[\n\t\t\t\t\t{\n\t\t\t\t\t\tclickName: $t('Show more'),\n\t\t\t\t\t\tclickComponentType: 'Button',\n\t\t\t\t\t\tcomponentName: 'CTAButton',\n\t\t\t\t\t\tcomponentID: props.componentIdAA,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: $t('Show more'),\n\t\t\t\t\t\ttype: 'other',\n\t\t\t\t\t},\n\t\t\t\t]\"\n\t\t\t\t:ctaText=\"$t('Show more')\"\n\t\t\t\t:sizeType=\"isMobileViewport ? 'small' : 'medium'\"\n\t\t\t\tcontainerClass=\"font-semibold\"\n\t\t\t\t@click=\"currentTilesShown = currentTilesShown + TILES_PER_LOAD\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n</template>\n\n<style scoped lang=\"scss\">\n@use 'sass:color';\n@use '~/styles/partials/_var.scss';\n\n.CrossSellTiles {\n\n\t:deep(.swiper-slide) {\n\t\theight: 100%;\n\t\t\n\t\t@media #{var.$query-max-md} {\n\t\t\theight: auto;\n\t\t}\n\t}\n\n\t:deep(.swiper-horizontal) {\n\t\tpadding: 10px;\n\t}\n\n\t:deep(.swiper-button-prev) {\n\t\theight: 56px;\n\t\twidth: 56px;\n\t\tborder: 1px solid var.$neutral-grey-light;\n\t\tborder-radius: 28px;\n\t\t@apply bg-primary-black-base/20;\n\t\ttransition: opacity .25s ease-in-out;\n\t\tleft: 83px;\n\t\topacity: 0;\n\n\t\t&:hover {\n\t\t\t@apply bg-primary-black-base/60;\n\t\t}\n\t\t\n\t\t&:hover::after {\n\t\t\ttransform: translateX(-2px);\n\t\t}\n \n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tbackground-image: url('~/assets/carousel/chevron-left.svg');\n\t\t\tbackground-size: cover;\n\t\t\tbackground-position: center;\n\t\t\tbackground-color: transparent;\n\t\t\theight: 26px;\n\t\t\twidth: 13px;\n\t\t\ttransition: 200ms ease-in-out;\n\t\t}\n\t}\n\n\t:deep(.swiper-button-next) {\n\t\theight: 56px;\n\t\twidth: 56px;\n\t\tborder: 1px solid var.$neutral-grey-light;\n\t\tborder-radius: 28px;\n\t\t@apply bg-primary-black-base/20;\n\t\topacity: 0;\n\t\tright: 83px;\n\t\ttransition: 200ms ease-in-out;\n\n\t\t&:hover {\n\t\t\t@apply bg-primary-black-base/60;\n\t\t}\n\t\t\n\t\t&:hover::after {\n\t\t\ttransform: rotate(180deg) translateX(-2px);\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tbackground-image: url('~/assets/carousel/chevron-left.svg');\n\t\t\tbackground-size: cover;\n\t\t\tbackground-position: center;\n\t\t\tbackground-color: transparent;\n\t\t\theight: 26px;\n\t\t\twidth: 13px;\n\t\t\ttransform: rotate(180deg);\n\t\t\ttransition: 200ms ease-in-out;\n\t\t}\n\t}\n\n\t:deep(.tileFontAwesomeIcon) {\n\t\t@apply inline-block text-[#CFAF88];\n\t\t\n\t\tsvg {\n\t\t\theight: 14px;\n\t\t\twidth: auto;\n\t\t\t@apply fill-current;\n\t\t}\n\t}\n\t\n\t&:hover {\n\t\t:deep(.swiper-button-prev) {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t:deep(.swiper-button-next) {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t:deep(.swiper-wrapper) {\n\t\t\n\t\t.swiper-slide {\n\t\t\toverflow: visible;\n\t\t}\n\n\t\t.swiper-slide:last-child {\n\t\t\tmargin-right: 0!important;\n\t\t}\n\t}\n\n\t:deep(.alignCentered) {\n\t\t.swiper-wrapper {\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t.cross-sell-body-tile-description {\n\t\tflex-grow: 1;\n\t}\n\t\n\t.show-more-cta {\n\t\t:deep(.CTAButton) {\n\t\t\t@media #{var.$query-max-md} {\n\t\t\t\tmin-width: 200px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.swiper-editor-mode {\n\tdisplay: grid;\n\tgap: 1rem;\n\tgrid-template-columns: repeat(auto-fit, minmax(313px, 1fr));\n}\n\n.cross-sell-wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tflex-grow: 1;\n\tcolor: var(--primary-black-base);\n\ttransition: .25s ease-in-out;\n\t\n\t&:hover {\n\t\ttext-decoration: none;\n\t\t\n\t\t.tile-arrow-right {\n\t\t\t@apply transform translate-x-0.5;\n\t\t\t\n\t\t\thtml[dir=\"rtl\"] & {\n\t\t\t\t@apply transform -translate-x-0.5 -rotate-180;\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\n\t&.content {\n\t\tborder-radius: 24px;\n\t\tborder: solid 1px var(--neutral-grey-light);\n\t\t\n\t\t&:hover:not(.not-clickable) {\n\t\t\t@apply shadow-type-a;\n\t\t}\n\t}\n}\n\n.cross-sell-thumbnail {\n\tpadding-top: 66.66%;\n\t// background-color: var.$secondary-teal-base;\n\tbackground-image: url('@/assets/banner/herobanner-sample-1-desktop.jpg');\n\tbackground-size: cover;\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\n\t// &::before {\n\t// \tcontent: \"\";\n\t// \tpadding-top: 66.66%;\n\t// \tdisplay: inherit;\n\t// \tbackground-color: var(--secondary-teal-base);\n\t// }\n}\n\n.cross-sell-body {\n\t// padding: 24px 24px 32px 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-grow: 1;\n\n\t.AppHyperlink {\n\n\t\t.tile-arrow-right {\n\t\t\tfill: var(--primary-blue-base);\n\t\t}\n\t}\n}\n\n.cross-sell-body-tile-title {\n\tword-break: break-word;\n\n\t// &.article {\n\t// \tcolor: #CFAF88;\n\t// }\n}\n\n.cross-sell-body-tile-cta {\n\t.tile-arrow-right {\n\t\ttransition: transform .3s ease-in-out;\n\t\t\n\t\thtml[dir=\"rtl\"] & {\n\t\t\t@apply transform -rotate-180;\n\t\t}\n\t}\n}\n\n[data-use-theme=\"MAG\"] {\n\t.AppHyperlink {\n\t\t.tile-arrow-right {\n\t\t\tfill: var(--primary-midnightgreen-base);\n\t\t}\n\n\t\t&:hover .tile-arrow-right{\n\t\t\tfill: var(--primary-midnightgreen-dark);\n\t\t}\n\t}\n}\n\n[data-use-theme=\"MHH\"] {\n\t.AppHyperlink {\n\t\t--a-tag-color: var(--secondary-mhh-teal-dark);\n\t\t--a-tag-color-hover: var(--secondary-mhh-teal-dark);\n\t\t\n\t\t.tile-arrow-right {\n\t\t\tfill: var(--secondary-mhh-teal-dark);\n\t\t}\n\t}\n}\n\n[data-use-theme=\"firefly\"] {\n\t.AppHyperlink {\n\t\t--a-tag-color: var(--primary-firefly-orange-base);\n\t\t--a-tag-color-hover: var(--secondary-firefly-orange-medium);\n\t\t\n\t\t.tile-arrow-right {\n\t\t\tfill: var(--primary-firefly-orange-base);\n\t\t}\n\t}\n\n\t:deep(.tileFontAwesomeIcon) {\n\t\tsvg {\n\t\t\tfill: var(--secondary-firefly-orange-base);\n\t\t}\n\t}\n}\n</style>\n"],"names":["__default__","props","__props","multiListTile","computed","item","index","crossSellTileRef","ref","isEditorMode","useGlobalAEMState","TILES_PER_LOAD","currentTilesShown","siteName","crossSellTileTime","time","dayjs","isShowMoreButton","swiperSlidesLimit","slidesLimit","swiperInstance","_hoisted_1","_hoisted_4","_hoisted_5","_hoisted_8","_hoisted_15","_hoisted_16","_hoisted_19","_hoisted_26","$setup","_createElementBlock","_createElementVNode","_cache","_createTextVNode","_hoisted_2","_createCommentVNode","_hoisted_3","_openBlock","_Fragment","_createBlock","_normalizeClass","_withCtx","_renderList","carouselTileItem","carouselTileIndex","_resolveDynamicComponent","_normalizeStyle","_hoisted_6","_toDisplayString","_hoisted_7","_a","_hoisted_9","categoryTag","categoryIndex","_hoisted_10","_hoisted_11","_hoisted_12","_ctx","_withDirectives","_hoisted_13","_directive_html_sanitize","_hoisted_14","_createVNode","_component_icon_far_arrow_right","_directive_aa","stackTileItem","stackTileIndex","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_27","$event"],"mappings":"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"}