{"version":3,"sources":["webpack:///./src/components/module/CInputCheckboxFullGroup.vue?d6e3","webpack:///src/components/module/CInputCheckboxFullGroup.vue","webpack:///./src/components/module/CInputCheckboxFullGroup.vue?5ced","webpack:///./src/components/module/CInputCheckboxFullGroup.vue","webpack:///./src/components/module/CInputCheckboxFullGroup.vue?5441"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","label","_e","_l","item","idx","key","style","gutterStyle","btnStyle","on","$event","toggleCheck","staticRenderFns","component"],"mappings":"yHAAA,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,GCgBtB,G,8BAAA,CACE,KAAF,0BACE,MAAF,CACI,QAAJ,CACM,KAAN,MACM,UAAN,GAEI,MAAJ,CACM,KAAN,eACM,UAAN,GAEI,MAAJ,CACM,KAAN,OACM,UAAN,IAGE,KAhBF,WAiBI,MAAJ,CACM,MAAN,OACM,cAAN,KAGE,QAtBF,gBAuBA,sDACA,+BAEE,MAAF,CACI,MADJ,gBAEA,qCACA,+BAEI,cALJ,SAKA,GACM,KAAN,0BAGE,QAAF,CACI,YADJ,SACA,GACM,IAAN,GACQ,MAAR,MACQ,QAAR,OAEA,IACA,OAGM,OAFN,wBACA,8BACA,GAEI,YAZJ,SAYA,GACM,GAAN,qCAGA,CACQ,IAAR,sCACA,MACU,KAAV,6BALQ,KAAR,4BAQM,KAAN,kBAEI,UAxBJ,SAwBA,GACM,OAAN,sCAEI,SA3BJ,SA2BA,GACM,IAAN,GACQ,aAAR,MACQ,OAAR,oBACQ,MAAR,UACQ,gBAAR,QACQ,OAAR,OACQ,UAAR,SACQ,QAAR,UAQM,OANN,yCACQ,EAAR,gBACQ,EAAR,0BACQ,EAAR,4BAGA,MC/FgX,I,wBCQ5WC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,W","file":"js/chunk-0fb20d60.4ab6e832.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\"\r\n           :style=\"[gutterStyle(idx)]\"\r\n           v-for=\"(item, idx) in options\"\r\n           :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\n  export default {\r\n    name: 'CInputCheckboxFullGroup',\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        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.push(item.value);\r\n        }\r\n        else {\r\n          let index = this.selectedValue.indexOf(item.value)\r\n          if (index >= 0) {\r\n            this.selectedValue.remove(index);\r\n          }\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!./CInputCheckboxFullGroup.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!./CInputCheckboxFullGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CInputCheckboxFullGroup.vue?vue&type=template&id=29fbe00a&scoped=true&\"\nimport script from \"./CInputCheckboxFullGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./CInputCheckboxFullGroup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CInputCheckboxFullGroup.vue?vue&type=style&index=0&id=29fbe00a&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  \"29fbe00a\",\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!./CInputCheckboxFullGroup.vue?vue&type=style&index=0&id=29fbe00a&lang=stylus&scoped=true&\""],"sourceRoot":""}