{"version":3,"sources":["webpack:///./src/components/group/viewGroup.vue?4873","webpack:///./src/components/Loading.vue","webpack:///./src/components/Loading.vue?17d4","webpack:///./src/components/group/editGroup.vue?0ec1","webpack:///./src/views/apps/group/Groups.vue","webpack:///./src/components/group/newGroup.vue","webpack:///./src/components/group/newGroup.vue?cb0d","webpack:///./src/components/group/viewGroup.vue","webpack:///./src/components/group/viewGroup.vue?202f","webpack:///./src/components/group/editGroup.vue","webpack:///./src/components/group/editGroup.vue?0457","webpack:///./src/views/apps/group/Groups.vue?d396","webpack:///./src/components/Loading.vue?7ad2","webpack:///./src/components/group/newGroup.vue?5372","webpack:///./public/media/logos/loading.gif","webpack:///./src/views/apps/group/Groups.vue?07b9"],"names":["class","src","alt","name","__exports__","render","xmlns","width","height","viewBox","fill","style","d","id","for","fill-rule","clip-rule","scope","role","cx","cy","r","type","nombreGrupo","fechaDesde","fechaHasta","filtrarItems","cargarValoresIniciales","selectEliminar","eliminarFilas","nuevoGrupo","selectAll","items","item","index","key","EliminarBox","selected","formatearFecha","fechaCreacion","infoGroup","editGroup","data-dismiss","aria-label","showModalExito","mensajeExito","showModalError","mensajeError","guardar","verGrupo","memsaje","idGrupo","nombre","editarGrupo","editar","idsSeleccionados","quitarItem","correo","selectedGroup","options","proveedores","add","settings","border","container-class","cancelarCreacion","crearGrupo","emits","components","Loading","loading","props","emit","store","mensajeInput","fetchProveedores","async","data","getters","allProveedores","map","proxy","value","filter","contactoEmail","forEach","p","text","error","console","ids","element","formData","FormData","append","dispatch","CREATE_GROUP","log","methods","this","find","proveedorSeleccionado","i","push","String","documentos","GET_PROVEEDORES_GRUPO","result","mensaje","fetchProveedoresSelect","EDIT_GROUP","NewGroup","ViewGroup","EditGroup","cargarItems","GET_GROUPS","Id","Nombre","Activo","activo","fetchItems","fecha","fechaFormato","Date","dia","getDate","mes","getMonth","anio","getFullYear","deleteList","JSON","stringify","DELETE_GROUPS","getTime","nombreItem","fechaValida","nombreCargaValido","toUpperCase","includes","fechaLimite","aux","values","check","files","toString","watch","Eliminar","computed","module","exports"],"mappings":"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","file":"js/chunk-9f799eac.b90740d5.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--1-1!./viewGroup.vue?vue&type=style&index=0&id=a94709a2&scoped=true&lang=css\"","<template>\n  <div class=\"indicador-de-carga\">\n    <img\n      src=\"../../public/media/logos/loading.gif\"\n      alt=\"Icono GIF\"\n      class=\"gif-icon\"\n    />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Loading\",\n};\n</script>\n\n<style scoped>\n.indicador-de-carga img {\n  width: 10%;\n}\n.modal-overlay,\n.indicador-de-carga {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 10;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n</style>\n","import { render } from \"./Loading.vue?vue&type=template&id=6f6a97cf&scoped=true\"\nimport script from \"./Loading.vue?vue&type=script&lang=js\"\nexport * from \"./Loading.vue?vue&type=script&lang=js\"\n\nimport \"./Loading.vue?vue&type=style&index=0&id=6f6a97cf&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Proyectos\\\\Codebase\\\\Github\\\\Melon\\\\melon-web-proveedores\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6f6a97cf\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--1-1!./editGroup.vue?vue&type=style&index=0&id=6daac5a1&scoped=true&lang=css\"","<template>\r\n  <!--begin::Card-->\r\n  <div class=\"card\">\r\n    <!--begin::Card header-->\r\n    <div class=\"card-header border-0\">\r\n      <!--begin::Card title-->\r\n      <div class=\"card-title\">\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          width=\"23\"\r\n          height=\"19\"\r\n          viewBox=\"0 0 23 19\"\r\n          fill=\"none\"\r\n          style=\"margin-right: 17px\"\r\n        >\r\n          <path\r\n            d=\"M8.29334 10.3029C7.85065 10.5198 7.45027 10.7908 7.09221 11.1161C6.73414 11.4413 6.43142 11.8176 6.18403 12.2449H7.71719C8.06874 11.8559 8.48539 11.5561 8.96715 11.3457C9.4489 11.1352 9.95996 11.0268 10.5003 11.0204C11.0211 11.0204 11.5061 11.1161 11.9553 11.3074C12.4045 11.4987 12.8017 11.7602 13.1467 12.0918C13.4918 12.4235 13.7619 12.8157 13.9572 13.2685C14.1525 13.7213 14.2502 14.1964 14.2502 14.6939H15.5002C15.5002 14.2283 15.4351 13.7787 15.3048 13.345C15.1746 12.9114 14.9891 12.5 14.7482 12.111C14.5073 11.7219 14.2111 11.3776 13.8596 11.0778C13.508 10.7781 13.1239 10.5198 12.7073 10.3029C13.1955 9.95855 13.5731 9.52806 13.84 9.01148C14.107 8.4949 14.2437 7.94005 14.2502 7.34694C14.2502 7.00893 14.3153 6.69324 14.4455 6.39987C14.5757 6.10651 14.7547 5.84503 14.9826 5.61543C15.2104 5.38584 15.4741 5.21046 15.7736 5.08929C16.0731 4.96811 16.3986 4.90434 16.7501 4.89796C17.0952 4.89796 17.4174 4.96173 17.7169 5.08929C18.0164 5.21684 18.2833 5.39222 18.5176 5.61543C18.752 5.83865 18.931 6.09694 19.0547 6.39031C19.1784 6.68367 19.2435 7.00255 19.25 7.34694H20.5C20.5 7.01531 20.4544 6.69005 20.3633 6.37117C20.2721 6.0523 20.1452 5.75574 19.9824 5.48151C19.8197 5.20727 19.6146 4.95217 19.3672 4.7162C19.1198 4.48023 18.8497 4.28571 18.5567 4.13265C18.778 3.90944 18.9473 3.65115 19.0645 3.35778C19.1817 3.06441 19.2435 2.76148 19.25 2.44898C19.25 2.11097 19.1849 1.79528 19.0547 1.50191C18.9245 1.20855 18.7455 0.947066 18.5176 0.717475C18.2898 0.487883 18.0261 0.3125 17.7266 0.191327C17.4272 0.0701531 17.1017 0.00637755 16.7501 0C16.4051 0 16.0828 0.0637755 15.7833 0.191327C15.4839 0.318878 15.217 0.49426 14.9826 0.717475C14.7482 0.940689 14.5692 1.19898 14.4455 1.49235C14.3218 1.78571 14.2567 2.10459 14.2502 2.44898C14.2502 2.76148 14.3088 3.06441 14.426 3.35778C14.5432 3.65115 14.7157 3.90944 14.9435 4.13265C14.6701 4.27934 14.426 4.45472 14.2111 4.6588C13.9963 4.86288 13.801 5.0861 13.6252 5.32844C13.4494 5.07334 13.2476 4.84375 13.0198 4.63967C12.7919 4.43559 12.5445 4.26339 12.2776 4.12309C12.0107 3.98278 11.7275 3.87117 11.428 3.78827C11.1285 3.70536 10.8193 3.66709 10.5003 3.67347C10.1878 3.67347 9.88183 3.71173 9.58236 3.78827C9.28289 3.8648 8.9997 3.97321 8.73278 4.11352C8.46586 4.25383 8.21522 4.42921 7.98085 4.63967C7.74648 4.85013 7.54467 5.07972 7.3754 5.32844C7.20613 5.0861 7.01408 4.86288 6.79925 4.6588C6.58441 4.45472 6.33702 4.27934 6.05708 4.13265C6.27843 3.90944 6.44769 3.65115 6.56488 3.35778C6.68206 3.06441 6.74391 2.76148 6.75042 2.44898C6.75042 2.11097 6.68532 1.79528 6.55511 1.50191C6.42491 1.20855 6.24588 0.947066 6.01802 0.717475C5.79016 0.487883 5.5265 0.3125 5.22703 0.191327C4.92756 0.0701531 4.60205 0.00637755 4.2505 0C3.90545 0 3.5832 0.0637755 3.28373 0.191327C2.98426 0.318878 2.71734 0.49426 2.48297 0.717475C2.2486 0.940689 2.06957 1.19898 1.94588 1.49235C1.82219 1.78571 1.75708 2.10459 1.75057 2.44898C1.75057 2.76148 1.80916 3.06441 1.92635 3.35778C2.04353 3.65115 2.21605 3.90944 2.44391 4.13265C2.14444 4.29209 1.87427 4.48661 1.63339 4.7162C1.39251 4.94579 1.19069 5.1977 1.02794 5.47194C0.865183 5.74617 0.734978 6.04592 0.637325 6.37117C0.539671 6.69643 0.494101 7.02168 0.50061 7.34694H1.75057C1.75057 7.00893 1.81567 6.69324 1.94588 6.39987C2.07608 6.10651 2.25511 5.84503 2.48297 5.61543C2.71083 5.38584 2.97449 5.21046 3.27396 5.08929C3.57343 4.96811 3.89894 4.90434 4.2505 4.89796C4.59554 4.89796 4.91779 4.96173 5.21726 5.08929C5.51673 5.21684 5.78365 5.39222 6.01802 5.61543C6.25239 5.83865 6.43142 6.09694 6.55511 6.39031C6.67881 6.68367 6.74391 7.00255 6.75042 7.34694C6.75042 7.93367 6.88388 8.48533 7.1508 9.00191C7.41772 9.51849 7.79856 9.95217 8.29334 10.3029ZM4.2505 1.22449C4.42627 1.22449 4.58903 1.25638 4.73876 1.32015C4.8885 1.38393 5.0187 1.47003 5.12938 1.57844C5.24005 1.68686 5.33119 1.8176 5.4028 1.97066C5.47442 2.12372 5.50697 2.28316 5.50046 2.44898C5.50046 2.62117 5.46791 2.78061 5.4028 2.9273C5.3377 3.07398 5.24981 3.20153 5.13914 3.30995C5.02847 3.41837 4.89501 3.50765 4.73876 3.57781C4.58252 3.64796 4.41976 3.67985 4.2505 3.67347C4.07472 3.67347 3.91196 3.64158 3.76223 3.57781C3.6125 3.51403 3.48229 3.42793 3.37162 3.31952C3.26094 3.2111 3.1698 3.08036 3.09819 2.9273C3.02658 2.77423 2.99402 2.6148 3.00053 2.44898C3.00053 2.27679 3.03308 2.11735 3.09819 1.97066C3.16329 1.82398 3.25118 1.69643 3.36185 1.58801C3.47252 1.47959 3.60598 1.39031 3.76223 1.32015C3.91847 1.25 4.08123 1.21811 4.2505 1.22449ZM16.7501 3.67347C16.5743 3.67347 16.4116 3.64158 16.2618 3.57781C16.1121 3.51403 15.9819 3.42793 15.8712 3.31952C15.7606 3.2111 15.6694 3.08036 15.5978 2.9273C15.5262 2.77423 15.4936 2.6148 15.5002 2.44898C15.5002 2.27679 15.5327 2.11735 15.5978 1.97066C15.6629 1.82398 15.7508 1.69643 15.8615 1.58801C15.9721 1.47959 16.1056 1.39031 16.2618 1.32015C16.4181 1.25 16.5808 1.21811 16.7501 1.22449C16.9259 1.22449 17.0886 1.25638 17.2384 1.32015C17.3881 1.38393 17.5183 1.47003 17.629 1.57844C17.7397 1.68686 17.8308 1.8176 17.9024 1.97066C17.974 2.12372 18.0066 2.28316 18.0001 2.44898C18.0001 2.62117 17.9675 2.78061 17.9024 2.9273C17.8373 3.07398 17.7494 3.20153 17.6388 3.30995C17.5281 3.41837 17.3946 3.50765 17.2384 3.57781C17.0821 3.64796 16.9194 3.67985 16.7501 3.67347ZM10.5003 9.79592C10.1553 9.79592 9.83301 9.73214 9.53354 9.60459C9.23407 9.47704 8.96715 9.30166 8.73278 9.07844C8.49841 8.85523 8.31938 8.59694 8.19569 8.30357C8.07199 8.0102 8.00689 7.69133 8.00038 7.34694C8.00038 7.00893 8.06548 6.69324 8.19569 6.39987C8.32589 6.10651 8.50492 5.84503 8.73278 5.61543C8.96064 5.38584 9.2243 5.21046 9.52377 5.08929C9.82324 4.96811 10.1488 4.90434 10.5003 4.89796C10.8453 4.89796 11.1676 4.96173 11.4671 5.08929C11.7665 5.21684 12.0335 5.39222 12.2678 5.61543C12.5022 5.83865 12.6812 6.09694 12.8049 6.39031C12.9286 6.68367 12.9937 7.00255 13.0002 7.34694C13.0002 7.68495 12.9351 8.00064 12.8049 8.29401C12.6747 8.58737 12.4957 8.84885 12.2678 9.07844C12.04 9.30804 11.7763 9.48342 11.4768 9.60459C11.1774 9.72577 10.8519 9.78954 10.5003 9.79592ZM3.00053 13.4694H0.50061V14.6939H3.00053V17.1429H4.2505V14.6939H6.75042V13.4694H4.2505V11.0204H3.00053V13.4694Z\"\r\n            fill=\"#006C90\"\r\n          />\r\n        </svg>\r\n        Grupos\r\n      </div>\r\n      <!--begin::Card title-->\r\n    </div>\r\n    <!--end::Card header-->\r\n\r\n    <!--begin: Card-body Drag and Drop-->\r\n    <div class=\"card-body col-12\">\r\n      <div id=\"card-filter\" class=\"col-12 row\">\r\n        <div class=\"col-12 col-md-6 col-xl-4\tcol-xxl-4\">\r\n          <label for=\"nombreGrupo\" class=\"col-12\">Nombre</label>\r\n          <input type=\"text\" id=\"nombreGrupo\" v-model=\"nombreGrupo\" class=\"col-12 form-control\" />\r\n        </div>\r\n        <div class=\"col-12 col-md-6 col-xl-2\tcol-xxl-2\">\r\n          <label for=\"fechaDesde\" class=\"col-12\">Fecha Desde</label>\r\n          <input type=\"date\" id=\"fechaDesde\" v-model=\"fechaDesde\" class=\"col-12 form-control\" />\r\n        </div>\r\n        <div class=\"col-12 col-md-6 col-xl-2\tcol-xxl-2\">\r\n          <label for=\"fechaHasta\" class=\"col-12\">Fecha Hasta</label>\r\n          <input type=\"date\" id=\"fechaHasta\" v-model=\"fechaHasta\" class=\"col-12 form-control\" />\r\n        </div>\r\n        <div class=\"buttons-filter col-12 col-xl-4 col-xxl-4\">\r\n          <div class=\"col-12 col-md-6\">\r\n            <button class=\"btn btn-melon col-12\" @click=\"filtrarItems\">Filtrar</button>\r\n          </div>\r\n          <div class=\"col-12 col-md-6\">\r\n            <button class=\"btn btn-melon-secundario col-12\" @click=\"cargarValoresIniciales\">\r\n              Limpiar\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div id=\"botonera\" class=\"col-12\">\r\n        <div id=\"button-eliminar\">\r\n          <button\r\n            v-if=\"!selectEliminar\"\r\n            style=\"background-color: #99c4d3; border-color: #99c4d3\"\r\n          >\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width=\"17\"\r\n              height=\"16\"\r\n              viewBox=\"0 0 17 16\"\r\n              fill=\"none\"\r\n              style=\"margin-right: 7px\"\r\n            >\r\n              <path\r\n                fill-rule=\"evenodd\"\r\n                clip-rule=\"evenodd\"\r\n                d=\"M6.25 3V1.5H10.75V3H6.25ZM4.75 3V1C4.75 0.734784 4.85536 0.48043 5.04289 0.292893C5.23043 0.105357 5.48478 0 5.75 0L11.25 0C11.5152 0 11.7696 0.105357 11.9571 0.292893C12.1446 0.48043 12.25 0.734784 12.25 1V3H14.75C14.9489 3 15.1397 3.07902 15.2803 3.21967C15.421 3.36032 15.5 3.55109 15.5 3.75C15.5 3.94891 15.421 4.13968 15.2803 4.28033C15.1397 4.42098 14.9489 4.5 14.75 4.5H14.385L13.642 14.153C13.6034 14.6554 13.3767 15.1248 13.007 15.4673C12.6373 15.8097 12.1519 16 11.648 16H5.352C4.84808 16 4.36274 15.8097 3.99304 15.4673C3.62335 15.1248 3.39655 14.6554 3.358 14.153L2.615 4.5H2.25C2.05109 4.5 1.86032 4.42098 1.71967 4.28033C1.57902 4.13968 1.5 3.94891 1.5 3.75C1.5 3.55109 1.57902 3.36032 1.71967 3.21967C1.86032 3.07902 2.05109 3 2.25 3H4.75ZM4.12 4.5H12.88L12.146 14.038C12.1364 14.1636 12.0798 14.2809 11.9875 14.3666C11.8952 14.4522 11.7739 14.4999 11.648 14.5H5.352C5.22607 14.4999 5.10482 14.4522 5.0125 14.3666C4.92017 14.2809 4.86357 14.1636 4.854 14.038L4.12 4.5Z\"\r\n                fill=\"white\"\r\n              />\r\n            </svg>\r\n            Eliminar\r\n          </button>\r\n          <button @click=\"eliminarFilas\" v-if=\"selectEliminar\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width=\"17\"\r\n              height=\"16\"\r\n              viewBox=\"0 0 17 16\"\r\n              fill=\"none\"\r\n              style=\"margin-right: 7px\"\r\n            >\r\n              <path\r\n                fill-rule=\"evenodd\"\r\n                clip-rule=\"evenodd\"\r\n                d=\"M6.25 3V1.5H10.75V3H6.25ZM4.75 3V1C4.75 0.734784 4.85536 0.48043 5.04289 0.292893C5.23043 0.105357 5.48478 0 5.75 0L11.25 0C11.5152 0 11.7696 0.105357 11.9571 0.292893C12.1446 0.48043 12.25 0.734784 12.25 1V3H14.75C14.9489 3 15.1397 3.07902 15.2803 3.21967C15.421 3.36032 15.5 3.55109 15.5 3.75C15.5 3.94891 15.421 4.13968 15.2803 4.28033C15.1397 4.42098 14.9489 4.5 14.75 4.5H14.385L13.642 14.153C13.6034 14.6554 13.3767 15.1248 13.007 15.4673C12.6373 15.8097 12.1519 16 11.648 16H5.352C4.84808 16 4.36274 15.8097 3.99304 15.4673C3.62335 15.1248 3.39655 14.6554 3.358 14.153L2.615 4.5H2.25C2.05109 4.5 1.86032 4.42098 1.71967 4.28033C1.57902 4.13968 1.5 3.94891 1.5 3.75C1.5 3.55109 1.57902 3.36032 1.71967 3.21967C1.86032 3.07902 2.05109 3 2.25 3H4.75ZM4.12 4.5H12.88L12.146 14.038C12.1364 14.1636 12.0798 14.2809 11.9875 14.3666C11.8952 14.4522 11.7739 14.4999 11.648 14.5H5.352C5.22607 14.4999 5.10482 14.4522 5.0125 14.3666C4.92017 14.2809 4.86357 14.1636 4.854 14.038L4.12 4.5Z\"\r\n                fill=\"white\"\r\n              />\r\n            </svg>\r\n            Eliminar\r\n          </button>\r\n        </div>\r\n        <div id=\"button-nuevo\">\r\n          <button @click=\"nuevoGrupo = true\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width=\"21\"\r\n              height=\"18\"\r\n              viewBox=\"0 0 21 18\"\r\n              fill=\"none\"\r\n              style=\"margin-right: 7px\"\r\n            >\r\n              <path\r\n                d=\"M8.29334 10.3029C7.85065 10.5198 7.45027 10.7908 7.09221 11.1161C6.73414 11.4413 6.43142 11.8176 6.18403 12.2449H7.71719C8.06874 11.8559 8.48539 11.5561 8.96715 11.3457C9.4489 11.1352 9.95996 11.0268 10.5003 11.0204C11.0211 11.0204 11.5061 11.1161 11.9553 11.3074C12.4045 11.4987 12.8017 11.7602 13.1467 12.0918C13.4918 12.4235 13.7619 12.8157 13.9572 13.2685C14.1525 13.7213 14.2502 14.1964 14.2502 14.6939H15.5002C15.5002 14.2283 15.4351 13.7787 15.3048 13.345C15.1746 12.9114 14.9891 12.5 14.7482 12.111C14.5073 11.7219 14.2111 11.3776 13.8596 11.0778C13.508 10.7781 13.1239 10.5198 12.7073 10.3029C13.1955 9.95855 13.5731 9.52806 13.84 9.01148C14.107 8.4949 14.2437 7.94005 14.2502 7.34694C14.2502 7.00893 14.3153 6.69324 14.4455 6.39987C14.5757 6.10651 14.7547 5.84503 14.9826 5.61543C15.2104 5.38584 15.4741 5.21046 15.7736 5.08929C16.0731 4.96811 16.3986 4.90434 16.7501 4.89796C17.0952 4.89796 17.4174 4.96173 17.7169 5.08929C18.0164 5.21684 18.2833 5.39222 18.5176 5.61543C18.752 5.83865 18.931 6.09694 19.0547 6.39031C19.1784 6.68367 19.2435 7.00255 19.25 7.34694H20.5C20.5 7.01531 20.4544 6.69005 20.3633 6.37117C20.2721 6.0523 20.1452 5.75574 19.9824 5.48151C19.8197 5.20727 19.6146 4.95217 19.3672 4.7162C19.1198 4.48023 18.8497 4.28571 18.5567 4.13265C18.778 3.90944 18.9473 3.65115 19.0645 3.35778C19.1817 3.06441 19.2435 2.76148 19.25 2.44898C19.25 2.11097 19.1849 1.79528 19.0547 1.50191C18.9245 1.20855 18.7455 0.947066 18.5176 0.717475C18.2898 0.487883 18.0261 0.3125 17.7266 0.191327C17.4272 0.0701531 17.1017 0.00637755 16.7501 0C16.4051 0 16.0828 0.0637755 15.7833 0.191327C15.4839 0.318878 15.217 0.49426 14.9826 0.717475C14.7482 0.940689 14.5692 1.19898 14.4455 1.49235C14.3218 1.78571 14.2567 2.10459 14.2502 2.44898C14.2502 2.76148 14.3088 3.06441 14.426 3.35778C14.5432 3.65115 14.7157 3.90944 14.9435 4.13265C14.6701 4.27934 14.426 4.45472 14.2111 4.6588C13.9963 4.86288 13.801 5.0861 13.6252 5.32844C13.4494 5.07334 13.2476 4.84375 13.0198 4.63967C12.7919 4.43559 12.5445 4.26339 12.2776 4.12309C12.0107 3.98278 11.7275 3.87117 11.428 3.78827C11.1285 3.70536 10.8193 3.66709 10.5003 3.67347C10.1878 3.67347 9.88183 3.71173 9.58236 3.78827C9.28289 3.8648 8.9997 3.97321 8.73278 4.11352C8.46586 4.25383 8.21522 4.42921 7.98085 4.63967C7.74648 4.85013 7.54467 5.07972 7.3754 5.32844C7.20613 5.0861 7.01408 4.86288 6.79925 4.6588C6.58441 4.45472 6.33702 4.27934 6.05708 4.13265C6.27843 3.90944 6.44769 3.65115 6.56488 3.35778C6.68206 3.06441 6.74391 2.76148 6.75042 2.44898C6.75042 2.11097 6.68532 1.79528 6.55511 1.50191C6.42491 1.20855 6.24588 0.947066 6.01802 0.717475C5.79016 0.487883 5.5265 0.3125 5.22703 0.191327C4.92756 0.0701531 4.60205 0.00637755 4.2505 0C3.90545 0 3.5832 0.0637755 3.28373 0.191327C2.98426 0.318878 2.71734 0.49426 2.48297 0.717475C2.2486 0.940689 2.06957 1.19898 1.94588 1.49235C1.82219 1.78571 1.75708 2.10459 1.75057 2.44898C1.75057 2.76148 1.80916 3.06441 1.92635 3.35778C2.04353 3.65115 2.21605 3.90944 2.44391 4.13265C2.14444 4.29209 1.87427 4.48661 1.63339 4.7162C1.39251 4.94579 1.19069 5.1977 1.02794 5.47194C0.865183 5.74617 0.734978 6.04592 0.637325 6.37117C0.539671 6.69643 0.494101 7.02168 0.50061 7.34694H1.75057C1.75057 7.00893 1.81567 6.69324 1.94588 6.39987C2.07608 6.10651 2.25511 5.84503 2.48297 5.61543C2.71083 5.38584 2.97449 5.21046 3.27396 5.08929C3.57343 4.96811 3.89894 4.90434 4.2505 4.89796C4.59554 4.89796 4.91779 4.96173 5.21726 5.08929C5.51673 5.21684 5.78365 5.39222 6.01802 5.61543C6.25239 5.83865 6.43142 6.09694 6.55511 6.39031C6.67881 6.68367 6.74391 7.00255 6.75042 7.34694C6.75042 7.93367 6.88388 8.48533 7.1508 9.00191C7.41772 9.51849 7.79856 9.95217 8.29334 10.3029ZM4.2505 1.22449C4.42627 1.22449 4.58903 1.25638 4.73876 1.32015C4.8885 1.38393 5.0187 1.47003 5.12938 1.57844C5.24005 1.68686 5.33119 1.8176 5.4028 1.97066C5.47442 2.12372 5.50697 2.28316 5.50046 2.44898C5.50046 2.62117 5.46791 2.78061 5.4028 2.9273C5.3377 3.07398 5.24981 3.20153 5.13914 3.30995C5.02847 3.41837 4.89501 3.50765 4.73876 3.57781C4.58252 3.64796 4.41976 3.67985 4.2505 3.67347C4.07472 3.67347 3.91196 3.64158 3.76223 3.57781C3.6125 3.51403 3.48229 3.42793 3.37162 3.31952C3.26094 3.2111 3.1698 3.08036 3.09819 2.9273C3.02658 2.77423 2.99402 2.6148 3.00053 2.44898C3.00053 2.27679 3.03308 2.11735 3.09819 1.97066C3.16329 1.82398 3.25118 1.69643 3.36185 1.58801C3.47252 1.47959 3.60598 1.39031 3.76223 1.32015C3.91847 1.25 4.08123 1.21811 4.2505 1.22449ZM16.7501 3.67347C16.5743 3.67347 16.4116 3.64158 16.2618 3.57781C16.1121 3.51403 15.9819 3.42793 15.8712 3.31952C15.7606 3.2111 15.6694 3.08036 15.5978 2.9273C15.5262 2.77423 15.4936 2.6148 15.5002 2.44898C15.5002 2.27679 15.5327 2.11735 15.5978 1.97066C15.6629 1.82398 15.7508 1.69643 15.8615 1.58801C15.9721 1.47959 16.1056 1.39031 16.2618 1.32015C16.4181 1.25 16.5808 1.21811 16.7501 1.22449C16.9259 1.22449 17.0886 1.25638 17.2384 1.32015C17.3881 1.38393 17.5183 1.47003 17.629 1.57844C17.7397 1.68686 17.8308 1.8176 17.9024 1.97066C17.974 2.12372 18.0066 2.28316 18.0001 2.44898C18.0001 2.62117 17.9675 2.78061 17.9024 2.9273C17.8373 3.07398 17.7494 3.20153 17.6388 3.30995C17.5281 3.41837 17.3946 3.50765 17.2384 3.57781C17.0821 3.64796 16.9194 3.67985 16.7501 3.67347ZM10.5003 9.79592C10.1553 9.79592 9.83301 9.73214 9.53354 9.60459C9.23407 9.47704 8.96715 9.30166 8.73278 9.07844C8.49841 8.85523 8.31938 8.59694 8.19569 8.30357C8.07199 8.0102 8.00689 7.69133 8.00038 7.34694C8.00038 7.00893 8.06548 6.69324 8.19569 6.39987C8.32589 6.10651 8.50492 5.84503 8.73278 5.61543C8.96064 5.38584 9.2243 5.21046 9.52377 5.08929C9.82324 4.96811 10.1488 4.90434 10.5003 4.89796C10.8453 4.89796 11.1676 4.96173 11.4671 5.08929C11.7665 5.21684 12.0335 5.39222 12.2678 5.61543C12.5022 5.83865 12.6812 6.09694 12.8049 6.39031C12.9286 6.68367 12.9937 7.00255 13.0002 7.34694C13.0002 7.68495 12.9351 8.00064 12.8049 8.29401C12.6747 8.58737 12.4957 8.84885 12.2678 9.07844C12.04 9.30804 11.7763 9.48342 11.4768 9.60459C11.1774 9.72577 10.8519 9.78954 10.5003 9.79592ZM3.00053 13.4694H0.50061V14.6939H3.00053V17.1429H4.2505V14.6939H6.75042V13.4694H4.2505V11.0204H3.00053V13.4694Z\"\r\n                fill=\"white\"\r\n              />\r\n            </svg>\r\n            Crear Grupos\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"contenedor-table\">\r\n        <table class=\"table table-striped\">\r\n          <thead class=\"thead-document\">\r\n            <tr>\r\n              <th scope=\"col col-2\" class=\"th-1\">\r\n                <input type=\"checkbox\" id=\"header-checkbox\" v-model=\"selectAll\" />\r\n              </th>\r\n              <th scope=\"col\" class=\"\">Nombre del Grupo s</th>\r\n              <th scope=\"col\" class=\"\">Fecha Creación</th>\r\n              <th scope=\"col\" class=\"\"></th>\r\n              <th scope=\"col\" class=\"th-5\"></th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr v-for=\"(item, index) in items\" :key=\"index\">\r\n              <th scope=\"col\" class=\"text-center\" v-if=\"item.Activo\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  :id=\"'checkbox' + index\"\r\n                  v-model=\"item.selected\"\r\n                  @click=\"EliminarBox(!item.selected)\"\r\n                />\r\n              </th>\r\n              <th scope=\"col\" v-if=\"item.Activo\">{{ item.nombreGrupo }}</th>\r\n                <th scope=\"col\" v-if=\"item.Activo\">{{ formatearFecha(item.fechaCreacion) }}</th>\r\n              <th scope=\"col\" class=\"th-actions\" v-if=\"item.Activo\">\r\n                <div\r\n                  class=\"actions\"\r\n                  @click=\"infoGroup(item.id, item.nombreGrupo)\"\r\n                >\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                  >\r\n                    <path\r\n                      d=\"M9.99967 7.5C10.6627 7.5 11.2986 7.76339 11.7674 8.23223C12.2363 8.70107 12.4997 9.33696 12.4997 10C12.4997 10.663 12.2363 11.2989 11.7674 11.7678C11.2986 12.2366 10.6627 12.5 9.99967 12.5C9.33663 12.5 8.70075 12.2366 8.23191 11.7678C7.76307 11.2989 7.49967 10.663 7.49967 10C7.49967 9.33696 7.76307 8.70107 8.23191 8.23223C8.70075 7.76339 9.33663 7.5 9.99967 7.5ZM9.99967 3.75C14.1663 3.75 17.7247 6.34167 19.1663 10C17.7247 13.6583 14.1663 16.25 9.99967 16.25C5.83301 16.25 2.27467 13.6583 0.833008 10C2.27467 6.34167 5.83301 3.75 9.99967 3.75ZM2.64967 10C3.32322 11.3753 4.3691 12.534 5.66841 13.3444C6.96772 14.1548 8.46834 14.5844 9.99967 14.5844C11.531 14.5844 13.0316 14.1548 14.3309 13.3444C15.6303 12.534 16.6761 11.3753 17.3497 10C16.6761 8.62474 15.6303 7.46604 14.3309 6.65562C13.0316 5.8452 11.531 5.41557 9.99967 5.41557C8.46834 5.41557 6.96772 5.8452 5.66841 6.65562C4.3691 7.46604 3.32322 8.62474 2.64967 10Z\"\r\n                      fill=\"white\"\r\n                    />\r\n                  </svg>\r\n                </div>\r\n              </th>\r\n            \r\n              <th scope=\"col\" class=\"th-actions\" v-if=\"item.Activo\">\r\n                <div\r\n                  class=\"actions\"\r\n                  @click=\"editGroup(item.id, item.nombreGrupo)\"\r\n                >\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                  >\r\n                    <g clip-path=\"url(#clip0_195_290)\">\r\n                      <path\r\n                        d=\"M10.8333 2.5C11.0457 2.50024 11.25 2.58157 11.4045 2.72737C11.5589 2.87318 11.6519 3.07246 11.6643 3.2845C11.6768 3.49653 11.6078 3.70532 11.4714 3.86819C11.3351 4.03107 11.1417 4.13575 10.9308 4.16083L10.8333 4.16667H4.16667V15.8333H15.8333V9.16667C15.8336 8.95427 15.9149 8.74997 16.0607 8.59553C16.2065 8.44108 16.4058 8.34814 16.6178 8.33569C16.8299 8.32324 17.0386 8.39223 17.2015 8.52855C17.3644 8.66488 17.4691 8.85825 17.4942 9.06917L17.5 9.16667V15.8333C17.5001 16.2538 17.3413 16.6588 17.0554 16.9671C16.7695 17.2754 16.3776 17.4643 15.9583 17.4958L15.8333 17.5H4.16667C3.74619 17.5001 3.34119 17.3413 3.03288 17.0554C2.72456 16.7695 2.5357 16.3776 2.50417 15.9583L2.5 15.8333V4.16667C2.49987 3.74619 2.65867 3.34119 2.94458 3.03288C3.23049 2.72456 3.62237 2.5357 4.04167 2.50417L4.16667 2.5H10.8333ZM16.0358 2.78583C16.1858 2.63638 16.387 2.54961 16.5987 2.54314C16.8103 2.53668 17.0164 2.61101 17.1752 2.75104C17.334 2.89107 17.4336 3.08629 17.4537 3.29706C17.4737 3.50783 17.4128 3.71834 17.2833 3.88583L17.2142 3.965L8.96417 12.2142C8.8142 12.3636 8.61297 12.4504 8.40135 12.4569C8.18972 12.4633 7.98357 12.389 7.82477 12.249C7.66596 12.1089 7.56641 11.9137 7.54633 11.7029C7.52626 11.4922 7.58716 11.2817 7.71667 11.1142L7.78583 11.0358L16.0358 2.78583Z\"\r\n                        fill=\"white\"\r\n                      />\r\n                    </g>\r\n                    <defs>\r\n                      <clipPath id=\"clip0_195_290\">\r\n                        <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n                      </clipPath>\r\n                    </defs>\r\n                  </svg>\r\n                </div>\r\n              </th>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <!--end: Drag and Drop-->\r\n\r\n      <!--Modal Exito-->\r\n      <transition name=\"fade\">\r\n        <div class=\"modal-overlay\" v-if=\"showModalExito\">\r\n          <div class=\"modal-dialog\" role=\"document\">\r\n            <div class=\"modal-content\">\r\n              <div class=\"modal-header\">\r\n                <p class=\"modal-title\" id=\"exampleModalLabel\">Felicitaciones!!!</p>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"closeModel\"\r\n                  data-dismiss=\"modal\"\r\n                  aria-label=\"Cerrar\"\r\n                  @click=\"showModalExito = false\"\r\n                >\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"30\"\r\n                    height=\"30\"\r\n                    viewBox=\"0 0 30 30\"\r\n                    fill=\"none\"\r\n                  >\r\n                    <circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#006C90\" />\r\n                    <path\r\n                      d=\"M21 8.97714L19.7914 7.5L15 13.3562L10.2086 7.5L9 8.97714L13.7914 14.8333L9 20.6895L10.2086 22.1667L15 16.3105L19.7914 22.1667L21 20.6895L16.2086 14.8333L21 8.97714Z\"\r\n                      fill=\"white\"\r\n                    />\r\n                  </svg>\r\n                </button>\r\n              </div>\r\n              <div class=\"modal-body\">\r\n                <p>{{ mensajeExito }}</p>\r\n              </div>\r\n              <div class=\"modal-footer\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"btn btn-guardar\"\r\n                  @click=\"showModalExito = false\"\r\n                >\r\n                  Aceptar\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </transition>\r\n\r\n      <!--Modal Error-->\r\n      <transition name=\"fade\">\r\n        <div class=\"modal-overlay\" v-if=\"showModalError\">\r\n          <div class=\"modal-dialog\" role=\"document\">\r\n            <div class=\"modal-content\">\r\n              <div class=\"modal-header\">\r\n                <p class=\"modal-title header-error\" id=\"exampleModalLabel\">\r\n                  ERROR\r\n                </p>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"closeModel\"\r\n                  data-dismiss=\"modal\"\r\n                  aria-label=\"Cerrar\"\r\n                  @click=\"showModalError = false\"\r\n                >\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"30\"\r\n                    height=\"30\"\r\n                    viewBox=\"0 0 30 30\"\r\n                    fill=\"none\"\r\n                  >\r\n                    <circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#006C90\" />\r\n                    <path\r\n                      d=\"M21 8.97714L19.7914 7.5L15 13.3562L10.2086 7.5L9 8.97714L13.7914 14.8333L9 20.6895L10.2086 22.1667L15 16.3105L19.7914 22.1667L21 20.6895L16.2086 14.8333L21 8.97714Z\"\r\n                      fill=\"white\"\r\n                    />\r\n                  </svg>\r\n                </button>\r\n              </div>\r\n              <div class=\"modal-body\">\r\n                <p>{{ mensajeError }}</p>\r\n              </div>\r\n              <div class=\"modal-footer\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"btn btn-melon\"\r\n                  @click=\"showModalError = false\"\r\n                >\r\n                  Aceptar\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </transition>\r\n      <!--end: Drag and Drop-->\r\n    </div>\r\n    <!--end::Card body-->\r\n    <!-- <Loading v-if=\"carga\"></Loading> -->\r\n    <Loading v-if=\"loading\"></Loading>\r\n    <NewGroup\r\n      v-if=\"nuevoGrupo\"\r\n      @cancelar=\"nuevoGrupo = false\"\r\n      @guardar=\"guardar\"\r\n    ></NewGroup>\r\n    <ViewGroup\r\n      v-if=\"verGrupo\"\r\n      @cancelar=\"verGrupo = false\"\r\n      :memsaje=\"idGrupo\"\r\n      :nombre=\"nombre\"\r\n    ></ViewGroup>\r\n    <EditGroup\r\n      v-if=\"editarGrupo\"\r\n      @cancelar=\"editarGrupo = false\"\r\n      @editar=\"editar\"\r\n      :idGrupo=\"idGrupo\"\r\n      :nombre=\"nombre\"\r\n    ></EditGroup>\r\n  </div>\r\n  <!--end::Card-->\r\n</template>\r\n\r\n<script>\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\nimport { ref } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport Loading from \"@/components/Loading.vue\";\r\nimport NewGroup from \"@/components/group/newGroup.vue\";\r\nimport ViewGroup from \"@/components/group/viewGroup.vue\";\r\nimport EditGroup from \"@/components/group/editGroup.vue\";\r\n\r\nexport default {\r\n  name: \"Documents\",\r\n  components: {\r\n    Loading,\r\n    NewGroup,\r\n    ViewGroup,\r\n    EditGroup,\r\n  },\r\n  setup() {\r\n    const store = useStore();\r\n    const selectAll = ref(false);\r\n    const items = ref([]);\r\n    const selectedGroup = ref(null);\r\n    const result = ref([]);\r\n\r\n    // const carga = ref(true);\r\n\r\n    const cargarItems = async () => {\r\n      try {\r\n        const data = await store.dispatch(Actions.GET_GROUPS);\r\n        const documentos = [];\r\n        data.forEach((item) => {\r\n          if (\r\n            !(item.Id === \"00000000-0000-0000-0000-000000000001\") ||\r\n            item.Nombre === \"Todos\"\r\n          ) {\r\n            documentos.push({\r\n              id: item.Id,\r\n              nombreGrupo: item.Nombre,\r\n              proveedores: item.proveedores,\r\n              selected: false,\r\n              Activo: item.activo,\r\n              fechaCreacion: item.fechaCreacion,\r\n              idGrupo: \"\",\r\n              nombre: \"\",\r\n            });\r\n          }\r\n        });\r\n        const result = documentos.map((proxy) => ({ ...proxy }));\r\n\r\n        // Asigna result a la variable items\r\n        items.value = result;\r\n      } catch (error) {\r\n        console.error(error);\r\n      }\r\n    };\r\n\r\n    const fetchItems = async () => {\r\n      try {\r\n        const documentos = [];\r\n        const data = await store.dispatch(Actions.GET_GROUPS);\r\n        data.forEach((item) => {\r\n          if (\r\n            !(item.Id === \"00000000-0000-0000-0000-000000000001\") ||\r\n            item.Nombre === \"Todos\"\r\n          ) {\r\n            documentos.push({\r\n              id: item.Id,\r\n              nombreGrupo: item.Nombre,\r\n              proveedores: item.proveedores,\r\n               fechaCreacion: item.fechaCreacion,\r\n              selected: false,\r\n              Activo: item.activo,\r\n            });\r\n          }\r\n        });\r\n        result.value = documentos;\r\n        // carga.value = false;\r\n        // Llama a cargarItems para cargar los datos en items\r\n        cargarItems();\r\n      } catch (error) {\r\n        console.error(error);\r\n        // carga.value = false;  \r\n      }\r\n    };\r\n const formatearFecha = (fecha) => {\r\n            const fechaFormato = new Date(fecha);\r\n            var dia = fechaFormato.getDate();\r\n            var mes = fechaFormato.getMonth() + 1; // Los meses en JavaScript son indexados desde 0\r\n            var anio = fechaFormato.getFullYear();\r\n\r\n            // Formatear la cadena en el nuevo formato\r\n            return `${dia < 10 ? \"0\" : \"\"}${dia}/${\r\n                mes < 10 ? \"0\" : \"\"\r\n            }${mes}/${anio}`;\r\n        };\r\n    fetchItems();\r\n\r\n    return {\r\n      selectAll,\r\n      items,\r\n      selectedGroup,\r\n      result,\r\n      formatearFecha\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      fechaDesde: null,\r\n      fechaHasta: null,\r\n      nombreGrupo: null,\r\n      store: useStore(),\r\n      loading: false,\r\n      showModalExito: false,\r\n      showModalError: false,\r\n      mensajeError: \"\",\r\n      mensajeExito: \"\",\r\n      selectEliminar: false,\r\n      nuevoGrupo: false,\r\n      verGrupo: false,\r\n      editarGrupo: false,\r\n      idGrupo: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    async eliminarFilas() {\r\n      const deleteList = [];\r\n      this.loading = true;\r\n      try {\r\n        this.items.forEach(async (item) => {\r\n          if (item.selected) {\r\n            item.Activo = false;\r\n            deleteList.push(item.id);\r\n          }\r\n        });\r\n        var formData = new FormData();\r\n        formData.append(\"values\", JSON.stringify(deleteList));\r\n\r\n        const data = await this.store.dispatch(Actions.DELETE_GROUPS, formData);\r\n        this.mensajeExito = \"Los Grupos han sido eliminados exitosamente.\";\r\n        this.showModalExito = true;\r\n        this.loading = false;\r\n      } catch (error) {\r\n        this.loading = false;\r\n        this.mensajeError = \"Error al al intentar eliminar los grupos.\";\r\n        this.showModalError = true;\r\n        console.log(error);\r\n      }\r\n      this.selectEliminar = false;\r\n      //items.value = items.value.filter((item) => !item.selected);\r\n    },\r\n    cargarValoresIniciales() {\r\n      this.items = this.result.map((proxy) => {\r\n        return { ...proxy };\r\n      });\r\n      this.nombreGrupo = \"\";\r\n      this.fechaDesde = \"\";\r\n      this.fechaHasta = \"\";\r\n    },\r\n\r\n    filtrarItems() {\r\n       this.items = this.result.map((proxy) => {\r\n        return { ...proxy };\r\n      });\r\n\r\n\r\n      const fechaDesde = this.fechaDesde ? new Date(this.fechaDesde).getTime() : null;\r\n      const fechaHasta = this.fechaHasta ? new Date(this.fechaHasta).getTime() : null;\r\n\r\n      const nombreGrupo = this.nombreGrupo !== null ? this.nombreGrupo : null;\r\n\r\n      this.items = this.items.filter((item) => {\r\n\r\n        const fechaCreacion = new Date(item.fechaCreacion).getTime();\r\n        const nombreItem = item.nombreGrupo;\r\n \r\n        const fechaValida = (!fechaDesde || fechaCreacion >= fechaDesde) && (!fechaHasta || fechaCreacion <= fechaHasta);\r\n\r\n\r\n        const nombreCargaValido =\r\n          nombreGrupo === null ||\r\n          nombreItem.toUpperCase().includes(nombreGrupo.toUpperCase());\r\n\r\n        if (fechaValida && nombreCargaValido) {\r\n    \r\n          item.fechaCreacion = item.fechaCreacion;\r\n          item.fechaLimite = item.fechaLimite;\r\n        }\r\n\r\n        return fechaValida && nombreCargaValido;\r\n  \r\n     });\r\n  },\r\n    Eliminar() {\r\n      var aux = false;\r\n      const values = this.items.map((proxy) => {\r\n        return { ...proxy };\r\n      });\r\n\r\n      values.forEach((item) => {\r\n        if (item.selected) {\r\n          aux = aux || true;\r\n        }\r\n      });\r\n      this.selectEliminar = aux;\r\n      return this.selectEliminar;\r\n    },\r\n    EliminarBox(check) {\r\n      if (check) {\r\n        this.selectEliminar = true;\r\n      } else {\r\n        var aux = 0;\r\n        const values = this.items.map((proxy) => {\r\n          return { ...proxy };\r\n        });\r\n\r\n        values.forEach((item) => {\r\n          if (item.selected) {\r\n            aux += 1;\r\n          }\r\n        });\r\n        this.selectEliminar = aux <= 1 ? false : true;\r\n      }\r\n      return this.selectEliminar;\r\n    },\r\n    async guardar(files) {\r\n      if (files == null) {\r\n        this.mensajeError =\r\n          \"No fue posible crear el grupo. Intenta nuevamente.\";\r\n        this.showModalError = true;\r\n        this.nuevoGrupo = false;\r\n      } else {\r\n        try {\r\n          const data = await this.store.dispatch(Actions.GET_GROUPS);\r\n          const documentos = [];\r\n          data.forEach((item) => {\r\n            if (\r\n              !(item.Id === \"00000000-0000-0000-0000-000000000001\") ||\r\n              item.Nombre === \"Todos\"\r\n            ) {\r\n              documentos.push({\r\n                id: item.Id,\r\n                nombreGrupo: item.Nombre,\r\n                proveedores: item.proveedores,\r\n                selected: false,\r\n                Activo: item.activo,\r\n              });\r\n            }\r\n          });\r\n          const result = documentos.map((proxy) => ({ ...proxy }));\r\n\r\n          // Asigna result a la variable items\r\n          this.items = result;\r\n          this.mensajeExito =\r\n            \"Se creo el grupo de manera correcta\";\r\n          this.showModalExito = true;\r\n          this.nuevoGrupo = false;\r\n        } catch (error) {\r\n          console.error(error);\r\n        }\r\n      }\r\n    },\r\n    async editar(files) {\r\n      if (files == null) {\r\n        this.mensajeError =\r\n          \"No fue posible editar el grupo. Intenta nuevamente.\";\r\n        this.showModalError = true;\r\n        this.editarGrupo = false;\r\n      } else {\r\n        try {\r\n          const data = await this.store.dispatch(Actions.GET_GROUPS);\r\n          const documentos = [];\r\n          data.forEach((item) => {\r\n            if (\r\n              !(item.Id === \"00000000-0000-0000-0000-000000000001\") ||\r\n              item.Nombre === \"Todos\"\r\n            ) {\r\n              documentos.push({\r\n                id: item.Id,\r\n                nombreGrupo: item.Nombre,\r\n                proveedores: item.proveedores,\r\n                selected: false,\r\n                Activo: item.activo,\r\n              });\r\n            }\r\n          });\r\n          const result = documentos.map((proxy) => ({ ...proxy }));\r\n\r\n          // Asigna result a la variable items\r\n          this.items = result;\r\n          this.mensajeExito = \"Se edito el grupo de manera correcta\";\r\n          this.showModalExito = true;\r\n          this.editarGrupo = false;\r\n        } catch (error) {\r\n          console.log(error);\r\n        }\r\n      }\r\n    },\r\n    infoGroup(id, nombre) {\r\n      this.idGrupo = id.toString();\r\n      this.nombre = nombre.toString();\r\n      this.verGrupo = true;\r\n    },\r\n\r\n    editGroup(id, nombre) {\r\n      console.log(id, nombre);\r\n      this.idGrupo = id.toString();\r\n      this.nombre = nombre.toString();\r\n      this.editarGrupo = true;\r\n    },\r\n  },\r\n  watch: {\r\n    selectAll: function (value) {\r\n      this.items.forEach((item) => {\r\n        item.selected = value;\r\n      });\r\n      this.Eliminar();\r\n    },\r\n  },\r\n  computed: {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.contenedor-table {\r\n  overflow-x: auto; \r\n  white-space: nowrap; \r\n}\r\n\r\n.btn-error {\r\n  color: white;\r\n  background-color: red;\r\n}\r\n\r\n.btn-guardar {\r\n  display: flex;\r\n  width: 120px;\r\n  height: 27px;\r\n  padding: 5px 10px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-shrink: 0;\r\n  border-radius: 10px;\r\n  border: 1px solid #006c90;\r\n  background: #006c90;\r\n  color: #fff;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: normal;\r\n}\r\n\r\n.actions {\r\n  width: 30px;\r\n  height: 30px;\r\n  background: #006c90;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: 20px;\r\n  cursor: pointer;\r\n}\r\n/* .modal-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  z-index: 10;\r\n  background: rgba(0, 0, 0, 0.4);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n} */\r\n/* \r\n.modal-dialog {\r\n  position: fixed !important;\r\n  width: 35rem;\r\n  top: 50px;\r\n}\r\n\r\n.modal-header {\r\n  height: 60px;\r\n}\r\n */\r\n\r\n\r\n\r\n\r\n.btn-guardar {\r\n  display: flex;\r\n  width: 140px;\r\n  height: 27px;\r\n  padding: 5px 10px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-shrink: 0;\r\n  border-radius: 10px;\r\n  border: 1px solid #006c90;\r\n  background: #006c90;\r\n  color: #fff;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: normal;\r\n}\r\n\r\n.modal-footer {\r\n  padding: 0px 1.5rem 1.5rem 0px !important;\r\n  border: 0px !important;\r\n}\r\n\r\n#card-filter {\r\n  background-color: #fff;\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 10px;\r\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\r\n  padding-top: 13px;\r\n  padding-left: 18px;\r\n  padding-bottom: 9px;\r\n}\r\n\r\n#card-filter label {\r\n  color: #006c90;\r\n  font-size: 1rem;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: normal;\r\n}\r\n\r\n.buttons-filter {\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-direction: inherit !important;\r\n}\r\n\r\n.buttons-filter button {\r\n  margin: 12px 0px;\r\n  height: auto;\r\n  min-height: 27px;\r\n  padding: 5px 14px;\r\n}\r\n\r\n.button-filtrar {\r\n  color: #fff;\r\n  text-align: center;\r\n  font-size: 1rem;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: normal;\r\n  border-radius: 10px;\r\n  border: 1px solid #006c90;\r\n  background: #006c90;\r\n}\r\n\r\n.button-limpiar {\r\n  border-radius: 10px;\r\n  background: #99abb4;\r\n  color: #fff;\r\n  text-align: center;\r\n  font-size: 1rem;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: normal;\r\n  border: 0px;\r\n}\r\n\r\n.card-body {\r\n  padding: 0px;\r\n}\r\n\r\n#button-guardar {\r\n  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));\r\n  padding-top: 38px;\r\n  display: inline-flex;\r\n  justify-content: end;\r\n  width: 100%;\r\n}\r\n\r\n#botonera {\r\n  padding-top: 67px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: end;\r\n}\r\n\r\n#botonera button {\r\n  border-radius: 10px;\r\n  border: 1px solid #006c90;\r\n  background: #006c90;\r\n  min-width: 145px;\r\n  height: 27px;\r\n  padding: 7px 10px;\r\n  color: #fff;\r\n  text-align: center;\r\n  font-size: 0.9rem;\r\n  font-style: normal;\r\n  font-weight: 475;\r\n  line-height: normal;\r\n  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#button-eliminar {\r\n  padding-right: 16px;\r\n}\r\n\r\n.table {\r\n  margin-top: 22px;\r\n  width: 100%;\r\n  flex-shrink: 0;\r\n  border-radius: 10px 10px 10px 10px;\r\n  background: #fff;\r\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.thead-document {\r\n  border-radius: 10px 10px 0px 0px;\r\n  width: 100%;\r\n  height: 40px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.thead-document th {\r\n  background: #006c90;\r\n  color: #fff;\r\n  font-size: 1rem;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: normal;\r\n}\r\n\r\n.th-1 {\r\n  border-radius: 10px 0px 0px 0px;\r\n  display: flex;\r\n  justify-content: center;\r\n  min-width: 4rem;\r\n}\r\n\r\n.th-2 {\r\n  min-width: 57rem;\r\n}\r\n\r\n.th-3 {\r\n  min-width: 5rem;\r\n}\r\n\r\n.th-5 {\r\n  border-radius: 0px 10px 0px 0px;\r\n  min-width: 5rem;\r\n}\r\n\r\n.card {\r\n  background-color: rgba(243, 245, 246, 1);\r\n}\r\n.mr-2 {\r\n  margin-right: 0.5rem !important;\r\n}\r\n\r\ntbody tr th {\r\n  color: #99abb4 !important;\r\n  font-size: 0.88rem;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: normal;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  /* Aplicar display flex solo cuando el ancho sea mayor a 1000px */\r\n  .buttons-filter {\r\n    display: flex;\r\n  }\r\n}\r\n</style>\r\n","<template>\n  <!--Modal Nuevo Grupo-->\n  <transition name=\"fade\">\n    <div class=\"modal-overlay\">\n      <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <p class=\"modal-title\" id=\"exampleModalLabel\">Crear grupo</p>\n            <!--<button type=\"button\" class=\"closeModel\" data-dismiss=\"modal\" aria-label=\"Cerrar\" @click=\"showModalEdit = false\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\">\n                    <circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#006C90\"/>\n                    <path d=\"M21 8.97714L19.7914 7.5L15 13.3562L10.2086 7.5L9 8.97714L13.7914 14.8333L9 20.6895L10.2086 22.1667L15 16.3105L19.7914 22.1667L21 20.6895L16.2086 14.8333L21 8.97714Z\" fill=\"white\"/>\n                  </svg>\n                </button>-->\n          </div>\n          <div class=\"modal-body\">\n            <label class=\"title-body\">Nombre de grupo:</label><br />\n            <input class=\"form-control\" v-model=\"nombreGrupo\" />\n            <h6 class=\"mensajeError\" v-if=\"mensajeInput\">\n              Debes asignar un nombre al grupo.\n            </h6>\n            <p class=\"mensaje\">No ocupar caracteres especiales</p>\n\n            <label class=\"title-body\">Asignar Proveedores</label>\n            <div class=\"correosList\">\n              <div\n                v-for=\"(item, index) in idsSeleccionados\"\n                :key=\"index\"\n                class=\"correosSeleccionados\"\n                @click=\"quitarItem(item.id)\"\n              >\n                {{ item.correo }}\n              </div>\n            </div>\n            <select v-if=\"false\"\n              class=\"selectGroup select2\"\n              id=\"proveedores\"\n              v-model=\"selectedGroup\"\n              @change=\"add\"\n            >\n              <option\n                class=\"options\"\n                v-for=\"proveedor in proveedores\"\n                :key=\"proveedor.id\"\n                :value=\"proveedor.id\"\n              >\n                {{ proveedor.contactoEmail }}\n              </option>\n            </select>\n            <select2 v-model=\"selectedGroup\" :options=\"proveedores\" @select=\"add\" :settings=\"{border: '10px solid #cecece'}\" class=\"selectGroup\" container-class=\"selectGroup\">\n\n            </select2>\n          </div>\n          <div class=\"modal-footer\">\n            <button\n              type=\"button\"\n              class=\"btn btn-melon-secundario\"\n              @click=\"cancelarCreacion()\"\n            >\n              Cancelar\n            </button>\n            <button\n              type=\"button\"\n              class=\"btn btn-melon\"\n              @click=\"crearGrupo(nombreGrupo, idsSeleccionados)\"\n            >\n              Guardar\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </transition>\n\n  <Loading v-if=\"loading\"></Loading>\n</template>\n\n<script>\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport { ref } from \"vue\";\nimport { useStore } from \"vuex\";\nimport Loading from \"@/components/Loading.vue\";\n\nexport default {\n  name: \"NewGroup\",\n  emits: [\"cancelar\", \"guardar\"],\n  components: {\n    Loading,\n  },\n  data() {\n    return {\n      loading: false,\n      nombreGrupo: \"\",\n      idsSeleccionados: [],\n    };\n  },\n  setup(props, { emit }) {\n    const store = useStore();\n    const proveedores = ref([]);\n    const mensajeInput = ref(false);\n\n    const fetchProveedores = async () => {\n      try {\n        const data = (await store.getters.allProveedores).map((proxy) => ({\n          ...proxy,\n        }));\n        proveedores.value = data.filter((item) => item.contactoEmail != \"\");\n        const value = proveedores.value.forEach(p=>{{\n          p.text = p.contactoEmail\n        }})\n      } catch (error) {\n        console.error(error);\n      }\n    };\n\n    const cancelarCreacion = () => {\n      emit(\"cancelar\", null);\n    };\n\n    const crearGrupo = async (nombre, items) => {\n      try {\n        var ids = \"\";\n        if (nombre != \"\") {\n          items.forEach((element) => {\n            ids = ids + element.id + \";\";\n          });\n          var formData = new FormData();\n          formData.append(\"values\", ids);\n          formData.append(\"nombre\", nombre);\n\n          const data = await store.dispatch(Actions.CREATE_GROUP, formData);\n          emit(\"guardar\", { data });\n          //this.loading = false;\n        } else {\n          mensajeInput.value = true;\n        }\n      } catch (error) {\n        console.log(error);\n        //this.loading = false;\n        emit(\"guardar\", null);\n      }\n    };\n\n    fetchProveedores();\n\n    return {\n      proveedores,\n      cancelarCreacion,\n      crearGrupo,\n      mensajeInput,\n    };\n  },\n  methods: {\n    add() {\n      if (this.selectedGroup) {\n        const item = this.idsSeleccionados.find(\n          (item) => item.id == this.selectedGroup\n        );\n        if (!item) {\n          var proveedorSeleccionado;\n          this.proveedores.forEach(i => {\n            if(i.id == this.selectedGroup)\n            {\n              proveedorSeleccionado = i;\n            }\n          })\n          this.idsSeleccionados.push({\n            id: proveedorSeleccionado.id,\n            correo: proveedorSeleccionado.contactoEmail,\n          });\n        } else {\n          this.idsSeleccionados = this.idsSeleccionados.filter(\n            (item) => item.id != this.selectedGroup\n          );\n        }\n      }\n    },\n    quitarItem(id) {\n      this.idsSeleccionados = this.idsSeleccionados.filter(\n        (item) => item.id != id\n      );\n    },\n  },\n};\n</script>\n\n<style scoped>\n.mensajeError {\n  color: red;\n}\n\n.correosList {\n  display: flex;\n  justify-content: flex-start;\n  align-items: baseline;\n  flex-wrap: wrap;\n}\n.correosSeleccionados {\n  color: var(--white, #fff);\n  text-align: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 475;\n  line-height: normal;\n  border-radius: 10px;\n  background: rgba(0, 108, 144, 0.4);\n  padding: 0px 5px;\n  cursor: pointer;\n  margin: 5px;\n}\n\n.options {\n  color: #99abb4;\n  font-size: 0.8rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.mensaje {\n  color: #99abb4;\n  font-size: 0.7rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n/* .modal-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 10;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\n\n.modal-header {\n  height: 60px;\n} */\n.modal-dialog {\n  /* position: fixed !important; */\n  width: 35rem;\n  /* top: 50px; */\n}\n.modal-title {\n  color: #006c90;\n  font-size: 1.18rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.closeModel {\n  border: 0px;\n  background-color: #fff;\n}\n\n.title-body {\n  color: #99abb4;\n  font-size: 0.9rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.selectGroup,\n.inputNameGroup {\n  /* border-radius: 50px; */\n  border: 1px solid #cecece;\n  background: #fff;\n  width: 100%;\n\n}\n\n.btn-guardar {\n  display: flex;\n  width: 140px;\n  height: 27px;\n  padding: 5px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n  border-radius: 10px;\n  border: 1px solid #006c90;\n  background: #006c90;\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  width: 45%;\n}\n\n.btn-cancelar {\n  display: flex;\n  width: 140px;\n  height: 27px;\n  padding: 5px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n  border-radius: 10px;\n  border: 1px solid #99c4d3;\n  background: #99c4d3;\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  width: 45%;\n}\n\n.modal-footer {\n  padding: 0px 0px 1.5rem 0px !important;\n  border: 0px !important;\n  display: flex;\n  justify-content: center;\n}\n</style>\n","import { render } from \"./newGroup.vue?vue&type=template&id=d1aad438&scoped=true\"\nimport script from \"./newGroup.vue?vue&type=script&lang=js\"\nexport * from \"./newGroup.vue?vue&type=script&lang=js\"\n\nimport \"./newGroup.vue?vue&type=style&index=0&id=d1aad438&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Proyectos\\\\Codebase\\\\Github\\\\Melon\\\\melon-web-proveedores\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d1aad438\"]])\n\nexport default __exports__","<template>\n  <!--Modal Nuevo Grupo-->\n  <transition name=\"fade\">\n    <div class=\"modal-overlay\">\n      <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <p class=\"modal-title\" id=\"exampleModalLabel\">{{ nombre }}</p>\n            <!--<button type=\"button\" class=\"closeModel\" data-dismiss=\"modal\" aria-label=\"Cerrar\" @click=\"showModalEdit = false\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\">\n                    <circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#006C90\"/>\n                    <path d=\"M21 8.97714L19.7914 7.5L15 13.3562L10.2086 7.5L9 8.97714L13.7914 14.8333L9 20.6895L10.2086 22.1667L15 16.3105L19.7914 22.1667L21 20.6895L16.2086 14.8333L21 8.97714Z\" fill=\"white\"/>\n                  </svg>\n                </button>-->\n          </div>\n          <div class=\"modal-body\">\n            <label class=\"title-body\">Proveedores</label>\n            <div class=\"correosList\">\n              <div\n                v-for=\"(item, index) in idsSeleccionados\"\n                :key=\"index\"\n                class=\"correosSeleccionados\"\n              >\n                {{ item.contactoEmail }}\n              </div>\n            </div>\n          </div>\n          <div class=\"modal-footer\">\n            <button\n              type=\"button\"\n              class=\"btn btn-melon\"\n              @click=\"cancelarCreacion()\"\n            >\n              Cancelar\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </transition>\n\n  <Loading v-if=\"loading\"></Loading>\n</template>\n\n<script>\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport { ref } from \"vue\";\nimport { useStore } from \"vuex\";\n\nexport default {\n  name: \"viewGroup\",\n  emits: [\"cancelar\"],\n  components: {},\n  props: {\n    memsaje: String,\n    nombre: String,\n  },\n  data() {\n    return {};\n  },\n  setup(props, { emit }) {\n    const store = useStore();\n    const proveedores = ref([]);\n    var idsSeleccionados = ref([]);\n\n    const fetchProveedores = async () => {\n      try {\n        console.log(props.nombre);\n        const documentos = [];\n        var formData = new FormData();\n        formData.append(\"id\", props.memsaje);\n        const data = await store.dispatch(\n          Actions.GET_PROVEEDORES_GRUPO,\n          formData\n        );\n\n        data.proveedores.forEach((item) => {\n          documentos.push(item);\n        });\n\n        const result = documentos.map((proxy) => {\n          return { ...proxy };\n        });\n\n        idsSeleccionados.value = result;\n\n        //result.value = documentos;\n\n        // Llama a cargarItems para cargar los datos en items\n      } catch (error) {\n        console.log(error);\n      }\n    };\n\n    const cancelarCreacion = () => {\n      emit(\"cancelar\", null);\n    };\n\n    fetchProveedores();\n\n    return {\n      proveedores,\n      idsSeleccionados,\n      cancelarCreacion,\n    };\n  },\n  methods: {},\n};\n</script>\n\n<style scoped>\n.correosList {\n  display: flex;\n  justify-content: flex-start;\n  align-items: baseline;\n  flex-wrap: wrap;\n}\n.correosSeleccionados {\n  color: var(--white, #fff);\n  text-align: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 475;\n  line-height: normal;\n  border-radius: 10px;\n  background: rgba(0, 108, 144, 0.4);\n  padding: 0px 5px;\n  cursor: pointer;\n  margin: 5px;\n}\n\n.options {\n  color: #99abb4;\n  font-size: 0.8rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.mensaje {\n  color: #99abb4;\n  font-size: 0.7rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n.modal-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 10;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.modal-dialog {\n\n width: 35rem;\n\n}\n\n.modal-header {\n  height: 60px;\n}\n\n.modal-title {\n  color: #006c90;\n  font-size: 1.18rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.closeModel {\n  border: 0px;\n  background-color: #fff;\n}\n\n.title-body {\n  color: #99abb4;\n  font-size: 0.9rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.selectGroup,\n.inputNameGroup {\n  border-radius: 50px;\n  border: 1px solid #cecece;\n  background: #fff;\n  width: 100%;\n  height: 35px;\n}\n\n.btn-guardar {\n  display: flex;\n  width: 140px;\n  height: 27px;\n  padding: 5px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n  border-radius: 10px;\n  border: 1px solid #006c90;\n  background: #006c90;\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  width: 90%;\n}\n\n.btn-cancelar {\n  display: flex;\n  width: 140px;\n  height: 27px;\n  padding: 5px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n  border-radius: 10px;\n  border: 1px solid #99c4d3;\n  background: #99c4d3;\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  width: 90%;\n}\n\n.modal-footer {\n  padding: 0px 0px 1.5rem 0px !important;\n  border: 0px !important;\n  display: flex;\n  justify-content: center;\n}\n</style>\n","import { render } from \"./viewGroup.vue?vue&type=template&id=a94709a2&scoped=true\"\nimport script from \"./viewGroup.vue?vue&type=script&lang=js\"\nexport * from \"./viewGroup.vue?vue&type=script&lang=js\"\n\nimport \"./viewGroup.vue?vue&type=style&index=0&id=a94709a2&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Proyectos\\\\Codebase\\\\Github\\\\Melon\\\\melon-web-proveedores\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-a94709a2\"]])\n\nexport default __exports__","<template>\n  <!--Modal Nuevo Grupo-->\n  <transition name=\"fade\">\n    <div class=\"modal-overlay\">\n      <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <p class=\"modal-title\" id=\"exampleModalLabel\">\n              Editar grupo\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"19\"\n                height=\"19\"\n                viewBox=\"0 0 19 19\"\n                fill=\"none\"\n                style=\"padding-right: 7px\"\n              >\n                <path\n                  d=\"M0 18.85V14.6L14.625 0L18.825 4.275L4.25 18.85H0ZM14.6 5.65L16 4.25L14.6 2.85L13.2 4.25L14.6 5.65Z\"\n                  fill=\"#006C90\"\n                />\n              </svg>\n            </p>\n          </div>\n          <!-- <div class=\"modal-body\">\n            <label class=\"title-body\">Nombre de grupo:</label><br />\n            <input class=\"form-control\" v-model=\"nombreGrupo\" />\n            <h6 class=\"mensajeError\" v-if=\"mensajeInput\">\n              Debes asignar un nombre al grupo.\n            </h6>\n            <p class=\"mensaje\">No ocupar caracteres especiales</p>\n\n            <label class=\"title-body\">Asignar Proveedores</label>\n            <div class=\"correosList\">\n              <div\n                v-for=\"(item, index) in idsSeleccionados\"\n                :key=\"index\"\n                class=\"correosSeleccionados\"\n                @click=\"quitarItem(item.id)\"\n              >\n                {{ item.correo }}\n              </div>\n            </div>\n            <select v-if=\"false\"\n              class=\"selectGroup select2\"\n              id=\"proveedores\"\n              v-model=\"selectedGroup\"\n              @change=\"add\"\n            >\n              <option\n                class=\"options\"\n                v-for=\"proveedor in proveedores\"\n                :key=\"proveedor.id\"\n                :value=\"proveedor.id\"\n              >\n                {{ proveedor.contactoEmail }}\n              </option>\n            </select>\n             <select2 v-model=\"selectedGroup\" :options=\"proveedores\" @select=\"add\" :settings=\"{border: '10px solid #cecece'}\" class=\"selectGroup\" container-class=\"selectGroup\">\n\n            </select2>\n          </div> -->\n\n\n          <div class=\"modal-body\">\n            <label class=\"title-body\">Nombre de grupo:</label><br />\n            <input class=\"form-control\" v-model=\"nombreGrupo\" />\n            <h6 class=\"mensajeError\" v-if=\"mensajeInput\">\n              Debes asignar un nombre al grupo.\n            </h6>\n            <p class=\"mensaje\">No ocupar caracteres especiales</p>\n\n            <label class=\"title-body\">Asignar Proveedores</label>\n            <div class=\"correosList\">\n              <div\n                v-for=\"(item, index) in idsSeleccionados\"\n                :key=\"index\"\n                class=\"correosSeleccionados\"\n                @click=\"quitarItem(item.id)\"\n              >\n                {{ item.correo }}\n              </div>\n            </div>\n            <select v-if=\"false\"\n              class=\"selectGroup select2\"\n              id=\"proveedores\"\n              v-model=\"selectedGroup\"\n              @change=\"add\"\n            >\n              <option\n                class=\"options\"\n                v-for=\"proveedor in proveedores\"\n                :key=\"proveedor.id\"\n                :value=\"proveedor.id\"\n              >\n                {{ proveedor.contactoEmail }}\n              </option>\n            </select>\n            <select2 v-model=\"selectedGroup\" :options=\"proveedores\" @select=\"add\" :settings=\"{border: '10px solid #cecece'}\" class=\"selectGroup\" container-class=\"selectGroup\">\n\n            </select2>\n          </div>\n          <div class=\"modal-footer\">\n            <button\n              type=\"button\"\n              class=\"btn btn-melon-secundario\"\n              @click=\"cancelarCreacion()\"\n            >\n              Cancelar\n            </button>\n            <button\n              type=\"button\"\n              class=\"btn btn-melon\"\n              @click=\"editarGrupo(idGrupo, nombreGrupo, idsSeleccionados)\"\n            >\n              Guardar cambios\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </transition>\n\n  <Loading v-if=\"loading\"></Loading>\n</template>\n\n<script>\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport { ref } from \"vue\";\nimport { useStore } from \"vuex\";\n\nexport default {\n  name: \"editGroup\",\n  emits: [\"cancelar\", \"editar\"],\n  components: {},\n  props: {\n    idGrupo: String,\n    nombre: String,\n  },\n  data() {\n    return {};\n  },\n  setup(props, { emit }) {\n    const store = useStore();\n    const proveedores = ref([]);\n    const mensajeInput = ref(false);\n    var idsSeleccionados = ref([]);\n    var nombreGrupo = ref(props.nombre);\n    var idGrupo = props.mensaje;\n\n    // const fetchProveedoresSelect = async () => {\n    //   try {\n    //     idGrupo.value = props.idGrupo;\n    //     const data = (await store.getters.allProveedores).map((proxy) => ({\n    //       ...proxy,\n    //     }));\n    //     proveedores.value = data.filter((item) => item.contactoEmail != \"\");\n    //   } catch (error) {\n    //     console.error(error);\n    //   }\n    // };\n\n    const fetchProveedoresSelect = async () => {\n      try {\n        const data = (await store.getters.allProveedores).map((proxy) => ({\n          ...proxy,\n        }));\n        proveedores.value = data.filter((item) => item.contactoEmail != \"\");\n        const value = proveedores.value.forEach(p=>{{\n          p.text = p.contactoEmail\n        }})\n      } catch (error) {\n        console.error(error);\n      }\n    };\n\n    const fetchProveedores = async () => {\n      try {\n        const documentos = [];\n        var formData = new FormData();\n\n        formData.append(\"id\", props.idGrupo);\n        const data = await store.dispatch(\n          Actions.GET_PROVEEDORES_GRUPO,\n          formData\n        );\n        data.proveedores.forEach((item) => {\n          documentos.push({ id: item.id, correo: item.contactoEmail });\n        });\n\n        const result = documentos.map((proxy) => {\n          return { ...proxy };\n        });\n\n        idsSeleccionados.value = result;\n      } catch (error) {\n        console.log(error);\n      }\n    };\n\n    const editarGrupo = async (id, nombre, items) => {\n      try {\n\n        var ids = \"\";\n        if (nombre != \"\") {\n          items.forEach((element) => {\n            ids = ids + element.id + \";\";\n          });\n          if (nombre === props.nombre) {\n            nombre = \"\";\n          }\n          var formData = new FormData();\n          formData.append(\"values\", ids);\n          formData.append(\"nombre\", nombre);\n          formData.append(\"idGrupo\", props.idGrupo);\n\nconst data = await store.dispatch(Actions.EDIT_GROUP, formData);\n          emit(\"editar\", { data });\n          //this.loading = false;\n        } else {\n          mensajeInput.value = true;\n        }\n      } catch (error) {\n        console.log(error);\n        //this.loading = false;\n        emit(\"guardar\", null);\n      }\n    };\n\n    const cancelarCreacion = () => {\n      emit(\"cancelar\", null);\n    };\n\n    fetchProveedores();\n    fetchProveedoresSelect();\n\n    return {\n      proveedores,\n      nombreGrupo,\n      idsSeleccionados,\n      idGrupo,\n      cancelarCreacion,\n      editarGrupo,\n    };\n  },\n  methods: {\n    // add() {\n    //   if (this.selectedGroup) {\n    //     const item = this.idsSeleccionados.find(\n    //       (item) => item.id == this.selectedGroup\n    //     );\n    //     if (!item) {\n    //       const proveedorSeleccionado = this.proveedores.find(\n    //         (proveedor) => proveedor.id === this.selectedGroup\n    //       );\n    //       this.idsSeleccionados.push({\n    //         id: proveedorSeleccionado.id,\n    //         correo: proveedorSeleccionado.contactoEmail,\n    //       });\n    //     } else {\n    //       this.idsSeleccionados = this.idsSeleccionados.filter(\n    //         (item) => item.id != this.selectedGroup\n    //       );\n    //     }\n    //   }\n    // },\n    add() {\n      if (this.selectedGroup) {\n        const item = this.idsSeleccionados.find(\n          (item) => item.id == this.selectedGroup\n        );\n        if (!item) {\n          var proveedorSeleccionado;\n          this.proveedores.forEach(i => {\n            if(i.id == this.selectedGroup)\n            {\n              proveedorSeleccionado = i;\n            }\n          })\n          this.idsSeleccionados.push({\n            id: proveedorSeleccionado.id,\n            correo: proveedorSeleccionado.contactoEmail,\n          });\n        } else {\n          this.idsSeleccionados = this.idsSeleccionados.filter(\n            (item) => item.id != this.selectedGroup\n          );\n        }\n      }\n    },\n    quitarItem(id) {\n      this.idsSeleccionados = this.idsSeleccionados.filter(\n        (item) => item.id != id\n      );\n    },\n  },\n};\n</script>\n\n<style scoped>\n.mensajeError {\n  color: red;\n}\n\n.correosList {\n  display: flex;\n  justify-content: flex-start;\n  align-items: baseline;\n  flex-wrap: wrap;\n}\n.correosSeleccionados {\n  color: var(--white, #fff);\n  text-align: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 475;\n  line-height: normal;\n  border-radius: 10px;\n  background: rgba(0, 108, 144, 0.4);\n  padding: 0px 5px;\n  cursor: pointer;\n  margin: 5px;\n}\n\n.options {\n  color: #99abb4;\n  font-size: 0.8rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.mensaje {\n  color: #99abb4;\n  font-size: 0.7rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n/* .modal-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 10;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\n\n.modal-header {\n  height: 60px;\n} */\n.modal-dialog {\n  /* position: fixed !important; */\n  width: 35rem;\n  /* top: 50px; */\n}\n.modal-title {\n  color: #006c90;\n  font-size: 1.18rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.closeModel {\n  border: 0px;\n  background-color: #fff;\n}\n\n.title-body {\n  color: #99abb4;\n  font-size: 0.9rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.selectGroup,\n.inputNameGroup {\n  /* border-radius: 50px; */\n  border: 1px solid #cecece;\n  background: #fff;\n  width: 100%;\n\n}\n\n.btn-guardar {\n  display: flex;\n  width: 140px;\n  height: 27px;\n  padding: 5px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n  border-radius: 10px;\n  border: 1px solid #006c90;\n  background: #006c90;\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  width: 45%;\n}\n\n.btn-cancelar {\n  display: flex;\n  width: 140px;\n  height: 27px;\n  padding: 5px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n  border-radius: 10px;\n  border: 1px solid #99c4d3;\n  background: #99c4d3;\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  width: 45%;\n}\n\n.modal-footer {\n  padding: 0px 0px 1.5rem 0px !important;\n  border: 0px !important;\n  display: flex;\n  justify-content: center;\n}\n</style>\n","import { render } from \"./editGroup.vue?vue&type=template&id=6daac5a1&scoped=true\"\nimport script from \"./editGroup.vue?vue&type=script&lang=js\"\nexport * from \"./editGroup.vue?vue&type=script&lang=js\"\n\nimport \"./editGroup.vue?vue&type=style&index=0&id=6daac5a1&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Proyectos\\\\Codebase\\\\Github\\\\Melon\\\\melon-web-proveedores\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6daac5a1\"]])\n\nexport default __exports__","import { render } from \"./Groups.vue?vue&type=template&id=9aa61c98&scoped=true\"\nimport script from \"./Groups.vue?vue&type=script&lang=js\"\nexport * from \"./Groups.vue?vue&type=script&lang=js\"\n\nimport \"./Groups.vue?vue&type=style&index=0&id=9aa61c98&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Proyectos\\\\Codebase\\\\Github\\\\Melon\\\\melon-web-proveedores\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-9aa61c98\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--1-1!./Loading.vue?vue&type=style&index=0&id=6f6a97cf&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--1-1!./newGroup.vue?vue&type=style&index=0&id=d1aad438&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/loading.1ac21cc0.gif\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--1-1!./Groups.vue?vue&type=style&index=0&id=9aa61c98&scoped=true&lang=css\""],"sourceRoot":""}