{"version":3,"sources":["webpack:///./src/components/DropdownCustom.vue?16d7","webpack:///./src/components/DropdownCustom.vue?9ad3","webpack:///src/components/DropdownCustom.vue","webpack:///./src/components/DropdownCustom.vue?b789","webpack:///./src/components/DropdownCustom.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","isOpenOptions","expression","staticClass","on","domProps","_s","titleDefault","_l","item","index","key","attrs","optionValueKey","$event","chooseVal","optionNameKey","staticRenderFns","props","nameOptionDefault","valoptionActive","options","location","position","type","ClickOutside","data","valActive","created","methods","setValDefault","evt","target","position_display","nameChoose","valChoose","component"],"mappings":"gHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,gBAAgBC,QAAQ,kBAAkBC,MAAM,WAAe,OAAOT,EAAIU,eAAgB,GAAUC,WAAW,gCAAgCC,YAAY,8CAA8C,CAACR,EAAG,MAAM,CAACQ,YAAY,2BAA2BC,GAAG,CAAC,MAAQ,WAAc,OAAOb,EAAIU,eAAiBV,EAAIU,iBAAmB,CAACN,EAAG,OAAO,CAACU,SAAS,CAAC,UAAYd,EAAIe,GAAGf,EAAIgB,iBAAiBZ,EAAG,IAAI,CAACQ,YAAY,sBAAsBR,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOT,EAAiB,cAAEW,WAAW,kBAAkBC,YAAY,4BAA4BZ,EAAIiB,GAAIjB,EAAW,SAAE,SAASkB,EAAKC,GAAO,OAAOf,EAAG,MAAM,CAACgB,IAAID,EAAMP,YAAY,OAAOS,MAAM,CAAC,MAAQH,EAAKlB,EAAIsB,iBAAiBT,GAAG,CAAC,MAAQ,SAASU,GAAQ,OAAOvB,EAAIwB,UAAUN,MAAS,CAACd,EAAG,OAAO,CAACU,SAAS,CAAC,UAAYd,EAAIe,GAAGG,EAAKlB,EAAIyB,wBAAuB,MACh8BC,EAAkB,G,qBCctB,GACAnB,sBACAoB,OACAC,yBACAC,uBACAC,cACAR,sBACAG,qBACAM,gBACAC,gBACAC,aAEA3B,YACA4B,kBAEAC,KAfA,WAgBA,OACAnB,iBACAoB,aACA1B,mBAGA2B,QAtBA,WAuBA,sBAEAC,SAEAC,cAFA,WAGA,eACA,oGACA,gGAIAf,UATA,WASA,kEAEA,iEACA,2CACA,4BAEA,sBAEA,OAAAgB,KAAAC,QAAAhC,uBAAAsB,cAAAZ,WAAAuB,+BAAAT,eAAAU,6BAAAC,0BACA,gCC1DwV,I,wBCQpVC,EAAY,eACd,EACA9C,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAmB,E","file":"js/chunk-548e0f34.caa80cc1.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropdownCustom.vue?vue&type=style&index=0&id=0cea7cb4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(function () { return _vm.isOpenOptions = false; }),expression:\"() => isOpenOptions = false\"}],staticClass:\"dropdown-custom position-rel type-question\"},[_c('div',{staticClass:\"dropdown-custom__display\",on:{\"click\":function () { return _vm.isOpenOptions = !_vm.isOpenOptions; }}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.titleDefault)}}),_c('i',{staticClass:\"icon-arrow-down\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOpenOptions),expression:\"isOpenOptions\"}],staticClass:\"dropdown-custom__options\"},_vm._l((_vm.options),function(item,index){return _c('div',{key:index,staticClass:\"item\",attrs:{\"value\":item[_vm.optionValueKey]},on:{\"click\":function($event){return _vm.chooseVal(item)}}},[_c('span',{domProps:{\"innerHTML\":_vm._s(item[_vm.optionNameKey])}})])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div v-click-outside=\"() => isOpenOptions = false\" class=\"dropdown-custom position-rel type-question\">\r\n\t\t<div class=\"dropdown-custom__display\" @click=\"() => isOpenOptions = !isOpenOptions\"><span v-html=\"titleDefault\"></span> <i class=\"icon-arrow-down\"></i></div>\r\n\t\t<div class=\"dropdown-custom__options\" v-show=\"isOpenOptions\">\r\n\t\t\t<!-- <div class=\"item\" value=\"\" @click=\"chooseVal\">{{ nameOptionDefault }}</div> -->\r\n\t\t\t<div class=\"item\" v-for=\"(item, index) of options\" :value=\"item[optionValueKey]\" :key=\"index\" @click=\"chooseVal(item)\">\r\n\t\t\t\t<span v-html=\"item[optionNameKey]\"></span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport ClickOutside from 'vue-click-outside'\r\n\r\n\texport default {\r\n\t\tname: 'DropdownCustom',\r\n\t\tprops: {\r\n\t\t\tnameOptionDefault: String,\r\n\t\t\tvaloptionActive: Number,\r\n\t\t\toptions: Array,\r\n\t\t\toptionValueKey: String,\r\n\t\t\toptionNameKey: String,\r\n\t\t\tlocation: Number,\r\n\t\t\tposition: Number,\r\n\t\t\ttype: String\r\n\t\t},\r\n\t\tdirectives: {\r\n\t\t    ClickOutside\r\n\t\t},\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\ttitleDefault: '?',\r\n\t\t\t\tvalActive: '',\r\n\t\t\t\tisOpenOptions: false\r\n\t\t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tthis.setValDefault();\r\n\t\t},\r\n\t\tmethods: {\r\n\r\n\t\t\tsetValDefault() {\r\n\t\t\t\tif(this.options) {\r\n\t\t\t\t\tthis.titleDefault = this.nameOptionDefault ? this.nameOptionDefault : this.options[0][this.optionNameKey]\r\n\t\t\t\t\tthis.valActive = this.valoptionActive ? this.valoptionActive : this.options[0][this.optionValueKey];\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tchooseVal(val = null) {\r\n\t\t\t\t// console.log('Choose answer: ', val);\r\n\t\t\t\tthis.titleDefault = val ? val[this.optionNameKey] : this.nameOptionDefault;\r\n\t\t\t\tthis.valActive = val ? val[this.optionValueKey] : '';\r\n\t\t\t\tlet positionAnswerChoose = val.position.split('_');\r\n\t\t\t\t// console.log(positionAnswerChoose);\r\n\t\t\t\tthis.isOpenOptions = false;\r\n\t\t\t\t// let valEmit = {evt: {target: {value: this.valActive}}, location: this.location, index: this.position, type: this.type, nameChoose: this.titleDefault, valChoose: this.valActive};\r\n\t\t\t\tlet valEmit = {evt: {target: {value: this.valActive}}, location: positionAnswerChoose[0], index: positionAnswerChoose[1], position_display: this.position, type: this.type, nameChoose: this.titleDefault, valChoose: this.valActive};\r\n\t\t\t\tthis.$emit('changeSelect', valEmit)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import \"./../assets/scss/_mixins\";\r\n\t@import \"./../assets/scss/_variables\";\r\n\t@import \"./../assets/scss/_general\";\r\n\r\n\t.dropdown-custom {\r\n\r\n\t\t&__display {\r\n\t\t\t@extend .position-rel;\r\n\t\t\t@extend .border-rd-4;\r\n\t\t\tborder: 1px solid #ccc;\r\n\t\t\t@extend .text-center;\r\n\t\t\theight: 30px;\r\n\t\t\tmin-width: 100px;\r\n\t\t\t@extend .bg-color-light;\r\n\t\t\tpadding: 0 20px 0 3px;\r\n    \t\toverflow: hidden;\r\n\r\n\t\t\ti {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\twidth: 30px;\r\n\t\t\t\theight: inherit;\r\n\t\t\t\t@extend .display-flex-center;\r\n\t\t\t\t@extend .justify-content-center;\r\n\t\t\t\t@extend .font-size-10;\r\n\t\t\t\t@extend .secondary-color-txt;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__options {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbox-shadow: 0 1px 10px rgba(0,0,0, .1);\r\n\t\t\t-webkit-box-shadow: 0 1px 10px rgba(0,0,0, .1);\r\n\t\t\t@extend .bg-color-light;\r\n\t\t\tz-index: 2;\r\n\r\n\t\t\t.item {\r\n\t\t\t\tpadding: 5px 10px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.error {\r\n\t\t\t.dropdown-custom__display {\r\n\t\t\t\tborder-color: $color_err_question;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.success {\r\n\t\t\t.dropdown-custom__display {\r\n\t\t\t\tborder-color: $color_success;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media screen and ( max-width: 600px ) {\r\n\t\t\t&__display {\r\n\t\t\t\tmin-width: 80px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>","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!./DropdownCustom.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!./DropdownCustom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DropdownCustom.vue?vue&type=template&id=0cea7cb4&scoped=true&\"\nimport script from \"./DropdownCustom.vue?vue&type=script&lang=js&\"\nexport * from \"./DropdownCustom.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DropdownCustom.vue?vue&type=style&index=0&id=0cea7cb4&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  \"0cea7cb4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}