{"version":3,"sources":["webpack:///./src/components/MultiSelect/MultiSelect.vue?ab67","webpack:///./src/components/MultiSelect/MultiSelect.vue","webpack:///src/components/MultiSelect/MultiSelect.vue","webpack:///./src/components/MultiSelect/MultiSelect.vue?956a","webpack:///./src/components/MultiSelect/MultiSelect.vue?4b2e"],"names":["render","_vm","this","_c","_self","attrs","options","valorGuardar","valorVer","selectFirst","allowEmptyList","on","updateParent","scopedSlots","_u","key","fn","_v","_s","emptyList","proxy","badSearch","model","value","localSelected","callback","$$v","expression","length","dataRequired","staticClass","_e","staticRenderFns","components","Multiselect","props","selected","type","Array","default","String","allData","Boolean","dataPreload","data","computed","localSelectedNames","map","item","watch","newVal","methods","$emit","component"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,QAAUJ,EAAIK,QAAQ,UAAW,EAAK,WAAWL,EAAIM,aAAa,YAAc,sBAAsB,MAAQN,EAAIO,SAAS,YAAa,EAAK,mBAAkB,EAAM,mBAAkB,EAAM,kBAAkBP,EAAIQ,YAAY,WAAaR,EAAIS,eAAe,YAAc,6BAA6B,cAAgB,UAAU,cAAgB,gCAAgCC,GAAG,CAAC,MAAQV,EAAIW,cAAcC,YAAYZ,EAAIa,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,WAAW,MAAO,CAACf,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIkB,WAAW,OAAOC,OAAM,GAAM,CAACL,IAAI,WAAWC,GAAG,WAAW,MAAO,CAACf,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIoB,WAAW,OAAOD,OAAM,KAAQE,MAAM,CAACC,MAAOtB,EAAIuB,cAAeC,SAAS,SAAUC,GAAMzB,EAAIuB,cAAcE,GAAKC,WAAW,oBAAqB1B,EAAIuB,cAAcI,QAAU3B,EAAI4B,aAAc1B,EAAG,OAAO,CAAC2B,YAAY,eAAe,CAAC7B,EAAIgB,GAAG,8BAA8BhB,EAAI8B,MAAM,IAEp7BC,EAAkB,G,iCCgCP,GACfC,WAAA,CAAAC,iBACAC,MAAA,CACAC,SAAA,CACAC,KAAAC,MACAC,YAAA,IAEAjC,QAAA,CACA+B,KAAAC,MACAC,YAAA,IAEAhC,aAAA,CACA8B,KAAAG,OACAD,QAAA,MAEA/B,SAAA,CACA6B,KAAAG,OACAD,QAAA,QAEAE,QAAA,CACAJ,KAAAK,QACAH,SAAA,GAGA9B,YAAA,CACA4B,KAAAK,QACAH,SAAA,GAEApB,UAAA,CACAkB,KAAAG,OACAD,QAAA,8CAEAlB,UAAA,CACAgB,KAAAG,OACAD,QAAA,6BAEA7B,eAAA,CACA2B,KAAAK,QACAH,SAAA,GAEAV,aAAA,CACAQ,KAAAK,QACAH,SAAA,GAEAI,YAAA,CACAN,KAAAC,MACAC,YAAA,KAGAK,OACA,OACApB,cAAA,KAAAY,WAGAS,SAAA,CAEAC,qBACA,YAAAL,QAIA,KAAAjB,cAFA,KAAAA,cAAAuB,IAAAC,KAAA,KAAAzC,iBAMA0C,MAAA,CACAb,SAAAc,GACA,KAAA1B,cAAA0B,GAGA5C,UACA,KAAAkB,cAAA,GACA,KAAAZ,gBAEA+B,YAAAO,GACAA,KAAAtB,SACA,KAAAJ,cAAA,IAAA0B,MAKAC,QAAA,CACAvC,eACA,KAAAwC,MAAA,aAAAN,uBCrHsY,I,kCCSlYO,EAAY,eACd,EACArD,EACAgC,GACA,EACA,KACA,KACA,MAIa,aAAAqB,E","file":"js/chunk-fb822fe6.d5f3bf19264712391922.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MultiSelect.vue?vue&type=style&index=0&id=37643d36&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('multiselect',{attrs:{\"options\":_vm.options,\"multiple\":true,\"track-by\":_vm.valorGuardar,\"placeholder\":\"Selecciona opciones\",\"label\":_vm.valorVer,\"searchable\":true,\"close-on-select\":false,\"clear-on-select\":false,\"preselect-first\":_vm.selectFirst,\"allowEmpty\":_vm.allowEmptyList,\"selectLabel\":\"Presiona enter para añadir\",\"selectedLabel\":\"añadido\",\"deselectLabel\":\"Presiona enter para eliminar\"},on:{\"input\":_vm.updateParent},scopedSlots:_vm._u([{key:\"noOptions\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.emptyList)+\" \")]},proxy:true},{key:\"noResult\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.badSearch)+\" \")]},proxy:true}]),model:{value:(_vm.localSelected),callback:function ($$v) {_vm.localSelected=$$v},expression:\"localSelected\"}}),(!_vm.localSelected.length && _vm.dataRequired)?_c('span',{staticClass:\"text-danger\"},[_vm._v(\"Este campo es requerido.\")]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n<!-- IMPORTANTE, SI LOS VALORES QUE HAS SELECCIONADO DEL MULTISELECT CAMBIAN EN EL COMPONENTE PADRE, USA MULTISELECTREACTIVO.VUE QUE YA SE ENCARGA DE ESTE MANEJO BIDIRECCIONAL -->\r\n\r\n\r\n\r\n<template>\r\n  <div>\r\n    <multiselect v-model=\"localSelected\" :options=\"options\" :multiple=\"true\" :track-by=\"valorGuardar\"\r\n                 placeholder=\"Selecciona opciones\" :label=\"valorVer\" :searchable=\"true\" @input=\"updateParent\"\r\n                 :close-on-select=\"false\" :clear-on-select=\"false\" :preselect-first=\"selectFirst\"\r\n                 :allowEmpty=\"allowEmptyList\"\r\n                 selectLabel=\"Presiona enter para añadir\" selectedLabel=\"añadido\"\r\n                 deselectLabel=\"Presiona enter para eliminar\">\r\n\r\n      <!-- TEMPLATE PARA LISTAS VACIAS -->\r\n      <template #noOptions>\r\n        {{ emptyList }}\r\n      </template>\r\n\r\n      <template #noResult>\r\n        {{ badSearch }}\r\n      </template>\r\n\r\n    </multiselect>\r\n    <span v-if=\"!localSelected.length && dataRequired\" class=\"text-danger\">Este campo es requerido.</span>\r\n    <!-- //<p>Seleccionado: {{ localSelectedNames }}</p>\r\n    <p>Condicional: {{ allData }}</p> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Multiselect from 'vue-multiselect';\r\n\r\nexport default {\r\n  components: {Multiselect},\r\n  props: {\r\n    selected: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    options: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    valorGuardar: {\r\n      type: String,\r\n      default: 'id'  // La propiedad única para identificar elementos\r\n    },\r\n    valorVer: {\r\n      type: String,\r\n      default: 'name'\r\n    },\r\n    allData: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n\r\n    selectFirst: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    emptyList: {\r\n      type: String,\r\n      default: \"¡Lo sentimos! No hemos encontrado valores.\",\r\n    },\r\n    badSearch: {\r\n      type: String,\r\n      default: \"¡Ops! Revisa tu búsqueda.\",\r\n    },\r\n    allowEmptyList: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    dataRequired: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    dataPreload:{\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      localSelected: this.selected,\r\n    };\r\n  },\r\n  computed: {\r\n    // Computa una lista con solo los nombres de los elementos seleccionados\r\n    localSelectedNames() {\r\n      if (!this.allData) {\r\n        // Si allData es false, devuelve una lista vacía\r\n        return this.localSelected.map(item => item[this.valorGuardar]);\r\n      } else {\r\n        return this.localSelected;\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    selected(newVal) {\r\n      this.localSelected = newVal;\r\n    },\r\n    // Sincroniza localSelected cuando las opciones cambian\r\n    options() {\r\n      this.localSelected = [];\r\n      this.updateParent();\r\n    },\r\n    dataPreload(newVal) {\r\n      if (newVal && newVal.length) {\r\n        this.localSelected = [...newVal];\r\n      }\r\n    },\r\n  },\r\n  // AJUSTAR DE ACUERDO A LA INFORMACIÓN QUE SE REQUIERA EMITIR\r\n  methods: {\r\n    updateParent() {\r\n      this.$emit('input', this.localSelectedNames);\r\n    },\r\n  }\r\n\r\n};\r\n</script>\r\n<style>\r\n.text-danger {\r\n  color: red;\r\n}\r\n</style>\r\n<style src=\"../../../node_modules/vue-multiselect/dist/vue-multiselect.min.css\"></style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MultiSelect.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MultiSelect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MultiSelect.vue?vue&type=template&id=37643d36\"\nimport script from \"./MultiSelect.vue?vue&type=script&lang=js\"\nexport * from \"./MultiSelect.vue?vue&type=script&lang=js\"\nimport style0 from \"./MultiSelect.vue?vue&type=style&index=0&id=37643d36&prod&lang=css\"\nimport style1 from \"../../../node_modules/vue-multiselect/dist/vue-multiselect.min.css?vue&type=style&index=1&prod&lang=css&external\"\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"],"sourceRoot":""}