{"version":3,"file":"AmalBookingWidget-Bp6uHRJT.js","sources":["../../src/components/amal/BookingWidget/AmalBookingWidgetMore.vue","../../src/aem-components/amal/booking/AmalBookingWidget.vue"],"sourcesContent":["<script>\nexport default {\n\tname: 'AmalBookingWidgetMore',\n};\n</script>\n\n<script setup>\nimport FontAwesomeLazy from '~/components/FontAwesomeLazy.vue';\nimport useBookingWidgetSubpage from '~/logic/composables/useBookingWidgetSubpage.js';\nimport MobileSubpage from '~/components/BookingWidget/MobileSubpage.vue';\n\nconst props = defineProps({\n\tdataList: { type: Array, default: () => ([]) },\n\ttabTitle: { type: String, default: '' },\n});\n\nconst rootEl = ref(null);\n\nconst { isMobileSubpageVisible } = useBookingWidgetSubpage({\n\thashKey: ['more', 'more-tab'],\n\trootEl,\n});\n\n</script>\n\n<template>\n<div\n\tref=\"rootEl\"\n\tclass=\"AmalBookingWidgetMore\"\n>\n\t<div class=\"listing-wrapper mt-6\">\n\t\t<div\n\t\t\tv-for=\"item in props.dataList\"\n\t\t\t:key=\"`${item.title}|${item.urlPath}`\"\n\t\t\tclass=\"listing-item px-3\"\n\t\t>\n\t\t\t<AppHyperlink\n\t\t\t\tclass=\"listing-hyperlink\"\n\t\t\t\t:href=\"item.urlPath\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<div class=\"listing-icon-wrapper mb-4 bg-secondary-blue-ultralight\">\n\t\t\t\t\t<FontAwesomeLazy\n\t\t\t\t\t\tv-if=\"item.iconType === 'icon-font-awesome-id'\"\n\t\t\t\t\t\tclass=\"icon-logo w-6 h-6 fill-primary-blue-light\"\n\t\t\t\t\t\t:iconId=\"item.fontAwesomeID\"\n\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<img\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\t:src=\"item.iconImage\"\n\t\t\t\t\t\tclass=\"icons-image w-6 h-6\"\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"listing-text text-center leading-snug text-$text-color\">\n\t\t\t\t\t{{ item.title }}\n\t\t\t\t</div>\n\t\t\t</AppHyperlink>\n\t\t</div>\n\t</div>\n</div>\n\n<MobileSubpage\n\t:isVisible=\"isMobileSubpageVisible\"\n\tclass=\"text-white\"\n\tstyle=\"--overlay-container-bg-color: var(--secondary-blue-extradark);\"\n\t@update:is-visible=\"isMobileSubpageVisible = $event\"\n>\n\t<template #banner-title>\n\t\t<h1 class=\"text-center\">{{ props.tabTitle }}</h1>\n\t</template>\n\t\n\t<template #default>\n\t\t<div class=\"generic-container mb-20\">\n\t\t\t<div class=\"listing-wrapper mt-6\">\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"item in props.dataList\"\n\t\t\t\t\t:key=\"`${item.title}|${item.urlPath}`\"\n\t\t\t\t\tclass=\"listing-item px-3 xs:px-1\"\n\t\t\t\t>\n\t\t\t\t\t<AppHyperlink\n\t\t\t\t\t\tclass=\"listing-hyperlink\"\n\t\t\t\t\t\t:href=\"item.urlPath\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"listing-icon-wrapper mb-4 bg-secondary-blue-ultralight\">\n\t\t\t\t\t\t\t<FontAwesomeLazy\n\t\t\t\t\t\t\t\tv-if=\"item.iconType === 'icon-font-awesome-id'\"\n\t\t\t\t\t\t\t\tclass=\"icon-logo w-6 h-6 fill-primary-blue-light\"\n\t\t\t\t\t\t\t\t:iconId=\"item.fontAwesomeID\"\n\t\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t:src=\"item.iconImage\"\n\t\t\t\t\t\t\t\tclass=\"icons-image w-6 h-6\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"listing-text text-center leading-snug\">\n\t\t\t\t\t\t\t{{ item.title }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</AppHyperlink>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</template>\n</MobileSubpage>\n</template>\n\n\n<style scoped lang=\"scss\">\n@use 'sass:color';\n@use '~/styles/partials/_var.scss';\n\n.AmalBookingWidgetMore {\n\t\n}\n\n.listing-wrapper {\n\t--item-min-width: 150px;\n\t--item-max-width: 150px;\n\tdisplay: grid;\n\tjustify-content: center;\n\tgrid-template-columns: repeat(auto-fit, minmax(var(--item-min-width), var(--item-max-width)));\n\t@apply gap-8;\n\t\n\t@media #{var.$query-max-2xl} {\n\t\t@apply gap-4;\n\t}\n\t@media #{var.$query-max-md} {\n\t\t--item-min-width: 100px;\n\t\t--item-max-width: 130px;\n\t\t@apply gap-y-6 gap-x-2;\n\t}\n\t@media #{var.$query-max-xs} {\n\t\t@apply gap-x-1;\n\t\t--item-max-width: 110px;\n\t}\n}\n.listing-item {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n.listing-hyperlink {\n\t--a-tag-color: var(--text-color);\n\t--a-tag-color-hover: var(--secondary-amal-red-base);\n\tdisplay: flex !important;\n\tflex-direction: column;\n\tflex-grow: 1;\n\theight: 100%;\n}\n.listing-icon-wrapper {\n\tborder-radius: 100%;\n\twidth: 60px;\n\theight: 60px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n</style>\n","<script>\nexport default {\n\tname: 'AmalBookingWidget',\n\tinheritAttrs: false,\n};\n</script>\n\n<script setup>\nimport { useGlobalAEMState } from '~/logic/aem/global-aem-state.js';\nimport SwitchTab from '~/aem-components/SwitchTab.vue';\nimport FontAwesomeLazy from '~/components/FontAwesomeLazy.vue';\nimport VueSwiper from '~/components/VueSwiper.vue';\nimport { getCompositeComponent } from '@custom/aem-vue-editable-components';\nimport { gsap } from 'gsap';\nimport { ScrollTrigger } from 'gsap/ScrollTrigger';\nimport { isMobileViewport } from '~/logic/composables/breakpoints.js';\nimport { sleep } from '~/logic/helpers/utils.js';\nimport { useEventBus } from '@vueuse/core';\nimport { pushAA_click } from '~/logic/adobe-analytic.js';\n\nimport CheckIn from '~/aem-components/booking/CheckIn.vue';\nimport ManageBooking from '~/aem-components/booking/ManageBooking.vue';\n\nimport AmalFlightSearch from '~/aem-components/amal/booking/AmalFlightSearch.vue';\nimport AmalFlightHotelSearch from '~/aem-components/amal/booking/AmalFlightHotelSearch.vue';\nimport AmalFlightSchedule from '~/aem-components/amal/booking/AmalFlightSchedule.vue';\nimport AmalUmrahPackages from '~/aem-components/amal/booking/AmalUmrahPackages.vue';\nimport AmalBookingWidgetMore from '~/components/amal/BookingWidget/AmalBookingWidgetMore.vue';\nimport AmalFlightStatus from '~/aem-components/amal/booking/AmalFlightStatus.vue';\n\nconst props = defineProps({\n\tisHideInDesktop: { type: Boolean, default: false },\n\tisHideInMobile: { type: Boolean, default: false },\n\tcomponentIdAA: { type: String, default: '' },\n\tbookingWidgetMultiList: { type: Array, default: () => ([]) },\n});\nconst emit = defineEmits([\n\t// 'update:modelValue',\n]);\n\nconst { isEditorMode } = useGlobalAEMState();\n\nconst rootEl = ref(null);\nconst switchTabEl = ref(null);\n\nconst FLIGHT_SEARCH_ID = 'flight-search-tab';\n\nconst TAB_CONTENT_MAPPING = {\n\t'flight-search': {\n\t\tcomponent: AmalFlightSearch,\n\t\ttabTitle: 'Flight Search',\n\t\tanchorTag: FLIGHT_SEARCH_ID,\n\t\tmobileSubpageHash: 'flight-search',\n\t\tselectedDefault: false,\n\t\tparsys: {\n\t\t\ttype: 'mh/components/amal/booking/amal-flight-search',\n\t\t\tcomponentKey: 'amal-flight-search',\n\t\t},\n\t},\n\t'flight-hotel-search': {\n\t\tcomponent: AmalFlightHotelSearch,\n\t\ttabTitle: 'Flight + Hotel',\n\t\tanchorTag: 'flight-hotel-search-tab',\n\t\tmobileSubpageHash: 'flight-hotel-search',\n\t\tselectedDefault: false,\n\t\tparsys: {\n\t\t\ttype: 'mh/components/amal/booking/amal-flight-hotel-search',\n\t\t\tcomponentKey: 'amal-flight-hotel-search',\n\t\t},\n\t},\n\t'manage-bookings': {\n\t\tcomponent: ManageBooking,\n\t\ttabTitle: 'Manage Booking',\n\t\tanchorTag: 'manage-booking-tab',\n\t\tmobileSubpageHash: 'manage-booking',\n\t\tselectedDefault: false,\n\t\tparsys: {\n\t\t\ttype: 'mh/components/booking/manage-booking',\n\t\t\tcomponentKey: 'manage-booking',\n\t\t},\n\t},\n\t'check-in': {\n\t\tcomponent: CheckIn,\n\t\ttabTitle: 'Check In',\n\t\tanchorTag: 'check-in-tab',\n\t\tmobileSubpageHash: 'check-in',\n\t\tselectedDefault: false,\n\t\tparsys: {\n\t\t\ttype: 'mh/components/booking/check-in',\n\t\t\tcomponentKey: 'check-in',\n\t\t},\n\t},\n\t'flight-status': {\n\t\tcomponent: AmalFlightStatus,\n\t\ttabTitle: 'Flight Status',\n\t\tanchorTag: 'flight-status-tab',\n\t\tselectedDefault: false,\n\t\tparsys: {\n\t\t\ttype: 'mh/components/booking/flight-status',\n\t\t\tcomponentKey: 'flight-status',\n\t\t},\n\t},\n\t'flight-schedule': {\n\t\tcomponent: AmalFlightSchedule,\n\t\ttabTitle: 'Flight Schedule',\n\t\tanchorTag: 'flight-schedule-tab',\n\t\tmobileSubpageHash: 'flight-schedule',\n\t\tselectedDefault: false,\n\t\tparsys: {\n\t\t\ttype: 'mh/components/amal/booking/amal-flight-schedule',\n\t\t\tcomponentKey: 'amal-flight-schedule',\n\t\t},\n\t},\n\t'umrah-packages': {\n\t\tcomponent: AmalUmrahPackages,\n\t\ttabTitle: 'Umrah Packages',\n\t\tanchorTag: 'umrah-packages-tab',\n\t\tmobileSubpageHash: 'umrah-packages',\n\t\tselectedDefault: false,\n\t\tparsys: {\n\t\t\ttype: 'mh/components/amal/booking/amal-umrah-packages',\n\t\t\tcomponentKey: 'amal-umrah-packages',\n\t\t},\n\t},\n\t'more': {\n\t\tcomponent: AmalBookingWidgetMore,\n\t\ttabTitle: 'More',\n\t\tanchorTag: 'more-tab',\n\t\tmobileSubpageHash: 'more',\n\t\tselectedDefault: false,\n\t\tparsys: null,\n\t\tcomponentProps: {\n\t\t\tdataList: 'moreMultiList',\n\t\t},\n\t},\n};\n\nconst tabList = computed(() => {\n\treturn props.bookingWidgetMultiList.map((item) => {\n\t\tif (item.isHideInDesktop) return null;\n\t\tconst mapped = TAB_CONTENT_MAPPING[item.function];\n\t\tif (!mapped) {\n\t\t\tconsole.warn(`Couldn't find correct mapping data for `, item);\n\t\t\treturn null;\n\t\t}\n\t\t\n\t\tconst componentProps = mapped.componentProps ? Object.fromEntries(Object.entries(mapped.componentProps).map(([propName, itemPropertyName]) => {\n\t\t\treturn [\n\t\t\t\tpropName,\n\t\t\t\titem[itemPropertyName],\n\t\t\t];\n\t\t})) : null;\n\t\t\n\t\treturn {\n\t\t\t...mapped,\n\t\t\ttabTitle: item.ctaText,\n\t\t\t...(mapped.parsys ? { composite: getCompositeComponent(mapped.parsys) } : null),\n\t\t\tcomponentProps,\n\t\t\tmobileIconType: item.iconType,\n\t\t\tmobileIconId: item.fontAwesomeID,\n\t\t\tmobileIconImage: item.iconImage,\n\t\t};\n\t}).filter(Boolean);\n});\n\nconst activeSubTabName = ref('flight-search');\n\nconst handleSwitchTabUpdate = (newTabName) => {\n\t// sendTabUpdateAA(newTabName);\n\t// \"attempt\" to center the active slide (only if able, i.e. this won't make the first slide go to center)\n\t// disable this for now\n\t// const index = tabList.value.findIndex((item) => item.anchorTag === newTabName);\n\t// switchTabEl.value.swiperEl.swiperInstance.slideTo(index);\n};\nconst handleSubTabUpdate = (newTabName) => {\n\tactiveSubTabName.value = newTabName;\n\t// sendTabUpdateAA(newTabName);\n};\n\n// we need a flag so that we can set class, to apply custom styling when swiper is not engaged (i.e. locked)\n// basically, we want to center the slides\nconst isMobileSwiperLocked = ref(false);\n\nconst isDesktopSwiperLocked = ref(false);\n\nconst handleDesktopSwiperLock = () => {\n\tisDesktopSwiperLocked.value = true;\n};\nconst handleDesktopSwiperUnlock = () => {\n\tisDesktopSwiperLocked.value = false;\n};\n\n</script>\n\n\n\n<template>\n<template v-if=\"isEditorMode && (props.isHideInDesktop || props.isHideInMobile)\">\n\t<div class=\"generic-container py-10 text-center\">\n\t\t<p>Hidden in: {{ [\n\t\t\t(props.isHideInDesktop ? 'Desktop' : null),\n\t\t\t(props.isHideInMobile ? 'Mobile' : null),\n\t\t].filter(Boolean).join(', ') }}</p>\n\t</div>\n</template>\n\n<div\n\tv-if=\"(isMobileViewport && !props.isHideInMobile) || (!isMobileViewport && !props.isHideInDesktop)\"\n\tref=\"rootEl\"\n\tclass=\"AmalBookingWidget relative z-50\"\n\t:class=\"{\n\t\t'mt-0': tabList.length === 1,\n\t\t'-mt-22 md:-mt-3 mb-20': tabList.length !== 1,\n\t}\"\n\t:style=\"{\n\t\t'--tab-count': tabList.length,\n\t}\"\n>\n\t<SwitchTab\n\t\tref=\"switchTabEl\"\n\t\tclass=\"tab-swiper md:hidden\"\n\t\t:class=\"{\n\t\t\t'is-swiper-locked': isDesktopSwiperLocked,\n\t\t}\"\n\t\t:tabList=\"tabList\"\n\t\t:hideTabs=\"tabList.length === 1\"\n\t\t:useSlotAsContent=\"true\"\n\t\t:updateHashOnSwitch=\"false\"\n\t\t:contentContainerClass=\"`rounded-6xl lg:rounded-2xl pt-8 pb-14 bg-white ${tabList.length === 1 ? '' : 'shadow-type-a'}`\"\n\t\t:desktopAllowTouchMove=\"true\"\n\t\t:tabSwiperOptions=\"{\n\t\t\t'class': {\n\t\t\t\t'desktop-swiper': true,\n\t\t\t\t'is-locked': isDesktopSwiperLocked,\n\t\t\t},\n\t\t\t'onLock': handleDesktopSwiperLock,\n\t\t\t'onUnlock': handleDesktopSwiperUnlock,\n\t\t\t'slidesPerGroup': 3,\n\t\t}\"\n\t\t:slideToClickedSlide=\"true\"\n\t\t:componentIdAA=\"props.componentIdAA\"\n\t\tcomponentNameAA=\"AmalBookingWidget\"\n\t\t@update:active-tab=\"handleSwitchTabUpdate\"\n\t>\n\t\t<template\n\t\t\tv-for=\"tabItem in tabList\"\n\t\t\t:key=\"tabItem.anchorTag\"\n\t\t\t#[`content-${tabItem.anchorTag}`]\n\t\t>\n\t\t\t<div class=\"generic-container\">\n\t\t\t\t<component\n\t\t\t\t\t:is=\"tabItem.composite.vNode\"\n\t\t\t\t\tv-if=\"tabItem.composite\"\n\t\t\t\t\tv-bind=\"{\n\t\t\t\t\t\t...tabItem.composite.vNodeProps,\n\t\t\t\t\t\t...tabItem.componentProps,\n\t\t\t\t\t}\"\n\t\t\t\t\t:tabTitle=\"tabItem.tabTitle\"\n\t\t\t\t\t:isInBookingWidget=\"true\"\n\t\t\t\t\t:togglePointsApiURL=\"props.togglePointsApiURL\"\n\t\t\t\t\t:componentIdAA=\"props.componentIdAA\"\n\t\t\t\t\t@update:active-sub-tab=\"handleSubTabUpdate\"\n\t\t\t\t></component>\n\t\t\t\t\n\t\t\t\t<component\n\t\t\t\t\t:is=\"tabItem.component\"\n\t\t\t\t\tv-else\n\t\t\t\t\t:tabTitle=\"tabItem.tabTitle\"\n\t\t\t\t\t:componentIdAA=\"props.componentIdAA\"\n\t\t\t\t\tv-bind=\"tabItem.componentProps\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</template>\n\t</SwitchTab>\n\t\n\t<!-- Mobile -->\n\t<div class=\">md:hidden rounded-2xl pt-6 pb-4 shadow-type-a bg-white\">\n\t\t<div class=\"\">\n\t\t\t<VueSwiper\n\t\t\t\tclass=\"mobile-swiper\"\n\t\t\t\t:class=\"isMobileSwiperLocked ? 'is-locked' : ''\"\n\t\t\t\tslidesPerView=\"auto\"\n\t\t\t\t:spaceBetween=\"16\"\n\t\t\t\tvariant=\"slides-auto-width\"\n\t\t\t\t:scrollbar=\"{\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\thide: false,\n\t\t\t\t}\"\n\t\t\t\t:observer=\"true\"\n\t\t\t\t:observeParents=\"true\"\n\t\t\t\t@lock=\"isMobileSwiperLocked = true\"\n\t\t\t\t@unlock=\"isMobileSwiperLocked = false\"\n\t\t\t>\n\t\t\t\t<AppHyperlink\n\t\t\t\t\tv-for=\"item in tabList\"\n\t\t\t\t\t:key=\"item.mobileSubpageHash\"\n\t\t\t\t\tclass=\"mobile-item flex-col w-22\"\n\t\t\t\t\t:href=\"`#${item.mobileSubpageHash}`\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"rounded-full bg-primary-blue-base w-12 h-12 text-white flex items-center justify-center\">\n\t\t\t\t\t\t<FontAwesomeLazy\n\t\t\t\t\t\t\tv-if=\"item.mobileIconType === 'icon-font-awesome-id'\"\n\t\t\t\t\t\t\tclass=\"mx-3 fill-current flex items-center h-full\"\n\t\t\t\t\t\t\t:iconId=\"item.mobileIconId\"\n\t\t\t\t\t\t\trole=\"navigation\"\n\t\t\t\t\t\t\t:aria-label=\"item.tabTitle\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t:src=\"item.mobileIconImage\"\n\t\t\t\t\t\t\tclass=\"icons-image w-6 h-6\"\n\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t:alt=\"item.tabTitle\"\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"font-semibold typo-body-text-3 !leading-tight mt-2 text-$text-color text-center\"\n\t\t\t\t\t>{{ item.tabTitle }}</span>\n\t\t\t\t</AppHyperlink>\n\t\t\t</VueSwiper>\n\t\t</div>\n\t\t\n\t</div>\n\t\n\t<!-- This is a teleport target -->\n\t<div id=\"mobile-past-searches-container\" class=\">md:hidden\"></div>\n\t\n</div>\n</template>\n\n\n<style lang=\"scss\">\n@use '~/styles/partials/_var.scss';\n.aem-AuthorLayer-Edit, .aem-AuthorLayer-structure {\n\t.AmalBookingWidget {\n\t\tmargin-top: 1.5rem !important;\n\t}\n}\n\nhtml.scroll-dir-down {\n\t.AmalBookingWidget .SwitchTabContent {\n\t\t&.sticked {\n\t\t\ttop: 0 !important;\n\t\t}\n\t}\n}\n</style>\n\n<style scoped lang=\"scss\">\n@use 'sass:color';\n@use '~/styles/partials/_var.scss';\n\n.AmalBookingWidget {\n\t--tab-width: 220px;\n\t--tab-count: 6; // will be overwritten by 'style' attr\n\t--rounded-corner-radius: 20px;\n\t\n\t:deep(.SwitchTabHeader .swiper-wrapper) {\n\t\tposition: relative;\n\t\t\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tbackdrop-filter: blur(20px);\n\t\t\t@apply bg-neutral-grey-extralight bg-opacity-40;\n\t\t\tposition: absolute;\n\t\t\t// 205px * (6 tabs) = 1230px\n\t\t\t// - 10% from it. This is arbitrary, it comes from trial & error.\n\t\t\t/* width: calc((var(--tab-width) * var(--tab-count)) * 0.9); */\n\t\t\twidth: calc((var(--tab-width) * var(--tab-count)));\n\t\t\theight: 100%;\n\t\t\tborder-top-left-radius: var(--rounded-corner-radius);\n\t\t\tborder-top-right-radius: var(--rounded-corner-radius);\n\t\t}\n\t}\n\t:deep(.SwitchTabHeader .swiper) {\n\t\twidth: calc(100% - 160px);\n\t\t// max-width: calc((var(--tab-width) * var(--tab-count)) * 0.86);\n\t\tposition: relative;\n\t}\n\t\n\t:deep(.SwitchTabHeader .SwitchTabArrow-wrapper) {\n\t\tbackground-color: transparent;\n\t}\n\t:deep(.SwitchTabHeader .SwitchTabArrow) {\n\t\t@apply bg-neutral-grey-extralight rounded-full;\n\t}\n\n\t:deep(.SwitchTabHeader) {\n\t\t.swiper-slide {\n\t\t\tmargin-right: 0;\n\t\t\t\n\t\t\t&:first-child {\n\t\t\t\tborder-top-left-radius: var(--rounded-corner-radius);\n\t\t\t\t\n\t\t\t\thtml[dir=\"rtl\"] & {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tborder-top-right-radius: var(--rounded-corner-radius);\n\t\t\t\t\n\t\t\t\thtml[dir=\"rtl\"] & {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\t\n\t:deep(.SwitchTabHeaderItem) {\n\t\twidth: var(--tab-width);\n\t}\n\t:deep(.SwitchTabHeaderItemLeft),\n\t:deep(.SwitchTabHeaderItemRight) {\n\t\tdisplay: none;\n\t}\n\t:deep(.SwitchTabHeaderItemLeft),\n\t:deep(.SwitchTabHeaderItemCenter),\n\t:deep(.SwitchTabHeaderItemRight) {\n\t\tbackground-color: transparent;\n\t}\n\t:deep(.SwitchTabHeaderItemLeft), :deep(.SwitchTabHeaderItemRight) {\n\t\tbackground-color: transparent;\n\t\t\n\t\t> svg {\n\t\t\tfill: transparent;\n\t\t}\n\t}\n\t\n\t:deep(.SwitchTabHeaderItem.selected) {\n\t\t.SwitchTabHeaderItemCenter {\n\t\t\tcolor: white;\n\t\t\tbackground-color: var(--primary-blue-base);\n\t\t}\n\t\t.SwitchTabHeaderItemLeft, .SwitchTabHeaderItemCenter, .SwitchTabHeaderItemRight {\n\t\t\t--tw-bg-opacity: 1;\n\t\t}\n\t\t.SwitchTabHeaderItemLeft, .SwitchTabHeaderItemRight {\n\t\t\tbackground-color: transparent;\n\t\t\t\n\t\t\t> svg {\n\t\t\t\tfill: white;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t:deep(.SwitchTabContent) {\n\t\tmargin-top: -2px;\n\t\tz-index: 10000;\n\t}\n\t:deep(.desktop-swiper.is-locked) {\n\t\t.swiper-wrapper {\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\t:deep(.SwitchTab.is-swiper-locked) {\n\t\t.SwitchTabHeader .swiper {\n\t\t\twidth: auto;\n\t\t\tmax-width: none;\n\t\t}\n\t\t.SwitchTabHeader .swiper-wrapper {\n\t\t\t&::before {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t\t\n\t}\n}\n\n@supports selector(.parent:has(.child)) {\n\t.AmalBookingWidget :deep(.SwitchTab .SwitchTabHeader .swiper-slide) {\n\t\tmargin-right: 0; // <-- ❗ reset the stylings in <SwitchTab>.\n\t}\n}\n\n\n.mobile-swiper {\n\t@apply pb-6;\n\t\n\t&.is-locked {\n\t\t:deep(.swiper-wrapper) {\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\t\n\t:deep(.swiper-slide:first-child) {\n\t\t@apply pl-4;\n\t\t\n\t\thtml[dir=\"rtl\"] & {\n\t\t\t@apply pl-0 pr-4;\n\t\t}\n\t}\n\t:deep(.swiper-slide:last-child) {\n\t\t@apply pr-4;\n\t\t\n\t\thtml[dir=\"rtl\"] & {\n\t\t\t@apply pr-0 pl-4;\n\t\t}\n\t}\n\t:deep(.swiper-scrollbar) {\n\t\twidth: 80px;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t\tleft: 0;\n\t\tright: 0;\n\t\t\n\t\t.swiper-scrollbar-drag {\n\t\t\tbackground-color: var(--secondary-amal-red-base);\n\t\t}\n\t}\n}\n\n.mobile-item {\n\t:deep(svg) {\n\t\twidth: 100%;\n\t}\n}\n\n</style>\n"],"names":["__default__","props","__props","rootEl","ref","isMobileSubpageVisible","useBookingWidgetSubpage","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_hoisted_1","_renderList","$setup","item","_createVNode","_component_AppHyperlink","_withCtx","_createBlock","_toDisplayString","_cache","$event","emit","__emit","isEditorMode","useGlobalAEMState","switchTabEl","FLIGHT_SEARCH_ID","TAB_CONTENT_MAPPING","AmalFlightSearch","AmalFlightHotelSearch","ManageBooking","CheckIn","AmalFlightStatus","AmalFlightSchedule","AmalUmrahPackages","AmalBookingWidgetMore","tabList","computed","mapped","componentProps","propName","itemPropertyName","getCompositeComponent","activeSubTabName","handleSwitchTabUpdate","newTabName","handleSubTabUpdate","isMobileSwiperLocked","isDesktopSwiperLocked","_createCommentVNode","_normalizeClass","_normalizeStyle","_createSlots","tabItem","_resolveDynamicComponent","_mergeProps"],"mappings":"qgBACA,MAAAA,GAAe,CACd,KAAM,uBACP,8HAQA,MAAMC,EAAQC,EAKRC,EAASC,EAAI,IAAI,EAEjB,CAAE,uBAAAC,CAAwB,EAAGC,EAAwB,CAC1D,QAAS,CAAC,OAAQ,UAAU,EAC5B,OAAAH,CACD,CAAC,8MAMA,IAAI,SACJ,MAAM,yBAEDI,GAAA,CAAA,MAAM,sBAAsB,EAWzBC,GAAA,CAAA,MAAM,wDAAwD,EAzCvEC,GAAA,CAAA,KAAA,EA0DSC,GAAA,CAAA,MAAM,wDAAwD,EAejEC,GAAA,CAAA,MAAM,aAAa,EAIlBC,GAAA,CAAA,MAAM,yBAAyB,EAC9BC,GAAA,CAAA,MAAM,sBAAsB,EAWzBC,GAAA,CAAA,MAAM,wDAAwD,EAzFzEC,GAAA,CAAA,KAAA,EA0GWC,GAAA,CAAA,MAAM,uCAAuC,qDA1GxD,OAAAC,EAAA,EAAAC,EAAAC,EAAA,KAAA,CA0BAC,EAsCM,MAtCNC,GAsCM,CAlCLD,EAiCM,MAjCNb,GAiCM,EAhCLU,EAAA,EAAA,EAAAC,EA+BMC,OA9DRG,EAgCkBC,EAAA,MAAM,SAAdC,QADRN,EA+BM,MAAA,CA7BJ,OAAQM,EAAK,KAAK,IAAIA,EAAK,OAAO,GACnC,MAAM,sBAENC,EAyBeC,EAAA,CAxBd,MAAM,oBACL,KAAMF,EAAK,QACZ,OAAO,WAvCX,QAAAG,EAyCI,IAgBM,CAhBNP,EAgBM,MAhBNZ,GAgBM,CAdEgB,EAAK,WAAQ,4BADpBI,EAKEL,EAAA,gBAAA,CA/CP,IAAA,EA4CM,MAAM,4CACL,OAAQC,EAAK,cACd,KAAK,yCAGNN,EAOE,MAAA,CAxDP,IAAA,EAmDO,IAAKM,EAAK,UACX,MAAM,sBACN,QAAQ,OACR,IAAI,GACJ,KAAK,cAvDX,EAAA,KAAA,EAAAf,EAAA,KA0DIW,EAEM,MAFNV,GACImB,EAAAL,EAAK,KAAK,EAAA,CAAA,IA3DlB,EAAA,oCAkEAC,EAgDgBF,EAAA,cAAA,CA/Cd,UAAWA,EAAsB,uBAClC,MAAM,aACN,MAAA,CAAsE,+BAAA,iCAAA,EACrE,qBAAiBO,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAER,EAAsB,uBAAGQ,KAElC,iBACV,IAAiD,CAAjDX,EAAiD,KAAjDT,GAA2BkB,EAAAN,EAAA,MAAM,QAAQ,EAAA,CAAA,IAG/B,UACV,IAmCM,CAnCNH,EAmCM,MAnCNR,GAmCM,CAlCLQ,EAiCM,MAjCNP,GAiCM,EAhCLI,EAAA,EAAA,EAAAC,EA+BMC,OA9GVG,EAgFoBC,EAAA,MAAM,SAAdC,QADRN,EA+BM,MAAA,CA7BJ,OAAQM,EAAK,KAAK,IAAIA,EAAK,OAAO,GACnC,MAAM,8BAENC,EAyBeC,EAAA,CAxBd,MAAM,oBACL,KAAMF,EAAK,QACZ,OAAO,WAvFb,QAAAG,EAyFM,IAgBM,CAhBNP,EAgBM,MAhBNN,GAgBM,CAdEU,EAAK,WAAQ,4BADpBI,EAKEL,EAAA,gBAAA,CA/FT,IAAA,EA4FQ,MAAM,4CACL,OAAQC,EAAK,cACd,KAAK,yCAGNN,EAOE,MAAA,CAxGT,IAAA,EAmGS,IAAKM,EAAK,UACX,MAAM,sBACN,QAAQ,OACR,IAAI,GACJ,KAAK,cAvGb,EAAA,KAAA,EAAAT,EAAA,KA0GMK,EAEM,MAFNJ,GACIa,EAAAL,EAAK,KAAK,EAAA,CAAA,IA3GpB,EAAA,kCAAA,EAAA,8HCCAxB,GAAe,CACd,KAAM,oBACN,aAAc,EACf,oPA0BA,MAAMC,EAAQC,EAMR8B,EAAOC,EAIP,CAAE,aAAAC,CAAY,EAAKC,IAEnBhC,EAASC,EAAI,IAAI,EACjBgC,EAAchC,EAAI,IAAI,EAEtBiC,EAAmB,oBAEnBC,EAAsB,CAC3B,gBAAiB,CAChB,UAAWC,EACX,SAAU,gBACV,UAAWF,EACX,kBAAmB,gBACnB,gBAAiB,GACjB,OAAQ,CACP,KAAM,gDACN,aAAc,oBACd,CACD,EACD,sBAAuB,CACtB,UAAWG,EACX,SAAU,iBACV,UAAW,0BACX,kBAAmB,sBACnB,gBAAiB,GACjB,OAAQ,CACP,KAAM,sDACN,aAAc,0BACd,CACD,EACD,kBAAmB,CAClB,UAAWC,EACX,SAAU,iBACV,UAAW,qBACX,kBAAmB,iBACnB,gBAAiB,GACjB,OAAQ,CACP,KAAM,uCACN,aAAc,gBACd,CACD,EACD,WAAY,CACX,UAAWC,EACX,SAAU,WACV,UAAW,eACX,kBAAmB,WACnB,gBAAiB,GACjB,OAAQ,CACP,KAAM,iCACN,aAAc,UACd,CACD,EACD,gBAAiB,CAChB,UAAWC,EACX,SAAU,gBACV,UAAW,oBACX,gBAAiB,GACjB,OAAQ,CACP,KAAM,sCACN,aAAc,eACd,CACD,EACD,kBAAmB,CAClB,UAAWC,EACX,SAAU,kBACV,UAAW,sBACX,kBAAmB,kBACnB,gBAAiB,GACjB,OAAQ,CACP,KAAM,kDACN,aAAc,sBACd,CACD,EACD,iBAAkB,CACjB,UAAWC,EACX,SAAU,iBACV,UAAW,qBACX,kBAAmB,iBACnB,gBAAiB,GACjB,OAAQ,CACP,KAAM,iDACN,aAAc,qBACd,CACD,EACD,KAAQ,CACP,UAAWC,EACX,SAAU,OACV,UAAW,WACX,kBAAmB,OACnB,gBAAiB,GACjB,OAAQ,KACR,eAAgB,CACf,SAAU,eACV,CACD,CACF,EAEMC,EAAUC,EAAS,IACjB/C,EAAM,uBAAuB,IAAKuB,GAAS,CACjD,GAAIA,EAAK,gBAAiB,OAAO,KACjC,MAAMyB,EAASX,EAAoBd,EAAK,QAAQ,EAChD,GAAI,CAACyB,EACJ,eAAQ,KAAK,0CAA2CzB,CAAI,EACrD,KAGR,MAAM0B,EAAiBD,EAAO,eAAiB,OAAO,YAAY,OAAO,QAAQA,EAAO,cAAc,EAAE,IAAI,CAAC,CAACE,EAAUC,CAAgB,IAChI,CACND,EACA3B,EAAK4B,CAAgB,CACzB,CACG,CAAC,EAAI,KAEN,MAAO,CACN,GAAGH,EACH,SAAUzB,EAAK,QACf,GAAIyB,EAAO,OAAS,CAAE,UAAWI,EAAsBJ,EAAO,MAAM,CAAG,EAAG,KAC1E,eAAAC,EACA,eAAgB1B,EAAK,SACrB,aAAcA,EAAK,cACnB,gBAAiBA,EAAK,SACzB,CACA,CAAE,EAAE,OAAO,OAAO,CACjB,EAEK8B,EAAmBlD,EAAI,eAAe,EAEtCmD,EAAyBC,GAAe,CAM9C,EACMC,EAAsBD,GAAe,CAC1CF,EAAiB,MAAQE,CAE1B,EAIME,EAAuBtD,EAAI,EAAK,EAEhCuD,EAAwBvD,EAAI,EAAK,oPAEP,IAAM,CACrCuD,EAAsB,MAAQ,EAC/B,4BACkC,IAAM,CACvCA,EAAsB,MAAQ,EAC/B,6gBA9LA,IAAA,EAsMM,MAAM,uCAmDJpD,GAAA,CAAA,MAAM,mBAAmB,EA2B3BC,GAAA,CAAA,MAAM,yDAAyD,EAC9DC,GAAA,CAAA,MAAM,EAAE,EAsBLC,GAAA,CAAA,MAAM,yFAAyF,EA3SzGC,GAAA,CAAA,MAAA,KAAA,EA6TMC,GAAA,CAAA,MAAM,iFAAiF,qDA7T7F,OAAAK,EAAA,EAAAC,EAAAC,EAAA,KAAA,CAqMgBI,EAAA,eAAiBA,EAAK,MAAC,iBAAmBA,EAAA,MAAM,iBAC/DN,IAAAC,EAKM,MALNG,GAKM,CAJLD,EAGmC,SAHhC,cAAWS,EAAA,CAASN,EAAA,MAAM,gBAAe,UAAA,KAA0BA,EAAA,MAAM,eAAc,SAAA,MAAyB,OAAO,OAAO,EAAE,KAAI,IAAA,CAAA,EAAA,CAAA,KAvMzIqC,EAAA,GAAA,EAAA,EA+MQrC,EAAgB,kBAAA,CAAKA,QAAM,iBAAqBA,EAAgB,kBAAA,CAAKA,EAAK,MAAC,qBADnFL,EA0HM,MAAA,CAxUN,IAAA,EAgNC,IAAI,SACJ,MAjND2C,GAiNO,kCAAiC,CACnB,OAAAtC,EAAA,QAAQ,SAAM,EAAmC,wBAAAA,EAAA,QAAQ,SAAM,KAIlF,MAtNFuC,EAAA,CAsN4B,cAAAvC,EAAA,QAAQ,WAInCE,EAuDYF,EAAA,UAAA,CAtDX,IAAI,cACJ,MA5NFsC,GA4NQ,uBAAsB,oBACKtC,EAAqB,yBAGrD,QAASA,EAAO,QAChB,SAAUA,EAAO,QAAC,SAAM,EACxB,iBAAkB,GAClB,mBAAoB,GACpB,sBAAqB,kDAAoDA,EAAO,QAAC,SAAM,EAAA,GAAA,eAAA,GACvF,sBAAuB,GACvB,iBAAgB,wCAA+DA,EAAqB,8BAAqBA,EAAuB,iCAAiBA,EAAyB,4CAS1L,oBAAqB,GACrB,cAAeA,EAAK,MAAC,cACtB,gBAAgB,oBACf,qBAAmBA,EAAqB,qBAlP3C,EAAAwC,EAAA,CAAA,EAAA,GAAA,CAAAzC,EAqPqBC,EAAA,QAAXyC,KArPV,KAuPe,WAAAA,EAAQ,SAAS,GAvPhC,GAAArC,EAyPG,IAsBM,CAtBNP,EAsBM,MAtBNb,GAsBM,CAnBEyD,EAAQ,eAFfpC,EA1PJqC,EA2PUD,EAAQ,UAAU,KAAK,EAD7BE,EAYa,CAtQjB,IAAA,CAAA,EAAA,IA6PwBF,EAAQ,UAAU,WAAqB,GAAAA,EAAQ,iBAIjE,SAAUA,EAAQ,SAClB,kBAAmB,GACnB,mBAAoBzC,EAAK,MAAC,mBAC1B,cAAeA,EAAK,MAAC,cACrB,wBAAuBA,EAAkB,kFAG3CN,EAAA,EAAAW,EAMEqC,EALID,EAAQ,SAAS,EADvBE,EAME,CA9QN,IAAA,EA2QM,SAAUF,EAAQ,SAClB,cAAezC,EAAK,MAAC,aACd,EAAAyC,EAAQ,cAAc,EAAA,KAAA,GAAA,CAAA,WAAA,eAAA,CAAA,4GAOlC5C,EA+CM,MA/CNZ,GA+CM,CA9CLY,EA4CM,MA5CNX,GA4CM,CA3CLgB,EA0CYF,EAAA,UAAA,CAzCX,MAvRJsC,EAAA,CAuRU,gBACEtC,EAAoB,qBAAA,YAAA,EAAA,CAAA,EAC5B,cAAc,OACb,aAAc,GACf,QAAQ,oBACP,UAAW,qBAGX,EACA,SAAU,GACV,eAAgB,GAChB,sBAAMA,EAAoB,qBAAA,IAC1B,wBAAQA,EAAoB,qBAAA,MAnSjC,QAAAI,EAsSK,IAAuB,EADxBV,EAAA,EAAA,EAAAC,EA0BeC,EA/TnB,KAAAG,EAsSoBC,EAAO,QAAfC,QADRI,EA0BeF,EAAA,CAxBb,IAAKF,EAAK,kBACX,MAAM,4BACL,KAAI,IAAMA,EAAK,iBAAiB,KAzStC,QAAAG,EA2SK,IAgBM,CAhBNP,EAgBM,MAhBNV,GAgBM,CAdEc,EAAK,iBAAc,4BAD1BI,EAMEL,EAAA,gBAAA,CAlTR,IAAA,EA8SO,MAAM,6CACL,OAAQC,EAAK,aACd,KAAK,aACJ,aAAYA,EAAK,gDAEnBN,EAOE,MAAA,CA1TR,IAAA,EAqTQ,IAAKM,EAAK,gBACX,MAAM,sBACN,QAAQ,OACP,IAAKA,EAAK,SACX,KAAK,cAzTZ,EAAA,KAAA,EAAAb,EAAA,KA4TKS,EAE2B,OAF3BR,GAEIiB,EAAAL,EAAK,QAAQ,EAAA,CAAA,IA9TtB,EAAA,4BAAA,EAAA,gCAsUCJ,EAAkE,MAAA,CAA7D,GAAG,iCAAiC,MAAM,6BAtUhDwC,EAAA,GAAA,EAAA"}