{"version":3,"file":"UIProductTile-v2.js","sources":["../../../../../design-system/components/UI/UIProductTileImages.vue","../../../../../design-system/components/UI/UIPrice.vue","../../../../../design-system/components/UI/UIProductTile.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ProductTileImagesProps } from './UIProductTileImages.props'\nconst props = withDefaults(defineProps<ProductTileImagesProps>(), {\n  hoverImage: false,\n  fetchPriorityImage: false,\n  disableSwipeMobile: false,\n})\ndefineEmits<{\n  (e: 'prev'): void\n  (e: 'next'): void\n}>()\n\nconst onlyImages = computed(() => {\n  const images: Array<any> = []\n  props.images.forEach(item => {\n    if (item.type === 'TResponsiveImage' && !item.URL?.includes('video')) {\n      images.push(item)\n    }\n  })\n\n  return images\n})\n</script>\n<template>\n  <div class=\"aspect-pdp-image group relative\">\n    <div class=\"relative\">\n      <NuxtPicture\n        v-for=\"(image, index) in onlyImages\"\n        :key=\"image.URL\"\n        provider=\"cloudinary\"\n        :src=\"image.URL\"\n        :alt=\"createSlug(product.name, product.defaultColor, '', product.brand)\"\n        :placeholder=\"[500, 600, 50, 10]\"\n        sizes=\"lg:30vw sm:100vw\"\n        width=\"630\"\n        height=\"800\"\n        quality=\"auto:good\"\n        class=\"block h-auto w-full opacity-0 transition-opacity delay-75 duration-150 ease-in-out\"\n        :class=\"{\n          'opacity-100 !delay-0':\n            activeImage &&\n            activeImage.type === 'TResponsiveImage' &&\n            image.URL === activeImage.URL,\n          'absolute top-0 z-[1]': index > 0,\n          'hidden lg:block': disableSwipeMobile && index > 0,\n        }\"\n        fit=\"fill\"\n        :loading=\"!fetchPriorityImage ? 'lazy' : undefined\"\n        :img-attrs=\"{\n          fetchpriority: fetchPriorityImage ? 'high' : undefined,\n          class: 'h-full w-full object-contain',\n        }\"\n      />\n    </div>\n    <Transition\n      enter-active-class=\"ease-out duration-150\"\n      enter-from-class=\"opacity-0\"\n      enter-to-class=\"opacity-100\"\n      leave-active-class=\"ease-in duration-75\"\n      leave-from-class=\"opacity-100\"\n      leave-to-class=\"opacity-0\"\n    >\n      <video\n        v-if=\"\n          (activeImage && activeImage.type === 'TResponsiveVideo') ||\n          activeImage?.URL?.includes('video')\n        \"\n        :muted=\"true\"\n        :autoplay=\"true\"\n        :loop=\"true\"\n        controlsList=\"nofullscreen nodownload\"\n        webkit-playsinline\n        playsinline\n        :poster=\"\n          activeImage && activeImage.type === 'TResponsiveVideo' && !hoverImage\n            ? posterVideo(activeImage.URL)\n            : undefined\n        \"\n        width=\"630\"\n        height=\"800\"\n        :data-image-index=\"activeImage?.URL\"\n        class=\"absolute inset-0 z-[1] h-full w-full cursor-pointer object-cover\"\n      >\n        <div class=\"absolute inset-0 z-[1]\">\n          {{\n            activeImage && activeImage.type === 'TResponsiveVideo'\n              ? posterVideo(activeImage.URL)\n              : undefined\n          }}\n        </div>\n        <source\n          :src=\"`${optimizeVideo(activeImage?.URL, 'best', undefined, 'webm')}#t=0.001`\"\n          type=\"video/webm\"\n        />\n        <source\n          :src=\"`${optimizeVideo(activeImage?.URL, 'best')}#t=0.001`\"\n          type=\"video/mp4\"\n        />\n      </video>\n    </Transition>\n    <span\n      class=\"absolute left-2 top-1/2 z-[2] hidden p-3 opacity-0 transition-opacity duration-300 lg:inline-block\"\n      :class=\"{\n        'opacity-100':\n          hoverImage && activeImage && activeImage.URL !== images[0].URL,\n      }\"\n      @click.prevent=\"$emit('prev')\"\n    >\n      <DefaultIconsChevronLeft class=\"h-6 w-6\" />\n    </span>\n    <span\n      class=\"absolute right-2 top-1/2 z-[2] hidden p-3 opacity-0 transition-opacity duration-300 lg:inline-block\"\n      :class=\"{\n        'opacity-100':\n          hoverImage &&\n          activeImage &&\n          activeImage.URL !== images[images.length - 1].URL,\n      }\"\n      @click.prevent=\"$emit('next')\"\n    >\n      <DefaultIconsChevronRight class=\"h-6 w-6\" />\n    </span>\n    <div\n      class=\"relative mt-2 block w-full lg:hidden\"\n      :class=\"{\n        '!hidden': disableSwipeMobile,\n      }\"\n    >\n      <div class=\"flex h-full w-full items-center justify-center\">\n        <template v-if=\"images.length > 1\">\n          <span\n            v-for=\"image in images\"\n            :key=\"image.URL\"\n            class=\"md:group-hover:bg-background-primary bg-neutral-black mx-1 h-1 w-1 rounded-full border-solid opacity-10\"\n            :class=\"{\n              '!opacity-100': activeImage?.URL === image.URL,\n            }\"\n          />\n        </template>\n        <span v-else class=\"h-1\" />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { PriceProps } from './UIPrice.props'\n\ndefineProps<PriceProps>()\n\nconst { currentCurrency } = useCurrency()\nconst { formatPriceByLocale } = useFormatPrice()\n</script>\n\n<template>\n  <div\n    v-if=\"discountedPrice && originalPrice !== discountedPrice\"\n    class=\"text-light-6 flex min-h-5 w-full flex-1 flex-wrap justify-center gap-x-2\"\n  >\n    <span\n      class=\"text-primitives-grey-200 lg:group-hover:text-text-tertiary line-through\"\n    >\n      {{ formatPriceByLocale(currentCurrency, originalPrice) }}\n    </span>\n    <span v-if=\"discountedPrice\">{{\n      formatPriceByLocale(currentCurrency, discountedPrice)\n    }}</span>\n    <span v-if=\"discount\" class=\"text-medium-6\">{{ discount }}</span>\n  </div>\n  <div v-else-if=\"originalPrice\" class=\"text-light-6\">\n    {{ formatPriceByLocale(currentCurrency, originalPrice) }}\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Assets, ProductTileProps } from './UIProductTile.props'\nimport type { Brand } from '@design-system/index'\n\nconst props = withDefaults(defineProps<ProductTileProps>(), {\n  onlyImg: false,\n  orderDefault: true,\n  showCtaActions: true,\n  fetchPriorityImage: false,\n  disableSwipeMobile: false,\n  forceWishlistRefresh: true,\n  infoCommerce: false,\n})\n\nconst emit = defineEmits(['open-quick-buy'])\n\nconst { ts } = useI18n()\nconst localePath = useLocalePath()\nconst { isIos } = useDevice()\nconst { currentWebsite, isGiorgioArmaniWebsite } = useWebsite()\nconst { selectedCountry } = useSizeCountry()\nconst { dispatchSelectItemEvent } = useGASelectItem()\nconst { wishlistProductCodes, addOrRemoveItem } = useWishlist()\n\nconst { breakpoint } = useProjectBreakpoint()\nconst isMobile = computed(() => breakpoint.isSmallerOrEqual('lg'))\nconst hoverImage = ref(false)\n\nconst colors = computed(() => props.product.colors)\nconst labels = computed(() => props.product.labels)\nconst inventory = computed(() => props.product.inventory)\nconst isAvailableOnline = computed(() => inventory.value.isAvailableOnline)\nconst isAvailableInStore = computed(() => inventory.value.isAvailableInStore)\nconst isSoldOut = computed(\n  () =>\n    !inventory.value.isAvailableOnline && !inventory.value.isAvailableInStore\n)\n\nconst { isShoppable } = await useIsShoppable()\n\n//work around per centrare le label con l'overflow\nconst labelsDivRef = ref<HTMLElement | null>(null)\nconst { x: scrollX } = useScroll(labelsDivRef)\nconst { width } = useElementBounding(labelsDivRef)\n\nconst labelsOverflow = computed(() => {\n  return labelsDivRef.value?.scrollWidth || 0\n})\n\nconst addedToWishlist = ref()\n\nwatch(wishlistProductCodes, () => {\n  addedToWishlist.value = wishlistProductCodes.value[props.product.sku]\n})\n\nonMounted(() => {\n  scrollX.value = (labelsOverflow.value - width.value) / 2\n  addedToWishlist.value = wishlistProductCodes.value[props.product.sku]\n})\n\n// TODO: navigation on desktop and pagination in mobile\n\nconst filteredLabels = computed(() =>\n  labels.value ? labels.value.slice(0, 3) : []\n)\n\nconst showLabels = computed(\n  () => props.product?.showLabels ?? !isGiorgioArmaniWebsite.value\n)\n\n// to remove the 3d model and following jpg from the images\n// Skip the image if it's a .glb file or if the previous image was a .glb file\nconst sortedImages = computed(() => {\n  const images = [...props.product.images]\n  // First, sort the images by priority\n  if (props.orderDefault) {\n    images.sort(({ priority: a }, { priority: b }) => a! - b!)\n  }\n  // Then, filter out the .glb files and the images following them\n  return images.filter((image, index) => {\n    return !(\n      image.URL.includes('.glb') ||\n      (index > 0 && images[index - 1].URL.includes('.glb'))\n    )\n  })\n})\n\nconst activeImage: Ref<Assets | undefined> = ref()\nactiveImage.value = sortedImages.value[0]\nwatch(\n  () => props.product.sku,\n  () => {\n    activeImage.value = sortedImages.value[0]\n  }\n)\n\nconst _dispatchSelectItem = () => {\n  dispatchSelectItemEvent({\n    sku: props.product.sku,\n    name: props.product.name,\n    brand: props.product.brand,\n    color: props.product.defaultColor,\n    price: Number(props.product.price.originalPrice),\n    available: props.product.inventory.isAvailableInStore,\n    img: getHighestPriorityImage(props.product.images)?.URL ?? '',\n    discount: props.product.price.discountedPrice\n      ? props.product.price.originalPrice! - props.product.price.discountedPrice\n      : 0,\n  })\n}\n\nconst enter = () => {\n  if (isMobile.value) return\n  hoverImage.value = true\n  if (sortedImages.value.length > 1) activeImage.value = sortedImages.value[1]\n}\n\nconst leave = () => {\n  if (isMobile.value) return\n  hoverImage.value = false\n  activeImage.value = sortedImages.value[0]\n}\n\nconst prev = () => {\n  const getActiveIndex = sortedImages.value.findIndex(\n    image => image.URL === activeImage.value?.URL\n  )\n  activeImage.value =\n    getActiveIndex > 0\n      ? sortedImages.value[getActiveIndex - 1]\n      : sortedImages.value[0]\n}\n\nconst next = () => {\n  const getActiveIndex = sortedImages.value.findIndex(\n    image => image.URL === activeImage.value?.URL\n  )\n  activeImage.value =\n    getActiveIndex < sortedImages.value.length - 1\n      ? sortedImages.value[getActiveIndex + 1]\n      : sortedImages.value[sortedImages.value.length - 1]\n}\n\nconst swipeElement = ref(null)\n\nconst { isSwiping, direction } = useSwipe(swipeElement)\n\nwatch(isSwiping, () => {\n  if (isSwiping.value && !props.disableSwipeMobile) {\n    direction.value === 'left' ? next() : prev()\n  }\n})\n\nconst updateWishlist = () => {\n  const size = props.product.wishlistSizeValue\n  addOrRemoveItem({\n    item: {\n      productCode: props.product.sku,\n      title: props.product.name,\n      path: props.product.linkToProduct,\n      selectedColor: props.product.defaultColor,\n      selectedSize: size,\n      selectedCountry: selectedCountry.value,\n      selectedImage: getHighestPriorityImage(props.product.images).URL ?? '',\n      productBrand: props.product.brand as Brand,\n      price: props.product.price.originalPrice,\n      categories: props.product.categories,\n      isDiscounted: !!props.product.price.discountedPrice,\n      isAvailable: !isSoldOut.value,\n      lastInStock: props.product.lastInStock,\n      MFC: props.product.MFC ?? '',\n      ...(size ? { productSku: props.product.defaultSku } : {}),\n    },\n    view: 'product_listing_page',\n    forceRefresh: props.forceWishlistRefresh,\n  })\n}\n</script>\n\n<template>\n  <div class=\"h-full\">\n    <div\n      v-if=\"!onlyImg\"\n      class=\"outline-stroke-cards-hover bg-primitives-off-white md:hover:bg-background-plp group relative box-border flex h-full flex-col\"\n    >\n      <div\n        class=\"md:group-hover:border-stroke-card-hover relative flex-auto md:group-hover:border-solid\"\n      >\n        <span\n          v-if=\"product.isAvailable3d\"\n          :aria-label=\"$ts('aria-labels.3dImage')\"\n          class=\"text-text-primary absolute left-4 top-4 z-10 py-[3px] lg:left-6 lg:top-6\"\n        >\n          <DefaultIcons3DNew class=\"h-6 w-6\" :aria-hidden=\"true\" />\n        </span>\n        <NuxtLink\n          ref=\"swipeElement\"\n          :to=\"localePath(product.linkToProduct)\"\n          :aria-label=\"`${$ts('accessibility.goTo')} ${product.name} ${$ts('accessibility.pdp')}`\"\n          class=\"relative h-full w-full cursor-pointer\"\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          @click=\"_dispatchSelectItem\"\n          @mouseenter=\"enter\"\n          @mouseleave=\"leave\"\n        >\n          <UIProductTileImages\n            :active-image=\"activeImage\"\n            :images=\"sortedImages\"\n            :product=\"product\"\n            :hover-image=\"hoverImage\"\n            :fetch-priority-image=\"fetchPriorityImage\"\n            :disable-swipe-mobile=\"disableSwipeMobile\"\n            @prev=\"prev\"\n            @next=\"next\"\n          />\n        </NuxtLink>\n\n        <!-- this wasn't reactive, quick fix that works -->\n        <UIWishlistButton\n          v-if=\"addedToWishlist && isShoppable\"\n          class=\"absolute right-4 top-4 z-10 lg:right-6 lg:top-6\"\n          :added-to-wishlist=\"true\"\n          :sku=\"product.sku\"\n          @on-click=\"updateWishlist\"\n        />\n        <UIWishlistButton\n          v-if=\"!addedToWishlist && isShoppable\"\n          class=\"absolute right-4 top-4 z-10 lg:right-6 lg:top-6\"\n          :added-to-wishlist=\"false\"\n          :sku=\"product.sku\"\n          @on-click=\"updateWishlist\"\n        />\n      </div>\n      <div class=\"relative z-10 flex flex-1 flex-col\">\n        <div\n          class=\"relative flex justify-center overflow-x-hidden\"\n          v-if=\"isShoppable\"\n        >\n          <div\n            v-if=\"showLabels\"\n            ref=\"labelsDivRef\"\n            class=\"scrollbar-hide mt-5 flex min-h-5 items-end gap-x-2 overflow-x-scroll px-6\"\n          >\n            <span\n              v-for=\"label in filteredLabels\"\n              :key=\"label\"\n              class=\"text-book-8 bg-primitives-grey-100 text-nowrap px-2 py-[3px]\"\n            >\n              {{ label }}\n            </span>\n          </div>\n        </div>\n        <div\n          class=\"md:group-hover:text-text-primary flex w-full flex-1 flex-col gap-4 justify-self-end px-6 pb-6 pt-4\"\n          :class=\"{ 'pt-4': showLabels }\"\n        >\n          <div class=\"flex min-h-full flex-col gap-2 text-center\">\n            <NuxtLink\n              v-if=\"product.name\"\n              :to=\"localePath(product.linkToProduct)\"\n              class=\"text-book-6 block h-5 overflow-hidden text-ellipsis text-nowrap uppercase after:absolute after:inset-0 after:content-['']\"\n              data-testid=\"link-to-product\"\n              :aria-label=\"`${$ts('accessibility.goTo')} ${product.name} ${$ts('accessibility.pdp')}`\"\n            >\n              {{ product.name }}\n            </NuxtLink>\n            <UIPrice\n              v-if=\"product.price && isShoppable && !product.infoCommerce\"\n              v-bind=\"product.price\"\n            />\n            <span\n              v-if=\"colors && !product.infoCommerce\"\n              class=\"text-light-6 h-5\"\n            >\n              {{ $tc('plp.colorSelect.color', colors) }}\n            </span>\n            <div\n              v-if=\"isShoppable && !product.infoCommerce\"\n              :class=\"[\n                'self-center',\n                {\n                  'hidden md:block': isAvailableOnline,\n                  '!hidden':\n                    (isAvailableOnline || isAvailableInStore) &&\n                    !showCtaActions,\n                },\n              ]\"\n            >\n              <AtomsCta\n                anatomy=\"link\"\n                :disabled=\"!isAvailableOnline\"\n                :link-underline=\"isAvailableOnline\"\n                :class=\"[\n                  'relative',\n                  {\n                    '!opacity-100': !isAvailableOnline,\n                  },\n                ]\"\n                aria-haspopup=\"dialog\"\n                @click-handler=\"isAvailableOnline && emit('open-quick-buy')\"\n              >\n                <template #label>\n                  <template v-if=\"isAvailableOnline\">\n                    {{ ts('addToCart') }}\n                  </template>\n                  <template v-else-if=\"isAvailableInStore\">\n                    {{ ts('productCard.findInStore') }}\n                  </template>\n                  <template v-else-if=\"isSoldOut\">\n                    {{ ts('productCard.soldOut') }}\n                  </template>\n                </template>\n              </AtomsCta>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div\n      v-else\n      class=\"outline-stroke-cards-hover bg-neutral-white group relative h-full w-full\"\n    >\n      <NuxtLink\n        :aria-label=\"`${$ts('accessibility.goTo')} ${product.name} ${$ts('accessibility.pdp')}`\"\n        :to=\"localePath(product.linkToProduct)\"\n      >\n        <NuxtPicture\n          v-if=\"product.images[0].type === 'TResponsiveImage'\"\n          provider=\"cloudinary\"\n          :src=\"product.images[0].URL\"\n          :placeholder=\"[68, 85]\"\n          loading=\"lazy\"\n          :alt=\"\n            createSlug(product.name, product.defaultColor, '0', product.brand)\n          \"\n          class=\"aspect-pdp-image h-auto w-full object-contain\"\n          :modifiers=\"{ aspectRatio: '4:5' }\"\n          fit=\"fill\"\n          sizes=\"lg:33vw sm:100vw\"\n          quality=\"auto\"\n        />\n        <video\n          v-else\n          :title=\"product.name\"\n          :muted=\"true\"\n          :autoplay=\"true\"\n          :loop=\"true\"\n          controlsList=\"nofullscreen nodownload\"\n          webkit-playsinline\n          playsinline\n          height=\"850\"\n          width=\"680\"\n          :data-image-index=\"0\"\n          class=\"aspect-pdp-image h-auto w-full object-cover\"\n        >\n          <source\n            v-if=\"!isIos\"\n            :src=\"\n              optimizeVideo(product.images[0].URL, 'best', undefined, 'webm')\n            \"\n            type=\"video/webm\"\n          />\n          <source\n            :src=\"optimizeVideo(product.images[0].URL, 'best')\"\n            type=\"video/mp4\"\n          />\n        </video>\n      </NuxtLink>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.outline-stroke-cards-hover {\n  outline: 1px solid var(--colorStrokeCardDefault);\n}\n\n.outline-stroke-cards-hover:hover {\n  outline: 1px solid var(--colorStrokeCardHover);\n  z-index: 1;\n}\n</style>\n"],"names":["__emit","__temp","__restore","props","__props","emit","ts","useI18n","localePath","useLocalePath","isIos","useDevice","isGiorgioArmaniWebsite","useWebsite","selectedCountry","useSizeCountry","dispatchSelectItemEvent","useGASelectItem","wishlistProductCodes","addOrRemoveItem","useWishlist","breakpoint","useProjectBreakpoint","isMobile","computed","hoverImage","colors","labels","inventory","isAvailableOnline","isAvailableInStore","isSoldOut","isShoppable","_withAsyncContext","useIsShoppable","labelsDivRef","ref","scrollX","useScroll","width","useElementBounding","labelsOverflow","addedToWishlist","watch","onMounted","filteredLabels","showLabels","sortedImages","images","a","b","image","index","activeImage","_dispatchSelectItem","_a","getHighestPriorityImage","enter"],"mappings":"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"}