{"version":3,"file":"BNbAiueS.js","sources":["../../../../assets/img/ico/ico-marker-map-light.svg","../../../../components/locator/map/index.vue","../../../../assets/img/ico/ico-marker-map-dark.svg","../../../../components/locator/location/index.vue","../../../../components/pages/contacts/distributors/index.vue","../../../../pages/contacts/distributors/[region].vue"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='21'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.977%201.917A7.952%207.952%200%200%201%2015.9%208.952c0%206.185-7.952%2011.487-7.952%2011.487S0%2015.138%200%208.952a7.952%207.952%200%200%201%2011.977-7.035ZM7.953%206.302a2.651%202.651%200%201%200-.004%205.302%202.651%202.651%200%200%200%20.004-5.302Z'%20fill='%23FCFCFC'%20fill-rule='evenodd'/%3e%3c/svg%3e\"","<template>\n  <div class=\"locator-map\" ref=\"mapDom\"></div>\n</template>\n\n<script>\nexport default {\n  name: 'LocatorMap',\n}\n</script>\n\n<script setup>\nimport icoMarker from '~/assets/img/ico/ico-marker-map-light.svg'\n\nconst props = defineProps({\n  locations: Array,\n  options: {\n    type: Object,\n    default: {},\n  },\n})\n\nconst emit = defineEmits(['location-select'])\n\n// Da plugin plugins/leaflet.client.js\nconst { $L } = useNuxtApp()\n\nconst map = ref(null)\nconst mapDom = ref(null)\nconst markers = ref([])\n\nonMounted(() => {\n  initMap()\n  setMarkers()\n  setBounds()\n})\n\nonBeforeUnmount(() => {\n  map.value.remove()\n})\n\nconst initMap = () => {\n  map.value = $L.map(mapDom.value, props.options)\n\n  // https://alexurquhart.github.io/free-tiles/\n  $L.tileLayer(\n    'http://services.arcgisonline.com/arcgis/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}'\n  ).addTo(map.value)\n}\n\nconst setMarkers = () => {\n  var marketIcon = L.icon({\n    iconUrl: icoMarker,\n    iconSize: [20, 24],\n  })\n\n  markers.value = props.locations.map((location) => {\n    const marker = $L.marker([location.latitude, location.longitude], {\n      icon: marketIcon,\n    })\n    marker.on('click', (e) => {\n      scrollToLocation(location.id)\n      emit('location-select', location.id)\n    })\n    marker.addTo(map.value)\n    return marker\n  })\n}\n\nconst setBounds = () => {\n  var group = new L.featureGroup(markers.value)\n  map.value.fitBounds(group.getBounds())\n}\n\nconst scrollToLocation = (id) => {\n  var target = document.getElementById(id)\n  target.scrollIntoView({ behavior: 'smooth' })\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","export default \"data:image/svg+xml,%3csvg%20width='16'%20height='21'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.977%201.917A7.952%207.952%200%200%201%2015.9%208.952c0%206.185-7.952%2011.487-7.952%2011.487S0%2015.138%200%208.952a7.952%207.952%200%200%201%2011.977-7.035ZM7.953%206.302a2.651%202.651%200%201%200-.004%205.302%202.651%202.651%200%200%200%20.004-5.302Z'%20fill='%231d1d1b'%20fill-rule='evenodd'/%3e%3c/svg%3e\"","<template>\n  <div\n    class=\"locator-location\"\n    :class=\"{\n      '--selected': selected,\n    }\"\n    @click=\"onClick\"\n    ref=\"location\"\n  >\n    <!-- Name -->\n    <div\n      class=\"locator-location__name text\"\n      :class=\"{\n        'm-bottom-16px': props.location?.address || props.location?.meta,\n      }\"\n    >\n      <img\n        :src=\"selected ? markerLight : markerDark\"\n        alt=\"Ico marker dark\"\n        width=\"20\"\n        height=\"24\"\n      />\n      <h3 v-if=\"props.location?.name\">{{ props.location.name }}</h3>\n    </div>\n    <!-- Address -->\n    <div\n      v-if=\"props.location?.address\"\n      class=\"locator-location__content --address text-m\"\n      v-html=\"props.location.address\"\n    />\n    <!-- Meta Info -->\n    <div\n      v-if=\"props.location?.meta\"\n      class=\"locator-location__content --meta text-m\"\n      v-html=\"props.location.meta\"\n    />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'LocatorLocation',\n}\n</script>\n\n<script setup>\nimport markerLight from '~/assets/img/ico/ico-marker-map-light.svg'\nimport markerDark from '~/assets/img/ico/ico-marker-map-dark.svg'\n\nconst emit = defineEmits(['location-click'])\n\nconst props = defineProps({\n  location: Object,\n  selected: Boolean,\n})\n\nconst location = ref(null)\n\nonMounted(() => {\n  const links = location.value.querySelectorAll('a')\n  links.forEach((link) => {\n    link.addEventListener('click', (e) => {\n      e.preventDefault()\n      window.open(link.href, '_blank')\n    })\n  })\n})\n\nconst onClick = () => {\n  emit('location-click')\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page-contacts-distributors\">\n    <div class=\"page-contacts-distributors__column --first\">\n      <ul class=\"page-contacts-distributors__nav m-bot-5\">\n        <li v-for=\"region in regions\" :key=\"region\">\n          <NuxtLink\n            class=\"text-l\"\n            :to=\"\n              localePath({\n                name: 'contacts-distributors-region',\n                params: {\n                  region: $t(`filters.${region}`).toLowerCase(),\n                },\n              })\n            \"\n            >{{ $t(`filters.${region}`) }}\n          </NuxtLink>\n        </li>\n      </ul>\n    </div>\n    <div class=\"page-contacts-distributors__column --last\">\n      <div class=\"page-contacts-distributors__map\">\n        <LocatorMap\n          @location-select=\"onSelect\"\n          :locations=\"props.distributors\"\n          :options=\"mapOptions\"\n        />\n      </div>\n\n      <ul\n        class=\"page-contacts-distributors__locations m-top-5\"\n        v-if=\"props.distributors.length\"\n      >\n        <li\n          v-for=\"location in props.distributors\"\n          :key=\"location.id\"\n          :id=\"location.id\"\n        >\n          <LocatorLocation\n            :location=\"location\"\n            :selected=\"location.id === selectedId\"\n          />\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesContactsDistributors',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  distributors: Object,\n})\n\nconst regions = ['italia', 'europa', 'mondo']\n\nconst mapOptions = {\n  maxZoom: 14,\n  minZoom: 2,\n}\n\nconst selectedId = ref(null)\n\nconst onSelect = (id) => {\n  selectedId.value = id\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page page-contacts\">\n    <div class=\"page__wrap\">\n      <div class=\"row-1 p-top-3\">\n        <div data-animate=\"page-wrap\">\n          <header data-animate=\"header-title\">\n            <h1 data-animate=\"header-title\" class=\"title-m\">\n              {{ $t(`pages.contacts.title-${key}`) }}\n            </h1>\n          </header>\n        </div>\n        <WidgetNavigationTabs class=\"m-top-5\" :links=\"navTabContact($t)\" />\n      </div>\n      <div data-animate=\"page-wrap\">\n        <div class=\"p-bot-3\" data-animate=\"page-content\">\n          <div class=\"row-1 m-top-6\">\n            <PagesContactsDistributors :distributors=\"distributors\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport queries from '@/graphql/craft/queries/index.js'\nimport { navTabContact } from '@/bucket/navigations.js'\n\nimport { useCraftStore } from '@/store/craft.js'\nimport {\n  onBeforeEnter,\n  onEnter,\n  onLeave,\n} from '~/assets/js/page-transitions/contacts.js'\n\ndefinePageMeta({\n  layout: 'default',\n  pageTransition: {\n    onBeforeEnter: (el) => {\n      onBeforeEnter(el)\n    },\n    onEnter: async (el, done) => {\n      const tl = onEnter(el, done)\n      await tl.delay(0.5).play()\n      done()\n    },\n    onLeave: async (el, done) => {\n      const tl = onLeave(el)\n      await tl.play()\n      window.lenis.scrollTo(0, { immediate: true })\n      done()\n    },\n  },\n})\n\nconst { configuration } = useCraftStore()\nconst { locale } = useI18n()\n\nconst route = useRoute()\nconst italiaKeys = ['italy', 'italia']\nconst europaKeys = ['europe', 'europa']\nconst mondoKeys = ['world', 'mondo']\n\nif (\n  ![...italiaKeys, ...europaKeys, ...mondoKeys].includes(route.params.region)\n) {\n  throw createError({ statusCode: 404 })\n}\n\nlet key = ''\nlet filter = ''\nlet localeParams = {}\n\nif (\n  locale.value === 'it' &&\n  !['italia', 'europa', 'mondo'].includes(route.params.region)\n) {\n  throw createError({ statusCode: 404 })\n}\nif (\n  ['en', 'en-us'].includes(locale.value) &&\n  !['italy', 'europe', 'world'].includes(route.params.region)\n) {\n  throw createError({ statusCode: 404 })\n}\n\nif (italiaKeys.includes(route.params.region)) {\n  key = 'distributorsitalia'\n  filter = 'italia'\n  localeParams = {\n    it: { region: 'italia' },\n    en: { region: 'italy' },\n    'en-us': { region: 'italy' },\n  }\n}\nif (europaKeys.includes(route.params.region)) {\n  key = 'distributorseuropa'\n  filter = 'europa'\n  localeParams = {\n    it: { region: 'europa' },\n    en: { region: 'europe' },\n    'en-us': { region: 'europe' },\n  }\n}\nif (mondoKeys.includes(route.params.region)) {\n  key = 'distributorsworld'\n  filter = 'mondo'\n  localeParams = {\n    it: { region: 'mondo' },\n    en: { region: 'world' },\n    'en-us': { region: 'world' },\n  }\n}\n\n// Fetch Data\nconst query = queries.distributors.getDistributors\n\nconst variables = computed(() => ({\n  site: configuration.site,\n}))\n\nconst { data } = await useGraphql(query, variables)\n\nconst distributors = computed(() =>\n  data.value?.distributorsEntries?.[0].distributorsList\n    .filter(\n      (distributor) =>\n        distributor.distributorsRegion.includes(filter) &&\n        distributor.distributorsLatitude &&\n        distributor.distributorsLongitude\n    )\n    .map((distributor) => ({\n      id: distributor.id,\n      name: distributor.distributorsName,\n      address: distributor.distributorsAddress,\n      meta: distributor.distributorsMeta,\n      latitude: distributor.distributorsLatitude,\n      longitude: distributor.distributorsLongitude,\n    }))\n)\n\nconst seo = computed(() => {\n  return (\n    data.value?.contactsEntries?.[0]?.subpageSeo?.find(\n      (seo) => seo.subpageSeoMeta === key\n    )?.subpageSeoContent || {}\n  )\n})\n\n// Seo\nuseSeo({\n  ...seo.value,\n  localeParams,\n})\n</script>\n\n<style></style>\n"],"names":["markerLight","__default__","props","__props","emit","__emit","$L","useNuxtApp","map","ref","mapDom","markers","onMounted","initMap","setMarkers","setBounds","onBeforeUnmount","marketIcon","icoMarker","location","marker","e","scrollToLocation","group","id","target","markerDark","link","onClick","regions","mapOptions","selectedId","onSelect","configuration","useCraftStore","locale","useI18n","route","useRoute","italiaKeys","europaKeys","mondoKeys","createError","key","filter","localeParams","query","queries","variables","computed","data","__temp","__restore","_withAsyncContext","useGraphql","distributors","_b","_a","distributor","seo","_e","_d","_c","useSeo"],"mappings":"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"}