{"version":3,"sources":["webpack:///./src/components/module/CheckboxGroup.vue?200a","webpack:///src/components/module/CheckboxGroup.vue","webpack:///./src/components/module/CheckboxGroup.vue?f52c","webpack:///./src/components/module/CheckboxGroup.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","idx","key","class","col","staticStyle","on","$event","clicked","style","checkStyle","checked","_v","_e","_s","label","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIO,GAAIP,EAAU,QAAE,SAASQ,EAAKC,GAAK,OAAOL,EAAG,MAAM,CAACM,IAAI,UAAUD,EAAIE,MAAO,OAASX,EAAIY,IAAKC,YAAY,CAAC,OAAS,UAAU,CAACT,EAAG,MAAM,CAACE,YAAY,sBAAsBQ,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIgB,QAAQR,MAAS,CAACJ,EAAG,MAAM,CAACa,MAAOjB,EAAIkB,WAAWV,IAAQ,CAAER,EAAImB,QAAQX,GAAOJ,EAAG,IAAI,CAACE,YAAY,iBAAiBO,YAAY,CAAC,YAAY,OAAO,MAAQ,UAAU,CAACb,EAAIoB,GAAG,WAAWpB,EAAIqB,OAAOjB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIoB,GAAGpB,EAAIsB,GAAGd,EAAKe,UAAUnB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIoB,GAAGpB,EAAIsB,GAAGd,EAAKe,iBAAgB,MACvrBC,EAAkB,GCgBtB,G,oBAAA,CACE,KAAF,gBACE,MAAF,CACI,MAAJ,CACM,KAAN,OAEI,OAAJ,CACM,KAAN,MACM,UAAN,GAEI,IAAJ,CACM,KAAN,OACM,QAAN,IAGE,QAfF,aAkBE,KAlBF,WAmBI,MAAJ,IAGE,QAAF,CACI,WADJ,SACA,GACM,IAAN,kBACA,GACQ,OAAR,oBACQ,MAAR,OACQ,OAAR,OACQ,aAAR,MACQ,YAAR,OAMM,OAJN,IACQ,EAAR,2BACQ,EAAR,2BAEA,GAEI,QAhBJ,SAgBA,GACM,OAAN,gCAEI,QAnBJ,SAmBA,GACM,IAAN,aACA,gBACQ,KAAR,uEAEQ,EAAR,cAEM,KAAN,4BCjEsW,I,YCOlWC,EAAY,eACd,EACA1B,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-2d0d83c3.834ec45b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"flex wrap\"},_vm._l((_vm.option),function(item,idx){return _c('div',{key:'option-'+idx,class:(\"col-\" + _vm.col),staticStyle:{\"margin\":\"6px 0\"}},[_c('div',{staticClass:\"flex-align unselect\",on:{\"click\":function($event){return _vm.clicked(item)}}},[_c('div',{style:(_vm.checkStyle(item))},[(_vm.checked(item))?_c('i',{staticClass:\"material-icons\",staticStyle:{\"font-size\":\"18px\",\"color\":\"white\"}},[_vm._v(\"check\")]):_vm._e()]),_c('div',{staticClass:\"pc body3 sub\"},[_vm._v(_vm._s(item.label))]),_c('div',{staticClass:\"mobile body4 sub\"},[_vm._v(_vm._s(item.label))])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"flex wrap\">\r\n      <div :class=\"`col-${col}`\" v-for=\"(item,idx) in option\" :key=\"'option-'+idx\" style=\"margin:6px 0\">\r\n        <div class=\"flex-align unselect\" @click=\"clicked(item)\">\r\n          <div :style=\"checkStyle(item)\">\r\n            <i class=\"material-icons\" style=\"font-size:18px;color:white\" v-if=\"checked(item)\">check</i>\r\n          </div>\r\n          <div class=\"pc body3 sub\">{{ item.label }}</div>\r\n          <div class=\"mobile body4 sub\">{{ item.label }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"CheckboxGroup\",\r\n    props: {\r\n      value: {\r\n        type: Array\r\n      },\r\n      option: {\r\n        type: Array,\r\n        required: true\r\n      },\r\n      col: {\r\n        type: Number,\r\n        default: 4\r\n      }\r\n    },\r\n    created() {\r\n\r\n    },\r\n    data() {\r\n      return {\r\n      }\r\n    },\r\n    methods: {\r\n      checkStyle(item) {\r\n        let checked = this.checked(item);\r\n        let deco = {\r\n          border: '1px solid #dddddd',\r\n          width: '20px',\r\n          height: '20px',\r\n          borderRadius: '4px',\r\n          marginRight: '8px'\r\n        };\r\n        if(checked) {\r\n          deco.border = '1px solid #ff6600';\r\n          deco.backgroundColor = '#ff6600';\r\n        }\r\n        return deco;\r\n      },\r\n      checked(item) {\r\n        return this.value.indexOf(item.value) > -1;\r\n      },\r\n      clicked(item) {\r\n        let value = this.value;\r\n        if(this.checked(item)) {\r\n          this.value.remove(`this.value.findIndex( i => { return i === item.value})`);\r\n        } else {\r\n          value.push(item.value);\r\n        }\r\n        this.$emit('update:value', value);\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n\r\n</style>\r\n","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!./CheckboxGroup.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!./CheckboxGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckboxGroup.vue?vue&type=template&id=1595184c&scoped=true&\"\nimport script from \"./CheckboxGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckboxGroup.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  \"1595184c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}