{"version":3,"sources":["webpack:///./src/views/generator/Create.vue?9b5a","webpack:///src/views/generator/Create.vue","webpack:///./src/views/generator/Create.vue?63c0","webpack:///./src/views/generator/Create.vue","webpack:///./src/views/generator/Create.vue?c85c"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,OAAO,CAACA,EAAG,OAAO,CAACG,YAAY,YAAYD,MAAM,CAAC,GAAK,KAAK,GAAK,OAAO,CAACF,EAAG,OAAO,CAACG,YAAY,OAAO,CAACH,EAAG,OAAO,CAACG,YAAY,OAAOD,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,mBAAmB,GAAGA,EAAG,OAAO,CAACG,YAAY,OAAOD,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACF,EAAG,oBAAoB,IAAI,IAAI,GAAGA,EAAG,kBAAkBA,EAAG,mBAAmB,IAAI,IAC7cI,EAAkB,G,YCkBtB,oBACA,0DACA,aAGA,oBACA,0DACA,YAGA,oBACA,2IACA,YAGA,oBACA,0DACA,YAIA,GACA,yBAEA,2BACA,6BAEA,oBACA,uBAIA,iCACA,eACA,qBAGA,YACA,iBACA,iBACA,iBACA,mBAEA,UACA,cACA,eACA,wDAEA,gBACA,sDAGA,qBACA,4BAEA,eACA,eACA,wDAEA,gBACA,sDAGA,QACA,eACA,6CAEA,gBACA,2CAGA,MACA,eACA,2CAEA,gBACA,yCAGA,SACA,eACA,8CAEA,gBACA,4CAGA,YACA,eACA,iDAEA,gBACA,+CAGA,aACA,eACA,wDAEA,gBACA,sDAGA,WACA,eACA,gDAEA,gBACA,+CAIA,8BACA,qCACA,mHAEA,wCAEA,2CACA,6BACA,+CACA,0DACA,6CAEA,mBAEA,IACA,eACA,oEAGA,GACA,0JAGA,IACA,eACA,gEACA,wCACA,iHAKA,wCACA,kEAIA,MAEA,SACA,+BACA,mCACA,iCACA,sBACA,0CACA,wCAEA,wDACA,gDACA,iDACA,iCACA,0DAEA,gCACA,UACA,yBACA,yCACA,yCACA,UACA,YACA,kBACA,YACA,WACA,kCAIA,mBACA,oDCvM8V,I,wBCQ1VC,EAAY,eACd,EACAV,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,oECnBf","file":"js/chunk-b299159c.f7c49741.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CContainer',{attrs:{\"fluid\":\"\"}},[_c('CRow',[_c('CCol',{staticClass:\"px-0 py-0\",attrs:{\"md\":\"12\",\"xs\":\"12\"}},[_c('CRow',{staticClass:\"m-2\"},[_c('CCol',{staticClass:\"px-0\",attrs:{\"md\":\"4\",\"xs\":\"12\"}},[_c('DocumentFields')],1),_c('CCol',{staticClass:\"px-0\",attrs:{\"md\":\"8\",\"xs\":\"12\"}},[_c('DocumentPreview')],1)],1)],1),_c('DocumentFooter'),_c('DocumentModals')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <CContainer fluid >\r\n        <CRow>\r\n            <CCol md=\"12\" xs=\"12\" class=\"px-0 py-0\">\r\n                <CRow class=\"m-2\">\r\n                    <CCol md=\"4\" xs=\"12\" class=\"px-0\">\r\n                        <DocumentFields/>\r\n                    </CCol>\r\n                    <CCol md=\"8\" xs=\"12\" class=\"px-0\">\r\n                        <DocumentPreview/>\r\n                    </CCol>\r\n                </CRow>\r\n            </CCol>\r\n            <DocumentFooter/>\r\n            <DocumentModals/>\r\n        </CRow>\r\n    </CContainer>\r\n</template>\r\n<script>\r\nconst DocumentFields = () => ({\r\n  component: import('./components/Fields.vue'),\r\n  delay:     1500\r\n});\r\n\r\nconst DocumentFooter = () => ({\r\n  component: import('./components/Footer.vue'),\r\n  delay:     2000\r\n});\r\n\r\nconst DocumentModals = () => ({\r\n  component: import('./components/Modals.vue'),\r\n  delay:     500\r\n});\r\n\r\nconst DocumentPreview = () => ({\r\n  component: import('./components/Preview.vue'),\r\n  delay:     1000\r\n});\r\n\r\nimport { clone, cloneDeep } from 'lodash';\r\nexport default {\r\n    beforeDestroy(){\r\n\r\n        this.shareholder.splice(0);\r\n        this.board_members.splice(0);\r\n\r\n        if( this.agendaImport ){\r\n            this.agendaImport = false\r\n        }\r\n\r\n    },\r\n    beforeRouteEnter(to, from, next) {\r\n        next((vm) => {\r\n            vm.initData(), next();\r\n        });\r\n    },\r\n    components:{\r\n        DocumentFields,\r\n        DocumentFooter,\r\n        DocumentModals,\r\n        DocumentPreview\r\n    },\r\n    computed:{\r\n        agendaImport:{\r\n            get() {\r\n                return this.$store.getters.generator_data_agendaImport;\r\n            },\r\n            set(val) {\r\n                this.$store.commit('generator_data_agendaImport',val);\r\n            }\r\n        }, \r\n        generator(){\r\n            return this.$store.getters\r\n        },\r\n        board_members:{\r\n            get(){\r\n                return this.$store.getters.generator_data_boardmembers;\r\n            },\r\n            set(val){\r\n                this.$store.commit('generator_data_boardmembers',val);\r\n            }\r\n        },         \r\n        fields:{\r\n            get(){\r\n                return this.$store.getters.generator_fields;\r\n            },\r\n            set(val){\r\n                this.$store.commit('generator_fields',val);\r\n            }\r\n        },          \r\n        form:{\r\n            get(){\r\n                return this.$store.getters.generator_form;\r\n            },\r\n            set(val){\r\n                this.$store.commit('generator_form',val);\r\n            }\r\n        },       \r\n        preview:{\r\n            get(){\r\n                return this.$store.getters.generator_preview;\r\n            },\r\n            set(val){\r\n                this.$store.commit('generator_preview',val);\r\n            }\r\n        },           \r\n        properties:{\r\n            get(){\r\n                return this.$store.getters.generator_properties;\r\n            },\r\n            set(val){\r\n                this.$store.commit('generator_properties',val);\r\n            }\r\n        },     \r\n        shareholder:{\r\n            get(){\r\n                return this.$store.getters.generator_data_shareholders;\r\n            },\r\n            set(val){\r\n                this.$store.commit('generator_data_shareholders',val);\r\n            }\r\n        },                 \r\n        templates:{\r\n            get(){\r\n                return this.$store.getters.generator_templates;\r\n            },\r\n            set(val){\r\n                this.$store.commit('generator_templates',val);\r\n            }\r\n        }\r\n    },\r\n    created(){\r\n        this.watchField = debounce( () => {\r\n            document.querySelectorAll('.input-field input, .input-field textarea, .input-field:not(div)').forEach( (el) => {\r\n                let activeItems;\r\n                el.addEventListener('focus', (event) => {\r\n\r\n                    if( has(event.currentTarget.attributes,'name') ){ \r\n                        console.log(event.currentTarget);\r\n                        const inputName       = event.currentTarget.attributes['name'].value;            \r\n                        const previewElements = document.querySelectorAll(`u[data-id=\"${inputName}\"]`);\r\n                        const activeElements  = document.querySelectorAll(`u.highlighted`);\r\n\r\n                        this.active_element   = inputName;\r\n\r\n                        if( activeElements ){\r\n                            console.log(activeElements);\r\n                            activeElements.forEach( (node) => node.classList.remove('highlighted') );\r\n                        } \r\n\r\n                        if( !previewElements ){\r\n                            this.$toast.info(`Field ${inputName.split('_').map( value => `${value.charAt(0).toUpperCase()}${value.slice(1)}`).join(' ')} is not found.`);\r\n                        }     \r\n                        \r\n                        if( previewElements ){\r\n                            console.log(previewElements);\r\n                            previewElements.forEach( (node) => node.classList.add('highlighted'));\r\n                            activeItems = document.querySelector(`u.highlighted`);\r\n                            document.querySelector(`u.highlighted`).scrollIntoView({ behavior: \"smooth\", block: \"center\", inline: \"nearest\" });\r\n                        }\r\n                    }\r\n                    \r\n                });\r\n                el.addEventListener('input', (event) => {\r\n                    this.active_element = event.currentTarget.attributes['name'].value;\r\n                });\r\n\r\n            });\r\n        },1000)\r\n    },\r\n    methods:{\r\n        initData(){\r\n            this.fields                        = clone([]);\r\n            this.form                          = clone({});\r\n            this.preview                       = String();\r\n            this.board_members                 = clone([]);\r\n            this.shareholder                   = clone([]);\r\n\r\n            this.properties.custom_textboxes   = clone([]);\r\n            this.properties.document           = clone({});\r\n            this.properties.numbering          = clone([]);\r\n            this.properties.preview            = String();\r\n            this.properties.template_textboxes = clone([]);             \r\n\r\n            this.$store.commit(\"loader\", true);\r\n            this.$api\r\n                .get(\"/documents/create\")\r\n                .then(({ data: { templates} }) => {\r\n                    this.templates = cloneDeep(templates);\r\n                })\r\n                .catch((error) => {\r\n                    console.log(error);\r\n                })\r\n                .finally(() => {\r\n                    this.$store.commit(\"loader\", false);\r\n                });      \r\n        },        \r\n    },\r\n    mounted(){\r\n        this.$store.commit('generator_original_texts',{});\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n    .container-fluid{\r\n        min-height: 100vh;\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Create.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Create.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Create.vue?vue&type=template&id=14597bed&scoped=true\"\nimport script from \"./Create.vue?vue&type=script&lang=js\"\nexport * from \"./Create.vue?vue&type=script&lang=js\"\nimport style0 from \"./Create.vue?vue&type=style&index=0&id=14597bed&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  \"14597bed\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/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!./Create.vue?vue&type=style&index=0&id=14597bed&prod&scoped=true&lang=css\""],"sourceRoot":""}