{"version":3,"sources":["webpack:///./src/lib/components/SelectBox/index.vue?4049","webpack:///src/lib/components/SelectBox/index.vue","webpack:///./src/lib/components/SelectBox/index.vue?d09f","webpack:///./src/lib/components/SelectBox/index.vue","webpack:///./src/assets/img/caret-down.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","disabled","attrs","id","placeholder","selected","_v","_s","_e","staticClass","on","onHover","label","visible","_l","item","index","key","value","$event","onClick","staticRenderFns","name","props","type","String","default","required","options","Array","showOptions","Boolean","data","computed","find","x","watch","val","mounted","document","addEventListener","onLeave","destroyed","removeEventListener","methods","e","target","className","$emit","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,WAAa,EAAM,SAAYN,EAAIO,UAAUC,MAAM,CAAC,GAAKR,EAAIS,KAAK,CAAET,EAAIU,aAAeV,EAAIW,SAAUP,EAAG,QAAQ,CAACJ,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIU,gBAAgBV,EAAIc,KAAKV,EAAG,MAAM,CAACW,YAAY,gBAAgBT,MAAM,CAAE,OAAUN,EAAIW,UAAWK,GAAG,CAAC,MAAQhB,EAAIiB,UAAU,CAACjB,EAAIY,GAAG,IAAIZ,EAAIa,GAAGb,EAAIW,SAAWX,EAAIW,SAASO,MAAQlB,EAAIU,aAAa,KAAKN,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,aAA2CJ,EAAG,KAAK,CAACW,YAAY,gBAAgBT,MAAM,CAAC,QAAWN,EAAImB,UAAUnB,EAAIoB,GAAIpB,EAAW,SAAE,SAASqB,EAAKC,GAAO,OAAOlB,EAAG,KAAK,CAACmB,IAAIF,EAAKG,MAAMhB,MAAM,CAAC,GAAM,SAAWc,GAAQN,GAAG,CAAC,MAAQ,SAASS,GAAQ,OAAOzB,EAAI0B,QAAQL,EAAKG,UAAU,CAACxB,EAAIY,GAAGZ,EAAIa,GAAGQ,EAAKH,aAAY,MAC9wBS,EAAkB,GCiBP,GACfC,KAAA,YACAC,MAAA,CACApB,GAAA,CACAqB,KAAAC,OACAC,QAAA,UAEAR,MAAA,CACAS,UAAA,GAEAC,QAAA,CACAJ,KAAAK,MACAH,QAAA,sBAEAtB,YAAA,CACAoB,KAAAC,OACAC,QAAA,WAEAI,YAAA,CACAN,KAAAO,QACAL,SAAA,GAEAzB,SAAA8B,SAEAC,KAAA,kBACAnB,SAAA,IAEAoB,SAAA,CACA5B,SAAA,WACA,IAAAa,EAAA,KAAAA,MAAAU,EAAA,KAAAA,QAGA,OAAAV,EAAAU,EAAAM,MAAA,SAAAC,GAAA,OAAAA,EAAAjB,aAAA,OAGAkB,MAAA,CACAN,YAAA,SAAAO,GACA,YAAAnB,QACA,KAAAL,QAAAwB,KAGAC,QAAA,WACAC,SAAAC,iBAAA,aAAAC,UAEAC,UAAA,WACAH,SAAAI,oBAAA,aAAAF,UAEAG,QAAA,CACAjC,QAAA,WAEA,KAAAE,SAAA,KAAAA,SAEA4B,QAAA,SAAAI,GAGA,KAAAhC,SAAAgC,EAAAC,OAAAC,WAIA3B,QAAA,SAAAyB,GAEA,KAAAG,MAAA,QAAAH,GACA,KAAAhC,SAAA,KChF6W,I,YCOzWoC,EAAY,eACd,EACAxD,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAA4B,E,8BClBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-6d74308a.1a1c9a8f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{'SelectBox': true, 'disabled': _vm.disabled},attrs:{\"id\":_vm.id}},[(_vm.placeholder && _vm.selected)?_c('label',[_vm._v(_vm._s(_vm.placeholder))]):_vm._e(),_c('div',{staticClass:\"SelectBoxText\",class:{ 'Filled': _vm.selected },on:{\"click\":_vm.onHover}},[_vm._v(\" \"+_vm._s(_vm.selected ? _vm.selected.label : _vm.placeholder)+\" \"),_c('img',{attrs:{\"src\":require(\"../../../assets/img/caret-down.svg\")}})]),_c('ul',{staticClass:\"SelectOptions\",class:{'Visible': _vm.visible}},_vm._l((_vm.options),function(item,index){return _c('li',{key:item.value,attrs:{\"id\":(\"Option\" + index)},on:{\"click\":function($event){return _vm.onClick(item.value)}}},[_vm._v(_vm._s(item.label))])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :id=\"id\" :class=\"{'SelectBox': true, 'disabled': disabled}\">\n    <label v-if=\"placeholder && selected\">{{placeholder}}</label>\n    <div class=\"SelectBoxText\" :class=\"{ 'Filled': selected }\" @click=\"onHover\">\n      {{selected ? selected.label : placeholder}}\n      <img src=\"../../../assets/img/caret-down.svg\" />\n    </div>\n    <ul class=\"SelectOptions\" :class=\"{'Visible': visible}\">\n      <li\n        v-for=\"(item,index) in options\"\n        :key=\"item.value\"\n        :id=\"`Option${index}`\"\n        @click=\"onClick(item.value)\"\n      >{{item.label}}</li>\n    </ul>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"SelectBox\",\n  props: {\n    id: {\n      type: String,\n      default: \"Select\",\n    },\n    value: {\n      required: true\n    },\n    options: {\n      type: Array,\n      default: () => []\n    },\n    placeholder: {\n      type: String,\n      default: \"Seçiniz\"\n    },\n    showOptions: {\n      type: Boolean,\n      default: true\n    },\n    disabled: Boolean\n  },\n  data: () => ({\n    visible: false\n  }),\n  computed: {\n    selected() {\n      const { value, options } = this;\n      //console.log(\"SelectBox-selected:\",value)\n      //console.log(\"SelectBox-selected-options:\",options)\n      return value ? options.find(x => x.value === value) : null;\n    }\n  },\n  watch:{\n    showOptions:function (val) {\n      if(this.value===null)\n        this.visible=val;\n    }\n  },\n  mounted() {\n    document.addEventListener(\"click\", this.onLeave);\n  },\n  destroyed() {\n    document.removeEventListener(\"click\", this.onLeave);\n  },\n  methods: {\n    onHover() {\n      //console.log(\"onHover\");\n      this.visible = !this.visible;\n    },\n    onLeave(e) {\n      //console.log(\"onLeave\",e);\n      //this.visible = !this.visible;\n      if (this.visible && e.target.className !== \"SelectBoxText\") {\n        //this.visible = false;\n      }\n    },\n    onClick(e) {\n      //console.log(\"onClick\",e);\n      this.$emit(\"input\", e);\n      this.visible = false;\n    }\n  }\n};\n</script>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7b6a16a0&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","module.exports = __webpack_public_path__ + \"img/caret-down.3375716b.svg\";"],"sourceRoot":""}