{"version":3,"sources":["webpack:///./src/components/component/LpCheckBoxArray.vue?0a6d","webpack:///./src/components/component/LpCheckBoxArray.vue?791b","webpack:///src/components/component/LpCheckBoxArray.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?9026","webpack:///./src/components/component/LpCheckBoxArray.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isChecked","style","on","$event","stopPropagation","preventDefault","clickCheck","_v","_e","staticStyle","_l","item","idx","key","labelStyle","clickLink","_s","label","staticRenderFns","component"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACG,MAAM,CAAE,gBAAkBP,EAAIQ,UAAW,mBAAqBR,EAAIQ,WAAYC,MAAOT,EAAc,WAAEU,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwBb,EAAIc,WAAWH,MAAW,CAAIX,EAAIQ,UAAWJ,EAAG,IAAI,CAACE,YAAY,8BAA8BI,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwBb,EAAIc,WAAWH,MAAW,CAACX,EAAIe,GAAG,WAAWf,EAAIgB,OAAOZ,EAAG,MAAM,CAACa,YAAY,CAAC,KAAO,KAAKR,MAAOT,EAAkB,eAAEU,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwBb,EAAIc,WAAWH,MAAWX,EAAIkB,GAAIlB,EAAS,OAAE,SAASmB,EAAKC,GAAK,OAAOhB,EAAG,OAAO,CAACiB,IAAK,QAAUD,EAAKX,MAAOT,EAAIsB,WAAWH,GAAOT,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIuB,UAAUJ,MAAS,CAACnB,EAAIe,GAAGf,EAAIwB,GAAGL,EAAKM,aAAY,MAC/6BC,EAAkB,GCctB,G,UAAA,CACE,KAAF,qBACE,MAAF,CACI,MAAJ,CACM,KAAN,SAEI,MAAJ,CACM,KAAN,MACM,QAAN,WACQ,MAAR,KAGI,qBAAJ,CACM,KAAN,OACM,UAAN,IAGE,QAjBF,WAkBI,KAAJ,sBAEE,KApBF,WAqBI,MAAJ,CACM,WAAN,IAGE,SAAF,CACI,eADJ,WAEM,IAAN,GACQ,UAAR,QAKM,OAHN,4BACQ,EAAR,2BAEA,GAEI,WAVJ,WAWM,IAAN,KAMM,OALN,WACQ,EAAR,cAEA,gBAEA,IAGE,QAAF,CACI,UADJ,SACA,GACA,sCAEI,WAJJ,SAIA,GACM,IAAN,GACQ,SAAR,SACQ,WAAR,OACQ,MAAR,QAKM,OAHN,eACQ,EAAR,cAEA,GAEI,WAfJ,YAgBA,mBACQ,KAAR,cAEA,qBACQ,KAAR,cAEM,KAAN,qCACM,KAAN,gCACM,KAAN,mBAAQ,GAAR,WAAQ,MAAR,mBAGE,MAAF,CACI,MADJ,SACA,GACM,KAAN,gBCzFwW,I,wBCQpWC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-6d08a954.30e5e417.js","sourcesContent":["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!./LpCheckBoxArray.vue?vue&type=style&index=0&id=1e0ac8f0&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lp-check-bool-container\"},[_c('div',{class:{ 'checked-box' : !!_vm.isChecked, 'not-checked-box' : !_vm.isChecked },style:(_vm.checkStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[(!!_vm.isChecked)?_c('i',{staticClass:\"material-icons checked-icon\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(\"check\")]):_vm._e()]),_c('div',{staticStyle:{\"flex\":\"1\"},style:(_vm.labelWrapStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},_vm._l((_vm.items),function(item,idx){return _c('span',{key:(\"item-\" + idx),style:(_vm.labelStyle(item)),on:{\"click\":function($event){return _vm.clickLink(item)}}},[_vm._v(_vm._s(item.label))])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lp-check-bool-container\">\r\n    <div :class=\"{ 'checked-box' : !!isChecked, 'not-checked-box' : !isChecked }\"\r\n         :style=\"checkStyle\"\r\n         @click.stop.prevent=\"clickCheck\">\r\n      <i v-if=\"!!isChecked\" class=\"material-icons checked-icon\" @click.stop.prevent=\"clickCheck\">check</i>\r\n    </div>\r\n    <div @click.stop.prevent=\"clickCheck\" style=\"flex:1\" :style=\"labelWrapStyle\">\r\n      <span v-for=\"(item, idx) in items\" :key=\"`item-${idx}`\"\r\n            :style=\"labelStyle(item)\"\r\n            @click=\"clickLink(item)\">{{ item.label }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: 'lp-check-box-array',\r\n    props: {\r\n      value: {\r\n        type: Boolean\r\n      },\r\n      items: {\r\n        type: Array,\r\n        default: function() {\r\n          return []\r\n        }\r\n      },\r\n      labelWrapCustomStyle: {\r\n        type: Object,\r\n        required: false\r\n      }\r\n    },\r\n    created() {\r\n      this.isChecked = this.value;\r\n    },\r\n    data() {\r\n      return {\r\n        isChecked: false\r\n      }\r\n    },\r\n    computed: {\r\n      labelWrapStyle() {\r\n        let style = {\r\n          textAlign: 'left'\r\n        }\r\n        if(this.labelWrapCustomStyle) {\r\n          style = this.labelWrapCustomStyle;\r\n        }\r\n        return style;\r\n      },\r\n      checkStyle() {\r\n        let style = {}\r\n        if(this.label) {\r\n          style.marginRight = 8;\r\n        }\r\n        else style.marginRight = 0;\r\n\r\n        return style\r\n      }\r\n    },\r\n    methods: {\r\n      clickLink(item) {\r\n        if(item.link) window.open(item.link, '_blank');\r\n      },\r\n      labelStyle(item) {\r\n        let style = {\r\n          fontSize: '0.9rem',\r\n          lineHeight: '17px',\r\n          color: '#555'\r\n        };\r\n        if(item.labelStyle) {\r\n          style = item.labelStyle;\r\n        }\r\n        return style;\r\n      },\r\n      clickCheck() {\r\n        if ( this.isChecked === false ) {\r\n          this.isChecked = true;\r\n        }\r\n        else if ( this.isChecked === true ) {\r\n          this.isChecked = false;\r\n        }\r\n        this.$emit('update:value', this.isChecked);\r\n        this.$emit('onCheck', this.isChecked);\r\n        this.$emit('dataCheck', {id:this.label, value:this.isChecked});\r\n      }\r\n    },\r\n    watch: {\r\n      value(n) {\r\n        this.isChecked = n;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  .lp-check-bool-container\r\n    /*display inline-flex*/\r\n    display flex\r\n    align-items center\r\n    cursor pointer\r\n\r\n  .checked-box\r\n    position relative\r\n    width 16px\r\n    height 16px\r\n    border 2px solid #ff6600\r\n    border-radius 3px\r\n    margin-right 8px !important\r\n    text-align center\r\n\r\n  .not-checked-box\r\n    position relative\r\n    width 16px\r\n    height 16px\r\n    border 2px solid #ff6600\r\n    border-radius 3px\r\n    margin-right 8px !important\r\n    text-align center\r\n\r\n\r\n  .checked-box\r\n    background-color #ff6600\r\n\r\n\r\n  .not-checked-box\r\n    background-color #fff\r\n\r\n\r\n  .checked-icon\r\n    color #fff\r\n    font-size 0.9rem\r\n    font-weight bold\r\n    position absolute\r\n    left 0\r\n    top 0\r\n\r\n\r\n</style>","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!./LpCheckBoxArray.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!./LpCheckBoxArray.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpCheckBoxArray.vue?vue&type=template&id=1e0ac8f0&scoped=true&\"\nimport script from \"./LpCheckBoxArray.vue?vue&type=script&lang=js&\"\nexport * from \"./LpCheckBoxArray.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpCheckBoxArray.vue?vue&type=style&index=0&id=1e0ac8f0&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  \"1e0ac8f0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}