\" + response.resources.info_selectforstock + \"
\" + message + \"
\" + attribute.label + \" \" +\n \"\" + attribute.value + \"
\";\n });\n }\n });\n\n var viewAllLabel = $(\".main-attributes\").data(\"view-all\");\n html += `${viewAllLabel}`;\n\n return html;\n}\n\n/**\n * @typedef UpdatedOptionValue\n * @type Object\n * @property {string} id - Option value ID for look up\n * @property {string} url - Updated option value selection URL\n */\n\n/**\n * @typedef OptionSelectionResponse\n * @type Object\n * @property {string} priceHtml - Updated price HTML code\n * @property {Object} options - Updated Options\n * @property {string} options.id - Option ID\n * @property {UpdatedOptionValue[]} options.values - Option values\n */\n\n/**\n * Updates DOM using post-option selection Ajax response\n *\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n // Update options\n $productContainer.find(\".product-options\").empty().html(optionsHtml);\n}\n\n/**\n * Dynamically creates Slick carousel slides from response containing images\n * @param {Object[]} images - Array of product images, along with related information\n *\n * @param {jQuery} type - type of product images (large, small..)\n */\nfunction getSliderElements(images, type) {\n var htmlTemplateString = \"\";\n var htmlSubString = \"\";\n\n images[type].forEach(function (image, idx) {\n if (type == \"large\") {\n var highResImg = images.large[idx] || image;\n htmlSubString = `\n
`;\n } else {\n htmlSubString = `\n ![\"${image.alt}](\"${image.url}\")
0 ? \"lazy\" : \"auto\"}\" itemprop=\"image\"/>\n
\n
`;\n }\n\n htmlTemplateString += htmlSubString;\n });\n\n return htmlTemplateString;\n}\n\n/**\n * Dynamically creates Slick carousel from response containing images\n * @param {Object[]} response - Ajax response object after an\n * attribute value has been [de]selected\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Boolean} isDrive - determines if product is a drive product\n * @param {Boolean} isVirtualSku - determines if carousel should switch to 360 view\n * @param {Boolean} preventGalleryRefresh - Drive indicator to skip images rerender\n */\nfunction updateProductImages(response, $productContainer, isDrive, isVirtualSku, preventGalleryRefresh) {\n var primaryImageUrls;\n\n if (preventGalleryRefresh === true || preventGalleryRefresh === \"true\") {\n return;\n }\n\n if (response.isDriveCustomizerUpdate && !(response.bundleProduct && response.bundleProduct.images)) {\n primaryImageUrls = {\n large: [],\n small: []\n };\n response.products.forEach(function (product) {\n primaryImageUrls.large = primaryImageUrls.large.concat(product.images.large);\n primaryImageUrls.small = primaryImageUrls.small.concat(product.images.small);\n });\n } else {\n primaryImageUrls = response.bundleProduct && response.bundleProduct.images ? response.bundleProduct.images : response.product.images;\n }\n\n var $mainSlider = $productContainer.find(\".primary-images-carousel .slick-slider\").first();\n var $thumbSlider = $productContainer.find(\"[id^=pdp-thumb-slider]\").first();\n var sliderIndex = $mainSlider.data(\"sliderIndex\");\n var mainSlliderElements;\n var thumbSlliderElements;\n\n if (primaryImageUrls.large && primaryImageUrls.large.length) {\n mainSlliderElements = getSliderElements(primaryImageUrls, \"large\");\n $mainSlider.slick(\"unslick\");\n $mainSlider.find(\".slide-inside:not(.slide-inside--customizer)\").remove();\n $mainSlider.prepend(mainSlliderElements);\n $(\".pdp-images-print-container\").find(\"img\").attr(\"src\", primaryImageUrls.large[0].url);\n }\n if (primaryImageUrls.small && primaryImageUrls.small.length && $thumbSlider.hasClass(\"slick-initialized\")) {\n thumbSlliderElements = getSliderElements(primaryImageUrls, \"small\");\n $thumbSlider.slick(\"unslick\");\n $thumbSlider.find(\".slide-inside:not(.slide-inside--preview)\").remove();\n $thumbSlider.prepend(thumbSlliderElements);\n }\n if (mainSlliderElements || thumbSlliderElements) {\n slickCarousel.initPDPSliderByIndex(sliderIndex, isDrive, isVirtualSku);\n }\n}\n\nfunction calculateSavings() {\n var $priceSelector = $(\".single-price .price\");\n var $productContainer = $priceSelector.closest(\".product-detail\");\n var $savingsContainer = $productContainer.find(\".attributes .savings\");\n var salesPriceSelector = $priceSelector.find(\".sales .value\");\n var originalPriceSelector = $priceSelector.find(\".strike-through .value\");\n var savingsLabel = $savingsContainer.data(\"label\");\n var displaySavingsMessage = $savingsContainer.data(\"savings-message\") || \"\";\n var salesPrice;\n var originalPrice;\n var discount;\n var percentageDiscount;\n var savingsMessage;\n\n if (!$productContainer.parents(\".choose-bonus-product-dialog\").length > 0) {\n if (originalPriceSelector.length && salesPriceSelector.length) {\n salesPrice = parseFloat($(salesPriceSelector[0]).text().replace(/[^0-9.-]+/g, \"\"));\n originalPrice = parseFloat($(originalPriceSelector[0]).text().replace(/[^0-9.-]+/g, \"\"));\n discount = Math.round(originalPrice - salesPrice);\n percentageDiscount = Math.round((discount * 100) / originalPrice) + \"%\";\n\n switch (displaySavingsMessage) {\n case \"NONE\":\n savingsMessage = \"\";\n break;\n case \"PERCENT\":\n savingsMessage = `${savingsLabel} ${percentageDiscount}`;\n break;\n case \"DOLLAR\":\n savingsMessage = `${savingsLabel} $${discount.toFixed(0).replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\")}`;\n break;\n case \"BOTH\":\n savingsMessage = `${savingsLabel} ${percentageDiscount} ($${discount.toFixed(0).replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\")})`;\n break;\n default:\n savingsMessage = \"\";\n break;\n }\n\n $savingsContainer.each(function () {\n if (discount <= 0 || !savingsMessage) {\n $(this).addClass(\"d-none\").empty();\n } else {\n $(this).removeClass(\"d-none\").empty().text(savingsMessage);\n }\n });\n } else {\n $savingsContainer.each(function () {\n $(this).empty();\n });\n }\n }\n}\n\n/**\n * updates shipping message based on product shipping flag\n * @param {Object} response - response from Ajax call \n */\nfunction updateShippingMessage(response) {\n var $shippingMessage = $(\".shipping-message\");\n\n if (response && $shippingMessage && $shippingMessage.length) {\n var freeShippingFlag = $shippingMessage.data(\"free-shipping-flag\");\n var showShippingMessage = false;\n\n if (response.product && response.product.ShippingFlag && response.product.ShippingFlag.trim().toLowerCase() === freeShippingFlag) {\n showShippingMessage = true;\n } else if (response.products && response.products.length) {\n var allProductsFreeShipping = true;\n\n for (let i = 0; i < response.products.length; i++) {\n var product = response.products[i];\n if (!(product && product.ShippingFlag && product.ShippingFlag.trim().toLowerCase() === freeShippingFlag)) {\n allProductsFreeShipping = false;\n }\n }\n\n if (allProductsFreeShipping) {\n showShippingMessage = true;\n }\n }\n\n if (showShippingMessage) {\n $shippingMessage.removeClass(\"d-none\");\n } else {\n $shippingMessage.addClass(\"d-none\");\n }\n }\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts =\n $productContainer.parents(\".choose-bonus-product-dialog\").length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVaraint = response.product.productType === \"variant\";\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent(\".bonus-product-item\")\n .data(\"pid\", response.product.id);\n\n $productContainer.parent(\".bonus-product-item\")\n .data(\"ready-to-order\", response.product.readyToOrder);\n }\n }\n\n // Update product images\n updateProductImages(response, $productContainer);\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $(\".prices .price\", $productContainer).length\n ? $(\".prices .price\", $productContainer)\n : $(\".prices .price\");\n $priceSelector.each(function () {\n $(this).find(\".sales\").find(\".synchrony-price-widget\").text(response.product.price.sales.decimalPrice);\n $(this).find(\".sales\").find(\".value\").text(response.product.price.sales.pdpTileFormat).attr(\"content\", response.product.price.sales.decimalPrice);\n $(this).find(\".list\").find(\".synchrony-price-widget\").text(response.product.price.list.decimalPrice);\n $(this).find(\".list\").find(\".value\").text(response.product.price.list.pdpTileFormat).attr(\"content\", response.product.price.list.decimalPrice);\n\n if (response.product.price && response.product.price.sales && response.product.price.list\n && response.product.price.sales.decimalPrice && response.product.price.list.decimalPrice)\n {\n var salesPriceFloat = parseFloat(response.product.price.sales.decimalPrice);\n var listPriceFloat = parseFloat(response.product.price.list.decimalPrice);\n if (salesPriceFloat < listPriceFloat) {\n $(this).find(\".list\").removeClass(\"d-none\");\n } else {\n $(this).find(\".list\").addClass(\"d-none\");\n }\n }\n });\n calculateSavings();\n }\n\n // Update promotions\n $productContainer.find(\".promotions\").empty().html(response.product.promotionsHtml);\n\n updateAvailability(response, $productContainer);\n updateWishlist(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find(\".select-bonus-product\");\n $selectButton.trigger(\"bonusproduct:updateSelectButton\", {\n product: response.product, $productContainer: $productContainer\n });\n } else {\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $(\"button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global\").trigger(\"product:updateAddToCart\", {\n product: response.product, $productContainer: $productContainer\n }).trigger(\"product:statusUpdate\", {\n product: response.product, $productContainer: $productContainer\n });\n }\n\n // Update attributes\n $productContainer.find(\".main-attributes\").empty()\n .html(getAttributesHtml(response.product.attributes));\n\n updateShippingMessage(response);\n}\n\n/**\n * @typespec UpdatedQuantity\n * @type Object\n * @property {boolean} selected - Whether the quantity has been selected\n * @property {string} value - The number of products to purchase\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\n * etc.\n */\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent(\".bonus-product-item\").length <= 0) {\n var maxQty = quantities.length < 100 ? quantities.length : \"99\";\n var selectedQty;\n var url;\n\n quantities.forEach(function (quantity) {\n if (quantity.selected) {\n selectedQty = quantity.value;\n url = quantity.url;\n }\n });\n\n var $qtySelector = getQuantitySelector($productContainer);\n\n $qtySelector.data(\"max-qty\", maxQty);\n $qtySelector.data(\"url\", url);\n $qtySelector.val(selectedQty);\n\n var priceSelector = $(\".cart-and-ipay .prices .price .sales .value\", $productContainer).length\n ? $(\".cart-and-ipay .prices .price .sales .value\", $productContainer)\n : $(\".cart-and-ipay .prices .price .sales .value\");\n var price = Math.round($(priceSelector[0]).text().replace(/[^0-9.-]+/g, \"\"));\n var finalPrice = price * selectedQty;\n\n priceSelector.text(\"$\" + finalPrice.toFixed(0).replace(/(\\d)(?=(\\d{3})+(?:\\.\\d+)?$)/g, \"$1,\"));\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer) {\n if (selectedValueUrl) {\n var $savingsContainer = $productContainer.find(\".attributes .savings\");\n $(\"body\").trigger(\"product:beforeAttributeSelect\",\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: \"GET\",\n success: function (data) {\n var displaySavingsMessage = data.displaySavingsMessage;\n $savingsContainer.data(\"savings-message\", displaySavingsMessage);\n handleVariantResponse(data, $productContainer);\n updateOptions(data.product.optionsHtml, $productContainer);\n updateQuantities(data.product.quantities, $productContainer);\n $(\"body\").trigger(\"product:afterAttributeSelect\",\n { data: data, container: $productContainer });\n gtm.updateGTM(data, $productContainer);\n $(\"body\").trigger(\"pixel:updateAddToCartSku\", data);\n $(\"body\").trigger(\"pinterest:updateAddToCartData\", data);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $(\".add-to-cart-url\").val();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $(\"\n 4 ? \"lazy\" : \"auto\"}\" itemprop=\"image\"/>\n
\").append($.parseHTML(html));\n\n var body = $html.find(\".choice-of-bonus-product\");\n var footer = $html.find(\".modal-footer\").children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $(\".modal-body\").spinner().start();\n\n if ($(\"#chooseBonusProductModal\").length !== 0) {\n $(\"#chooseBonusProductModal\").remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = \"\"\n + \"![]()
\", {\n \"class\": \"absolute-center\",\n \"src\": highResSrc\n });\n $zoomContainer.html($img);\n }\n });\n\n if (thumbs) {\n thumbs.each(function () {\n var $this = $(this).clone();\n $this.attr(\"sizes\", $this.data(\"modal-sizes\"));\n var $thumbsContainer = $(\"\", {\n \"class\": \"thumbs-container\"\n });\n $thumbsContainer.appendTo($zoomThumbSlider).wrap(\"\");\n $thumbsContainer.html($this);\n });\n }\n\n $(\"#zoom-modal\").on(\"shown.bs.modal\", function () {\n var $anchorMenuThumbs = $zoomSources.closest(\".primary-images\").find(\".anchor-menu-thumbs\");\n if ($anchorMenuThumbs) {\n var currentThumbs = $anchorMenuThumbs.find(\".thumb-image img\").clone();\n if (currentThumbs.length !== thumbs.length) {\n $zoomThumbSlider.empty();\n currentThumbs.each(function () {\n var $this = $(this);\n var $thumbsContainer = $(\"\", {\n \"class\": \"thumbs-container\"\n });\n $thumbsContainer.appendTo($zoomThumbSlider).wrap(\"\");\n $thumbsContainer.html($this);\n });\n }\n }\n\n zoomModal.initZoomCarousel(startIndex); /* eslint-disable-line */\n }).modal(\"show\");\n\n $window.on(\"windowresize:width\", function () {\n $(\"#zoom-modal\").modal(\"hide\");\n });\n}\n\nfunction initZoomCarousel(startIndex) {\n startIndex = parseInt(startIndex, 10) || 0; /* eslint-disable-line */\n var $zoomSlider = $(\"#zoom-slider\");\n var $zoomThumbSlider = $(\"#zoom-thumb-slider\");\n var $zoomOutBtn = $(\".button-zoom-out\");\n var $zoomInBtn = $(\".button-zoom-in\");\n\n if (!isZoomDisabled) {\n $zoomSlider.on(\"beforeChange\", function (_event, slick) {\n var $zoomContainer = $(slick.$slides[slick.currentSlide]).find(\".zoom-container\");\n var zoomViewer = $zoomContainer.data(\"zoomViewer\");\n if (zoomViewer) {\n zoomViewer.resetZoom();\n $zoomContainer.removeClass(\"zoomed-in\");\n $zoomOutBtn.addClass(\"d-none\");\n $zoomInBtn.removeClass(\"d-none\");\n }\n });\n if (!$window.data(\"zoomEventInitialized\")) {\n $window.on(\"windowresize\", function () {\n $(\".zoom-container\").each(function () {\n var zoomViewer = $(this).data(\"zoomViewer\");\n if (zoomViewer) {\n zoomViewer.resetZoom();\n $(this).removeClass(\"zoomed-in\");\n $zoomOutBtn.addClass(\"d-none\");\n $zoomInBtn.removeClass(\"d-none\");\n }\n });\n });\n $window.data(\"zoomEventInitialized\", true);\n }\n }\n\n $zoomSlider.on(\"init\", function (_event, slick) {\n if (!isZoomDisabled) {\n $.each(slick.$slides, function (_i, el) {\n var $slide = $(el);\n var $zoomContainer = $slide.find(\".zoom-container\");\n var zoomData = $zoomContainer.data();\n var zoomViewer = new ImageViewer($zoomContainer[0], {\n \"snapView\": false\n });\n zoomViewer.load(zoomData.src, zoomData.highResSrc);\n $zoomContainer.data(\"zoomViewer\", zoomViewer);\n\n setTimeout(function () {\n var $img = $zoomContainer.find(\".iv-large-image\");\n $img.attr(\"srcset\", zoomData.srcset).attr(\"sizes\", zoomData.sizes);\n if (_i > 0) {\n $img.attr(\"loading\", \"lazy\");\n }\n }, 500);\n });\n\n $(document).on(\"dblclick\", \".zoom-container\", function () {\n $(this).toggleClass(\"zoomed-in\");\n $zoomOutBtn.toggleClass(\"d-none\");\n $zoomInBtn.toggleClass(\"d-none\");\n });\n\n $(document).on(\"click\", \".button-zoom-in\", function () {\n $zoomSlider.slick(\"slickSetOption\", \"swipe\", false);\n $(\".slick-arrow\").hide();\n $zoomOutBtn.toggleClass(\"d-none\");\n $(this).toggleClass(\"d-none\");\n var $currentSlide = $zoomSlider.find(\".slick-current\");\n var $currentImage = $currentSlide.find(\".zoom-container\");\n $currentImage.addClass(\"zoomed-in\");\n var zoomViewer = $currentImage.data(\"zoomViewer\");\n zoomViewer.zoom(200);\n });\n\n $(document).on(\"click\", \".button-zoom-out\", function () {\n $zoomSlider.slick(\"slickSetOption\", \"swipe\", true);\n $(\".slick-arrow\").show();\n $zoomInBtn.toggleClass(\"d-none\");\n $(this).toggleClass(\"d-none\");\n var $currentSlide = $zoomSlider.find(\".slick-current\");\n var $currentImage = $currentSlide.find(\".zoom-container\");\n $currentImage.removeClass(\"zoomed-in\");\n var zoomViewer = $currentImage.data(\"zoomViewer\");\n zoomViewer.zoom(100);\n });\n }\n $zoomSlider.removeClass(\"not-initialized\");\n });\n\n $zoomThumbSlider.on(\"init\", function (_event) {\n $zoomThumbSlider.removeClass(\"not-initialized\");\n });\n\n $zoomSlider.slick({\n infinite: true,\n initialSlide: startIndex\n });\n\n $zoomThumbSlider.slick({\n mobileFirst: true,\n focusOnSelect: true,\n slidesToShow: 3.5,\n infinite: true,\n arrows: false,\n dots: true,\n asNavFor: $zoomSlider,\n initialSlide: startIndex,\n responsive: [{\n breakpoint: commonFeature.getBreakpointMin(\"md\") - 0.2,\n settings: {\n slidesToShow: 10\n }\n }]\n });\n\n $zoomThumbSlider.on(\"click\", \".slick-slide:not(.slick-current)\", function () {\n var $clickedSlide = $(this);\n if ($clickedSlide.hasClass(\"slick-current\")) {\n return;\n }\n var goToSingleSlide = $clickedSlide.attr(\"data-slick-index\");\n $zoomThumbSlider.slick(\"slickGoTo\", parseInt(goToSingleSlide, 10));\n });\n\n $zoomSlider.on(\"afterChange\", function (_event, _slick, currentSlide) {\n var $targetSlide = $zoomThumbSlider.find(\".slick-slide[data-slick-index=\\\"\" + currentSlide + \"\\\"]\");\n if ($targetSlide && !$targetSlide.hasClass(\"slick-current\")) {\n $zoomThumbSlider.slick(\"slickGoTo\", currentSlide);\n }\n });\n}\n\nvar zoomModal = {\n init: init,\n initZoomModal: initZoomModal,\n initZoomCarousel: initZoomCarousel\n};\n\nmodule.exports = zoomModal;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"ImageViewer\", {\n enumerable: true,\n get: function get() {\n return _ImageViewer.default;\n }\n});\nObject.defineProperty(exports, \"FullScreenViewer\", {\n enumerable: true,\n get: function get() {\n return _FullScreen.default;\n }\n});\nexports.default = void 0;\n\nvar _ImageViewer = _interopRequireDefault(require(\"./ImageViewer\"));\n\nvar _FullScreen = _interopRequireDefault(require(\"./FullScreen\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar _default = _ImageViewer.default;\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _util = require(\"./util\");\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\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\nvar Slider =\n/*#__PURE__*/\nfunction () {\n function Slider(container, _ref) {\n var _this = this;\n\n var _onStart = _ref.onStart,\n _onMove = _ref.onMove,\n onEnd = _ref.onEnd,\n isSliderEnabled = _ref.isSliderEnabled;\n\n _classCallCheck(this, Slider);\n\n _defineProperty(this, \"startHandler\", function (eStart) {\n if (!_this.isSliderEnabled()) return;\n\n _this.removeListeners();\n\n eStart.preventDefault();\n var moveHandler = _this.moveHandler,\n endHandler = _this.endHandler,\n onStart = _this.onStart;\n var isTouchEvent = eStart.type === 'touchstart';\n _this.touchMoveEvent = isTouchEvent ? 'touchmove' : 'mousemove';\n _this.touchEndEvent = isTouchEvent ? 'touchend' : 'mouseup';\n _this.sx = isTouchEvent ? eStart.touches[0].clientX : eStart.clientX;\n _this.sy = isTouchEvent ? eStart.touches[0].clientY : eStart.clientY;\n onStart(eStart, {\n x: _this.sx,\n y: _this.sy\n }); // add listeners\n\n document.addEventListener(_this.touchMoveEvent, moveHandler);\n document.addEventListener(_this.touchEndEvent, endHandler);\n /*\n add end handler in context menu as well.\n As mouseup event is not trigger on context menu open\n https://bugs.chromium.org/p/chromium/issues/detail?id=506801\n */\n\n document.addEventListener('contextmenu', endHandler);\n });\n\n _defineProperty(this, \"moveHandler\", function (eMove) {\n if (!_this.isSliderEnabled()) return;\n eMove.preventDefault();\n var sx = _this.sx,\n sy = _this.sy,\n onMove = _this.onMove;\n var isTouchEvent = _this.touchMoveEvent === 'touchmove'; // get the coordinates\n\n var mx = isTouchEvent ? eMove.touches[0].clientX : eMove.clientX;\n var my = isTouchEvent ? eMove.touches[0].clientY : eMove.clientY;\n onMove(eMove, {\n dx: mx - sx,\n dy: my - sy,\n mx: mx,\n my: my\n });\n });\n\n _defineProperty(this, \"endHandler\", function () {\n if (!_this.isSliderEnabled()) return;\n\n _this.removeListeners();\n\n _this.onEnd();\n });\n\n this.container = container;\n this.isSliderEnabled = isSliderEnabled;\n this.onStart = _onStart || _util.noop;\n this.onMove = _onMove || _util.noop;\n this.onEnd = onEnd || _util.noop;\n }\n\n _createClass(Slider, [{\n key: \"removeListeners\",\n // remove previous events if its not removed\n // - Case when while sliding mouse moved out of document and released there\n value: function removeListeners() {\n if (!this.touchMoveEvent) return;\n document.removeEventListener(this.touchMoveEvent, this.moveHandler);\n document.removeEventListener(this.touchEndEvent, this.endHandler);\n document.removeEventListener('contextmenu', this.endHandler);\n }\n }, {\n key: \"init\",\n value: function init() {\n var _this2 = this;\n\n ['touchstart', 'mousedown'].forEach(function (evt) {\n _this2.container.addEventListener(evt, _this2.startHandler);\n });\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n var _this3 = this;\n\n ['touchstart', 'mousedown'].forEach(function (evt) {\n _this3.container.removeEventListener(evt, _this3.startHandler);\n });\n this.removeListeners();\n }\n }]);\n\n return Slider;\n}();\n\nvar _default = Slider;\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _util = require(\"./util\");\n\nvar _ImageViewer2 = _interopRequireDefault(require(\"./ImageViewer\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _get(target, property, receiver) { if (typeof Reflect !== \"undefined\" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }\n\nfunction _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\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\nvar fullScreenHtml = \"\\n \\n \\n\";\n\nvar FullScreenViewer =\n/*#__PURE__*/\nfunction (_ImageViewer) {\n _inherits(FullScreenViewer, _ImageViewer);\n\n function FullScreenViewer() {\n var _this;\n\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n _classCallCheck(this, FullScreenViewer);\n\n var fullScreenElem = (0, _util.createElement)({\n tagName: 'div',\n className: 'iv-fullscreen',\n html: fullScreenHtml,\n parent: document.body\n });\n var container = fullScreenElem.querySelector('.iv-fullscreen-container'); // call the ImageViewer constructor\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(FullScreenViewer).call(this, container, _objectSpread({}, options, {\n refreshOnResize: false\n }))); // add fullScreenElem on element list\n\n _defineProperty(_assertThisInitialized(_this), \"hide\", function () {\n // hide the fullscreen\n (0, _util.css)(_this._elements.fullScreen, {\n display: 'none'\n }); // enable scroll\n\n (0, _util.removeCss)(document.querySelector('html'), 'overflow'); // remove window event\n\n _this._events.onWindowResize();\n });\n\n _this._elements.fullScreen = fullScreenElem;\n\n _this._initFullScreenEvents();\n\n return _this;\n }\n\n _createClass(FullScreenViewer, [{\n key: \"_initFullScreenEvents\",\n value: function _initFullScreenEvents() {\n var fullScreen = this._elements.fullScreen;\n var closeBtn = fullScreen.querySelector('.iv-fullscreen-close'); // add close button event\n\n this._events.onCloseBtnClick = (0, _util.assignEvent)(closeBtn, 'click', this.hide);\n }\n }, {\n key: \"show\",\n value: function show(imageSrc, hiResImageSrc) {\n // show the element\n (0, _util.css)(this._elements.fullScreen, {\n display: 'block'\n }); // if image source is provide load image source\n\n if (imageSrc) {\n this.load(imageSrc, hiResImageSrc);\n } // handle window resize\n\n\n this._events.onWindowResize = (0, _util.assignEvent)(window, 'resize', this.refresh); // disable scroll on html\n\n (0, _util.css)(document.querySelector('html'), {\n overflow: 'hidden'\n });\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n var fullScreen = this._elements.fullScreen; // destroy image viewer\n\n _get(_getPrototypeOf(FullScreenViewer.prototype), \"destroy\", this).call(this); // remove the element\n\n\n (0, _util.remove)(fullScreen);\n }\n }]);\n\n return FullScreenViewer;\n}(_ImageViewer2.default);\n\nvar _default = FullScreenViewer;\nexports.default = _default;","module.exports = function () {\n $(window).on(\"load\", function () {\n var fbqPixelPID = $(\".pixel-add-to-cart\").data(\"pixel-add-to-cart-pid\");\n if (!fbqPixelPID) {\n fbqPixelPID = $(\".product-detail\").data(\"pid\");\n }\n\n var viewContentObj = {\n content_type: \"product_group\",\n content_ids: [fbqPixelPID]\n };\n $(\"body\").trigger(\"pixel:trackEvent\", {\n event: \"ViewContent\",\n data: viewContentObj\n });\n });\n\n $(\"body\").on(\"pixel:updateAddToCartSku\", function (event, data) {\n var $pixelAddToCart = $(\".pixel-add-to-cart\");\n if (data && data.product && $pixelAddToCart) {\n if (data.product.masterID) {\n $pixelAddToCart.data(\"pixel-add-to-cart-pid\", data.product.masterID);\n } else {\n $pixelAddToCart.data(\"pixel-add-to-cart-pid\", data.product.id);\n }\n }\n if (data && data.products && data.products.length && $pixelAddToCart) {\n var product = data.products[0];\n if (product && product.masterID) {\n $pixelAddToCart.data(\"pixel-add-to-cart-pid\", product.masterID);\n } else if (product) {\n $pixelAddToCart.data(\"pixel-add-to-cart-pid\", product.id);\n }\n }\n if (data && data.bundleProduct && data.bundleProduct.driveCommerceMasterProductId && $pixelAddToCart) {\n $pixelAddToCart.data(\"pixel-add-to-cart-pid\", data.bundleProduct.driveCommerceMasterProductId);\n }\n });\n};\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} button - button that was clicked to add a product to the saveForLaterList\n */\nfunction displayMessage(data, button) {\n $.spinner().stop();\n var status;\n if (data.success) {\n status = \"alert-success\";\n } else {\n status = \"alert-danger\";\n }\n\n if ($(\".add-to-saveForLaterList-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n $(\".add-to-saveForLaterList-messages\").append(\n \"
\"\n + \"\"\n + \"
\";\n $(\"body\").append(htmlString);\n $(\".modal-body\").spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: \"GET\",\n dataType: \"json\",\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $(\"#chooseBonusProductModal .modal-body\").empty();\n $(\"#chooseBonusProductModal .enter-message\").text(response.enterDialogMessage);\n $(\"#chooseBonusProductModal .modal-header .close .sr-only\").text(response.closeButtonText);\n $(\"#chooseBonusProductModal .modal-body\").html(parsedHtml.body);\n $(\"#chooseBonusProductModal .modal-footer\").html(parsedHtml.footer);\n $(\"#chooseBonusProductModal\").modal(\"show\");\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $(\".minicart\").trigger(\"count:update\", response);\n var messageType = response.error ? \"alert-danger\" : \"alert-success\";\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\n \"\"\n );\n }\n\n $(\".add-to-cart-messages\").append(\n \"\"\n );\n\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 5000);\n }\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $(\".bundle-item\").each(function () {\n childProducts.push({\n pid: $(this).find(\".product-id\").text(),\n quantity: parseInt($(this).find(\"label.quantity\").data(\"quantity\"), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find(\".product-option\")\n .map(function () {\n var $elOption = $(this).find(\".options-select\");\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find(\"option[value='\" + urlValue + \"']\")\n .data(\"value-id\");\n return {\n optionId: $(this).data(\"option-id\"),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: \"GET\",\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Edit\" button\n * @param {string} response - ajax response from clicking the edit cart item button\n */\nfunction handleEditCartItem(response) {\n $(\".minicart\").trigger(\"count:update\", response);\n var messageType = response.error ? \"alert-danger\" : \"alert-success\";\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\n \"\"\n );\n }\n\n $(\".add-to-cart-messages\").append(\n \"\"\n );\n\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 5000);\n }\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n },\n calculateSavings: calculateSavings,\n updateProductImages: updateProductImages,\n handlePostCartAdd: handlePostCartAdd,\n updateShippingMessage: updateShippingMessage\n },\n\n focusChooseBonusProductModal: function () {\n $(\"body\").on(\"shown.bs.modal\", \"#chooseBonusProductModal\", function () {\n $(\"#chooseBonusProductModal\").siblings().attr(\"aria-hidden\", \"true\");\n $(\"#chooseBonusProductModal .close\").focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $(\"body\").on(\"hidden.bs.modal\", \"#chooseBonusProductModal\", function () {\n $(\"#chooseBonusProductModal\").siblings().attr(\"aria-hidden\", \"false\");\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $(\"body\").on(\"keydown\", \"#chooseBonusProductModal\", function (e) {\n var focusParams = {\n event: e,\n containerSelector: \"#chooseBonusProductModal\",\n firstElementSelector: \".close\",\n lastElementSelector: \".add-bonus-products\"\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).on(\"click\", \".attribute .card-body button:not(.material-details-modal-button):not(.add-to-cart--workroom)\", function (e) {\n e.preventDefault();\n\n if ($(this).attr(\"disabled\")) {\n return;\n }\n var $productContainer = $(this).closest(\".set-item\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".product-detail\");\n }\n\n attributeSelect($(this).attr(\"data-url\"), $productContainer);\n });\n },\n\n tabAttribute: function () {\n $(document).on(\"show.bs.tab\", \".nav-attribute\", function () {\n var $productContainer = $(this).closest(\".set-item\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".product-detail\");\n }\n\n var resetAttributeName = $(this).attr(\"data-reset-attribute-name\");\n var concatString = \"&resetAttributeName=\" + resetAttributeName;\n\n var url = $(this).attr(\"data-url\").concat(concatString);\n\n attributeSelect(url, $productContainer);\n });\n },\n\n selectAttribute: function () {\n $(document).on(\"change\", \".options-select\", function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest(\".set-item\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".product-detail\");\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n\n availability: function () {\n $(document).on(\"click\", \".product-detail .btn-change-quantity\", function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest(\".product-detail\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".modal-content\").find(\".product-quickview\");\n }\n\n var $qtySelector = getQuantitySelector($productContainer);\n var currentValue = $qtySelector.val();\n var maxValue = $qtySelector.data(\"max-qty\");\n var oldUrl = $qtySelector.data(\"url\");\n var withoutQty = oldUrl.split(\"&quantity=\")[0];\n var newValue = +currentValue;\n if ($(this).hasClass(\"btn-increase-quantity\") && maxValue < 100 && maxValue > currentValue) {\n newValue += 1;\n }\n if ($(this).hasClass(\"btn-decrease-quantity\") && currentValue > 1) {\n newValue -= 1;\n }\n if ($(this).hasClass(\"btn-decrease-quantity\") && currentValue == 1) {\n return;\n }\n if (newValue == 1) {\n $(this).closest(\".product-detail\").find(\".btn-decrease-quantity\").addClass(\"disabled\");\n } else {\n $(this).closest(\".product-detail\").find(\".btn-decrease-quantity\").removeClass(\"disabled\");\n }\n $qtySelector.val(newValue);\n var url = withoutQty + \"&quantity=\" + newValue;\n $qtySelector.data(\"url\", url);\n attributeSelect($qtySelector.data(\"url\"),\n $productContainer);\n });\n },\n\n addToCart: function () {\n $(document).on(\"click\", \"button.add-to-cart, button.add-to-cart-global\", function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n $(\"body\").trigger(\"product:beforeAddToCart\", this);\n\n var addToCartContainer = $(this).closest(\".cart-and-ipay\").find(\".gtm-add-to-cart-container\");\n var gtmAddToCartObj = addToCartContainer.find(\".gtm-add-to-cart\").attr(\"data-gtm-add-to-cart\");\n $(\"body\").trigger(\"gtm:standartEvent\", {\n event: \"add_to_cart\",\n data: JSON.parse(gtmAddToCartObj)\n });\n\n var fbqPixelPID = $(\".pixel-add-to-cart\").data(\"pixel-add-to-cart-pid\");\n if (!fbqPixelPID) {\n fbqPixelPID = $(this).data(\"pid\");\n }\n var addToCartObj = {\n content_type: \"product_group\",\n content_ids: [fbqPixelPID]\n };\n $(\"body\").trigger(\"pixel:trackEvent\", {\n event: \"AddToCart\",\n data: addToCartObj\n });\n\n var pintrestAddToCartObj = $(\".pinterest-add-to-cart\").data(\"pinterest-add-to-cart\");\n $(\"body\").trigger(\"pinterest:trackEvent\", {\n event: \"addtocart\",\n data: pintrestAddToCartObj\n });\n\n if ($(\".set-items\").length && $(this).hasClass(\"add-to-cart-global\")) {\n setPids = [];\n\n $(\".product-detail\").each(function () {\n if (!$(this).hasClass(\"product-set-detail\")) {\n setPids.push({\n pid: $(this).find(\".product-id\").text(),\n qty: $(this).find(\".quantity-select\").val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest(\".product-detail\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".quick-view-dialog\").find(\".product-detail\");\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this))\n };\n\n if (!$(\".bundle-item\").length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger(\"updateAddToCartFormData\", form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: \"POST\",\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $(\"body\").trigger(\"product:afterAddToCart\", data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n\n selectBonusProduct: function () {\n $(document).on(\"click\", \".select-bonus-product\", function () {\n var $choiceOfBonusProduct = $(this).parents(\".choice-of-bonus-product\");\n var pid = $(this).data(\"pid\");\n var maxPids = $(\".choose-bonus-product-dialog\").data(\"total-qty\");\n var submittedQty = parseInt($choiceOfBonusProduct.find(\".bonus-quantity-select\").val(), 10);\n var totalQty = 0;\n $.each($(\"#chooseBonusProductModal .selected-bonus-products .selected-pid\"), function () {\n totalQty += $(this).data(\"qty\");\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find(\".product-option\").data(\"option-id\");\n var valueId = $choiceOfBonusProduct.find(\".options-select option:selected\").data(\"valueId\");\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = \"\"\n + \"\"\n + \"\"\n + \"\"\n + \"
\"\n + \"\"\n + \"
\"\n ;\n $(\"#chooseBonusProductModal .selected-bonus-products\").append(selectedBonusProductHtml);\n $(\".pre-cart-products\").html(totalQty);\n $(\".selected-bonus-products .bonus-summary\").removeClass(\"alert-danger\");\n } else {\n $(\".selected-bonus-products .bonus-summary\").addClass(\"alert-danger\");\n }\n });\n },\n\n removeBonusProduct: function () {\n $(document).on(\"click\", \".selected-pid\", function () {\n $(this).remove();\n var $selected = $(\"#chooseBonusProductModal .selected-bonus-products .selected-pid\");\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data(\"qty\"), 10);\n });\n }\n\n $(\".pre-cart-products\").html(count);\n $(\".selected-bonus-products .bonus-summary\").removeClass(\"alert-danger\");\n });\n },\n\n enableBonusProductSelection: function () {\n $(\"body\").on(\"bonusproduct:updateSelectButton\", function (e, response) {\n $(\"button.select-bonus-product\", response.$productContainer).attr(\"disabled\",\n (!response.product.readyToOrder || !response.product.available));\n var pid = response.product.id;\n $(\"button.select-bonus-product\", response.$productContainer).data(\"pid\", pid);\n });\n },\n\n showMoreBonusProducts: function () {\n $(document).on(\"click\", \".show-more-bonus-products\", function () {\n var url = $(this).data(\"url\");\n $(\".modal-content\").spinner().start();\n $.ajax({\n url: url,\n method: \"GET\",\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $(\".modal-body\").append(parsedHtml.body);\n $(\".show-more-bonus-products:first\").remove();\n $(\".modal-content\").spinner().stop();\n },\n error: function () {\n $(\".modal-content\").spinner().stop();\n }\n });\n });\n },\n\n addBonusProductsToCart: function () {\n $(document).on(\"click\", \".add-bonus-products\", function () {\n var $readyToOrderBonusProducts = $(\".choose-bonus-product-dialog .selected-pid\");\n var queryString = \"?pids=\";\n var url = $(\".choose-bonus-product-dialog\").data(\"addtocarturl\");\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption =\n parseInt($(this)\n .data(\"qty\"), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data(\"optionid\") && $(this).data(\"option-selected-value\")) {\n option = {};\n option.optionId = $(this).data(\"optionid\");\n option.productId = $(this).data(\"pid\");\n option.selectedValueId = $(this).data(\"option-selected-value\");\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data(\"pid\"),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($(\".pre-cart-products\").html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + \"&uuid=\" + $(\".choose-bonus-product-dialog\").data(\"uuid\");\n queryString = queryString + \"&pliuuid=\" + $(\".choose-bonus-product-dialog\").data(\"pliuuid\");\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: \"POST\",\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $(\"#chooseBonusProductModal\").modal(\"hide\");\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n $(\".add-to-cart-messages\").append(\n \"\"\n + $choiceOfBonusProduct.find(\".product-name\").html()\n + \"
\"\n + \"\"\n + \"
\"\n + data.errorMessage + \"
\"\n );\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 3000);\n } else {\n $(\".configure-bonus-product-attributes\").html(data);\n $(\".bonus-products-step2\").removeClass(\"hidden-xl-down\");\n $(\"#chooseBonusProductModal\").modal(\"hide\");\n\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n $(\".minicart-quantity\").html(data.totalQty);\n $(\".add-to-cart-messages\").append(\n \"\"\n + data.msgSuccess + \"
\"\n );\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n if ($(\".cart-page\").length) {\n location.reload(); // eslint-disable-line\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n editCartItem: function () {\n $(document).on(\"click\", \"button.edit-cart-item\", function () {\n var editCartItemURL;\n var pid;\n var pidsObj;\n var setPids;\n var uuid;\n\n $(\"body\").trigger(\"product:beforeEditCartItem\", this);\n\n if ($(\".set-items\").length && $(this).hasClass(\"add-to-cart-global\")) {\n setPids = [];\n\n $(\".product-detail\").each(function () {\n if (!$(this).hasClass(\"product-set-detail\")) {\n setPids.push({\n pid: $(this).find(\".product-id\").text(),\n qty: $(this).find(\".quantity-select\").val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n uuid = $(\".edit-cart-item\").data(\"uuid\");\n\n var $productContainer = $(this).closest(\".product-detail\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".quick-view-dialog\").find(\".product-detail\");\n }\n\n editCartItemURL = $(\".edit-cart-item-url\").val();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this)),\n uuid: uuid\n };\n\n if (!$(\".bundle-item\").length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger(\"updateEditCartItemFormData\", form);\n if (editCartItemURL) {\n $.ajax({\n url: editCartItemURL,\n method: \"POST\",\n data: form,\n success: function (data) {\n handleEditCartItem(data);\n $(\"body\").trigger(\"product:afterEditCartItem\", data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl\n};\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","/**\n * updates GTM tags on selection of variants\n * @param {Object} data response from Product-Variation\n */\n\nmodule.exports = {\n updateGTM: function (data, $productContainer) { // eslint-disable-line consistent-return\n if (data.gtmItem) {\n var gtmObj;\n try {\n gtmObj = JSON.stringify(data.gtmItem); // eslint-disable-line block-scoped-var\n } catch (err) {\n return false;\n }\n\n var html = \"\"; // eslint-disable-line block-scoped-var\n $productContainer.find(\".gtm-view-item-container\").empty().html(html); // eslint-disable-line block-scoped-var\n $(\"body\").trigger(\"gtm:standartEvent\", {\n event: \"view_item\",\n data: JSON.parse(data.gtmItem)\n });\n }\n \n if (data.gtmAddToCart) {\n var html = \"\"; // eslint-disable-line\n $productContainer.find(\".gtm-add-to-cart-container\").empty().html(html); // eslint-disable-line block-scoped-var\n }\n \n if (data.gtmAddToWishlist) {\n var html = \"\"; // eslint-disable-line\n $productContainer.find(\".gtm-add-to-wishlist-container\").empty().html(html); // eslint-disable-line block-scoped-var\n }\n }\n};\n","var processInclude = require(\"base/util\");\n\n$(document).ready(function () {\n processInclude(require(\"./product/details\"));\n processInclude(require(\"./product/wishlist\"));\n processInclude(require(\"./product/saveForLaterList\"));\n processInclude(require(\"pixel/product/pixel\"));\n});\n","var base = require(\"./base\");\nconst debounce = require(\"lodash/debounce\");\n\nvar slickCarousel = require(\"../components/slickCarousel\");\nvar zoomModal = require(\"../components/zoomModal\");\nvar commonFeature = require(\"../components/commonFeature\");\n\nvar $window = $(window);\n\n/**\n * Enable/disable UI elements\n * @param {boolean} enableOrDisable - true or false\n */\nfunction updateAddToCartEnableDisableOtherElements() {\n var enable = $(\".product-availability\").toArray().every(function (item) {\n return $(item).data(\"available\") && $(item).data(\"ready-to-order\");\n });\n\n $(\"button.add-to-cart-global\").attr(\"disabled\", !enable);\n if (!enable) {\n $(\".prices-add-to-cart-actions\").addClass(\"disabled-actions\");\n } else {\n $(\".prices-add-to-cart-actions\").removeClass(\"disabled-actions\");\n }\n}\n\nfunction initZoomModal() {\n var $mainSliders = $(\"[id^=pdp-main-slider]\");\n $mainSliders.each(function () {\n zoomModal.init($(this));\n });\n}\n\nfunction initReadMoreDesc() {\n var description = $(\".description-and-detail .description .content\");\n\n description.each(function () {\n var $this = $(this);\n var $descriptionInner = $this.closest(\".description-inner\");\n var $readMoreBtn = $this.closest(\".description\").find(\".button-read-more\");\n var textHeight = $this.height();\n var containerHeight = $descriptionInner.height();\n var descriptionWasExpanded = $descriptionInner.hasClass(\"expanded\");\n\n $readMoreBtn.addClass(\"d-none\");\n $descriptionInner.removeClass(\"expanded\");\n\n if (textHeight > containerHeight || descriptionWasExpanded) {\n $readMoreBtn.removeClass(\"d-none\");\n }\n });\n}\n\nfunction handleStickyBuyBar() {\n var $stickyBar = $(\".sticky-buy-bar\");\n var $addToCartBtn = $(\".sidebar-section .prices-add-to-cart-actions .cart-and-ipay\");\n var $helpButton = $(\".embeddedServiceHelpButton .helpButton\");\n\n if (commonFeature.isInViewport($addToCartBtn, true)) {\n $stickyBar.removeClass(\"fixedbottom\");\n $helpButton.removeClass(\"fixedbottom\");\n } else {\n $stickyBar.addClass(\"fixedbottom\");\n $(function () {\n $helpButton.addClass(\"fixedbottom\");\n });\n }\n}\n\nfunction handleStickyDetailsHeight() {\n if (commonFeature.isBreakpoint(\">=md\")) {\n var sidebarHeight = $(\".sidebar-section\").find(\".attributes.accordion\").height();\n var carouselSectionOffset = $(\".carousel-section\").offset();\n var stickyDetailsDesktopOffset = $(\".sticky-details-desktop\").offset();\n var stickyDetailsDesktopHeight = $(\".sticky-details-desktop\").height();\n var carouselHeight = (stickyDetailsDesktopOffset.top - carouselSectionOffset.top) + stickyDetailsDesktopHeight;\n // Ensures carousel is always taller than sidebar\n var height = carouselHeight < sidebarHeight * 1.5 ? sidebarHeight * 1.5 : carouselHeight;\n $(\".sticky-details-desktop\")\n .closest(\".carousel-section\")\n .css(\"height\", height);\n } else {\n $(\".sticky-details-desktop\")\n .closest(\".carousel-section\")\n .css(\"height\", \"auto\");\n }\n}\n\nfunction handlePDPImagesResize() {\n var stickyDetailsDesktop = document.querySelector(\".pdp-images-main-container\");\n var observer = new ResizeObserver(function () {\n debounce(handleStickyDetailsHeight(), 100);\n });\n observer.observe(stickyDetailsDesktop);\n}\n\nmodule.exports = {\n updateAddToCartEnableDisableOtherElements: updateAddToCartEnableDisableOtherElements,\n\n availability: base.availability,\n\n addToCart: base.addToCart,\n\n updateAttributesAndDetails: function () {\n $(\"body\").on(\"product:statusUpdate\", function (e, response) {\n \n var $productContainer = response.$productContainer;\n var data = response.product;\n var productDetailsDesktop = $productContainer.find(\".description-and-detail .product-attributes\")[0];\n var productDetailsMobile = $productContainer.find(\".description-and-detail .product-attributes\")[1];\n\n $(productDetailsDesktop).empty().html(data.attributesHtml);\n $(productDetailsMobile).empty().html(data.attributesHtml);\n\n var $mainAttributes = $productContainer.find(\".main-attributes\");\n var dimensions;\n\n for (var i = 0; i < data.attributes.length; i++) {\n if (data.attributes[i].ID === \"dimensions\") {\n dimensions = data.attributes[i];\n break;\n }\n }\n\n if (dimensions && $mainAttributes.length) {\n for (var j = 0; j < dimensions.attributes.length; j++) {\n var currentAttribute = dimensions.attributes[j];\n var $attribute = $mainAttributes.find(\".attribute-values[data-attribute='\" + currentAttribute.label + \"']\"); \n $attribute.find(\".attribute-value\").text(currentAttribute.value);\n }\n }\n\n if ($(productDetailsMobile).find(\"#heading-specifications-desktop\").length) {\n var $specsMobile = $(productDetailsMobile).find(\"#heading-specifications-desktop\").closest(\".card\");\n $specsMobile.find(\"#heading-specifications-desktop\").attr(\"id\", \"heading-specifications-mobile\");\n $specsMobile.find(\"button\").attr(\"aria-controls\", \"collapse-specifications-mobile\");\n $specsMobile.find(\"button\").attr(\"data-target\", \"#collapse-specifications-mobile\");\n $specsMobile.find(\".collapse\").attr(\"id\", \"collapse-specifications-mobile\");\n $specsMobile.find(\".collapse\").attr(\"aria-labelledby\", \"heading-specifications-mobile\");\n $specsMobile.find(\".collapse\").attr(\"data-parent\", \"#specificationsAccordion-mobile\");\n }\n\n if (data.longDescription || data.shortDescription) {\n $productContainer.find(\".description-and-detail .description\")\n .removeClass(\"hidden-xl-down\");\n $productContainer.find(\".description-and-detail .description .content\")\n .empty()\n .html(data.longDescription ? data.longDescription : data.shortDescription);\n initReadMoreDesc();\n } else {\n $productContainer.find(\".description-and-detail .description\")\n .addClass(\"hidden-xl-down\");\n }\n\n if (data.deliveryMessage) {\n $productContainer.find(\".delivery-message\").text(data.deliveryMessage);\n } else {\n $productContainer.find(\".delivery-message\").empty();\n }\n\n if (data.DeliveryInformation) {\n var $contentAssetContainer = $productContainer.find(\"#collapse-delivery-information-desktop .content-asset, #collapse-delivery-information-mobile .content-asset\");\n \n if ($contentAssetContainer.length) {\n $contentAssetContainer.html(data.DeliveryInformation);\n } else {\n $productContainer.find(\"#collapse-delivery-information-desktop .card-body, #collapse-delivery-information-mobile .card-body\").html(data.DeliveryInformation);\n }\n }\n });\n },\n\n showSpinner: function () {\n $(\"body\").on(\"product:beforeAddToCart product:beforeAttributeSelect\", function () {\n $.spinner().start();\n });\n },\n updateAttribute: function () {\n $(\"body\").on(\"product:afterAttributeSelect\", function (e, response) {\n if ($(\".product-detail>.bundle-items\").length) {\n response.container.data(\"pid\", response.data.product.id);\n response.container.find(\".product-id\").text(response.data.product.id);\n } else if ($(\".product-set-detail\").eq(0)) {\n response.container.data(\"pid\", response.data.product.id);\n response.container.find(\".product-id\").text(response.data.product.id);\n } else {\n $(\".product-id\").text(response.data.product.id);\n $(\".product-detail:not('.bundle-item')\").data(\"pid\", response.data.product.id);\n }\n });\n },\n updateAddToCart: function () {\n $(\"body\").on(\"product:updateAddToCart\", function (e, response) {\n // update local add to cart (for sets)\n $(\"button.add-to-cart\", response.$productContainer).attr(\"disabled\",\n (!response.product.readyToOrder || !response.product.available || !response.product.SellOnWeb));\n\n if (!response.product.readyToOrder || !response.product.available || !response.product.SellOnWeb) {\n $(\".prices-add-to-cart-actions\", response.$productContainer).addClass(\"disabled-actions\");\n } else {\n $(\".prices-add-to-cart-actions\", response.$productContainer).removeClass(\"disabled-actions\");\n }\n updateAddToCartEnableDisableOtherElements();\n });\n },\n updateAvailability: function () {\n $(\"body\").on(\"product:updateAvailability\", function (e, response) {\n $(\"div.availability\", response.$productContainer)\n .data(\"ready-to-order\", response.product.readyToOrder)\n .data(\"available\", response.product.available);\n\n $(\".availability-msg\", response.$productContainer)\n .empty().html(response.message);\n\n if ($(\".global-availability\").length) {\n var allAvailable = $(\".product-availability\").toArray()\n .every(function (item) { return $(item).data(\"available\"); });\n\n var allReady = $(\".product-availability\").toArray()\n .every(function (item) { return $(item).data(\"ready-to-order\"); });\n\n $(\".global-availability\")\n .data(\"ready-to-order\", allReady)\n .data(\"available\", allAvailable);\n\n $(\".global-availability .availability-msg\").empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n }\n });\n },\n\n readMoreDescription: function () {\n $(\"body\").on(\"click\", \".button-read-more\", function () {\n var $this = $(this);\n var $descriptionInner = $this.closest(\".description\").find(\".description-inner\");\n\n $this.addClass(\"d-none\");\n $descriptionInner.addClass(\"expanded\");\n });\n\n $(window).on(\"breakpoint:change\", function () {\n initReadMoreDesc();\n });\n },\n\n toggleShippingInfo: function () {\n $(\"body\").on(\"click\", \".shipping-info-trigger\", function (e) {\n e.preventDefault();\n\n var headerHeight = $(\".header-wrapper\").outerHeight();\n var $shippingInfoHeading;\n var $shippingInfoBody;\n var shippingInfoTopOffset;\n\n if (!commonFeature.isBreakpoint(\">=md\")) {\n $shippingInfoHeading = $(\".sidebar-section\").find(\".delivery-information .card-header > button\");\n $shippingInfoBody = $(\".sidebar-section\").find(\".delivery-information .collapse\");\n headerHeight = 0;\n } else {\n $shippingInfoHeading = $(\".carousel-section\").find(\".delivery-information .card-header > button\");\n $shippingInfoBody = $(\".carousel-section\").find(\".delivery-information .collapse\");\n }\n shippingInfoTopOffset = $shippingInfoHeading.offset().top;\n\n $(\"html, body\").animate({\n \"scrollTop\": shippingInfoTopOffset - headerHeight\n }, 300);\n\n if (!$shippingInfoBody.hasClass(\"show\")) {\n $shippingInfoBody.collapse(\"show\");\n }\n });\n },\n\n toggleSpecifications: function () {\n $(\"body\").on(\"click\", \".specifications-toggler\", function (e) {\n e.preventDefault();\n\n var isDesktop = $(this).closest(\".carousel-section\").length;\n var headerHeight = $(\".header-wrapper\").outerHeight();\n var $specificationsHeading;\n var $specificationsBody;\n var specsTopOffset;\n\n if (isDesktop) {\n $specificationsHeading = $(\".carousel-section\").find(\".product-attributes .card-header > button\");\n $specificationsBody = $(\".carousel-section\").find(\".product-attributes .collapse\");\n } else {\n $specificationsHeading = $(\".sidebar-section\").find(\".product-attributes .card-header > button\");\n $specificationsBody = $(\".sidebar-section\").find(\".product-attributes .collapse\");\n headerHeight = 0;\n }\n specsTopOffset = $specificationsHeading.offset().top;\n\n $(\"html, body\").animate({\n \"scrollTop\": specsTopOffset - headerHeight\n }, 300);\n\n if (!$specificationsBody.hasClass(\"show\")) {\n $specificationsBody.collapse(\"show\");\n }\n });\n },\n\n handleStickyBuyBar: function () {\n handleStickyBuyBar();\n\n $window.on(\"windowscroll\", debounce(handleStickyBuyBar, 50));\n\n $window.on(\"windowresize:width\", debounce(handleStickyBuyBar, 50));\n\n $(\".pdp-customizer-container\").on(\"click\", \".cz__group-header\", function () {\n setTimeout(handleStickyBuyBar, 500);\n });\n },\n\n prepareForPrint: function () {\n $(document).on(\"click\", \".print-icon\", function () {\n if ($(\".cz__group-header\").length > 0) {\n $(\"body\").trigger(\"product:drivePrint\");\n } else {\n window.print();\n }\n });\n },\n\n handleStickyDetails: function () {\n $(\"body\").on(\"product:afterAttributeSelect\", function () {\n handleStickyDetailsHeight();\n });\n\n $(document).on(\"click\", \".cz__tab, .variations-toggler[data-toggle='collapse'], .cz__group-header, .description-and-detail.accordion .product-attributes, .description-and-detail.accordion .delivery-information, .description-and-detail.accordion .care-instruction\", function () {\n setTimeout(handleStickyDetailsHeight, 500);\n });\n\n $window.on(\"windowresize:width\", handleStickyDetailsHeight);\n\n handlePDPImagesResize();\n },\n\n initReadMoreDesc: initReadMoreDesc(),\n\n focusChooseBonusProductModal: base.focusChooseBonusProductModal(),\n\n initPDPSliders: slickCarousel.initPDPSliders(),\n\n initZoomModal: initZoomModal(),\n\n editCartItem: base.editCartItem\n};\n","var {\n ImageViewer\n} = require(\"iv-viewer\");\n\nvar commonFeature = require(\"./commonFeature\");\n\nvar $window = $(window);\nvar $body = $(\"body\");\nvar isZoomDisabled = false;\n\nfunction init($slider) {\n if (!$slider || $slider.length === 0) {\n return;\n }\n\n var thumbs;\n var $sliderThumbs = $slider.closest(\".primary-images\").find(\".anchor-menu-thumbs\");\n if ($sliderThumbs.length) {\n thumbs = $sliderThumbs.find(\".thumb-image img\").clone();\n }\n\n $slider.addClass(\"zoom-initiator-slider\").on(\"click\", \".slick-slide\", function () {\n var $clickedSlide = $(this);\n // Do not open zoom modal if the clicked slide is the 360 customizer view\n if ($clickedSlide.find(\".slide-inside--customizer\").length > 0) {\n return;\n }\n var indexOfClickedSlide = $clickedSlide.attr(\"data-slick-index\");\n zoomModal.initZoomModal($slider.find(\".product-slider-image\"), thumbs, indexOfClickedSlide); /* eslint-disable-line */\n });\n\n $(document).on(\"click\", \".button-open-zoom-in, .link-open-zoom-in\", function (e) {\n e.preventDefault();\n var $currentSlide = $slider.find(\".slick-current\");\n var indexOfClickedSlide = $currentSlide.attr(\"data-slick-index\");\n // Resets slide index if selected slide is the 360 preview\n if ($currentSlide.find(\".slide-inside--customizer\").length > 0) {\n indexOfClickedSlide = \"0\";\n }\n zoomModal.initZoomModal($slider.find(\".product-slider-image\"), thumbs, indexOfClickedSlide); /* eslint-disable-line */\n });\n}\n\nfunction initZoomModal($zoomSources, thumbs, startIndex) {\n if (!$zoomSources || $zoomSources.length == 0) {\n return;\n }\n $(document).off(\"dblclick\", \".zoom-container\");\n $(document).off(\"click\", \".button-zoom-in\");\n $(document).off(\"click\", \".button-zoom-out\");\n $(\"#zoom-modal\").remove();\n var $buttonZoomInToggle = $(\".button-open-zoom-in\");\n var zoomInLabel = $buttonZoomInToggle.data(\"zoom-in-label\");\n var zoomOutLabel = $buttonZoomInToggle.data(\"zoom-out-label\");\n var doubleTapLabel = $buttonZoomInToggle.data(\"double-tap-label\");\n var modalCloseLabel = $buttonZoomInToggle.data(\"modal-close-label\");\n\n var htmlString = \"\" +\n \"\" +\n \"
\";\n\n $body.append(htmlString);\n\n var $zoomSlider = $(\"#zoom-slider\");\n var $zoomThumbSlider = $(\"#zoom-thumb-slider\");\n\n $zoomSlider.addClass(\"not-initialized\");\n $zoomThumbSlider.addClass(\"not-initialized\");\n $zoomSources.each(function () {\n var $this = $(this);\n var $zoomContainer;\n\n var src = $this.attr(\"src\");\n var highResSrc = $this.attr(\"data-high-res-src\") || src;\n var srcset = $this.attr(\"srcset\");\n var sizes = $this.attr(\"data-modal-sizes\");\n var data = {\n \"src\": src,\n \"highResSrc\": highResSrc,\n \"srcset\": srcset,\n \"sizes\": sizes\n };\n $zoomContainer = $(\"\", {\n \"class\": \"position-relative overflow-hidden zoom-container\"\n }).data(data);\n $zoomContainer.appendTo($zoomSlider).wrap(\"\");\n\n if (isZoomDisabled) {\n var $img = $(\"\" +\n \"\" +\n \"\" +\n \"
\" +\n \"\" + data.msg + \"
\"\n );\n\n setTimeout(function () {\n $(\".add-to-saveForLaterList-messages\").remove();\n button.removeAttr(\"disabled\");\n }, 5000);\n}\n\nmodule.exports = {\n addToList: function () {\n $(\".add-to-list\").on(\"click\", function (e) {\n e.preventDefault();\n var url = $(this).data(\"href\");\n var button = $(this);\n var pid = $(this).closest(\".product-detail\").find(\".product-id\").html() || $(this).data(\"pid\");\n var optionId = $(this).closest(\".product-detail\").find(\".product-option\").attr(\"data-option-id\");\n var optionVal = $(this)\n .closest(\".product-detail\")\n .find(\".options-select option:selected\")\n .attr(\"data-value-id\");\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n\n $.spinner().start();\n $(this).attr(\"disabled\", true);\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n displayMessage(data, button);\n },\n error: function (err) {\n displayMessage(err, button);\n }\n });\n });\n }\n};\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} iconEmpty - icon that was clicked to add a product to the wishlist\n * @param {Object} iconFilled - icon that was clicked to remove a product from the wishlist\n */\nfunction displayMessageAndChangeIcon(data, iconEmpty, iconFilled) {\n $.spinner().stop();\n var status;\n if (data.success) {\n status = \"alert-success\";\n iconEmpty.toggleClass(\"d-none\");\n iconFilled.toggleClass(\"d-none\");\n } else {\n status = \"alert-danger\";\n }\n\n if ($(\".add-to-wishlist-messages\").length === 0) {\n $(\"body\").append(\n \"\"\n );\n }\n $(\".add-to-wishlist-messages\")\n .append(\"\" + data.msg + \"
\");\n\n setTimeout(function () {\n $(\".add-to-wishlist-messages\").remove();\n }, 5000);\n}\n\nmodule.exports = {\n addToWishlist: function () {\n $(\"body\").on(\"click\", \".add-to-wish-list\", function (e) {\n e.preventDefault();\n var iconEmpty = $(this).closest(\".product-detail .product-main-region\").find(\".wishlist-add\");\n var iconFilled = $(this).closest(\".product-detail .product-main-region\").find(\".wishlist-remove\");\n var pid = $(this).closest(\".product-detail\").find(\".product-id\").html();\n\n var url = \"\";\n if ($(this).data(\"url\")) {\n url = $(this).data(\"url\");\n }\n else {\n url = $(this).attr(\"href\");\n }\n\n var optionId = $(this).closest(\".product-detail\").find(\".product-option\").attr(\"data-option-id\");\n var optionVal = $(this).closest(\".product-detail\").find(\".options-select option:selected\").attr(\"data-value-id\");\n optionId = optionId || null;\n optionVal = optionVal || null;\n var type = \"get\";\n var data = {};\n if (!url || !pid) {\n return;\n }\n if (!$(this).hasClass(\"wishlist-remove\")) {\n data = {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n };\n type = \"post\";\n } else {\n url = url + \"?pid=\" + pid;\n }\n\n if ($(this).hasClass(\"wishlist-add\")) {\n var gtmWishlistContainer = $(this).closest(\".product-detail\").find(\".gtm-add-to-wishlist-container\");\n var gtmAddToWishlistObj = gtmWishlistContainer.find(\".gtm-add-to-wishlist\").attr(\"data-add-to-wishlist\");\n $(\"body\").trigger(\"gtm:standartEvent\", {\n event: \"add_to_wishlist\",\n data: JSON.parse(gtmAddToWishlistObj)\n });\n }\n\n $.spinner().start();\n\n $.ajax({\n url: url,\n type: type,\n dataType: \"json\",\n data: data,\n success: function (response) {\n displayMessageAndChangeIcon(response, iconEmpty, iconFilled);\n },\n error: function (err) {\n displayMessageAndChangeIcon(err, iconEmpty, iconFilled);\n }\n });\n });\n }\n};\n"],"sourceRoot":""}