{"version":3,"file":"component.scroll-to-top-button.min.js?v=1743508563314","mappings":"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","sources":["webpack:///./components/async/scroll-to-top-button/scroll-to-top-button.vue","webpack:///./icons/directional-navigation/chevron/up.svg","webpack:///./icons/directional-navigation/chevron/up.svg?98a0","webpack:///./components/async/scroll-to-top-button/scroll-to-top-button.vue?dd48"],"sourcesContent":["<template>\n  <div\n    v-show=\"showScrollButton\"\n    class=\"scroll-to-top-button critical-component-clear\"\n  >\n    <btn\n      class=\"scroll-to-top-button__button\"\n      show-icon\n      type=\"button\"\n      size=\"medium\"\n      url=\"#main-content\"\n      modifiers=\"secondary\"\n      label=\"Scroll to top\"\n      @click=\"scrollToTop\"\n    >\n      <template #icon>\n        <icon-chevron-up />\n      </template>\n    </btn>\n  </div>\n</template>\n\n<script>\nimport Btn from '~global/btn/btn.vue';\nimport IconChevronUp from '~icons/directional-navigation/chevron/up.svg';\n\nimport { mapState } from 'pinia';\nimport useIndexStore from '~stores/index';\n\n/**\n * Vue: Scroll to top button (scroll-to-top-button)\n * -----------------------------------------------------------------------------\n * A arrow up button is shown, if a certain element or px bypassed and scrolls\n * the user to the top of the page on click.\n * - Component settings: snippet / dynamic / async / scroll\n *\n */\nexport default {\n  name: 'ScrollToTopButton',\n  components: { Btn, IconChevronUp },\n\n  props: {\n    // Threshold for the scroll position to show the button on mobile\n    mobileThreshold: {\n      type: Number,\n      default: 768,\n    },\n    // Threshold for the scroll position to show the button on desktop\n    desktopThreshold: {\n      type: Number,\n      default: 1024,\n    },\n  },\n\n  data() {\n    return {\n      // Controls the visibility of the button\n      showScrollButton: false,\n      // Change this value to the pixel threshold\n      scrollThreshold: 300,\n      // To track if the intersection element is visible\n      isIntersecting: false,\n      // Previous scroll position to determine scroll direction\n      lastScrollY: 0,\n      // Animation frame reference\n      scrollAnimation: null,\n      // Start time of animation\n      animationStartTime: null,\n      // Duration of animation in milliseconds\n      animationDuration: 400,\n      // Initial scroll position when animation starts\n      initialScrollPosition: null,\n      // check if add to cart is sticky\n      isAddToCartSticky: false,\n    };\n  },\n\n  computed: {\n    /**\n     * Map Pinia state.\n     */\n    ...mapState(useIndexStore, {\n      isMobile: (store) => store.screen.mobile,\n    }),\n  },\n\n  watch: {\n    isIntersecting() {\n      const scrollingDown = window.scrollY > this.lastScrollY;\n      this.updateButtonVisibility(scrollingDown);\n    },\n  },\n\n  mounted() {\n    // Add scroll event listener when component is mounted\n    window.addEventListener('scroll', this.checkScrollDirection);\n\n    // Listen for the event bus event\n    cnvs.EventBus.listen('updateSticky', this.handleStickyUpdate);\n\n    this.scrollThreshold = this.isMobile\n      ? this.mobileThreshold\n      : this.desktopThreshold;\n  },\n\n  beforeUnmount() {\n    // Remove scroll event listener before component is unmounted\n    window.removeEventListener('scroll', this.checkScrollDirection);\n\n    // Remove event bus listener\n    cnvs.EventBus.remove('updateSticky');\n  },\n  methods: {\n    /**\n     * Handles the sticky update event from the event bus\n     * checks if the 'add to cart' is sticky and updates the visibility\n     * Checks the current scroll position and updates the visibility of\n     * the scroll-to-top button based on the threshold.\n     * @param {Boolean} isSticky - Indicates if add to cart is visible.\n     */\n    handleStickyUpdate(isSticky) {\n      this.isAddToCartSticky = isSticky;\n\n      if (!isSticky) {\n        this.showScrollButton = window.scrollY > this.scrollThreshold;\n      }\n    },\n\n    /**\n     * Checks the scroll direction and updates the visibility of\n     * the scroll-to-top button.\n     */\n    checkScrollDirection() {\n      const currentScrollY = window.scrollY;\n      const scrollingDown = currentScrollY > this.lastScrollY;\n\n      if (this.isAddToCartSticky) {\n        this.updateButtonVisibility(scrollingDown);\n      } else {\n        this.showScrollButton =\n          !scrollingDown && currentScrollY > this.scrollThreshold;\n      }\n\n      this.lastScrollY = currentScrollY;\n    },\n\n    /**\n     * Updates the visibility of the scroll-to-top button based on the\n     * intersection state and scroll direction.\n     * @param {boolean} scrollingDown - Indicates if the user is scrolling down.\n     */\n    updateButtonVisibility(scrollingDown) {\n      if (this.isAddToCartSticky) {\n        this.showScrollButton = false;\n        return;\n      }\n\n      if (this.isIntersecting) {\n        this.showScrollButton = false;\n      } else {\n        this.showScrollButton = !scrollingDown;\n      }\n    },\n\n    /**\n     * Smoothly scrolls the window back to the top with an easing animation.\n     */\n    scrollToTop() {\n      // Clear any existing animation frame\n      cancelAnimationFrame(this.scrollAnimation);\n\n      // Start animation\n      this.animationStartTime = performance.now();\n      this.animationStartScrollPosition = window.scrollY;\n      this.scrollAnimation = requestAnimationFrame(this.animateScroll);\n    },\n\n    /**\n     * Animation function for smooth scrolling.\n     * @param {DOMHighResTimeStamp} currentTime - The current time when\n     * the animation frame is fired.\n     */\n    animateScroll(currentTime) {\n      const elapsed = currentTime - this.animationStartTime;\n\n      // Calculate progress using easing function (easeInOutCubic)\n      const progress = elapsed / this.animationDuration;\n      const easedProgress = this.easeOutCirc(Math.min(progress, 1));\n\n      // Calculate new scroll position\n      const newScrollPosition =\n        this.animationStartScrollPosition * (1 - easedProgress);\n\n      // Apply new scroll position\n      window.scrollTo(0, newScrollPosition);\n\n      // Continue animation until duration is reached\n      if (elapsed < this.animationDuration) {\n        this.scrollAnimation = requestAnimationFrame(this.animateScroll);\n      }\n    },\n\n    /**\n     * Easing function for smooth scroll animation (circ ease-out).\n     * @param {number} timeFactor - Time factor between 0 and 1.\n     * @returns {number} - Eased value.\n     */\n    easeOutCirc(timeFactor) {\n      const adjustedTime = timeFactor - 1;\n      return Math.sqrt(1 - adjustedTime ** 2);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import './scroll-to-top-button';\n</style>\n","<template><!-- svgo-optimised -->\n<svg class=\"icon icon__chevron icon__chevron--up\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.293 6.793a1 1 0 0 1 1.414 0l7.5 7.5a1 1 0 0 1-1.414 1.414L12 8.914l-6.793 6.793a1 1 0 0 1-1.414-1.414l7.5-7.5Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"/></svg>\n</template>","import { render } from \"./up.svg?vue&type=template&id=af25de46\"\nconst script = {}\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./scroll-to-top-button.vue?vue&type=template&id=2107c3d6\"\nimport script from \"./scroll-to-top-button.vue?vue&type=script&lang=js\"\nexport * from \"./scroll-to-top-button.vue?vue&type=script&lang=js\"\n\nimport \"./scroll-to-top-button.vue?vue&type=style&index=0&id=2107c3d6&lang=scss\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","viewBox","xmlns","script","d","name","components","Btn","IconChevronUp","props","mobileThreshold","type","Number","default","desktopThreshold","data","showScrollButton","scrollThreshold","isIntersecting","lastScrollY","scrollAnimation","animationStartTime","animationDuration","initialScrollPosition","isAddToCartSticky","computed","mapState","useIndexStore","isMobile","store","screen","mobile","watch","scrollingDown","window","scrollY","this","updateButtonVisibility","mounted","addEventListener","checkScrollDirection","cnvs","EventBus","listen","handleStickyUpdate","beforeUnmount","removeEventListener","remove","methods","isSticky","currentScrollY","scrollToTop","cancelAnimationFrame","performance","now","animationStartScrollPosition","requestAnimationFrame","animateScroll","currentTime","elapsed","progress","easedProgress","easeOutCirc","Math","min","newScrollPosition","scrollTo","timeFactor","adjustedTime","sqrt","_createElementBlock","_hoisted_1","_createVNode","_component_btn","size","url","modifiers","label","onClick","$options","icon","_withCtx","_component_icon_chevron_up","_","$data"],"sourceRoot":""}