{"version":3,"sources":["webpack:///./src/views/generator/components/utils/FieldDescription.vue?5660","webpack:///src/views/generator/components/utils/FieldDescription.vue","webpack:///./src/views/generator/components/utils/FieldDescription.vue?9f6a","webpack:///./src/views/generator/components/utils/FieldDescription.vue","webpack:///./src/views/generator/components/slots/ApiField.vue?357a","webpack:///src/views/generator/components/slots/ApiField.vue","webpack:///./src/views/generator/components/slots/ApiField.vue?105a","webpack:///./src/views/generator/components/slots/ApiField.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","field","required","$has","form","id","$isEmpty","staticClass","_v","_s","$t","description","_e","staticRenderFns","component","attrs","slot","name","ref","results","loading","on","$fieldapi","$fieldhit","trackElement"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAAEJ,EAAIM,MAAMC,UAAYP,EAAIQ,KAAKR,EAAIS,KAAMT,EAAIM,MAAMI,IAAK,CAAEV,EAAIW,SAASX,EAAIS,KAAKT,EAAIM,MAAMI,KAAMN,EAAG,OAAO,CAACQ,YAAY,eAAe,CAACZ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,GAAG,+CAA+CX,EAAG,OAAO,CAACQ,YAAY,aAAa,CAACZ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIM,MAAMU,iBAAkBhB,EAAIM,MAAMC,WAAaP,EAAIQ,KAAKR,EAAIS,KAAMT,EAAIM,MAAMI,IAAK,CAACN,EAAG,OAAO,CAACQ,YAAY,gBAAgB,CAACZ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,GAAG,gDAAgDf,EAAIiB,MAAM,IACpjBC,EAAkB,G,YCYtB,GACA,UACA,MACA,eACA,2CAEA,gBACA,yCAGA,iBACA,kBAEA,YACA,eACA,iDAEA,gBACA,gDAIA,mBACA,2BACA,oBAEA,8BACA,8DACA,aACA,wCACA,YACA,yBACA,iFAGA,2EACA,2BAGA,CACA,QACA,gBAKA,OACA,MACA,oCACA,eC9DsY,I,YCOlYC,EAAY,eACd,EACApB,EACAmB,GACA,EACA,KACA,KACA,MAIa,OAAAC,E,kDClBf,IAAIpB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACQ,YAAY,uBAAuBQ,MAAM,CAAC,GAAK,KAAK,GAAK,OAAO,CAAChB,EAAG,QAAQ,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIqB,KAAKC,SAASlB,EAAG,UAAU,CAACmB,IAAI,WAAWX,YAAY,cAAcQ,MAAM,CAAC,KAAOpB,EAAIqB,KAAKX,GAAG,MAAQV,EAAIS,KAAKT,EAAIqB,KAAKX,IAAI,QAAUV,EAAIwB,QAAQ,YAAa,EAAM,QAAUxB,EAAIyB,SAASC,GAAG,CAAC,OAAS1B,EAAI2B,UAAU,kBAAkB3B,EAAI4B,UAAU,KAAO5B,EAAI6B,gBAAgBzB,EAAG,mBAAmB,CAACgB,MAAM,CAAC,KAAOpB,EAAIqB,SAAS,IAC3gBH,EAAkB,G,0FCyBtB,GACA,YACA,wBACA,YACA,8BAEA,UACA,gBACA,eACA,2CAEA,gBACA,yCAGA,uCACA,gHAEA,MACA,eACA,2CAEA,gBACA,yCAGA,gBACA,oBAGA,8BACA,kDACA,6BACA,sBACA,+DAEA,EADA,uCACA,sEAEA,gCAEA,iCACA,0DAIA,YAHA,wBACA,cAEA,IACA,IACA,iBACA,iCAEA,UACA,YACA,kBAEA,YACA,WACA,0BAGA,MAEA,gBACA,OACA,sBACA,kBACA,gBACA,kBAGA,SACA,iCACA,qCACA,kDAIA,YAHA,8BACA,oBAEA,IACA,IACA,eACA,2CACA,4CACA,kBACA,qBAEA,wGAGA,uBAEA,mBACA,KAEA,sBACA,yBAQA,wBAEA,iCAGA,yEAGA,6CAEA,YAEA,mEAGA,yBAEA,+BAEA,MAEA,kBACA,kBACA,eACA,wBAMA,qBAOA,OACA,OACA,YACA,qCAEA,OACA,WACA,sCC3K8X,I,YCO1XC,EAAY,eACd,EACApB,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-3f2ccb79.b1e380a6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',[(_vm.field.required && _vm.$has(_vm.form, _vm.field.id))?[(_vm.$isEmpty(_vm.form[_vm.field.id]))?_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.$t('generator.docx.fields.messages.required')))]):_c('span',{staticClass:\"text-info\"},[_vm._v(_vm._s(_vm.field.description))])]:(_vm.field.required && !_vm.$has(_vm.form, _vm.field.id))?[_c('span',{staticClass:\"text-warning\"},[_vm._v(_vm._s(_vm.$t('generator.docx.fields.messages.notfound')))])]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <small>\r\n        <template v-if=\"field.required && $has(form, field.id)\">\r\n            <span class=\"text-danger\" v-if=\"$isEmpty(form[field.id])\">{{ $t('generator.docx.fields.messages.required') }}</span>\r\n            <span v-else class=\"text-info\">{{ field.description }}</span>\r\n        </template>\r\n        <template v-else-if=\"field.required && !$has(form, field.id)\">\r\n            <span class=\"text-warning\">{{ $t('generator.docx.fields.messages.notfound') }}</span>\r\n        </template>\r\n    </small>    \r\n</template>\r\n<script>\r\nimport { isEmpty, has } from 'lodash';\r\nexport default {\r\n    computed:{\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        field(){\r\n            return this.data;\r\n        },\r\n        validation:{\r\n            get(){\r\n                return this.$store.getters.generator_validation;\r\n            },\r\n            set(val){\r\n                this.$store.commit('generator_validation',val);\r\n            }\r\n        },    \r\n    },\r\n    created(){\r\n        this.$isEmpty = isEmpty;\r\n        this.$has = has;\r\n    },\r\n    mounted(){\r\n        if( has(this.field,'required') && this.field.required ){\r\n            this.$watch( \r\n                () => this.form[this.field.id],\r\n                (value) => {\r\n                    if( isEmpty(value) ){\r\n                        this.$set(this.validation,this.field.id,this.$t('generator.docx.fields.messages.required'))\r\n                    } \r\n                    \r\n                    if( !isEmpty(value) && has(this.validation,this.field.id) ) {\r\n                        delete this.validation[this.field.id];\r\n                    }   \r\n                },\r\n                {\r\n                    deep: true,\r\n                    immediate: true\r\n                }\r\n            )\r\n        }\r\n    },\r\n    props:{\r\n        data:{\r\n            default: () => Object(),\r\n            type:    Object\r\n        }\r\n    },\r\n}\r\n</script>","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!./FieldDescription.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!./FieldDescription.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FieldDescription.vue?vue&type=template&id=c89645d0\"\nimport script from \"./FieldDescription.vue?vue&type=script&lang=js\"\nexport * from \"./FieldDescription.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CCol',{staticClass:\"px-0 generator-field\",attrs:{\"md\":\"12\",\"xs\":\"12\"}},[_c('label',[_vm._v(_vm._s(_vm.slot.name))]),_c('vSelect',{ref:\"fieldapi\",staticClass:\"input-field\",attrs:{\"name\":_vm.slot.id,\"value\":_vm.form[_vm.slot.id],\"options\":_vm.results,\"filterable\":false,\"loading\":_vm.loading},on:{\"search\":_vm.$fieldapi,\"option:selected\":_vm.$fieldhit,\"open\":_vm.trackElement}}),_c('FieldDescription',{attrs:{\"data\":_vm.slot}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <CCol class=\"px-0 generator-field\" md=\"12\" xs=\"12\">   \r\n        <label>{{ slot.name }}</label>\r\n        <vSelect\r\n            :name=\"slot.id\"\r\n            :value=\"form[slot.id]\"\r\n            :options=\"results\"\r\n            :filterable=\"false\"\r\n            :loading=\"loading\"\r\n            @search=\"$fieldapi\"\r\n            @option:selected=\"$fieldhit\"\r\n            ref=\"fieldapi\"\r\n            class=\"input-field\"\r\n            @open=\"trackElement\"\r\n        /> \r\n        <FieldDescription :data=\"slot\"/>\r\n    </CCol>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport VueBootstrapTypeahead from \"vue-bootstrap-typeahead\";\r\nimport { cloneDeep, debounce, isEmpty, has, reduce } from 'lodash';\r\nimport vSelect from 'vue-select'\r\nimport 'vue-select/dist/vue-select.css';\r\nimport FieldDescription from '../utils/FieldDescription';\r\nexport default {\r\n    components:{\r\n        FieldDescription,\r\n        vSelect,\r\n        VueBootstrapTypeahead\r\n    },\r\n    computed:{\r\n        active_element:{\r\n            get() {\r\n                return this.$store.getters.active_element;\r\n            },\r\n            set(value) {\r\n                this.$store.commit('active_element',value);\r\n            }\r\n        },\r\n        dependency_slots(){\r\n            return this.slots.filter( val => has(val,'word') && val.word.dependency_id == this.field.uuid)\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        slot(){\r\n            return this.field;\r\n        }\r\n    },\r\n    created(){\r\n        this.$fieldapi = debounce( (val) => {\r\n            if( !isEmpty(val) ){\r\n                this.loading = Boolean(true);\r\n                let { api: { endpoint, filter_field, label_key } } = this.slot,$api;                                               \r\n                if( has(this.slot.api,'headers') ){ \r\n                    $api = axios.get(`${endpoint}${val}`,{ headers:{ accept: this.slot.api.headers } });\r\n                } else {\r\n                    $api = axios.get(`${endpoint}${val}`);\r\n                }\r\n                $api.then( ({data}) => {\r\n                        this.results = reduce( filter_field.split('.'), function(result,value) {\r\n                                            if( data[value] != undefined || result[value] != undefined){\r\n                                                result = data[value] || result[value];\r\n                                            }\r\n                                            return result;\r\n                                        }, [])\r\n                                        .map( item => {\r\n                                            return { label: item[label_key], value: item }\r\n                                        });\r\n                    })\r\n                    .catch( (err) => {\r\n                        console.log(err);\r\n                        // this.$toast.error(err)\r\n                    })\r\n                    .finally( () => { \r\n                        this.loading = Boolean();\r\n                    });\r\n            }\r\n        },500);       \r\n    },\r\n    data () {\r\n        return{\r\n            formData: new FormData(),\r\n            loading:  Boolean(),\r\n            results:  Array(),\r\n            search:   String()\r\n        }\r\n    },\r\n    methods:{\r\n        $fieldhit(data){\r\n            let { api: { value_key }, id } = this.slot;\r\n            let value = reduce( value_key.split('.'), function(result,key) {\r\n                            if( data.value[key] != undefined || result[key] != undefined){\r\n                                result = data.value[key] || result[key];\r\n                            }\r\n                            return result;\r\n                        }, \"\");\r\n            this.form[id] = value;  \r\n            this.dependency_slots.forEach( (slot) => {\r\n                const { id: slot_key, name, word: { dependency_key } } = slot;\r\n                if(data[dependency_key] != 'undefined'){\r\n                    this.form[slot_key] = data.value[dependency_key];\r\n                } else {\r\n                    this.$toast.error(`${name} feltet kunne ikke oppdateres. Feltet du leter etter ble ikke funnet.`)\r\n                }\r\n            });    \r\n            setTimeout( () => {\r\n                // Track the current element in the preview, and scroll into view.\r\n                this.trackElement();\r\n            },50);\r\n        },\r\n        serialize(event){\r\n            return event['Description'];\r\n        },\r\n                /**\r\n         * Tracks the current element in the preview, and scrolls it into view.\r\n         * \r\n         * @function trackElement\r\n         * @returns {void}\r\n         */\r\n         trackElement(){\r\n            // Store the current element id in the store\r\n            this.active_element  = this.slot.id;\r\n\r\n            // Get the current element in the preview\r\n            const previewElements = document.querySelectorAll(`u[data-id=\"${this.slot.id}\"]`);\r\n\r\n            // Get the active element\r\n            const activeElements  = document.querySelectorAll(`u.highlighted`);\r\n\r\n            if( activeElements.length > 0 ){\r\n                // Remove the highlighted class from the previous element\r\n                activeElements.forEach( (node) => node.classList.remove('highlighted') );\r\n            } \r\n\r\n            previewElements.forEach( (node,index) => {\r\n                // Add the highlighted class to the current element\r\n                node.classList.add('highlighted');\r\n\r\n                if( index == 0 ){\r\n                    // Scroll the element into view\r\n                    node.scrollIntoView({\r\n                        behavior: \"smooth\",\r\n                        block: \"center\",\r\n                        inline: \"nearest\"\r\n                    });\r\n                }\r\n            });\r\n        }\r\n    },\r\n    mounted(){        \r\n        // if( !isEmpty(this.value) ){\r\n        //     this.search = this.value;\r\n        //     this.$refs.fieldapi.inputValue = this.value;\r\n        //     this.$fieldapi();\r\n        // }\r\n    },\r\n    props:{\r\n        field:{\r\n            type:    Object,\r\n            default: () => Object()\r\n        }, \r\n        slots:{\r\n            type:    Array,\r\n            default: () => Array()\r\n        },  \r\n    }\r\n}\r\n</script>","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!./ApiField.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!./ApiField.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ApiField.vue?vue&type=template&id=109b4a7b\"\nimport script from \"./ApiField.vue?vue&type=script&lang=js\"\nexport * from \"./ApiField.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}