{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/cart/childComps/CheckButton.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/cart/childComps/CheckButton.vue","mtime":1607666509054},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCglleHBvcnQgZGVmYXVsdCB7CgkJbmFtZTogIkNoZWNrQnV0dG9uIiwKICAgIHByb3BzOiB7CgkJICB2YWx1ZTogewoJCSAgICB0eXBlOiBCb29sZWFuLAogICAgICAgIGRlZmF1bHQ6IHRydWUKICAgICAgfQogICAgfSwKICAgIGRhdGE6IGZ1bmN0aW9uICgpIHsKCQkgIHJldHVybiB7CgkJICAgIGNoZWNrZWQ6IHRoaXMudmFsdWUKICAgICAgfQogICAgfSwKICAgIG1ldGhvZHM6IHsKICAgICAgc2VsZWN0SXRlbTogZnVuY3Rpb24gKCkgewogICAgICAgIHRoaXMuJGVtaXQoJ2NoZWNrQnRuQ2xpY2snKQogICAgICB9CiAgICB9LAogICAgd2F0Y2g6IHsKCQkgIHZhbHVlOiBmdW5jdGlvbiAobmV3VmFsdWUpIHsKICAgICAgICB0aGlzLmNoZWNrZWQgPSBuZXdWYWx1ZTsKICAgICAgfQogICAgfQoJfQo="},{"version":3,"sources":["CheckButton.vue"],"names":[],"mappings":";;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"CheckButton.vue","sourceRoot":"src/views/cart/childComps","sourcesContent":["<template>\n    <div>\n      <div class=\"icon-selector\" :class=\"{'selector-active': checked}\" @click=\"selectItem\">\n        <img src=\"~/assets/img/cart/tick.svg\" alt=\"\">\n      </div>\n    </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"CheckButton\",\n    props: {\n\t\t  value: {\n\t\t    type: Boolean,\n        default: true\n      }\n    },\n    data: function () {\n\t\t  return {\n\t\t    checked: this.value\n      }\n    },\n    methods: {\n      selectItem: function () {\n        this.$emit('checkBtnClick')\n      }\n    },\n    watch: {\n\t\t  value: function (newValue) {\n        this.checked = newValue;\n      }\n    }\n\t}\n</script>\n\n<style scoped>\n  .icon-selector {\n    position: relative;\n    margin: 0;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    border: 2px solid #ccc;\n    cursor: pointer;\n  }\n\n  .selector-active {\n    background-color: #ff8198;\n    border-color: #ff8198;\n  }\n</style>\n"]}]}