{"version":3,"file":"Footer.746f53be.js","sources":["../../../../components/text/AccordionSitemap.vue","../../../../components/navigation/SiteMapItem.vue","../../../../components/navigation/FooterLinks.vue","../../../../components/Social.vue","../../../../components/Footer.vue"],"sourcesContent":["<template>\n  <nav ref=\"accordion\">\n    <div\n      v-for=\"(item, index) in data\" :key=\"index\"\n      class=\"border-b border-neutral-300 py-4 text-white last:mb-0\"\n      :tabindex=\"index\"\n    >\n      <div class=\"flex cursor-pointer items-center justify-between text-base\" @click=\"expandAccordion(index)\">\n        <span v-if=\"item\" class=\"font-bold uppercase\">\n          <slot name=\"label\" :item=\"item\" />\n        </span>\n        <Icon\n          :name=\"getIconName(activeIndex === index)\"\n          class=\"transition-all duration-300\"\n          :class=\"activeIndex === index && 'rotate-180'\"\n          color=\"white\" />\n      </div>\n\n      <div\n        class=\"grid transform-gpu transition-all duration-500\"\n        :class=\"activeIndex === index ? 'opacity-1 mt-1 grid-rows-[1fr]' : 'grid-rows-[0fr] opacity-0'\"\n      >\n        <slot name=\"content\" :item=\"item\" />\n      </div>\n    </div>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\ndefineEmits(['user-action:email-click', 'user-action:phone-click'])\n\ndefineProps({\n  data: {\n    type: Array,\n    default: () => []\n  }\n})\nconst activeIndex = ref<number | null>(null)\n\nfunction getIconName(isActive: boolean) {\n  return isActive ? 'minus' : 'plus'\n}\n\nfunction expandAccordion(idx: number | null) {\n  activeIndex.value = activeIndex.value !== idx ? idx : null\n}\n\nconst accordion = ref(null)\nonClickOutside(accordion, () => expandAccordion(null))\n</script>\n","<template>\n  <div>\n    <component\n      :is=\"data.reference !== null ? NuxtLink : data.externalLink ? NuxtLink : 'span'\"\n      :to=\"\n        data.reference\n          ? localePath(`/${data.reference.slug}`)\n          : data.externalLink\n          ? data.externalLink\n          : undefined\n      \"\n      noPrefetch\n      :target=\"data.externalLink ? '_blank' : undefined\"\n      class=\"mb-5 block text-base font-bold uppercase\"\n    >\n      {{ data.title }}\n    </component>\n    <ul v-if=\"Array.isArray(data.sublinks) && data.sublinks.length\" class=\"text-sm\">\n      <li v-for=\"item in data.sublinks\" :key=\"item.id\">\n        <NuxtLink\n          :to=\"\n            item.reference ? localePathByType('PageRecord', item.reference.slug) : item.externalLink\n          \"\n          noPrefetch\n          class=\"my-2 block w-fit\"\n          >&angrt; {{ item.title }}\n        </NuxtLink>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { MenuFooterRecord } from '~/types/generated'\n\nconst NuxtLink = resolveComponent('NuxtLink')\nconst { localePathByType } = useLocalePathByType()\n\ndefineProps({\n  data: {\n    type: Object as PropType<MenuFooterRecord>,\n    default: () => {}\n  }\n})\n</script>\n","<template>\n  <nav class=\"mb-10 mt-8 flex w-fit flex-wrap gap-6 lg:m-0 lg:mx-auto\">\n    <NuxtLink\n      v-for=\"item in data\"\n      :key=\"item.id\"\n      :to=\"item.reference ? localePathByType('PageRecord', item.reference.slug) : item.externalLink\"\n      :target=\"item.externalLink ? '_blank' : undefined\"\n      class=\"w-fit text-xs underline hover:no-underline\"\n      noPrefetch\n    >\n      {{ item.title }}\n    </NuxtLink>\n\n    <button class=\"w-fit text-xs underline hover:no-underline\" @click=\"handleButtonClick\">\n      {{ $t('cookies.comply.manage') }}\n    </button>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport type { MenuFooterRecord } from '~/types/generated'\nimport { useCookiesStore } from '~/stores/CookiesStore'\n\nconst store = useCookiesStore()\n\nfunction handleButtonClick() {\n  store.setIsBannerVisible(true)\n  store.setShowPreferences(true)\n}\n\nconst { localePathByType } = useLocalePathByType()\n\ndefineProps({\n  data: {\n    type: Array as PropType<MenuFooterRecord[]>\n  }\n})\n</script>\n","<template>\n  <div class=\"flex w-fit gap-4\">\n    <a\n      v-for=\"item in links\"\n      :key=\"item.name\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      :href=\"item.href\"\n      :title=\"item.title\"\n    >\n      <Icon :name=\"item.icon\" color=\"white\" />\n    </a>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { IconName } from '~/components/media/Icon.vue'\nconst { t } = useI18n()\n\nconst links = [\n  {\n    name: 'LinkedIn',\n    href: 'https://www.linkedin.com/company/sti-corporate',\n    icon: 'linkedin' as IconName,\n    title: t('social.links.linkedin')\n  }\n]\n</script>\n","<template>\n  <footer class=\"bg-neutral-800 pb-20 pt-14 text-white lg:pb-[3.25rem] lg:pt-16\">\n    <div class=\"container grid grid-cols-6 gap-x-4 lg:grid-cols-12 lg:gap-x-8 lg:gap-y-20\">\n      <div class=\"col-span-6 mb-14 lg:col-span-2 lg:mb-0\">\n        <Logo color=\"white\" with-text class=\"h-32 w-16\" />\n      </div>\n      <div class=\"col-span-6 lg:col-span-2\">\n        <FooterCountries v-if=\"isDesktop\" :data=\"data.allCountries\" class=\"hidden lg:flex\" />\n        <AccordionSitemap v-if=\"!isDesktop\" class=\"lg:hidden\" :data=\"[1]\">\n          <template #label> STI GROUP </template>\n          <template #content>\n            <ul class=\"overflow-hidden\">\n              <li>\n                <NuxtLink :to=\"$t('footer.locationsLink')\" class=\"mt-2 inline-block w-fit text-sm\">\n                  &angrt; STI Group</NuxtLink\n                >\n              </li>\n              <li v-for=\"item in data.allCountries\" :key=\"item.id\">\n                <NuxtLink\n                  :key=\"item.id\"\n                  class=\"mb-2 w-fit text-sm last:mb-0\"\n                  :to=\"{ path: $t('footer.locationsLink'), query: { name: item.name } }\"\n                >\n                  &angrt; {{ item.name }}\n                </NuxtLink>\n              </li>\n            </ul>\n          </template>\n        </AccordionSitemap>\n      </div>\n      <div class=\"col-span-6 lg:col-span-8\">\n        <SiteMap v-if=\"isDesktop\" :data=\"largeMenuItems\" class=\"hidden lg:grid\" />\n        <AccordionSitemap v-if=\"!isDesktop\" class=\"mb-12 lg:hidden\" :data=\"largeMenuItems\">\n          <template #label=\"labelProps\">\n            {{ labelProps.item.title }}\n          </template>\n          <template #content=\"contentProps\">\n            <ul\n              v-if=\"Array.isArray(contentProps.item.sublinks) && contentProps.item.sublinks.length\"\n              class=\"overflow-hidden text-sm\"\n            >\n              <li v-if=\"contentProps.item.reference !== null\">\n                <NuxtLink\n                  :to=\"\n                    contentProps.item.reference\n                      ? localePath(`/${contentProps.item.reference.slug}`)\n                      : contentProps.item.externalLink\n                        ? contentProps.item.externalLink\n                        : undefined\n                  \"\n                  noPrefetch\n                  :target=\"contentProps.item.externalLink ? '_blank' : undefined\"\n                  class=\"mt-2 inline-block w-fit text-sm\"\n                >\n                  &angrt; {{ contentProps.item.title }}\n                </NuxtLink>\n              </li>\n              <li v-for=\"sublink in contentProps.item.sublinks\" :key=\"sublink.id\">\n                <NuxtLink\n                  :to=\"\n                    sublink.reference\n                      ? localePathByType('PageRecord', sublink.reference.slug)\n                      : props.item.externalLink\n                  \"\n                  noPrefetch\n                  class=\"my-2 block w-fit\"\n                  >&angrt; {{ sublink.title }}\n                </NuxtLink>\n              </li>\n            </ul>\n          </template>\n        </AccordionSitemap>\n      </div>\n      <div class=\"col-span-6 lg:col-span-3\">\n        <span class=\"whitespace-nowrap text-2xl\">&copy; <b>STI Corporate S.p.A.</b></span>\n      </div>\n      <div class=\"col-span-7 flex items-center\">\n        <FooterLinks :data=\"smallMenuItems\" />\n      </div>\n      <div class=\"col-span-6 flex items-center gap-6 pb-10 lg:col-span-2 lg:pb-0\">\n        <LanguageDropdown class=\"w-fit lg:mx-auto lg:mr-0\" />\n        <Social />\n      </div>\n    </div>\n  </footer>\n</template>\n\n<script setup lang=\"ts\">\nimport type { MenuFooterRecord } from '~/types/generated'\nconst props = defineProps({\n  data: {\n    type: Object,\n    default: () => {}\n  }\n})\n\nconst { isDesktop } = useDevice()\nconst { localePathByType } = useLocalePathByType()\nconst localePath = useLocalePath()\n\nconst smallMenuItems = computed(() =>\n  props.data.allMenuFooters.filter((el: MenuFooterRecord) => !el.large)\n)\nconst largeMenuItems = computed(() =>\n  props.data.allMenuFooters.filter((el: MenuFooterRecord) => el.large)\n)\n</script>\n"],"names":["activeIndex","ref","getIconName","isActive","expandAccordion","idx","accordion","onClickOutside","NuxtLink","__nuxt_component_0","localePathByType","useLocalePathByType","store","useCookiesStore","handleButtonClick","t","useI18n","links","props","__props","isDesktop","useDevice","localePath","useLocalePath","smallMenuItems","computed","el","largeMenuItems"],"mappings":"+0CAqCM,MAAAA,EAAcC,EAAmB,IAAI,EAE3C,SAASC,EAAYC,EAAmB,CACtC,OAAOA,EAAW,QAAU,MAC9B,CAEA,SAASC,EAAgBC,EAAoB,CAC3CL,EAAY,MAAQA,EAAY,QAAUK,EAAMA,EAAM,IACxD,CAEM,MAAAC,EAAYL,EAAI,IAAI,EAC1B,OAAAM,EAAeD,EAAW,IAAMF,EAAgB,IAAI,CAAC,ixBCb/C,MAAAI,EAAWC,EACX,CAAE,iBAAAC,GAAqBC,4qCCb7B,MAAMC,EAAQC,IAEd,SAASC,GAAoB,CAC3BF,EAAM,mBAAmB,EAAI,EAC7BA,EAAM,mBAAmB,EAAI,CAC/B,CAEM,KAAA,CAAE,iBAAAF,GAAqBC,shBCbvB,KAAA,CAAE,EAAAI,GAAMC,IAERC,EAAQ,CACZ,CACE,KAAM,WACN,KAAM,iDACN,KAAM,WACN,MAAOF,EAAE,uBAAuB,CAClC,CAAA,u6BCgEF,MAAMG,EAAQC,EAOR,CAAE,UAAAC,GAAcC,IAChB,CAAE,iBAAAX,GAAqBC,IACvBW,EAAaC,IAEbC,EAAiBC,EAAS,IAC9BP,EAAM,KAAK,eAAe,OAAQQ,GAAyB,CAACA,EAAG,KAAK,CAAA,EAEhEC,EAAiBF,EAAS,IAC9BP,EAAM,KAAK,eAAe,OAAQQ,GAAyBA,EAAG,KAAK,CAAA"}