{"version":3,"file":"chunk.185.3fc59beaa6baf3d7.js","mappings":"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","sources":["webpack://tombras/./js/vue/components/ProductCardWithSlider.vue","webpack://tombras/js/vue/components/ProductCardWithSlider.vue","webpack://tombras/./js/vue/components/ProductCardWithSlider.vue?12cf","webpack://tombras/./js/vue/components/ProductCardWithSlider.vue?bfc6","webpack://tombras/./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js","webpack://tombras/./js/classes/Card.js"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"card-with-arrows product-card-with-options multiple-card\"},[_c('div',{staticClass:\"prev-btn hide\",attrs:{\"aria-label\":\"Previous\",\"role\":\"button\",\"tabindex\":\"-1\"}}),_c('div',{staticClass:\"frow gutters card-container row-start\"},[_c('div',{staticClass:\"card-container-inner\"},[(_vm.loadingState == 'loading')?_c('div',{staticStyle:{\"padding-bottom\":\"80px\"}},[_vm._v(\" Loading products... \")]):(_vm.loadingState == 'error')?_c('div',[_c('h3',[_vm._v(\"Oops!\")]),_c('p',{staticStyle:{\"white-space\":\"normal\"}},[_vm._v(\" Looks like we weren't able to get these products. There might be an issue with your connection to the internet or our server might be having some trouble. Either way, please give it another shot! \")]),_c('button',{staticClass:\"btn bg--primary\",on:{\"click\":function($event){return _vm.reloadPage()}}},[_vm._v(\" Try again \")])]):(_vm.loadingState === 'loaded' && _vm.products && _vm.products.length)?_vm._l((_vm.products),function(product,index){return _c('div',{key:index,class:`sleek-card card ${ (_vm.products.length === 1) ? 'sleek-card--single' : null}`,style:(_vm.cardsToShowInlineStyle)},[_c('div',{ref:\"details\",refInFor:true,staticClass:\"product-listing--item-details sleek-card--card product-listing--item-bg-color\"},[(product.promotion)?_c('div',{staticClass:\"product-listing--item-promotion\"},[_vm._v(\" ON SALE \")]):_vm._e(),(_vm.isQualifyingWithBonus(product))?_c('div',{staticClass:\"promotion-tag promotion-tag-primary\"},[_c('p',{staticClass:\"promotion-tag_line-small\"},[_vm._v(\"Includes a\")]),_c('p',{staticClass:\"promotion-tag_line-large\"},[_vm._v(\"Free\")]),_c('p',{staticClass:\"promotion-tag_line-large\"},[_vm._v(\"Gift!\")])]):_vm._e(),_c('div',{staticClass:\"product-listing--item-img-wrapper sleek-card--image\"},[_c('a',{attrs:{\"href\":product.link}},[(_vm.imgLoadError)?_c('img',{staticClass:\"product-listing--item-img\",attrs:{\"src\":_vm.fallBackImg,\"alt\":`Error loading the image for ${product.title}`},on:{\"load\":function($event){return _vm.setMinHeight()}}}):_c('img',{staticClass:\"product-listing--item-img\",attrs:{\"src\":_vm.imgSrc(product),\"alt\":_vm.imgAlt(product)},on:{\"error\":function($event){return _vm.handleImgLoadError()},\"load\":function($event){return _vm.setMinHeight()}}})])]),_c('div',{staticClass:\"product-listing--item-details-info sleek-card--content\"},[_c('div',[_c('div',{staticClass:\"product-listing--item-title\"},[_vm._v(\" \"+_vm._s(product.title)+\" \")]),_c('div',{staticClass:\"product-listing--item-price\"},[(_vm.listPrice(product))?_c('span',{staticClass:\"marked-out\"},[_vm._v(\" $\"+_vm._s(_vm.listPrice(product))+\" \")]):_vm._e(),(_vm.salePrice(product))?_c('span',[_vm._v(\" $\"+_vm._s(_vm.salePrice(product))+\" \")]):_vm._e()])]),_c('div',{staticClass:\"product-listing--item-cta text-align-center\"},[_c('a',{staticClass:\"btn btn--arrow bg--primary\",attrs:{\"href\":product.link}},[_vm._v(\"Shop Now\")])])])])])}):_vm._e()],2)]),_c('div',{staticClass:\"next-btn hide\",attrs:{\"aria-label\":\"Next\",\"role\":\"button\",\"tabindex\":\"0\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<div \n\t\tclass=\"card-with-arrows product-card-with-options multiple-card\">\n\t\t\t<div aria-label=\"Previous\" class=\"prev-btn hide\" role=\"button\" tabindex=\"-1\"></div>\n\t\t\t<div class=\"frow gutters card-container row-start\">\n\t\t\t\t<div class=\"card-container-inner\">\n\t\t\t\t\t<div v-if=\"loadingState == 'loading'\" style=\"padding-bottom: 80px\">\n\t\t\t\t\t\tLoading products...\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else-if=\"loadingState == 'error'\">\n\t\t\t\t\t\t<h3>Oops!</h3>\n\t\t\t\t\t\t<p style=\"white-space: normal;\">\n\t\t\t\t\t\t\tLooks like we weren't able to get these products. There might be\n\t\t\t\t\t\t\tan issue with your connection to the internet or our server might\n\t\t\t\t\t\t\tbe having some trouble. Either way, please give it another shot!\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<button class=\"btn bg--primary\" @click=\"reloadPage()\">\n\t\t\t\t\t\t\tTry again\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div> \n\t\t\t\t\t<template v-else-if=\"loadingState === 'loaded' && products && products.length\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-for=\"(product, index) in products\"\n\t\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\t\t:class=\"`sleek-card card ${ (products.length === 1) ? 'sleek-card--single' : null}`\" \n\t\t\t\t\t\t\t:style=\"cardsToShowInlineStyle\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div ref=\"details\" class=\"product-listing--item-details sleek-card--card product-listing--item-bg-color \">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-if=\"product.promotion\"\n\t\t\t\t\t\t\t\t\tclass=\"product-listing--item-promotion\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tON SALE\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-if=\"isQualifyingWithBonus(product)\"\n\t\t\t\t\t\t\t\t\tclass=\"promotion-tag promotion-tag-primary\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"promotion-tag_line-small\">Includes a</p>\n\t\t\t\t\t\t\t\t\t<p class=\"promotion-tag_line-large\">Free</p>\n\t\t\t\t\t\t\t\t\t<p class=\"promotion-tag_line-large\">Gift!</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"product-listing--item-img-wrapper sleek-card--image\">\n\t\t\t\t\t\t\t\t\t<a :href=\"product.link\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\tv-if=\"imgLoadError\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"product-listing--item-img\"\n\t\t\t\t\t\t\t\t\t\t\t:src=\"fallBackImg\"\n\t\t\t\t\t\t\t\t\t\t\t:alt=\"`Error loading the image for ${product.title}`\"\n\t\t\t\t\t\t\t\t\t\t\t@load=\"setMinHeight()\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\t\t\t\t@error=\"handleImgLoadError()\"\n\t\t\t\t\t\t\t\t\t\t\t\t@load=\"setMinHeight()\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"product-listing--item-img\"\n\t\t\t\t\t\t\t\t\t\t\t\t:src=\"imgSrc(product)\"\n\t\t\t\t\t\t\t\t\t\t\t\t:alt=\"imgAlt(product)\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"product-listing--item-details-info sleek-card--content\">\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"product-listing--item-title\">\n\t\t\t\t\t\t\t\t\t\t\t{{ product.title }}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"product-listing--item-price\">\n\t\t\t\t\t\t\t\t\t\t\t<span v-if=\"listPrice(product)\" class=\"marked-out\">\n\t\t\t\t\t\t\t\t\t\t\t\t${{ listPrice(product) }}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t<span v-if=\"salePrice(product)\">\n\t\t\t\t\t\t\t\t\t\t\t\t${{ salePrice(product) }}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\t\t\t<div class=\"product-listing--item-cta text-align-center\">\n\t\t\t\t\t\t\t\t\t\t<a :href=\"product.link\" class=\"btn btn--arrow bg--primary\"\n\t\t\t\t\t\t\t\t\t\t\t>Shop Now</a\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div aria-label=\"Next\" class=\"next-btn hide\" role=\"button\" tabindex=\"0\"></div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport regeneratorRuntime from \"regenerator-runtime\";\nimport Vue from \"vue\";\nimport Cards from \"../../classes/Card\";\nimport { getProductData } from \"../utils\";\nimport { debounce, THEME_PATH, TABLET_SIZE } from \"../../utils\";\nexport default {\n\tname: \"ProductCardWithSlider\",\n\tdata() {\n\t\treturn {\n\t\t\tslider: null,\n\t\t\tmargin: 20,\n\t\t\tcardsToShowInlineStyle: 'min-width: calc(100%)',\n\t\t\tproducts: [],\n\t\t\tloadingState: \"loading\",\n\t\t\timgLoadError: false,\n\t\t\tfallBackImg: `${THEME_PATH}/images/no-product-image.png`\n\t\t}\n\t},\n\tprops: [\"skus\", \"show\"],\n\tcomputed: {\n\t\tformattedSkus() {\n\t\t\tif (typeof this.skus === \"string\" ) {\n\t\t\t\treturn this.skus;\n\t\t\t} else if (Array.isArray(this.skus)) {\n\t\t\t\treturn this.skus.join(\",\");\n\t\t\t} else {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\treloadPage() {\n\t\t\twindow.location.reload();\n\t\t},\n\t\tsalePrice(product) {\n\t\t\tif (\n\t\t\t\tproduct &&\n\t\t\t\tproduct.promotion &&\n\t\t\t\tproduct.promotion.promotional_price.sales &&\n\t\t\t\tproduct.promotion.promotional_price.sales.value !== product.price\n\t\t\t) {\n\t\t\t\treturn product.promotion.promotional_price.sales.value.toFixed(2);\n\t\t\t} else if (product && product.price) {\n\t\t\t\treturn product.price;\n\t\t\t} else {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\t\tlistPrice(product) {\n\t\t\tif (\n\t\t\t\tproduct &&\n\t\t\t\tproduct.promotion &&\n\t\t\t\tproduct.promotion.promotional_price.list\n\t\t\t) {\n\t\t\t\treturn product.promotion.promotional_price.list.value.toFixed(2);\n\t\t\t} else if (\n\t\t\t\tproduct &&\n\t\t\t\tproduct.price &&\n\t\t\t\tproduct.promotion &&\n\t\t\t\tproduct.promotion.promotional_price.sales.decimalPrice !== product.price\n\t\t\t) {\n\t\t\t\treturn product.price;\n\t\t\t} else {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\t\timgSrc(product) {\n      // add fallback for product.custImg being a string in the old format\n      return product && product.custImg && product.custImg.url\n          ? product.custImg.url\n          : ((product && product.image[0]) || this.fallBackImg);\n\t\t},\n    imgAlt(product) {\n      return product.custImg && product.custImg.alt ? product.custImg.alt : `Image of ${product.title}`;\n    },\n\t\thandleImgLoadError() {\n\t\t\tthis.imgLoadError = true;\n\t\t\tthis.setMinHeight();\n\t\t},\n\t\tsetMinHeight() {\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst el = this.$refs.details;\n\t\t\t\tif (this.isParent)\n\t\t\t\t\tthis.detailsDupStyles = {\n\t\t\t\t\t\tminHeight: `${el.getBoundingClientRect().height}px`,\n\t\t\t\t\t};\n\t\t\t}, 500); \n\t\t},\n    isQualifyingWithBonus(product) {\n      return product && product.variations?.some((v) => v && v.qualifyingPromotion && v.qualifyingPromotion.bonusProduct);\n    },\n\t\tcalculateCardsToShow() {\n\t\t\tlet show = (window.innerWidth < TABLET_SIZE) ? 1 : \n\t\t\t\t(this.show && !isNaN(this.show)) ? this.show : 1;\n\t\t\tthis.cardsToShowInlineStyle = `min-width: calc(100% * (1/${show}))`; \n\t\t},\n\t},\n\twatch: {\n\t\tproducts: {\n\t\t\timmediate: true,\n\t\t\thandler(items) {\n\t\t\t\tVue.nextTick(() => {\n\t\t\t\t\tif (items && items.length && this.slider) {\n\t\t\t\t\t\tthis.slider.recalculate();\n\t\t\t\t\t} else if (items && items.length && !this.slider) {\n\t\t\t\t\t\tconst domSlider = this.$el.querySelector(\".card-container-inner\");\n\t\t\t\t\t\tthis.slider = new Cards(domSlider, this.margin);\n\t\t\t\t\t\tthis.slider.makeDraggable(domSlider);\n\t\t\t\t\t\twindow.addEventListener(\"resize\", debounce(\n\t\t\t\t\t\t\t() =>  {\n\t\t\t\t\t\t\t\tthis.slider.recalculate.bind(this.slider)();\n\t\t\t\t\t\t\t\tthis.calculateCardsToShow();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t200)\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\t\t},\n\t},\n\tasync mounted() {\n\t\tthis.loadingState = this.loadingState || \"loading\";\n\t\tthis.products = await getProductData(this.formattedSkus);\n\t\tthis.loadingState = (!this.products || this.products.length === 0) ? \"error\" : \"loaded\";\n\t\tthis.calculateCardsToShow();\n\t},\n};\n</script>\n\n<style scoped></style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductCardWithSlider.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ProductCardWithSlider.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProductCardWithSlider.vue?vue&type=template&id=03ad6038&scoped=true\"\nimport script from \"./ProductCardWithSlider.vue?vue&type=script&lang=js\"\nexport * from \"./ProductCardWithSlider.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03ad6038\",\n  null\n  \n)\n\nexport default component.exports","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent(\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */,\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options =\n    typeof scriptExports === 'function' ? scriptExports.options : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) {\n    // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () {\n          injectStyles.call(\n            this,\n            (options.functional ? this.parent : this).$root.$options.shadowRoot\n          )\n        }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functional component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection(h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { DESKTOP_SIZE } from \"../utils\";\nimport gsap from \"gsap\";\nimport { DEFAULT_TIME_SHORT } from \"../animations/config\";\nimport Draggable from \"gsap/Draggable\";\nimport InertiaPlugin from '../vendors/gsap-bonus/InertiaPlugin';\ngsap.registerPlugin(Draggable, InertiaPlugin);\n\n/**\n * Arrows\n * @typedef {{\n * \tprev: HTMLElement,\n * \tnext: HTMLElement,\n * }} Arrows\n */\nclass Cards {\n\tconstructor(el, margin) {\n\t\tthis.el = el;\n\t\tthis.margin = margin;\n\t\tthis.draggable = null;\n\t\tthis.isDragEnabled = false;\n\t\tthis.cardSelector = null;\n\t\tthis.container = null;\n\t}\n\n\t/**\n\t * Converts container into a draggable element based off\n\t * elements matching the selector. Can / will be disabled\n\t * as needed based on scroll sizes\n\t * @param {HTMLElement} container\n\t * @param {string} selector\n\t * @return void\n\t */\n\tmakeDraggable(container, selector = \".card\") {\n\t\t// doing this to make it easier\n\t\tthis.cardSelector = selector;\n\t\tthis.container = container;\n\n\t\t// Added this line because of layout pages sometimes freaking out\n\t\tif (!this.container) return false;\n\t\tconst snapPoints = this.calculateSnapPoints(selector);\n\t\tconst [slider] = Draggable.create(container, {\n\t\t\ttype: \"x\",\n\t\t\tbound: window,\n\t\t\tallowContextMenu: true,\n\t\t\tedgeResistance: 0.9,\n\t\t\tdragClickables: true,\n\t\t\tdragResistance: 0.2,\n\t\t\tthrowResistance: 10000,\n\t\t\tinertia: true,\n\t\t\tsnap: {\n\t\t\t\tx: snapPoints,\n\t\t\t},\n\t\t});\n\n\t\tif (!snapPoints) {\n\t\t\tthis.isDragEnabled = false;\n\t\t\tslider.disable();\n\t\t} else {\n\t\t\tthis.isDragEnabled = true;\n\t\t}\n\t\tthis.draggable = slider;\n\n\t\tconst nextEl = this.container.nextElementSibling;\n\t\tif (nextEl && nextEl.classList.contains(\"mobile-indicator\")) {\n\t\t\tthis.attachIndicatorStatus(nextEl);\n\t\t}\n\n\t\tthis.handleArrows();\n\n\t\tconsole.log(\"DRAG STATUS\", this.isDragEnabled);\n\t\t// setup a kill switch for search page\n\t\tconsole.log(this.container, \"kill draggable setup\");\n\t\tthis.container.addEventListener(\"killDraggable\", e => {\n\t\t\tconsole.log(this.container, \"kill draggable yo\");\n\t\t\tif (this.draggable) this.killDraggable();\n\t\t});\n\t\tthis.container.addEventListener(\"resumeDraggable\", e => {\n\t\t\tconsole.log(this.container, \"resume draggable yo\");\n\t\t\tif (this.draggable) this.resumeDraggable();\n\t\t});\n\t}\n\n\ttoggleDraggable({ status = false } = {}) {\n\t\tconsole.log(status);\n\t\tif (this.draggable) {\n\t\t\tthis.isDragEnabled = status;\n\t\t\tconst dFn = status ? \"enable\" : \"disable\";\n\t\t\tthis.draggable[dFn]();\n\t\t\tconst classFn = status ? \"remove\" : \"add\";\n\t\t\tthis.container.parentNode.classList[classFn](\"no-wrap\");\n\t\t\tif (this.container.closest(\".card-with-arrows\")) {\n\t\t\t\tthis.container\n\t\t\t\t\t.closest(\".card-with-arrows\")\n\t\t\t\t\t.classList[classFn](\"killed\");\n\t\t\t}\n\t\t\tthis.container.style.transform = \"\";\n\n\t\t\tconsole.log(dFn, classFn);\n\t\t}\n\t}\n\n\tkillDraggable() {\n\t\tif (this.draggable) {\n\t\t\tthis.toggleDraggable({ status: false });\n\t\t}\n\t}\n\n\tresumeDraggable() {\n\t\tif (this.draggable && !this.isDragEnabled) {\n\t\t\tthis.toggleDraggable({ status: true });\n\t\t}\n\t}\n\n\t/**\n\t * @return number\n\t */\n\tgetCurrentPosition() {\n\t\tconst { x } = this.draggable;\n\t\tconst snapX = this.draggable.vars.snap.x;\n\t\tif (!(snapX && snapX.findIndex)) {\n\t\t\treturn 0;\n\t\t}\n\t\tconst foundIndex = snapX.findIndex(pt => {\n\t\t\treturn Math.abs(pt) === Math.abs(x);\n\t\t});\n\t\treturn foundIndex;\n\t}\n\n\t/**\n\t *\n\t * @param {HTMLElement} indicatorBar\n\t * @return void\n\t */\n\tattachIndicatorStatus(indicatorBar) {\n\t\tthis.updateIndicatorWidth();\n\t\tthis.draggable.addEventListener(\"throwcomplete\", data => {\n\t\t\tthis.updateIndicatorWidth();\n\t\t});\n\t}\n\n\tupdateIndicatorWidth() {\n\t\tconst nextEl = this.container.nextElementSibling;\n\t\tif (nextEl && nextEl.classList.contains(\"mobile-indicator\")) {\n\t\t\tconst percentageBar = nextEl.querySelector(\".percentage\");\n\t\t\tconst { x } = this.draggable;\n\t\t\tconst snapX = this.draggable.vars.snap.x;\n\t\t\tif (snapX && snapX.findIndex) {\n\t\t\t\tconst foundIndex = snapX.findIndex(pt => pt === x);\n\t\t\t\tpercentageBar.style.width = `${((foundIndex + 1) / snapX.length) *\n\t\t\t\t\t100}%`;\n\t\t\t} else {\n\t\t\t\tpercentageBar.style.width = `0%`;\n\t\t\t}\n\t\t}\n\t}\n\t/**\n\t *\n\t * @param {Arrows} arrows\n\t * @param {number} position\n\t * @param {number} numItems\n\t */\n\tarrowsData({ prev, next }, position, numItems) {\n\t\tconsole.log({ prev, next }, position, numItems);\n\t\tif (position <= 0) {\n\t\t\tprev.classList.add(\"hide\");\n\t\t} else {\n\t\t\tprev.classList.remove(\"hide\");\n\t\t}\n\t\tconsole.log(position, numItems, numItems - 1);\n\t\tif (position < numItems - 1) {\n\t\t\tnext.classList.remove(\"hide\");\n\t\t} else {\n\t\t\tnext.classList.add(\"hide\");\n\t\t}\n\t}\n\n\t/**\n\t *\n\t * @param {number} pos\n\t * @return void\n\t */\n\tprogrammaticallyTweenPosition(pos) {\n\t\tgsap.to(this.draggable.target, DEFAULT_TIME_SHORT, {\n\t\t\tx: pos,\n\t\t\tonComplete: () => {\n\t\t\t\tthis.draggable.update();\n\t\t\t\tthis.updateIndicatorWidth();\n\t\t\t},\n\t\t});\n\t}\n\n\t/**\n\t * If arrows are present, this will hook up all of their functionality\n\t */\n\thandleArrows() {\n\t\tconst arrows = this.container.closest(\".card-with-arrows\");\n\t\tif (!arrows) return false;\n\t\tconst numItems = this.container.querySelectorAll(this.cardSelector).length;\n\t\tconst prev = arrows.querySelector(\".prev-btn\");\n\t\tconst next = arrows.querySelector(\".next-btn\");\n\n\t\tif (arrows) {\n\t\t\tthis.arrowsData(\n\t\t\t\t{ prev, next },\n\t\t\t\tthis.getCurrentPosition(),\n\t\t\t\tthis.draggable.vars.snap.x.length,\n\t\t\t);\n\t\t\tnext.addEventListener(\"click\", e => {\n\t\t\t\tconst pos = this.getCurrentPosition() + 1;\n\t\t\t\tconst { x } = this.draggable.vars.snap;\n\t\t\t\tconst newPos = x[pos];\n\n\t\t\t\tif (pos < numItems) {\n\t\t\t\t\tthis.programmaticallyTweenPosition(newPos);\n\t\t\t\t\tthis.arrowsData({ prev, next }, pos, x.length);\n\t\t\t\t}\n\t\t\t});\n\t\t\tprev.addEventListener(\"click\", e => {\n\t\t\t\tconst pos = this.getCurrentPosition() - 1;\n\t\t\t\tconst { x } = this.draggable.vars.snap;\n\t\t\t\tconst newPos = x[pos];\n\t\t\t\tif (pos >= 0) {\n\t\t\t\t\tthis.programmaticallyTweenPosition(newPos);\n\t\t\t\t\tthis.arrowsData({ prev, next }, pos, x.length);\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.draggable.addEventListener(\"throwcomplete\", data => {\n\t\t\t\tthis.arrowsData(\n\t\t\t\t\t{ prev, next },\n\t\t\t\t\tthis.getCurrentPosition(),\n\t\t\t\t\tthis.draggable.vars.snap.x.length,\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t}\n\n\t/**\n\t * Calculates all the x-axis snap points for scrolling\n\t * @param {string} selector\n\t */\n\tcalculateSnapPoints(selector = \".card, .sleek-card\") {\n\t\tconsole.log(this, selector, this.el);\n\t\tif (!this.el) return [];\n\t\tconst cards = this.el.querySelectorAll(selector);\n\t\tif (!cards.length) return [];\n\n\t\t// get the total width\n\t\tconst computedCardStyle = window.getComputedStyle(\n\t\t\tcards.length > 1 ? cards[1] : cards[0],\n\t\t);\n\t\tconst cardMargin =\n\t\t\tparseInt(computedCardStyle.marginLeft, 10) +\n\t\t\tparseInt(computedCardStyle.marginRight, 10);\n\t\tconsole.log(\n\t\t\t\"CARD MARGIN\",\n\t\t\tparseInt(computedCardStyle.marginRight, 10),\n\t\t\tparseInt(computedCardStyle.marginLeft, 10),\n\t\t\tcardMargin,\n\t\t);\n\t\tlet totalWidth = [...cards].reduce((acc, curr, idx) => {\n\t\t\treturn (acc += curr.offsetWidth + cardMargin);\n\t\t}, 0);\n\n\t\t// compare to see if we need to have this enabled\n\t\tconst containerWidth = Math.min(\n\t\t\tcards[0].parentNode.offsetWidth,\n\t\t\tcards[0].parentNode.parentNode.offsetWidth,\n\t\t);\n\t\tconsole.log(totalWidth, containerWidth);\n\t\tif (totalWidth <= containerWidth) {\n\t\t\tconsole.log(243);\n\t\t\treturn false;\n\t\t}\n\n\t\t// now we're calculating how to move the cards around\n\t\tconst cardCount = cards.length;\n\t\tconst cardSize = cards[0].offsetWidth;\n\t\tconst cardsPerPage =\n\t\t\tMath.floor(containerWidth / (cardSize + cardMargin)) || 1;\n\t\tconst sizeArr = Math.ceil(cardCount / cardsPerPage);\n\n\t\t// in case something is hidden, all of our math just fails\n\t\t// and we don't need this anyways, so disable!\n\t\tif (isNaN(sizeArr)) return false;\n\n\t\tconst snapsArr = Array(sizeArr);\n\t\t// const snapsArr = Array(cardCount);\n\n\t\tlet _width = 0;\n\t\tconst positions = [...snapsArr].map((_, idx) => {\n\t\t\tif (idx === 0) return 0; // force to 0 so we always align on left\n\t\t\tlet cardsInSection = [...cards].slice(\n\t\t\t\tidx * cardsPerPage,\n\t\t\t\tidx * cardsPerPage + cardsPerPage,\n\t\t\t).length;\n\n\t\t\t// console.log(227, cardsPerPage, cardCount);\n\t\t\t_width += cardSize * cardsInSection + cardsInSection * cardMargin;\n\t\t\t// _width += cardSize + cardMargin;\n\t\t\t// console.log(`${idx}: -${_width}`);\n\t\t\treturn -_width;\n\t\t});\n\n\t\tconsole.log(`SNAP POSITIONS:`, positions);\n\t\treturn positions;\n\t}\n\n\t/**\n\t * Wraps calculateSnapPoints and sets the object\n\t * @param {*} selector\n\t */\n\tupdateSnapPoints(selector = \".card\") {\n\t\tconst snapPoints = this.calculateSnapPoints(selector);\n\t\tthis.draggable.vars.snap.x = snapPoints;\n\t\treturn snapPoints;\n\t}\n\n\tdebug() {\n\t\tconsole.log(this);\n\t}\n\n\t/**\n\t * Handles turning cards on / off as required by screen sizes\n\t * @param {string} selector\n\t */\n\trecalculate(selector) {\n\t\tconst snapPoints = this.updateSnapPoints(selector);\n\n\t\t// is drag enabled and now we have no snap points?\n\t\t// is drag disabled and we have snap points\n\t\t// is drag enabled and we're now on desktop but we don't want to do that?\n\t\tif (this.disabledOnDesktop && window.innerWidth >= DESKTOP_SIZE) {\n\t\t\tthis.draggable.disable();\n\t\t\tthis.isDragEnabled = false;\n\t\t} else if (this.isDragEnabled && !snapPoints) {\n\t\t\tthis.draggable.disable();\n\t\t\tthis.isDragEnabled = false;\n\t\t} else if (!this.isDragEnabled && snapPoints) {\n\t\t\tthis.draggable.enable();\n\t\t\tthis.isDragEnabled = true;\n\t\t}\n\n\t\tconst arrows = this.container.closest(\".card-with-arrows\");\n\t\tif (arrows) {\n\t\t\tconst prev = arrows.querySelector(\".prev-btn\");\n\t\t\tconst next = arrows.querySelector(\".next-btn\");\n\n\t\t\tthis.arrowsData(\n\t\t\t\t{ prev, next },\n\t\t\t\tthis.getCurrentPosition(),\n\t\t\t\tthis.draggable.vars.snap.x.length,\n\t\t\t);\n\t\t}\n\t}\n}\n\nexport default Cards;\n"],"names":["render","_vm","this","_c","_self","staticClass","attrs","loadingState","staticStyle","_v","on","$event","reloadPage","products","length","_l","product","index","key","class","style","cardsToShowInlineStyle","ref","refInFor","promotion","_e","isQualifyingWithBonus","link","imgLoadError","fallBackImg","title","setMinHeight","imgSrc","imgAlt","handleImgLoadError","_s","listPrice","salePrice","staticRenderFns","name","data","slider","margin","THEME_PATH","props","computed","formattedSkus","skus","Array","isArray","join","methods","window","location","reload","promotional_price","sales","value","price","toFixed","list","decimalPrice","custImg","url","image","alt","setTimeout","el","$refs","details","isParent","detailsDupStyles","minHeight","getBoundingClientRect","height","variations","some","v","qualifyingPromotion","bonusProduct","calculateCardsToShow","show","innerWidth","TABLET_SIZE","isNaN","watch","immediate","handler","items","Vue","recalculate","domSlider","$el","querySelector","Cards","makeDraggable","addEventListener","debounce","bind","mounted","getProductData","component","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","exports","gsap","registerPlugin","Draggable","InertiaPlugin","constructor","draggable","isDragEnabled","cardSelector","container","selector","snapPoints","calculateSnapPoints","create","type","bound","allowContextMenu","edgeResistance","dragClickables","dragResistance","throwResistance","inertia","snap","x","disable","nextEl","nextElementSibling","classList","contains","attachIndicatorStatus","handleArrows","e","killDraggable","resumeDraggable","toggleDraggable","status","dFn","classFn","parentNode","closest","transform","getCurrentPosition","snapX","vars","findIndex","foundIndex","pt","Math","abs","indicatorBar","updateIndicatorWidth","percentageBar","width","arrowsData","prev","next","position","numItems","remove","programmaticallyTweenPosition","pos","to","target","DEFAULT_TIME_SHORT","onComplete","update","arrows","querySelectorAll","newPos","cards","computedCardStyle","getComputedStyle","cardMargin","parseInt","marginLeft","marginRight","totalWidth","reduce","acc","curr","idx","offsetWidth","containerWidth","min","cardCount","cardSize","cardsPerPage","floor","sizeArr","ceil","snapsArr","_width","positions","map","_","cardsInSection","slice","updateSnapPoints","debug","disabledOnDesktop","DESKTOP_SIZE","enable"],"sourceRoot":""}