{"version":3,"file":"YB_001Qb.js","sources":["../../../../components/widget/slider-full-width-swiper/index.vue","../../../../components/editorial/full-gallery/index.vue","../../../../components/editorial/gallery/index.vue","../../../../components/widget/video-iframe/index.vue","../../../../components/editorial/double-column-images/index.vue","../../../../components/editorial/double-column-general/index.vue","../../../../components/editorial/list/index.vue"],"sourcesContent":["<template>\n  <swiper\n    class=\"slider-swiper-full-width\"\n    :class=\"{\n      '--no-padding-bottom': props.slides.length <= 1,\n    }\"\n    :modules=\"[Pagination, A11y, Navigation]\"\n    :slides-per-view=\"1\"\n    :pagination=\"{ clickable: false }\"\n    :navigation=\"{\n      nextEl: nextButton,\n      prevEl: prevButton,\n    }\"\n    :lazy=\"true\"\n  >\n    <swiper-slide v-for=\"(slide, index) in props.slides\" :key=\"index\">\n      <div\n        class=\"slider-swiper-full-width__slide__wrap ratio-full-screen --force-landscape\"\n      >\n        <WidgetPicture\n          :image=\"{\n            custom: slide.landscape,\n          }\"\n          :lazyLoad=\"true\"\n          :alt=\"slide.title\"\n        />\n      </div>\n    </swiper-slide>\n    <!-- Navigation-->\n    <div class=\"swiper-buttons m-top-6\" v-if=\"props.slides?.length > 1\">\n      <button\n        class=\"swiper-button-prev\"\n        ref=\"prevButton\"\n        aria-label=\"Button Prev\"\n      ></button>\n      <button\n        class=\"swiper-button-next\"\n        ref=\"nextButton\"\n        aria-label=\"Button Next\"\n      ></button>\n    </div>\n  </swiper>\n</template>\n\n<script>\nexport default {\n  name: 'WidgetSliderSwiperFullWidth',\n}\n</script>\n\n<script setup>\nimport { Pagination, A11y, Navigation } from 'swiper/modules'\nimport { Swiper, SwiperSlide } from 'swiper/vue'\n\nconst props = defineProps({\n  slides: {\n    type: Array,\n    default: () => [],\n  },\n  options: {\n    type: Object,\n  },\n})\n\nconst nextButton = ref(null)\nconst prevButton = ref(null)\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div\n    class=\"editorial-full-gallery\"\n    :class=\"{\n      'row-1': !content.fullscreen.includes('si'),\n    }\"\n    v-anim-parallax-element=\"{\n      target: 'picture',\n      offset: 10,\n    }\"\n  >\n    <WidgetSliderFullWidthSwiper :slides=\"slides\" />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EditorialFullGallery',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  content: Object,\n})\n\nconst slides = computed(() => {\n  const slides = props.content.gallery.map((galleryItem) => {\n    let landscape = props.content.landscape.find(\n      (landscapeItem) => landscapeItem.id === galleryItem.id\n    )\n    let portrait = props.content.portrait.find(\n      (portraitItem) => portraitItem.id === galleryItem.id\n    )\n\n    return {\n      landscape,\n      portrait,\n      title: galleryItem.title,\n    }\n  })\n  return slides\n})\n</script>\n","<template>\n  <div\n    class=\"editorial-gallery\"\n    v-anim-parallax-element=\"{\n      target: 'picture',\n      offset: 10,\n    }\"\n  >\n    <WidgetSliderSwiper :slides=\"slides\" />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EditoriaGallery',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  content: Object,\n})\n\nconst slides = computed(() => {\n  const slides = props.content.gallery.map((galleryItem) => {\n    return {\n      cover: galleryItem,\n      title: galleryItem.title,\n    }\n  })\n  return slides\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"iframe-video\">\n    <iframe :src=\"videoUrl\" allow=\"autoplay\" muted=\"muted\"></iframe>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'WidgetVideoIframe',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  videoUrl: String,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div\n    class=\"row-1 editorial-double-columns-images\"\n    :class=\"{\n      '--double-on-small': content.doubleColumn.includes('si'),\n    }\"\n    v-anim-parallax-element=\"{\n      target: 'picture',\n      offset: 10,\n    }\"\n  >\n    <div\n      class=\"editorial-double-columns-images__column\"\n      v-for=\"(image, index) in props.content.images\"\n      :key=\"image.id\"\n      v-anim-scroll-speed=\"{\n        factor: index % 2 !== 0 ? 0.25 : 0,\n      }\"\n    >\n      <WidgetPicture\n        :image=\"{\n          custom: image,\n        }\"\n        :lazyLoad=\"true\"\n        :alt=\"image.title\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EditorialGalleryImages',\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\n    class=\"row-1 editorial-double-columns-general\"\n    :class=\"{\n      '--double-on-small': content.doubleColumn.includes('si'),\n    }\"\n  >\n    <div\n      class=\"editorial-double-columns-general__column\"\n      v-if=\"props.content.contentText1\"\n    >\n      <div\n        class=\"text text-editorial\"\n        v-html=\"props.content.contentText1\"\n      ></div>\n    </div>\n    <div\n      class=\"editorial-double-columns-general__column\"\n      v-if=\"props.content.contentText2\"\n    >\n      <div\n        class=\"text text-editorial\"\n        v-html=\"props.content.contentText2\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EditorialGalleryGeneral',\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=\"editorial-list\">\n    <template v-for=\"content in props.content\" :key=\"content.id\">\n      <!-- Text -->\n      <template v-if=\"content.typeHandle === 'editorialContent'\">\n        <div class=\"row-1 m-top-3\">\n          <div\n            class=\"text-l editorial-list__text editorial-list__basetext text-editorial\"\n            v-html=\"content.text\"\n          ></div>\n        </div>\n      </template>\n      <!-- Title -->\n      <template v-if=\"content.typeHandle === 'editorialContentBigTitle'\">\n        <div class=\"row-1 m-top-3 --title-row\">\n          <h2\n            class=\"title editorial-list__title\"\n            v-anim-reveal-text\n            v-html=\"content.text\"\n          ></h2>\n        </div>\n      </template>\n      <!--  Gallery -->\n      <template\n        v-if=\"content.typeHandle === 'editorialContentFullScreenGallery'\"\n      >\n        <EditorialFullGallery :content=\"content\" class=\"m-top-3\" />\n      </template>\n      <!-- Full Screen gallery -->\n      <template v-if=\"content.typeHandle === 'editorialContentGallery'\">\n        <EditorialGallery :content=\"content\" class=\"m-top-3\" />\n      </template>\n      <!-- Full Screen video -->\n      <template v-if=\"content.typeHandle === 'editorialContentVideo'\">\n        <div\n          class=\"m-top-3\"\n          :class=\"{\n            'row-1': !content.fullscreen.includes('si'),\n          }\"\n          v-anim-parallax-element=\"{\n            target: 'video',\n          }\"\n        >\n          <WidgetVideoIframe\n            v-if=\"content.embed.includes('si')\"\n            class=\"ratio-full-screen\"\n            :videoUrl=\"\n              content.video.replace(/\\/view\\?usp=sharing|\\/view/, '/preview')\n            \"\n          />\n          <WidgetVideo\n            v-else\n            class=\"ratio-full-screen\"\n            :videoUrl=\"content.video\"\n            :autoplay=\"content.autoplay.includes('si')\"\n          />\n        </div>\n      </template>\n      <!-- Full Screen videDouble column -->\n      <template\n        v-if=\"content.typeHandle === 'editorialContentDoubleColumnImages'\"\n      >\n        <EditorialDoubleColumnImages :content=\"content\" class=\"m-top-3\" />\n      </template>\n      <!-- Full Screen videDouble column -->\n      <template\n        v-if=\"content.typeHandle === 'editorialContentDoubleColumnGeneral'\"\n      >\n        <EditorialDoubleColumnGeneral :content=\"content\" class=\"m-top-3\" />\n      </template>\n      <!-- Free Content -->\n      <template v-if=\"content.typeHandle === 'editorialContentFreeContent'\">\n        <div class=\"row-1 m-top-3\">\n          <div\n            class=\"text-m editorial-list__text editorial-list__freecontent text-editorial\"\n            v-html=\"content.freeContent\"\n          ></div>\n        </div>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'EditorialList',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  content: Array,\n})\n\nonMounted(() => {\n  // TACON CHE VA SEMPRE BENE PER SAFARI\n  setTimeout(() => {\n    window.dispatchEvent(new Event('resize'))\n  }, 500)\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n"],"names":["__default__","props","__props","nextButton","ref","prevButton","slides","computed","galleryItem","landscape","landscapeItem","portrait","portraitItem","onMounted"],"mappings":"shBA6CeA,EAAA,CACb,KAAM,6BACR,+FAOA,MAAMC,EAAQC,EAURC,EAAaC,EAAI,IAAI,EACrBC,EAAaD,EAAI,IAAI,4wBCjDZJ,EAAA,CACb,KAAM,sBACR,qDAIA,MAAMC,EAAQC,EAIRI,EAASC,EAAS,IACPN,EAAM,QAAQ,QAAQ,IAAKO,GAAgB,CACxD,IAAIC,EAAYR,EAAM,QAAQ,UAAU,KACrCS,GAAkBA,EAAc,KAAOF,EAAY,EAC1D,EACQG,EAAWV,EAAM,QAAQ,SAAS,KACnCW,GAAiBA,EAAa,KAAOJ,EAAY,EACxD,EAEI,MAAO,CACL,UAAAC,EACA,SAAAE,EACA,MAAOH,EAAY,KACzB,CACG,CAAA,CAEF,mRC7BcR,EAAA,CACb,KAAM,iBACR,qDAIA,MAAMC,EAAQC,EAIRI,EAASC,EAAS,IACPN,EAAM,QAAQ,QAAQ,IAAKO,IACjC,CACL,MAAOA,EACP,MAAOA,EAAY,KACzB,EACG,CAEF,mMCxBcR,EAAA,CACb,KAAM,mBACR,8JCsBeA,EAAA,CACb,KAAM,wBACR,qDAIA,MAAMC,EAAQC,ioBCRCF,GAAA,CACb,KAAM,yBACR,uDAIA,MAAMC,EAAQC,+lBCiDCF,GAAA,CACb,KAAM,eACR,sDAIA,MAAMC,EAAQC,EAId,OAAAW,EAAU,IAAM,CAEd,WAAW,IAAM,CACf,OAAO,cAAc,IAAI,MAAM,QAAQ,CAAC,CAC5C,EAAK,GAAG,CACR,CAAC"}