{"version":3,"sources":["webpack:///./src/components/module/CInputDropdown.vue?a6f6","webpack:///./src/components/module/CInputDropdown.vue?5a4a","webpack:///src/components/module/CInputDropdown.vue","webpack:///./src/components/module/CInputDropdown.vue?33e2","webpack:///./src/components/module/CInputDropdown.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","label","undefined","_v","_s","_e","staticStyle","class","name","style","on","$event","stopPropagation","preventDefault","openList","value","inputValue","placeholder","valueLabel","isOpen","attrs","_l","opt","idx","key","clickTargetItem","etcInputValue","staticRenderFns","components","props","type","String","required","customWrapperStyle","Object","customItemStyle","Number","elt","options","Array","height","default","data","oldValue","selVal","etcValue","computed","dropdownItem","padding","fontSize","minHeight","fontWeight","deco","dropdownSelectWrapper","border","borderRadius","found","listStyle","top","created","watch","$emit","n","ectValue","methods","onInputStart","item","onInputDone","val","$root","component"],"mappings":"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","file":"js/chunk-209bd434.9bcdf42a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CInputDropdown.vue?vue&type=style&index=0&id=f7705b70&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item\"},[(_vm.label !== '' && _vm.label !== undefined)?_c('div',{staticClass:\"sub body3-medium margin-bottom-12\"},[_vm._v(_vm._s(_vm.label))]):_vm._e(),_c('div',{staticClass:\"full-width\",staticStyle:{\"position\":\"relative\",\"display\":\"inline-block\"}},[_c('div',{class:{ 'full-width': _vm.name === '' || _vm.name === undefined },style:(_vm.dropdownSelectWrapper),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openList($event)}}},[_c('span',{staticClass:\"drop-down-select-item\",class:_vm.value !== '' ? 'sub' : 'sub4'},[_vm._v(\" \"+_vm._s(_vm.inputValue === '' ? _vm.placeholder || '' : _vm.valueLabel)+\" \")]),(!_vm.isOpen)?_c('img',{staticClass:\"drop-down-arrow-icon svg-sub2\",staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"src\":\"/static/icon/fi_chevron-down.svg\"}}):_c('img',{staticClass:\"drop-down-arrow-icon svg-sub2\",staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"src\":\"/static/icon/fi_chevron-up.svg\"}})]),(_vm.isOpen)?_c('div',{staticClass:\"drop-down-list-outsider\",on:{\"click\":function($event){_vm.isOpen = false}}}):_vm._e(),(_vm.isOpen)?_c('ul',{staticClass:\"drop-down-list\",style:(_vm.listStyle)},_vm._l((_vm.options),function(opt,idx){return _c('li',{key:'sort-list' + idx,staticClass:\"selectable-list-item sub\",style:(_vm.dropdownItem),on:{\"click\":function($event){return _vm.clickTargetItem(opt)}}},[_vm._v(\" \"+_vm._s(opt.label)+\" \")])}),0):_vm._e()]),(_vm.isOpen)?_c('div',{staticClass:\"drop-down-overlay\",on:{\"click\":function($event){_vm.isOpen = false}}}):_vm._e(),(_vm.valueLabel === '기타')?_c('div',{staticClass:\"margin-top-8\"},[_c('lp-text',{attrs:{\"maxLength\":30,\"placeholder\":\"기타 사유를 입력해주세요\"},on:{\"update:value\":_vm.etcInputValue}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"item\">\r\n    <div class=\"sub body3-medium margin-bottom-12\" v-if=\"label !== '' && label !== undefined\">{{ label }}</div>\r\n    <div style=\"position:relative; display:inline-block\" class=\"full-width\">\r\n      <div\r\n        :style=\"dropdownSelectWrapper\"\r\n        :class=\"{ 'full-width': name === '' || name === undefined }\"\r\n        @click.stop.prevent=\"openList\"\r\n      >\r\n        <span class=\"drop-down-select-item\" :class=\"value !== '' ? 'sub' : 'sub4'\">\r\n          {{ inputValue === '' ? placeholder || '' : valueLabel }}\r\n        </span>\r\n        <img\r\n          class=\"drop-down-arrow-icon svg-sub2\"\r\n          src=\"/static/icon/fi_chevron-down.svg\"\r\n          style=\"width:24px;height:24px\"\r\n          v-if=\"!isOpen\"\r\n        />\r\n        <img\r\n          class=\"drop-down-arrow-icon svg-sub2\"\r\n          src=\"/static/icon/fi_chevron-up.svg\"\r\n          style=\"width:24px;height:24px\"\r\n          v-else\r\n        />\r\n      </div>\r\n      <div v-if=\"isOpen\" class=\"drop-down-list-outsider\" @click=\"isOpen = false\"></div>\r\n      <ul v-if=\"isOpen\" class=\"drop-down-list\" :style=\"listStyle\">\r\n        <li\r\n          v-for=\"(opt, idx) in options\"\r\n          :key=\"'sort-list' + idx\"\r\n          :style=\"dropdownItem\"\r\n          class=\"selectable-list-item sub\"\r\n          @click=\"clickTargetItem(opt)\"\r\n        >\r\n          {{ opt.label }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    <div v-if=\"isOpen\" class=\"drop-down-overlay\" @click=\"isOpen = false\"></div>\r\n    <!-- <select v-model=\"value\">\r\n      <option v-for=\"item in options\" :value=\"item\">{{item}}</option>\r\n    </select> -->\r\n    <div v-if=\"valueLabel === '기타'\" class=\"margin-top-8\">\r\n      <lp-text @update:value=\"etcInputValue\" :maxLength=\"30\" placeholder=\"기타 사유를 입력해주세요\"></lp-text>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport LpText from '../component/LpText.vue';\r\nexport default {\r\n  components: { LpText },\r\n  props: {\r\n    label: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n    name: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n    customWrapperStyle: {\r\n      type: Object,\r\n    },\r\n    customItemStyle: {\r\n      type: Object,\r\n    },\r\n    value: {\r\n      type: [String, Number],\r\n    },\r\n\r\n    elt: {\r\n      required: false,\r\n    },\r\n\r\n    options: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n\r\n    placeholder: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n\r\n    height: {\r\n      type: Number,\r\n      default: 50,\r\n    },\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      isOpen: false,\r\n      inputValue: this.value,\r\n      oldValue: this.inputValue,\r\n      selVal: '',\r\n      etcValue: '',\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    dropdownItem() {\r\n      let deco = {\r\n        // border: '1px solid #e3e3e3',\r\n        padding: '12px 16px',\r\n        fontSize: '15px',\r\n        minHeight: '46px',\r\n        fontWeight: 400,\r\n      };\r\n      if (this.customItemStyle) {\r\n        deco = this.customItemStyle;\r\n      }\r\n      return deco;\r\n    },\r\n    dropdownSelectWrapper() {\r\n      let deco = {\r\n        border: '1px solid #e3e3e3',\r\n        borderRadius: '8px',\r\n        padding: '12px 16px',\r\n        fontSize: '15px',\r\n        height: '50px',\r\n        fontWeight: 300,\r\n      };\r\n      if (this.customWrapperStyle) {\r\n        deco = this.customWrapperStyle;\r\n      }\r\n      return deco;\r\n    },\r\n    valueLabel() {\r\n      let found = this.options.find((opt) => {\r\n        return opt.value === this.value;\r\n      });\r\n      if (found) return found.label;\r\n      else return undefined;\r\n    },\r\n\r\n    listStyle() {\r\n      return {\r\n        top: `${this.height}px`,\r\n      };\r\n    },\r\n  },\r\n\r\n  created() {\r\n    this.inputValue = this.value;\r\n  },\r\n  watch: {\r\n    inputValue(n) {\r\n      this.$emit('update:value', n);\r\n    },\r\n    value(n) {\r\n      this.inputValue = n;\r\n    },\r\n    ectValue(n) {\r\n      this.$emit('update:etc', n);\r\n    },\r\n  },\r\n  methods: {\r\n    openList() {\r\n      if (!this.isOpen) {\r\n        this.isOpen = true;\r\n        //console.log('open list');\r\n        this.onInputStart(this.inputValue);\r\n      } else {\r\n        this.isOpen = false;\r\n      }\r\n    },\r\n    etcInputValue(n) {\r\n      this.etcValue = n;\r\n      this.$emit('etc', n);\r\n    },\r\n    clickTargetItem(item) {\r\n      this.inputValue = item.value;\r\n      if (this.etcValue !== '') {\r\n        this.$emit('update:etc', this.etcValue);\r\n      }\r\n      // setLog가 val 변경 전에 실행되는 문제가 있어서 추가함.\r\n      this.$emit('update:val', this.inputValue);\r\n      this.$emit('selected', item);\r\n      this.onInputDone(item.val);\r\n      this.isOpen = false;\r\n    },\r\n\r\n    onInputStart(val) {\r\n      this.oldValue = val;\r\n    },\r\n\r\n    onInputDone() {\r\n      // this.value = val;\r\n      if (this.oldValue !== this.inputValue) {\r\n        this.$root.$emit('setLog');\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n@import '~assets/css/lp_main'\r\n.item\r\n  font-size .8rem\r\n  position relative\r\n\r\n.full-width\r\n  width 100%\r\n\r\n.drop-down-select-wrapper\r\n  display flex\r\n  align-items center\r\n  width 100%\r\n  background #fff\r\n  justify-content space-between\r\n  font-size .8rem\r\n  height 32px\r\n  cursor pointer\r\n  border 1px solid #EEEEEE\r\n\r\n.drop-down-select-item\r\n  display flex\r\n  align-items center\r\n  cursor pointer\r\n  font-weight 400\r\n\r\n.drop-down-arrow-icon\r\n  cursor pointer\r\n  position absolute\r\n  right 16px\r\n  top 13px\r\n.drop-down-list\r\n  position absolute\r\n  background-color #fff\r\n  z-index 12\r\n  /*border 1px solid #eaeaea*/\r\n  top 20px\r\n  left 0\r\n  width 100%\r\n  cursor pointer\r\n  /*border-top none*/\r\n  list-style-type none\r\n  padding 0px\r\n  filter drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1))\r\n  border-radius 8px\r\n\r\n.selectable-list-item:hover\r\n  background-color $gray4\r\n\r\n.drop-down-item\r\n  padding 12px 16px\r\n  font-size 15px\r\n  background-color #fff\r\n  color #333333\r\n  white-space pre-line\r\n\r\n.drop-down-overlay\r\n  position fixed\r\n  z-index 11\r\n  left 0\r\n  top 0\r\n  bottom 0\r\n  right 0\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CInputDropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CInputDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CInputDropdown.vue?vue&type=template&id=f7705b70&scoped=true&\"\nimport script from \"./CInputDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./CInputDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CInputDropdown.vue?vue&type=style&index=0&id=f7705b70&lang=stylus&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  \"f7705b70\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}