{"version":3,"sources":["webpack:///./src/components/widgets/Recycler.vue","webpack:///src/components/widgets/Recycler.vue","webpack:///./src/components/widgets/Recycler.vue?f8cf","webpack:///./src/components/widgets/Recycler.vue?f9c2"],"names":["render","_vm","this","_c","_self","_b","ref","staticClass","class","myClass","style","on","onVisible","bindRecycler","isVisible","icon","styleIcon","attrs","_e","_t","staticRenderFns","props","data","observer","started","threshold","bufferTime","position","top","left","transform","computed","offRecycle","recycle","methods","observe","entri","target","isIntersecting","intersectionRatio","onHidden","element","setTargetProps","$emit","height","offsetHeight","slot","$refs","disabled","recycler","IntersectionObserver","sleep","onViewport","elementInViewport","el","offsetTop","offsetLeft","width","offsetWidth","offsetParent","window","pageYOffset","pageXOffset","innerHeight","innerWidth","ms","Promise","resolve","setTimeout","startRecycler","mounted","destroyed","disconnect","component"],"mappings":"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","file":"js/chunk-2d0be318.7666fffc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._b({ref:\"recycler\",staticClass:\"recycler\",class:`${_vm.myClass}`,style:(_vm.style),on:{\"click\":_vm.onVisible,\"mouseenter\":_vm.onVisible}},'div',_vm.bindRecycler({}),false),[(!_vm.isVisible && _vm.icon)?_c('iconic',{staticClass:\"recycler-icon\",style:(_vm.styleIcon),attrs:{\"name\":_vm.icon}}):_vm._e(),(_vm.isVisible)?_vm._t(\"default\"):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"recycler\" ref=\"recycler\" :class=\"`${myClass}`\" :style=\"style\" @click=\"onVisible\" v-bind=\"bindRecycler({})\" @mouseenter=\"onVisible\">\n    <iconic v-if=\"!isVisible && icon\" class=\"recycler-icon\" :name=\"icon\" :style=\"styleIcon\" />\n    <slot v-if=\"isVisible\" ref=\"slot\"></slot>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: [\"icon\", \"disabled\", \"recycle\"],\n  data: function() {\n    return {\n      observer: null,\n      isVisible: true,\n      myClass: \"\",\n      started: true,\n      threshold: [0.0, 0.4],\n      bufferTime: 500,\n      style: {\n        \"min-height\": \"auto\",\n      },\n      styleIcon: {\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\",\n        \"font-size\": \"2rem\",\n      },\n    };\n  },\n  computed: {\n    offRecycle: function() {\n      return this.recycle === false || this.recycle === \"false\";\n    },\n  },\n  methods: {\n    observe: function(entri) {\n      const { target, isIntersecting, intersectionRatio } = entri[0];\n      const isVisible = intersectionRatio !== 0 && intersectionRatio !== 1 && isIntersecting;\n      if (this.started) {\n        this.started = false;\n        this.onVisible({ target });\n      } else if (isVisible) {\n        this.onVisible({ target });\n      } else {\n        this.onHidden({ target });\n      }\n    },\n    onVisible: function(element = {}) {\n      if (!element.target) {\n        return this.bindRecycler();\n      }\n\n      let { target } = element;\n\n      if (target) this.setTargetProps({ target });\n\n      this.isVisible = true;\n      this.myClass = \"visible\";\n\n      this.$emit(\"visible\");\n    },\n    onHidden: function({ target }) {\n      if (target) this.setTargetProps({ target });\n\n      this.myClass = \"\";\n\n      if (!this.offRecycle) {\n        this.isVisible = false;\n      }\n\n      this.$emit(\"invisible\");\n    },\n    setTargetProps: function({ target }) {\n      let height = target.offsetHeight;\n      let slot = this.$refs.slot;\n\n      if (slot) {\n        height = slot.offsetHeight;\n      }\n\n      if (!this.disabled) {\n        this.style[\"min-height\"] = height + \"px\";\n      }\n    },\n    recycler: function() {\n      this.observer = new IntersectionObserver(this.observe, {\n        threshold: this.threshold,\n      });\n      this.observer.observe(this.$refs.recycler);\n      this.$emit(\"recycler\");\n    },\n    bindRecycler: async function() {\n      await this.sleep(this.bufferTime);\n\n      const element = this.$refs.recycler;\n\n      if (!element) {\n        return;\n      }\n\n      const onViewport = this.elementInViewport(element);\n\n      if (onViewport) {\n        this.onVisible(this.$refs.recycler);\n      }\n    },\n    elementInViewport: function(el) {\n      var top = el.offsetTop;\n      var left = el.offsetLeft;\n      var width = el.offsetWidth;\n      var height = el.offsetHeight;\n\n      while (el.offsetParent) {\n        el = el.offsetParent;\n        top += el.offsetTop;\n        left += el.offsetLeft;\n      }\n\n      return (\n        top >= window.pageYOffset &&\n        left >= window.pageXOffset &&\n        top + height <= window.pageYOffset + window.innerHeight &&\n        left + width <= window.pageXOffset + window.innerWidth\n      );\n    },\n    sleep: function(ms) {\n      return new Promise((resolve) => setTimeout(resolve, ms));\n    },\n    startRecycler: async function() {\n      if (!this.$refs.recycler) {\n        await this.sleep(100);\n        return this.startRecycler();\n      }\n\n      this.recycler();\n      return;\n    },\n  },\n  mounted: function() {\n    if (!this.disabled) {\n      this.started = true;\n      this.startRecycler();\n    }\n  },\n  destroyed: function() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recycler.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Recycler.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Recycler.vue?vue&type=template&id=59a8a75c\"\nimport script from \"./Recycler.vue?vue&type=script&lang=js\"\nexport * from \"./Recycler.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":""}