{"version":3,"file":"RenderlessCarousel-YO5jVEgq.js","sources":["../../../app/frontend/components/renderlessComponents/RenderlessCarousel.vue"],"sourcesContent":["<script>\nexport default {\n  name: 'RenderlessCarousel',\n  props: {\n    disableOpacityOnMobile: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data () {\n    return {\n      xPosition: 0,\n    };\n  },\n  computed: {\n    isInitialPosition () {\n      return this.xPosition === 0;\n    },\n    isLastPosition () {\n      return this.xPosition - this.individualElementWidth() <= -this.containerElement?.clientWidth;\n    },\n  },\n  watch: {\n    '$screen.width' () {\n      this.updateIndividualElementsOpacity();\n    },\n  },\n  mounted () {\n    const container = this.$scopedSlots.default()?.find((slot) => slot.data.ref === 'container');\n    this.containerElement = container?.context?.$refs?.container;\n    if (!this.containerElement) console.error('ref=\\'container\\' must be added on the parent HTML element that contains the individual elements of the carousel.');\n\n    this.updateIndividualElementsOpacity();\n  },\n  methods: {\n    handleClickLeft () {\n      this.translateX(this.individualElementWidth());\n      this.updateIndividualElementsOpacity();\n    },\n    handleClickRight () {\n      this.translateX(-this.individualElementWidth());\n      this.updateIndividualElementsOpacity();\n    },\n    translateX (pxAmount) {\n      if (this.isInitialPosition && pxAmount > 0) return;\n      if (this.isLastPosition && pxAmount < 0) return;\n      this.xPosition += pxAmount;\n\n      if (this.containerElement) this.containerElement.style.transform = `translateX(${this.xPosition}px)`;\n    },\n    updateIndividualElementsOpacity () {\n      if (!this.containerElement?.children || !Array.isArray(this.containerElement?.children)) return;\n\n      this.containerElement?.children?.forEach((element) => {\n        if (this.disableOpacityOnMobile && !this.$screen.lg) return element.classList.remove('opacity-25');\n\n        const elementFutureRight = Math.floor(element.getBoundingClientRect().right + this.xPosition);\n        const containerRight = this.containerElement.getBoundingClientRect().right;\n\n        const elementFutureLeft = Math.ceil(element.getBoundingClientRect().left + this.xPosition);\n        const containerLeft = this.containerElement.getBoundingClientRect().left;\n\n        elementFutureRight > containerRight || elementFutureLeft < containerLeft ? element.classList.add('opacity-25') : element.classList.remove('opacity-25');\n      });\n    },\n    individualElementWidth () {\n      return this.containerElement?.children[0]?.clientWidth;\n    },\n  },\n  render (createElement) {\n    return createElement('div', this.$scopedSlots.default({\n      handleClickLeft: this.handleClickLeft,\n      handleClickRight: this.handleClickRight,\n      isInitialPosition: this.isInitialPosition,\n      isLastPosition: this.isLastPosition,\n    }));\n  },\n};\n</script>\n"],"names":["_sfc_main","_a","container","slot","_c","_b","pxAmount","_d","element","elementFutureRight","containerRight","elementFutureLeft","containerLeft","createElement"],"mappings":"yDACA,MAAAA,EAAA,CACA,KAAA,qBACA,MAAA,CACA,uBAAA,CACA,KAAA,QACA,QAAA,EACA,CACA,EACA,MAAA,CACA,MAAA,CACA,UAAA,CACA,CACA,EACA,SAAA,CACA,mBAAA,CACA,OAAA,KAAA,YAAA,CACA,EACA,gBAAA,OACA,OAAA,KAAA,UAAA,KAAA,uBAAA,GAAA,GAAAC,EAAA,KAAA,mBAAA,YAAAA,EAAA,YACA,CACA,EACA,MAAA,CACA,iBAAA,CACA,KAAA,gCAAA,CACA,CACA,EACA,SAAA,WACA,MAAAC,GAAAD,EAAA,KAAA,aAAA,QAAA,IAAA,YAAAA,EAAA,KAAAE,GAAAA,EAAA,KAAA,MAAA,aACA,KAAA,kBAAAC,GAAAC,EAAAH,GAAA,YAAAA,EAAA,UAAA,YAAAG,EAAA,QAAA,YAAAD,EAAA,UACA,KAAA,kBAAA,QAAA,MAAA,iHAAA,EAEA,KAAA,gCAAA,CACA,EACA,QAAA,CACA,iBAAA,CACA,KAAA,WAAA,KAAA,uBAAA,CAAA,EACA,KAAA,gCAAA,CACA,EACA,kBAAA,CACA,KAAA,WAAA,CAAA,KAAA,uBAAA,CAAA,EACA,KAAA,gCAAA,CACA,EACA,WAAAE,EAAA,CACA,KAAA,mBAAAA,EAAA,GACA,KAAA,gBAAAA,EAAA,IACA,KAAA,WAAAA,EAEA,KAAA,mBAAA,KAAA,iBAAA,MAAA,UAAA,cAAA,KAAA,SAAA,OACA,EACA,iCAAA,aACA,GAAAL,EAAA,KAAA,mBAAA,MAAAA,EAAA,WAAA,CAAA,MAAA,SAAAI,EAAA,KAAA,mBAAA,YAAAA,EAAA,QAAA,IAEAE,GAAAH,EAAA,KAAA,mBAAA,YAAAA,EAAA,WAAA,MAAAG,EAAA,QAAAC,GAAA,CACA,GAAA,KAAA,wBAAA,CAAA,KAAA,QAAA,GAAA,OAAAA,EAAA,UAAA,OAAA,YAAA,EAEA,MAAAC,EAAA,KAAA,MAAAD,EAAA,sBAAA,EAAA,MAAA,KAAA,SAAA,EACAE,EAAA,KAAA,iBAAA,sBAAA,EAAA,MAEAC,EAAA,KAAA,KAAAH,EAAA,sBAAA,EAAA,KAAA,KAAA,SAAA,EACAI,EAAA,KAAA,iBAAA,sBAAA,EAAA,KAEAH,EAAAC,GAAAC,EAAAC,EAAAJ,EAAA,UAAA,IAAA,YAAA,EAAAA,EAAA,UAAA,OAAA,YAAA,CACA,EACA,EACA,wBAAA,SACA,OAAAH,GAAAJ,EAAA,KAAA,mBAAA,YAAAA,EAAA,SAAA,KAAA,YAAAI,EAAA,WACA,CACA,EACA,OAAAQ,EAAA,CACA,OAAAA,EAAA,MAAA,KAAA,aAAA,QAAA,CACA,gBAAA,KAAA,gBACA,iBAAA,KAAA,iBACA,kBAAA,KAAA,kBACA,eAAA,KAAA,cACA,CAAA,CAAA,CACA,CACA"}