{"version":3,"file":"YvnpoPLj.js","sources":["../../../../virtual:public?%2Fimages%2Fsue-townsend-dark.png","../../../../components/sue-townsend/header.vue","../../../../virtual:public?%2Fimages%2Fsue-townsend-light.png","../../../../components/sue-townsend/footer.vue","../../../../layouts/sue-townsend.vue"],"sourcesContent":["import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/images/sue-townsend-dark.png\")","<script setup lang=\"ts\">\nimport type { NavItem } from '@/types/navigation/nav-item'\nimport { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock'\nimport gsap from 'gsap'\n\nconst config = useRuntimeConfig()\n\nconst { data: nav } = await useFetch<NavItem[]>('/navigation/sue_townsend', {\n  method: 'GET',\n  baseURL: config.public.apiBase\n})\n\nconst route = useRoute()\n\nconst isOpen = ref<Record<number, boolean>>({})\n\nconst mobileMenuOpen = ref(false)\n\nconst toggleLine1 = ref(null)\nconst toggleLine2 = ref(null)\nconst toggleLine3 = ref(null)\n\nconst menuRef = ref(null)\n\nfunction toggleMenu() {\n  mobileMenuOpen.value = !mobileMenuOpen.value\n  if (mobileMenuOpen.value) {\n    openMenu()\n  } else {\n    closeMenu()\n  }\n}\n\nfunction openMenu() {\n  gsap.to(toggleLine1.value, { rotate: 45, y: 8, delay: -0.5 })\n  gsap.to(toggleLine2.value, { autoAlpha: 0, delay: -0.5 })\n  gsap.to(toggleLine3.value, { rotate: -45, y: -8, delay: -0.5 })\n  gsap.to(menuRef.value, { duration: 0.5, height: 'auto' })\n  disableBodyScroll(menuRef.value)\n}\n\nfunction closeMenu() {\n  gsap.to(toggleLine1.value, { rotate: 0, y: 0, delay: -0.5 })\n  gsap.to(toggleLine2.value, { autoAlpha: 1, delay: -0.5 })\n  gsap.to(toggleLine3.value, { rotate: 0, y: 0, delay: -0.5 })\n  gsap.to(menuRef.value, { duration: 0.5, height: 0 })\n  enableBodyScroll(menuRef.value)\n}\n\nwatch(\n  () => route.path,\n  () => {\n    if (mobileMenuOpen.value) {\n      mobileMenuOpen.value = false\n      closeMenu()\n    }\n  }\n)\n\nfunction toggleAccordionNav(index: number): void {\n  isOpen.value[index] = !isOpen.value[index]\n}\n</script>\n\n<template>\n  <header class=\"sueTownsend-header fixed inset-x-0 top-0 z-50\">\n    <div class=\"relative z-30 bg-white\">\n      <div class=\"container py-15\">\n        <div class=\"row items-center justify-between xl-max:flex\">\n          <div class=\"column flex items-center\">\n            <NuxtLink to=\"/sue-townsend-theatre\" noPrefetch>\n              <img\n                src=\"/images/sue-townsend-dark.png\"\n                width=\"90\"\n                height=\"50\"\n                alt=\"Sue Townsend\"\n                class=\"w-60 md:w-75 xl:w-90\"\n              />\n            </NuxtLink>\n            <nav v-if=\"nav && nav.length > 0\" class=\"ml-50 xl-max:hidden\">\n              <ul class=\"flex items-center space-x-30\">\n                <li\n                  v-for=\"item in nav\"\n                  class=\"site-header__link default-transition group relative text-[14px] hover:text-blue\"\n                > \n                  <NuxtLink :to=\"item.url\" noPrefetch class=\"flex items-center\"\n                    ><span v-text=\"item.title\" />\n                    <SvgIcon\n                      name=\"chevron\"\n                      v-if=\"item.children\"\n                      class=\"default-transition ml-5 h-10 w-10 group-hover:rotate-180\"\n                    />\n                    <span\n                      v-if=\"item.children\"\n                      class=\"default-transition absolute -bottom-20 -right-[3px] m-auto ml-10 h-0 w-0 border-[8px] border-b-pale-blue border-l-transparent border-r-transparent border-t-transparent opacity-0 group-hover:opacity-100\"\n                    ></span>\n                  </NuxtLink>\n                  <div\n                    v-if=\"item.children\"\n                    class=\"default-transition pointer-events-none invisible absolute -left-40 z-10 opacity-0 group-hover:pointer-events-auto group-hover:visible group-hover:opacity-100\"\n                  >\n                    <div class=\"mt-20 rounded-[20px] bg-pale-blue\">\n                      <ul class=\"flex gap-x-50 gap-y-20 p-20\">\n                        <li\n                          v-for=\"child in item.children\"\n                          class=\"whitespace-nowrap text-black\"\n                        >\n                          <NuxtLink\n                            :to=\"child.url\"\n                            class=\"site-header__sublink\"\n                            noPrefetch\n                          >\n                            {{ child.title }}\n                          </NuxtLink>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </li>\n              </ul>\n            </nav>\n          </div>\n          <div class=\"column xl:hidden\">\n            <button\n              aria-label=\"Toggle menu\"\n              class=\"site-header__menuToggle group flex items-center justify-center navContainer:hidden\"\n              @click=\"toggleMenu\"\n            >\n              <div class=\"flex flex-col space-y-5\">\n                <span\n                  ref=\"toggleLine1\"\n                  class=\"default-transition h-[3px] w-25 rounded-[3px] bg-black group-hover:bg-blue\"\n                ></span>\n                <span\n                  ref=\"toggleLine2\"\n                  class=\"default-transition h-[3px] w-25 rounded-[3px] bg-black group-hover:bg-blue\"\n                ></span>\n                <span\n                  ref=\"toggleLine3\"\n                  class=\"default-transition h-[3px] w-25 rounded-[3px] bg-black group-hover:bg-blue\"\n                ></span>\n              </div>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"fixed inset-0 z-20 h-0 overflow-hidden\" ref=\"menuRef\">\n      <div\n        class=\"relative flex h-screen bg-dark-navy pt-100 text-white xl:hidden\"\n      >\n        <div class=\"flex-1 overflow-x-hidden overflow-y-scroll pt-30\">\n          <div class=\"container\">\n            <ul class=\"mt-30 flex flex-col space-y-10\">\n              <li v-for=\"(item, index) in nav\" :key=\"index\">\n                <div class=\"flex items-center\">\n                  <SvgIcon\n                    name=\"triangle\"\n                    class=\"mr-10 h-[7px] w-10 text-blue\"\n                  />\n                  <NuxtLink\n                    v-if=\"!item.children\"\n                    :to=\"item.url\"\n                    noPrefetch\n                    class=\"heading-sm default-transition block flex cursor-pointer items-center justify-between font-semibold hover:text-blue\"\n                  >\n                    {{ item.title }}\n                  </NuxtLink>\n                  <button\n                    v-else\n                    class=\"heading-sm default-transition block flex w-full cursor-pointer items-center justify-between font-semibold hover:text-blue\"\n                    @click=\"item.children && toggleAccordionNav(index)\"\n                  >\n                    {{ item.title }}\n                    <SvgIcon\n                      name=\"chevron\"\n                      class=\"default-transition h-10 w-[18px]\"\n                      :class=\"isOpen[index] ? 'rotate-180' : 'rotate-0'\"\n                    />\n                  </button>\n                </div>\n\n                <div\n                  class=\"copy-xs default-transition ml-20 overflow-hidden font-semibold\"\n                  :class=\"\n                    !isOpen[index]\n                      ? 'invisible max-h-0 opacity-0'\n                      : 'visible max-h-[1000px] opacity-100'\n                  \"\n                  v-if=\"item.children\"\n                >\n                  <ul class=\"mb-20 mt-10 flex flex-col space-y-10\">\n                    <li v-for=\"child in item.children\">\n                      <NuxtLink\n                        :to=\"child.url\"\n                        noPrefetch\n                        class=\"default-transition hover:text-blue\"\n                        >{{ child.title }}\n                      </NuxtLink>\n                    </li>\n                  </ul>\n                </div>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  </header>\n</template>\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/images/sue-townsend-light.png\")","<script setup lang=\"ts\">\nimport type { NavItem } from '@/types/navigation/nav-item'\nimport type { SueTownsendDetails } from '@/types/shared/sue-townsend-details'\nimport { useRuntimeConfig } from 'nuxt/app'\n\nconst config = useRuntimeConfig()\n\nconst { data: legal } = await useFetch<NavItem[]>(\n  '/navigation/legal_navigation',\n  {\n    method: 'GET',\n    baseURL: config.public.apiBase\n  }\n)\n\nconst { data: details } = await useFetch<SueTownsendDetails>(\n  '/global/sue_townsend_details',\n  {\n    method: 'GET',\n    baseURL: config.public.apiBase\n  }\n)\n</script>\n\n<template>\n  <footer class=\"sueTownsend-footer bg-dark-navy pt-40\">\n    <div class=\"container\">\n      <div class=\"row pb-50\">\n        <div class=\"column flex flex-col items-center justify-center\">\n          <NuxtLink to=\"/sue-townsend-theatre\" noPrefetch>\n            <img\n              src=\"/images/sue-townsend-light.png\"\n              width=\"130\"\n              height=\"85\"\n              alt=\"Sue Townsend\"\n              class=\"w-130\"\n            />\n          </NuxtLink>\n          <div v-if=\"details?.address\" class=\"mt-30 text-center text-white\">\n            <p class=\"copy-sm font-semibold\">Address</p>\n            <address class=\"copy-xs not-italic\">\n              <a :href=\"details?.address_link.url\" target=\"_blank\" v-if=\"details?.address_link.url\">\n                {{ details?.address }}\n              </a>\n              <span v-else>\n                {{ details?.address }}\n              </span>\n            </address>\n\n          </div>\n          <div v-if=\"details?.number\" class=\"mt-30 text-center text-white\">\n            <p class=\"copy-sm font-semibold\">Contact</p>\n            <a :href=\"`tel:${details?.number}`\" class=\"copy-xs\">{{\n              details?.number\n            }}</a>\n          </div>\n        </div>\n      </div>\n      <div class=\"row\">\n        <div class=\"column w-full text-white\">\n          <div class=\"h-[1px] bg-white/20\"></div>\n          <SiteFooterLegal :nav=\"legal\" />\n        </div>\n      </div>\n    </div>\n  </footer>\n</template>\n","<template>\n  <div>\n    <SueTownsendHeader />\n    <div class=\"min-h-screen flex flex-col overflow-hidden\">\n      <main class=\"flex-1\">\n        <slot />\n      </main>\n    </div>\n    <SueTownsendFooter />\n  </div>\n</template>\n"],"names":["_imports_0$1","publicAssetsURL","config","useRuntimeConfig","nav","__temp","__restore","_withAsyncContext","useFetch","route","useRoute","isOpen","ref","mobileMenuOpen","toggleLine1","toggleLine2","toggleLine3","menuRef","toggleMenu","openMenu","closeMenu","gsap","disableBodyScroll","enableBodyScroll","watch","toggleAccordionNav","index","_imports_0","legal","details","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_SueTownsendHeader","_createElementVNode","_hoisted_2"],"mappings":"4YAAuD,MAAeA,EAAAC,EAAgB,+BAA+B,40CCKrH,MAAMC,EAASC,EAAiB,EAE1B,CAAE,KAAMC,CAAA,GAAc,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAoB,2BAA4B,CAC1E,OAAQ,MACR,QAASN,EAAO,OAAO,OAAA,EACzB,aAAC,CAAA,mBAEKO,EAAQC,EAAS,EAEjBC,EAASC,EAA6B,EAAE,EAExCC,EAAiBD,EAAI,EAAK,EAE1BE,EAAcF,EAAI,IAAI,EACtBG,EAAcH,EAAI,IAAI,EACtBI,EAAcJ,EAAI,IAAI,EAEtBK,EAAUL,EAAI,IAAI,EAExB,SAASM,GAAa,CACLL,EAAA,MAAQ,CAACA,EAAe,MACnCA,EAAe,MACRM,EAAA,EAECC,EAAA,CACZ,CAGF,SAASD,GAAW,CACbE,EAAA,GAAGP,EAAY,MAAO,CAAE,OAAQ,GAAI,EAAG,EAAG,MAAO,GAAA,CAAM,EACvDO,EAAA,GAAGN,EAAY,MAAO,CAAE,UAAW,EAAG,MAAO,IAAM,EACnDM,EAAA,GAAGL,EAAY,MAAO,CAAE,OAAQ,IAAK,EAAG,GAAI,MAAO,GAAA,CAAM,EACzDK,EAAA,GAAGJ,EAAQ,MAAO,CAAE,SAAU,GAAK,OAAQ,OAAQ,EACxDK,EAAkBL,EAAQ,KAAK,CAAA,CAGjC,SAASG,GAAY,CACdC,EAAA,GAAGP,EAAY,MAAO,CAAE,OAAQ,EAAG,EAAG,EAAG,MAAO,GAAA,CAAM,EACtDO,EAAA,GAAGN,EAAY,MAAO,CAAE,UAAW,EAAG,MAAO,IAAM,EACnDM,EAAA,GAAGL,EAAY,MAAO,CAAE,OAAQ,EAAG,EAAG,EAAG,MAAO,GAAA,CAAM,EACtDK,EAAA,GAAGJ,EAAQ,MAAO,CAAE,SAAU,GAAK,OAAQ,EAAG,EACnDM,EAAiBN,EAAQ,KAAK,CAAA,CAGhCO,EACE,IAAMf,EAAM,KACZ,IAAM,CACAI,EAAe,QACjBA,EAAe,MAAQ,GACbO,EAAA,EACZ,CAEJ,EAEA,SAASK,EAAmBC,EAAqB,CAC/Cf,EAAO,MAAMe,CAAK,EAAI,CAACf,EAAO,MAAMe,CAAK,CAAA,+qFC5D2BC,GAAA1B,EAAgB,gCAAgC,waCKtH,MAAMC,EAASC,EAAiB,EAE1B,CAAE,KAAMyB,IAAU,CAAAvB,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAC5B,+BACA,CACE,OAAQ,MACR,QAASN,EAAO,OAAO,OAAA,EAE3B,aAAA,CAAA,mBAEM,CAAE,KAAM2B,IAAkB,CAAAxB,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAC9B,+BACA,CACE,OAAQ,MACR,QAASN,EAAO,OAAO,OAAA,EAE3B,aAAA,CAAA,q/BCjBY4B,GAAA,CAAA,MAAM,4CAAQ,8DAFDC,EAAA,EAAAC,EAAA,MAAA,KAAA,CACrBC,EAAAC,CAIM,EAHJC,EAAA,SAEO,GADG,OAAAC,GAAA,yBAGS"}