{"version":3,"sources":["webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?a054","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:///./node_modules/bootstrap-vue/esm/components/alert/alert.js","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?351e","webpack:///./src/assets/images/elements/apple-watch.png","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?a927","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue?876d","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?0460","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","_e","color","selectedColor","$event","directives","rawName","expression","modifiers","handleCartActionClick","isInCart","toggleProductInWishlist","isInWishlist","scopedSlots","_u","fn","proxy","icon","staticRenderFns","component","swiperOptions","index","slot","components","BCardBody","BCardText","BImg","BLink","Swiper","SwiperSlide","setup","slidesPerView","spaceBetween","navigation","nextEl","prevEl","breakpoints","relatedProducts","Ripple","BCard","BRow","BCol","BButton","BDropdown","BDropdownItem","ECommerceProductDetailsItemFeatures","ECommerceProductDetailsRelatedProducts","route","store","productId","then","catch","fetchProduct"],"mappings":"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","file":"js/chunk-6b2102d2.1cdc8d47.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&id=e260a3d0&prod&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\";","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});","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&id=7c788f91&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/apple-watch.c51a5f8c.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"app-ecommerce-details\"},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":_vm.product === undefined}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Error fetching product data \")]),_c('div',{staticClass:\"alert-body\"},[_vm._v(\" No item found with this item slug. Check \"),_c('b-link',{staticClass:\"alert-link\",attrs:{\"to\":{ name: 'apps-e-commerce-shop'}}},[_vm._v(\" Shop \")]),_vm._v(\" for other items. \")],1)]),(_vm.product)?_c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('b-row',{staticClass:\"my-2\"},[_c('b-col',{staticClass:\"d-flex align-items-center justify-content-center mb-2 mb-md-0\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('b-img',{staticClass:\"product-img\",attrs:{\"src\":_vm.product.image,\"alt\":(\"Image of \" + (_vm.product.name)),\"fluid\":\"\"}})],1)]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"7\"}},[_c('h4',[_vm._v(_vm._s(_vm.product.name))]),_c('b-card-text',{staticClass:\"item-company mb-0\"},[_c('span',[_vm._v(\"by\")]),_c('b-link',{staticClass:\"company-name\"},[_vm._v(\" \"+_vm._s(_vm.product.brand)+\" \")])],1),_c('div',{staticClass:\"ecommerce-details-price d-flex flex-wrap mt-1\"},[_c('h4',{staticClass:\"item-price mr-1\"},[_vm._v(\" $\"+_vm._s(_vm.product.price)+\" \")]),_c('ul',{staticClass:\"unstyled-list list-inline pl-1 border-left\"},_vm._l((5),function(star){return _c('li',{key:star,staticClass:\"ratings-list-item mr-25\"},[_c('feather-icon',{class:[{'fill-current': star <= _vm.product.rating}, star <= _vm.product.rating ? 'text-warning' : 'text-muted'],attrs:{\"icon\":\"StarIcon\",\"size\":\"18\"}})],1)}),0)]),_c('b-card-text',[_vm._v(\"Available - \"),_c('span',{staticClass:\"text-success\"},[_vm._v(\"In stock\")])]),_c('b-card-text',[_vm._v(_vm._s(_vm.product.description))]),_c('ul',{staticClass:\"product-features list-unstyled\"},[(_vm.product.hasFreeShipping)?_c('li',[_c('feather-icon',{attrs:{\"icon\":\"ShoppingCartIcon\"}}),_c('span',[_vm._v(\"Free Shipping\")])],1):_vm._e(),_c('li',[_c('feather-icon',{attrs:{\"icon\":\"DollarSignIcon\"}}),_c('span',[_vm._v(\"EMI options available\")])],1)]),_c('hr'),_c('div',{staticClass:\"product-color-options\"},[_c('h6',[_vm._v(\"Colors\")]),_c('ul',{staticClass:\"list-unstyled mb-0\"},_vm._l((_vm.product.colorOptions),function(color){return _c('li',{key:color,staticClass:\"d-inline-block\",class:{'selected': _vm.selectedColor === color},on:{\"click\":function($event){_vm.selectedColor = color}}},[_c('div',{staticClass:\"color-option\",class:(\"b-\" + color)},[_c('div',{staticClass:\"filloption\",class:(\"bg-\" + color)})])])}),0)]),_c('hr'),_c('div',{staticClass:\"d-flex flex-column flex-sm-row pt-1\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"btn-cart mr-0 mr-sm-1 mb-1 mb-sm-0\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.handleCartActionClick(_vm.product)}}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"ShoppingCartIcon\"}}),_c('span',[_vm._v(_vm._s(_vm.product.isInCart ? 'View In Cart' : 'Add to Cart'))])],1),_c('b-button',{staticClass:\"btn-wishlist mr-0 mr-sm-1 mb-1 mb-sm-0\",attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.toggleProductInWishlist(_vm.product)}}},[_c('feather-icon',{staticClass:\"mr-50\",class:{'text-danger': _vm.product.isInWishlist},attrs:{\"icon\":\"HeartIcon\"}}),_c('span',[_vm._v(\"Wishlist\")])],1),_c('b-dropdown',{staticClass:\"btn-share\",attrs:{\"variant\":\"outline-secondary\",\"no-caret\":\"\",\"toggle-class\":\"btn-icon\",\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"Share2Icon\"}})]},proxy:true}],null,false,4254340102)},_vm._l(([ 'FacebookIcon', 'TwitterIcon', 'YoutubeIcon', 'InstagramIcon' ]),function(icon){return _c('b-dropdown-item',{key:icon},[_c('feather-icon',{attrs:{\"icon\":icon}})],1)}),1)],1)],1)],1)],1),_c('e-commerce-product-details-item-features'),_c('e-commerce-product-details-related-products')],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-features\"},[_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"AwardIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 100% Original \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Chocolate bar candy canes ice cream toffee. Croissant pie cookie halvah. \")])],1)]),_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"ClockIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 10 Day Replacement \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Marshmallow biscuit donut dragée fruitcake. Jujubes wafer cupcake. \")])],1)]),_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"ShieldIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 1 Year Warranty \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Cotton candy gingerbread cake I love sugar plum I love sweet croissant. \")])],1)])])])}\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-body',[_c('div',{staticClass:\"mt-4 mb-2 text-center\"},[_c('h4',[_vm._v(\"Related Products\")]),_c('b-card-text',[_vm._v(\"People also search for this items\")])],1),_c('swiper',{staticClass:\"swiper-responsive-breakpoints px-4 py-2\",attrs:{\"options\":_vm.swiperOptions}},[_vm._l((_vm.relatedProducts),function(product,index){return _c('swiper-slide',{key:index},[_c('b-link',[_c('div',{staticClass:\"item-heading\"},[_c('h5',{staticClass:\"text-truncate mb-0\"},[_vm._v(\" \"+_vm._s(product.name)+\" \")]),_c('small',{staticClass:\"text-body\"},[_vm._v(\"by \"+_vm._s(product.brand))])]),_c('div',{staticClass:\"img-container w-50 mx-auto py-75\"},[_c('b-img',{attrs:{\"src\":product.image,\"fluid\":\"\"}})],1),_c('div',{staticClass:\"item-meta\"},[_c('ul',{staticClass:\"unstyled-list list-inline mb-25\"},_vm._l((5),function(star){return _c('li',{key:star,staticClass:\"ratings-list-item\"},[_c('feather-icon',{staticClass:\"mr-25\",class:[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted'],attrs:{\"icon\":\"StarIcon\",\"size\":\"18\"}})],1)}),0),_c('p',{staticClass:\"card-text text-primary mb-0\"},[_vm._v(\" $\"+_vm._s(product.price)+\" \")])])])],1)}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2)],1)}\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&id=7c788f91&prod&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&id=e260a3d0&prod&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":""}