{"version":3,"sources":["webpack:///./src/components/FeaturedProducts.vue?c0d9","webpack:///src/components/FeaturedProducts.vue","webpack:///./src/components/FeaturedProducts.vue?09a3","webpack:///./src/components/FeaturedProducts.vue","webpack:///./src/components/ProductCard.vue?c24c","webpack:///src/components/ProductCard.vue","webpack:///./src/components/ProductCard.vue?61af","webpack:///./src/components/ProductCard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","on","$event","Goto","_v","staticRenderFns","name","components","methods","$ga","event","eventCategory","eventAction","eventLabel","$router","push","link","component","productId","StartInterval","StopSlideShow","_l","image","index","key","class","PreviousIndex","CurrentIndex","productTitle","staticStyle","images","length","SetPreviousImage","_e","SetSlide","SetNextImage","_s","size","data","SliderTimeOut","IsTimerOn","props","Array","String","productDecription","n","StartSlideShow","setInterval","clearInterval"],"mappings":"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","file":"js/chunk-35e3e20c.8ed9ad62.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"products\",attrs:{\"id\":\"featured\"}},[_vm._m(0),_c('div',{staticClass:\"products-cards-wrapper\"},[_c('product-card',{attrs:{\"product-id\":\"11138\",\"product-title\":\"Ultra Light Stretchable Capry for Your Sporty Little One\",\"product-description\":\"\",\"size\":\"S TO XXL\",\"images\":['/img/products/11138/11138_BLACK.webp',\n               '/img/products/11138/11138_DEEPBLUE.webp',\n               '/img/products/11138/11138_MUSTURD.webp',\n               '/img/products/11138/11138_RED.webp']}}),_c('product-card',{attrs:{\"product-id\":\"11146\",\"product-title\":\"Boys Printed Denim Capry\",\"product-description\":\"\",\"size\":\"S TO XXL\",\"images\":['/img/products/11146/11146_DENIMAX.webp']}}),_c('product-card',{attrs:{\"product-id\":\"11087\",\"product-title\":\"Dungree Full Pant Made With Soft Stretchable Cotton Hosiery\",\"product-description\":\"\",\"size\":\"16 TO 30\",\"images\":['/img/products/11087/11087_GREY.webp',\n               '/img/products/11087/11087_LIGHT_PHONE.webp',\n               '/img/products/11087/11087_PHONE.webp']}}),_c('product-card',{attrs:{\"product-id\":\"11022\",\"product-title\":\"Ultra Comfy Round Elastic Cargo Joggers\",\"product-description\":\"\",\"size\":\"16 TO 26\",\"images\":['/img/products/11022/11022_ICE_BLUE.webp',\n               '/img/products/11022/11022_LIGHTPHONE.webp']}})],1),_c('div',{staticClass:\"products-btn-wrapper\"},[_c('button',{staticClass:\"products-btn\",on:{\"click\":function($event){return _vm.Goto('/products')}}},[_vm._v(\"View All Products\")])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"common-header\"},[_c('h1',{staticClass:\"common-heading\"},[_vm._v(\"Featured Products\")]),_c('div',{staticClass:\"underline\"},[_c('div',{staticClass:\"small-underline\"}),_c('div',{staticClass:\"big-underline\"})])])}]\n\nexport { render, staticRenderFns }","<template>\n   <!-- products -->\n    <section id=\"featured\" class=\"products\">\n        <div class=\"common-header\">\n            <h1 class=\"common-heading\">Featured Products</h1>\n            <div class=\"underline\">\n                <div class=\"small-underline\"></div>\n                <div class=\"big-underline\"></div>\n            </div>\n        </div>\n\n        <div class=\"products-cards-wrapper\">\n            <product-card product-id=\"11138\"\n                  product-title=\"Ultra Light Stretchable Capry for Your Sporty Little One\"\n                  product-description=\"\"\n                  size=\"S TO XXL\"\n                  :images=\"['/img/products/11138/11138_BLACK.webp',\n                  '/img/products/11138/11138_DEEPBLUE.webp',\n                  '/img/products/11138/11138_MUSTURD.webp',\n                  '/img/products/11138/11138_RED.webp']\"\n            />\n            <product-card product-id=\"11146\"\n                  product-title=\"Boys Printed Denim Capry\"\n                  product-description=\"\"\n                  size=\"S TO XXL\"\n                  :images=\"['/img/products/11146/11146_DENIMAX.webp']\"\n            />\n            <product-card product-id=\"11087\"\n                  product-title=\"Dungree Full Pant Made With Soft Stretchable Cotton Hosiery\"\n                  product-description=\"\"\n                  size=\"16 TO 30\"\n                  :images=\"['/img/products/11087/11087_GREY.webp',\n                  '/img/products/11087/11087_LIGHT_PHONE.webp',\n                  '/img/products/11087/11087_PHONE.webp']\"\n            />\n            <product-card product-id=\"11022\"\n                  product-title=\"Ultra Comfy Round Elastic Cargo Joggers\"\n                  product-description=\"\"\n                  size=\"16 TO 26\"\n                  :images=\"['/img/products/11022/11022_ICE_BLUE.webp',\n                  '/img/products/11022/11022_LIGHTPHONE.webp']\"\n            />\n        </div>\n\n        <div class=\"products-btn-wrapper\">\n            <button @click=\"Goto('/products')\"\n            class=\"products-btn\">View All Products</button>\n        </div>\n    </section>\n    <!-- end of products -->\n</template>\n<script>\nimport ProductCard from './ProductCard.vue';\n\nexport default {\n  name: 'FeaturedProducts',\n  components: { ProductCard },\n  methods: {\n    Goto(link) {\n      this.$ga.event({\n        eventCategory: 'Navigation',\n        eventAction: 'View All Products',\n        eventLabel: 'products page navigation',\n      });\n      this.$router.push(link);\n    },\n  },\n};\n</script>\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!./FeaturedProducts.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!./FeaturedProducts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FeaturedProducts.vue?vue&type=template&id=0ab6fe74&\"\nimport script from \"./FeaturedProducts.vue?vue&type=script&lang=js&\"\nexport * from \"./FeaturedProducts.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('div',{staticClass:\"product-card\"},[_c('div',{staticClass:\"image-slider\",attrs:{\"id\":_vm.productId},on:{\"mouseenter\":function($event){return _vm.StartInterval()},\"mouseleave\":function($event){return _vm.StopSlideShow()}}},[_c('div',_vm._l((_vm.images),function(image,index){return _c('img',{key:index,class:['product-img', index==_vm.PreviousIndex?'fadeout':\n                index==_vm.CurrentIndex ? 'fadein':'no-opacity' ],attrs:{\"src\":image,\"alt\":_vm.productTitle,\"data-image-index\":index}})}),0)]),_c('div',{staticClass:\"image-dots\",staticStyle:{\"text-align\":\"center\"},attrs:{\"id\":_vm.productId+'-dot'}},[(_vm.images.length>1)?_c('span',{staticClass:\"image-slider-arrows\",on:{\"click\":function($event){return _vm.SetPreviousImage()}}},[_c('i',{staticClass:\"fas fa-angle-left\"})]):_vm._e(),_vm._l((_vm.images),function(image,index){return _c('span',{key:_vm.productId+index+'dot',class:['dot', _vm.CurrentIndex==index ? 'active': ''],on:{\"click\":function($event){return _vm.SetSlide(index)}}})}),(_vm.images.length>1)?_c('span',{staticClass:\"image-slider-arrows\",on:{\"click\":function($event){return _vm.SetNextImage()}}},[_c('i',{staticClass:\"fas fa-angle-right\"})]):_vm._e()],2),_c('div',{staticClass:\"product-card-content\"},[_c('h4',{staticClass:\"product-card-heading\"},[_vm._v(_vm._s(_vm.productTitle))]),_c('p',{staticClass:\"product-card-paragraph\"},[_vm._v(\"Size: \"+_vm._s(_vm.size))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"product-card\">\n        <div\n            :id=\"productId\"\n            class=\"image-slider\"\n            @mouseenter=\"StartInterval()\"\n            @mouseleave=\"StopSlideShow()\"\n        >\n            <div>\n                <img\n                    v-for=\"(image, index) in images\"\n                    :key=\"index\"\n                    :src=\"image\"\n                    :alt=\"productTitle\"\n                    :data-image-index=\"index\"\n                    :class=\"['product-img', index==PreviousIndex?'fadeout':\n                    index==CurrentIndex ? 'fadein':'no-opacity',\n                    ]\"\n                />\n            </div>\n        </div>\n        <div class=\"image-dots\" :id=\"productId+'-dot'\"\n          style=\"text-align:center\">\n            <span v-if=\"images.length>1\" @click=\"SetPreviousImage()\" class=\"image-slider-arrows\">\n                <i class=\"fas fa-angle-left\"></i>\n            </span>\n            <span\n                v-for=\"(image, index) in images\"\n                :key=\"productId+index+'dot'\"\n                @click=\"SetSlide(index)\"\n                :class=\"['dot', CurrentIndex==index ? 'active': '']\"\n            ></span>\n            <span v-if=\"images.length>1\" @click=\"SetNextImage()\" class=\"image-slider-arrows\">\n                <i class=\"fas fa-angle-right\"></i>\n            </span>\n        </div>\n        <div class=\"product-card-content\">\n            <h4 class=\"product-card-heading\">{{ productTitle }}</h4>\n            <p class=\"product-card-paragraph\">Size: {{ size }}</p>\n        </div>\n    </div>\n</template>\n<script>\nexport default {\n  name: 'ProductCard',\n  data() {\n    return {\n      CurrentIndex: 0,\n      PreviousIndex: -1,\n      SliderTimeOut: null,\n      IsTimerOn: false,\n    };\n  },\n  props: {\n    images: Array,\n    productId: String,\n    productTitle: String,\n    productDecription: String,\n    size: String,\n  },\n  methods: {\n    SetPreviousImage() {\n      this.$ga.event({\n        eventCategory: 'Product card',\n        eventAction: 'Previous clicked',\n        eventLabel: this.productId,\n      });\n      const n = this.images.length;\n      if ((this.CurrentIndex - 1) < 0) {\n        this.PreviousIndex = this.CurrentIndex;\n        this.CurrentIndex = n - 1;\n      } else {\n        this.PreviousIndex = this.CurrentIndex;\n        this.CurrentIndex -= 1;\n      }\n    },\n    SetNextImage() {\n      this.$ga.event({\n        eventCategory: 'Product card',\n        eventAction: 'Next clicked',\n        eventLabel: this.productId,\n      });\n      const n = this.images.length;\n      if ((this.CurrentIndex + 1) >= n) {\n        this.PreviousIndex = this.CurrentIndex;\n        this.CurrentIndex = 0;\n      } else {\n        this.PreviousIndex = this.CurrentIndex;\n        this.CurrentIndex += 1;\n      }\n    },\n    SetSlide(index) {\n      this.$ga.event({\n        eventCategory: 'Product card',\n        eventAction: 'Dot clicked',\n        eventLabel: this.productId,\n      });\n\n      if (index !== this.CurrentIndex) {\n        this.PreviousIndex = this.CurrentIndex;\n        this.CurrentIndex = index;\n      }\n    },\n    StartInterval() {\n      this.$ga.event({\n        eventCategory: 'Product card',\n        eventAction: 'Slide Show Started',\n        eventLabel: this.productId,\n      });\n\n      if (this.images.length > 1) {\n        if (!this.IsTimerOn) {\n          this.StartSlideShow();\n          this.IsTimerOn = true;\n          this.SliderTimeOut = setInterval(this.StartSlideShow, 3000);\n        }\n      }\n    },\n    StartSlideShow() {\n      const n = this.images.length;\n      if ((this.CurrentIndex + 1) >= n) {\n        this.PreviousIndex = this.CurrentIndex;\n        this.CurrentIndex = 0;\n      } else {\n        this.PreviousIndex = this.CurrentIndex;\n        this.CurrentIndex += 1;\n      }\n    },\n    StopSlideShow() {\n      if (this.IsTimerOn) {\n        this.$ga.event({\n          eventCategory: 'Product card',\n          eventAction: 'Slide Show Stopped',\n          eventLabel: this.productId,\n        });\n\n        clearInterval(this.SliderTimeOut);\n        this.IsTimerOn = false;\n      }\n    },\n  },\n};\n</script>\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!./ProductCard.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!./ProductCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductCard.vue?vue&type=template&id=8b591572&\"\nimport script from \"./ProductCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductCard.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"],"sourceRoot":""}