{"version":3,"sources":["webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?d0c7","webpack:///./src/assets/images/elements/homepod.png","webpack:///./src/assets/images/elements/iphone-x.png","webpack:///./src/assets/images/elements/macbook-pro.png","webpack:///./src/assets/images/elements/magic-mouse.png","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?85b1","webpack:///./node_modules/bootstrap-vue/esm/components/alert/alert.js","webpack:///./src/assets/images/elements/apple-watch.png","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?ae75","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue?6525","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue?3388","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?6195","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?adcc","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?353f","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue"],"names":["module","exports","_watch","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","configurable","writable","_makeModelMixin","type","defaultValue","modelMixin","mixin","modelProps","props","MODEL_PROP_NAME","prop","MODEL_EVENT_NAME","event","parseCountDown","show","parseShow","dismissLabel","dismissible","fade","variant","BAlert","extend","name","mixins","data","countDown","localShow","this","watch","newValue","_this","clearCountDownInterval","$emit","$_countDownTimeout","setTimeout","$nextTick","created","$_filterTimer","beforeDestroy","methods","dismiss","clearTimeout","render","h","$alert","$dismissButton","attrs","on","click","normalizeSlot","staticClass","class","concat","role","noFade","_vm","_h","$createElement","_c","_self","undefined","product","_v","image","_s","brand","price","_l","star","rating","description","hasFreeShipping","_e","colorOptions","color","selectedColor","$event","directives","rawName","expression","modifiers","handleCartActionClick","isInCart","toggleProductInWishlist","isInWishlist","scopedSlots","_u","fn","proxy","icon","staticRenderFns","component","swiperOptions","relatedProducts","index","slot","components","BCardBody","BCardText","BImg","BLink","Swiper","SwiperSlide","setup","slidesPerView","spaceBetween","navigation","nextEl","prevEl","breakpoints","1600","1300","768","320","Ripple","BCard","BRow","BCol","BButton","BDropdown","BDropdownItem","ECommerceProductDetailsItemFeatures","ECommerceProductDetailsRelatedProducts","store","fetchProduct"],"mappings":"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","file":"js/chunk-45064e05.935bc068.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/homepod.e3172634.png\";","module.exports = __webpack_public_path__ + \"img/iphone-x.ff1daa9e.png\";","module.exports = __webpack_public_path__ + \"img/macbook-pro.fbbe4299.png\";","module.exports = __webpack_public_path__ + \"img/magic-mouse.3cf7a781.png\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=style&index=0&lang=scss&\"","var _watch;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { COMPONENT_UID_KEY, Vue } from '../../vue';\nimport { NAME_ALERT } from '../../constants/components';\nimport { EVENT_NAME_DISMISSED, EVENT_NAME_DISMISS_COUNT_DOWN } from '../../constants/events';\nimport { PROP_TYPE_BOOLEAN, PROP_TYPE_BOOLEAN_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props';\nimport { SLOT_NAME_DISMISS } from '../../constants/slots';\nimport { requestAF } from '../../utils/dom';\nimport { isBoolean, isNumeric } from '../../utils/inspect';\nimport { makeModelMixin } from '../../utils/model';\nimport { toInteger } from '../../utils/number';\nimport { sortKeys } from '../../utils/object';\nimport { makeProp, makePropsConfigurable } from '../../utils/props';\nimport { normalizeSlotMixin } from '../../mixins/normalize-slot';\nimport { BButtonClose } from '../button/button-close';\nimport { BVTransition } from '../transition/bv-transition'; // --- Constants ---\n\nvar _makeModelMixin = makeModelMixin('show', {\n  type: PROP_TYPE_BOOLEAN_NUMBER_STRING,\n  defaultValue: false\n}),\n    modelMixin = _makeModelMixin.mixin,\n    modelProps = _makeModelMixin.props,\n    MODEL_PROP_NAME = _makeModelMixin.prop,\n    MODEL_EVENT_NAME = _makeModelMixin.event; // --- Helper methods ---\n// Convert `show` value to a number\n\n\nvar parseCountDown = function parseCountDown(show) {\n  if (show === '' || isBoolean(show)) {\n    return 0;\n  }\n\n  show = toInteger(show, 0);\n  return show > 0 ? show : 0;\n}; // Convert `show` value to a boolean\n\n\nvar parseShow = function parseShow(show) {\n  if (show === '' || show === true) {\n    return true;\n  }\n\n  if (toInteger(show, 0) < 1) {\n    // Boolean will always return false for the above comparison\n    return false;\n  }\n\n  return !!show;\n}; // --- Props ---\n\n\nexport var props = makePropsConfigurable(sortKeys(_objectSpread(_objectSpread({}, modelProps), {}, {\n  dismissLabel: makeProp(PROP_TYPE_STRING, 'Close'),\n  dismissible: makeProp(PROP_TYPE_BOOLEAN, false),\n  fade: makeProp(PROP_TYPE_BOOLEAN, false),\n  variant: makeProp(PROP_TYPE_STRING, 'info')\n})), NAME_ALERT); // --- Main component ---\n// @vue/component\n\nexport var BAlert = /*#__PURE__*/Vue.extend({\n  name: NAME_ALERT,\n  mixins: [modelMixin, normalizeSlotMixin],\n  props: props,\n  data: function data() {\n    return {\n      countDown: 0,\n      // If initially shown, we need to set these for SSR\n      localShow: parseShow(this[MODEL_PROP_NAME])\n    };\n  },\n  watch: (_watch = {}, _defineProperty(_watch, MODEL_PROP_NAME, function (newValue) {\n    this.countDown = parseCountDown(newValue);\n    this.localShow = parseShow(newValue);\n  }), _defineProperty(_watch, \"countDown\", function countDown(newValue) {\n    var _this = this;\n\n    this.clearCountDownInterval();\n    var show = this[MODEL_PROP_NAME]; // Ignore if `show` transitions to a boolean value\n\n    if (isNumeric(show)) {\n      this.$emit(EVENT_NAME_DISMISS_COUNT_DOWN, newValue); // Update the v-model if needed\n\n      if (show !== newValue) {\n        this.$emit(MODEL_EVENT_NAME, newValue);\n      }\n\n      if (newValue > 0) {\n        this.localShow = true;\n        this.$_countDownTimeout = setTimeout(function () {\n          _this.countDown--;\n        }, 1000);\n      } else {\n        // Slightly delay the hide to allow any UI updates\n        this.$nextTick(function () {\n          requestAF(function () {\n            _this.localShow = false;\n          });\n        });\n      }\n    }\n  }), _defineProperty(_watch, \"localShow\", function localShow(newValue) {\n    var show = this[MODEL_PROP_NAME]; // Only emit dismissed events for dismissible or auto-dismissing alerts\n\n    if (!newValue && (this.dismissible || isNumeric(show))) {\n      this.$emit(EVENT_NAME_DISMISSED);\n    } // Only emit booleans if we weren't passed a number via v-model\n\n\n    if (!isNumeric(show) && show !== newValue) {\n      this.$emit(MODEL_EVENT_NAME, newValue);\n    }\n  }), _watch),\n  created: function created() {\n    // Create private non-reactive props\n    this.$_filterTimer = null;\n    var show = this[MODEL_PROP_NAME];\n    this.countDown = parseCountDown(show);\n    this.localShow = parseShow(show);\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.clearCountDownInterval();\n  },\n  methods: {\n    dismiss: function dismiss() {\n      this.clearCountDownInterval();\n      this.countDown = 0;\n      this.localShow = false;\n    },\n    clearCountDownInterval: function clearCountDownInterval() {\n      clearTimeout(this.$_countDownTimeout);\n      this.$_countDownTimeout = null;\n    }\n  },\n  render: function render(h) {\n    var $alert = h();\n\n    if (this.localShow) {\n      var dismissible = this.dismissible,\n          variant = this.variant;\n      var $dismissButton = h();\n\n      if (dismissible) {\n        // Add dismiss button\n        $dismissButton = h(BButtonClose, {\n          attrs: {\n            'aria-label': this.dismissLabel\n          },\n          on: {\n            click: this.dismiss\n          }\n        }, [this.normalizeSlot(SLOT_NAME_DISMISS)]);\n      }\n\n      $alert = h('div', {\n        staticClass: 'alert',\n        class: _defineProperty({\n          'alert-dismissible': dismissible\n        }, \"alert-\".concat(variant), variant),\n        attrs: {\n          role: 'alert',\n          'aria-live': 'polite',\n          'aria-atomic': true\n        },\n        key: this[COMPONENT_UID_KEY]\n      }, [$dismissButton, this.normalizeSlot()]);\n    }\n\n    return h(BVTransition, {\n      props: {\n        noFade: !this.fade\n      }\n    }, [$alert]);\n  }\n});","module.exports = __webpack_public_path__ + \"img/apple-watch.c51a5f8c.png\";","var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('section', {\n    staticClass: \"app-ecommerce-details\"\n  }, [_c('b-alert', {\n    attrs: {\n      \"variant\": \"danger\",\n      \"show\": _vm.product === undefined\n    }\n  }, [_c('h4', {\n    staticClass: \"alert-heading\"\n  }, [_vm._v(\" Error fetching product data \")]), _c('div', {\n    staticClass: \"alert-body\"\n  }, [_vm._v(\" No item found with this item slug. Check \"), _c('b-link', {\n    staticClass: \"alert-link\",\n    attrs: {\n      \"to\": {\n        name: 'apps-e-commerce-shop'\n      }\n    }\n  }, [_vm._v(\" Shop \")]), _vm._v(\" for other items. \")], 1)]), _vm.product ? _c('b-card', {\n    attrs: {\n      \"no-body\": \"\"\n    }\n  }, [_c('b-card-body', [_c('b-row', {\n    staticClass: \"my-2\"\n  }, [_c('b-col', {\n    staticClass: \"d-flex align-items-center justify-content-center mb-2 mb-md-0\",\n    attrs: {\n      \"cols\": \"12\",\n      \"md\": \"5\"\n    }\n  }, [_c('div', {\n    staticClass: \"d-flex align-items-center justify-content-center\"\n  }, [_c('b-img', {\n    staticClass: \"product-img\",\n    attrs: {\n      \"src\": _vm.product.image,\n      \"alt\": \"Image of \".concat(_vm.product.name),\n      \"fluid\": \"\"\n    }\n  })], 1)]), _c('b-col', {\n    attrs: {\n      \"cols\": \"12\",\n      \"md\": \"7\"\n    }\n  }, [_c('h4', [_vm._v(_vm._s(_vm.product.name))]), _c('b-card-text', {\n    staticClass: \"item-company mb-0\"\n  }, [_c('span', [_vm._v(\"by\")]), _c('b-link', {\n    staticClass: \"company-name\"\n  }, [_vm._v(\" \" + _vm._s(_vm.product.brand) + \" \")])], 1), _c('div', {\n    staticClass: \"ecommerce-details-price d-flex flex-wrap mt-1\"\n  }, [_c('h4', {\n    staticClass: \"item-price mr-1\"\n  }, [_vm._v(\" $\" + _vm._s(_vm.product.price) + \" \")]), _c('ul', {\n    staticClass: \"unstyled-list list-inline pl-1 border-left\"\n  }, _vm._l(5, function (star) {\n    return _c('li', {\n      key: star,\n      staticClass: \"ratings-list-item mr-25\"\n    }, [_c('feather-icon', {\n      class: [{\n        'fill-current': star <= _vm.product.rating\n      }, star <= _vm.product.rating ? 'text-warning' : 'text-muted'],\n      attrs: {\n        \"icon\": \"StarIcon\",\n        \"size\": \"18\"\n      }\n    })], 1);\n  }), 0)]), _c('b-card-text', [_vm._v(\"Available - \"), _c('span', {\n    staticClass: \"text-success\"\n  }, [_vm._v(\"In stock\")])]), _c('b-card-text', [_vm._v(_vm._s(_vm.product.description))]), _c('ul', {\n    staticClass: \"product-features list-unstyled\"\n  }, [_vm.product.hasFreeShipping ? _c('li', [_c('feather-icon', {\n    attrs: {\n      \"icon\": \"ShoppingCartIcon\"\n    }\n  }), _c('span', [_vm._v(\"Free Shipping\")])], 1) : _vm._e(), _c('li', [_c('feather-icon', {\n    attrs: {\n      \"icon\": \"DollarSignIcon\"\n    }\n  }), _c('span', [_vm._v(\"EMI options available\")])], 1)]), _c('hr'), _c('div', {\n    staticClass: \"product-color-options\"\n  }, [_c('h6', [_vm._v(\"Colors\")]), _c('ul', {\n    staticClass: \"list-unstyled mb-0\"\n  }, _vm._l(_vm.product.colorOptions, function (color) {\n    return _c('li', {\n      key: color,\n      staticClass: \"d-inline-block\",\n      class: {\n        'selected': _vm.selectedColor === color\n      },\n      on: {\n        \"click\": function click($event) {\n          _vm.selectedColor = color;\n        }\n      }\n    }, [_c('div', {\n      staticClass: \"color-option\",\n      class: \"b-\".concat(color)\n    }, [_c('div', {\n      staticClass: \"filloption\",\n      class: \"bg-\".concat(color)\n    })])]);\n  }), 0)]), _c('hr'), _c('div', {\n    staticClass: \"d-flex flex-column flex-sm-row pt-1\"\n  }, [_c('b-button', {\n    directives: [{\n      name: \"ripple\",\n      rawName: \"v-ripple.400\",\n      value: 'rgba(255, 255, 255, 0.15)',\n      expression: \"'rgba(255, 255, 255, 0.15)'\",\n      modifiers: {\n        \"400\": true\n      }\n    }],\n    staticClass: \"btn-cart mr-0 mr-sm-1 mb-1 mb-sm-0\",\n    attrs: {\n      \"variant\": \"primary\"\n    },\n    on: {\n      \"click\": function click($event) {\n        return _vm.handleCartActionClick(_vm.product);\n      }\n    }\n  }, [_c('feather-icon', {\n    staticClass: \"mr-50\",\n    attrs: {\n      \"icon\": \"ShoppingCartIcon\"\n    }\n  }), _c('span', [_vm._v(_vm._s(_vm.product.isInCart ? 'View In Cart' : 'Add to Cart'))])], 1), _c('b-button', {\n    staticClass: \"btn-wishlist mr-0 mr-sm-1 mb-1 mb-sm-0\",\n    attrs: {\n      \"variant\": \"outline-secondary\"\n    },\n    on: {\n      \"click\": function click($event) {\n        return _vm.toggleProductInWishlist(_vm.product);\n      }\n    }\n  }, [_c('feather-icon', {\n    staticClass: \"mr-50\",\n    class: {\n      'text-danger': _vm.product.isInWishlist\n    },\n    attrs: {\n      \"icon\": \"HeartIcon\"\n    }\n  }), _c('span', [_vm._v(\"Wishlist\")])], 1), _c('b-dropdown', {\n    staticClass: \"btn-share\",\n    attrs: {\n      \"variant\": \"outline-secondary\",\n      \"no-caret\": \"\",\n      \"toggle-class\": \"btn-icon\",\n      \"right\": \"\"\n    },\n    scopedSlots: _vm._u([{\n      key: \"button-content\",\n      fn: function fn() {\n        return [_c('feather-icon', {\n          attrs: {\n            \"icon\": \"Share2Icon\"\n          }\n        })];\n      },\n      proxy: true\n    }], null, false, 4254340102)\n  }, _vm._l(['FacebookIcon', 'TwitterIcon', 'YoutubeIcon', 'InstagramIcon'], function (icon) {\n    return _c('b-dropdown-item', {\n      key: icon\n    }, [_c('feather-icon', {\n      attrs: {\n        \"icon\": icon\n      }\n    })], 1);\n  }), 1)], 1)], 1)], 1)], 1), _c('e-commerce-product-details-item-features'), _c('e-commerce-product-details-related-products')], 1) : _vm._e()], 1);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('div', {\n    staticClass: \"item-features\"\n  }, [_c('div', {\n    staticClass: \"row text-center\"\n  }, [_c('div', {\n    staticClass: \"col-12 col-md-4 mb-4 mb-md-0\"\n  }, [_c('div', {\n    staticClass: \"w-75 mx-auto\"\n  }, [_c('feather-icon', {\n    attrs: {\n      \"icon\": \"AwardIcon\",\n      \"size\": \"35\"\n    }\n  }), _c('h4', {\n    staticClass: \"mt-2 mb-1\"\n  }, [_vm._v(\" 100% Original \")]), _c('p', {\n    staticClass: \"card-text\"\n  }, [_vm._v(\" Chocolate bar candy canes ice cream toffee. Croissant pie cookie halvah. \")])], 1)]), _c('div', {\n    staticClass: \"col-12 col-md-4 mb-4 mb-md-0\"\n  }, [_c('div', {\n    staticClass: \"w-75 mx-auto\"\n  }, [_c('feather-icon', {\n    attrs: {\n      \"icon\": \"ClockIcon\",\n      \"size\": \"35\"\n    }\n  }), _c('h4', {\n    staticClass: \"mt-2 mb-1\"\n  }, [_vm._v(\" 10 Day Replacement \")]), _c('p', {\n    staticClass: \"card-text\"\n  }, [_vm._v(\" Marshmallow biscuit donut dragée fruitcake. Jujubes wafer cupcake. \")])], 1)]), _c('div', {\n    staticClass: \"col-12 col-md-4 mb-4 mb-md-0\"\n  }, [_c('div', {\n    staticClass: \"w-75 mx-auto\"\n  }, [_c('feather-icon', {\n    attrs: {\n      \"icon\": \"ShieldIcon\",\n      \"size\": \"35\"\n    }\n  }), _c('h4', {\n    staticClass: \"mt-2 mb-1\"\n  }, [_vm._v(\" 1 Year Warranty \")]), _c('p', {\n    staticClass: \"card-text\"\n  }, [_vm._v(\" Cotton candy gingerbread cake I love sugar plum I love sweet croissant. \")])], 1)])])]);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"item-features\">\r\n    <div class=\"row text-center\">\r\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\r\n        <div class=\"w-75 mx-auto\">\r\n          <feather-icon\r\n            icon=\"AwardIcon\"\r\n            size=\"35\"\r\n          />\r\n          <h4 class=\"mt-2 mb-1\">\r\n            100% Original\r\n          </h4>\r\n          <p class=\"card-text\">\r\n            Chocolate bar candy canes ice cream toffee. Croissant pie cookie halvah.\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\r\n        <div class=\"w-75 mx-auto\">\r\n          <feather-icon\r\n            icon=\"ClockIcon\"\r\n            size=\"35\"\r\n          />\r\n          <h4 class=\"mt-2 mb-1\">\r\n            10 Day Replacement\r\n          </h4>\r\n          <p class=\"card-text\">\r\n            Marshmallow biscuit donut dragée fruitcake. Jujubes wafer cupcake.\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\r\n        <div class=\"w-75 mx-auto\">\r\n          <feather-icon\r\n            icon=\"ShieldIcon\"\r\n            size=\"35\"\r\n          />\r\n          <h4 class=\"mt-2 mb-1\">\r\n            1 Year Warranty\r\n          </h4>\r\n          <p class=\"card-text\">\r\n            Cotton candy gingerbread cake I love sugar plum I love sweet croissant.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetailsItemFeatures.vue?vue&type=template&id=172a0e36&\"\nimport script from \"./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('b-card-body', [_c('div', {\n    staticClass: \"mt-4 mb-2 text-center\"\n  }, [_c('h4', [_vm._v(\"Related Products\")]), _c('b-card-text', [_vm._v(\"People also search for this items\")])], 1), _c('swiper', {\n    staticClass: \"swiper-responsive-breakpoints px-4 py-2\",\n    attrs: {\n      \"options\": _vm.swiperOptions\n    }\n  }, [_vm._l(_vm.relatedProducts, function (product, index) {\n    return _c('swiper-slide', {\n      key: index\n    }, [_c('b-link', [_c('div', {\n      staticClass: \"item-heading\"\n    }, [_c('h5', {\n      staticClass: \"text-truncate mb-0\"\n    }, [_vm._v(\" \" + _vm._s(product.name) + \" \")]), _c('small', {\n      staticClass: \"text-body\"\n    }, [_vm._v(\"by \" + _vm._s(product.brand))])]), _c('div', {\n      staticClass: \"img-container w-50 mx-auto py-75\"\n    }, [_c('b-img', {\n      attrs: {\n        \"src\": product.image,\n        \"fluid\": \"\"\n      }\n    })], 1), _c('div', {\n      staticClass: \"item-meta\"\n    }, [_c('ul', {\n      staticClass: \"unstyled-list list-inline mb-25\"\n    }, _vm._l(5, function (star) {\n      return _c('li', {\n        key: star,\n        staticClass: \"ratings-list-item\"\n      }, [_c('feather-icon', {\n        staticClass: \"mr-25\",\n        class: [{\n          'fill-current': star <= product.rating\n        }, star <= product.rating ? 'text-warning' : 'text-muted'],\n        attrs: {\n          \"icon\": \"StarIcon\",\n          \"size\": \"18\"\n        }\n      })], 1);\n    }), 0), _c('p', {\n      staticClass: \"card-text text-primary mb-0\"\n    }, [_vm._v(\" $\" + _vm._s(product.price) + \" \")])])])], 1);\n  }), _c('div', {\n    staticClass: \"swiper-button-next\",\n    attrs: {\n      \"slot\": \"button-next\"\n    },\n    slot: \"button-next\"\n  }), _c('div', {\n    staticClass: \"swiper-button-prev\",\n    attrs: {\n      \"slot\": \"button-prev\"\n    },\n    slot: \"button-prev\"\n  })], 2)], 1);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-body>\r\n    <div class=\"mt-4 mb-2 text-center\">\r\n      <h4>Related Products</h4>\r\n      <b-card-text>People also search for this items</b-card-text>\r\n    </div>\r\n\r\n    <!-- Swiper -->\r\n    <swiper\r\n      class=\"swiper-responsive-breakpoints px-4 py-2\"\r\n      :options=\"swiperOptions\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(product,index) in relatedProducts\"\r\n        :key=\"index\"\r\n      >\r\n        <b-link>\r\n          <div class=\"item-heading\">\r\n            <h5 class=\"text-truncate mb-0\">\r\n              {{ product.name }}\r\n            </h5>\r\n            <small class=\"text-body\">by {{ product.brand }}</small>\r\n          </div>\r\n          <div class=\"img-container w-50 mx-auto py-75\">\r\n            <b-img\r\n              :src=\"product.image\"\r\n              fluid\r\n            />\r\n          </div>\r\n          <div class=\"item-meta\">\r\n            <ul class=\"unstyled-list list-inline mb-25\">\r\n              <li\r\n                v-for=\"star in 5\"\r\n                :key=\"star\"\r\n                class=\"ratings-list-item\"\r\n              >\r\n                <feather-icon\r\n                  icon=\"StarIcon\"\r\n                  size=\"18\"\r\n                  class=\"mr-25\"\r\n                  :class=\"[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted']\"\r\n                />\r\n              </li>\r\n            </ul>\r\n            <p class=\"card-text text-primary mb-0\">\r\n              ${{ product.price }}\r\n            </p>\r\n          </div>\r\n        </b-link>\r\n      </swiper-slide>\r\n\r\n      <!-- Add Arrows -->\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n  </b-card-body>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BCardBody, BCardText, BImg, BLink,\r\n} from 'bootstrap-vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\n\r\nexport default {\r\n  components: {\r\n    BCardBody,\r\n    BCardText,\r\n    BImg,\r\n    BLink,\r\n\r\n    // 3rd Party\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  setup() {\r\n    const swiperOptions = {\r\n      slidesPerView: 5,\r\n      spaceBetween: 55,\r\n      navigation: {\r\n        nextEl: '.swiper-button-next',\r\n        prevEl: '.swiper-button-prev',\r\n      },\r\n      breakpoints: {\r\n        1600: {\r\n          slidesPerView: 4,\r\n          spaceBetween: 55,\r\n        },\r\n        1300: {\r\n          slidesPerView: 3,\r\n          spaceBetween: 55,\r\n        },\r\n        768: {\r\n          slidesPerView: 2,\r\n          spaceBetween: 55,\r\n        },\r\n        320: {\r\n          slidesPerView: 1,\r\n          spaceBetween: 55,\r\n        },\r\n      },\r\n    }\r\n\r\n    /* eslint-disable global-require */\r\n    const relatedProducts = [\r\n      {\r\n        name: 'Apple Watch Series 6',\r\n        brand: 'Apple',\r\n        price: 399.98,\r\n        rating: 4,\r\n        image: require('@/assets/images/elements/apple-watch.png'),\r\n      },\r\n      {\r\n        name: 'Apple MacBook Pro - Silver',\r\n        brand: 'Apple',\r\n        price: 2449.49,\r\n        rating: 2,\r\n        image: require('@/assets/images/elements/macbook-pro.png'),\r\n      },\r\n      {\r\n        name: 'Apple HomePod (Space Grey)',\r\n        brand: 'Apple',\r\n        price: 229.29,\r\n        rating: 3,\r\n        image: require('@/assets/images/elements/homepod.png'),\r\n      },\r\n      {\r\n        name: 'Magic Mouse 2 - Black',\r\n        brand: 'Apple',\r\n        price: 90.98,\r\n        rating: 5,\r\n        image: require('@/assets/images/elements/magic-mouse.png'),\r\n      },\r\n      {\r\n        name: 'iPhone 12 Pro',\r\n        brand: 'Apple',\r\n        price: 1559.99,\r\n        rating: 4,\r\n        image: require('@/assets/images/elements/iphone-x.png'),\r\n      },\r\n    ]\r\n    /* eslint-disable global-require */\r\n\r\n    return {\r\n      swiperOptions,\r\n      relatedProducts,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/swiper.scss';\r\n@import '~swiper/css/swiper.css';\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=template&id=7c788f91&\"\nimport script from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <section class=\"app-ecommerce-details\">\r\n\r\n    <!-- Alert: No item found -->\r\n    <b-alert\r\n      variant=\"danger\"\r\n      :show=\"product === undefined\"\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Error fetching product data\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        No item found with this item slug. Check\r\n        <b-link\r\n          class=\"alert-link\"\r\n          :to=\"{ name: 'apps-e-commerce-shop'}\"\r\n        >\r\n          Shop\r\n        </b-link>\r\n        for other items.\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- Content -->\r\n    <b-card\r\n      v-if=\"product\"\r\n      no-body\r\n    >\r\n      <b-card-body>\r\n        <b-row class=\"my-2\">\r\n\r\n          <!-- Left: Product Image Container -->\r\n          <b-col\r\n            cols=\"12\"\r\n            md=\"5\"\r\n            class=\"d-flex align-items-center justify-content-center mb-2 mb-md-0\"\r\n          >\r\n            <div class=\"d-flex align-items-center justify-content-center\">\r\n              <b-img\r\n                :src=\"product.image\"\r\n                :alt=\"`Image of ${product.name}`\"\r\n                class=\"product-img\"\r\n                fluid\r\n              />\r\n            </div>\r\n          </b-col>\r\n\r\n          <!-- Right: Product Details -->\r\n          <b-col\r\n            cols=\"12\"\r\n            md=\"7\"\r\n          >\r\n\r\n            <!-- Product Name -->\r\n            <h4>{{ product.name }}</h4>\r\n\r\n            <!-- Product Brand -->\r\n            <b-card-text class=\"item-company mb-0\">\r\n              <span>by</span>\r\n              <b-link class=\"company-name\">\r\n                {{ product.brand }}\r\n              </b-link>\r\n            </b-card-text>\r\n\r\n            <!-- Price And Ratings -->\r\n            <div class=\"ecommerce-details-price d-flex flex-wrap mt-1\">\r\n              <h4 class=\"item-price mr-1\">\r\n                ${{ product.price }}\r\n              </h4>\r\n              <ul class=\"unstyled-list list-inline pl-1 border-left\">\r\n                <li\r\n                  v-for=\"star in 5\"\r\n                  :key=\"star\"\r\n                  class=\"ratings-list-item mr-25\"\r\n                >\r\n                  <feather-icon\r\n                    icon=\"StarIcon\"\r\n                    size=\"18\"\r\n                    :class=\"[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted']\"\r\n                  />\r\n                </li>\r\n              </ul>\r\n            </div>\r\n\r\n            <!-- Avability -->\r\n            <b-card-text>Available - <span class=\"text-success\">In stock</span></b-card-text>\r\n\r\n            <!-- Product Description -->\r\n            <b-card-text>{{ product.description }}</b-card-text>\r\n\r\n            <!-- Product Meta [Free shpping, EMI, etc.] -->\r\n            <ul class=\"product-features list-unstyled\">\r\n              <li v-if=\"product.hasFreeShipping\">\r\n                <feather-icon icon=\"ShoppingCartIcon\" />\r\n                <span>Free Shipping</span></li>\r\n              <li>\r\n                <feather-icon icon=\"DollarSignIcon\" />\r\n                <span>EMI options available</span>\r\n              </li>\r\n            </ul>\r\n\r\n            <hr>\r\n\r\n            <!-- Colors -->\r\n            <div class=\"product-color-options\">\r\n              <h6>Colors</h6>\r\n              <ul class=\"list-unstyled mb-0\">\r\n                <li\r\n                  v-for=\"color in product.colorOptions\"\r\n                  :key=\"color\"\r\n                  class=\"d-inline-block\"\r\n                  :class=\"{'selected': selectedColor === color}\"\r\n                  @click=\"selectedColor = color\"\r\n                >\r\n                  <div\r\n                    class=\"color-option\"\r\n                    :class=\"`b-${color}`\"\r\n                  >\r\n                    <div\r\n                      class=\"filloption\"\r\n                      :class=\"`bg-${color}`\"\r\n                    />\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n\r\n            <hr>\r\n\r\n            <div class=\"d-flex flex-column flex-sm-row pt-1\">\r\n              <b-button\r\n                v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n                variant=\"primary\"\r\n                class=\"btn-cart mr-0 mr-sm-1 mb-1 mb-sm-0\"\r\n                @click=\"handleCartActionClick(product)\"\r\n              >\r\n                <feather-icon\r\n                  icon=\"ShoppingCartIcon\"\r\n                  class=\"mr-50\"\r\n                />\r\n                <span>{{ product.isInCart ? 'View In Cart' : 'Add to Cart' }}</span>\r\n              </b-button>\r\n              <b-button\r\n                variant=\"outline-secondary\"\r\n                class=\"btn-wishlist mr-0 mr-sm-1 mb-1 mb-sm-0\"\r\n                @click=\"toggleProductInWishlist(product)\"\r\n              >\r\n                <feather-icon\r\n                  icon=\"HeartIcon\"\r\n                  class=\"mr-50\"\r\n                  :class=\"{'text-danger': product.isInWishlist}\"\r\n                />\r\n                <span>Wishlist</span>\r\n              </b-button>\r\n              <b-dropdown\r\n                variant=\"outline-secondary\"\r\n                no-caret\r\n                toggle-class=\"btn-icon\"\r\n                class=\"btn-share\"\r\n                right\r\n              >\r\n                <template #button-content>\r\n                  <feather-icon icon=\"Share2Icon\" />\r\n                </template>\r\n                <b-dropdown-item\r\n                  v-for=\"icon in [ 'FacebookIcon', 'TwitterIcon', 'YoutubeIcon', 'InstagramIcon', ]\"\r\n                  :key=\"icon\"\r\n                >\r\n                  <feather-icon :icon=\"icon\" />\r\n                </b-dropdown-item>\r\n              </b-dropdown>\r\n            </div>\r\n          </b-col>\r\n        </b-row>\r\n      </b-card-body>\r\n\r\n      <!-- Static Content -->\r\n      <e-commerce-product-details-item-features />\r\n\r\n      <!-- Static Content -->\r\n      <!-- Slider: Related Products -->\r\n      <e-commerce-product-details-related-products />\r\n    </b-card>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { useRouter } from '@core/utils/utils'\r\nimport store from '@/store'\r\nimport { ref } from '@vue/composition-api'\r\nimport {\r\n  BCard, BCardBody, BRow, BCol, BImg, BCardText, BLink, BButton, BDropdown, BDropdownItem, BAlert,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport ECommerceProductDetailsItemFeatures from './ECommerceProductDetailsItemFeatures.vue'\r\nimport ECommerceProductDetailsRelatedProducts from './ECommerceProductDetailsRelatedProducts.vue'\r\nimport { useEcommerceUi } from '../useEcommerce'\r\n\r\nexport default {\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  components: {\r\n    // BSV\r\n    BCard,\r\n    BCardBody,\r\n    BRow,\r\n    BCol,\r\n    BImg,\r\n    BCardText,\r\n    BLink,\r\n    BButton,\r\n    BDropdown,\r\n    BDropdownItem,\r\n    BAlert,\r\n\r\n    // SFC\r\n    ECommerceProductDetailsItemFeatures,\r\n    ECommerceProductDetailsRelatedProducts,\r\n  },\r\n  setup() {\r\n    const { handleCartActionClick, toggleProductInWishlist } = useEcommerceUi()\r\n\r\n    const product = ref(null)\r\n\r\n    // Remote Data\r\n    const fetchProduct = () => {\r\n      // Get product  id from URL\r\n      const { route } = useRouter()\r\n      const productSlug = route.value.params.slug\r\n      const productId = productSlug.substring(productSlug.lastIndexOf('-') + 1)\r\n\r\n      store.dispatch('app-ecommerce/fetchProduct', { productId })\r\n        .then(response => {\r\n          product.value = response.data.product\r\n        })\r\n        .catch(error => {\r\n          if (error.response.status === 404) {\r\n            product.value = undefined\r\n          }\r\n        })\r\n    }\r\n\r\n    // UI\r\n    const selectedColor = ref(null)\r\n\r\n    fetchProduct()\r\n\r\n    return {\r\n\r\n      // Fetched Product\r\n      product,\r\n\r\n      // UI\r\n      selectedColor,\r\n      handleCartActionClick,\r\n      toggleProductInWishlist,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"~@core/scss/base/pages/app-ecommerce-details.scss\";\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetails.vue?vue&type=template&id=e260a3d0&\"\nimport script from \"./ECommerceProductDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ECommerceProductDetails.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}