{"version":3,"sources":["webpack:///./app/javascript/application/javascript/hasState.vue?7e55","webpack:///app/javascript/application/javascript/hasState.vue","webpack:///./app/javascript/application/javascript/hasState.vue"],"names":["props","state","required","type","Object","data","stateData","observer","mounted","initScrollObserver","window","addEventListener","handleScroll","beforeDestroy","disconnect","removeEventListener","methods","set","property","value","_this","debouncedSet","_","debounce","$set","_this2","IntersectionObserver","onIntersect","root","rootMargin","threshold","document","querySelectorAll","forEach","section","observe","entries","_this3","entry","isIntersecting","target","id","innerHeight","scrollY","body","offsetHeight","querySelector","render","$scopedSlots","setState","component","staticRenderFns"],"mappings":"4HAA8M,ECGhM,CACdA,MAAA,CACAC,MAAA,CAAAC,UAAA,EAAAC,KAAAC,SAGAC,KAAA,WACA,OACAC,UAAA,KAAAL,MACAM,SAAA,KAEA,EAEAC,QAAA,WACA,KAAAC,qBACAC,OAAAC,iBAAA,cAAAC,aACA,EAEAC,cAAA,WACA,KAAAN,UACA,KAAAA,SAAAO,aAEAJ,OAAAK,oBAAA,cAAAH,aACA,EAEAI,QAAA,CACAC,IAAA,SAAAC,EAAAC,GAAA,IAAAC,EAAA,KACA,KAAAC,aACA,KAAAA,cACAC,IAAAC,UAAA,SAAAL,EAAAC,GACAC,EAAAI,KAAAJ,EAAAd,UAAAY,EAAAC,EACA,QACA,KAAAE,aAAAH,EAAAC,EACA,EAEAV,mBAAA,eAAAgB,EAAA,KAOA,KAAAlB,SAAA,IAAAmB,qBAAA,KAAAC,YANA,CACAC,KAAA,KACAC,WAAA,mBACAC,UAAA,IAIAC,SAAAC,iBAAA,0BAEAC,SAAA,SAAAC,GACAT,EAAAlB,SAAA4B,QAAAD,EACA,GACA,EAEAP,YAAA,SAAAS,GAAA,IAAAC,EAAA,KACAD,EAAAH,SAAA,SAAAK,GACAA,EAAAC,gBACAF,EAAApB,IAAA,OAAAqB,EAAAE,OAAAC,GAEA,GACA,EAEA7B,aAAA,WAKA,GAJAF,OAAAgC,YAAAhC,OAAAiC,SACAZ,SAAAa,KAAAC,aACA,GAGAd,SAAAe,cAAA,oCAEA,GAGAC,OAAA,WACA,YAAAC,aAAA,SACA/C,MAAA,KAAAK,UACA2C,SAAA,KAAAhC,KAEA,G,OCrEIiC,EAAY,YACd,EAREH,UAAQI,WAWV,EACA,KACA,KACA,MAIa,UAAAD,E","file":"js/42-4dbb75e16b12e607017d.chunk.js","sourcesContent":["import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hasState.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hasState.vue?vue&type=script&lang=js&\"","<script>\nimport _ from 'lodash';\n\nexport default {\n  props: {\n    state: { required: true, type: Object }\n  },\n\n  data() {\n    return {\n      stateData: this.state,\n      observer: null\n    };\n  },\n\n  mounted() {\n    this.initScrollObserver();\n    window.addEventListener('scroll', this.handleScroll);\n  },\n\n  beforeDestroy() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n\n  methods: {\n    set(property, value) {\n      this.debouncedSet =\n        this.debouncedSet ||\n        _.debounce((property, value) => {\n          this.$set(this.stateData, property, value);\n        }, 100);\n      this.debouncedSet(property, value);\n    },\n\n    initScrollObserver() {\n      const options = {\n        root: null,\n        rootMargin: '0px 0px -80% 0px',\n        threshold: 0\n      };\n\n      this.observer = new IntersectionObserver(this.onIntersect, options);\n      const sections = document.querySelectorAll('.resource-content [id]');\n\n      sections.forEach((section) => {\n        this.observer.observe(section);\n      });\n    },\n\n    onIntersect(entries) {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          this.set('path', entry.target.id);\n        }\n      });\n    },\n\n    handleScroll() {\n      const scrollPosition = window.innerHeight + window.scrollY;\n      const documentHeight = document.body.offsetHeight;\n      const bottomThreshold = 50;\n\n      if (scrollPosition >= documentHeight - bottomThreshold) {\n        const lastSection = document.querySelector('.resource-content [id]:last-child');\n      }\n    }\n  },\n\n  render() {\n    return this.$scopedSlots.default({\n      state: this.stateData,\n      setState: this.set\n    });\n  }\n};\n</script>\n","var render, staticRenderFns\nimport script from \"./hasState.vue?vue&type=script&lang=js&\"\nexport * from \"./hasState.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":""}