{"version":3,"sources":["webpack:///./src/components/shared/forms/FormSearchableSelect.vue","webpack:///src/components/shared/forms/FormSearchableSelect.vue","webpack:///./src/components/shared/forms/FormSearchableSelect.vue?fbf9","webpack:///./src/components/shared/forms/FormSearchableSelect.vue?dbdd","webpack:///./src/components/shared/forms/FormSearchableSelect.vue?74db"],"names":["render","_vm","this","_c","_self","attrs","label","id","name","input","error_label","placeholder","on","handleChange","scopedSlots","_u","key","fn","_ref","input_name","inpt_value","value","handleInput","error","showOptions","optionHover","directives","rawName","onClickOutside","expression","class","listbox_class","options","length","_e","staticClass","_v","_l","option","$event","handleSelect","_s","text","staticRenderFns","props","type","String","Number","Object","required","default","Array","Boolean","validate","$_veeValidate","data","selectedOption","computed","classes","push","join","watch","handler","receivedValue","immediate","methods","$emit","components","FormInput","component"],"mappings":"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","file":"js/chunk-2f3369ee.0b05bcb3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('FormInput',{attrs:{\"label\":_vm.label,\"id\":_vm.id,\"name\":_vm.name,\"value\":_vm.input,\"error\":_vm.error_label,\"placeholder\":_vm.placeholder,\"formGroupStyle\":'margin-bottom: 0px !important;'},on:{\"input\":_vm.handleChange},scopedSlots:_vm._u([{key:\"input\",fn:function({ id, input_name: name, value : inpt_value, handleInput, placeholder }){return [_c('b-form-input',{attrs:{\"id\":id,\"type\":\"search\",\"name\":name,\"value\":inpt_value,\"placeholder\":placeholder,\"aria-placeholder\":placeholder,\"role\":\"combobox\",\"state\":_vm.error,\"aria-expanded\":_vm.showOptions,\"aria-autocomplete\":\"list\",\"aria-activedescendant\":_vm.optionHover,\"aria-owns\":\"listbox\",\"dir\":\"auto\",\"autocomplete\":\"off\",\"aria-label\":\"Pesquisar\"},on:{\"input\":handleInput}}),_c('section',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.onClickOutside),expression:\"onClickOutside\"}],class:_vm.listbox_class,attrs:{\"id\":\"listbox\",\"role\":\"listbox\"}},[(!_vm.options.length && !_vm.input.length)?_c('div',{staticClass:\"option-hover\"},[_c('span',[_vm._v(\" Carregando... \")])]):_vm._e(),(!_vm.options.length && !!_vm.input.length)?_c('div',{staticClass:\"option-hover\"},[_c('span',[_vm._v(\" Nenhum banco encontrado para a pesquisa \")])]):_vm._e(),_vm._l((_vm.options),function(option){return _c('div',{key:option.value,staticClass:\"option-hover\",attrs:{\"id\":'option-' + option.value,\"role\":\"option\"},on:{\"click\":function($event){return _vm.handleSelect(option)},\"mouseover\":function($event){_vm.optionHover = 'option-' + option.value}}},[_c('span',[_vm._v(_vm._s(option.text))])])})],2)]}}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <FormInput\r\n    :label=\"label\"\r\n    :id=\"id\"\r\n    :name=\"name\"\r\n    :value=\"input\"\r\n    @input=\"handleChange\"\r\n    :error=\"error_label\"\r\n    :placeholder=\"placeholder\"\r\n    :formGroupStyle=\"'margin-bottom: 0px !important;'\"\r\n  >\r\n    <template #input=\"{ id, input_name: name, value : inpt_value, handleInput, placeholder }\">\r\n      <b-form-input\r\n        :id=\"id\"\r\n        type=\"search\"\r\n        :name=\"name\"\r\n        :value=\"inpt_value\"\r\n        :placeholder=\"placeholder\"\r\n        :aria-placeholder=\"placeholder\"\r\n        role=\"combobox\"\r\n        @input=\"handleInput\"\r\n        :state=\"error\"\r\n        :aria-expanded=\"showOptions\"\r\n        aria-autocomplete=\"list\"\r\n        :aria-activedescendant=\"optionHover\"\r\n        aria-owns=\"listbox\"\r\n        dir=\"auto\"\r\n        autocomplete=\"off\"\r\n        aria-label=\"Pesquisar\"\r\n      />\r\n        <section\r\n          id=\"listbox\"\r\n          role=\"listbox\"\r\n          v-click-outside=\"onClickOutside\"\r\n          :class=\"listbox_class\"\r\n        >\r\n          <div class=\"option-hover\" v-if=\"!options.length && !input.length\">\r\n            <span>\r\n              Carregando...\r\n            </span>\r\n          </div>\r\n          <div class=\"option-hover\" v-if=\"!options.length && !!input.length\">\r\n            <span>\r\n              Nenhum banco encontrado para a pesquisa\r\n            </span>\r\n          </div>\r\n          <div\r\n            :id=\"'option-' + option.value\"\r\n            role=\"option\"\r\n            class=\"option-hover\"\r\n            v-for=\"option in options\"\r\n            :key=\"option.value\"\r\n            @click=\"handleSelect(option)\"\r\n            @mouseover=\"optionHover = 'option-' + option.value\"\r\n          >\r\n          <span>{{ option.text }}</span>\r\n        </div>\r\n        </section>\r\n    </template>\r\n  </FormInput>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    value: {\r\n      type: [String, Number, Object],\r\n      required: false,\r\n      default: null,\r\n    },\r\n    name: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    id: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    options: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    error: {\r\n      type: [Boolean],\r\n      required: false,\r\n    },\r\n    error_label: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    validate: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n    placeholder: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n  },\r\n  $_veeValidate: {\r\n    value() {\r\n      return this.value;\r\n    },\r\n    name() {\r\n      return this.name;\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      selectedOption: this.value || {},\r\n      showOptions: false,\r\n      input: '',\r\n      optionHover: '',\r\n    };\r\n  },\r\n  computed: {\r\n    listbox_class() {\r\n      const classes = ['listbox'];\r\n      if (this.showOptions) {\r\n        classes.push('show');\r\n      }\r\n      return classes.join(' ');\r\n    },\r\n  },\r\n  watch: {\r\n    value: {\r\n      handler(receivedValue) {\r\n        if (receivedValue && receivedValue.text && receivedValue.text !== this.input) {\r\n          this.input = receivedValue.text;\r\n        }\r\n      },\r\n      immediate: true,\r\n    },\r\n  },\r\n  methods: {\r\n    handleSelect(value) {\r\n      this.$emit(\"input\", value);\r\n      this.showOptions = false;\r\n    },\r\n    handleChange(text) {\r\n      this.input = text;\r\n      this.showOptions = true;\r\n      this.$emit(\"input\", null);\r\n      this.$emit(\"search\", text);\r\n    },\r\n    onClickOutside() {\r\n      this.showOptions = false;\r\n    },\r\n  },\r\n  components: {\r\n    FormInput: () => import(\"@/components/shared/forms/FormInputGeneric.vue\"),\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n  .listbox {\r\n    position: absolute;\r\n    top: 100%;\r\n    z-index: 1000;\r\n    left: 0px;\r\n    right: auto;\r\n    display: none;\r\n    width: -webkit-fill-available;\r\n    background-color: #F8F8F8;\r\n    padding: 1em 0em;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);\r\n    border-width: 0 1px 1px;\r\n    border-style: solid;\r\n    border-color: #0e0e0e;\r\n    border-radius: 5px;\r\n    overflow-y: scroll;\r\n    max-height: 30vh;\r\n  }\r\n  .show {\r\n    display: block;\r\n  }\r\n  .option-hover {\r\n    padding: 0.5em 1em;\r\n  }\r\n  .option-hover:hover {\r\n    background-color: var(--blue);\r\n    cursor: pointer;\r\n  }\r\n  .option-hover:hover span {\r\n    color: #fff;\r\n  }\r\n  .formGroupClass {\r\n    margin-bottom: 0px !important;\r\n  }\r\n  \r\n</style>","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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSearchableSelect.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSearchableSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormSearchableSelect.vue?vue&type=template&id=c13aff7c&scoped=true&\"\nimport script from \"./FormSearchableSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./FormSearchableSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormSearchableSelect.vue?vue&type=style&index=0&id=c13aff7c&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c13aff7c\",\n  null\n  \n)\n\nexport default component.exports","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/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSearchableSelect.vue?vue&type=style&index=0&id=c13aff7c&prod&lang=scss&scoped=true&\""],"sourceRoot":""}