' + cardNumberText + '
';\n\n $cardField.empty().append(strongElement + cardNumberElement)\n\n }\n });\n","'use strict';\nvar base = require('./base');\nvar stockStore = require('./stockStore');\nvar pdpZoom = require('../pdpZoom/pdpZoom');\nvar scrollAnimate = require('base/components/scrollAnimate');\n\npdpZoom.initZoom();\n\n window.addEventListener(\"load\", (event) => {\n if (typeof paypal !== 'undefined' && $('.pp-message').length > 0) {\n paypal.Messages({\n amount: $('.pp-message').data('initial-price'),\n placement: \"product\",\n style: {\n layout: \"text\",\n text: {\n color: \"greyscale\",\n size: \"13\",\n align: \"center\"\n },\n logo: {\n type: \"none\"\n }\n }\n })\n .render(\".pp-message\");\n }\n var octipasEnabled = $('#store_selector').length > 0;\n if(!octipasEnabled){\n return;\n }\n if(typeof octipas === 'undefined'){\n console.log('octipas not loaded');\n return;\n }\n stockStore.init();\n });\n\n/**\n * Enable/disable UI elements\n * @param {boolean} enableOrDisable - true or false\n */\nfunction updateAddToCartEnableDisableOtherElements(enableOrDisable) {\n $('button.add-to-cart-global').attr('disabled', enableOrDisable);\n}\n\nfunction backInStockSubscribe() {\n var formData = {\n pid: $(\"#pid\").val(),\n email: $(\"#email\").val(),\n csrf_token: $(\"#csrf_token\").val()\n }\n\n $.ajax({\n type: \"POST\",\n url: $(\"#backinstock-subscribe-form\").data(\"bisubscribe-url\"),\n dataType: \"json\",\n data: formData,\n success: function(data) {\n $('#bis-modal-body').find('form').hide();\n $('#bis-msg').empty();\n $('#bis-msg').html(data.msg);\n $('#continue-shopping-cta').attr('hidden', false);\n },\n error: function(data) {\n window.location.reload();\n }\n });\n}\nfunction SizeSelected(){\n if ($(\".size-field.selected\").length > 0) {\n $('.skp-selcet-size').addClass('d-none');\n $('.js-select-size').addClass('hide');\n $('.js-btnaddtocart').removeClass('hide');\n $('.store-stock p').removeClass('show-message-stockStore');\n $('.error-message-store').addClass('d-none');\n $('.in-stock-indicator').removeClass('d-none');\n $('.availability-text').removeClass('d-none');\n $('.error-message-store').removeClass('red-message');\n $('.error-message-e-resa').removeClass('red-message');\n $('.add-to-cart,.E-rasa-button,.overlay-btn-backInstock').removeClass('scrollSize');\n if (!$('.js-backInstock').hasClass('d-none')) {\n $('#ereservation_pickup').addClass('full-width'); \n $('.js-backInstock').addClass('full-width'); \n $('.btn-mobile-pay').removeClass('E-resa-mobile');\n }else {\n $('#ereservation_pickup').removeClass('full-width'); \n $('.js-backInstock').removeClass('full-width'); \n if ($('.e-reservation').length) {\n $('.btn-mobile-pay').addClass('E-resa-mobile');\n }\n }\n } else {\n $('.skp-selcet-size').removeClass('d-none');\n $('.js-btnaddtocart').addClass('hide');\n $('.js-select-size').removeClass('hide');\n $('.error-message-store').removeClass('d-none');\n $('.in-stock-indicator').addClass('d-none');\n $('.availability-text').addClass('d-none');\n $('.add-to-cart').prop('disabled', false);\n if($(window).width() < 840){\n $('.add-to-cart,.E-rasa-button,.overlay-btn-backInstock').addClass('scrollSize');\n $('.add-to-cart').prop('disabled', false);\n }\n if (!$('.js-backInstock').hasClass('d-none')) {\n $('#ereservation_pickup').addClass('full-width'); \n $('.js-backInstock').addClass('full-width'); \n $('.btn-mobile-pay').removeClass('E-resa-mobile');\n } else {\n $('#ereservation_pickup').removeClass('full-width'); \n $('.js-backInstock').removeClass('full-width'); \n if ($('.e-reservation').length) {\n $('.btn-mobile-pay').addClass('E-resa-mobile');\n }\n }\n }\n}\n\n\n$(document).on(\"click\", \".E-rasa-button\", function () {\n if ($(\".size-field.selected\").length > 0) {\n $('.error-message-e-resa').removeClass('red-message');\n $('.E-resa-popin').removeClass('d-none');\n setTimeout(function () {\n $('.iframe-resa').addClass('show-e-resa');\n }, 200);\n $('body').addClass('overflow-hide-resa');\n $('.skp-selcet-size').removeClass('show-select-size');\n } else {\n $('.error-message-e-resa').addClass('red-message');\n $('.skp-selcet-size').addClass('show-select-size');\n }\n});\n\n\n $('.E-resa-popin .close-button').on('click', function() {\n $('.iframe-resa').removeClass('show-e-resa');\n setTimeout(function () {\n $('.E-resa-popin').addClass('d-none');\n }, 200);\n});\n\n$(document).on('click', function(e) {\n var popin = $('.E-resa-popin iframe');\n var boutonReservation = $('.E-rasa-button');\n\n if (!$(e.target).is('.E-rasa-button') && !$(e.target).closest('.E-rasa-button').length &&\n !popin.is(e.target) && popin.has(e.target).length === 0 &&\n !boutonReservation.is(e.target) && boutonReservation.has(e.target).length === 0) {\n $('.iframe-resa').removeClass('show-e-resa');\n setTimeout(function () {\n $('.E-resa-popin').addClass('d-none');\n }, 200);\n $('body').removeClass('overflow-hide-resa');\n }\n});\n\nwindow.addEventListener('message', function (event) {\n if (event.data === \"closeCheckoutIframe\") {\n var elem = document.getElementById('Octipas_checkout_fullscreen');\n $('.iframe-resa').removeClass('show-e-resa');\n setTimeout(function () {\n elem.classList.add('d-none');\n }, 200);\n $('body').removeClass('overflow-hide-resa');\n }\n})\n\nmodule.exports = {\n methods: {\n updateAddToCartEnableDisableOtherElements: updateAddToCartEnableDisableOtherElements\n },\n\n availability: base.availability,\n\n addToCart: base.addToCart,\n\n initModal: function () {\n $('body').on('shown.bs.modal', '#backInStockAlert', function (e) {\n var variantPid = $(e.relatedTarget).attr('data-variant-pid');\n $('#backInStockAlert #pid').val(variantPid);\n });\n $('body').on('hidden.bs.modal', '#backInStockAlert', function (e) {\n var textBis = $('#bis-msg').data('text-bis');\n $('#bis-modal-body').find('form').show();\n $('#bis-msg').html(textBis);\n $('#continue-shopping-cta').attr('hidden', true);\n });\n\n $(document).on(\"click\",\".add-to-back-in-stock\",function() {\n var errorMessage=\"\";\n //this stops the form from being submitted, to allow for validation\n event.preventDefault();\n //validation, stackoverflow code\n function isValidEmailAddress(emailAddress) {\n var pattern = new RegExp(/^[\\w.%+-]+@[\\w.-]+\\.[\\w]{2,6}$/);\n return pattern.test(emailAddress);\n };\n //email validation\n if (!isValidEmailAddress($(\"#email\").val())) {\n errorMessage = errorMessage + $(\"#backinstock-subscribe-form\").data('form-notifyme');\n };\n $(\"#error\").html(errorMessage);\n //submit form\n if(errorMessage==\"\") {\n backInStockSubscribe();\n }\n //alert user to errors, form doesn't get submitted\n else {\n $(\"#error\").html(errorMessage);\n }\n });\n },\n\n updateAttributesAndDetails: function () {\n $('body').on('product:statusUpdate', function (e, data) {\n var $productContainer = $('.product-detail[data-pid=\"' + data.id + '\"]');\n\n $productContainer.find('.description-and-detail .product-attributes')\n .empty()\n .html(data.attributesHtml);\n\n if (data.shortDescription) {\n $productContainer.find('.description-and-detail .description')\n .removeClass('hidden-xl-down');\n $productContainer.find('.description-and-detail .description .content .content-description')\n .empty()\n .html(data.shortDescription);\n } else {\n $productContainer.find('.description-and-detail .description')\n .addClass('hidden-xl-down');\n }\n\n if (data.longDescription) {\n $productContainer.find('.description-and-detail .details')\n .removeClass('hidden-xl-down');\n $productContainer.find('.description-and-detail .details .content')\n .empty()\n .html(data.longDescription);\n } else {\n $productContainer.find('.description-and-detail .details')\n .addClass('hidden-xl-down');\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 SizeSelected();\n\n $('.availability-msg-limited-stock').empty().removeClass('mao-exist');\n var maoMessage = $('.availability-msg-limited-stock');\n if (maoMessage.length > 0) {\n maoMessage.each(function() {\n if ($(this).text().trim() === \"\") {\n $('.availability-msg').removeClass('d-none');\n $('.availability-msg-limited-stock').removeClass('mao-exist');\n } else {\n $('.availability-msg').addClass('d-none');\n $('.availability-msg-limited-stock').addClass('mao-exist availability-msg-red');\n }\n });\n }\n });\n\n if ($(\".size-field\").length == 1 && $(\".size-field.selected\").length > 0) {\n $('.availability-text').removeClass('d-none');\n $('.error-message-store').addClass('d-none');\n $('.in-stock-indicator').removeClass('d-none');\n }else{\n $('.availability-text').addClass('d-none');\n $('.error-message-store').removeClass('d-none');\n $('.in-stock-indicator').addClass('d-none');\n }\n SizeSelected();\n $(document).on(\"click\",\".size-field\", function(event){\n $('.select-size').val($(this).data(\"attr-value\")).trigger('change');\n $(\".size-field\").removeClass(\"selected\");\n $(this).addClass(\"selected\");\n });\n\n var colorSwatch= $('.swatch-circle');\n colorSwatch.each(function(){\n var self = $(this),\n colorValue= self.data(\"attr-value\"),\n strColor = colorValue.substring(0, 3);\n\n if (strColor === \"WHI\") {\n self.addClass('swatch-white');\n }\n });\n },\n updateAddToCart: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n // update local add to cart (for sets)\n var displaybutton = ((!response.product.readyToOrder || !response.product.available) && $('button.add-to-cart').data('backinstock'));\n\n if(displaybutton){\n $('button.add-to-cart').addClass('d-none');\n $('.js-backInstock').removeClass('d-none');\n $('#ereservation_pickup,.js-backInstock').addClass('full-width');\n }else{\n $('button.add-to-cart', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available) );\n $('.js-backInstock').addClass('d-none');\n $('button.add-to-cart').removeClass('d-none');\n $('#ereservation_pickup,.js-backInstock').removeClass('full-width');\n }\n\n var wdithofwindow = $(window).width();\n\n if(wdithofwindow <= 544) {\n $('.btn-mobile-pay').insertAfter('.js-backInstock');\n } else {\n $('.btn-mobile-pay').insertBefore('js-backInstock');\n }\n\n $('button.add-to-cart', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available));\n\n var enable = $('.product-availability').toArray().every(function (item) {\n return $(item).data('available') && $(item).data('ready-to-order');\n });\n module.exports.methods.updateAddToCartEnableDisableOtherElements(!enable);\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 $('.availability-msg', response.$productContainer)\n .empty().html(response.message);\n if ($('.global-availability').length) {\n var allAvailable = $('.product-availability').toArray()\n .every(function (item) {\n return $(item).data('available');\n });\n\n var allReady = $('.product-availability').toArray()\n .every(function (item) {\n return $(item).data('ready-to-order');\n });\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 sizeChart: function () {\n $('.size-chart a').on('click', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n var $prodSizeChart = $(this).closest('.size-chart').find('.size-chart-collapsible');\n if ($prodSizeChart.is(':empty')) {\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $prodSizeChart.append(data.content);\n }\n });\n }\n $prodSizeChart.toggleClass('active');\n });\n\n var $sizeChart = $('.size-chart-collapsible');\n $('body').on('click touchstart', function (e) {\n if ($('.size-chart').has(e.target).length <= 0) {\n $sizeChart.removeClass('active');\n }\n });\n },\n copyProductLink: function () {\n $('body').on('click', '#fa-link', function () {\n event.preventDefault();\n var $temp = $('');\n $('body').append($temp);\n $temp.val($('#shareUrl').val()).select();\n document.execCommand('copy');\n $temp.remove();\n $('.copy-link-message').attr('role', 'alert');\n $('.copy-link-message').removeClass('d-none');\n setTimeout(function () {\n $('.copy-link-message').addClass('d-none');\n }, 3000);\n });\n },\n\n\n\n focusChooseBonusProductModal: base.focusChooseBonusProductModal()\n\n};\n\n function SkpwidthImage() {\n var window_Width= $(window).width(),\n PDP_width =(1/2 *(window_Width));\n\n if ( window_Width > 840 ) {\n var PDP_Height = (PDP_width* 1.24);\n $('.product-detail .primary-images .img-fluid,.primary-images,.primary-images iframe').css('height',PDP_Height);\n }else{\n var PDP_width =(1 *(window_Width)),\n PDP_Height = (PDP_width* 1.24);\n $('.product-detail .primary-images .img-fluid,.primary-images,.primary-images iframe').css('height',PDP_Height);\n\n }\n }\n SkpwidthImage();\n\n $(window).on('load resize', function () {\n SkpwidthImage();\n });\n $('#lightgallery li.skp-pdp-iframe').css({'position': 'relative','z-index': '-1'});\n\n function PLPHeightImage() {\n var window_Width = $(window).width(),\n PLP_width = (1/3 * window_Width),\n PLP_width_New = (1/2 * window_Width);\n \n if (window_Width > 840) {\n var PLP_Height = (PLP_width * 1.24);\n $('.skp-product-tile .product-tile .image-container, .product-tile .skp-fullscreen-vimeo,.skp-product-tile .product-tile .slide-box,.skp-product-tile .product-tile .slick-list').css('height', PLP_Height);\n \n var PLP_Height_New_Grid_Desktop = (PLP_width_New * 1.24);\n $('.newGrid > :nth-child(22n + 7) .image-container, .newGrid > :nth-child(22n + 8) .image-container, .newGrid > :nth-child(22n + 21) .image-container, .newGrid > :nth-child(22n + 22) .image-container,.newGrid > :nth-child(22n + 7) .slick-list, .newGrid > :nth-child(22n + 8) .slick-list, .newGrid > :nth-child(22n + 21) .slick-list, .newGrid > :nth-child(22n + 22) .slick-list,.newGrid > :nth-child(22n + 7) .slide-box, .newGrid > :nth-child(22n + 8) .slide-box, .newGrid > :nth-child(22n + 21) .slide-box, .newGrid > :nth-child(22n + 22) .slide-box').each(function() {\n $(this).css({\n 'height': PLP_Height_New_Grid_Desktop + 'px'\n });\n });\n } else {\n var PLP_width = (1/2 * window_Width),\n PLP_Height = (PLP_width * 1.24);\n $('.skp-product-tile .product-tile .image-container, .product-tile .skp-fullscreen-vimeo,.skp-product-tile .product-tile .slide-box,.skp-product-tile .product-tile .slick-list').css('height', PLP_Height);\n \n var PLP_Height_New_Grid_Mobile = (window_Width * 1.24);\n $('.newGrid > :nth-child(22n + 7) .image-container, .newGrid > :nth-child(22n + 8) .image-container, .newGrid > :nth-child(22n + 21) .image-container, .newGrid > :nth-child(22n + 22) .image-container,.newGrid > :nth-child(22n + 7) .slick-list, .newGrid > :nth-child(22n + 8) .slick-list, .newGrid > :nth-child(22n + 21) .slick-list, .newGrid > :nth-child(22n + 22) .slick-list,.newGrid > :nth-child(22n + 7) .slide-box, .newGrid > :nth-child(22n + 8) .slide-box, .newGrid > :nth-child(22n + 21) .slide-box, .newGrid > :nth-child(22n + 22) .slide-box').each(function() {\n $(this).css({\n 'height': PLP_Height_New_Grid_Mobile + 'px'\n });\n });\n \n }\n }\n \n $(document).ready(function () {\n PLPHeightImage();\n });\n \n $(window).on('load resize scroll', function () {\n PLPHeightImage();\n });\n\n // Validate email \n var emailInput;\n function validateEmail(email) {\n var pattern = /^([\\w-\\.]+)@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.)|(([\\w-]+\\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)$/;\n \n return $.trim(email).match(pattern) ? true : false;\n }\n $(\"#email\").on(\"keyup\", function() {\n emailInput = $(this).val();\n \n if (validateEmail(emailInput)) {\n $('.skp-error-msg').hide();\n } else {\n $('.skp-error-msg').show();\n }\n });\n\n$('.skp-materiels').children().last().css('padding-bottom','20px');\n$('.skp-lavage').children().last().css('padding-bottom','20px');\n\n/**\n * send GTM event view_item_list base on gtm attributes \n * @param {*} slider \n */ \nfunction pushGtmList(slider) {\n var items = [];\n let listName = $(slider).data(\"gtmList\");\n $(slider).find(\".product-tile\").each(function (i, v) {\n let itemGtmData = $(this).data(\"gtm\");\n itemGtmData.item_list_name = listName;\n items.push(itemGtmData);\n });\n var listView = {\n event: \"view_item_list\",\n ecommerce: {\n items: items\n }\n }\n dlWaitThenPush(listView)\n}\n$(document).ready(function () {\n var sliders = $(\".slider-recommendations\");\n sliders.each(function (i, slider) {\n pushGtmList(slider);\n });\n});\n\n// Function to handle DOM mutations\nfunction handleMutations(mutationsList, observer) {\n mutationsList.forEach((mutation) => {\n if (mutation.type === 'childList') {\n mutation.addedNodes.forEach((addedNode) => {\n if ($(addedNode).is(\"div.recommendations\")) {\n var items = [];\n let listName = $(addedNode).is(\"div.recommendations.container\") ? \"Upsell - Product Page\" : \"Last products - Product Page\";\n $(addedNode).find(\".product-tile\").each(function (i, v) {\n let itemGtmData = $(this).data(\"gtm\");\n itemGtmData.item_list_name = listName;\n items.push(itemGtmData);\n });\n var einsteinListView = {\n event: \"view_item_list\",\n ecommerce: {\n items: items\n }\n };\n dlWaitThenPush(einsteinListView);\n }\n });\n }\n });\n}\n\nconst targetNode = document.body;\n\nconst observer = new MutationObserver(handleMutations);\n\nconst config = { childList: true, subtree: true };\n\nobserver.observe(targetNode, config);\n\n\nfunction deplace() {\n var wdithofwindow = $(window).width();\n if(wdithofwindow <= 840){\n $('.pp-message,.payment-button').insertAfter('#store_pickup');\n } else {\n $('.pp-message,.payment-button').insertBefore('#store_pickup');\n }\n if(wdithofwindow <= 840){\n $('#ereservation_pickup').insertBefore('.cart-and-ipay .btn-mobile-pay .btn');\n } else {\n $('.pp-message,.payment-button').insertAfter('#ereservation_pickup');\n }\n}\ndeplace();\n\n$('body').on('click', '.scrollSize', function () {\n var $element = $('.skp-product-detials');\n var headerHeight = $('header').innerHeight();\n $('html, body').animate({\n scrollTop: $element.offset().top - headerHeight\n }, 1000); \n});\n\nwindow.onload = function () {\n if ($(\".payment-button\").height() > 0) {\n $(\".pp-message\").removeClass(\"d-block\");\n } else {\n $(\".pp-message\").addClass(\"d-block\").removeClass(\"d-none\");\n }\n};\n\nif (!$('.js-backInstock').hasClass('d-none')) {\n $('#ereservation_pickup').addClass('full-width'); \n $('.js-backInstock').addClass('full-width'); \n}\n\n$('body').on('click', '.overlay-btn-backInstock', function (e) { \n if ($(\".size-field.selected\").length == 0) {\n $('.skp-selcet-size').addClass('show-select-size');\n } else {\n $('.skp-selcet-size').removeClass('show-select-size');\n }\n});\n\n\nconst checkKleepButton = setInterval(function() {\n const kleepButton = $('.kleep-button');\n const kleepBlock = $('.block-kleep');\n const kleepContent = $('.kleep-content');\n \n if (kleepButton.length > 0 && kleepContent.length > 0) {\n\n kleepContent.append(kleepBlock);\n kleepBlock.removeClass('d-none');\n\n clearInterval(checkKleepButton);\n\n const kleepDefault = kleepContent.find('.kleep-default');\n\n const kleepText = kleepContent.attr('data-text-kleep');\n\n kleepDefault.empty();\n\n kleepDefault.append(`${kleepText}`);\n }\n}, 100);\n\n\nif ($('.e-reservation').length && $('.btn-backInstock.full-width').length < 1) {\n $('.btn-mobile-pay').addClass('E-resa-mobile');\n}","var selectStore = $('#store_selector');\nvar mapKey = \"AIzaSyARzS-TAaoD0bFE-D86lKJfim5msHg7Gfg\";\nvar clientId = selectStore.data('client-id');\nvar locale = selectStore.data('locale');\n\n\nstockStore = {\n init: function () {\n // Setup octipas library\n octipas.setup(clientId, locale);\n\n $('body').on('product:afterAttributeSelect',function(event,response) {\n selectStore.data('product-id', response.data.product.id);\n stockStore.loadStock();\n });\n\n // When clicking on the store selector button -> open the store selector iframe\n document.getElementById(\"store_selector\").onclick = function () {\n if ($(\".size-field.selected\").length > 0) { \n $('.store-stock p').removeClass('show-message-stockStore');\n octipas.chooseDefaultStore(selectStore.data('product-id'), mapKey).then(function (store) {\n // If a store has been selected -> load the stocks\n if (store) {\n stockStore.loadStock(store);\n }\n });\n } else {\n $('.store-stock p').addClass('show-message-stockStore');\n }\n };\n\n // When clicking on the store name -> open the store selector iframe\n\n document.getElementById(\"change_store\").onclick = function () {\n\n if ($(\".size-field.selected\").length > 0) {\n $('.error-message-store').addClass('d-none');\n $('.error-message-store').removeClass('red-message');\n octipas.chooseDefaultStore(selectStore.data('product-id'), mapKey).then(function (store) {\n // If a store has been selected -> load the stocks\n if (store) {\n stockStore.loadStock(store);\n }\n });\n } else {\n $('.error-message-store').removeClass('d-none');\n $('.error-message-store').addClass('red-message');\n }\n };\n stockStore.loadStock();\n },\n loadStock: function (storeParam) {\n // Colors and label for stock level\n const colors = {\n\n \"in_stock\": \"#000\",\n \"limited_stock\": \"#FFA500\",\n \"out_of_stock\": \"#DA3939\",\n\n }\n const labels = {\n \"in_stock\": selectStore.data('in-stock'),\n \"limited_stock\": selectStore.data('limited-stock'),\n \"out_of_stock\": selectStore.data('out-of-stock'),\n }\n const store = storeParam || octipas.getDefaultStore();\n if (!store) {\n // Display the store selector button\n document.getElementById(\"store-stock-container\").style.display = \"flex\";\n } else {\n if ($(\".size-field.selected\").length == 0) {\n document.getElementById(\"store_name\").textContent = store.name;\n document.getElementById(\"store_name\").style.display = \"inline\";\n document.getElementById(\"store-info\").style.display = \"flex\";\n }else{\n // Get the stock\n octipas.getProductStock(selectStore.data('product-id'), store.external_id).then(function (stock) {\n // Show stock and store\n document.getElementById(\"store-stock-container\").style.display = \"none\";\n document.getElementById(\"error-message-store\").style.display = \"none\";\n document.getElementById(\"store_name\").textContent = store.name;\n document.getElementById(\"store_name\").style.display = \"inline\";\n document.getElementById(\"store-info\").style.display = \"flex\";\n document.getElementById(\"in_stock_indicator\").textContent = labels[stock.stock_level]\n document.getElementById(\"in_stock_indicator\").style.color = colors[stock.stock_level]\n });\n }\n }\n\n }\n}\n\nmodule.exports = stockStore;\n","'use strict';\n\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n processInclude(require('./product/detail'));\n});\n","'use strict';\nmodule.exports = {\n updateQuantity: function () {\n var count = parseInt($('.minicart .minicart-quantity').text(), 10);\n var valueQuantity = $('.minicart-total.hide-link-med .minicart-quantity');\n\n if (count !== 0) {\n valueQuantity.removeClass('skp-no-product');\n } else {\n valueQuantity.addClass('skp-no-product');\n }\n }\n};","/**\n* Panzoom for panning and zooming elements using CSS transforms\n* Copyright Timmy Willison and other contributors\n* https://github.com/timmywil/panzoom/blob/main/MIT-License.txt\n*/\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Panzoom = factory());\n})(this, (function () { 'use strict';\n\n /*! *****************************************************************************\r\n Copyright (c) Microsoft Corporation.\r\n\r\n Permission to use, copy, modify, and/or distribute this software for any\r\n purpose with or without fee is hereby granted.\r\n\r\n THE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\n REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\n AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\n INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\n LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\n OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\n PERFORMANCE OF THIS SOFTWARE.\r\n ***************************************************************************** */\r\n\r\n var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n };\n\n /* eslint-disable no-var */\n if (typeof window !== 'undefined') {\n // Support: IE11 only\n if (window.NodeList && !NodeList.prototype.forEach) {\n NodeList.prototype.forEach = Array.prototype.forEach;\n }\n // Support: IE11 only\n // CustomEvent is an object instead of a constructor\n if (typeof window.CustomEvent !== 'function') {\n window.CustomEvent = function CustomEvent(event, params) {\n params = params || { bubbles: false, cancelable: false, detail: null };\n var evt = document.createEvent('CustomEvent');\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\n return evt\n };\n }\n }\n\n /**\r\n * Utilites for working with multiple pointer events\r\n */\r\n function findEventIndex(pointers, event) {\r\n var i = pointers.length;\r\n while (i--) {\r\n if (pointers[i].pointerId === event.pointerId) {\r\n return i;\r\n }\r\n }\r\n return -1;\r\n }\r\n function addPointer(pointers, event) {\r\n var i;\r\n // Add touches if applicable\r\n if (event.touches) {\r\n i = 0;\r\n for (var _i = 0, _a = event.touches; _i < _a.length; _i++) {\r\n var touch = _a[_i];\r\n touch.pointerId = i++;\r\n addPointer(pointers, touch);\r\n }\r\n return;\r\n }\r\n i = findEventIndex(pointers, event);\r\n // Update if already present\r\n if (i > -1) {\r\n pointers.splice(i, 1);\r\n }\r\n pointers.push(event);\r\n }\r\n function removePointer(pointers, event) {\r\n // Add touches if applicable\r\n if (event.touches) {\r\n // Remove all touches\r\n while (pointers.length) {\r\n pointers.pop();\r\n }\r\n return;\r\n }\r\n var i = findEventIndex(pointers, event);\r\n if (i > -1) {\r\n pointers.splice(i, 1);\r\n }\r\n }\r\n /**\r\n * Calculates a center point between\r\n * the given pointer events, for panning\r\n * with multiple pointers.\r\n */\r\n function getMiddle(pointers) {\r\n // Copy to avoid changing by reference\r\n pointers = pointers.slice(0);\r\n var event1 = pointers.pop();\r\n var event2;\r\n while ((event2 = pointers.pop())) {\r\n event1 = {\r\n clientX: (event2.clientX - event1.clientX) / 2 + event1.clientX,\r\n clientY: (event2.clientY - event1.clientY) / 2 + event1.clientY\r\n };\r\n }\r\n return event1;\r\n }\r\n /**\r\n * Calculates the distance between two points\r\n * for pinch zooming.\r\n * Limits to the first 2\r\n */\r\n function getDistance(pointers) {\r\n if (pointers.length < 2) {\r\n return 0;\r\n }\r\n var event1 = pointers[0];\r\n var event2 = pointers[1];\r\n return Math.sqrt(Math.pow(Math.abs(event2.clientX - event1.clientX), 2) +\r\n Math.pow(Math.abs(event2.clientY - event1.clientY), 2));\r\n }\n\n var events = {\r\n down: 'mousedown',\r\n move: 'mousemove',\r\n up: 'mouseup mouseleave'\r\n };\r\n if (typeof window !== 'undefined') {\r\n if (typeof window.PointerEvent === 'function') {\r\n events = {\r\n down: 'pointerdown',\r\n move: 'pointermove',\r\n up: 'pointerup pointerleave pointercancel'\r\n };\r\n }\r\n else if (typeof window.TouchEvent === 'function') {\r\n events = {\r\n down: 'touchstart',\r\n move: 'touchmove',\r\n up: 'touchend touchcancel'\r\n };\r\n }\r\n }\r\n function onPointer(event, elem, handler, eventOpts) {\r\n events[event].split(' ').forEach(function (name) {\r\n elem.addEventListener(name, handler, eventOpts);\r\n });\r\n }\r\n function destroyPointer(event, elem, handler) {\r\n events[event].split(' ').forEach(function (name) {\r\n elem.removeEventListener(name, handler);\r\n });\r\n }\n\n var isIE = typeof document !== 'undefined' && !!document.documentMode;\r\n /**\r\n * Lazy creation of a CSS style declaration\r\n */\r\n var divStyle;\r\n function createStyle() {\r\n if (divStyle) {\r\n return divStyle;\r\n }\r\n return (divStyle = document.createElement('div').style);\r\n }\r\n /**\r\n * Proper prefixing for cross-browser compatibility\r\n */\r\n var prefixes = ['webkit', 'moz', 'ms'];\r\n var prefixCache = {};\r\n function getPrefixedName(name) {\r\n if (prefixCache[name]) {\r\n return prefixCache[name];\r\n }\r\n var divStyle = createStyle();\r\n if (name in divStyle) {\r\n return (prefixCache[name] = name);\r\n }\r\n var capName = name[0].toUpperCase() + name.slice(1);\r\n var i = prefixes.length;\r\n while (i--) {\r\n var prefixedName = \"\" + prefixes[i] + capName;\r\n if (prefixedName in divStyle) {\r\n return (prefixCache[name] = prefixedName);\r\n }\r\n }\r\n }\r\n /**\r\n * Gets a style value expected to be a number\r\n */\r\n function getCSSNum(name, style) {\r\n return parseFloat(style[getPrefixedName(name)]) || 0;\r\n }\r\n function getBoxStyle(elem, name, style) {\r\n if (style === void 0) { style = window.getComputedStyle(elem); }\r\n // Support: FF 68+\r\n // Firefox requires specificity for border\r\n var suffix = name === 'border' ? 'Width' : '';\r\n return {\r\n left: getCSSNum(name + \"Left\" + suffix, style),\r\n right: getCSSNum(name + \"Right\" + suffix, style),\r\n top: getCSSNum(name + \"Top\" + suffix, style),\r\n bottom: getCSSNum(name + \"Bottom\" + suffix, style)\r\n };\r\n }\r\n /**\r\n * Set a style using the properly prefixed name\r\n */\r\n function setStyle(elem, name, value) {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n elem.style[getPrefixedName(name)] = value;\r\n }\r\n /**\r\n * Constructs the transition from panzoom options\r\n * and takes care of prefixing the transition and transform\r\n */\r\n function setTransition(elem, options) {\r\n var transform = getPrefixedName('transform');\r\n setStyle(elem, 'transition', transform + \" \" + options.duration + \"ms \" + options.easing);\r\n }\r\n /**\r\n * Set the transform using the proper prefix\r\n *\r\n * Override the transform setter.\r\n * This is exposed mostly so the user could\r\n * set other parts of a transform\r\n * aside from scale and translate.\r\n * Default is defined in src/css.ts.\r\n *\r\n * ```js\r\n * // This example always sets a rotation\r\n * // when setting the scale and translation\r\n * const panzoom = Panzoom(elem, {\r\n * setTransform: (elem, { scale, x, y }) => {\r\n * panzoom.setStyle('transform', `rotate(0.5turn) scale(${scale}) translate(${x}px, ${y}px)`)\r\n * }\r\n * })\r\n * ```\r\n */\r\n function setTransform(elem, _a, _options) {\r\n var x = _a.x, y = _a.y, scale = _a.scale, isSVG = _a.isSVG;\r\n setStyle(elem, 'transform', \"scale(\" + scale + \") translate(\" + x + \"px, \" + y + \"px)\");\r\n if (isSVG && isIE) {\r\n var matrixValue = window.getComputedStyle(elem).getPropertyValue('transform');\r\n elem.setAttribute('transform', matrixValue);\r\n }\r\n }\r\n /**\r\n * Dimensions used in containment and focal point zooming\r\n */\r\n function getDimensions(elem) {\r\n var parent = elem.parentNode;\r\n var style = window.getComputedStyle(elem);\r\n var parentStyle = window.getComputedStyle(parent);\r\n var rectElem = elem.getBoundingClientRect();\r\n var rectParent = parent.getBoundingClientRect();\r\n return {\r\n elem: {\r\n style: style,\r\n width: rectElem.width,\r\n height: rectElem.height,\r\n top: rectElem.top,\r\n bottom: rectElem.bottom,\r\n left: rectElem.left,\r\n right: rectElem.right,\r\n margin: getBoxStyle(elem, 'margin', style),\r\n border: getBoxStyle(elem, 'border', style)\r\n },\r\n parent: {\r\n style: parentStyle,\r\n width: rectParent.width,\r\n height: rectParent.height,\r\n top: rectParent.top,\r\n bottom: rectParent.bottom,\r\n left: rectParent.left,\r\n right: rectParent.right,\r\n padding: getBoxStyle(parent, 'padding', parentStyle),\r\n border: getBoxStyle(parent, 'border', parentStyle)\r\n }\r\n };\r\n }\n\n /**\r\n * Determine if an element is attached to the DOM\r\n * Panzoom requires this so events work properly\r\n */\r\n function isAttached(elem) {\r\n var doc = elem.ownerDocument;\r\n var parent = elem.parentNode;\r\n return (doc &&\r\n parent &&\r\n doc.nodeType === 9 &&\r\n parent.nodeType === 1 &&\r\n doc.documentElement.contains(parent));\r\n }\n\n function getClass(elem) {\r\n return (elem.getAttribute('class') || '').trim();\r\n }\r\n function hasClass(elem, className) {\r\n return elem.nodeType === 1 && (\" \" + getClass(elem) + \" \").indexOf(\" \" + className + \" \") > -1;\r\n }\r\n function isExcluded(elem, options) {\r\n for (var cur = elem; cur != null; cur = cur.parentNode) {\r\n if (hasClass(cur, options.excludeClass) || options.exclude.indexOf(cur) > -1) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\n\n /**\r\n * Determine if an element is SVG by checking the namespace\r\n * Exception: the