{"version":3,"sources":["webpack:///./src/flow/views/components/dialog/content/moveTask/project/index.vue?2954","webpack:///src/flow/views/components/dialog/content/moveTask/project/index.vue","webpack:///./src/flow/views/components/dialog/content/moveTask/project/index.vue?fe78","webpack:///./src/flow/views/components/dialog/content/moveTask/project/index.vue?5ed4","webpack:///./src/flow/views/components/dialog/content/moveTask/project/index.vue?f2b8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","ref","attrs","_projects","on","attachScrollEvent","model","value","callback","$$v","items","expression","staticRenderFns","props","project","type","default","mounted","initIntersectionObserver","$emit","data","isLoadingList","observer","watch","to","id","computed","mapState","mapGetters","cachedProject","filter","methods","mapActions","disconnect","IntersectionObserver","entries","observe","target","$nextTick","menuContent","passive","onScroll","event","scrollHeight","offsetHeight","scrollTop","loadData","component","VSelect"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,WAAWH,EAAG,WAAW,CAACI,IAAI,SAASC,MAAM,CAAC,MAAQT,EAAIU,UAAU,KAAO,GAAG,eAAe,GAAG,aAAa,KAAK,YAAY,SAASC,GAAG,CAAC,MAAQX,EAAIY,mBAAmBC,MAAM,CAACC,MAAOd,EAAS,MAAEe,SAAS,SAAUC,GAAMhB,EAAIiB,MAAMD,GAAKE,WAAW,YAAY,IAClcC,EAAkB,G,0FCkBP,GACbC,MAAOA,CACLC,QAASA,CACPC,KAAMA,OACNC,QAASA,WAAf,YAGEC,QAPF,WAOA,MACIvB,KAAKwB,2BACLxB,KAAKyB,MAAM,iBAAf,kDAEEC,KAXF,WAYI,MAAO,CACLC,eAAeA,EACfX,MAAOA,EACPY,SAAUA,OAGdC,MAAOA,CACLT,QADJ,SACAU,GACM9B,KAAKgB,MAAQc,EAAGC,IAElBf,MAJJ,SAIAc,GACM9B,KAAKyB,MAAM,iBAAkBK,KAGjCE,SAAUA,+DACZC,+CACAC,wCACAA,kDAHA,IAIIzB,UAJJ,WAKM,IAAN,sBACM,OAAOT,KAAKmC,cAAcC,QAChC,YAAQ,IAAR,EAAQ,MAAR,mHAIEC,QAASA,iCACXC,kDADA,IAEId,yBAFJ,WAEA,WACUxB,KAAK4B,UAAU5B,KAAK4B,SAASW,aACjCvC,KAAK4B,SAAW,IAAIY,sBAAqB,SAA/C,0BACAC,GADA,IACA,0CACA,kBAEA,cAJA,kCAOM,IAAN,yDACMzC,KAAK4B,SAASc,QAAQC,IAExBhC,kBAdJ,WAcA,WACMX,KAAK4C,WAAU,WACb,IAAR,0CACYC,IACFA,EAAYA,oBAAoBA,SAAUA,EAApDA,UACUA,EAAYA,iBAAiBA,SAAUA,EAAjDA,UACYC,SAASA,SAKjBC,SAzBJ,SAyBAC,GACM,IAAN,2DACUC,EAAeC,EAAe,IAAMC,GAExCnD,KAAKoD,YAEPA,SA/BJ,WA+BA,4JACA,gBADA,oDAEA,4BAFA,wDAIA,mBAJA,SAKA,kBALA,OAMA,mBANA,iDCvFya,I,yDCQraC,EAAY,eACd,EACAvD,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAmC,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,UAAA,Q,yDCxB9B","file":"js/chunk-98d8c950.191fbb87.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cr-move-task-project-loader\"},[_c('div',{staticClass:\"cr-sub-title\"},[_vm._v(\"업무 그룹\")]),_c('v-select',{ref:\"select\",attrs:{\"items\":_vm._projects,\"solo\":\"\",\"hide-details\":\"\",\"item-value\":\"id\",\"item-text\":\"title\"},on:{\"click\":_vm.attachScrollEvent},model:{value:(_vm.items),callback:function ($$v) {_vm.items=$$v},expression:\"items\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"cr-move-task-project-loader\">\n    <div class=\"cr-sub-title\">업무 그룹</div>\n    <v-select\n      ref=\"select\"\n      v-model=\"items\"\n      :items=\"_projects\"\n      solo\n      hide-details\n      item-value=\"id\"\n      item-text=\"title\"\n      @click=\"attachScrollEvent\"\n    ></v-select>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters, mapState } from \"vuex\";\n\nexport default {\n  props: {\n    project: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  mounted() {\n    this.initIntersectionObserver();\n    this.$emit(\"change:project\", this.project?.id);\n  },\n  data() {\n    return {\n      isLoadingList: false,\n      items: 0,\n      observer: null\n    };\n  },\n  watch: {\n    project(to) {\n      this.items = to.id;\n    },\n    items(to) {\n      this.$emit(\"change:project\", to);\n    }\n  },\n  computed: {\n    ...mapState(\"flowProjects\", [\"cachedData\"]),\n    ...mapGetters(\"auth\", [\"getUserInfo\"]),\n    ...mapGetters(\"flowProjects\", [\"cachedProject\"]),\n    _projects() {\n      const { id } = this.getUserInfo;\n      return this.cachedProject.filter(\n        p => p.members.find(m => m.userId === id)?.joinStatus === \"ACCEPTED\"\n      );\n    }\n  },\n  methods: {\n    ...mapActions(\"flowProjects\", [\"getCachedData\"]),\n    initIntersectionObserver() {\n      if (this.observer) this.observer.disconnect();\n      this.observer = new IntersectionObserver(entries => {\n        for (const entry of entries) {\n          if (!entry.isIntersecting) continue;\n\n          this.loadData();\n        }\n      });\n      const target = document.querySelector(\".cr-move-task-project-loader\");\n      this.observer.observe(target);\n    },\n    attachScrollEvent() {\n      this.$nextTick(() => {\n        const menuContent = this.$refs.select.$refs.menu.$refs.content;\n        if (menuContent) {\n          menuContent.removeEventListener(\"scroll\", this.onScroll);\n          menuContent.addEventListener(\"scroll\", this.onScroll, {\n            passive: true\n          });\n        }\n      });\n    },\n    onScroll(event) {\n      const { offsetHeight, scrollTop, scrollHeight } = event.target;\n      if (scrollHeight - offsetHeight - 150 > scrollTop) return;\n\n      this.loadData();\n    },\n    async loadData() {\n      if (this.isLoadingList) return;\n      if (!this.cachedData.nextPageExists) return;\n\n      this.isLoadingList = true;\n      await this.getCachedData();\n      this.isLoadingList = false;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.cr-move-task-project-loader ::v-deep {\n  .cr-sub-title {\n    font-weight: bold;\n    font-size: 14px;\n    padding: 8px 0;\n    color: rgba(0, 0, 0, 0.6);\n  }\n\n  .v-input {\n    border-radius: 8px;\n\n    .v-input__slot {\n      box-shadow: none !important;\n      background: rgba(0, 0, 0, 0.03);\n      border: thin solid rgba(0, 0, 0, 0.04);\n    }\n\n    input {\n      cursor: pointer;\n    }\n  }\n}\n</style>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0549e144&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0549e144&lang=scss&scoped=true&\"\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  \"0549e144\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VSelect } from 'vuetify/lib/components/VSelect';\ninstallComponents(component, {VSelect})\n","export * from \"-!../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=0549e144&lang=scss&scoped=true&\""],"sourceRoot":""}