{"version":3,"sources":["webpack:///./src/components/LpDropDown.vue?3c21","webpack:///src/components/LpDropDown.vue","webpack:///./src/components/LpDropDown.vue?ea18","webpack:///./src/components/LpDropDown.vue","webpack:///./src/components/LpDropDown.vue?3e1c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","name","undefined","_v","_s","_e","class","staticStyle","style","on","$event","stopPropagation","preventDefault","openList","value","inputValue","placeholder","valueLabel","isOpen","attrs","_l","opt","idx","key","clickTargetItem","label","etcInputValue","staticRenderFns","components","props","type","String","required","customWrapperStyle","Object","customItemStyle","Number","elt","options","Array","height","default","data","oldValue","selVal","etcValue","computed","dropdownItem","padding","fontSize","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-012318d0.449ac52d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item\"},[(_vm.name !== '' && _vm.name !== undefined)?_c('h4',{staticClass:\"item-title\"},[_vm._v(_vm._s(_vm.name))]):_vm._e(),_c('div',{class:{ 'full-width': _vm.name === '' || _vm.name === undefined },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    <h4 class=\"item-title\" v-if=\"name !== '' && name !== undefined\">{{ name }}</h4>\r\n    <div style=\"position:relative; display:inline-block\" :class=\"{ 'full-width': name === '' || name === undefined }\">\r\n      <div :style=\"dropdownSelectWrapper\" :class=\"{ 'full-width': name === '' || name === undefined }\"\r\n        @click.stop.prevent=\"openList\">\r\n        <span class=\"drop-down-select-item\" :class=\"value !== '' ? 'sub' : 'sub4'\">\r\n          {{ (inputValue === '') ? (placeholder || '') : valueLabel }}\r\n        </span>\r\n        <img class=\"drop-down-arrow-icon svg-sub2\" src=\"/static/icon/fi_chevron-down.svg\" style=\"width:24px;height:24px\"\r\n          v-if=\"!isOpen\" />\r\n        <img class=\"drop-down-arrow-icon svg-sub2\" src=\"/static/icon/fi_chevron-up.svg\" style=\"width:24px;height:24px\"\r\n          v-else />\r\n      </div>\r\n      <div v-if=\"isOpen\" class=\"drop-down-list-outsider\" @click=\"isOpen = false\">\r\n      </div>\r\n      <ul v-if=\"isOpen\" class=\"drop-down-list\" :style=\"listStyle\">\r\n        <li v-for=\"(opt, idx) in options\" :key=\"'sort-list' + idx\" :style=\"dropdownItem\" class=\"selectable-list-item sub\"\r\n          @click=\"clickTargetItem(opt)\">{{ opt.label }}</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    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: 46\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        height: '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: '46px',\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)\r\n        return found.label;\r\n      else\r\n        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!./LpDropDown.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!./LpDropDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpDropDown.vue?vue&type=template&id=087dcad9&scoped=true&\"\nimport script from \"./LpDropDown.vue?vue&type=script&lang=js&\"\nexport * from \"./LpDropDown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpDropDown.vue?vue&type=style&index=0&id=087dcad9&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  \"087dcad9\",\n  null\n  \n)\n\nexport default component.exports","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!./LpDropDown.vue?vue&type=style&index=0&id=087dcad9&lang=stylus&scoped=true&\""],"sourceRoot":""}