{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/AddToBasketSticky.vue","webpack:///resources/js/src/app/components/item/AddToBasketSticky.vue","webpack:///./resources/js/src/app/components/item/AddToBasketSticky.vue?9067","webpack:///./resources/js/src/app/components/item/AddToBasketSticky.vue?5dab"],"names":["render","_c","this","_self","class","isVisible","_t","_withStripped","name","data","methods","handleVisibilityChange","entries","entry","_slicedToArray","boundingClientRect","bottom","watch","newValue","document","body","classList","add","remove","mounted","addToCartButton","getElementById","observer","IntersectionObserver","root","threshold","observe","beforeDestroy","disconnect","component"],"mappings":"kGAAA,IAAIA,EAAS,WAGX,OAAOC,EAFGC,KACCC,MAAMF,IAEf,MACA,CACEG,MAAO,CACL,0DACA,CAAE,YAPEF,KAOeG,UAAW,kBAP1BH,KAOiDG,aAGzD,CAVQH,KAUHI,GAAG,YACR,IAIJN,EAAOO,eAAgB,E,ukCCJR,ICZyM,EDYzM,CACfC,KAAA,uBACAC,KAAA,WACA,OACAJ,WAAA,IAGAK,QAAA,CACAC,uBAAA,SAAAC,GACA,IAAAC,EAAAC,EAAAF,EAAA,MACA,KAAAP,UAAAQ,EAAAE,mBAAAC,OAAA,IAGAC,MAAA,CACAZ,UAAA,SAAAa,GACAA,EACAC,SAAAC,KAAAC,UAAAC,IAAA,yBAEAH,SAAAC,KAAAC,UAAAE,OAAA,2BAIAC,QAAA,WACA,IAAAC,EAAAN,SAAAO,eAAA,mBAEA,KAAAC,SAAA,IAAAC,qBAAA,KAAAjB,uBAAA,CACAkB,KAAA,KACAC,UAAA,IAGAL,GACA,KAAAE,SAAAI,QAAAN,IAGAO,cAAA,WACA,KAAAL,UACA,KAAAA,SAAAM,e,SEzCIC,EAAY,YACd,EACAlC,EHMoB,IGJpB,EACA,KACA,KACA,MAIa,UAAAkC,E","file":"chunks/ceres-client-43.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      class: [\n        \"position-fixed w-100 bg-white add-to-basket-sticky py-2\",\n        { \"slide-up\": !_vm.isVisible, \"slide-up-active\": _vm.isVisible },\n      ],\n    },\n    [_vm._t(\"default\")],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div\n    :class=\"[\n      'position-fixed w-100 bg-white add-to-basket-sticky py-2',\n      { 'slide-up': !isVisible, 'slide-up-active': isVisible },\n    ]\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"add-to-basket-sticky\",\n  data() {\n    return {\n      isVisible: false,\n    };\n  },\n  methods: {\n    handleVisibilityChange(entries) {\n      const [entry] = entries;\n      this.isVisible = entry.boundingClientRect.bottom < 0;\n    },\n  },\n  watch: {\n    isVisible(newValue) {\n      if (newValue) {\n        document.body.classList.add(\"basket-sticky-visible\");\n      } else {\n        document.body.classList.remove(\"basket-sticky-visible\");\n      }\n    },\n  },\n  mounted() {\n    const addToCartButton = document.getElementById(\"addToCartButton\");\n\n    this.observer = new IntersectionObserver(this.handleVisibilityChange, {\n      root: null,\n      threshold: 0,\n    });\n\n    if (addToCartButton) {\n      this.observer.observe(addToCartButton);\n    }\n  },\n  beforeDestroy() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  },\n};\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToBasketSticky.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToBasketSticky.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AddToBasketSticky.vue?vue&type=template&id=1adbfc74\"\nimport script from \"./AddToBasketSticky.vue?vue&type=script&lang=js\"\nexport * from \"./AddToBasketSticky.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}