{"version":3,"file":"PlanYourTripTiles-CbxnLQUj.js","sources":["../../src/components/PlanYourTripCard.vue","../../src/aem-components/PlanYourTripTiles.vue"],"sourcesContent":["<script>\nexport default {\n\tname: 'PlanYourTripCard',\n\tinheritAttrs: false,\n};\n</script>\n\n<script setup>\nimport AppHyperlink from '~/components/AppHyperlink.vue';\nimport { isUrlMatchCurrentHostname } from '~/logic/helpers/string.js';\n\nconst props = defineProps({\n\tkeyVisualSrc: { type: String, default: '' },\n\tkeyVisualAlignment: { type: String, default: 'left' },\n\tkeyVisualAlt: { type: String, default: '' },\n\tgradientValue: { type: String, default: '' },\n\tgradientOpacity: { type: String, default: '30' },\n\tbgSrc: { type: String, default: '' },\n\tbgAlt: { type: String, default: '' },\n\ttitle: { type: String, default: '' },\n\turl: { type: String, default: '#' },\n\topenInNewTab: { type: Boolean, default: false },\n\tcardSize: { type: String, default: '' },\n\tcomponentIdAA: { type: String, default: '' },\n});\n\nconst gradientMap = computed(() => {\n\treturn {\n\t\t'cyan': `to ${props.keyVisualAlignment === 'left' ? 'right' : 'left'}, #90C8CD, var(--secondary-teal-base)`,\n\t\t'blue': `to ${props.keyVisualAlignment === 'left' ? 'right' : 'left'}, #9FADC3, var(--primary-blue-dark)`,\n\t\t'red': `to ${props.keyVisualAlignment === 'left' ? 'right' : 'left'}, #C4A8C1, var(--secondary-purple-light)`,\n\t\t'purple': `to ${props.keyVisualAlignment === 'left' ? \t'right' : 'left'}, #BDB2CD, var(--secondary-purple-dark)`,\n\t\t'mhh-teal': `to ${props.keyVisualAlignment === 'left' ? 'right' : 'left'}, #8BC7CE, var(--secondary-mhh-teal-light)`,\n\t\t'': '',\n\t};\n});\n\nconst wrapperAttrs = computed(() => {\n\tif (props.url !== 'null') {\n\t\treturn {\n\t\t\thref: props.url,\n\t\t\ttarget: props.openInNewTab ? '_blank' : '_self',\n\t\t\tshowExternalLinkIcon: false,\n\t\t};\n\t}\n\treturn null;\n});\n\n</script>\n\n\n<template>\n<component\n\t:is=\"props.url !== 'null' ? AppHyperlink : 'div'\"\n\tv-bind=\"wrapperAttrs\"\n\tv-aa=\"[\n\t\t{\n\t\t\tclickName: props.title,\n\t\t\tclickComponentType: 'URL',\n\t\t\tcomponentName: 'PlanYourTripCard',\n\t\t\tcomponentID: props.componentIdAA,\n\t\t},\n\t\t{\n\t\t\tname: props.title,\n\t\t\ttype: isUrlMatchCurrentHostname(props.url) ? 'other' : 'exit',\n\t\t},\n\t]\"\n\tclass=\"PlanYourTripCard w-full pt-5 w-full\"\n\t:class=\"`${cardSize} ${props.url !== 'null' && 'hover:no-underline'}`\"\n>\n\t<div\n\t\tclass=\"inner-wrapper flex flex-row justify-bottom items-center rounded-xl bg-gray-700 w-full h-[118px] relative\"\n\t\t:class=\"{\n\t\t\t'flex-row-reverse': props.keyVisualAlignment === 'right',\n\t\t}\"\n\t>\n\t\t<div class=\"bg-element-wrapper absolute rounded-xl overflow-hidden w-full h-full\">\n\t\t\t<div\n\t\t\t\tclass=\"bg-element-gradient absolute top-0 left-0 z-20 w-full h-full\"\n\t\t\t\t:style=\"{\n\t\t\t\t\tbackgroundImage: `linear-gradient(${gradientMap[props.gradientValue]})`,\n\t\t\t\t\topacity: gradientMap[props.gradientValue] !== '' && gradientOpacity ? `${parseInt(gradientOpacity) / 100}` : '1',\n\t\t\t\t}\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t\t<img\n\t\t\t\tv-if=\"bgSrc !== 'null'\"\n\t\t\t\tclass=\"bg-element-img w-full h-full object-cover object-center\"\n\t\t\t\t:src=\"bgSrc\"\n\t\t\t\t:alt=\"bgAlt\"\n\t\t\t/>\n\t\t</div>\n\t\t<div class=\"key-visual-wrapper w-[115px] h-full relative z-20\">\n\t\t\t<img\n\t\t\t\tv-if=\"keyVisualSrc !== 'null'\"\n\t\t\t\tclass=\"key-visual-img absolute bottom-0 left-1/2 transform -translate-x-2/4 w-full\"\n\t\t\t\t:src=\"keyVisualSrc\"\n\t\t\t\t:alt=\"keyVisualAlt\"\n\t\t\t/>\n\t\t</div>\n\t\t<p class=\"card-text heading-6 w-[calc(100%-115px)] leading-6 text-white relative z-20 my-4 px-4 line-clamp-4\">{{ title }}</p>\n\t</div>\n</component>\n</template>\n \n<style lang=\"scss\">\n@use 'sass:color';\n@use '~/styles/partials/_var.scss';\n.PlanYourTripCard {\n\tdisplay: block;\n}\n</style>\n","<script>\nexport default {\n\tname: 'PlanYourTripTiles',\n\tinheritAttrs: false,\n};\n</script>\n\n<script setup>\nimport { useGlobalAEMState } from '~/logic/aem/global-aem-state.js';\nimport PlanYourTripCard from '~/components/PlanYourTripCard.vue';\n\nconst props = defineProps({\n\tisHideInDesktop: { type: Boolean, default: false },\n\tisHideInMobile: { type: Boolean, default: false },\n\ttilesMultiList: { type: Array, default: () => [] },\n\tcomponentIdAA: { type: String, default: '' },\n});\n\nconst cardSize = computed(() => { return props.tilesMultiList.length > 3 ? '>md:w-3/12' : '>md:w-1/3'; } );\nconst { isEditorMode } = useGlobalAEMState();\n\nconst siteName = window.siteName;\n\n</script>\n\n \n\n<template>\n<div\n\tv-if=\"props.tilesMultiList.length\"\n\tclass=\"PlanYourTripTiles\"\n\t:class=\"{\n\t\t'>md:hidden': isHideInDesktop,\n\t\t'hidden >md:block': isHideInMobile,\n\t}\"\n\t:data-use-theme=\"siteName\"\n>\n\t<div class=\"flex flex-col >md:flex-row justify-center gap-2 >md:gap-6 w-full\">\n\t\t<PlanYourTripCard\n\t\t\tv-for=\"tile in props.tilesMultiList\"\n\t\t\t:key=\"`${tile.title}`\"\n\t\t\t:keyVisualSrc=\"`${tile.keyVisualSrc}`\"\n\t\t\t:keyVisualAlignment=\"`${tile.keyVisualAlignment}`\"\n\t\t\t:keyVisualAlt=\"`${tile.keyVisualAlt}`\"\n\t\t\t:gradientValue=\"`${tile.gradientValue}`\"\n\t\t\t:gradientOpacity=\"`${tile.gradientOpacity}`\"\n\t\t\t:bgSrc=\"`${tile.bgSrc}`\"\n\t\t\t:bgAlt=\"`${tile.bgAlt}`\"\n\t\t\t:title=\"`${tile.title}`\"\n\t\t\t:url=\"`${tile.url}`\"\n\t\t\t:openInNewTab=\"tile.openInNewTab\"\n\t\t\t:cardSize=\"cardSize\"\n\t\t\t:componentIdAA=\"props.componentIdAA\"\n\t\t/>\n\t</div>\n</div>\n\n<div v-else-if=\"isEditorMode && isHideInDesktop\" class=\"generic-container py-10 text-center\">\n\t<p>Hidden in: <span v-if=\"isHideInDesktop\">Desktop</span> <span v-if=\"isHideInMobile\">, Mobile</span></p>\n</div>\n\n</template>\n\n\n\n<style scoped lang=\"scss\">\n@use 'sass:color';\n@use '~/styles/partials/_var.scss';\n\n.PlanYourTripTiles[data-use-theme=\"firefly\"] {\n\t:deep(.inner-wrapper) {\n\t\tbackground-color: var(--secondary-firefly-orange-extralight);\n\t\t@apply rounded-3xl;\n\t\t@apply rounded-br-none;\n\t}\n\t:deep(.bg-element-wrapper) {\n\t\tdisplay: none;\n\t}\n}\n</style>\n"],"names":["__default__","props","__props","gradientMap","computed","wrapperAttrs","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createBlock","_resolveDynamicComponent","$setup","_mergeProps","$props","_withCtx","_createElementVNode","_normalizeClass","_normalizeStyle","_createElementBlock","_createCommentVNode","_toDisplayString","cardSize","isEditorMode","useGlobalAEMState","siteName","_openBlock","_Fragment","_renderList","tile","_cache","_createTextVNode"],"mappings":"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"}