{"version":3,"sources":["webpack:///./src/components/module/CInputCheckboxGroup.vue?6370","webpack:///src/components/module/CInputCheckboxGroup.vue","webpack:///./src/components/module/CInputCheckboxGroup.vue?d296","webpack:///./src/components/module/CInputCheckboxGroup.vue","webpack:///./src/components/module/CInputCheckboxGroup.vue?c91b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","label","_e","_l","item","idx","key","style","gutterStyle","btnStyle","on","$event","toggleCheck","staticRenderFns","name","props","options","type","Array","required","value","String","data","align","selectedValue","created","undefined","watch","$emit","n","methods","width","padding","num","deco","paddingLeft","includes","isChecked","borderRadius","border","color","backgroundColor","height","textAlign","indexOf","component"],"mappings":"0HAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAS,MAAEI,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,UAAUT,EAAIU,KAAKN,EAAG,MAAM,CAACE,YAAY,YAAYN,EAAIW,GAAIX,EAAW,SAAE,SAASY,EAAKC,GAAK,OAAOT,EAAG,MAAM,CAACU,IAAK,aAAeD,EAAKP,YAAY,WAAWS,MAAM,CAAEf,EAAIgB,YAAYH,KAAQ,CAACT,EAAG,MAAM,CAACE,YAAY,cAAcS,MAAOf,EAAIiB,SAASL,GAAOM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,YAAYR,MAAS,CAACZ,EAAIO,GAAGP,EAAIQ,GAAGI,EAAKH,eAAc,MAC7hBY,EAAkB,GCatB,G,8BAAA,CACEC,KAAM,sBACNC,MAAO,CACLC,QAAS,CACPC,KAAMC,MACNC,UAAU,GAEZC,MAAO,CACLH,KAAM,CAACC,MAAOG,QACdF,UAAU,GAEZlB,MAAO,CACLgB,KAAMI,OACNF,UAAU,IAGdG,KAhBF,WAiBI,MAAO,CACLC,MAAO,OACPC,cAAe,KAGnBC,QAtBF,gBAuBuBC,IAAfjC,KAAK2B,OAAsC,KAAf3B,KAAK2B,MAAc3B,KAAK+B,cAAgB,GAC5E,+BAEEG,MAAO,CACLP,MADJ,gBAEyBM,IAAfjC,KAAK2B,MAAqB3B,KAAK+B,cAAgB,GACzD,+BAEIA,cALJ,SAKA,GACM/B,KAAKmC,MAAM,eAAgBC,KAG/BC,QAAS,CACPtB,YADJ,SACA,GACM,IAAN,GACQuB,MAAO,MACPC,QAAS,OAEjB,IACA,OAIM,OAHI3B,EAAM4B,IAAQ,EAAGC,EAAKC,YAAc,EAE9C,8BACaD,GAETtB,YAbJ,SAaA,GACWnB,KAAK+B,cAAcY,SAAShC,EAAKgB,SACpC3B,KAAK+B,cAAgBpB,EAAKgB,OAE5B3B,KAAKmC,MAAM,YAEbS,UAnBJ,SAmBA,GACM,OAAO5C,KAAK+B,cAAcY,SAAShC,EAAKgB,QAE1CX,SAtBJ,SAsBA,GACM,IAAN,GACQ6B,aAAc,MACdC,OAAQ,oBACRC,MAAO,UACPC,gBAAiB,QACjBC,OAAQ,OACRC,UAAW,SACXX,QAAS,UAQX,OANIvC,KAAK+B,cAAcoB,QAAQxC,EAAKgB,QAAU,IAC5Cc,EAAKM,MAAQ,UACbN,EAAKO,gBAAkB,UACvBP,EAAKK,OAAS,qBAGTL,MCvF+V,I,wBCQxWW,EAAY,eACd,EACAtD,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAgC,E,6CCnBf,W","file":"js/chunk-dcb32a8c.a290b8cd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.label)?_c('div',{staticClass:\"sub body3-medium margin-bottom-12\"},[_vm._v(_vm._s(_vm.label))]):_vm._e(),_c('div',{staticClass:\"grid-box\"},_vm._l((_vm.options),function(item,idx){return _c('div',{key:(\"check-box-\" + idx),staticClass:\"unselect\",style:([_vm.gutterStyle(idx)])},[_c('div',{staticClass:\"flex-center\",style:(_vm.btnStyle(item)),on:{\"click\":function($event){return _vm.toggleCheck(item)}}},[_vm._v(_vm._s(item.label))])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- 레이블 -->\r\n    <div class=\"sub body3-medium margin-bottom-12\" v-if=\"label\">{{ label }}</div>\r\n\r\n    <div class=\"grid-box\">\r\n      <div class=\"unselect\" :style=\"[gutterStyle(idx)]\" v-for=\"(item, idx) in options\" :key=\"`check-box-${idx}`\">\r\n        <div class=\"flex-center\" @click=\"toggleCheck(item)\" :style=\"btnStyle(item)\">{{ item.label }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'CInputCheckboxGroup',\r\n  props: {\r\n    options: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    value: {\r\n      type: [Array, String],\r\n      required: false,\r\n    },\r\n    label: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      align: 'left',\r\n      selectedValue: '',\r\n    };\r\n  },\r\n  created() {\r\n    if (this.value === undefined || this.value === '') this.selectedValue = '';\r\n    else this.selectedValue = this.value;\r\n  },\r\n  watch: {\r\n    value() {\r\n      if (this.value === undefined) this.selectedValue = '';\r\n      else this.selectedValue = this.value;\r\n    },\r\n    selectedValue(n) {\r\n      this.$emit('update:value', n);\r\n    },\r\n  },\r\n  methods: {\r\n    gutterStyle(idx) {\r\n      let deco = {\r\n        width: '50%',\r\n        padding: '4px',\r\n      };\r\n      let col = 6;\r\n      let num = 12 / col;\r\n      if (idx % num === 0) deco.paddingLeft = 0;\r\n      // 열 첫번째\r\n      else if (idx % num === num - 1) deco.paddingRight = 0; // 열 마지막\r\n      return deco;\r\n    },\r\n    toggleCheck(item) {\r\n      if (!this.selectedValue.includes(item.value)) {\r\n        this.selectedValue = item.value; // 다른 모든 선택을 제거하고 현재 아이템만 선택\r\n      }\r\n      this.$emit('changed');\r\n    },\r\n    isChecked(item) {\r\n      return this.selectedValue.includes(item.value);\r\n    },\r\n    btnStyle(item) {\r\n      let deco = {\r\n        borderRadius: '8px',\r\n        border: '1px solid #dddddd',\r\n        color: '#333333',\r\n        backgroundColor: 'white',\r\n        height: '48px',\r\n        textAlign: 'center',\r\n        padding: '0 12px',\r\n      };\r\n      if (this.selectedValue.indexOf(item.value) > -1) {\r\n        deco.color = '#ff6600';\r\n        deco.backgroundColor = '#FFF0E5';\r\n        deco.border = '1px solid #FF6600';\r\n      }\r\n\r\n      return deco;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" type=\"stylus\" scoped>\r\n.grid-box\r\n  display flex\r\n  flex-wrap wrap\r\n.check-box\r\n  .check-box-text\r\n    cursor pointer\r\n\r\n  .check-box-label\r\n    cursor pointer\r\n\r\n  .check-align\r\n    margin-right 10px\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!./CInputCheckboxGroup.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!./CInputCheckboxGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CInputCheckboxGroup.vue?vue&type=template&id=498d216a&scoped=true&\"\nimport script from \"./CInputCheckboxGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./CInputCheckboxGroup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CInputCheckboxGroup.vue?vue&type=style&index=0&id=498d216a&lang=stylus&scoped=true&\"\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  \"498d216a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CInputCheckboxGroup.vue?vue&type=style&index=0&id=498d216a&lang=stylus&scoped=true&\""],"sourceRoot":""}