{"version":3,"file":"DamoOi6a.js","sources":["../../../../components/home/AreaSelect.vue","../../../../virtual:public?%2Flayout%2Fimages%2Flogo-home.svg","../../../../components/app/AppTopbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue';\nimport { useAppDataStore } from '@/stores/appdata';\nimport type { IPublicDirectDataState } from '@/stores/appdata-public-direct';\nconst dataStore = useAppDataStore() as IPublicDirectDataState;\n\nfunction onAreaClick (areaId: number, areaSlug: string) {\n    if (dataStore.selectedArea?.slug !== areaSlug) {\n        navigateTo(`/${areaSlug}/${areaId}`);\n    }\n}\n\n</script>\n\n<template>\n    <Menu as=\"div\" class=\"relative inline-block text-left\">\n        <div>\n            <MenuButton class=\"inline-flex md:w-[250px] items-center justify-center gap-x-1.5 px-3 py-2 text-lg text-primary\">\n                <span class=\"whitespace-nowrap overflow-hidden overflow-ellipsis\">{{ dataStore.selectedArea?.name || 'Select Area' }}</span>\n                <span class=\"fa fa-chevron-down -mr-1 h-5 w-5 text-[#202831]\" aria-hidden=\"true\" />\n            </MenuButton>\n        </div>\n\n        <transition\n            enter-active-class=\"transition ease-out duration-100\"\n            enter-from-class=\"transform opacity-0 scale-95\"\n            enter-to-class=\"transform opacity-100 scale-100\"\n            leave-active-class=\"transition ease-in duration-75\"\n            leave-from-class=\"transform opacity-100 scale-100\"\n            leave-to-class=\"transform opacity-0 scale-95\"\n        >\n            <MenuItems class=\"absolute w-[250px] z-10 mt-2 origin-top rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none\">\n                <div class=\"py-1\">\n                    <MenuItem v-for=\"area in dataStore.areas\" :key=\"area.id\" v-slot=\"{ active }\">\n                        <button\n                            :class=\"[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700', 'block w-full px-4 py-2 text-sm']\"\n                            @click=\"onAreaClick(area.id, area.slug)\"\n                        >\n                            {{ area.name }}\n                        </button>\n                    </MenuItem>\n                </div>\n            </MenuItems>\n        </transition>\n    </Menu>\n</template>\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/layout/images/logo-home.svg\")","<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';\nimport useContextSlug from '~/composables/use-context-slug';\n\nconst { t } = useI18n();\nconst route = useRoute();\nconst { $firebaseLogout } = useNuxtApp();\nconst { isAccountDirect } = useAppMode();\nconst { accountContext } = useContextSlug();\nconst user = useUser();\n\nconst props = defineProps<{\n    homeUrl?: string;\n    hideLogin?: boolean;\n    hideAreaSelect?: boolean;\n}>();\n\nconst menuItems = [\n    {\n        label: 'Account',\n        href: '/account',\n    },\n    {\n        label: 'Bookings',\n        href: '/account/bookings',\n    },\n    {\n        label: 'Log out',\n        onClick: onLogout,\n    }\n];\n\nconst userInitials = computed<string>(() => {\n    return (fullName.value?.split(' ') || []).map(a => a[0]).join('').toUpperCase();\n});\nconst fullName = computed<string>(() => {\n    if (!user.value) { return 'Unknown User'; }\n\n    return user.value.firstName && user.value.lastName ? `${user.value.firstName} ${user.value.lastName}` : user.value.email;\n});\n\nasync function onLogout () {\n    await $firebaseLogout();\n\n    if (route.meta.private) {\n        navigateTo('/');\n    }\n}\n</script>\n\n<template>\n    <div class=\"w-full md:h-[85px] pt-8 md:pt-0 mb-5 md:mb-0 md:border-b\">\n        <div class=\"w-full h-full flex flex-row md:justify-between items-center max-w-[1200px] m-auto px-4 md:px-8\">\n            <div class=\"md:flex-1 flex\">\n                <NuxtLink :to=\"props.homeUrl || '/'\">\n                    <img src=\"/layout/images/logo-home.svg\" class=\"w-[135px] hidden md:block\" width=\"135\" height=\"35\">\n                    <img src=\"/layout/images/logo-colour-circle.svg\" class=\"w-[41px] md:hidden\" width=\"41\" height=\"41\">\n                </NuxtLink>\n            </div>\n            <div class=\"flex-1 flex items-center justify-start md:justify-center\">\n                <HomeAreaSelect v-if=\"!props.hideAreaSelect && !isAccountDirect\" />\n                <div v-if=\"!props.hideAreaSelect && isAccountDirect\" class=\"md:w-[250px] text-lg text-primary text-center px-3 whitespace-nowrap overflow-hidden overflow-ellipsis\">\n                    {{ accountContext?.name }}\n                </div>\n            </div>\n            <div class=\"md:flex-1 text-right\">\n                <template v-if=\"!hideLogin\">\n                    <NuxtLink v-if=\"!user\" to=\"/login\">\n                        <span class=\"sr-only md:!not-sr-only\">{{ t('labels.loginOrRegister') }}</span>\n                        <span class=\"md:!hidden fa fa-user-circle text-[2.5rem]\" />\n                    </NuxtLink>\n\n                    <Menu v-else as=\"div\" class=\"relative inline-block text-left\">\n                        <div>\n                            <MenuButton class=\"flex items-center max-w-xs\">\n                                <div class=\"flex items-center justify-center rounded-full bg-black text-white overflow-hidden w-10 h-10\">\n                                    {{ userInitials }}\n                                </div>\n                            </MenuButton>\n                        </div>\n\n                        <transition\n                            enter-active-class=\"transition ease-out duration-100\"\n                            enter-from-class=\"transform opacity-0 scale-95\"\n                            enter-to-class=\"transform opacity-100 scale-100\"\n                            leave-active-class=\"transition ease-in duration-75\"\n                            leave-from-class=\"transform opacity-100 scale-100\"\n                            leave-to-class=\"transform opacity-0 scale-95\"\n                        >\n                            <MenuItems class=\"absolute right-0 w-[250px] z-10 mt-2 origin-top rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none\">\n                                <MenuItem\n                                    v-for=\"item in menuItems\"\n                                    :key=\"item.label\"\n                                    :as=\"item.href ? 'a' : 'button'\"\n                                    :class=\"['hover:bg-gray-100 cursor-pointer ui-active:bg-gray-100 ui-active:text-gray-900 ui-not-active:text-gray-700 block w-full rounded text-center px-4 py-2 text-sm']\"\n                                    :href=\"item.href\"\n                                    @click=\"item.onClick\"\n                                >\n                                    {{ item.label }}\n                                </MenuItem>\n                            </MenuItems>\n                        </transition>\n                    </Menu>\n                </template>\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["dataStore","useAppDataStore","onAreaClick","areaId","areaSlug","_a","navigateTo","_imports_0","publicAssetsURL","t","useI18n","route","useRoute","$firebaseLogout","useNuxtApp","isAccountDirect","useAppMode","accountContext","useContextSlug","user","useUser","props","__props","menuItems","onLogout","userInitials","computed","fullName","a"],"mappings":"meAIA,MAAMA,EAAYC,EAAgB,EAEzB,SAAAC,EAAaC,EAAgBC,EAAkB,SAChDC,EAAAL,EAAU,eAAV,YAAAK,EAAwB,QAASD,GACjCE,EAAW,IAAIF,CAAQ,IAAID,CAAM,EAAE,CACvC,qsCCTkEI,EAAAC,EAAgB,8BAA8B,4qBCI9G,KAAA,CAAE,EAAAC,CAAE,EAAIC,EAAQ,EAChBC,EAAQC,EAAS,EACjB,CAAE,gBAAAC,CAAgB,EAAIC,EAAW,EACjC,CAAE,gBAAAC,CAAgB,EAAIC,EAAW,EACjC,CAAE,eAAAC,CAAe,EAAIC,EAAe,EACpCC,EAAOC,EAAQ,EAEfC,EAAQC,EAMRC,EAAY,CACd,CACI,MAAO,UACP,KAAM,UACV,EACA,CACI,MAAO,WACP,KAAM,mBACV,EACA,CACI,MAAO,UACP,QAASC,CAAA,CAEjB,EAEMC,EAAeC,EAAiB,IAAM,OACxC,SAAQrB,EAAAsB,EAAS,QAAT,YAAAtB,EAAgB,MAAM,OAAQ,CAAA,GAAI,IAASuB,GAAAA,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,CAAA,CACjF,EACKD,EAAWD,EAAiB,IACzBP,EAAK,MAEHA,EAAK,MAAM,WAAaA,EAAK,MAAM,SAAW,GAAGA,EAAK,MAAM,SAAS,IAAIA,EAAK,MAAM,QAAQ,GAAKA,EAAK,MAAM,MAFzF,cAG7B,EAED,eAAeK,GAAY,CACvB,MAAMX,EAAgB,EAElBF,EAAM,KAAK,SACXL,EAAW,GAAG,CAClB"}