{"version":3,"sources":["webpack:///./src/components/Cliente/Components/autocompleteRut.vue","webpack:///src/components/Cliente/Components/autocompleteRut.vue","webpack:///./src/components/Cliente/Components/autocompleteRut.vue?5b4d","webpack:///./src/components/Cliente/Components/autocompleteRut.vue?832f","webpack:///./src/components/Cliente/Components/autocompleteRut.vue?a259"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","preventDefault","getVentas","apply","arguments","attrs","out","rutCliente","model","value","cliente","rut","callback","$$v","$set","expression","show_rut","_l","array_rut","seleccionarCliente","_v","_s","_e","nombreCliente","nombre","show_nombre","array_nombre","staticRenderFns","name","components","InputComp","data","reloadNombre","reload","methods","setTimeout","clearTimeout","query","filtros","field","operator","limite","offset","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,OAAO,CAACG,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBP,EAAIQ,UAAUC,MAAM,KAAMC,cAAc,CAACR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,aAAa,CAACS,MAAM,CAAC,UAAW,EAAK,MAAQ,OAAON,GAAG,CAAC,SAAWL,EAAIY,IAAI,MAAQZ,EAAIa,YAAYC,MAAM,CAACC,MAAOf,EAAIgB,QAAQC,IAAKC,SAAS,SAAUC,GAAMnB,EAAIoB,KAAKpB,EAAIgB,QAAS,MAAOG,IAAME,WAAW,iBAAkBrB,EAAIsB,SAAUpB,EAAG,KAAK,CAACE,YAAY,oBAAoBJ,EAAIuB,GAAIvB,EAAIwB,WAAW,SAASP,GAAK,OAAOf,EAAG,KAAK,CAACE,YAAY,kBAAkBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAIyB,mBAAmBR,MAAQ,CAACjB,EAAI0B,GAAG1B,EAAI2B,GAAGV,EAAIA,WAAU,GAAGjB,EAAI4B,MAAM,GAAG1B,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,aAAa,CAACS,MAAM,CAAC,UAAW,EAAK,MAAQ,UAAUN,GAAG,CAAC,SAAWL,EAAIY,IAAI,MAAQZ,EAAI6B,eAAef,MAAM,CAACC,MAAOf,EAAIgB,QAAQc,OAAQZ,SAAS,SAAUC,GAAMnB,EAAIoB,KAAKpB,EAAIgB,QAAS,SAAUG,IAAME,WAAW,oBAAqBrB,EAAI+B,YAAa7B,EAAG,KAAK,CAACE,YAAY,oBAAoBJ,EAAIuB,GAAIvB,EAAIgC,cAAc,SAASf,GAAK,OAAOf,EAAG,KAAK,CAACE,YAAY,kBAAkBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAIyB,mBAAmBR,MAAQ,CAACjB,EAAI0B,GAAG1B,EAAI2B,GAAGV,EAAIa,cAAa,GAAG9B,EAAI4B,MAAM,KAAK1B,EAAG,SAAS,CAACE,YAAY,4BAA4BO,MAAM,CAAC,KAAO,WAAW,CAACX,EAAI0B,GAAG,iBAE72CO,EAAkB,G,4tBCyBtB,OACAC,uBACAC,YAAAC,wBACAC,gBACA,OACArB,WACAQ,aACAQ,gBACAV,YACAS,eACAO,kBACAC,cAGAC,SACA5B,eAAA,WACA6B,uBACA,iBACA,gBACA,MAEA5B,sBAAA,WACA6B,0BACA,uKAOA,OANAC,kBACAC,SACA,CAAAC,YAAA9B,oBAAA+B,sBAEAC,UACAC,WACA,SACA,uCAAAX,SACA,oBACA,yDACA,MAEAR,yBAAA,WACAa,gCACA,6KAOA,OANAC,kBACAC,SACA,CAAAC,eAAA9B,uBAAA+B,sBAEAC,UACAC,WACA,SACA,uCAAAX,SACA,uBACA,4DACA,MAEAZ,+BACA,gBACA,qBACA,oBACA,kBAEA,mBACA,qBACA,oBACA,mBAGAjB,qBACA,2CC3FuX,I,wBCQnXyC,EAAY,eACd,EACAlD,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,2CCnBf","file":"js/chunk-3ee67f1e.c309b359.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"autocomplete\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.getVentas.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group mr-1\"},[_c('input-comp',{attrs:{\"required\":true,\"label\":\"Rut\"},on:{\"focusout\":_vm.out,\"input\":_vm.rutCliente},model:{value:(_vm.cliente.rut),callback:function ($$v) {_vm.$set(_vm.cliente, \"rut\", $$v)},expression:\"cliente.rut\"}}),(_vm.show_rut)?_c('ul',{staticClass:\"lista list-group\"},_vm._l((_vm.array_rut),function(rut){return _c('li',{staticClass:\"list-group-item\",on:{\"click\":function($event){return _vm.seleccionarCliente(rut)}}},[_vm._v(_vm._s(rut.rut))])}),0):_vm._e()],1),_c('div',{staticClass:\"input-group\"},[_c('input-comp',{attrs:{\"required\":true,\"label\":\"Nombre\"},on:{\"focusout\":_vm.out,\"input\":_vm.nombreCliente},model:{value:(_vm.cliente.nombre),callback:function ($$v) {_vm.$set(_vm.cliente, \"nombre\", $$v)},expression:\"cliente.nombre\"}}),(_vm.show_nombre)?_c('ul',{staticClass:\"lista list-group\"},_vm._l((_vm.array_nombre),function(rut){return _c('li',{staticClass:\"list-group-item\",on:{\"click\":function($event){return _vm.seleccionarCliente(rut)}}},[_vm._v(_vm._s(rut.nombre))])}),0):_vm._e()],1)]),_c('button',{staticClass:\"btn btn-success btn-micro\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Buscar\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"autocomplete\">\n    <form @submit.prevent=\"getVentas\">\n      <div class=\"form-group\">\n        <div class=\"input-group mr-1\">\n          <input-comp :required=\"true\" @focusout=\"out\" @input=\"rutCliente\" label=\"Rut\" v-model=\"cliente.rut\"/>\n          <ul class=\"lista list-group\" v-if=\"show_rut\">\n            <li @click=\"seleccionarCliente(rut)\" class=\"list-group-item\" v-for=\"rut in array_rut\">{{rut.rut}}</li>\n          </ul>\n        </div>\n        <div class=\"input-group\">\n          <input-comp :required=\"true\" @focusout=\"out\" @input=\"nombreCliente\" label=\"Nombre\" v-model=\"cliente.nombre\"/>\n          <ul class=\"lista list-group\" v-if=\"show_nombre\">\n            <li @click=\"seleccionarCliente(rut)\" class=\"list-group-item\" v-for=\"rut in array_nombre\">{{rut.nombre}}</li>\n          </ul>\n        </div>\n      </div>\n      <button type=\"submit\" class=\"btn btn-success btn-micro\">Buscar</button>\n    </form>\n  </div>\n</template>\n\n<script>\n  import InputComp from \"../../Componentes_Globales/Input/inputComp\";\n  import {URL_CLIENTE} from \"../../../api/config\";\n  import makeQuery from \"../../../api/helper\";\n\n  export default {\n    name: \"autocompleteRut\",\n    components: {InputComp},\n    data() {\n      return {\n        cliente: {},\n        array_rut: [],\n        array_nombre: [],\n        show_rut: false,\n        show_nombre: false,\n        reloadNombre: null,\n        reload: null\n      }\n    },\n    methods: {\n      out() {\n        setTimeout(() => {\n          this.show_nombre = false\n          this.show_rut = false\n        }, 250)\n      },\n      rutCliente() {\n        clearTimeout(this.reload)\n        this.reload = setTimeout(async () => {\n          const query = makeQuery({\n            filtros: [\n              {field: 'rut', value: this.cliente.rut, operator: 'CONTAINS'},\n            ],\n            limite: 10,\n            offset: 0\n          })\n          const {data} = await this.$axios.get(URL_CLIENTE + query)\n          this.array_rut = data.items\n          this.show_rut = true\n        }, 300)\n      },\n      nombreCliente() {\n        clearTimeout(this.reloadNombre)\n        this.reloadNombre = setTimeout(async () => {\n          const query = makeQuery({\n            filtros: [\n              {field: 'nombre', value: this.cliente.nombre, operator: 'CONTAINS'},\n            ],\n            limite: 10,\n            offset: 0\n          })\n          const {data} = await this.$axios.get(URL_CLIENTE + query)\n          this.array_nombre = data.items\n          this.show_nombre = true\n        }, 300)\n      },\n      seleccionarCliente(item) {\n        if (this.show_rut) {\n          this.cliente = {...item}\n          this.show_nombre = false\n          this.show_rut = false\n        }\n        if (this.show_nombre) {\n          this.cliente = {...item}\n          this.show_nombre = false\n          this.show_rut = false\n        }\n      },\n      getVentas() {\n        this.$emit('ventas', {...this.cliente})\n      }\n    }\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  .lista {\n    list-style: none;\n    position: absolute;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    z-index: 1;\n    cursor: pointer;\n\n    li {\n      padding: 10px;\n      border-bottom: solid white 1px;\n\n      &:hover {\n        background-color: #4d4d4d;\n        color: white;\n      }\n    }\n\n  }\n\n</style>\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!./autocompleteRut.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!./autocompleteRut.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./autocompleteRut.vue?vue&type=template&id=4241d3e4&scoped=true&\"\nimport script from \"./autocompleteRut.vue?vue&type=script&lang=js&\"\nexport * from \"./autocompleteRut.vue?vue&type=script&lang=js&\"\nimport style0 from \"./autocompleteRut.vue?vue&type=style&index=0&id=4241d3e4&prod&scoped=true&lang=scss&\"\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  \"4241d3e4\",\n  null\n  \n)\n\nexport default component.exports","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/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./autocompleteRut.vue?vue&type=style&index=0&id=4241d3e4&prod&scoped=true&lang=scss&\""],"sourceRoot":""}