{"version":3,"sources":["webpack:///./src/views/EntitiesListUIs.vue?f745","webpack:///./src/modules/entities/infra/UIComponents/ListViewerV0.vue?30ae","webpack:///src/modules/entities/infra/UIComponents/ListViewerV0.vue","webpack:///./src/modules/entities/infra/UIComponents/ListViewerV0.vue?1b5e","webpack:///./src/modules/entities/infra/UIComponents/ListViewerV0.vue?10eb","webpack:///src/views/EntitiesListUIs.vue","webpack:///./src/views/EntitiesListUIs.vue?1904","webpack:///./src/views/EntitiesListUIs.vue?49e7","webpack:///./src/components/GenericTableEditableComponent.vue?7449","webpack:///./src/components/GenericTableEditableComponent.vue?f4ec","webpack:///src/components/GenericTableEditableComponent.vue","webpack:///./src/components/GenericTableEditableComponent.vue?c96b","webpack:///./src/components/GenericTableEditableComponent.vue?cd28","webpack:///./src/modules/entities/infra/RecursivePayloadOnSchemaEditor.vue?bd0b","webpack:///./src/views/EntitiesListUIs.vue?1f24","webpack:///./src/components/GenericTableComponent.vue?5531","webpack:///./src/modules/entities/infra/ListOnSchemaEditor.vue?d87e","webpack:///./src/modules/entities/infra/UIComponents/ListViewerV0.vue?c38d","webpack:///./src/components/GenericTableComponent.vue?4991","webpack:///src/components/GenericTableComponent.vue","webpack:///./src/components/GenericTableComponent.vue?dd96","webpack:///./src/components/GenericTableComponent.vue?a44e","webpack:///./src/modules/entities/infra/RecursivePayloadOnSchemaEditor.vue?e375","webpack:///./src/modules/entities/infra/ListOnSchemaEditor.vue?fc2c","webpack:///src/modules/entities/infra/ListOnSchemaEditor.vue","webpack:///./src/modules/entities/infra/ListOnSchemaEditor.vue?c3f4","webpack:///./src/modules/entities/infra/ListOnSchemaEditor.vue?36b9","webpack:///src/modules/entities/infra/RecursivePayloadOnSchemaEditor.vue","webpack:///./src/modules/entities/infra/RecursivePayloadOnSchemaEditor.vue?5efd","webpack:///./src/modules/entities/infra/RecursivePayloadOnSchemaEditor.vue?20ac"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","query_schema","on","refreshList","model","value","callback","$$v","my_query","expression","_e","_v","my_ui","entity_type_id","key","key_for_list","payload","list_of_instances","rowClick","staticRenderFns","_s","title","headers","items","component","VCol","VDataTable","VRow","name","components","AppBtn","AppCol","AppRow","AppSearchBar","ListViewerV0","RecursivePayloadOnSchemaEditor","entity_type","call_id","props","companydb_id","type","Number","String","required","default","watch","entities_list_component","reset_company_id","fetchInstances","computed","length","toString","methods","executeWorkflowOnParams","refresh_query_type","row","console","log","$router","push","params","entity_instance_id","uuid","e","get_type_by_id","ui_config","entity_list_viewer","get_instance_by_id","query_schema_id","query_type","schema","VBtn","VContainer","loading","save","c_headers","my_rows","scopedSlots","_u","_l","header","fn","ref","text","item","editable_fields","includes","$set","VIcon","VTextField","formattedRows","style","fontSize","getFontSize","key_to_show","intern_key","marginLeft","depth","get_next_key_to_show","readonly","new_data","update_payload","$event","emit_change","data_payload","nextFontSize","color","_g","_b","delete_extra_key","is_tablable","Object","keys","properties","payloadChanged","turnIntoNumber","index","item_schema","removeItem","addItem","Array","Boolean","splice","$emit","GenericTableComponent","ListOnSchemaEditor","getDefaultPayload","initializePayload","baseSize","sizeIncrement","filter","new_payload","data","VCheckbox","VTooltip"],"mappings":"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","file":"js/chunk-c6e306be.4bb1dec0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"container-full-bg-gray\",attrs:{\"fluid\":\"\"}},[(_vm.query_schema)?_c('RecursivePayloadOnSchemaEditor',{attrs:{\"schema\":_vm.query_schema,\"key_to_show\":'Parámetros'},on:{\"change\":_vm.refreshList},model:{value:(_vm.my_query),callback:function ($$v) {_vm.my_query=$$v},expression:\"my_query\"}}):_vm._e(),_c('v-col',{attrs:{\"cols\":\"1\"}},[_c('v-btn',{staticClass:\"mr-2\",attrs:{\"icon\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.refreshList}},[_vm._v(\"\\n            Refresh\\n        \")])],1),(_vm.my_ui && _vm.my_ui.entity_type_id == '00004d7a-e4fe-47af-8ff6-187bca92f301')?_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('ListViewerV0',{key:_vm.key_for_list,attrs:{\"my_ui\":_vm.my_ui.payload,\"list_of_instances\":_vm.list_of_instances},on:{\"row-click\":_vm.rowClick,\"refresh\":_vm.refreshList}})],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"11\"}},[_c('h1',[_vm._v(_vm._s(_vm.my_ui.title))])])],1),_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.items,\"items-per-page\":20},on:{\"click:row\":_vm.rowClick}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <v-row>\n            <v-col cols=\"11\">\n                <h1>{{my_ui.title}}</h1>\n            </v-col>\n        </v-row>\n        <!-- <v-row v-for=\"filt in my_ui.filtrables\">\n            <v-col cols=\"2\">\n                <v-text-field\n                    v-model=\"filters[filt]\"\n                    :label=\"filt\"\n                    :append-icon=\"filters[filt] ? 'mdi-close' : 'mdi-magnify'\"\n                    :append-icon-cb=\"() => filters[filt] = ''\"\n                    @keyup.enter=\"refreshList\"\n                ></v-text-field>\n            </v-col> \n        </v-row> -->\n        <v-data-table\n            :headers=\"headers\"\n            :items=\"items\"\n            :items-per-page=\"20\"\n            class=\"elevation-1\"\n            @click:row=\"rowClick\"\n        >\n        </v-data-table> \n    </div>\n  </template>\n    \n  <script>\n  import GenericTableEditableComponent from '@/components/GenericTableEditableComponent.vue'\n  import RecursivePayloadOnSchemaEditor from '@/modules/entities/infra/RecursivePayloadOnSchemaEditor.vue'\n  import { EntityInstanceApiRepository, EntityTypeApiRepository } from '@/modules/entities/infra/EntitiesApiRepositories'\n  export default {\n      name: \"ListViewerV0\",\n      components: {\n        RecursivePayloadOnSchemaEditor,\n        GenericTableEditableComponent\n      },\n      data() {\n        return {\n            items: [],\n            headers: [],\n            filters: {},\n        }\n      },\n      props: {\n        list_of_instances: {\n          type: Array,\n          required: true,\n        },\n        my_ui: {\n          type: Object,\n          required: true,\n          default: {},\n        },\n      },\n      async mounted() {\n        this.items = this.get_items(this.list_of_instances);\n        this.headers = this.get_flat_headers(this.my_ui.headers);\n      },\n      methods: {\n            get_list_repr(item){\n                let res = {'uuid': item.uuid};\n                for(let header of this.my_ui.headers){\n                    let key = header.value;\n                    let keys = key.split('.');\n                    let value = item;\n                    for(let k of keys){\n                        value = value[k];\n                        if (value === undefined){\n                            break;\n                        }\n                        \n                    }\n                    res[key] = value;\n                }\n                return res;\n            },\n            get_items(instances){\n                return instances.map(item => this.get_list_repr(item));\n            },\n            get_flat_headers(headers){\n                return headers;\n            },\n            rowClick(row) {\n                this.$emit('row-click', row);\n            },\n        },\n        \n      \n    };\n    </script>\n    \n    <style scoped>\n    .nested-section {\n      padding-left: 10px;\n      /*border-left: 1px solid #ccc; */\n      margin-top: 10px;\n    }\n    </style>\n    ","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListViewerV0.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListViewerV0.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListViewerV0.vue?vue&type=template&id=00a7b339&scoped=true&\"\nimport script from \"./ListViewerV0.vue?vue&type=script&lang=js&\"\nexport * from \"./ListViewerV0.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ListViewerV0.vue?vue&type=style&index=0&id=00a7b339&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  \"00a7b339\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VDataTable,VRow})\n","<template>\n    <v-container fluid class=\"container-full-bg-gray\" >\n        <RecursivePayloadOnSchemaEditor \n            v-if=\"query_schema\"\n            :schema=\"query_schema\" \n            :key_to_show=\"'Parámetros'\"\n            v-model=\"my_query\"\n            @change=\"refreshList\"\n        />\n        <v-col cols=\"1\">\n            <v-btn @click=\"refreshList\" \n                    icon\n                    color=\"primary\"\n                    class=\"mr-2\"\n                    >\n                Refresh\n            </v-btn>\n        </v-col>\n        <v-row v-if=\"my_ui && my_ui.entity_type_id == '00004d7a-e4fe-47af-8ff6-187bca92f301'\">\n            <v-col cols=\"12\">\n                <ListViewerV0 :my_ui=\"my_ui.payload\" :list_of_instances=\"list_of_instances\" \n                              :key=\"key_for_list\"\n                              @row-click=\"rowClick\"\n                              @refresh=\"refreshList\"/>\n            </v-col>\n        </v-row>\n    </v-container>\n    \n</template>\n  \n<script>\nimport AppBtn from \"@/components/layout/AppBtn.vue\";\nimport AppRow from \"@/components/layout/AppRow.vue\";\nimport AppCol from \"@/components/layout/AppCol.vue\";\nimport { EntityTypeApiRepository,  EntityInstanceApiRepository} from \"@/modules/entities/infra/EntitiesApiRepositories\";\nimport { EntitiesListScreenData} from \"@/modules/entities/domain/EntitiesListScreenData\";\nimport { EntitiesListComponent } from \"@/modules/entities/app/EntitiesListComponent\";\nimport { mapGetters, mapState } from \"vuex\";\nimport AppSearchBar from '@/components/layout/AppSearchBar.vue';\nimport { filter } from \"mathjs\";\nimport { document_components_factory } from \"@/api/client\";\nimport ListViewerV0 from \"@/modules/entities/infra/UIComponents/ListViewerV0.vue\";\nimport RecursivePayloadOnSchemaEditor from \"@/modules/entities/infra/RecursivePayloadOnSchemaEditor.vue\";\n\n  \nexport default {\n    name: \"EntitiesListUIs\",\n    components: {\n        AppBtn,\n        AppCol,\n        AppRow,\n        AppSearchBar,\n        ListViewerV0,\n        RecursivePayloadOnSchemaEditor\n    },\n    data() {\n        return {\n            list_of_instances: [],\n            entity_type: null,\n            my_ui:null,\n            my_query: {},\n            query_schema:{},\n            call_id: 0,\n        };\n    },\n    props: {\n        companydb_id: {\n            type: [Number, String],\n            required: true,\n            default: null\n        },\n        entity_type_id: {\n            type: [Number, String],\n            required: true,\n            default: null\n        }\n    },\n    watch: { \n        companydb_id: function() {\n            this.entities_list_component.reset_company_id(this.companydb_id);\n            this.entities_list_component.fetchInstances()\n        }\n    },\n    computed: {\n        key_for_list() {\n            return this.list_of_instances.length.toString() + this.call_id.toString();\n        },\n    },\n    methods: {\n        async fetchInstances() {\n            this.list_of_instances = await new EntityInstanceApiRepository().executeWorkflowOnParams(this.my_query, this.my_ui.payload.refresh_query_type, this.companydb_id);\n            this.call_id = this.call_id + 1 \n            if (!this.list_of_instances){\n                this.list_of_instances = []\n            }\n        },\n        rowClick(row) {\n            console.log('rowClick',row)\n            this.$router.push({ name: 'entity-instance-editor', params: { companydb_id: this.companydb_id, entity_instance_id: row.uuid } })\n        },\n        refreshList(e) {\n            console.log('refreshList', e)\n            this.fetchInstances()\n        },\n\n    },\n    async mounted() {\n        this.entity_type = await new EntityTypeApiRepository().get_type_by_id(this.entity_type_id)\n        if (this.entity_type.ui_config && this.entity_type.ui_config.entity_list_viewer){\n            this.my_ui = (await new EntityInstanceApiRepository().get_instance_by_id(this.entity_type.ui_config.entity_list_viewer))\n            let query_schema_id = this.my_ui.payload.refresh_query_type\n            let query_type = await new EntityTypeApiRepository().get_type_by_id(query_schema_id)\n            this.query_schema = query_type.schema\n        }\n        this.refreshList();\n    },\n  \n};\n</script>\n\n<style scoped>\n\n::v-deep .v-card__title {\n    padding-top: 15px !important;\n    padding-bottom: 15px !important;\n\n}\n/*.card-title-footer-color {\n    background: #fafaff;\n}\n\n::v-deep .v-data-footer {\n    background-color: #fafaff;\n    margin-right: 0px !important;\n    padding-right: 17px;\n}*/\n\n::v-deep .v-data-table-header>tr>th {\n    background-color: #ebeaff !important;\n}\n\n::v-deep .v-data-table-header>tr>th>span,\n::v-deep .v-data-table-header>tr>th>div>div>div>label>span {\n    color: #66359b;\n    font-size: 0.875rem;\n}\n\n.font-color {\n    color: #56565b;\n}\n\n::v-deep .v-data-table__wrapper>table>tbody>tr>td {\n    border-bottom: none !important;\n}\n\n::v-deep tbody tr:nth-of-type(even) {\n    /* 'deep-orange lighten-5' basides on material design color */\n    background-color: rgba(245, 245, 245, 0.47);\n}\n\n::v-deep .v-input__prepend-inner>div>i {\n    color: #66359b;\n    top: 2px;\n    padding-left: 5px;\n}\n\n.acction_btns {\n    display: flex !important;\n    justify-content: space-between !important;\n    padding: 0 36px 20px;\n}\n\n.action__btn {\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 16px;\n    border-radius: 20px;\n    padding: 18px !important;\n    gap: 8px;\n    text-transform: capitalize;\n}\n</style>\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EntitiesListUIs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EntitiesListUIs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EntitiesListUIs.vue?vue&type=template&id=4a3b0c58&scoped=true&\"\nimport script from \"./EntitiesListUIs.vue?vue&type=script&lang=js&\"\nexport * from \"./EntitiesListUIs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EntitiesListUIs.vue?vue&type=style&index=0&id=4a3b0c58&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  \"4a3b0c58\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,VRow})\n","export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenericTableEditableComponent.vue?vue&type=style&index=0&id=293493d7&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"10\"}}),_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"icon\":\"\",\"loading\":_vm.loading},on:{\"click\":_vm.save}},[_c('v-icon',[_vm._v(\"mdi-content-save\")])],1)],1)],1),_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.c_headers,\"items\":_vm.my_rows,\"disable-pagination\":\"\",\"hide-default-footer\":\"\"},scopedSlots:_vm._u([_vm._l((_vm.c_headers),function(header){return {key:(\"header.\" + (header.value)),fn:function(ref){\nvar header = ref.header;\nreturn [_c('span',{attrs:{\"tabindex\":\"0\"}},[_vm._v(\"\\n            \"+_vm._s(header.text)+\"\\n        \")])]}}}),_vm._l((_vm.c_headers),function(header){return {key:(\"item.\" + (header.value)),fn:function(ref){\nvar item = ref.item;\nreturn [(_vm.editable_fields.includes(header.value))?_c('span',[_c('v-text-field',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"hide-details\":\"\"},model:{value:(item[header.value]),callback:function ($$v) {_vm.$set(item, header.value, $$v)},expression:\"item[header.value]\"}})],1):_c('span',[_vm._v(\"\\n          \"+_vm._s(item[header.value])+\"\\n      \")])]}}})],null,true)})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-container>\n        <v-row>\n            <v-col cols=\"10\"></v-col>\n            <!-- <v-col cols=\"4\" v-if=\"editable_fields.length === 0\">\n              <v-btn @click=\"downloadCSV\" color=\"primary\">Descargar CSV</v-btn>\n            </v-col> -->\n            <v-col cols=\"2\" >\n              <v-btn @click=\"save\" color=\"primary\" icon  :loading=\"loading\">\n                <v-icon>mdi-content-save</v-icon>\n              </v-btn>\n            </v-col>\n          </v-row>\n      <v-data-table\n        :headers=\"c_headers\"\n        :items=\"my_rows\"\n        class=\"elevation-1\"\n        disable-pagination\n        hide-default-footer\n      >\n        <template v-for=\"header in c_headers\" v-slot:[`header.${header.value}`]=\"{ header }\">\n            <span tabindex=\"0\">\n                {{ header.text }}\n            </span>\n        </template>\n\n        <!-- Columnas Personalizables -->\n        <template v-for=\"header in c_headers\" v-slot:[`item.${header.value}`]=\"{ item }\">\n            <span v-if=\"editable_fields.includes(header.value)\">\n                <v-text-field v-model=\"item[header.value]\" dense outlined hide-details></v-text-field>\n            </span>\n            <span v-else>\n              {{ item[header.value] }}\n          </span>\n        </template>\n        </v-data-table>\n    </v-container>\n  </template>\n  \n  <script>\n  export default {\n    name: \"GenericTableEditableComponent\",\n    props: {\n      data: {\n        type: Array,\n        required: true,\n      },\n      headers: {\n        type: Array,\n        default: () => [],\n      },\n      editable_fields: {\n        type: Array,\n        default: () => [],\n      },\n      loading: {\n        type: Boolean,\n        default: false,\n      },\n    },\n    data() {\n      return {\n        my_rows: this.data,\n      };\n    },\n    mounted() {\n      this.my_rows = this.data;\n      //set to empty string the null values\n      this.my_rows.forEach(row => {\n        Object.keys(row).forEach(key => {\n          if (row[key] === null) {\n            row[key] = \"\";\n          }\n        });\n      });\n\n    },\n    computed: {\n      c_headers() {\n        if (this.headers.length > 0) {\n          return this.headers\n        }\n        const allKeys = new Set();\n        this.data.forEach(row => {\n          Object.keys(row).forEach(key => allKeys.add(key));\n        });\n        return [...allKeys].map(key => ({ text: key, value: key }));\n      },\n    },\n    methods: {\n      downloadCSV() {\n        const separator = ';';\n        const headers = this.headers.map(header => header.text).join(separator);\n        const rows = this.formattedRows.map(row =>\n          this.headers.map(header => `\"${(row[header.value] || '').toString().replace(/\"/g, '\"\"')}\"`).join(separator)\n        );\n        console.log(rows);\n        const csvContent = `data:text/csv;charset=utf-8,${headers}\\n${rows.join('\\n')}`;\n        const encodedUri = encodeURI(csvContent);\n        const link = document.createElement(\"a\");\n        link.setAttribute(\"href\", encodedUri);\n        link.setAttribute(\"download\", \"data.csv\");\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n      },\n      save() {\n        this.$emit(\"save\", this.my_rows);\n      },\n    },\n  };\n  </script>\n  \n  <style scoped>\n  /* Add custom styles here if needed */\n  </style>\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenericTableEditableComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenericTableEditableComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GenericTableEditableComponent.vue?vue&type=template&id=293493d7&scoped=true&\"\nimport script from \"./GenericTableEditableComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./GenericTableEditableComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GenericTableEditableComponent.vue?vue&type=style&index=0&id=293493d7&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  \"293493d7\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCol,VContainer,VDataTable,VIcon,VRow,VTextField})\n","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecursivePayloadOnSchemaEditor.vue?vue&type=style&index=0&id=19320374&scoped=true&lang=css&\"","export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EntitiesListUIs.vue?vue&type=style&index=0&id=4a3b0c58&scoped=true&lang=css&\"","export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenericTableComponent.vue?vue&type=style&index=0&id=4f722058&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListOnSchemaEditor.vue?vue&type=style&index=0&id=0079d63a&scoped=true&lang=css&\"","export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListViewerV0.vue?vue&type=style&index=0&id=00a7b339&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.c_headers,\"items\":_vm.formattedRows,\"disable-pagination\":\"\",\"hide-default-footer\":\"\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-container>\n        <!-- <v-row>\n            <v-col cols=\"8\"></v-col>\n            <v-col cols=\"4\">\n              <v-btn @click=\"downloadCSV\" color=\"primary\">Descargar CSV</v-btn>\n            </v-col>\n          </v-row> -->\n      <v-data-table\n        :headers=\"c_headers\"\n        :items=\"formattedRows\"\n        class=\"elevation-1\"\n        disable-pagination\n        hide-default-footer\n      >\n      </v-data-table>\n    </v-container>\n  </template>\n  \n  <script>\n  export default {\n    name: \"GenericTableComponent\",\n    props: {\n      data: {\n        type: Array,\n        required: true,\n      },\n      headers: {\n        type: Array,\n        default: () => [],\n      },\n    },\n    computed: {\n      c_headers() {\n        if (this.headers.length > 0) {\n          return this.headers.map(key => ({ text: key, value: key }));\n        }\n        const allKeys = new Set();\n        this.data.forEach(row => {\n          Object.keys(row).forEach(key => allKeys.add(key));\n        });\n        return [...allKeys].map(key => ({ text: key, value: key }));\n      },\n      formattedRows() {\n        return this.data.map(row => {\n          const formattedRow = {};\n          this.c_headers.forEach(header => {\n            formattedRow[header.value] = row[header.value] || \"\";\n          });\n          return formattedRow;\n        });\n      },\n    },\n    methods: {\n      downloadCSV() {\n        const separator = ';';\n        const headers = this.headers.map(header => header.text).join(separator);\n        const rows = this.formattedRows.map(row =>\n          this.headers.map(header => `\"${(row[header.value] || '').toString().replace(/\"/g, '\"\"')}\"`).join(separator)\n        );\n        console.log(rows);\n        const csvContent = `data:text/csv;charset=utf-8,${headers}\\n${rows.join('\\n')}`;\n        const encodedUri = encodeURI(csvContent);\n        const link = document.createElement(\"a\");\n        link.setAttribute(\"href\", encodedUri);\n        link.setAttribute(\"download\", \"data.csv\");\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n      },\n    },\n  };\n  </script>\n  \n  <style scoped>\n  /* Add custom styles here if needed */\n  </style>\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenericTableComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GenericTableComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GenericTableComponent.vue?vue&type=template&id=4f722058&scoped=true&\"\nimport script from \"./GenericTableComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./GenericTableComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GenericTableComponent.vue?vue&type=style&index=0&id=4f722058&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  \"4f722058\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\ninstallComponents(component, {VContainer,VDataTable})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.schema.type === 'object')?_c('div',{staticClass:\"nested-section\"},[_c('h3',{style:({ fontSize: _vm.getFontSize })},[_vm._v(_vm._s(_vm.key_to_show))]),(_vm.intern_key!=_vm.key_to_show)?_c('i',[_vm._v(\" \"+_vm._s(_vm.intern_key))]):_vm._e(),_vm._l((_vm.schema.properties),function(value,key){return [_c('div',{staticClass:\"nested-section\",style:({ marginLeft: _vm.depth * 20 + 'px' })},[_c('RecursivePayloadOnSchemaEditor',{attrs:{\"schema\":value,\"key_to_show\":_vm.get_next_key_to_show(key, value),\"intern_key\":key,\"depth\":_vm.depth + 1,\"readonly\":_vm.readonly},on:{\"input\":function (new_data) { return _vm.update_payload(key, new_data); },\"change\":function($event){return _vm.emit_change(_vm.data_payload)}},model:{value:(_vm.data_payload[key]),callback:function ($$v) {_vm.$set(_vm.data_payload, key, $$v)},expression:\"data_payload[key]\"}})],1)]}),_vm._l((_vm.out_of_schema_keys),function(key){return [_c('div',{staticClass:\"nested-section\",style:({ marginLeft: _vm.depth * 20 + 'px' })},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('p',{style:({ fontSize: _vm.nextFontSize, color:'red'})},[_c('strong',[_vm._v(_vm._s(key)+\":\")])])]),_c('v-col',{attrs:{\"cols\":\"7\"}},[_c('p',{style:({ fontSize: _vm.nextFontSize , color:'red' })},[_vm._v(_vm._s(_vm.data_payload[key]))])]),(!_vm.readonly)?_c('v-col',{attrs:{\"cols\":\"1\"}},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"icon\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.delete_extra_key(key)}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-delete\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Eliminar campo (no consta en esquema de registro)\")])])],1):_vm._e()],1)],1)]})],2):(_vm.schema.type === 'array')?_c('div',{staticClass:\"nested-section\"},[_c('h3',{style:({ fontSize: _vm.getFontSize })},[_vm._v(_vm._s(_vm.key_to_show))]),(_vm.intern_key!=_vm.key_to_show)?_c('i',[_vm._v(\" \"+_vm._s(_vm.intern_key))]):_vm._e(),(!_vm.is_tablable(_vm.schema.items))?_c('div',[_c('ListOnSchemaEditor',{attrs:{\"item_schema\":_vm.schema.items,\"readonly\":_vm.readonly,\"depth\":_vm.depth + 1},on:{\"change\":_vm.payloadChanged},model:{value:(_vm.data_payload),callback:function ($$v) {_vm.data_payload=$$v},expression:\"data_payload\"}})],1):_c('div',[_c('GenericTableComponent',{attrs:{\"data\":_vm.data_payload,\"headers\":Object.keys(_vm.schema.items.properties)}})],1)]):_c('div',{staticClass:\"nested-section\"},[_c('v-row',{staticClass:\"d-flex align-baseline\"},[_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('p',{style:({ fontSize: _vm.getFontSize })},[_c('strong',[_vm._v(_vm._s(_vm.key_to_show)+\":\")])])]),_c('v-col',{attrs:{\"cols\":\"8\"}},[(_vm.schema.type === 'boolean')?_c('v-checkbox',{attrs:{\"label\":_vm.intern_key,\"readonly\":_vm.readonly,\"hide-details\":\"auto\"},on:{\"change\":_vm.payloadChanged},model:{value:(_vm.data_payload),callback:function ($$v) {_vm.data_payload=$$v},expression:\"data_payload\"}}):(_vm.schema.type === 'string')?_c('v-text-field',{attrs:{\"label\":_vm.intern_key,\"readonly\":_vm.readonly,\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"auto\"},on:{\"input\":_vm.payloadChanged,\"change\":function($event){return _vm.emit_change(_vm.data_payload)}},model:{value:(_vm.data_payload),callback:function ($$v) {_vm.data_payload=$$v},expression:\"data_payload\"}}):(_vm.schema.type === 'number' || _vm.schema.type === 'integer')?_c('v-text-field',{attrs:{\"label\":_vm.intern_key,\"readonly\":_vm.readonly,\"outlined\":\"\",\"dense\":\"\",\"type\":\"number\",\"hide-details\":\"auto\"},on:{\"input\":_vm.turnIntoNumber},model:{value:(_vm.data_payload),callback:function ($$v) {_vm.data_payload=$$v},expression:\"data_payload\"}}):(typeof _vm.schema === 'object' && Object.keys(_vm.schema).length === 0)?_c('div',[_vm._v(\"\\n          \"+_vm._s(_vm.data_payload)+\"\\n        \")]):_vm._e()],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._l((_vm.value),function(item,index){return _c('div',{key:index,staticClass:\"d-flex align-baseline\"},[_c('RecursivePayloadOnSchemaEditor',{attrs:{\"schema\":_vm.item_schema,\"readonly\":_vm.readonly,\"key_to_show\":(index + 1).toString(),\"depth\":_vm.depth+1},on:{\"change\":_vm.payloadChanged},model:{value:(_vm.value[index]),callback:function ($$v) {_vm.$set(_vm.value, index, $$v)},expression:\"value[index]\"}}),(!_vm.readonly)?_c('button',{attrs:{\"icon\":\"\",\"small\":\"\"},on:{\"click\":function($event){return _vm.removeItem(index)}}},[_c('v-icon',{staticClass:\"red--text\"},[_vm._v(\"mdi-close\")])],1):_vm._e()],1)}),(!_vm.readonly)?_c('button',{style:({ marginLeft: _vm.depth*20 + 'px' }),attrs:{\"icon\":\"\",\"small\":\"\"},on:{\"click\":_vm.addItem}},[_c('v-icon',{staticClass:\"primary_blue--text\"},[_vm._v(\"mdi-plus\")])],1):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div v-for=\"(item, index) in value\" :key=\"index\" class=\"d-flex align-baseline\">\n            <RecursivePayloadOnSchemaEditor\n              :schema=\"item_schema\"\n              :readonly=\"readonly\"\n              :key_to_show=\"(index + 1).toString()\"\n              v-model=\"value[index]\"\n              :depth=\"depth+1\"\n              @change=\"payloadChanged\"\n            />\n            <button icon small v-if=\"!readonly\" @click=\"removeItem(index)\">\n                <v-icon class=\"red--text\">mdi-close</v-icon>\n            </button>\n        </div>\n        <button icon small  v-if=\"!readonly\" @click=\"addItem\"  :style=\"{ marginLeft: depth*20 + 'px' }\" >\n            <v-icon class=\"primary_blue--text\">mdi-plus</v-icon>\n        </button>\n      </div>\n</template>\n\n<script>\nexport default {\n  name: \"ListOnSchemaEditor\",\n  components: {\n    RecursivePayloadOnSchemaEditor: () => import(\"./RecursivePayloadOnSchemaEditor.vue\"),\n  },\n  props: {\n    item_schema: {\n      type: Object,\n      required: true,\n    },\n    value: {\n      type: Array,\n      required: false,\n      default: () => ([]),\n    },\n    depth: {\n      type: Number,\n      default: 0,\n    },\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n  },\n  mounted() {\n  },\n  methods: {\n    addItem() {\n      let type = this.item_schema.type;\n      let item = null;\n      if (type === \"object\") {\n        item = {};\n      } else if (type === \"array\") {\n        item = [];\n      } else if (type === \"string\") {\n        item = \"\";\n      }\n      this.value.push(item);\n      this.payloadChanged();\n    },\n    removeItem(index) {\n      this.value.splice(index, 1);\n      this.payloadChanged();\n    },\n    payloadChanged() {\n      console.log('payloadChanged IN LIST')\n      //this.$emit(\"input\", this.value);\n      this.$emit(\"change\", this.value);\n    },\n\n  }\n};\n</script>\n\n<style scoped>\n.nested-section {\n  padding-left: 10px;\n  border-left: 1px solid #ccc;\n  margin-top: 10px;\n}\n</style>styleaddItem() {\n      this.items.push({});\n    },\n    removeItem(index) {\n      this.items.splice(index, 1);\n    }","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListOnSchemaEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListOnSchemaEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListOnSchemaEditor.vue?vue&type=template&id=0079d63a&scoped=true&\"\nimport script from \"./ListOnSchemaEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./ListOnSchemaEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ListOnSchemaEditor.vue?vue&type=style&index=0&id=0079d63a&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  \"0079d63a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","<template>\n  <div>\n    <div v-if=\"schema.type === 'object'\" class=\"nested-section\">\n      <h3 :style=\"{ fontSize: getFontSize }\">{{ key_to_show }}</h3> <i v-if=\"intern_key!=key_to_show\"> {{intern_key}}</i>\n      <template v-for=\"(value, key) in schema.properties\">\n        <div class=\"nested-section\" :style=\"{ marginLeft: depth * 20 + 'px' }\">\n          <RecursivePayloadOnSchemaEditor\n            :schema=\"value\"\n            v-model=\"data_payload[key]\"\n            :key_to_show=\"get_next_key_to_show(key, value)\"\n            :intern_key=\"key\"\n            :depth=\"depth + 1\"\n            :readonly=\"readonly\"\n            @input=\"(new_data) => update_payload(key, new_data)\"\n            @change=\"emit_change(data_payload)\"\n          />\n        </div>\n      </template>\n      <template v-for=\"key in out_of_schema_keys\"> \n        <div class=\"nested-section\" :style=\"{ marginLeft: depth * 20 + 'px' }\">\n          <v-row>\n            <v-col cols=\"4\">\n              <p :style=\"{ fontSize: nextFontSize, color:'red'}\"><strong>{{ key }}:</strong></p>\n            </v-col>\n            <v-col cols=\"7\">\n              <!-- Idealmente mostrar con componente recursivo de json -->\n              <p :style=\"{ fontSize: nextFontSize , color:'red' } \">{{data_payload[key]}}</p>\n            </v-col>\n            <v-col cols=\"1\" v-if=\"!readonly\">\n              \n              <v-tooltip top>\n                <template v-slot:activator=\"{ on, attrs }\">\n                  <v-btn\n                    @click=\"delete_extra_key(key)\"\n                    icon\n                    color=\"red\"\n                    v-bind=\"attrs\"\n                    v-on=\"on\"        \n                    >\n                    <v-icon>mdi-delete</v-icon>\n                  </v-btn>\n                 </template>\n                 <span>Eliminar campo (no consta en esquema de registro)</span>\n              </v-tooltip>\n            </v-col>\n          </v-row>  \n\n          \n        </div>  \n      </template>\n\n\n\n    </div>\n    <div v-else-if=\"schema.type === 'array'\" class=\"nested-section\">\n      <h3 :style=\"{ fontSize: getFontSize }\">{{ key_to_show }}</h3><i v-if=\"intern_key!=key_to_show\"> {{intern_key}}</i>\n      <div v-if=\"!is_tablable(schema.items)\">\n        <ListOnSchemaEditor\n        :item_schema=\"schema.items\"\n        v-model=\"data_payload\"\n        :readonly=\"readonly\"\n        :depth=\"depth + 1\"\n        @change=\"payloadChanged\"/>\n      </div>\n      <div v-else>\n        <GenericTableComponent\n          :data=\"data_payload\" :headers=\"Object.keys(schema.items.properties)\"></GenericTableComponent>\n      </div>\n    </div>\n    <div v-else class=\"nested-section\">\n      <v-row class=\"d-flex align-baseline\">\n        <v-col cols=\"3\">\n          <p :style=\"{ fontSize: getFontSize }\"><strong>{{ key_to_show }}:</strong></p>\n        </v-col>\n        <v-col cols=\"8\">\n          <v-checkbox\n            v-if=\"schema.type === 'boolean'\"\n            v-model=\"data_payload\"\n            @change=\"payloadChanged\"\n            :label=\"intern_key\"\n            :readonly=\"readonly\"\n            hide-details=\"auto\"\n          />\n          <v-text-field\n            v-else-if=\"schema.type === 'string'\"\n            v-model=\"data_payload\"\n            @input=\"payloadChanged\"\n            @change=\"emit_change(data_payload)\"\n            :label=\"intern_key\"\n            :readonly=\"readonly\"\n            outlined\n            dense\n            hide-details=\"auto\"\n          />\n          <v-text-field\n            v-else-if=\"schema.type === 'number' || schema.type === 'integer'\"\n            v-model=\"data_payload\"\n            :label=\"intern_key\"\n            @input=\"turnIntoNumber\"\n            :readonly=\"readonly\"\n            outlined\n            dense\n            type=\"number\"\n            hide-details=\"auto\"\n          />\n          <div v-else-if=\"typeof schema === 'object' && Object.keys(schema).length === 0\">\n            {{ data_payload}}\n          </div>\n        </v-col>\n      </v-row>\n    </div>\n  </div>\n</template>\n  \n<script>\nimport GenericTableComponent from '@/components/GenericTableComponent.vue'\nimport ListOnSchemaEditor from '@/modules/entities/infra/ListOnSchemaEditor.vue'\n\nexport default {\n    name: \"RecursivePayloadOnSchemaEditor\",\n    components: {\n      GenericTableComponent,\n      ListOnSchemaEditor\n    },\n    data() {\n      return {\n        data_payload: this.value !== null ? this.value : this.getDefaultPayload(),\n      }\n    },\n    props: {\n      schema: {\n        type: Object,\n        required: true,\n      },\n      key_to_show: {\n        type: String,\n        required: false,\n        default: null,\n      },\n      intern_key: {\n        type: String,\n        required: false,\n        default: null,\n      },\n      value: {\n        type: [Object, Array, String, Number, Boolean],\n        required: false,\n        default:null,\n      },\n      depth: {\n        type: Number,\n        default: 0,\n      },\n      readonly: {\n        type: Boolean,\n        default: false,\n      },\n    },\n    mounted() {\n      // let init_payload = null\n      // if(this.value){\n      //   init_payload = this.value;\n      // }else{\n      //   if(this.schema.type === 'object'){\n      //     init_payload = {}\n      //   }else if(this.schema.type === 'array'){\n      //     init_payload = []\n      //   }\n      //   else if(this.schema.type === 'string'){\n      //     init_payload = ''\n      //   }else{\n      //     init_payload = null\n      //   }\n      // }\n      // this.data_payload = init_payload;\n      this.initializePayload();\n      \n    },\n    computed: {\n        \n        getFontSize() {\n            const baseSize = 20; // Base font size in pixels\n            const sizeIncrement = 2; // Increment in pixels for each depth level\n            return `${baseSize - this.depth * sizeIncrement}px`; // Decrease font size as depth increases\n        },\n        nextFontSize() {\n            const baseSize = 20; // Base font size in pixels\n            const sizeIncrement = 2; // Increment in pixels for each depth level\n            return `${baseSize - (this.depth + 1) * sizeIncrement}px`; // Decrease font size as depth increases\n        },\n        out_of_schema_keys(){\n          if (this.schema.type !== 'object') {\n            return [];\n          }\n          return Object.keys(this.data_payload).filter(key => !Object.keys(this.schema.properties).includes(key));\n        }\n    },\n    methods: {\n      turnIntoNumber(value) {\n        this.data_payload = value !== '' ? Number(value) : null;\n        this.payloadChanged(); // Ensure this is still called\n      },\n      is_tablable(schema){\n          if(schema.type === 'object' && this.readonly ){\n            // for(const key in schema.properties){\n            //   if(schema.properties[key].type === 'object' || schema.properties[key].type === 'array'){\n            //     return false\n            //   }\n            // }\n            return true\n          }\n          else{\n            return false\n          }\n      },\n\n      get_next_key_to_show(key, value) {\n        if(value.title){\n          return value.title;\n        }\n        return key;\n      },\n      getDefaultPayload() {\n      if (this.schema.type === 'object') {\n        return {};\n      } else if (this.schema.type === 'array') {\n        return [];\n      } else if (this.schema.type === 'string') {\n        return '';\n      } else {\n        return null;\n      }\n    },\n    delete_extra_key(key){\n      console.log('delete_extra_key', key);\n      const new_payload = {...this.data_payload};\n      delete new_payload[key];\n      this.data_payload = new_payload;\n      this.payloadChanged();\n    },\n    initializePayload() {\n      if (this.value === null) {\n        this.data_payload = this.getDefaultPayload();\n      } else {\n        this.data_payload = this.value;\n      }\n    },\n    emit_change(data){\n        this.$emit('change', data);\n    },\n      payloadChanged(){\n        console.log('payload changed', this.key_to_show, this.data_payload);\n        this.$emit('input', this.data_payload);\n      },\n      update_payload(key, value){\n        console.log('update_payload', key, value);\n        this.data_payload = {\n          ...this.data_payload,\n          [key]: value\n        }\n        this.payloadChanged();\n      }\n\n    },\n    \n  };\n  </script>\n  \n  <style scoped>\n  .nested-section {\n    padding-left: 10px;\n    /*border-left: 1px solid #ccc; */\n    margin-top: 10px;\n  }\n  </style>\n  ","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecursivePayloadOnSchemaEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecursivePayloadOnSchemaEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecursivePayloadOnSchemaEditor.vue?vue&type=template&id=19320374&scoped=true&\"\nimport script from \"./RecursivePayloadOnSchemaEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./RecursivePayloadOnSchemaEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecursivePayloadOnSchemaEditor.vue?vue&type=style&index=0&id=19320374&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  \"19320374\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCheckbox,VCol,VIcon,VRow,VTextField,VTooltip})\n"],"sourceRoot":""}