{"version":3,"file":"BjcaF77z.js","sources":["../../../../skeleton/components/card/slide.vue","../../../../skeleton/components/main-slider.vue"],"sourcesContent":["<template>\n  <div class=\"card-slide\" @click=\"clickButton(button?.url)\">\n    <picture v-not-lazy :key=\"backgroundSourceKey\" class=\"card-slide__picture card-slide__picture--back\" data-not-lazy>\n      <source :media=\"'(max-width: 1279px)'\" :data-srcset=\"createSrcSet(props.images?.mobile?.backgroundImage)\" />\n      <source :media=\"'(min-width: 1280px)'\" :data-srcset=\"createSrcSet(props.images?.desktop?.backgroundImage)\" />\n      <atomic-image\n        class=\"card-slide__img card-slide__img--back\"\n        :src=\"backgroundImage\"\n        not-lazy\n        @loadingError=\"errorLoadBackground\"\n      />\n    </picture>\n\n    <picture v-not-lazy :key=\"faceSourceKey\" class=\"card-slide__picture card-slide__picture--front\" data-not-lazy>\n      <source :media=\"'(max-width: 1279px)'\" :data-srcset=\"faceSource.pictureMobile\" />\n      <source :media=\"'(min-width: 1280px)'\" :data-srcset=\"faceSource.pictureDesktop\" />\n      <atomic-image\n        class=\"card-slide__img card-slide__img--front\"\n        :src=\"faceImage\"\n        :default-image=\"faceSource.defaultImg\"\n        not-lazy\n        @loading-error=\"errorLoadFace\"\n      />\n    </picture>\n\n    <div class=\"card-slide__info\">\n      <div v-if=\"title\" class=\"card-slide__title\" v-html=\"marked.parse(title)\" />\n      <div v-if=\"content\" class=\"card-slide__content\">\n        <span v-html=\"marked.parse(content.replace(/\\*/g, '').replace(/;/g, ','))\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { marked } from 'marked';\n\n  import type { ISliderItem } from '~/types';\n\n  import { ModalName } from '@skeleton/consts/modals';\n\n  const props = defineProps<ISliderItem>();\n\n  const faceImage = ref(props.images?.mobile?.faceImage);\n  const backgroundImage = ref(props.images?.mobile?.backgroundImage);\n\n  const { isLoggedIn } = storeToRefs(useProfileStore());\n  const { openModalSync } = useModalStore();\n  const { openWalletModal } = useTransactionStore();\n  const globalStore = useGlobalStore();\n  const { defaultLocale } = storeToRefs(globalStore);\n  const { createSrcSet, localizePath } = useProjectMethods();\n\n  const changeImgUrlToDefaultLocale = (imageUrl: string = '') => {\n    const regex = /\\/img\\/uploads\\/[^/]+\\/([^/]+)$/;\n    const replacement = `/img/uploads/${defaultLocale.value?.code}/$1`;\n    return imageUrl.replace(regex, replacement);\n  };\n\n  const faceSourceKey = ref(0);\n  const backgroundSourceKey = ref(0);\n\n  const faceSource = ref({\n    pictureMobile: createSrcSet(props.images?.mobile?.faceImage),\n    pictureDesktop: createSrcSet(props.images?.desktop?.faceImage),\n    defaultImg: changeImgUrlToDefaultLocale(props.images?.mobile?.faceImage),\n  });\n\n  const backGroundSource = ref({\n    pictureMobile: createSrcSet(props.images?.mobile?.backgroundImage),\n    pictureDesktop: createSrcSet(props.images?.desktop?.backgroundImage),\n    defaultImg: changeImgUrlToDefaultLocale(props.images?.mobile?.backgroundImage),\n  });\n\n  const errorLoadBackground = () => {\n    backGroundSource.value.pictureMobile = createSrcSet(props.images?.mobile?.backgroundImage)\n      .split(',')\n      .map(item => changeImgUrlToDefaultLocale(item))\n      .join(',');\n\n    backGroundSource.value.pictureDesktop = createSrcSet(props.images?.desktop?.backgroundImage)\n      .split(',')\n      .map(item => changeImgUrlToDefaultLocale(item))\n      .join(',');\n\n    if (backgroundSourceKey.value) {\n      backgroundSourceKey.value++;\n    }\n  };\n\n  const errorLoadFace = () => {\n    faceSource.value.pictureMobile = createSrcSet(props.images?.mobile?.faceImage)\n      .split(',')\n      .map(item => changeImgUrlToDefaultLocale(item))\n      .join(',');\n\n    faceSource.value.pictureDesktop = createSrcSet(props.images?.desktop?.faceImage)\n      .split(',')\n      .map(item => changeImgUrlToDefaultLocale(item))\n      .join(',');\n\n    if (!faceSourceKey.value) {\n      faceSourceKey.value++;\n    }\n  };\n\n  const clickButton = (url?: string) => {\n    if (url) {\n      if (props.openInNewTab) return window.open(url, '_blank');\n\n      const router = useRouter();\n      router.push(localizePath(url));\n    } else isLoggedIn.value ? openWalletModal('deposit') : openModalSync(ModalName.SIGN_UP);\n  };\n</script>\n\n<style src=\"~/assets/styles/components/card/slide.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"main-slider\">\n    <div class=\"left-icon\" @click=\"scrollTo(selectedIndex - 1)\">\n      <atomic-icon id=\"back\" />\n    </div>\n    <div class=\"right-icon\" @click=\"scrollTo(selectedIndex + 1)\">\n      <atomic-icon id=\"back\" />\n    </div>\n    <div ref=\"sliderNode\" class=\"main-slider__viewport\">\n      <div class=\"main-slider__container\">\n        <div v-for=\"(slide, index) in slides\" :key=\"slide.title + '-' + index\" class=\"main-slider__slide\">\n          <card-slide v-bind=\"slide\" />\n        </div>\n      </div>\n      <div class=\"main-slider__bullets\">\n        <div\n          v-for=\"index in slides.length\"\n          :key=\"'bullet-' + index\"\n          class=\"main-slider__bullet\"\n          :class=\"{'is-selected': index === selectedIndex+1}\"\n          @click=\"scrollTo(index-1)\"\n        />\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import emblaCarouselVue from 'embla-carousel-vue';\n  import Autoplay from 'embla-carousel-autoplay';\n  import type { ISliderItem } from '~/types';\n\n  defineProps<{\n    slides: ISliderItem[];\n  }>();\n\n  const selectedIndex = ref(0);\n\n  const autoplayOptions = {\n    delay: 4000,\n    stopOnInteraction: true,\n  };\n\n  const [sliderNode, emblaApi] = emblaCarouselVue(\n    {\n      loop: true,\n      align: 'start',\n    },\n    [Autoplay(autoplayOptions)]\n  );\n\n  const scrollTo = (index: number) => {\n    if(!emblaApi.value) return;\n    emblaApi.value?.scrollTo(index);\n  };\n\n  watchEffect(() => {\n    if (emblaApi.value) {\n      emblaApi.value.on('select', (sliderApi) => {\n        selectedIndex.value = sliderApi.selectedScrollSnap();\n      });\n    }\n  });\n</script>\n\n<style src=\"~/assets/styles/components/main-slider.scss\" lang=\"scss\" />\n"],"names":["props","__props","faceImage","ref","_b","_a","backgroundImage","_d","_c","isLoggedIn","storeToRefs","useProfileStore","openModalSync","useModalStore","openWalletModal","useTransactionStore","globalStore","useGlobalStore","defaultLocale","createSrcSet","localizePath","useProjectMethods","changeImgUrlToDefaultLocale","imageUrl","regex","replacement","faceSourceKey","backgroundSourceKey","faceSource","_f","_e","_h","_g","_j","_i","backGroundSource","_l","_k","_n","_m","_p","_o","errorLoadBackground","item","errorLoadFace","clickButton","url","useRouter","ModalName","selectedIndex","autoplayOptions","sliderNode","emblaApi","emblaCarouselVue","Autoplay","scrollTo","index","watchEffect","sliderApi"],"mappings":"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"}