{"version":3,"file":"EditorialFashionShow-v2.js","sources":["../../../../../design-system/components/Editorial/FashionShow/EditorialFashionShowSlider.vue","../../../../../design-system/components/Editorial/FashionShow/EditorialFashionShowGrid.vue","../../../../../design-system/components/Editorial/FashionShow/EditorialFashionShowModal.vue","../../../../../design-system/components/Editorial/FashionShow/EditorialFashionShow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EditorialFashionShowSliderProps } from './EditorialFashionShowSlider.props'\nimport type { EmblaOptionsType, EmblaCarouselType } from 'embla-carousel'\nconst { ts } = useI18n()\n\ndefineProps<EditorialFashionShowSliderProps>()\n\nconst emit = defineEmits<{\n  'clicked-media': [index: number]\n}>()\n\nconst options: EmblaOptionsType = {\n  loop: true,\n  skipSnaps: true,\n}\nconst emblaApi = ref<EmblaCarouselType | null>(null)\nconst canScrollPrev = ref(false)\nconst canScrollNext = ref(false)\n\nconst onInit = (embla: Ref<EmblaCarouselType | undefined>) => {\n  if (embla.value) {\n    emblaApi.value = embla.value\n    updateButtonStates()\n  }\n}\n\nconst updateButtonStates = () => {\n  if (!emblaApi.value) return\n\n  canScrollPrev.value = emblaApi.value.canScrollPrev()\n  canScrollNext.value = emblaApi.value.canScrollNext()\n}\n\nconst scrollPrev = () => {\n  if (!emblaApi.value) return\n  emblaApi.value.scrollPrev()\n  updateButtonStates()\n}\n\nconst scrollNext = () => {\n  if (!emblaApi.value) return\n  emblaApi.value.scrollNext()\n  updateButtonStates()\n}\n\nconst activeNavigationSide = ref<null | 'left' | 'right'>(null)\n\nconst detectHoverSide = (e: MouseEvent) => {\n  activeNavigationSide.value =\n    e.pageX < window.innerWidth / 2 ? 'left' : 'right'\n}\nconst isHovering = ref(false)\n\nwatchEffect(() => {\n  if (!emblaApi.value) return\n\n  emblaApi.value.on('select', updateButtonStates)\n})\n\nonBeforeUnmount(() => {\n  if (!emblaApi.value) return\n\n  emblaApi.value.off('select', updateButtonStates)\n})\n</script>\n\n<template>\n  <div\n    class=\"slider-container editorial-fashion-show-slider relative\"\n    @mousemove=\"(e: any) => detectHoverSide(e as MouseEvent)\"\n    @mouseleave=\"activeNavigationSide = null\"\n  >\n    <!-- Navigation back -->\n    <div\n      class=\"bg-background-secondary absolute bottom-0 left-0 top-0 z-50 hidden w-8 opacity-0 transition-opacity duration-500 lg:block lg:w-10 xl:w-16\"\n      :class=\"activeNavigationSide === 'left' && 'opacity-100'\"\n      :aria-label=\"$ts('aria-labels.prevSlide')\"\n      @click=\"scrollPrev\"\n    >\n      <div class=\"arrow arrow--left\"></div>\n    </div>\n\n    <!-- Swiper component -->\n    <UISliderBase :options=\"options\" @init=\"onInit\">\n      <div\n        v-for=\"(content, contentIndex) in cards\"\n        :key=\"`media-${contentIndex}`\"\n        class=\"swiper-slide swiper-slide-dimension flex w-2/3 shrink-0 flex-col gap-6 md:w-2/5 lg:gap-8\"\n      >\n        <button\n          aria-haspopup=\"dialog\"\n          :aria-label=\"ts('aria-labels.fashionShow')\"\n          class=\"custom-zoom-cursor-add\"\n          @click=\"emit('clicked-media', contentIndex)\"\n        >\n          <UIMedia\n            v-bind=\"content.media\"\n            :aspect-ratio=\"content.aspectRatio ?? '4/5'\"\n            class=\"object-cover\"\n          />\n        </button>\n\n        <div v-if=\"content.link && content.link[0]\" class=\"flex\">\n          <UILink\n            v-bind=\"content.link[0]\"\n            class=\"text-text-primary !text-book-5\"\n            underline-effect=\"appear\"\n          />\n        </div>\n        <div v-else class=\"flex\">\n          <span class=\"text-text-primary text-book-5\">\n            {{ String(contentIndex + 1).padStart(2, '0') }}\n          </span>\n        </div>\n      </div>\n    </UISliderBase>\n\n    <!-- Navigation next -->\n    <button\n      class=\"bg-background-secondary absolute bottom-0 right-0 top-0 z-50 hidden w-8 opacity-0 transition-opacity duration-500 lg:block lg:w-10 xl:w-16\"\n      :class=\"activeNavigationSide === 'right' && 'opacity-100'\"\n      :aria-label=\"$ts('aria-labels.nextSlide')\"\n      @click=\"scrollNext\"\n    >\n      <div class=\"arrow arrow--right\"></div>\n    </button>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.swiper-button-next-unique::after,\n.swiper-button-prev-unique::after,\n.swiper-button-next-unique,\n.swiper-button-prev-unique {\n  --swiper-navigation-size: 14px;\n  --swiper-navigation-sides-offset: 30px;\n  --swiper-navigation-top-offset: 45%;\n  @apply text-text-primary;\n}\n\n.arrow {\n  width: 10px;\n  height: 10px;\n  border-top: 1px solid var(--colorTextPrimary);\n  border-right: 1px solid var(--colorTextPrimary);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-135deg);\n\n  &--right {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n}\n\n.swiper-slide-dimension {\n  @screen md {\n    width: 40%;\n  }\n\n  @screen lg {\n    width: 31%;\n  }\n}\n\n.custom-zoom-cursor-add {\n  cursor:\n    url('@design-system/icons/AddWBkg.svg') 24 24,\n    auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { EditorialFashionShowGridProps } from './EditorialFashionShowGrid.props'\nconst props = defineProps<EditorialFashionShowGridProps>()\n\nconst { ts } = useI18n()\n\nconst emit = defineEmits<{\n  'clicked-media': [index: number]\n}>()\n\nconst { isEmporioArmaniWebsite, isEa7Website } = useWebsite()\n\nconst { breakpoint } = useProjectBreakpoint()\nconst isMobile = breakpoint.smaller('md')\nconst isTablet = breakpoint.between('md', 'lg')\nconst isDesktop = breakpoint.greater('lg')\n\nconst paginationContainer = ref<HTMLElement>()\n\nconst currentPage = ref<number>(1)\nconst showAll = ref<boolean>(false)\n\n// Number of cards displayed per page on each device type\nconst cardsPerPage = {\n  mobile: 6,\n  tablet: 10,\n  desktop: 12,\n}\n\n// Loads the next set of cards when \"Show More\" is clicked\nconst handleShowMoreClick = () => {\n  currentPage.value += 1\n}\n\n// Resets to the first page and scrolls up when \"Show Less\" is clicked\nconst handleShowLessClick = () => {\n  showAll.value = false\n  currentPage.value = 1\n  nextTick(() => {\n    paginationContainer.value?.scrollIntoView({ block: 'end' })\n  })\n}\n\n// Shows all cards when \"Show All\" is clicked\nconst handleShowAllClick = () => {\n  showAll.value = true\n}\n\n// Determine the device type based on screen size\nconst deviceType = computed(() => {\n  if (isMobile.value) return 'mobile'\n  if (isTablet.value) return 'tablet'\n  if (isDesktop.value) return 'desktop'\n})\n\n// Check if the current page is the last page\nconst isLastPage = computed(() => {\n  if (!deviceType.value) return false\n\n  return (\n    showAll.value ||\n    currentPage.value * cardsPerPage[deviceType.value] >= props.cards.length\n  )\n})\n\n// Determines classes for each card based on pagination and device type\nconst getCardClasses = (contentIndex: number) => {\n  if (showAll.value) return\n\n  return {\n    'hidden md:block':\n      contentIndex >= cardsPerPage.mobile * currentPage.value &&\n      contentIndex < cardsPerPage.tablet * currentPage.value,\n    'hidden lg:block':\n      contentIndex >= cardsPerPage.tablet * currentPage.value &&\n      contentIndex < cardsPerPage.desktop * currentPage.value,\n    hidden: contentIndex >= cardsPerPage.desktop * currentPage.value,\n  }\n}\n\n// Computes the label for \"Show More\" button with cards count by device type\nconst showMoreLabel = computed(() => {\n  const cardsShown = {\n    mobile: cardsPerPage.mobile * currentPage.value,\n    tablet: cardsPerPage.tablet * currentPage.value,\n    desktop: cardsPerPage.desktop * currentPage.value,\n  }\n\n  return {\n    mobile: `${ts('plp.showMore')} (${cardsShown.mobile}/${props.cards.length})`,\n    tablet: `${ts('plp.showMore')} (${cardsShown.tablet}/${props.cards.length})`,\n    desktop: `${ts('plp.showMore')} (${cardsShown.desktop}/${props.cards.length})`,\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"editorial-fashion-show-grid grid grid-cols-3 md:grid-cols-5 lg:grid-cols-6\"\n  >\n    <button\n      v-for=\"(content, contentIndex) in cards\"\n      :key=\"`media-${contentIndex}`\"\n      class=\"custom-zoom-cursor-add\"\n      :class=\"getCardClasses(contentIndex)\"\n      aria-haspopup=\"dialog\"\n      :aria-label=\"ts('aria-labels.fashionShow')\"\n      @click=\"emit('clicked-media', contentIndex)\"\n    >\n      <UIMedia\n        v-bind=\"content.media\"\n        :aspect-ratio=\"content.aspectRatio ?? '4/5'\"\n        class=\"object-cover\"\n      />\n    </button>\n  </div>\n  <div\n    ref=\"paginationContainer\"\n    class=\"grid justify-items-center gap-6 pt-10 lg:pt-12\"\n  >\n    <template v-if=\"!isLastPage\">\n      <AtomsCta\n        class=\"bg-background-primary text-text-secondary\"\n        :class=\"{\n          'hover:!bg-primitives-grey-100':\n            isEmporioArmaniWebsite || isEa7Website,\n        }\"\n        :icon-show-default=\"false\"\n        @click=\"handleShowMoreClick\"\n      >\n        <template #label>\n          <span class=\"md:hidden\">{{ showMoreLabel.mobile }}</span>\n          <span class=\"hidden md:block lg:hidden\">\n            {{ showMoreLabel.tablet }}\n          </span>\n          <span class=\"hidden lg:block\">{{ showMoreLabel.desktop }}</span>\n        </template>\n      </AtomsCta>\n      <AtomsCta\n        anatomy=\"link\"\n        :icon-show-default=\"false\"\n        @click=\"handleShowAllClick\"\n      >\n        <template #label>{{ $ts('plp.showAll') }}</template>\n      </AtomsCta>\n    </template>\n    <AtomsCta\n      v-else\n      anatomy=\"link\"\n      :icon-show-default=\"false\"\n      @click=\"handleShowLessClick\"\n    >\n      <template #label>{{ $ts('plp.showLess') }}</template>\n    </AtomsCta>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.custom-zoom-cursor-add {\n  cursor:\n    url('@design-system/icons/AddWBkg.svg') 24 24,\n    auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { EditorialFashionShowModalProps } from './EditorialFashionShowModal.props'\nimport type { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nconst props = defineProps<EditorialFashionShowModalProps>()\n\nconst options: EmblaOptionsType = {\n  slidesToScroll: 1,\n  startIndex: props.selectedMediaIndex,\n  align: 'center',\n  loop: false,\n}\n\nconst emblaApi = ref<any>(null)\nconst canScrollPrev = ref(false)\nconst canScrollNext = ref(false)\n\nconst onInit = (embla: Ref<EmblaCarouselType | undefined>) => {\n  if (embla.value) {\n    emblaApi.value = embla.value\n    updateButtonStates()\n\n    emblaApi.value.on('select', () => {\n      updateButtonStates()\n    })\n  }\n}\n\nconst scrollPrev = () => {\n  if (emblaApi.value) {\n    emblaApi.value.scrollPrev()\n    updateButtonStates()\n  }\n}\n\nconst scrollNext = () => {\n  console.log('scrollNext clicked', emblaApi.value)\n  if (emblaApi.value) {\n    emblaApi.value.scrollNext()\n    updateButtonStates()\n  }\n}\n\nconst updateButtonStates = () => {\n  if (!emblaApi.value) return\n\n  if (!options.loop) {\n    canScrollPrev.value = emblaApi.value.canScrollPrev()\n    canScrollNext.value = emblaApi.value.canScrollNext()\n  } else {\n    canScrollPrev.value = true\n    canScrollNext.value = true\n  }\n}\n\n// Clean up event listener when component is unmounted\nonBeforeUnmount(() => {\n  if (emblaApi.value) {\n    emblaApi.value.off('select', updateButtonStates)\n  }\n})\n</script>\n\n<template>\n  <OrganismsModal id=\"galleryFashionShow\" :is-editorial-look-grid=\"true\">\n    <template #body>\n      <div class=\"relative h-full w-full\">\n        <button\n          type=\"button\"\n          class=\"carousel-button carousel-button-prev hidden md:block\"\n          :disabled=\"!canScrollPrev\"\n          aria-label=\"Previous slide\"\n          @click.stop=\"scrollPrev\"\n        >\n          <div class=\"arrow arrow--left\"></div>\n        </button>\n\n        <UISliderBase :options=\"options\" @init=\"onInit\">\n          <div\n            v-for=\"(content, index) in cards\"\n            :key=\"`${'slide'}-${index}`\"\n            class=\"editorial-fashion-show-modal embla__slide\"\n          >\n            <div class=\"flex h-[100dvh] flex-col justify-center gap-6\">\n              <div\n                class=\"bg-background-secondary inline-flex h-[100dvh] flex-col items-center overflow-hidden\"\n              >\n                <UIZoomableImage\n                  v-if=\"content.media.media.type === 'image'\"\n                  :src=\"content.media.media.srcImage.secure_url!\"\n                  :alt=\"content.media.media.alt ?? ''\"\n                  :reset-zoom=\"0\"\n                  :is-gallery-slide-show=\"true\"\n                  class=\"positive-padding\"\n                />\n\n                <UIFullScreenVideo\n                  v-else-if=\"content.media.media.type === 'video'\"\n                  :src=\"content.media.media.srcVideo.secure_url\"\n                />\n                <div\n                  class=\"text-text-primary text-book-5 flex w-1/3 content-end justify-end px-2 py-8 text-end\"\n                >\n                  <UILink\n                    v-if=\"content.link && content.link[0]\"\n                    v-bind=\"content.link[0]\"\n                  />\n                  <span v-else>\n                    {{ `${index + 1}/${cards.length}` }}\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </UISliderBase>\n\n        <button\n          type=\"button\"\n          class=\"carousel-button carousel-button-next hidden md:block\"\n          :disabled=\"!canScrollNext\"\n          aria-label=\"Next slide\"\n          @click.stop=\"scrollNext\"\n        >\n          <div class=\"arrow arrow--right\"></div>\n        </button>\n      </div>\n    </template>\n  </OrganismsModal>\n</template>\n\n<style lang=\"scss\">\n.carousel-button {\n  @apply absolute top-1/2 z-50 -translate-y-1/2;\n  @apply text-text-primary transition-opacity duration-300;\n  @apply hover:opacity-80 disabled:opacity-30;\n  @apply h-12 w-12 cursor-pointer;\n  background: transparent;\n  border: none;\n  pointer-events: auto;\n\n  &.carousel-button-prev {\n    @apply left-8;\n  }\n\n  &.carousel-button-next {\n    @apply right-8;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:not(:disabled):hover {\n    @apply opacity-80;\n  }\n}\n\n.arrow {\n  width: 12px;\n  height: 12px;\n  border-top: 2px solid currentColor;\n  border-right: 2px solid currentColor;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-135deg);\n  pointer-events: none;\n\n  &--right {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n}\n\n.custom-zoom-cursor-add {\n  cursor:\n    url('@design-system/icons/AddWBkg.svg') 24 24,\n    auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { EditorialFashionShowProps } from './EditorialFashionShow.props'\nconst props = defineProps<EditorialFashionShowProps>()\n\nconst { ts } = useI18n()\n\nconst { openDialog } = useDialog('galleryFashionShow')\n\nconst selectedView = ref(props.defaultView ?? 'carousel')\nconst selectedMediaIndex = ref(0)\n\nconst changeSelectedView = (type: 'carousel' | 'grid') => {\n  selectedView.value = type\n}\n\nconst handleClickOnMedia = (index: number) => {\n  selectedMediaIndex.value = index\n  openDialog()\n}\n</script>\n\n<template>\n  <div\n    class=\"editorial-fashion-show text-text-primary bg-background-secondary relative flex flex-col py-2 md:py-6 lg:py-16\"\n  >\n    <div class=\"flex flex-col gap-6 py-6 md:gap-8 md:py-8 lg:gap-10 lg:py-10\">\n      <div class=\"relative text-center\">\n        <UtilsMarkdown\n          v-if=\"title\"\n          :content=\"title\"\n          is-preprocessed\n          container=\"span\"\n          class=\"!text-book-4 !lg:text-book-3 text-text-primary\"\n        />\n      </div>\n      <div v-if=\"showChangeView\" class=\"flex justify-center gap-8\">\n        <button :aria-label=\"ts('aria-labels.gridThree')\">\n          <DefaultIconsGridThree\n            class=\"h-5 w-5\"\n            :class=\"\n              selectedView === 'carousel' ? 'viewSelected' : 'viewUnselected'\n            \"\n            aria-hidden=\"true\"\n            @click=\"changeSelectedView('carousel')\"\n          />\n        </button>\n        <button :aria-label=\"ts('aria-labels.gridWall')\">\n          <DefaultIconsGridWall\n            class=\"h-5 w-5\"\n            :class=\"selectedView === 'grid' ? 'viewSelected' : 'viewUnselected'\"\n            aria-hidden=\"true\"\n            @click=\"changeSelectedView('grid')\"\n          />\n        </button>\n      </div>\n    </div>\n\n    <div v-if=\"selectedView === 'carousel'\">\n      <EditorialFashionShowSlider\n        :cards=\"cards\"\n        @clicked-media=\"handleClickOnMedia\"\n      />\n    </div>\n    <div v-else>\n      <EditorialFashionShowGrid\n        :cards=\"cards\"\n        @clicked-media=\"handleClickOnMedia\"\n      />\n    </div>\n  </div>\n  <EditorialFashionShowModal\n    :selected-media-index=\"selectedMediaIndex\"\n    :cards=\"cards\"\n  />\n</template>\n\n<style scoped lang=\"scss\">\n.viewSelected {\n  @apply text-text-primary;\n}\n\n.viewUnselected {\n  @apply text-text-inactive;\n}\n</style>\n"],"names":["__props","__emit","ts","useI18n","emit","options","emblaApi","ref","canScrollPrev","canScrollNext","onInit","embla","updateButtonStates","scrollPrev","scrollNext","activeNavigationSide","detectHoverSide","e","watchEffect","_sfc_main$2","_defineComponent","props","isEmporioArmaniWebsite","isEa7Website","useWebsite","breakpoint","useProjectBreakpoint","isMobile","isTablet","isDesktop","paginationContainer","currentPage","showAll","cardsPerPage","handleShowMoreClick","handleShowLessClick","nextTick","_a","handleShowAllClick","deviceType","computed","isLastPage","getCardClasses","contentIndex","_hoisted_7","_sfc_main"],"mappings":"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"}