{"version":3,"sources":["webpack:///./src/views/Helexium/SuperAdmin/ControlAccesos.vue?9205","webpack:///./src/views/Helexium/SuperAdmin/ControlAccesos.vue","webpack:///src/views/Helexium/SuperAdmin/ControlAccesos.vue","webpack:///./src/views/Helexium/SuperAdmin/ControlAccesos.vue?9058","webpack:///./src/views/Helexium/SuperAdmin/ControlAccesos.vue?fb0f"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","listaRoles","on","updateSelectedRole","model","value","selectedRole","callback","$$v","expression","responsive","_l","data","registroJson","group","key","groupId","scopedSlots","_u","fn","icono","titulo","_s","proxy","subGrupo","subGroup","subGroupIndex","id","directives","name","rawName","manipularTitulos","$event","colapsar","colapsado","items","item","itemIndex","getPermissionStatus","ruta","val","togglePermission","_e","subItems","subItem","saveData","cancelar","staticRenderFns","permissionsMap","originalPermissionsMap","widthWindow","window","innerWidth","obtenerRoles","fetchJsonData","addEventListener","updateWindowSize","beforeDestroy","removeEventListener","methods","res","$store","dispatch","path","cleanedJsonString","replace","parsedJson","JSON","parse","fechaRegistro","parseError","error","createPermissionPath","args","filter","seg","i","arr","indexOf","join","role","mapa","createDefaultMap","Object","keys","forEach","stringify","defaultMap","mainPath","subPath","itemRoute","subItemRoute","Boolean","$set","currentItem","findItem","find","RolId","response","method","Error","showSweetAlert","length","$router","push","title","text","icon","Swal","fire","showCancelButton","confirmButtonColor","confirmButtonText","index","toLowerCase","component"],"mappings":"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","file":"js/chunk-6ad02f5a.2b0fc0da.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!./ControlAccesos.vue?vue&type=style&index=0&id=61d99148&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"permission-manager\"},[_c('b-card',{staticClass:\"shadow py-3 px-4\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"text-white\"},[_c('span',{staticClass:\"h2 font-weight-bold\"},[_vm._v(\"Control Accesos de Roles\")])]),_c('b-card-body',[_c('b-row',{staticClass:\"mb-4\"},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"person-select\"}},[_vm._v(\"Seleccionar un Rol\")]),_c('v-select',{attrs:{\"id\":\"person-select\",\"options\":_vm.listaRoles,\"label\":\"descripcion\",\"placeholder\":\"-- Selecciona un Rol --\"},on:{\"input\":_vm.updateSelectedRole},model:{value:(_vm.selectedRole),callback:function ($$v) {_vm.selectedRole=$$v},expression:\"selectedRole\"}})],1)],1),_c('br'),(!_vm.selectedRole)?_c('b-alert',{attrs:{\"show\":\"\",\"variant\":\"info\"}},[_vm._v(\" Por favor selecciona un rol para ver y editar los permisos de acceso. \")]):_c('div',{staticClass:\"permissions-grid\"},[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\",\"pill\":\"\",\"vertical\":_vm.responsive,\"nav-wrapper-class\":\"w-5\",\"active-nav-item-class\":\"font-weight-bold text-uppercase bg-info\"}},_vm._l((_vm.data.registroJson.data),function(group){return _c('b-tab',{key:group.groupId,scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',{staticClass:\"ml-2\"},[_c('b-img',{attrs:{\"src\":group.icono,\"width\":\"24\",\"height\":\"24\",\"alt\":group.titulo}},[_vm._v(\" \"+_vm._s(group.titulo)+\" \")]),_vm._v(\" \"+_vm._s(group.titulo))],1)]},proxy:true}],null,true)},[_c('div',_vm._l((group.subGrupo),function(subGroup,subGroupIndex){return _c('b-card',{key:subGroup.id,staticClass:\"mb-3 w-100\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:('collapse-' + _vm.manipularTitulos(subGroup.titulo, subGroupIndex)),expression:\"'collapse-' + manipularTitulos(subGroup.titulo, subGroupIndex)\"}],staticClass:\"d-flex justify-content-between\",on:{\"click\":function($event){return _vm.colapsar(subGroupIndex)}}},[_c('span',{staticClass:\"h5\"},[_vm._v(_vm._s(subGroup.titulo))]),(!_vm.colapsado[subGroupIndex])?_c('i',{staticClass:\"fa-solid fa-caret-down\"}):_c('i',{staticClass:\"fa-solid fa-caret-up\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":'collapse-' + _vm.manipularTitulos(subGroup.titulo, subGroupIndex)}},_vm._l((subGroup.items),function(item,itemIndex){return _c('b-card',{key:item.id},[_c('b-list-group',{attrs:{\"flush\":\"\"}},[(item.titulo)?_c('b-list-group-item',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('span',[_vm._v(_vm._s(item.titulo))]),_c('div',[_c('vs-switch',{attrs:{\"success\":\"\",\"value\":_vm.getPermissionStatus(item.ruta)},on:{\"input\":(val) => _vm.togglePermission(item.ruta, val)},scopedSlots:_vm._u([{key:\"on\",fn:function(){return [_c('i',{staticClass:\"fa-solid fa-unlock\"})]},proxy:true},{key:\"off\",fn:function(){return [_c('i',{staticClass:\"fa-solid fa-lock\"})]},proxy:true}],null,true)})],1)]):_vm._e()],1),(item.subItems)?_c('div',[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:('collapse-' + _vm.manipularTitulos(item.titulo, itemIndex)),expression:\"'collapse-' + manipularTitulos(item.titulo, itemIndex)\"}],staticClass:\"mb-2\",attrs:{\"size\":\"sm\"}},[_vm._v(\" Ver sub-vistas \")]),_c('b-collapse',{staticClass:\"ml-5 mt-1 w-75 border-left border-info\",attrs:{\"id\":'collapse-' + _vm.manipularTitulos(item.titulo, itemIndex)}},_vm._l((item.subItems),function(subItem){return _c('b-list-group-item',{key:subItem.id,staticClass:\"d-flex justify-content-between align-items-center\"},[_c('span',[_vm._v(_vm._s(subItem.titulo))]),_c('div',[_c('vs-switch',{attrs:{\"success\":\"\",\"value\":_vm.getPermissionStatus(subItem.ruta)},on:{\"input\":(val) => _vm.togglePermission(subItem.ruta, val)},scopedSlots:_vm._u([{key:\"on\",fn:function(){return [_c('i',{staticClass:\"fa-solid fa-unlock\"})]},proxy:true},{key:\"off\",fn:function(){return [_c('i',{staticClass:\"fa-solid fa-lock\"})]},proxy:true}],null,true)})],1)])}),1)],1):_vm._e()],1)}),1)],1)}),1)])}),1)],1),_c('div',{staticClass:\"d-flex justify-content-end mt-4\"},[_c('b-button',{staticClass:\"mr-2\",attrs:{\"variant\":\"success\"},on:{\"click\":_vm.saveData}},[_c('i',{staticClass:\"fas fa-save mr-1\"}),_vm._v(\" Guardar Información \")]),_c('b-button',{attrs:{\"variant\":\"danger\"},on:{\"click\":_vm.cancelar}},[_c('i',{staticClass:\"fas fa-times mr-1\"}),_vm._v(\" Cancelar \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"permission-manager\">\r\n        <b-card no-body class=\"shadow py-3 px-4\">\r\n            <b-card-header class=\"text-white\">\r\n                <span class=\"h2 font-weight-bold\">Control Accesos de Roles</span>\r\n            </b-card-header>\r\n            <b-card-body>\r\n                <b-row class=\"mb-4\">\r\n                    <b-col md=\"6\">\r\n                        <label for=\"person-select\" class=\"form-label\">Seleccionar un Rol</label>\r\n                        <v-select id=\"person-select\" v-model=\"selectedRole\" :options=\"listaRoles\" label=\"descripcion\"\r\n                            placeholder=\"-- Selecciona un Rol --\" @input=\"updateSelectedRole\"></v-select>\r\n                    </b-col>\r\n                </b-row>\r\n\r\n                <br>\r\n                <b-alert v-if=\"!selectedRole\" show variant=\"info\">\r\n                    Por favor selecciona un rol para ver y editar los permisos de acceso.\r\n                </b-alert>\r\n\r\n\r\n                <div v-else class=\"permissions-grid\">\r\n                    <b-tabs content-class=\"mt-3\" pill :vertical=\"responsive\" nav-wrapper-class=\"w-5\"\r\n                        active-nav-item-class=\"font-weight-bold text-uppercase bg-info\">\r\n                        <b-tab v-for=\"(group) in data.registroJson.data\" :key=\"group.groupId\">\r\n                            <template #title>\r\n                                <span class=\"ml-2\">\r\n                                    <b-img :src=\"group.icono\" width=\"24\" height=\"24\" :alt=\"group.titulo\">\r\n                                        {{ group.titulo }}\r\n                                    </b-img>\r\n                                    {{ group.titulo }}</span>\r\n                            </template>\r\n\r\n                            <div>\r\n                                <b-card v-for=\"(subGroup, subGroupIndex) in group.subGrupo\" :key=\"subGroup.id\" no-body\r\n                                    class=\"mb-3 w-100\">\r\n                                    <b-card-header\r\n                                        v-b-toggle=\"'collapse-' + manipularTitulos(subGroup.titulo, subGroupIndex)\"\r\n                                        class=\"d-flex justify-content-between\" @click=\"colapsar(subGroupIndex)\">\r\n                                        <span class=\"h5\">{{ subGroup.titulo }}</span>\r\n                                        <i class=\"fa-solid fa-caret-down\" v-if=\"!colapsado[subGroupIndex]\"></i>\r\n                                        <i class=\"fa-solid fa-caret-up\" v-else></i>\r\n                                    </b-card-header>\r\n\r\n                                    <b-collapse :id=\"'collapse-' + manipularTitulos(subGroup.titulo, subGroupIndex)\"\r\n                                        class=\"mt-2\">\r\n                                        <b-card v-for=\"(item, itemIndex) in subGroup.items\" :key=\"item.id\">\r\n                                            <b-list-group flush>\r\n                                                <b-list-group-item\r\n                                                    class=\"d-flex justify-content-between align-items-center\"\r\n                                                    v-if=\"item.titulo\">\r\n                                                    <span>{{ item.titulo }}</span>\r\n                                                    <div>\r\n                                                        <vs-switch success\r\n                                                            :value=\"getPermissionStatus(item.ruta)\"\r\n                                                            @input=\"(val) => togglePermission(item.ruta, val)\">\r\n                                                            <template #on>\r\n                                                                <i class=\"fa-solid fa-unlock\"></i>\r\n                                                            </template>\r\n                                                            <template #off>\r\n                                                                <i class=\"fa-solid fa-lock\"></i>\r\n                                                            </template>\r\n                                                        </vs-switch>\r\n                                                    </div>\r\n                                                </b-list-group-item>\r\n                                            </b-list-group>\r\n                                            <div v-if=\"item.subItems\">\r\n                                                <b-button\r\n                                                    v-b-toggle=\"'collapse-' + manipularTitulos(item.titulo, itemIndex)\"\r\n                                                    size=\"sm\" class=\"mb-2\">\r\n                                                    Ver sub-vistas\r\n                                                </b-button>\r\n                                                <b-collapse :id=\"'collapse-' + manipularTitulos(item.titulo, itemIndex)\"\r\n                                                    class=\"ml-5 mt-1 w-75 border-left border-info\">\r\n                                                    <b-list-group-item v-for=\"subItem in item.subItems\"\r\n                                                        :key=\"subItem.id\"\r\n                                                        class=\"d-flex justify-content-between align-items-center\">\r\n                                                        <span>{{ subItem.titulo }}</span>\r\n                                                        <div>\r\n                                                            <vs-switch success\r\n                                                                :value=\"getPermissionStatus(subItem.ruta)\"\r\n                                                                @input=\"(val) => togglePermission(subItem.ruta, val)\">\r\n                                                                <template #on>\r\n                                                                    <i class=\"fa-solid fa-unlock\"></i>\r\n                                                                </template>\r\n                                                                <template #off>\r\n                                                                    <i class=\"fa-solid fa-lock\"></i>\r\n                                                                </template>\r\n                                                            </vs-switch>\r\n                                                        </div>\r\n                                                    </b-list-group-item>\r\n                                                </b-collapse>\r\n                                            </div>\r\n                                        </b-card>\r\n                                    </b-collapse>\r\n                                </b-card>\r\n                            </div>\r\n                        </b-tab>\r\n                    </b-tabs>\r\n                </div>\r\n\r\n                <div class=\"d-flex justify-content-end mt-4\">\r\n                    <b-button variant=\"success\" class=\"mr-2\" @click=\"saveData\">\r\n                        <i class=\"fas fa-save mr-1\"></i> Guardar Información\r\n                    </b-button>\r\n                    <b-button variant=\"danger\" @click=\"cancelar\">\r\n                        <i class=\"fas fa-times mr-1\"></i> Cancelar\r\n                    </b-button>\r\n                </div>\r\n            </b-card-body>\r\n        </b-card>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport Swal from 'sweetalert2';\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            data: '',\r\n            listaRoles: [],\r\n            selectedRole: null,\r\n            permissionsMap: {},\r\n            originalPermissionsMap: {},\r\n            widthWindow: window.innerWidth,\r\n            colapsado: {},\r\n            responsive: window.innerWidth > 600,\r\n        };\r\n    },\r\n\r\n    async mounted() {\r\n        await this.obtenerRoles();\r\n        await this.fetchJsonData();\r\n        window.addEventListener('resize', this.updateWindowSize);\r\n    },\r\n\r\n    beforeDestroy() {\r\n        window.removeEventListener('resize', this.updateWindowSize);\r\n    },\r\n\r\n    methods: {\r\n\r\n        async fetchJsonData() {\r\n            try {\r\n                let res = await this.$store.dispatch(\"hl_get\", {\r\n                    path: \"RegistrosJsonControlAccesos/GetLatestJson\"\r\n                });\r\n                if (res && res.registroJson) {\r\n                    try {\r\n                        let cleanedJsonString = res.registroJson.replace(/\\\\\"/g, '\"').replace(/\\\\u([0-9a-fA-F]{4})/g, '\\\\u$1');\r\n                        const parsedJson = JSON.parse(cleanedJsonString);\r\n                        console.log(\"ESTE ES EL REGISTROOOOOOOOOOOOOOOOO\" + parsedJson)\r\n                        this.data = {\r\n                            id: res.id,\r\n                            fechaRegistro: res.fechaRegistro,\r\n                            registroJson: parsedJson\r\n                        };\r\n                    } catch (parseError) {\r\n                        this.data = null;\r\n                    }\r\n                } else {\r\n                    this.data = null;\r\n                }\r\n            } catch (error) {\r\n                this.data = null;\r\n            }\r\n        },\r\n\r\n        createPermissionPath(...args) {\r\n            // Eliminar duplicados y concatenar los segmentos\r\n            return args.filter((seg, i, arr) => arr.indexOf(seg) === i).join('/');\r\n        },\r\n\r\n        updateSelectedRole(role) {\r\n            this.selectedRole = role;\r\n\r\n            if (role) {\r\n                try {\r\n                    if (role.mapa && role.mapa !== 'null') {\r\n                        this.permissionsMap = JSON.parse(role.mapa);\r\n                    } else {\r\n                        this.permissionsMap = this.createDefaultMap();\r\n                    }\r\n                    // Aseguramos que todos los valores sean números (0 o 1)\r\n                    Object.keys(this.permissionsMap).forEach(key => {\r\n                        this.permissionsMap[key] = this.permissionsMap[key] ? 1 : 0;\r\n                    });\r\n                    this.originalPermissionsMap = JSON.parse(JSON.stringify(this.permissionsMap));\r\n                } catch (error) {\r\n                    console.error('Error al procesar el mapa de permisos:', error);\r\n                    this.permissionsMap = this.createDefaultMap();\r\n                    this.originalPermissionsMap = JSON.parse(JSON.stringify(this.permissionsMap));\r\n                }\r\n            } else {\r\n                this.permissionsMap = {};\r\n                this.originalPermissionsMap = {};\r\n            }\r\n        },\r\n\r\n        createDefaultMap() {\r\n            const defaultMap = {};\r\n\r\n            this.data.registroJson.data.forEach(group => {\r\n                group.subGrupo.forEach(subGroup => {\r\n                    subGroup.items.forEach(item => {\r\n                        const mainPath = this.createPermissionPath(item.ruta);\r\n                        defaultMap[mainPath] = 0;\r\n\r\n                        if (item.subItems) {\r\n                            item.subItems.forEach(subItem => {\r\n                                const subPath = this.createPermissionPath(subItem.ruta);\r\n                                defaultMap[subPath] = 0;\r\n                            });\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n\r\n            return defaultMap;\r\n        },\r\n\r\n        getPermissionStatus(itemRoute, subItemRoute = null) {\r\n            const path = subItemRoute ? subItemRoute : itemRoute;\r\n            return Boolean(this.permissionsMap[path]);\r\n        },\r\n\r\n        togglePermission(itemRoute, value, subItemRoute = null) {\r\n            const path = subItemRoute ? subItemRoute : itemRoute;\r\n            this.$set(this.permissionsMap, path, value ? 1 : 0);\r\n\r\n            const currentItem = this.findItem(itemRoute);\r\n            if (currentItem && currentItem.subItems && !subItemRoute) {\r\n                currentItem.subItems.forEach(subItem => {\r\n                    const subPath = subItem.ruta;\r\n                    this.$set(this.permissionsMap, subPath, value ? 1 : 0);\r\n                });\r\n            }\r\n        },\r\n\r\n\r\n        // Método auxiliar para encontrar un item específico\r\n        findItem(itemRoute) {\r\n            for (const group of this.data.registroJson.data) {\r\n                for (const subGroup of group.subGrupo) {\r\n                    const item = subGroup.items.find(i => i.ruta === itemRoute);\r\n                    if (item) return item;\r\n                }\r\n            }\r\n            return null;\r\n        },\r\n        async saveData() {\r\n            if (!this.selectedRole) {\r\n                this.showSweetAlert('Error', 'Por favor, selecciona una persona antes de guardar.', 'error');\r\n                return;\r\n            }\r\n\r\n            if (JSON.stringify(this.permissionsMap) === JSON.stringify(this.originalPermissionsMap)) {\r\n                this.showSweetAlert('Información', 'No se han realizado cambios en los permisos.', 'info');\r\n                return;\r\n            }\r\n\r\n            try {\r\n                const RolId = this.selectedRole.id;\r\n                const mapa = JSON.stringify(this.permissionsMap);\r\n\r\n                const response = await this.$store.dispatch(\"hl_post\", {\r\n                    path: `Rol/UpdateMapa/${RolId}`,\r\n                    method: 'POST',\r\n                    data: mapa\r\n                });\r\n\r\n                if (response) {\r\n                    this.showSweetAlert('Éxito', 'Los permisos del Rol han sido actualizados correctamente.', 'success');\r\n                    this.originalPermissionsMap = JSON.parse(JSON.stringify(this.permissionsMap));\r\n                } else {\r\n                    throw new Error('La respuesta del servidor no fue exitosa');\r\n                }\r\n            } catch (error) {\r\n                console.error(\"Error al guardar los cambios:\", error);\r\n                this.showSweetAlert('Error', 'Hubo un problema al guardar los cambios. Por favor, intenta de nuevo.', 'error');\r\n            }\r\n        },\r\n\r\n        async obtenerRoles() {\r\n            try {\r\n                let res = await this.$store.dispatch(\"hl_post\", {\r\n                    path: \"Rol/List\"\r\n                });\r\n                this.listaRoles = res.length > 0 ? res : [];\r\n            } catch (error) {\r\n                this.listaRoles = [];\r\n                console.log(\"err\", error);\r\n            }\r\n        },\r\n\r\n        cancelar() {\r\n            this.permissionsMap = JSON.parse(JSON.stringify(this.originalPermissionsMap));\r\n            this.selectedRole = null;\r\n            this.$router.push('/helex/persona');\r\n        },\r\n\r\n        showSweetAlert(title, text, icon) {\r\n            Swal.fire({\r\n                title: title,\r\n                text: text,\r\n                icon: icon,\r\n                showCancelButton: false,\r\n                confirmButtonColor: '#3085d6',\r\n                confirmButtonText: 'OK'\r\n            });\r\n        },\r\n\r\n        manipularTitulos(title, index) {\r\n            return `${title.toLowerCase().replace(/[^a-z0-9]+/g, \"-\")}-${index}`;\r\n        },\r\n\r\n        updateWindowSize() {\r\n            this.responsive = window.innerWidth > 600;\r\n        },\r\n\r\n        colapsar(subGroupIndex) {\r\n            this.$set(this.colapsado, subGroupIndex, !this.colapsado[subGroupIndex]);\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.card-body {\r\n  padding: 0px !important;\r\n}\r\n\r\n.permission-manager {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.selected-person-info {\r\n  background-color: #f8f9fa;\r\n  padding: 10px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.b-tabs.card.vertical {\r\n  border: none;\r\n}\r\n\r\n.tab-content {\r\n  padding-left: 20px;\r\n}\r\n\r\n.list-group-item {\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.list-group-item:hover {\r\n  background-color: #f8f9fa;\r\n}\r\n\r\n.btn-group-sm>.btn {\r\n  padding: 0.25rem 0.5rem;\r\n}\r\n\r\n.badge {\r\n  font-size: 0.9em;\r\n}\r\n\r\n.mapa-acceso-container {\r\n  max-height: 200px;\r\n  overflow-y: auto;\r\n  background-color: #f8f9fa;\r\n  border: 1px solid #dee2e6;\r\n  border-radius: 5px;\r\n}\r\n\r\n.mapa-acceso {\r\n  white-space: pre-wrap;\r\n  word-wrap: break-word;\r\n  padding: 10px;\r\n  margin: 0;\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@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!./ControlAccesos.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!./ControlAccesos.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ControlAccesos.vue?vue&type=template&id=61d99148&scoped=true\"\nimport script from \"./ControlAccesos.vue?vue&type=script&lang=js\"\nexport * from \"./ControlAccesos.vue?vue&type=script&lang=js\"\nimport style0 from \"./ControlAccesos.vue?vue&type=style&index=0&id=61d99148&prod&scoped=true&lang=css\"\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  \"61d99148\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}