{"version":3,"sources":["webpack:///./src/components/PageFields/FieldGroupSelect.vue","webpack:///src/components/PageFields/FieldGroupSelect.vue","webpack:///./src/components/PageFields/FieldGroupSelect.vue?1782","webpack:///./src/components/PageFields/FieldGroupSelect.vue?7107"],"names":["render","_vm","this","_c","_self","ref","scopedSlots","_u","key","fn","staticClass","attrs","style","color","_v","_s","document","documentFieldGroup","activeGroup","name","proxy","_l","gi","on","$event","selectDocumentFieldGroup","id","getColor","staticRenderFns","mixins","colors","props","Object","components","DropDown","data","computed","methods","index","$refs","dd","hide","$emit","component"],"mappings":"uIAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,WAAW,CAACE,IAAI,KAAKC,YAAYL,EAAIM,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACN,EAAG,SAAS,CAACO,YAAY,sDAAsDC,MAAM,CAAC,KAAO,WAAW,CAACR,EAAG,MAAM,CAACO,YAAY,kBAAkBE,MAAOX,EAAIY,QAASZ,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIe,SAASC,mBAAmBhB,EAAIiB,aAAaC,MAAM,SAASC,OAAM,GAAM,CAACZ,IAAI,WAAWC,GAAG,WAAW,MAAO,CAACN,EAAG,MAAM,CAACO,YAAY,WAAWT,EAAIoB,GAAIpB,EAAIe,SAASC,oBAAoB,SAASA,EAAmBK,GAAI,OAAOnB,EAAG,SAAS,CAACO,YAAY,4EAA4Ea,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOvB,EAAIwB,yBAAyBR,EAAmBS,GAAIJ,MAAO,CAACnB,EAAG,MAAM,CAACO,YAAY,kBAAkBE,MAAOX,EAAI0B,SAASL,KAAOrB,EAAIa,GAAG,IAAIb,EAAIc,GAAGE,EAAmBE,MAAM,UAAS,KAAKC,OAAM,QAEh3BQ,EAAkB,G,wBCqBtB,GACAC,OAAA,CAAAC,QACAC,MAAA,CACAf,SAAAgB,QAEAC,WAAA,CACAC,iBAEAC,KAAA,WACA,OACAjB,YAAA,IAGAkB,SAAA,CACAvB,MAAA,WACA,OACA,wBAAAiB,OAAA,KAAAZ,gBAIAmB,QAAA,CACAV,SAAA,SAAAW,GACA,OACA,wBAAAR,OAAAQ,KAGAb,yBAAA,SAAAC,EAAAY,GAEA,KAAAC,MAAAC,GAAAC,OACA,KAAAvB,YAAAoB,EACA,KAAAI,MAAA,8BAAAhB,MCrDyW,I,YCOrWiB,EAAY,eACd,EACA3C,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAe,E","file":"js/chunk-2d0a3548.d9a2a45f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('DropDown',{ref:\"dd\",scopedSlots:_vm._u([{key:\"toggle\",fn:function(){return [_c('button',{staticClass:\"btn btn-dark btn-sm d-flex align-items-center w-100\",attrs:{\"type\":\"button\"}},[_c('div',{staticClass:\"recipient-color\",style:(_vm.color)}),_vm._v(\" \"+_vm._s(_vm.document.documentFieldGroup[_vm.activeGroup].name)+\" \")])]},proxy:true},{key:\"dropdown\",fn:function(){return [_c('div',{staticClass:\"bg-dark\"},_vm._l((_vm.document.documentFieldGroup),function(documentFieldGroup,gi){return _c('button',{staticClass:\"btn btn-dark btn-sm rounded-0 d-flex align-items-center w-100 shadow-none\",on:{\"click\":function($event){return _vm.selectDocumentFieldGroup(documentFieldGroup.id, gi)}}},[_c('div',{staticClass:\"recipient-color\",style:(_vm.getColor(gi))}),_vm._v(\" \"+_vm._s(documentFieldGroup.name)+\" \")])}),0)]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <DropDown ref=\"dd\">\r\n        <template #toggle>\r\n            <button class=\"btn btn-dark btn-sm d-flex align-items-center w-100\" type=\"button\">\r\n                <div class=\"recipient-color\" :style=\"color\"></div>\r\n                {{document.documentFieldGroup[activeGroup].name}}\r\n            </button>\r\n        </template>\r\n        <template #dropdown>\r\n            <div class=\"bg-dark\">\r\n                <button v-for=\"(documentFieldGroup, gi) in document.documentFieldGroup\"\r\n                        class=\"btn btn-dark btn-sm rounded-0 d-flex align-items-center w-100 shadow-none\"\r\n                        @click=\"selectDocumentFieldGroup(documentFieldGroup.id, gi)\">\r\n                    <div class=\"recipient-color\" :style=\"getColor(gi)\"></div>\r\n                    {{documentFieldGroup.name}}\r\n                </button>\r\n            </div>\r\n        </template>\r\n    </DropDown>\r\n</template>\r\n<script>\r\n    import DropDown from \"@/components/DropDown.vue\";\r\n    import colors from \"@/components/Mixins/Colors.js\";\r\n    export default {\r\n        mixins: [colors],\r\n        props: {\r\n            document: Object\r\n        },\r\n        components: {\r\n            DropDown\r\n        }, \r\n        data() {\r\n            return {\r\n                activeGroup: 0\r\n            }\r\n        },\r\n        computed: {\r\n            color() {\r\n                return {\r\n                    \"background-color\": this.colors[this.activeGroup]\r\n                };\r\n            }\r\n        },\r\n        methods: {\r\n            getColor(index) {\r\n                return {\r\n                    \"background-color\": this.colors[index]\r\n                };\r\n            },\r\n            selectDocumentFieldGroup(id, index) {\r\n\r\n                this.$refs.dd.hide();\r\n                this.activeGroup = index;\r\n                this.$emit(\"select-document-field-group\", id);\r\n\r\n            }\r\n        }\r\n    }\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./FieldGroupSelect.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/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!./FieldGroupSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FieldGroupSelect.vue?vue&type=template&id=19d354ac&\"\nimport script from \"./FieldGroupSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./FieldGroupSelect.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":""}