{"version":3,"file":"DestinationEssentialDetails-C99YWXYH.js","sources":["../../src/aem-components/DestinationEssentialDetails.vue"],"sourcesContent":["<script>\nexport default {\n\tname: 'DestinationEssentialDetails',\n\tinheritAttrs: false,\n};\n</script>\n\n<script setup>\nimport AppHyperlink from '@/components/AppHyperlink.vue';\nimport FontAwesomeLazy from '~/components/FontAwesomeLazy.vue';\nimport dayjs from 'dayjs';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\nimport timezone from 'dayjs/plugin/timezone';\nimport utc from 'dayjs/plugin/utc';\nimport { isMobileViewport, isLG } from '~/logic/composables/breakpoints';\nimport { isEmpty } from 'lodash';\nimport { useGlobalAEMState } from '~/logic/aem/global-aem-state.js';\nimport { isRTL } from '~/logic/helpers/is-rtl.js';\nconst { isEditorMode } = useGlobalAEMState();\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\ndayjs.extend(advancedFormat);\n\nconst props = defineProps({\n\tdestinationEssentialList: { type: Array, default: () => [] },\n\tisHideInDesktop: { type: Boolean, default: false },\n\tisHideInMobile: { type: Boolean, default: false },\n\tdetailsType: { type: Array, default: () => [] },\n});\n\n/*\n*\t@customImgPath String parameter\n*\t@imageType String parameter\n*\n*\tReturn background image inline-style string\n*\tOtherwise return empty string\n*/\nconst iconImgFunc = (customImgPath, imageType) => {\n\tif ( customImgPath !== null && imageType === 'iconImage') return `background-image: url(${customImgPath})`;\n\treturn '';\n};\n\nconst timezoneName = computed(() => {\n\tif (props.detailsType.length !== 0) {\n\t\tconst [ localTimeName ] = props.detailsType.map((item) => {\n\t\t\treturn item.localTime;\n\t\t}).filter((filteredItem) => filteredItem !== null);\n\n\t\treturn localTimeName;\n\t}\n});\n\nconst currentExchangeRate = computed(() => {\n\n\tif (props.detailsType.length !== 0) {\n\t\tconst [ currencyRate ] = props.detailsType.map((item) => {\n\t\t\treturn item.currency;\n\t\t}).filter((filteredItem) => filteredItem !== null);\n\t\t\n\t\tif (!isEmpty(currencyRate)) {\n\t\t\treturn currencyRate;\n\t\t}\n\t\t\n\t}\n\t\n\treturn {\n\t\texchangeRate: null,\n\t\tlastUpdated: null,\n\t\tcurrencyLabel: null,\n\t};\n});\n/*\n*\tReturn formatted time\n*\tFor example: \n*\tLTR --> 23 Mar 2023, 08:03\n*\tRTL --> 08:03, 23 Mar 2023\n*/\nconst lastUpdatedFormatted = (lastUpdateTime) => {\n\tif (isRTL()) {\n\t\tconst currentInstance = dayjs(lastUpdateTime).tz(timezoneName.value).locale('en');\n\t\treturn currentInstance.format('HH:mm, DD MMM YYYY');\n\t}\n\t\n\treturn dayjs(lastUpdateTime).tz(timezoneName.value).format('DD MMM YYYY, HH:mm');\n};\n\n\nconst currentTimeDate = ref('');\n\n/*\n*\tReturn current user timezone with formatted time\n*\tFor example: \n*\tLTR --> 19:03, 23 March 2023 (GMT+11)\n*\tRTL --> 19:03, 23 March 2023 (GMT+11)\n*/\nconst currentTimeDateFormatSetter = () => {\n\tif (timezoneName.value) {\n\t\tif (isRTL()) {\n\t\t\tconst currentInstance = dayjs().tz(timezoneName.value).locale('en');\n\t\t\tcurrentTimeDate.value = currentInstance.format(`HH:mm, DD MMMM YYYY (z)`);\n\t\t}\n\n\t\tcurrentTimeDate.value = dayjs().tz(timezoneName.value).format(`HH:mm, DD MMMM YYYY (z)`);\n\t}\n};\n\nconst isBaseTargetCurrencyNull = () => {\n\treturn currentExchangeRate.value.exchangeRate === null\n\t\t|| currentExchangeRate.value.lastUpdated === null\n\t\t|| currentExchangeRate.value.currencyLabel === null;\n};\n\nconst isTargetTimezoneNull = () => {\n\treturn timezoneName.value === ''\n\t\t|| timezoneName.value === null;\n};\n\nconst isCurrencyOrlocalTimeSelected = computed(() => {\n\treturn props.destinationEssentialList.some((item) => {\n\t\treturn item.type === 'currency' || item.type === 'localTime';\n\t});\n});\n\nonMounted(() => {\n\tcurrentTimeDateFormatSetter();\n\t\n\tsetInterval(() => {\n\t\tcurrentTimeDateFormatSetter();\n\t}, 1000);\n});\n</script>\n\n<template>\n<template v-if=\"isCurrencyOrlocalTimeSelected && (isBaseTargetCurrencyNull() && isTargetTimezoneNull())\">\n\t<p v-if=\"isEditorMode\" class=\"text-center py-11\">Base Currency in Root page or Target Currency in Destination page is not configured properly. Detail Type: \"Currency\" and \"Local Time\" can only be configured within a destination details page template.</p>\n</template>\n\n<template v-else>\n\t<div\n\t\tv-if=\"(isMobileViewport && !props.isHideInMobile) || (!isMobileViewport && !props.isHideInDesktop)\"\n\t\tclass=\"DestinationEssentialDetails\"\n\t>\n\t\t<div class=\"DestinationEssentialBlock\">\n\t\t\t<ul class=\"DestinationEssentialDetailsList\">\n\t\t\t\t<template\n\t\t\t\t\tv-for=\"(destinationEssentialItem, destinationEssentialIndex) in props.destinationEssentialList\"\n\t\t\t\t\t:key=\"destinationEssentialIndex\"\n\t\t\t\t>\n\n\t\t\t\t\t<!-- Type: Currency -->\n\t\t\t\t\t<li\n\t\t\t\t\t\tv-if=\"destinationEssentialItem.type === 'currency' && !isBaseTargetCurrencyNull()\"\n\t\t\t\t\t\t:key=\"`currency-${destinationEssentialIndex}`\"\n\t\t\t\t\t\tclass=\"DestinationEssentialDetailsItem\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"DestinationEssentialDetailsItemIcon\"\n\t\t\t\t\t\t\t\t:class=\"[destinationEssentialItem.batikBackground]\"\n\t\t\t\t\t\t\t\t:style=\"[iconImgFunc( destinationEssentialItem.image, destinationEssentialItem.iconType )]\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- <icon-fal-wallet class=\"text-7xl lg:text-4xl fill-white\" /> -->\n\t\t\t\t\t\t\t\t<FontAwesomeLazy\n\t\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.iconType === 'iconFontAwsomeId'\"\n\t\t\t\t\t\t\t\t\t:iconId=\"destinationEssentialItem.iconFontAwsomeId?.trim()\"\n\t\t\t\t\t\t\t\t\ticonStyle=\"regular\"\n\t\t\t\t\t\t\t\t\tclass=\"text-neutral-white-base\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\t:src=\"destinationEssentialItem.iconImage\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"DestinationEssentialDetailsItemBody flex flex-col\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"BodyDescription\"\n\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t'BodyDescriptionTextAlignLeft': destinationEssentialItem.mobileTextAlignment === 'left' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t\t'BodyDescriptionTextAlignRight': destinationEssentialItem.mobileTextAlignment === 'right' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t\t'DBodyDescriptionTextAlignCenter': destinationEssentialItem.mobileTextAlignment === 'centre' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<h5 class=\"title >lg:text-center\">{{ destinationEssentialItem.title }}</h5>\n\t\t\t\t\t\t\t\t<p class=\"information\">\n\t\t\t\t\t\t\t\t\t<span v-html-sanitize=\"destinationEssentialItem.description\" class=\"author-html-container\"></span>\n\t\t\t\t\t\t\t\t\t<span class=\"block >lg:text-center font-semibold\">{{ `${currentExchangeRate.exchangeRate} ${currentExchangeRate.currencyLabel}` }}</span>\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<p>&nbsp;</p>\n\t\t\t\t\t\t\t\t<p class=\"description mb-4 text-sm >lg:text-center\">{{ $t('Last updated') }}: <span class=\"inline-block currency-last-updated\">{{ lastUpdatedFormatted(currentExchangeRate.lastUpdated) }}</span></p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<AppHyperlink\n\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.ctaText && destinationEssentialItem.ctaUrl\"\n\t\t\t\t\t\t\t\t:href=\"destinationEssentialItem.ctaUrl\"\n\t\t\t\t\t\t\t\t:target=\"destinationEssentialItem.openInNewTab ? '_blank' : '_self'\"\n\t\t\t\t\t\t\t\tclass=\"cta-btn inline-block text-primary-blue-base hover:text-primary-blue-light font-semibold flex-1 >lg:self-center\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>{{ destinationEssentialItem.ctaText }}</span>\n\t\t\t\t\t\t\t\t<icon-far-arrow-up-right-from-square\n\t\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.externalLinkIcon\"\n\t\t\t\t\t\t\t\t\tclass=\"text-base ml-4 rtl:mr-4 inline-block fill-current\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<icon-far-arrow-right\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\tclass=\"cta-btn-arrow-icon text-base ml-3 rtl:mr-3 inline-block fill-current\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</AppHyperlink>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\n\t\t\t\t\t<!-- Type: Language and time -->\n\t\t\t\t\t<li\n\t\t\t\t\t\tv-else-if=\"destinationEssentialItem.type === 'localTime' && !isTargetTimezoneNull()\"\n\t\t\t\t\t\t:key=\"`localTime-${destinationEssentialIndex}`\"\n\t\t\t\t\t\tclass=\"DestinationEssentialDetailsItem\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"DestinationEssentialDetailsItemIcon\"\n\t\t\t\t\t\t\t\t:class=\"[destinationEssentialItem.batikBackground]\"\n\t\t\t\t\t\t\t\t:style=\"[iconImgFunc( destinationEssentialItem.image, destinationEssentialItem.iconType )]\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- <icon-fal-comment-dots class=\"text-7xl lg:text-4xl fill-white\" /> -->\n\t\t\t\t\t\t\t\t<FontAwesomeLazy\n\t\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.iconType === 'iconFontAwsomeId'\"\n\t\t\t\t\t\t\t\t\t:iconId=\"destinationEssentialItem.iconFontAwsomeId?.trim()\"\n\t\t\t\t\t\t\t\t\ticonStyle=\"regular\"\n\t\t\t\t\t\t\t\t\tclass=\"text-neutral-white-base\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\t:src=\"destinationEssentialItem.iconImage\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"DestinationEssentialDetailsItemBody flex flex-col\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"BodyDescription\"\n\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t'BodyDescriptionTextAlignLeft': destinationEssentialItem.mobileTextAlignment === 'left' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t\t'BodyDescriptionTextAlignRight': destinationEssentialItem.mobileTextAlignment === 'right' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t\t'DBodyDescriptionTextAlignCenter': destinationEssentialItem.mobileTextAlignment === 'centre' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<h5 class=\"title >lg:text-center\">{{ destinationEssentialItem.title }}</h5>\n\t\t\t\t\t\t\t\t<!-- <p class=\"information\">National language <span class=\"inline-block font-semibold\">Indonesian</span></p> -->\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tv-html-sanitize=\"destinationEssentialItem.description\"\n\t\t\t\t\t\t\t\t\tclass=\"description mb-0 author-html-container\"\n\t\t\t\t\t\t\t\t></p>\n\t\t\t\t\t\t\t\t<p class=\"font-bold mb-4 >lg:text-center localtime-updated\">{{ currentTimeDate }}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<AppHyperlink\n\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.ctaText && destinationEssentialItem.ctaUrl\"\n\t\t\t\t\t\t\t\t:href=\"destinationEssentialItem.ctaUrl\"\n\t\t\t\t\t\t\t\t:target=\"destinationEssentialItem.openInNewTab ? '_blank' : '_self'\"\n\t\t\t\t\t\t\t\tclass=\"cta-btn inline-block text-primary-blue-base hover:text-primary-blue-light font-semibold >lg:self-center\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>{{ destinationEssentialItem.ctaText }}</span>\n\t\t\t\t\t\t\t\t<icon-far-arrow-up-right-from-square\n\t\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.externalLinkIcon\"\n\t\t\t\t\t\t\t\t\tclass=\"text-base ml-4 rtl:mr-4 inline-block fill-current\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<icon-far-arrow-right\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\tclass=\"cta-btn-arrow-icon text-base ml-3 rtl:mr-3 inline-block fill-current\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</AppHyperlink>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\n\t\t\t\t\t<!-- Type: None -->\n\t\t\t\t\t<li\n\t\t\t\t\t\tv-else-if=\"destinationEssentialItem.type === 'none'\"\n\t\t\t\t\t\t:key=\"`none-${destinationEssentialIndex}`\"\n\t\t\t\t\t\tclass=\"DestinationEssentialDetailsItem\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"DestinationEssentialDetailsItemIcon\"\n\t\t\t\t\t\t\t\t:class=\"[destinationEssentialItem.batikBackground]\"\n\t\t\t\t\t\t\t\t:style=\"[iconImgFunc( destinationEssentialItem.image, destinationEssentialItem.iconType )]\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- <icon-fal-plug class=\"text-7xl lg:text-4xl fill-white\" /> -->\n\t\t\t\t\t\t\t\t<FontAwesomeLazy\n\t\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.iconType === 'iconFontAwsomeId'\"\n\t\t\t\t\t\t\t\t\t:iconId=\"destinationEssentialItem.iconFontAwsomeId?.trim()\"\n\t\t\t\t\t\t\t\t\ticonStyle=\"regular\"\n\t\t\t\t\t\t\t\t\tclass=\"text-neutral-white-base\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\t:src=\"destinationEssentialItem.iconImage\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"DestinationEssentialDetailsItemBody flex flex-col\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"BodyDescription\"\n\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t'BodyDescriptionTextAlignLeft': destinationEssentialItem.mobileTextAlignment === 'left' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t\t'BodyDescriptionTextAlignRight': destinationEssentialItem.mobileTextAlignment === 'right' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t\t'DBodyDescriptionTextAlignCenter': destinationEssentialItem.mobileTextAlignment === 'centre' && (isMobileViewport || isLG),\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<h5 class=\"title >lg:text-center\">{{ destinationEssentialItem.title }}</h5>\n\t\t\t\t\t\t\t\t<!-- <p class=\"information\">Voltage and frequency <span class=\"inline-block font-semibold\">230V, 50Hz</span></p>\n\t\t\t\t\t\t\t\t<p class=\"description\">Adapter is not required to use Malaysian plugs.</p> -->\n\t\t\t\t\t\t\t\t<p v-html-sanitize=\"destinationEssentialItem.description\" class=\"description mb-4 author-html-container\"></p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<AppHyperlink\n\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.ctaText && destinationEssentialItem.ctaUrl\"\n\t\t\t\t\t\t\t\t:href=\"destinationEssentialItem.ctaUrl\"\n\t\t\t\t\t\t\t\t:target=\"destinationEssentialItem.openInNewTab ? '_blank' : '_self'\"\n\t\t\t\t\t\t\t\tclass=\"cta-btn inline-block text-primary-blue-base hover:text-primary-blue-light font-semibold >lg:self-center\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>{{ destinationEssentialItem.ctaText }}</span>\n\t\t\t\t\t\t\t\t<icon-far-arrow-up-right-from-square\n\t\t\t\t\t\t\t\t\tv-if=\"destinationEssentialItem.externalLinkIcon\"\n\t\t\t\t\t\t\t\t\tclass=\"text-base ml-4 rtl:mr-4 inline-block fill-current\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<icon-far-arrow-right\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\tclass=\"cta-btn-arrow-icon text-base ml-3 rtl:mr-3 inline-block fill-current\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</AppHyperlink>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t</template>\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n\n\t<div v-if=\"isEditorMode && props.isHideInDesktop\">\n\t\t<div class=\"generic-container py-10 text-center\">\n\t\t\t<p>Hidden in: <span v-if=\"props.isHideInDesktop\">Desktop</span> <span v-if=\"props.isHideInMobile\">, Mobile</span></p>\n\t\t</div>\n\t</div>\n</template>\n</template>\n\n<style lang=\"scss\">\n@use '~/styles/partials/_var.scss';\n\n/* FontAwesomeLazyIcon styling */\n.DestinationEssentialDetailsItemIcon {\n\tsvg {\n\t\tfill: currentColor;\n\t\twidth: auto;\n\t\theight: 32px;\n\n\t\t@media #{var.$query-min-lg} {\n\t\t\theight: 80px;\n\t\t}\n\t}\n}\n\n</style>\n\n<style scoped lang=\"scss\">\n@use 'sass:color';\n@use '~/styles/partials/_var.scss';\n\n.DestinationEssentialDetails {\n\t@apply my-16;\n\t\n\t@media #{var.$query-min-lg} {\n\t\tpadding-left: 123px;\n\t\tpadding-right: 123px;\n\t\t@apply my-20;\n\t}\n\n\t.DestinationEssentialDetailsHeading {\n\t\tfont-size: 28px;\n\t\t\n\t\t@media #{var.$query-min-lg} {\n\t\t\tfont-size: 40px;\n\t\t}\n\t}\n\n\t.DestinationEssentialBlock {\n\t\tmargin-top: 32px;\n\t\t@media #{var.$query-min-lg} {\n\t\t\tmargin-top: 54px;\n\t\t}\n\t}\n\n\t.DestinationEssentialDetailsList {\n\t\t@apply flex flex-col;\n\t\t@media #{var.$query-min-lg} {\n\t\t\t@apply flex-row justify-center;\n\t\t}\n\t}\n\n\t.DestinationEssentialDetailsItem {\n\t\t@apply flex;\n\t\tmargin-bottom: 48px;\n\t\tmargin-right: 16px;\n\t\tmargin-left: 16px;\n\n\t\t@media #{var.$query-min-lg} {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\twidth: calc(100% / 4);\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\t@media #{var.$query-min-lg} {\n\t\t\t\t@apply mr-6;\n\t\t\t}\n\t\t}\n\n\t\t.DestinationEssentialDetailsItemIcon {\n\t\t\t// flex: 1 1 30%;\n\t\t\twidth: 90px;\n\t\t\theight: 117px;\n\t\t\tborder-radius: 200px;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: cover;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\t@apply flex justify-center items-center mx-auto;\n\n\t\t\t@media #{var.$query-min-lg} {\n\t\t\t\twidth: 202px;\n\t\t\t\theight: 262px;\n\t\t\t}\n\n\t\t\t&.teal {\n\t\t\t\tbackground-image: url('~/assets/usp/usp-background-pattern-teal.png');\n\t\t\t}\n\n\t\t\t&.gold {\n\t\t\t\tbackground-image: url('~/assets/usp/usp-background-pattern-gold.png');\n\t\t\t}\n\n\t\t\t&.blue {\n\t\t\t\tbackground-image: url('~/assets/usp/usp-background-pattern-blue.png');\n\t\t\t}\n\t\t}\n\n\t\t.DestinationEssentialDetailsItemBody {\n\t\t\tflex: 1 1 70%;\n\t\t\t@apply mt-6;\n\t\t\t\n\t\t\t@media #{var.$query-max-lg} {\n\t\t\t\t@apply ml-6 mt-0;\n\t\t\t\t\n\t\t\t\thtml[dir=\"rtl\"] & {\n\t\t\t\t\t@apply mr-6 ml-0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.title {\n\t\t\t\t@apply lg:text-lg lg:mt-3 mb-4 font-bold;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.BodyDescription {\n\tflex-grow: 1;\n\t\n\t.description {\n\t\tword-break: break-word;\n\t}\n}\n\n.cta-btn {\n\t.cta-btn-arrow-icon {\n\t\ttransition: transform .25s ease-in-out;\n\t}\n\n\t&:hover {\n\t\t.cta-btn-arrow-icon {\n\t\t\t@apply translate-x-0.5;\n\t\t}\n\t}\n\t\n\thtml[dir=\"rtl\"] & {\n\t\t.cta-btn-arrow-icon {\n\t\t\t@apply transform -rotate-180;\n\t\t}\n\t\t\n\t\t&:hover {\n\t\t\t.cta-btn-arrow-icon {\n\t\t\t\t@apply -translate-x-0.5;\n\t\t\t}\n\t\t\t\n\t\t}\n\t}\n}\n\n.currency-last-updated,\n.localtime-updated {\n\thtml[dir=\"rtl\"] & {\n\t\tdirection: ltr;\n\t}\n}\n\n.BodyDescriptionTextAlignLeft {\n\t:deep() {\n\t\t\n\t\th1, h2, h3, h4, h5, h6, p, li,\n\t\tblockquote, dl, dd, hr, figure,\n\t\tpre, div[style*=\"text-align\"] {\n\t\t\ttext-align: left !important;\n\t\t}\n\t}\n}\n\n.BodyDescriptionTextAlignRight {\n\t:deep() {\n\t\t\n\t\th1, h2, h3, h4, h5, h6, p, li,\n\t\tblockquote, dl, dd, hr, figure,\n\t\tpre, div[style*=\"text-align\"] {\n\t\t\ttext-align: right !important;\n\t\t}\n\t}\n}\n\n.DBodyDescriptionTextAlignCenter {\n\t:deep() {\n\t\t\n\t\th1, h2, h3, h4, h5, h6, p, li,\n\t\tblockquote, dl, dd, hr, figure,\n\t\tpre, div[style*=\"text-align\"] {\n\t\t\ttext-align: center !important;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["__default__","isEditorMode","useGlobalAEMState","dayjs","utc","timezone","advancedFormat","props","__props","iconImgFunc","customImgPath","imageType","timezoneName","computed","localTimeName","item","filteredItem","currentExchangeRate","currencyRate","isEmpty","lastUpdatedFormatted","lastUpdateTime","isRTL","currentTimeDate","ref","currentTimeDateFormatSetter","currentInstance","isBaseTargetCurrencyNull","isTargetTimezoneNull","isCurrencyOrlocalTimeSelected","onMounted","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_26","$setup","_openBlock","_createElementBlock","_Fragment","_hoisted_1","_createCommentVNode","_hoisted_2","_createElementVNode","_renderList","destinationEssentialItem","destinationEssentialIndex","_normalizeClass","_normalizeStyle","_createBlock","_a","_toDisplayString","_withDirectives","_directive_html_sanitize","_cache","_createTextVNode","_ctx","_withCtx","_component_icon_far_arrow_up_right_from_square","_component_icon_far_arrow_right","_b","_c","_hoisted_25","_hoisted_27","_hoisted_28"],"mappings":"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"}