{"version":3,"sources":["webpack:///./src/components/kit/widgets/General/16/index.vue?084d","webpack:///src/components/kit/widgets/General/16/index.vue","webpack:///./src/components/kit/widgets/General/16/index.vue?73f0","webpack:///./src/components/kit/widgets/General/16/index.vue","webpack:///./src/views/ecommerce/product-details/index.vue?01dc","webpack:///./src/views/ecommerce/product-details/index.vue?eafa","webpack:///./src/components/kit/widgets/General/16/index.vue?4e21","webpack:///./src/components/kit/widgets/General/16/index.vue?fa61","webpack:///./src/views/ecommerce/product-details/index.vue?9b13","webpack:///src/views/ecommerce/product-details/index.vue","webpack:///./src/views/ecommerce/product-details/index.vue?bd78","webpack:///./src/views/ecommerce/product-details/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","$style","new","_v","_e","favorite","attrs","on","toggleFavorite","image","name","_s","price","oldPrice","staticRenderFns","props","data","isFavorite","methods","event","preventDefault","injectStyles","context","locals","component","module","exports","_m","images","activeImgIndex","_l","index","key","thumb","$event","setImage","staticStyle","product","isNew","components","CuiGeneral16"],"mappings":"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","file":"js/chunk-32f0db24.e82e9de5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card overflow-hidden\"},[(_vm.isNew)?_c('div',{class:_vm.$style.new},[_vm._v(\" New \")]):_vm._e(),_c('div',{staticClass:\"card-body\"},[_c('a',{class:[_vm.$style.favorite, _vm.favorite ? 'text-dark' : 'text-gray-3'],attrs:{\"href\":\"#\"},on:{\"click\":_vm.toggleFavorite}},[_c('i',{staticClass:\"fe fe-heart font-size-21\"})]),_c('div',{staticClass:\"border-bottom height-250 mb-3\",class:_vm.$style.image},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":_vm.image,\"alt\":_vm.name}})]),_c('div',{staticClass:\"font-size-24 font-weight-bold text-dark mb-2\"},[_vm._v(\" \"+_vm._s(_vm.price)+\" \"),(_vm.oldPrice)?_c('del',{staticClass:\"align-text-top font-size-14 mr-2\"},[_vm._v(\" \"+_vm._s(_vm.oldPrice)+\" \")]):_vm._e()]),_c('div',[_c('a',{staticClass:\"text-blue font-size-18\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\" \"+_vm._s(_vm.name)+\" \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"card overflow-hidden\">\r\n    <div v-if=\"isNew\" :class=\"$style.new\">\r\n      New\r\n    </div>\r\n    <div class=\"card-body\">\r\n      <a\r\n        href=\"#\"\r\n        v-on:click=\"toggleFavorite\"\r\n        :class=\"[$style.favorite, favorite ? 'text-dark' : 'text-gray-3']\"\r\n      >\r\n        <i class=\"fe fe-heart font-size-21\"></i>\r\n      </a>\r\n      <div :class=\"$style.image\" class=\"border-bottom height-250 mb-3\">\r\n        <img class=\"img-fluid\" :src=\"image\" :alt=\"name\" />\r\n      </div>\r\n      <div class=\"font-size-24 font-weight-bold text-dark mb-2\">\r\n        {{price}}\r\n        <del v-if=\"oldPrice\" class=\"align-text-top font-size-14 mr-2\">\r\n          {{oldPrice}}\r\n        </del>\r\n      </div>\r\n      <div>\r\n        <a href=\"javascript:void(0);\" class=\"text-blue font-size-18\">\r\n          {{name}}\r\n        </a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: 'KitGeneral16',\r\n  props: ['isNew', 'isFavorite', 'image', 'name', 'price', 'oldPrice'],\r\n  data: function() {\r\n    return {\r\n      favorite: this.isFavorite,\r\n    }\r\n  },\r\n  methods: {\r\n    toggleFavorite: function (event) {\r\n      event.preventDefault()\r\n      this.favorite = !this.favorite\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" module>\r\n  @import \"./style.module.scss\";\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0c478956&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&module=true&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\n  null,\n  null\n  \n)\n\nexport default component.exports","export { default } from  \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"new\":\"index_new_3g4su\",\"favorite\":\"index_favorite_20OdQ\",\"thumb\":\"index_thumb_2c4ic\",\"image\":\"index_image_2fMOc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"new\":\"index_new_17S5_\",\"favorite\":\"index_favorite_2Be_E\",\"thumb\":\"index_thumb_Fv9ck\",\"image\":\"index_image_1uUAn\"};","export { default } from  \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-0-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-0-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-0-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-0-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&module=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"card overflow-hidden\"},[_c('div',{class:_vm.$style.new},[_vm._v(\"New\")]),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-4\"},[_c('a',{class:[_vm.$style.favorite, _vm.favorite ? 'text-dark' : 'text-gray-3'],attrs:{\"href\":\"#\"},on:{\"click\":_vm.toggleFavorite}},[_c('i',{staticClass:\"fe fe-heart font-size-21\"})]),_c('div',{staticClass:\"height-250 mb-3\",class:_vm.$style.image},[_c('img',{attrs:{\"src\":_vm.images[_vm.activeImgIndex],\"alt\":\"Product\"}})]),_c('div',{staticClass:\"d-flex flex-wrap mb-3\"},_vm._l((_vm.images),function(image,index){return _c('a',{key:index,staticClass:\"width-100 height-100 border mr-2 mb-2\",class:[index === _vm.activeImgIndex ? 'border-primary' : '', _vm.$style.thumb],attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.setImage(index)}}},[_c('img',{attrs:{\"src\":image,\"alt\":\"Product\"}})])}),0)]),_c('div',{staticClass:\"col-lg-8\"},[_vm._m(1),_vm._m(2),_c('div',{staticClass:\"mb-4 width-300\"},[_c('a-select',{staticStyle:{\"width\":\"100%\"},attrs:{\"defaultValue\":\"Red\"}},[_c('a-select-option',{attrs:{\"value\":\"red\"}},[_vm._v(\"Red\")]),_c('a-select-option',{attrs:{\"value\":\"black\"}},[_vm._v(\"Black\")]),_c('a-select-option',{attrs:{\"value\":\"cyan\"}},[_vm._v(\"Cyan\")]),_c('a-select-option',{attrs:{\"value\":\"blue\"}},[_vm._v(\"Blue\")])],1)],1),_vm._m(3),_c('a-tabs',{staticClass:\"kit-tabs-bordered\",attrs:{\"defaultActiveKey\":\"1\"}},[_c('a-tab-pane',{key:\"1\",attrs:{\"tab\":\"Information\"}}),_c('a-tab-pane',{key:\"2\",attrs:{\"tab\":\"Description\"}})],1),_vm._m(4)],1)])])]),_vm._m(5),_c('div',{staticClass:\"row\"},_vm._l((_vm.data.products),function(product,index){return _c('div',{key:index,staticClass:\"col-lg-4\"},[_c('cui-general-16',{attrs:{\"isNew\":product.isNew,\"isFavorite\":product.isFavorite,\"image\":product.image,\"name\":product.name,\"price\":product.price,\"oldPrice\":product.oldPrice}})],1)}),0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cui__utils__heading\"},[_c('strong',[_vm._v(\"Ecommerce: Product Details\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"font-size-24 font-weight-bold text-dark mb-2\"},[_vm._v(\" $199.28 \"),_c('del',{staticClass:\"align-text-top font-size-14\"},[_vm._v(\"$299.28\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pb-3 mb-4 border-bottom\"},[_c('a',{staticClass:\"text-blue font-size-18\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\" TP-Link AC1750 Smart WiFi Router - Dual \"),_c('br'),_vm._v(\"Band Gigabit Wireless Internet Routers for \"),_c('br'),_vm._v(\"Home \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"width-200 btn btn-success btn-with-addon mr-auto mb-3 text-nowrap d-none d-md-block\",attrs:{\"href\":\"javascript: void(0);\"}},[_c('span',{staticClass:\"btn-addon\"},[_c('i',{staticClass:\"btn-addon-icon fe fe-plus-circle\"})]),_vm._v(\" Add To Card \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-body px-0\"},[_c('p',[_vm._v(\" Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. \")]),_c('p',[_vm._v(\" Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cui__utils__heading\"},[_c('h5',[_vm._v(\"Related Products\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"cui__utils__heading\">\r\n      <strong>Ecommerce: Product Details</strong>\r\n    </div>\r\n    <div class=\"card overflow-hidden\">\r\n      <div :class=\"$style.new\">New</div>\r\n      <div class=\"card-body\">\r\n        <div class=\"row\">\r\n          <div class=\"col-lg-4\">\r\n            <a\r\n              href=\"#\"\r\n              v-on:click=\"toggleFavorite\"\r\n              :class=\"[$style.favorite, favorite ? 'text-dark' : 'text-gray-3']\"\r\n            >\r\n              <i class=\"fe fe-heart font-size-21\"></i>\r\n            </a>\r\n            <div :class=\"$style.image\" class=\"height-250 mb-3\">\r\n              <img :src=\"images[activeImgIndex]\" alt=\"Product\" />\r\n            </div>\r\n            <div class=\"d-flex flex-wrap mb-3\">\r\n              <a\r\n                v-for=\"(image, index) in images\"\r\n                :key=\"index\"\r\n                href=\"#\"\r\n                v-on:click=\"setImage(index)\"\r\n                :class=\"[index === activeImgIndex ? 'border-primary' : '', $style.thumb]\"\r\n                class=\"width-100 height-100 border mr-2 mb-2\"\r\n              >\r\n                <img :src=\"image\" alt=\"Product\" />\r\n              </a>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-8\">\r\n            <div class=\"font-size-24 font-weight-bold text-dark mb-2\">\r\n              $199.28\r\n              <del class=\"align-text-top font-size-14\">$299.28</del>\r\n            </div>\r\n            <div class=\"pb-3 mb-4 border-bottom\">\r\n              <a href=\"javascript:void(0);\" class=\"text-blue font-size-18\">\r\n                TP-Link AC1750 Smart WiFi Router - Dual\r\n                <br />Band Gigabit Wireless Internet Routers for\r\n                <br />Home\r\n              </a>\r\n            </div>\r\n            <div class=\"mb-4 width-300\">\r\n              <a-select defaultValue=\"Red\" style=\"width: 100%\">\r\n                <a-select-option value=\"red\">Red</a-select-option>\r\n                <a-select-option value=\"black\">Black</a-select-option>\r\n                <a-select-option value=\"cyan\">Cyan</a-select-option>\r\n                <a-select-option value=\"blue\">Blue</a-select-option>\r\n              </a-select>\r\n            </div>\r\n            <a\r\n              href=\"javascript: void(0);\"\r\n              class=\"width-200 btn btn-success btn-with-addon mr-auto mb-3 text-nowrap d-none d-md-block\"\r\n            >\r\n              <span class=\"btn-addon\">\r\n                <i class=\"btn-addon-icon fe fe-plus-circle\"></i>\r\n              </span>\r\n              Add To Card\r\n            </a>\r\n            <a-tabs defaultActiveKey=\"1\" class=\"kit-tabs-bordered\">\r\n              <a-tab-pane tab=\"Information\" key=\"1\" />\r\n              <a-tab-pane tab=\"Description\" key=\"2\" />\r\n            </a-tabs>\r\n            <div class=\"card-body px-0\">\r\n              <p>\r\n                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem\r\n                Ipsum has been the industry&apos;s standard dummy text ever since the 1500s,\r\n                when an unknown printer took a galley of type and scrambled it to make a type\r\n                specimen book. It has survived not only five centuries, but also the leap into\r\n                electronic typesetting, remaining essentially unchanged.\r\n              </p>\r\n              <p>\r\n                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem\r\n                Ipsum has been the industry&apos;s standard dummy text ever since the 1500s,\r\n                when an unknown printer took a galley of type.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"cui__utils__heading\">\r\n      <h5>Related Products</h5>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-lg-4\" v-for=\"(product, index) in data.products\" :key=\"index\">\r\n        <cui-general-16\r\n          :isNew=\"product.isNew\"\r\n          :isFavorite=\"product.isFavorite\"\r\n          :image=\"product.image\"\r\n          :name=\"product.name\"\r\n          :price=\"product.price\"\r\n          :oldPrice=\"product.oldPrice\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport data from './data.json'\r\nimport CuiGeneral16 from '@/components/kit/widgets/General/16/index'\r\n\r\nexport default {\r\n  components: {\r\n    CuiGeneral16,\r\n  },\r\n  data: function () {\r\n    return {\r\n      data,\r\n      images: data.images,\r\n      favorite: true,\r\n      activeImgIndex: 0,\r\n    }\r\n  },\r\n  methods: {\r\n    toggleFavorite: function (event) {\r\n      event.preventDefault()\r\n      this.favorite = !this.favorite\r\n    },\r\n    setImage: function (index) {\r\n      event.preventDefault()\r\n      this.activeImgIndex = index\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" module>\r\n@import \"./style.module.scss\";\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=237317fe&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&module=true&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}