{"version":3,"file":"woJxuCvr.js","sources":["../../../../components/pages/project/tag-list/index.vue","../../../../components/pages/project/header/index.vue","../../../../components/pages/project/intro/index.vue","../../../../components/pages/project/description/index.vue","../../../../components/widget/button-morph-details/index.vue","../../../../components/pages/project/column-text-block/index.vue","../../../../components/widget/content-transition-vucko/index.vue","../../../../components/pages/project/column-grid/index.vue","../../../../components/pages/project/overlay-info/index.vue","../../../../components/listing/project-carousel/index.vue"],"sourcesContent":["<template>\n  <!-- Tags -->\n  <ul class=\"project-tag-list\">\n    <li v-for=\"tag in props.tags\" :key=\"tag.id\">\n      <button\n        class=\"button-round-1\"\n        @click=\"\n          router.push(\n            localePath({\n              name: 'projects',\n              query: { [`${props.query}`]: tag.slug },\n            })\n          )\n        \"\n      >\n        <span>{{ tag.title }}</span>\n      </button>\n    </li>\n  </ul>\n</template>\n\n<script>\nexport default {\n  name: 'PagesProjectTagList',\n}\n</script>\n\n<script setup>\nimport { useRouter } from 'vue-router'\n\nconst router = useRouter()\n\nconst props = defineProps({\n  tags: Array,\n  query: String,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <header class=\"page-project-header\">\n    <!-- Title -->\n    <h1 class=\"text-xl-1\" data-animate=\"preloader-reveal\">\n      <strong>{{ props.project.title }}</strong>\n    </h1>\n\n    <!-- Subtitle -->\n    <p\n      class=\"text-xl-1\"\n      v-if=\"props.project.subtitle\"\n      data-animate=\"preloader-reveal\"\n    >\n      {{ props.project.subtitle }}\n    </p>\n\n    <!-- Tags -->\n    <div\n      data-animate=\"preloader-opacity\"\n      class=\"m-top-1 button-tag-list show-for-large\"\n      v-if=\"\n        props.project.industryTag?.length || props.project.technologyTag?.length\n      \"\n    >\n      <!-- Industry -->\n      <PagesProjectTagList\n        v-if=\"props.project.industryTag?.length\"\n        :tags=\"props.project.industryTag\"\n        :query=\"'industry'\"\n      />\n      <!-- Technology -->\n      <PagesProjectTagList\n        v-if=\"props.project.technologyTag?.length\"\n        :tags=\"props.project.technologyTag\"\n        :query=\"'technology'\"\n      />\n    </div>\n  </header>\n</template>\n\n<script>\nexport default {\n  name: 'PagesProjectHeader',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  project: Object,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page-project-intro\">\n    <div class=\"page-project-intro__wrap\">\n      <!-- Cover -->\n      <div class=\"page-project-intro__cover\" v-if=\"showCover\">\n        <!-- Cover image -->\n        <WidgetPicture\n          v-if=\"props.cover && !props.preview\"\n          class=\"is-cover\"\n          :image=\"{ custom: props.cover.responsiveImage }\"\n          :lazyLoad=\"true\"\n          :alt=\"props.alt\"\n        />\n        <!-- Video preview -->\n        <WidgetVideo\n          v-if=\"props.preview\"\n          class=\"is-cover\"\n          :videoUrl=\"props.preview\"\n          :controls=\"false\"\n          :loop=\"true\"\n          :autoplay=\"true\"\n          :muted=\"true\"\n        />\n      </div>\n      <!-- Video -->\n      <div class=\"page-project-intro__video\">\n        <WidgetVideo\n          class=\"is-cover\"\n          ref=\"video\"\n          :videoUrl=\"props.url\"\n          :controls=\"true\"\n          :loop=\"false\"\n          :autoplay=\"false\"\n        />\n      </div>\n    </div>\n\n    <!-- Cta -->\n    <div\n      class=\"page-project-intro__trigger\"\n      :class=\"{ '--to-hide': play && !showCover }\"\n    >\n      <div class=\"page-project-intro__trigger__wrap\">\n        <WidgetButtonCtaIco\n          :label=\"$t('cta.playVideo')\"\n          v-if=\"showCover && props.url\"\n          @click=\"playVideo\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesProjectIntro',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  url: String,\n  preview: String,\n  cover: Object,\n  alt: String,\n})\n\nconst video = ref(null)\nconst play = ref(false)\nconst showCover = ref(true)\n\nwatch(\n  () => play.value,\n  (play) => {\n    if (play) {\n      video.value.videoElement?.play()\n      showCover.value = false\n    } else {\n      videoElement.value?.pause()\n    }\n  }\n)\n\nconst playVideo = () => {\n  play.value = true\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page-project-description p-top-m-1 p-bottom-m-1\">\n    <!-- Info -->\n    <div class=\"page-project-description__info\">\n      <div class=\"page-project-description__info__row\">\n        <h2>{{ $t('projects.tags.industry') }}</h2>\n        <!-- Industry -->\n        <PagesProjectTagList\n          v-if=\"props.project.industryTag?.length\"\n          :tags=\"props.project.industryTag\"\n          :query=\"'industry'\"\n        />\n      </div>\n      <div class=\"page-project-description__info__row\">\n        <h2>{{ $t('projects.tags.technology') }}</h2>\n        <!-- Technology -->\n        <PagesProjectTagList\n          v-if=\"props.project.technologyTag?.length\"\n          :tags=\"props.project.technologyTag\"\n          :query=\"'technology'\"\n        />\n      </div>\n    </div>\n    <!-- Content -->\n    <div\n      v-html=\"props.project.textContent\"\n      class=\"page-project-description__content m-top-l-1\"\n    ></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesProjectDescription',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  project: Object,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <button\n    type=\"button\"\n    class=\"button-morph-details\"\n    @click=\"open = !open\"\n    :class=\"{\n      'is-open': open,\n    }\"\n  >\n    <div class=\"button-morph-details__icon\">\n      <img\n        src=\"@/assets/img/ico/ico-close-white.svg\"\n        width=\"18\"\n        height=\"18\"\n        alt=\"close\"\n      />\n    </div>\n\n    <div class=\"button-morph-details__text text-s-1 is-text-uppercase\">\n      <span>{{ label }}</span>\n    </div>\n  </button>\n</template>\n\n<script>\nexport default {\n  name: 'WidgetButtonMorphDetails',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  label: String,\n})\n\nconst open = ref(false)\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page-project-column-text-block\">\n    <div v-if=\"title && title !== ''\" v-html=\"title\" />\n    <div v-if=\"text && text !== ''\" v-html=\"text\" />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesProjectColumnTextBlock',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  title: String,\n  text: String\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"content-transition\" ref=\"content\">\n    <!-- Bottone Originale -->\n    <!-- <button\n      ref=\"trigger\"\n      @click=\"toggleDetails\"\n      class=\"content-transition__trigger\"\n      :class=\"{\n        'is-description-open': isDescriptionOpen,\n      }\"\n    >\n      <span v-if=\"!isDescriptionOpen\">{{ $t('cta.projectDetails') }}</span>\n      <span v-else>{{ $t('projects.detailsClose') }}</span>\n    </button> -->\n\n    <div\n      ref=\"trigger\"\n      class=\"content-transition__trigger\"\n      :class=\"{\n        'is-disabled': isAnimate,\n      }\"\n    >\n      <WidgetButtonMorphDetails\n        @click=\"toggleDetails\"\n        :label=\"$t('cta.projectDetails')\"\n      />\n    </div>\n\n    <!-- Details -->\n    <div class=\"content-transition-grid__detail\" ref=\"contentDescription\">\n      <!-- Details grid -->\n      <div\n        ref=\"contentDescriptionGrid\"\n        class=\"content-transition-grid__detail__col content-transition-grid__detail__grid\"\n      >\n        <!-- Item Row -->\n        <div\n          class=\"content-transition-grid__block is-column\"\n          data-row\n          v-for=\"(row, indexRow) in grid\"\n          :key=\"indexRow\"\n        >\n          <div\n            class=\"content-transition-grid__block__inner\"\n            data-inner\n            v-for=\"(col, indexCol) in row\"\n            :key=\"indexCol\"\n            :class=\"{ '--small-height': col.smallHeight, '--is-vertical': col.isVertical }\"\n            \n          >\n            <div :class=\"{'--is-text': col.type && col.type === 'text'}\" class=\"content-transition-grid__item\" data-clone>\n              <template v-if=\"!debug && showDetailsContent\">\n                <template v-if=\"col.type === 'text'\">\n                 <PagesProjectColumnTextBlock :title=\"col.title\" :text=\"col.text\" class=\"--in-column-transition\" />\n              </template>\n              <template v-else>\n                <template\n                  v-if=\"\n                    col.linkVideo !== '' &&\n                    col.linkVideoPreview &&\n                    col.linkVideoPreview !== ''\n                  \"\n                >\n                  <PagesProjectIntro\n                    :preview=\"col.linkVideoPreview\"\n                    :url=\"col.linkVideo\"\n                  />\n                </template>\n                <template v-else>\n                  <WidgetVideo\n                    v-if=\"col.isVideo\"\n                    :videoUrl=\"col.linkVideo\"\n                    :loop=\"true\"\n                    :autoplay=\"true\"\n                    :muted=\"true\"\n                    :preload=\"'auto'\"\n                    :playInViewport=\"true\"\n                  />\n                  <WidgetPicture\n                    v-else\n                    :image=\"{ custom: col.image?.responsiveImage }\"\n                    :lazyLoad=\"true\"\n                    :alt=\"col.image?.responsiveImage?.alt\"\n                  />\n                </template>\n              </template>\n              </template>\n              <template v-else-if=\"showDetailsContent\">\n                <img\n                  class=\"placeholder\"\n                  src=\"https://placehold.co/2000x1125/000000/png\"\n                />\n              </template>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- Description -->\n      <div\n        class=\"content-transition-grid__detail__col content-transition-grid__detail__text\"\n        ref=\"contentDescriptionText\"\n        data-animate=\"description-text\"\n      >\n        <div ref=\"contentDescriptionTextContent\">\n          <slot name=\"description\"></slot>\n        </div>\n      </div>\n    </div>\n    <!-- Grid -->\n    <div class=\"content-transition-grid__content\" ref=\"contentGrid\">\n      <!-- Item Row -->\n      <div\n        class=\"content-transition-grid__block is-row\"\n        data-row\n        v-for=\"(row, indexRow) in grid\"\n        :key=\"indexRow\"\n      >\n        <div\n          class=\"content-transition-grid__block__inner\"\n          data-inner\n          v-for=\"(col, indexCol) in row\"\n          :key=\"indexCol\"\n          :class=\"{ '--small-height': col.smallHeight, '--is-vertical': col.isVertical }\"\n        >\n          \n          <div :class=\"{'--is-text': col.type && col.type === 'text'}\" class=\"content-transition-grid__item\" data-clone>\n            <template v-if=\"!debug && showGridContent\">\n              <template v-if=\"col.type === 'text'\">\n                <PagesProjectColumnTextBlock :title=\"col.title\" :text=\"col.text\" />\n                \n              </template>\n              <template v-else>\n              <template\n                v-if=\"\n                  col.linkVideo !== '' &&\n                  col.linkVideoPreview &&\n                  col.linkVideoPreview !== ''\n                \"\n              >\n                <PagesProjectIntro\n                  :preview=\"col.linkVideoPreview\"\n                  :url=\"col.linkVideo\"\n                />\n              </template>\n              <template v-else>\n                <WidgetVideo\n                  v-if=\"col.isVideo\"\n                  :videoUrl=\"col.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: col.image?.responsiveImage }\"\n                  :lazyLoad=\"true\"\n                  :alt=\"col.image?.responsiveImage?.alt\"\n                />\n              </template>\n              </template>\n            </template>\n            <template v-else-if=\"showGridContent\">\n              <img\n                class=\"placeholder\"\n                src=\"https://placehold.co/2000x1125/000000/png\"\n              />\n            </template>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'WidgetContentTransitionVucko',\n}\n</script>\n\n<script setup>\n// TODO: Sistemare il bottone trigger al primo load (deve essere già nascosto) e los crolltop alla chiusura dei dettagli\n\nimport { gsap } from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\ngsap.registerPlugin(ScrollTrigger)\n\nconst props = defineProps({\n  grid: Array,\n})\n\nconst debug = ref(false)\nconst showDetails = ref(false)\nconst isAnimate = ref(false)\nconst isDescriptionOpen = ref(false)\nconst showDetailsContent = ref(false)\nconst showGridContent = ref(true)\n\nconst trigger = ref(null)\nconst content = ref(null)\nconst contentGrid = ref(null)\nconst contentDescription = ref(null)\nconst contentDescriptionGrid = ref(null)\nconst contentDescriptionText = ref(null)\nconst contentDescriptionTextContent = ref(null)\n\nconst tl = ref(null)\nconst duration = 0.8\nconst ease = 'power2.inOut'\n\nonMounted(() => {\n  toggleButtonVisibility()\n})\n\nconst toggleButtonVisibility = () => {\n  gsap.set(trigger.value, { yPercent: 160 })\n\n  ScrollTrigger.create({\n    trigger: content.value,\n    start: 'top bottom',\n    end: 'bottom bottom',\n    onEnter: () => toggleTriggerVisibility(0),\n    onLeave: () => toggleTriggerVisibility(160),\n    onEnterBack: () => toggleTriggerVisibility(0),\n    onLeaveBack: () => toggleTriggerVisibility(160),\n  })\n}\n\nconst toggleTriggerVisibility = (yPercent) => {\n  gsap.to(trigger.value, {\n    yPercent,\n    duration: duration * 0.5,\n    ease,\n  })\n}\n\nconst toggleDetails = () => {\n  showDetails.value = !showDetails.value\n}\n\nwatch(showDetails, async (showDetails) => {\n  if (!isAnimate.value) {\n    if (showDetails) {\n      showDetailsContent.value = true\n      isDescriptionOpen.value = true\n\n      gsap.set(contentDescriptionGrid.value, { opacity: 0 })\n      cloneAndPositionItems(contentGrid, contentDescriptionGrid)\n\n      await nextTick()\n      gsap.set(contentGrid.value, { position: 'absolute' })\n      gsap.set(contentDescription.value, {\n        position: 'relative',\n      })\n      tl.value = animateIn()\n\n      if (window.lenis) {\n        window.lenis.scrollTo(content.value.offsetTop)\n      } else {\n        window.scrollTo(content.value.offsetTop)\n      }\n\n      await tl.value.play()\n      gsap.set(contentGrid.value, { autoAlpha: 0 })\n      gsap.set(contentDescriptionGrid.value, {\n        opacity: 1,\n        position: 'relative',\n      })\n      ScrollTrigger.refresh()\n    } else {\n      isDescriptionOpen.value = false\n      gsap.set(contentGrid.value, { autoAlpha: 1 })\n      cloneAndPositionItems(contentDescriptionGrid, contentGrid, true)\n      showDetailsContent.value = false\n\n      await nextTick()\n      tl.value = animateOut()\n\n      const scrollTarget =\n        content.value.offsetTop +\n        contentGrid.value.getBoundingClientRect().height -\n        window.innerHeight\n      const scrollOffset = window.scrollY - window.innerHeight\n\n      if (scrollOffset > scrollTarget) {\n        if (window.lenis) {\n          window.lenis.scrollTo(scrollTarget)\n        } else {\n          window.scrollTo(scrollTarget)\n        }\n      }\n\n      await tl.value.play()\n      gsap.set(contentGrid.value, { position: 'relative' })\n      gsap.set(contentDescription.value, {\n        position: 'absolute',\n      })\n      ScrollTrigger.refresh()\n    }\n  }\n})\n\nconst animateIn = () => {\n  const items = contentGrid.value?.querySelectorAll('[data-clone]')\n  const descriptionText = contentDescription.value?.querySelectorAll(\n    '[data-animate=\"description-text\"]'\n  )\n\n  const tl = gsap.timeline({\n    paused: true,\n    onStart: () => {\n      isAnimate.value = true\n    },\n    onComplete: async () => {\n      await nextTick()\n\n      setupStickyElements()\n\n      gsap.set(items, { clearProps: 'all' })\n      tl.kill()\n      isAnimate.value = false\n    },\n  })\n\n  items.forEach((item) => {\n    const toState = JSON.parse(item.getAttribute('data-to-state'))\n    tl.to(\n      item,\n      {\n        x: toState.x,\n        y: toState.y,\n        width: toState.width,\n        height: toState.height,\n        duration,\n        ease,\n      },\n      '<'\n    )\n  })\n  tl.to(descriptionText, { opacity: 1, duration, ease }, 'start-=50%')\n\n  return tl\n}\n\nconst animateOut = () => {\n  const items = contentGrid.value?.querySelectorAll('[data-clone]')\n  const descriptionText = contentDescription.value?.querySelectorAll(\n    '[data-animate=\"description-text\"]'\n  )\n\n  const tl = gsap.timeline({\n    paused: true,\n    onStart: () => {\n      isAnimate.value = true\n    },\n    onComplete: async () => {\n      await nextTick()\n\n      ScrollTrigger.getById('triggerContent')?.kill(true)\n\n      gsap.set([items, descriptionText], { clearProps: 'all' })\n      tl.kill()\n      isAnimate.value = false\n    },\n  })\n\n  tl.to(descriptionText, { opacity: 0, duration, ease }, '<')\n\n  items.forEach((item) => {\n    tl.to(\n      item,\n      {\n        x: 0,\n        y: 0,\n        width: 'auto',\n        height: 'auto',\n        duration,\n        ease,\n      },\n      '<'\n    )\n  })\n\n  return tl\n}\n\nconst cloneAndPositionItems = (source, destination, reverse = false) => {\n  const sourceRows = source.value?.querySelectorAll('[data-row]')\n  const destinationRows = destination.value?.querySelectorAll('[data-row]')\n\n  sourceRows.forEach((sourceRow, index) => {\n    const itemsToClone = sourceRow?.querySelectorAll('[data-clone]')\n\n    itemsToClone.forEach((item, itemIndex) => {\n      const target =\n        destinationRows[index]?.querySelectorAll('[data-inner]')[itemIndex]\n\n      if (reverse) {\n        const originalRect = item?.getBoundingClientRect()\n        const clone = target?.querySelector('[data-clone]')\n        const cloneRect = clone?.getBoundingClientRect()\n\n        gsap.set(clone, {\n          x: originalRect.left - cloneRect.left,\n          y: originalRect.top - cloneRect.top,\n          width: originalRect.width,\n          height: originalRect.height,\n        })\n      } else {\n        const clone = target?.querySelector('[data-clone]')\n        const cloneRect = clone?.getBoundingClientRect()\n        const originalRect = item?.getBoundingClientRect()\n\n        item.setAttribute(\n          'data-to-state',\n          JSON.stringify({\n            x: cloneRect.left - originalRect.left,\n            y: cloneRect.top - originalRect.top,\n            width: cloneRect.width,\n            height: cloneRect.height,\n          })\n        )\n      }\n    })\n  })\n}\n\nconst setupStickyElements = () => {\n  ScrollTrigger.create({\n    id: 'triggerContent',\n    trigger: contentDescriptionTextContent.value,\n    start: 'bottom bottom',\n    end: () => {\n      const heightWrap =\n        contentDescriptionText.value?.getBoundingClientRect()?.height\n      const heightContent =\n        contentDescriptionTextContent.value?.getBoundingClientRect()?.height\n      const offset = heightWrap - heightContent\n\n      return `bottom+=${offset} bottom`\n    },\n    pin: contentDescriptionText.value,\n  })\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page-project-column-grid\">\n    <div\n      v-for=\"(col, index) in grid.flat()\"\n      :key=\"index\"\n      class=\"page-project-column-grid__item\"\n      :class=\"{'--is-vertical': col.isVertical, '--is-text': col.type && col.type === 'text'}\"\n      \n    >\n     <template v-if=\"col.type === 'text'\">\n                 <PagesProjectColumnTextBlock :title=\"col.title\" :text=\"col.text\" class=\"--in-column-transition\" />\n              </template>\n    <template v-else>\n      <template\n        v-if=\"\n          col.linkVideo !== '' &&\n          col.linkVideoPreview &&\n          col.linkVideoPreview !== ''\n        \"\n      >\n        <PagesProjectIntro\n          :preview=\"col.linkVideoPreview\"\n          :url=\"col.linkVideo\"\n        />\n      </template>\n      <template v-else>\n        <WidgetVideo\n          class=\"is-cover\"\n          v-if=\"col.isVideo\"\n          :videoUrl=\"col.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: col.image?.responsiveImage }\"\n          :lazyLoad=\"true\"\n          :alt=\"col.alt\"\n        />\n      </template>\n    </template>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesProjectColumnGrid',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  grid: Array,\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <div class=\"page-project-overlay-info\">\n    <WidgetButtonCtaIco\n      class=\"page-project-overlay-info__trigger\"\n      :buttonType=\"'expand'\"\n      :label=\"$t('cta.projectDetails')\"\n      @click=\"open()\"\n    />\n\n    <WidgetOverlayFromBottom :show=\"openOverlay\" @close=\"close\">\n      <template v-slot:content>\n        <PagesProjectDescription :project=\"project\" />\n      </template>\n    </WidgetOverlayFromBottom>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PagesProjectDescription',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  project: Object,\n})\n\nconst openOverlay = ref(false)\n\nconst open = () => {\n  openOverlay.value = true\n}\n\nconst close = () => {\n  openOverlay.value = false\n}\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n","<template>\n  <aside class=\"listing-product-carousel\">\n    <!-- Title -->\n    <div class=\"row-1\">\n      <template v-if=\"fromDato\">\n        <div\n          v-html=\"props.label\"\n          class=\"is-text-uppercase is-text-center\"\n          :class=\"props.bigTitle ? 'title-xl-1' : 'text-l-1'\"\n        />\n      </template>\n      <template v-else>\n        <h3 class=\"text-l-1 is-text-center is-text-uppercase\">\n          {{ props.label }}\n        </h3>\n      </template>\n      <!--<template v-if=\"bigTitle\">\n        <h3 class=\"title-xl-1 is-text-center is-text-uppercase\">\n        {{ props.label }}\n      </h3>\n      </template>\n      <template v-else>\n      <h3 class=\"text-l-1 is-text-center is-text-uppercase\">\n        {{ props.label }}\n      </h3>\n      </template>-->\n    </div>\n    <div class=\"listing-product-carousel__swiper m-top-l-1\">\n      <WidgetSliderSwiper :length=\"props.slides?.length\">\n        <template\n          v-for=\"(slide, index) in props.slides\"\n          :key=\"index\"\n          #[`slide-${index}`]\n        >\n          <ListingProjectBlock :item=\"slide\" />\n        </template>\n      </WidgetSliderSwiper>\n    </div>\n  </aside>\n</template>\n\n<script>\nexport default {\n  name: 'ListingProjectBlock',\n}\n</script>\n\n<script setup>\nconst props = defineProps({\n  slides: Array,\n  label: String,\n  bigTitle: {\n    type: Boolean,\n    default: false,\n  },\n  fromDato: {\n    type: Boolean,\n    default: false,\n  },\n})\n</script>\n\n<style lang=\"scss\">\n@import './style.scss';\n</style>\n"],"names":["__default__","router","useRouter","props","__props","video","ref","play","showCover","watch","_a","_b","playVideo","open","gsap","ScrollTrigger","debug","showDetails","isAnimate","isDescriptionOpen","showDetailsContent","showGridContent","trigger","content","contentGrid","contentDescription","contentDescriptionGrid","contentDescriptionText","contentDescriptionTextContent","tl","duration","ease","onMounted","toggleButtonVisibility","toggleTriggerVisibility","yPercent","toggleDetails","cloneAndPositionItems","nextTick","animateIn","animateOut","scrollTarget","items","descriptionText","setupStickyElements","item","toState","source","destination","reverse","sourceRows","destinationRows","sourceRow","index","itemIndex","target","originalRect","clone","cloneRect","heightWrap","heightContent","_d","_c","openOverlay","close"],"mappings":"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"}