{"version":3,"file":"4WB9UzEZ.js","sources":["../../../../components/pages/studio/team-block/index.vue","../../../../components/pages/studio/awards/index.vue","../../../../components/pages/common/banner-media-text/index.vue","../../../../pages/studio.vue"],"sourcesContent":["<template>\n  <div class=\"team-block\">\n    <!-- title part -->\n    <div\n      v-if=\"props.title\"\n      class=\"team-block-title text-xl-1\"\n      v-html=\"props.title\"\n    />\n\n    <!-- team part -->\n    <div v-if=\"props.text\" class=\"team-block-container\">\n      <div class=\"team-block-columns text-l-1\" v-html=\"props.text\" />\n      <div class=\"team-block-video-wrap show-for-large\">\n        <WidgetVideo\n          class=\"is-cover\"\n          ref=\"video\"\n          :videoUrl=\"props.linkVideo\"\n          :controls=\"false\"\n          :loop=\"true\"\n          :muted=\"true\"\n          :autoplay=\"true\"\n        />\n      </div>\n      <!--<div v-if=\"props.image\" class=\"team-block-image show-for-large\">\n        <img :src=\"image.url\" loading=\"lazy\" :alt=\"image.alt\" />\n      </div>-->\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesStudioTeamBlock',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  title: String,\n  text: String,\n  image: Object,\n  linkVideo: String,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"awards\" ref=\"imageContainer\">\n    <!-- title part -->\n    <div\n      v-if=\"props.title\"\n      class=\"awards-title text-xl-1 m-bottom-1\"\n      v-html=\"props.title\"\n    />\n\n    <!-- Floating Image -->\n    <!-- <div ref=\"floatingImg\" class=\"imgXawards\">\n      <img :src=\"actualSrc\" alt=\"Hover Image\" />\n    </div>-->\n\n    <!-- awards part -->\n    <div v-if=\"props.awards?.length > 0\" class=\"awards-container\">\n      <ul class=\"awards-list\">\n        <li\n          class=\"awards-list-item\"\n          :class=\"{ '--selected': selectedAward?.id === award.id }\"\n          v-for=\"award in props.awards\"\n          :key=\"award.id\"\n          @mouseenter=\"handleMouseEnter(award)\"\n          @mouseleave=\"handleMouseLeave\"\n        >\n          <nuxt-link\n            v-if=\"award.linkUrl\"\n            :to=\"award.linkUrl\"\n            class=\"flex is-align-center is-justify-space-between text-s-1 awards-list-item-link\"\n          >\n            <div\n              class=\"awards-list-item-certificator\"\n              v-html=\"award.certificator\"\n            />\n\n            <div class=\"awards-list-item-award\" v-html=\"award.title\" />\n\n            <div class=\"awards-list-item-brands\" v-html=\"award.brands\" />\n\n            <div class=\"awards-list-item-img-wrap show-for-large\">\n              <div class=\"awards-list-item-img show-for-large\">\n                <img\n                  :src=\"award.image.url\"\n                  :alt=\"award.title + ' ' + award.brands\"\n                />\n              </div>\n            </div>\n\n            <p class=\"awards-list-item-year\">\n              {{ award.year }}\n            </p>\n          </nuxt-link>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesStudioAwards',\n}\n</script>\n\n<script setup>\nimport { gsap, Power1 } from 'gsap'\n\nconst props = defineProps({\n  title: String,\n  awards: {\n    type: Array,\n    default: () => [],\n  },\n})\n\nconst actualSrc = ref(null)\nconst imageContainer = ref(null)\nconst floatingImg = ref(null)\nconst selectedAward = ref(null)\n\n// get document coordinates of the element\nfunction getCoords(elem) {\n  const box = elem?.getBoundingClientRect()\n  return {\n    top: box.top,\n    right: box.right,\n    bottom: box.bottom,\n    left: box.left + 97,\n  }\n}\n\nfunction positionImage(e) {\n  const eventTarget = e.target\n  const imgCol = eventTarget.querySelector('.awards-list-item-img')\n  const imgColCoords = imgCol ? getCoords(imgCol) : null\n  const coords = getCoords(imageContainer.value)\n  const relX = imgColCoords?.left\n  // const relX = e.clientX - coords.left\n  const relY = /*e.clientY - coords.top*/ e.clientY\n  // console.log(relX, relY)\n\n  gsap.to(floatingImg.value, 0.2, {\n    x: relX,\n    y: relY,\n    ease: Power1.easeOut,\n    delay: 0.1,\n  })\n}\n\nfunction handleMouseEnter(actualTech) {\n  floatingImg.value?.classList.add('--hovering')\n  gsap.to(floatingImg.value, 0.3, { scale: 1, opacity: 1 })\n  actualSrc.value = actualTech.image.url\n  selectedAward.value = actualTech\n}\n\nfunction handleMouseLeave() {\n  floatingImg.value?.classList.remove('--hovering')\n  gsap.to(floatingImg.value, 0.3, { scale: 0.7, opacity: 0 })\n  selectedAward.value = null\n}\n\nfunction initFloatingImage() {\n  const containerElem = imageContainer.value\n  const img = floatingImg.value\n\n  containerElem.addEventListener('pointerleave', function (e) {\n    gsap.killTweensOf(img)\n    gsap.to(img, 0.3, { scale: 0.7, opacity: 0 })\n  })\n  containerElem.addEventListener('pointermove', function (e) {\n    positionImage(e)\n  })\n}\n\nonMounted(() => {\n  // Settiamo di base come immagine precaricata quella del primo elemento della lista\n  const firstAward = props.content?.awards.find((award) => award.image?.url)\n  actualSrc.value = firstAward ? firstAward.image?.url : null\n\n  // Init del sistema di movimento immagine\n  //initFloatingImage()\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"banner-media-text\">\n    <div class=\"banner-media-text__wrap\">\n      <!-- Cover -->\n      <div\n        v-if=\"\n          props.content.backgroundVideoLink || props.content.backgroundImage\n        \"\n        class=\"banner-media-text__cover\"\n      >\n        <!-- Video -->\n        <WidgetVideo\n          v-if=\"props.content.backgroundVideoLink\"\n          class=\"is-cover\"\n          :videoUrl=\"props.content.backgroundVideoLink\"\n          :controls=\"false\"\n          :loop=\"true\"\n          :autoplay=\"true\"\n          :muted=\"true\"\n        />\n        <WidgetPicture\n          v-else\n          class=\"is-cover\"\n          :image=\"{ custom: props.content.backgroundImage?.responsiveImage }\"\n          :lazyLoad=\"true\"\n          :alt=\"props.content.backgroundImage?.alt\"\n        />\n      </div>\n    </div>\n\n    <!-- Content -->\n    <div class=\"banner-media-text__content\">\n      <div class=\"banner-media-text__content__wrap\">\n        <!-- Text Block -->\n        <div\n          v-if=\"props.content.textBlock\"\n          v-html=\"props.content.textBlock\"\n          class=\"text-l-1 is-text-center banner-media-text__content__text-block\"\n          :class=\"{ '--dark-text': !props.content.whiteText }\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesCommonBannerMediaText',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  content: Object,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page page-studio\">\n    <div\n      class=\"page__wrap p-top-xxxl-1 p-bottom-xxxl-1\"\n      data-animate=\"page-wrap\"\n    >\n      <div class=\"row-1\">\n        <PagesCommonTextHeader\n          v-if=\"page\"\n          :title=\"page.title\"\n          :intro=\"page.introText\"\n          :subtitle=\"page?.subtitle\"\n        />\n\n        <template v-if=\"page.body && page.body.length\">\n          <div\n            class=\"page-body p-bottom-xxl-1\"\n            data-animate=\"preloader-opacity\"\n          >\n            <section\n              v-for=\"(item, indexSection) in page.body\"\n              :key=\"item.id\"\n              :class=\"{\n                'p-top-xxl-1': indexSection !== 0,\n                'p-top-l-1': indexSection === 0,\n                'height-90': item.__typename === 'ImageVideoBlockRecord',\n              }\"\n            >\n              <template v-if=\"item.__typename === 'ImageVideoBlockRecord'\">\n                <WidgetVideo\n                  class=\"is-cover\"\n                  v-if=\"item.linkVideo\"\n                  :videoUrl=\"item.linkVideo\"\n                  :loop=\"true\"\n                  :autoplay=\"true\"\n                  :muted=\"true\"\n                  :preload=\"'auto'\"\n                />\n                <WidgetPicture\n                  class=\"is-cover\"\n                  v-else\n                  :image=\"{ custom: item.image?.responsiveImage }\"\n                  :lazyLoad=\"true\"\n                  :alt=\"item.image?.responsiveImage?.alt\"\n                />\n              </template>\n              <template v-if=\"item.__typename === 'TwoColumnsGridTextRecord'\">\n                <PagesCommonTwoColTextBlock\n                  :item=\"item\"\n                  :smaller-title=\"true\"\n                />\n              </template>\n              <template v-if=\"item.__typename === 'TextBlockRecord'\">\n                <WidgetIntroTextBlock :text=\"item.text\" />\n              </template>\n              <template\n                v-if=\"\n                  item.__typename === 'AnimatedAccordionRecord' &&\n                  item.accordionsList.length > 0\n                \"\n              >\n                <WidgetAnimatedAccordions\n                  :accordions-list=\"item.accordionsList\"\n                />\n              </template>\n              <template v-if=\"item.__typename === 'StudioTeamBlockRecord'\">\n                <PagesStudioTeamBlock\n                  :title=\"item.title\"\n                  :text=\"item.text\"\n                  :image=\"item.image\"\n                  :linkVideo=\"item.videoUrl\"\n                />\n              </template>\n              <template v-if=\"item.__typename === 'ImagesGridRecord'\">\n                <PagesStudioImagesGrid :images=\"item.imagesList\" />\n              </template>\n              <template v-if=\"item.__typename === 'ChosenBlockRecord'\">\n                <h3\n                  v-if=\"item.title && item.title !== ''\"\n                  class=\"title-xl-1 is-text-center m-bottom-xl-1\"\n                  v-anim-reveal-text\n                >\n                  {{ item.title }}\n                </h3>\n                <PagesStudioImagesGrid\n                  :images=\"\n                    item.showLogosDefault && clienti && clienti.imagesList\n                      ? clienti.imagesList\n                      : item.imagesList\n                  \"\n                />\n              </template>\n              <template v-if=\"item.__typename === 'AwardsListRecord'\">\n                <PagesStudioAwards :title=\"item.title\" :awards=\"item.awards\" />\n              </template>\n              <template v-if=\"item.__typename === 'BannerTextMediaBlockRecord'\">\n                <PagesCommonBannerMediaText :content=\"item\" />\n              </template>\n            </section>\n          </div>\n        </template>\n        <template v-if=\"page?.ctaType === 'Custom' && page.contactBannerBlock\">\n          <WidgetBannerCta :banner=\"page.contactBannerBlock\" />\n        </template>\n        <template v-else>\n          <ContactBanner :type=\"page?.ctaType === 'Contact Banner 2' ? 2 : 1\" />\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport queries from '@/graphql/dato/queries/index.js'\nimport pageTransition from '@/assets/js/transitions/helper.js'\n\ndefinePageMeta({\n  layout: 'default',\n  pageTransition,\n})\n\nconst { locale } = useI18n()\n\nconst query = queries.studio.getStudioPage\nconst variables = computed(() => ({\n  locale: locale.value,\n}))\n\nconst { data } = await useGraphql(query, variables)\n\nif (!data.value?.studioPage) {\n  throw createError({ statusCode: 404 })\n}\n\nconst page = computed(() => data.value?.studioPage)\n\nconst clienti = computed(() => data.value?.clientiSection)\nconst seo = computed(() => data.value?.studioPage?.seo || {})\n//const localeParams = computed(() => project.value?._allSlugLocales || [])\n\n// Seo\nuseSeo({\n  ...seo.value,\n  //localeParams: useHelpers().generateSeoLocaleParams(localeParams, 'slug'),\n})\n\naddTrackingZoho()\n</script>\n"],"names":["__default__","props","__props","actualSrc","ref","imageContainer","floatingImg","selectedAward","handleMouseEnter","actualTech","_a","gsap","handleMouseLeave","onMounted","firstAward","award","_b","locale","useI18n","query","queries","variables","computed","data","__temp","__restore","_withAsyncContext","useGraphql","createError","page","clienti","seo","useSeo","addTrackingZoho"],"mappings":"ypBA+BeA,GAAA,CACb,KAAM,sBACR,+FAIA,MAAMC,EAAQC,gsBCsBCF,GAAA,CACb,KAAM,mBACR,wFAMA,MAAMC,EAAQC,EAQRC,EAAYC,EAAI,IAAI,EACpBC,EAAiBD,EAAI,IAAI,EACzBE,EAAcF,EAAI,IAAI,EACtBG,EAAgBH,EAAI,IAAI,EA+B9B,SAASI,EAAiBC,EAAY,QACpCC,EAAAJ,EAAY,QAAZ,MAAAI,EAAmB,UAAU,IAAI,cACjCC,EAAK,GAAGL,EAAY,MAAO,GAAK,CAAE,MAAO,EAAG,QAAS,CAAG,CAAA,EACxDH,EAAU,MAAQM,EAAW,MAAM,IACnCF,EAAc,MAAQE,CACxB,CAEA,SAASG,GAAmB,QAC1BF,EAAAJ,EAAY,QAAZ,MAAAI,EAAmB,UAAU,OAAO,cACpCC,EAAK,GAAGL,EAAY,MAAO,GAAK,CAAE,MAAO,GAAK,QAAS,CAAG,CAAA,EAC1DC,EAAc,MAAQ,IACxB,CAeA,OAAAM,EAAU,IAAM,SAEd,MAAMC,GAAaJ,EAAAT,EAAM,UAAN,YAAAS,EAAe,OAAO,KAAMK,GAAK,OAAK,OAAAL,EAAAK,EAAM,QAAN,YAAAL,EAAa,MACtEP,EAAU,MAAQW,GAAaE,EAAAF,EAAW,QAAX,YAAAE,EAAkB,IAAM,IAIzD,CAAC,msCChGchB,GAAA,CACb,KAAM,4BACR,uDAIA,MAAMC,EAAQC,2jCCqEd,KAAM,CAAE,OAAAe,CAAQ,EAAGC,GAAO,EAEpBC,EAAQC,GAAQ,OAAO,cACvBC,EAAYC,EAAS,KAAO,CAChC,OAAQL,EAAO,KACjB,EAAE,EAEI,CAAE,KAAAM,CAAM,GAAS,CAAAC,EAAAC,CAAA,EAAAC,GAAA,IAAAC,GAAWR,EAAOE,CAAS,CAAA,mBAElD,GAAI,GAACX,EAAAa,EAAK,QAAL,MAAAb,EAAY,YACf,MAAMkB,GAAY,CAAE,WAAY,GAAK,CAAA,EAGvC,MAAMC,EAAOP,EAAS,WAAM,OAAAZ,EAAAa,EAAK,QAAL,YAAAb,EAAY,WAAU,EAE5CoB,EAAUR,EAAS,WAAM,OAAAZ,EAAAa,EAAK,QAAL,YAAAb,EAAY,eAAc,EACnDqB,EAAMT,EAAS,IAAM,SAAA,QAAAN,GAAAN,EAAAa,EAAK,QAAL,YAAAb,EAAY,aAAZ,YAAAM,EAAwB,MAAO,CAAE,EAAA,EAI5D,OAAAgB,GAAO,CACL,GAAGD,EAAI,KAET,CAAC,EAEDE,GAAe"}