').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 + '
'\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + ''\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 if (response.stockError && response.unavailableProducts) {\n unavailableProducts.forEach(function(idx, product){\n var quantityInputID = \"quantities_\" + product.attribute.id + '_' + product.attribute.value;\n $('input#' + quantityInputID).val(product.variant.id);\n var _availableTxt = $('.js-availability-message-container-' + product.attribute.id + '-' + product.attribute.value ).attr('data-text-available');\n var _unavailableTxt = $('.js-availability-message-container-' + product.attribute.id + '-' + product.attribute.value ).attr('data-text-unavailable');\n var $txtContainer = $('.js-availability-message-' + product.attribute.id + '-' + product.attribute.value) ;\n var $quantitySelect = $('#select_quantity_' + product.attribute.id + '_' + product.attribute.value);\n if (product.variant.available === true && product.variant.readyToOrder) {\n $txtContainer.empty().text(_availableTxt);\n $quantitySelect.data('available', true);\n } else {\n $txtContainer.empty().text(_unavailableTxt);\n $quantitySelect.data('available', false);\n }\n updateQuantities(data.product.quantities, $productContainer, {\n id: product.attribute.id,\n value: product.attribute.value\n });\n });\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n '
'\n );\n }\n \n $('html, body').animate({\n scrollTop: $('html').offset().top\n }, 300);\n\n setTimeout(function () {\n $('.minicart').trigger('focusin');\n },500);\n\n setTimeout(function () {\n $('.minicart .popover').removeClass('show');\n },3500)\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\nmodule.exports = {\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\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', '[data-attr=\"color\"] button', 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, 'color');\n });\n },\n\n selectAttribute: function () {\n $(document).on('change', 'select[class*=\"select-\"], .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('change', '.quantity-select', function (e) {\n // TEC-61 : do not control stock when selecting quantity for a variant (B2B case)\n /* if ($(this).hasClass('js-b2b-quantity-select')) {\n return false;\n } */\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 if ($('.bundle-items', $productContainer).length === 0) {\n\n attributeSelect($(e.currentTarget).find('option:selected').data('url'),\n $productContainer, $(e.currentTarget));\n }\n });\n },\n\n addToCart: function () {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function (event) {\n \n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n var errorMessage = $productContainer.find('.size-error-message')[0],\n sizeSelector = $productContainer.find('.custom-select.form-control.select-TEC_size')[0];\n if(sizeSelector && errorMessage) {\n\n var $variationContainer = $('.product-desc');\n if ($(\".size-field.selected\").length == 0) {\n if (window.innerWidth < 544) {\n $('html, body').animate({\n scrollTop: $variationContainer.offset().top\n }, 500);\n }\n errorMessage.style.display = 'block';\n event.preventDefault();\n return;\n } else {\n errorMessage.style.display = 'none';\n }\n }\n if ($(this).hasClass('disabled-btn')) {\n return\n }\n $('body').trigger('product:beforeAddToCart', 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 window.cart.pid = pid;\n\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 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 // TEC-90\n var _quantitySelected = getQuantitySelected($(this));\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n };\n var _productVariants =$(this).data('variants');\n // TEC-90\n if (window.customer.isB2B && _productVariants) { \n form.quantities = _quantitySelected.join(',');\n } else {\n form.quantity = _quantitySelected;\n }\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger('updateAddToCartFormData', form);\n\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 var productDataLayer = JSON.parse(data.productDataLayer);\n dataLayerPushOld({ ecommerce: null });\n dataLayerPushOld({\n 'event': 'addToCart',\n 'ecommerce': {\n 'currencyCode': productDataLayer.currency,\n 'add': { \n 'products': [{ \n 'name': productDataLayer.name,\n 'id': productDataLayer.id,\n 'price': productDataLayer.price,\n 'brand': productDataLayer.brand,\n 'category': productDataLayer.category,\n 'variant': productDataLayer.variant,\n 'quantity': productDataLayer.quantity\n }]\n }\n }\n });\n\n dataLayerPush(data.gaDatalayer.addToCartEvent)\n\n },\n error: function () {\n $.spinner().stop();\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 + $choiceOfBonusProduct.find('.product-name').html()\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 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 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 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 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 + 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();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl\n};\n","\"use strict\";\n\nmodule.exports = {\n productInfo: function () {\n if ($(window).width() > 840) {\n var $sizesContainer = $(\".select-all-size .sizes-container\");\n var $toggleButton = $(\"#toggle-sizes\");\n\n // Vérifier le nombre d'éléments\n if ($sizesContainer.length <= 8) {\n $toggleButton.addClass(\"d-none\");\n } else {\n $toggleButton.removeClass(\"d-none\").addClass(\"d-block\");\n }\n\n // Créer un conteneur pour les éléments restants\n var $extraContainer = $('
');\n $sizesContainer.slice(8).appendTo($extraContainer); // Déplacer les éléments dans la nouvelle div\n\n // Insérer le conteneur avant le bouton\n $extraContainer.insertBefore($toggleButton);\n $extraContainer.hide(); // Masquer par défaut\n\n var isExpanded = false;\n\n // Obtenir les textes des boutons\n var $buttonShowMore = $toggleButton.data(\"show-more\");\n var $buttonShowLess = $toggleButton.data(\"show-less\");\n\n // Gérer le clic sur le bouton\n $toggleButton.on(\"click\", function () {\n if (!isExpanded) {\n $extraContainer.stop(true, true).slideDown(300); // Afficher tous les éléments restants\n $(this).text($buttonShowLess);\n } else {\n $extraContainer.stop(true, true).slideUp(300); // Cacher tous les éléments restants\n $(this).text($buttonShowMore);\n }\n isExpanded = !isExpanded;\n });\n\n var heightProduct = $(\n \".product-view-carousel .carousel-inner\"\n ).outerHeight();\n $(\".product-view-carousel .carousel-indicators\").css({\n \"max-height\": heightProduct,\n \"overflow-y\": \"scroll\",\n });\n\n $(\".product-view-carousel .carousel-indicators\").css({\n \"-ms-overflow-style\": \"none\",\n \"scrollbar-width\": \"none\",\n });\n\n $(\".product-view-carousel .carousel-indicators::-webkit-scrollbar\").css({\n display: \"none\",\n });\n }\n\n function toggleCarouselArrows() {\n var $carousel = $(\".product-view-carousel\");\n var itemCarousel = $carousel.find(\".carousel-item\");\n var $indicators = $carousel.find(\".carousel-indicators li\");\n var $prevArrow = $carousel.find(\".carousel-control-prev\");\n var $nextArrow = $carousel.find(\".carousel-control-next\");\n\n if (itemCarousel.length == 1) {\n $prevArrow.removeClass(\"d-flex\").addClass(\"arrow-disabled\");\n $nextArrow.removeClass(\"d-flex\").addClass(\"arrow-disabled\");\n } else {\n $prevArrow.removeClass(\"arrow-disabled\").addClass(\"d-flex\");\n $nextArrow.removeClass(\"arrow-disabled\").addClass(\"d-flex\");\n\n if ($indicators.first().hasClass(\"active\")) {\n $prevArrow.removeClass(\"d-flex\").addClass(\"arrow-disabled\");\n } else {\n $prevArrow.removeClass(\"arrow-disabled\").addClass(\"d-flex\");\n }\n\n if ($indicators.last().hasClass(\"active\")) {\n $nextArrow.removeClass(\"d-flex\").addClass(\"arrow-disabled\");\n } else {\n $nextArrow.removeClass(\"arrow-disabled\").addClass(\"d-flex\");\n }\n }\n }\n\n toggleCarouselArrows();\n\n $(\".carousel-product-arrows-zoom a\").on(\"click\", function () {\n setTimeout(toggleCarouselArrows, 500);\n });\n\n $(\".carousel-indicators li\").on(\"click\", function () {\n setTimeout(toggleCarouselArrows, 500);\n });\n\n var selectedColor = $(\".color-attribute.selected\").data(\"color-selected\");\n $(\".label-size .color-selected\").empty().text(selectedColor);\n $(\".label-size .selected-label\").removeClass(\"d-none\");\n\n $(document).on(\"click\", \".color-attribute\", function () {\n var selectedColor = $(this).data(\"color-selected\");\n\n $(\".label-size .color-selected\").empty().text(selectedColor);\n\n $(\".label-size .selected-label\").removeClass(\"d-none\");\n\n $(\".color-attribute\").removeClass(\"selected\").prop(\"disabled\", false);\n $(this).addClass(\"selected\").prop(\"disabled\", true);\n });\n\n $(\".color-attribute\").prop(\"disabled\", false);\n $(\".color-attribute.selected\").prop(\"disabled\", true);\n\n var viewSize = $(window).width();\n if(viewSize > 769) {\n var heightOfHeader = $('header').outerHeight();\n var heightbreadCrumb = $('.breadcrumb').outerHeight();\n var $firstChildBlock = $('.tec-detail .first-part-scrolling-pdp');\n \n $firstChildBlock.css('top',(heightOfHeader + heightbreadCrumb) + 'px');\n \n var $childBlock = $('.tec-detail .second-part-scrolling-pdp');\n var childHeight = $childBlock.outerHeight(true);\n }\n\n if ($('.size-unselectable.size-field').length > 0 ) {\n $('.show-back-in-stock').addClass('d-lg-block').removeClass('d-none');\n } else {\n $('.show-back-in-stock').addClass('d-none').removeClass('d-lg-block');\n }\n }\n};\n\n// Appeler la fonction directement\nmodule.exports.productInfo();\n","'use strict';\nvar base = require('./base');\nvar focusHelper = require('base/components/focus');\nconst { productInfo } = require('./product');\n\nfunction SizeSelected() {\n if (!window.customer.isB2B) {\n var quantitySelector = $('.b2b-customer.b2c-customer .quantity-select');\n if ($(\".size-field.selected\").length > 0) {\n $('.add-to-cart-global .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart-global').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n } else {\n $('.add-to-cart-global .label-select-size').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global .label-add-to-cart').removeClass('d-block').addClass('d-none');\n $('.label-select-size').parents('.add-to-cart-global').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n }\n\n if ($(\".size-field.selectable\").length == 0) {\n $('.add-to-cart-global .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart-global').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n }\n\n if ($('.add-to-cart-global').parents('.attributes').find('.variation-container').hasClass('no-size')) {\n $('.add-to-cart-global .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart-global').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n }\n\n if ($('.size-field').length > 0) { \n if ($('.size-field.selected').length === 0) {\n quantitySelector.prop('disabled', true).addClass('btn-qt-disabled');\n $('.quantity-btn').addClass('btn-qt-disabled');\n } else {\n quantitySelector.prop('disabled', false).removeClass('btn-qt-disabled');\n $('.quantity-btn').removeClass('btn-qt-disabled');\n }\n }\n \n } else {\n var quantitySelector = $('.b2b-customer:not(.b2c-customer) .quantity-select');\n if ($(\".js-b2b-quantity-select:not(.disabled-select)\").length > 0 && $('.js-b2b-quantity-select').val() == \"0\") {\n $('.add-to-cart-global .label-select-size').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global .label-add-to-cart').removeClass('d-block').addClass('d-none');\n $('.label-select-size').parents('.add-to-cart-global').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n } else {\n $('.add-to-cart-global .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart-global').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n }\n $('.js-b2b-quantity-select:not(.disabled-select)').on('change', function () {\n var selectedValue = $(this).val();\n \n if (selectedValue !== \"0\") { \n $('.add-to-cart-global .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart-global').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n } else {\n $('.add-to-cart-global').find('.label-select-size').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global').find('.label-add-to-cart').removeClass('d-block').addClass('d-none');\n $('.add-to-cart-global').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n }\n }); \n\n $('.js-b2b-quantity-select:not(.disabled-select)').each(function () {\n if ($(this).val() !== \"0\") {\n $('.add-to-cart-global .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart-global').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n }\n });\n }\n}\n\nSizeSelected();\n\nvar sizeSelector = document.querySelector(\".custom-select.select-TEC_size\"),\nquantitySelector = document.querySelector(\".quantity-select\"),\naddToCartButton = document.querySelector(\".add-to-cart-global\"),\nerrorMessage = document.querySelector(\".size-error-message\");\n\nfunction Quantity() {\n if (errorMessage && sizeSelector) {\n $(sizeSelector).on(\"change\", function () {\n if ($('.size-field').length > 0) { \n if ($(\".size-field.selected\").length === 0) {\n $(errorMessage).css(\"display\", \"none\");\n $(quantitySelector).prop(\"disabled\", false).removeClass(\"btn-qt-disabled\");\n $(\".quantity-btn\").removeClass(\"btn-qt-disabled\");\n }\n }\n });\n \n $(quantitySelector).on(\"click\", checkSizeSelection);\n $(addToCartButton).on(\"click\", checkSizeSelection);\n } \n\n $(\".quantity-btn\").on(\"click\", function (event) {\n var quantitySelector = $(\".quantity-select\");\n var errorMessage = $(\".size-error-message\");\n\n if ($(\".size-field.selected\").length === 0 && $('.size-field').length > 0) {\n event.preventDefault();\n errorMessage.css(\"display\", \"block\");\n quantitySelector.prop(\"disabled\", true).addClass(\"btn-qt-disabled\");\n $(\".quantity-btn\").addClass(\"btn-qt-disabled\");\n } else {\n errorMessage.css(\"display\", \"none\");\n quantitySelector.prop(\"disabled\", false).removeClass(\"btn-qt-disabled\");\n $(\".quantity-btn\").removeClass(\"btn-qt-disabled\");\n }\n});\n\n $(\".size-selector-container\").each(function () {\n const $select = $(this).find(\"select\");\n $select.on(\"focusin\", function (e) {\n e.preventDefault();\n $(this).addClass(\"focused\");\n }).on(\"focusout\", function (e) {\n e.preventDefault();\n $(this).removeClass(\"focused\");\n });\n\n $(this).find(\".plus-btn\").on(\"click\", function () {\n if ($select.prop(\"selectedIndex\") < $select.find(\"option\").length - 1) {\n $select.prop(\"selectedIndex\", $select.prop(\"selectedIndex\") + 1).trigger(\"change\");\n }\n });\n\n $(this).find(\".minus-btn\").on(\"click\", function () {\n if ($select.prop(\"selectedIndex\") > 0) {\n $select.prop(\"selectedIndex\", $select.prop(\"selectedIndex\") - 1).trigger(\"change\");\n }\n });\n });\n}\n\nQuantity();\n\n/**\n * Validate size selection in the modal\n */\nfunction checkSizeSelection(event) {\n var sizeSelector = $('#quickViewModal .custom-select.form-control.select-TEC_size');\n if (sizeSelector) {\n if ($('.size-field').length > 0) { \n if ($(\".size-field.selected\").length === 0) {\n event.preventDefault();\n $('.quantitySelector').prop('disabled', true).addClass('btn-qt-disabled');\n $('.quantity-btn').addClass('btn-qt-disabled');\n } else {\n $('.quantitySelector').prop('disabled', false).removeClass('btn-qt-disabled');\n $('.quantity-btn').removeClass('btn-qt-disabled');\n }\n }\n }\n}\n\n$('.tec-product').on('click',function(){\n var product = $(this).data('ga');\n var product_posi = $(this).closest(\".tec-search\").data('position');\n dataLayerPushOld({ ecommerce: null }); \n dataLayerPushOld({\n 'event': 'productClick',\n 'ecommerce': {\n 'click': {\n 'products': [{\n 'id': \"{\" + product.id + \"}\",\n 'name': \"{\" + product.productName + \"}\",\n 'price': \"{\" + product.price.sales.value + \"}\",\n 'category': \"{\" + product.productData.category + \"}\",\n 'brand': \"{\" + product.brand + \"}\",\n 'variant': \"{\" + product.productData.variant + \"}\",\n 'position': \"{\" + product_posi + \"}\"\n }]\n }\n }\n });\n});\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($('#quickViewModal').length !== 0) {\n $('#quickViewModal').remove();\n }\n if (navigator.platform.toUpperCase().indexOf('WIN') >= 0) {\n var customLineHeight = \"customLineHeight\";\n }\n var htmlString = ''\n + '
';\n $('body').append(htmlString);\n}\n\n/**\n * @typedef {Object} QuickViewHtml\n * @property {string} body - Main Quick View body\n * @property {string} footer - Quick View footer content\n */\n\n/**\n * Parse HTML code in Ajax response\n *\n * @param {string} html - Rendered HTML from quickview template\n * @return {QuickViewHtml} - QuickView content components\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window on for the selected product variation.\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(selectedValueUrl) {\n $('.modal-body').spinner().start();\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $('.modal-body').empty();\n $('.modal-body').html(parsedHtml.body);\n $('.modal-footer').html(parsedHtml.footer);\n $('#quickViewModal .full-pdp-link').attr('href', data.productUrl);\n $('#quickViewModal .size-chart').attr('href', data.productUrl);\n $('#quickViewModal .modal-header .close .sr-only').text(data.closeButtonText);\n $('#quickViewModal .enter-message').text(data.enterDialogMessage);\n $('#quickViewModal').modal('show');\n $('body').trigger('quickview:ready');\n var selectedColor = $('.color-attribute.selected').data('color-selected');\n $('.label-size .color-selected').empty().text(selectedColor);\n $('.label-size .selected-label').removeClass('d-none');\n $(document).on(\"click\", \".size-field\", function(event) {\n event.preventDefault();\n event.stopPropagation();\n var $productContainer = $(this).closest('.product-detail');\n var errorMessage = $productContainer.find('.size-error-message');\n $(this).parents('.sizes-container-block').find('.select-size').val($(this).data(\"attr-value\")).trigger('change');\n $(\".size-field\").removeClass(\"selected\");\n $(this).addClass(\"selected\");\n $('.quantity-select').removeClass('btn-qt-disabled');\n $('.quantity-btn').removeClass('btn-qt-disabled');\n $('.quantity-select').removeAttr('disabled');\n errorMessage.css('display', 'none');\n SizeSelected();\n });\n \n SizeSelected();\n Quantity();\n checkSizeSelection(event);\n productInfo();\n $('.tec-badge span').each(function() {\n if ($(this).text().trim() !== '') {\n $(this).closest('.tec-badge').addClass('badge-exist');\n }\n });\n $('.quantity-select').select2({\n minimumResultsForSearch: -1,\n }).on('select2:open', () => {\n $(\".select2-container--default\").addClass('select2-b2b-quantity');\n });\n if ($('.size-field.selected').length === 0 && $('.size-field').length > 0) {\n $(\"select.quantity-select\").html('
0 ');\n $('.label-select-size').parents('.add-to-cart-global').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n }\n\n var $select = $('.custom-select.select-size');\n var $selectAllSizeContainer = $('.select-all-size');\n \n if ($select.find('option').length > 0) {\n $selectAllSizeContainer.empty();\n \n $select.find('option').each(function () {\n var $option = $(this);\n var sizeValue = $option.text().trim();\n var dataAttrValue = $option.attr('value');\n var dataProductId = new URL(dataAttrValue).searchParams.get('pid');\n var isDisabled = $option.is(':disabled') ? 'size-unselectable' : 'selectable';\n \n if ($selectAllSizeContainer.find(`[data-size-value=\"${sizeValue}\"]`).length === 0) {\n var sizeBlock = `\n
\n \n ${sizeValue}\n \n
`;\n \n $selectAllSizeContainer.append(sizeBlock);\n }\n });\n \n $selectAllSizeContainer.show();\n }\n\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n\n\n/**\n * Initialize event listeners for quick view modal\n */\nmodule.exports = {\n showQuickview: function () {\n $('body').on('click', '.quickview', function (e) {\n e.preventDefault();\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\n $(e.target).trigger('quickview:show');\n getModalHtmlElement();\n fillModalElement(selectedValueUrl);\n });\n },\n focusQuickview: function () {\n $('body').on('shown.bs.modal', '#quickViewModal', function () {\n var errorMessage = $('#quickViewModal .size-error-message')[0];\n if(errorMessage) {\n $('#quickViewModal .custom-select.form-control').on('change', function() {\n if ($(\".size-field.selected\").length > 0) {\n $('#quickViewModal .size-error-message').hide();\n }\n });\n\n $('#quickViewModal .quantity-select, #quickViewModal .add-to-cart-global').on('click', checkSizeSelection);\n }\n $('#quickViewModal .close').focus();\n });\n },\n trapQuickviewFocus: function () {\n $('body').on('keydown', '#quickViewModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#quickViewModal',\n firstElementSelector: '.full-pdp-link',\n lastElementSelector: '.add-to-cart-global',\n nextToLastElementSelector: '.modal-footer .quantity-select'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n availability: base.availability,\n addToCart: base.addToCart,\n showSpinner: function () {\n $('body').on('product:beforeAddToCart', function (e, data) {\n $(data).closest('.modal-content').spinner().start();\n });\n },\n hideDialog: function () {\n $('body').on('product:afterAddToCart', function () {\n $('#quickViewModal').modal('hide');\n });\n },\n beforeUpdateAttribute: function () {\n $('body').on('product:beforeAttributeSelect', function () {\n $('.modal.show .modal-content').spinner().start();\n });\n },\n updateAttribute: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.modal.show .product-quickview>.bundle-items').length) {\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\n $('.modal.show').find(response.container)\n .find('.product-id').text(response.data.product.id);\n } else if ($('.set-items').length) {\n response.container.find('.product-id').text(response.data.product.id);\n } else {\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\n $('.modal.show .full-pdp-link')\n .attr('href', response.data.product.selectedProductUrl);\n }\n if ($('.size-field.selected').length === 0 && $('.size-field').length > 0 && $('.size-field.selectable').length > 0 ) {\n $('.label-select-size').parents('.add-to-cart-global').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n $('.add-to-cart-global').find('.label-select-size').removeClass('d-none').addClass('d-block');\n $('.add-to-cart-global').find('.label-add-to-cart').removeClass('d-block').addClass('d-none');\n } else {\n $('.add-to-cart-global').find('.label-select-size').removeClass('d-block').addClass('d-none');\n $('.add-to-cart-global').find('.label-add-to-cart').removeClass('d-none').addClass('d-block');\n }\n if ($('.size-field').length > 0 && $('.size-field.selectable').length < 1 ) {\n $('.label-select-size').parents('.add-to-cart-global').removeClass('btn-blue').addClass('btn-primary disabled-btn');\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-global', response.$productContainer)\n .toggleClass('disabled-btn', (!response.product.readyToOrder || !response.product.available));\n\n // update global add to cart (single products, bundles)\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n $('.add-to-cart-global', dialog).attr('disabled',\n !$('.global-availability', dialog).data('ready-to-order')\n || !$('.global-availability', dialog).data('available')\n );\n var $productContainer = $(this).closest('.product-detail');\n var errorMessage = $productContainer.find('.size-error-message');\n var sizeSelector = $productContainer.find('.custom-select.form-control.select-TEC_size');\n \n if (sizeSelector.length && errorMessage.length) {\n if ($('.size-field.selected').length === 0) {\n errorMessage.css('display', 'block');\n event.preventDefault();\n return;\n } else {\n errorMessage.css('display', 'none');\n }\n }\n \n if ($(this).hasClass('disabled-btn')) {\n return;\n } \n });\n },\n updateAvailability: function () {\n $('body').on('product:updateAvailability', function (e, response) {\n // bundle individual products\n $('.product-availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n\n\n var dialog = $(response.$productContainer)\n .closest('.quick-view-dialog');\n\n if ($('.product-availability', dialog).length) {\n // bundle all products\n var allAvailable = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $('.product-availability', dialog).toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $('.global-availability', dialog)\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg', dialog).empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n } else {\n // single product\n $('.global-availability', dialog)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available)\n .find('.availability-msg')\n .empty()\n .html(response.message);\n }\n });\n }\n};\n","'use strict';\n\nvar processInclude = require('base/util');\n\n$(document).ready(function () {\n processInclude(require('./search/search'));\n processInclude(require('./product/quickView'));\n processInclude(require('./product/product'));\n});\n","'use strict';\n\n/**\n * Update DOM elements with Ajax results\n *\n * @param {Object} $results - jQuery DOM element\n * @param {string} selector - DOM element to look up in the $results\n * @return {undefined}\n */\nfunction updateDom($results, selector) {\n var $updates = $results.find(selector);\n $(selector).empty().html($updates.html());\n}\n\n/**\n * Keep refinement panes expanded/collapsed after Ajax refresh\n *\n * @param {Object} $results - jQuery DOM element\n * @return {undefined}\n */\nfunction handleRefinements($results) {\n $('.refinement.active').each(function () {\n $(this).removeClass('active');\n var activeDiv = $results.find('.' + $(this)[0].className.replace(/ /g, '.'));\n activeDiv.addClass('active');\n activeDiv.find('button.title').attr('aria-expanded', 'true');\n });\n\n updateDom($results, '.refinements');\n}\n\n/**\n * Parse Ajax results and updated select DOM elements\n *\n * @param {string} response - Ajax response HTML code\n * @return {undefined}\n */\nfunction parseResults(response) {\n var $results = $(response);\n var specialHandlers = {\n '.refinements': handleRefinements\n };\n\n // Update DOM elements that do not require special handling\n [\n '.grid-header',\n '.header-bar',\n '.header.page-title',\n '.product-grid',\n '.show-more',\n '.filter-bar'\n ].forEach(function (selector) {\n updateDom($results, selector);\n });\n\n Object.keys(specialHandlers).forEach(function (selector) {\n specialHandlers[selector]($results);\n });\n}\n\nfunction parseResultsMobile(response) {\n var $results = $(response);\n\n // Update DOM elements that do not require special handling\n [\n '.grid-header',\n '.header-bar',\n '.header.page-title',\n '.product-grid',\n '.show-more',\n ].forEach(function (selector) {\n updateDom($results, selector);\n });\n\n}\n\n/**\n * This function retrieves another page of content to display in the content search grid\n * @param {JQuery} $element - the jquery element that has the click event attached\n * @param {JQuery} $target - the jquery element that will receive the response\n * @return {undefined}\n */\nfunction getContent($element, $target) {\n var showMoreUrl = $element.data('url');\n $.spinner().start();\n $.ajax({\n url: showMoreUrl,\n method: 'GET',\n success: function (response) {\n $target.append(response);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Update sort option URLs from Ajax response\n *\n * @param {string} response - Ajax response HTML code\n * @return {undefined}\n */\nfunction updateSortOptions(response) {\n var $tempDom = $('
').append($(response));\n var sortOptions = $tempDom.find('.grid-footer').data('sort-options').options;\n sortOptions.forEach(function (option) {\n $('option.' + option.id).val(option.url);\n });\n}\n\nmodule.exports = {\n filter: function () {\n // Display refinements bar when Menu icon clicked\n $('.container').on('click', 'button.filter-results', function () {\n $('.refinement-bar, .modal-background').show();\n $('.refinement-bar').siblings().attr('aria-hidden', true);\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', true);\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', true);\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', true);\n $('.refinement-bar .close').focus();\n $('body').css('overflow-y','hidden');\n });\n },\n\n closeRefinements: function () {\n // Refinements close button\n $('.container').on('click', '.refinement-bar button.validate, .modal-background,.refinement-bar button.close-refinement-popin', function () {\n $('.refinement-bar, .modal-background').hide();\n $('.refinement-bar').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', false);\n $('.btn.filter-results').focus();\n $('body').css('overflow-y','auto');\n });\n },\n order: function () {\n // Display refinements bar when Menu icon clicked\n $('.container').on('click', 'button.order-results', function () {\n $('.refinement-bar-order, .modal-background').show();\n $('.refinement-bar-order').siblings().attr('aria-hidden', true);\n $('.refinement-bar-order').closest('.row').siblings().attr('aria-hidden', true);\n $('.refinement-bar-order').closest('.tab-pane.active').siblings().attr('aria-hidden', true);\n $('.refinement-bar-order').closest('.container.search-results').siblings().attr('aria-hidden', true);\n $('.refinement-bar-order .close').focus();\n });\n },\n\n closeorder: function () {\n // Refinements close button\n $('.container').on('click', '.refinement-bar-order button.validate, .modal-background,.refinement-bar-order button.btn-close-trie', function () {\n $('.refinement-bar-order, .modal-background').hide();\n $('.refinement-bar-order').siblings().attr('aria-hidden', false);\n $('.refinement-bar-order').closest('.row').siblings().attr('aria-hidden', false);\n $('.refinement-bar-order').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\n $('.refinement-bar-order').closest('.container.search-results').siblings().attr('aria-hidden', false);\n $('.btn.filter-results').focus();\n });\n $('.container').on('click', '.refinement-bar-order .close-refinement', function (e) {\n e.preventDefault();\n var parentRefinement = $(this).parents('.refinement-bar-order');\n parentRefinement.find('.refinements-order .check-square').removeClass('checked');\n });\n },\n\n resize: function () {\n // Close refinement bar and hide modal background if user resizes browser\n $(window).resize(function () {\n $('.refinement-bar, .modal-background').hide();\n $('.refinement-bar').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', false);\n });\n },\n\n sort: function () {\n // Handle sort order menu selection\n $('.container').on('click', '.refinements-order:not(.refinements-order-mobile) .values button', function (e) {\n e.preventDefault();\n $.spinner().start();\n var $clickedButton = $(this);\n var url = $(this).data('href');\n $(this).trigger('search:sort', url);\n \n $.ajax({\n url: url,\n method: 'GET',\n success: function (response) {\n $('.product-grid').empty().html(response);\n\n var selectedText = $clickedButton.find('span[aria-hidden=\"true\"]').text().trim();\n $('.refinement-trie .accordion-title h3 .title-trie-text').text(selectedText);\n $('.filter-trie-block .order-selected').empty().text(selectedText);\n applyScrolling();\n paginationPlp();\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n \n $(this).closest('.values').find('button').each(function () {\n $(this).find('.check-square').removeClass('checked');\n $(this).find('span').removeClass('selected');\n });\n $(this).find('.check-square').addClass('checked');\n $(this).find('span').addClass('selected');\n });\n },\n sortMobile: function () {\n // Handle sort order menu selection\n $('.container').on('click', '.refinements-order.refinements-order-mobile .values button', function (e) {\n $(this).closest('.values').find('button').each(function () {\n $(this).find('.check-square').removeClass('checked');\n $(this).find('span').removeClass('selected');\n });\n $(this).find('.check-square').addClass('checked');\n $(this).find('span').addClass('selected');\n });\n\n $('.container').on('click','.refinement-bar-order .filter-footer .btn-primary', function () {\n var $selectedOption = $('.refinements-order-mobile .values button .check-square.checked');\n var $selectedButton = $selectedOption.parents('button');\n\n if ($selectedButton.length > 0) {\n var url = $selectedButton.data('href');\n $.spinner().start();\n \n $.ajax({\n url: url,\n method: 'GET',\n success: function (response) {\n $('.product-grid').empty().html(response);\n var selectedText = $selectedButton.find('span[aria-hidden=\"true\"]').text().trim();\n $('.refinement-trie .accordion-title h3 .title-trie-text').text(selectedText);\n $('.filter-trie-block .order-selected').empty().text(selectedText);\n \n applyScrolling();\n fixedRefinementBarMobile();\n paginationPlp();\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n\n showMore: function () {\n // Show more products\n $('.container').on('click', '.show-more button', function (e) {\n e.stopPropagation();\n var showMoreUrl = $(this).data('url');\n var pageNumber = $('#next-page-href').data('page-number');\n e.preventDefault();\n\n $.spinner().start();\n $(this).trigger('search:showMore', e);\n $.ajax({\n url: showMoreUrl,\n data: { \n selectedUrl: showMoreUrl,\n pageNumber: pageNumber\n },\n method: 'GET',\n success: function (response) {\n $('.grid-footer').replaceWith(response);\n updateSortOptions(response);\n $.spinner().stop();\n var tecCountProduct = $('.tec-product-tile').length;\n $(\".tec-number-product .tec-load-more-p\").text(function (i, txt) {\n return txt.replace(/\\d+/, tecCountProduct);\n });\n applyScrolling();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n generatePrevisousPlpLink: function() {\n $(document).on('click', '.tec-remember', function(event) {\n // Check if the clicked element is the parent or a child (the button)\n if (!$(event.target).is('.quickview') || !$(event.target).closest('.quickview').length > 0) {\n const pid = $(this).data('pid');\n var filterUrl = $('.grid-footer .permalink').val();\n var scrollPosition = $(document).scrollTop();\n sessionStorage.setItem('scrollPosition_PLP', scrollPosition.toString());\n window.history.replaceState(null, \"\", decodeURI(filterUrl));\n }\n });\n },\n applyFilter: function () {\n // Handle refinement value selection and reset click\n $('.container').on(\n 'click',\n '.filtre-desktop .refinements li button,.refinement-bar button.reset,.filtre-desktop .filter-value button,.filtre-desktop .swatch-filter button',\n function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var $target = $(e.target);\n\n $.spinner().start();\n $(this).trigger('search:filter', e);\n $.ajax({\n url: $(this).data('href'),\n data: {\n page: $('.grid-footer').data('page-number'),\n selectedUrl: $(this).data('href')\n },\n method: 'GET',\n success: function (response) {\n parseResults(response);\n paginationPlp();\n $.spinner().stop();\n $(\".filtres .accordion-title\").click(function(e) {\n var accordionItem = $(this).attr(\"data-tab\");\n $(this).toggleClass(\"tec-arrow\");\n $(this).siblings(\".accordion-content[data-tab='\" + accordionItem + \"']\").slideToggle();\n });\n\n if ($target.is('.refinement-bar button.reset')) {\n $('.filtre-desktop .secondary-bar .reset').removeClass('d-block').addClass('d-none');\n } else {\n $('.filtre-desktop .secondary-bar .reset').removeClass('d-none').addClass('d-block');\n }\n\n if ($(window).width() < 840) {\n var countChecked = $('.refinement-bar-block-desktop .check-square.checked').length;\n if (countChecked > 0) {\n $('.count-filter').append('(' + countChecked + ')');\n }\n var $clickedButton = $('.refinements-order-mobile .values button');\n var selectedText = $clickedButton.find('span[aria-hidden=\"true\"].selected').text().trim();\n $('.refinement-trie .accordion-title h3 .title-trie-text').text(selectedText);\n $('.filter-trie-block .order-selected').empty().text(selectedText);\n }\n var tecCountProduct = $('.grid-footer').data('page-count');\n $(\".results-count h2\").text(function (i, txt) {\n return txt.replace(/\\d+/, tecCountProduct);\n });\n applyScrolling();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n applyFilterMobile: function () {\n var selectedFilters = {};\n \n // Capture les paramètres initiaux au chargement\n var initialParams = {};\n const urlParams = new URLSearchParams(window.location.search);\n for (const [key, value] of urlParams.entries()) {\n if (!initialParams[key]) {\n initialParams[key] = [];\n }\n initialParams[key].push(value);\n }\n \n $('.container').on(\n 'click',\n '.filtre-mobile .refinements li button ,.filtre-mobile .filter-value button,.filtre-mobile .swatch-filter button',\n function (e) {\n e.preventDefault();\n e.stopPropagation();\n \n var $button = $(this);\n $button.find('.check-square').toggleClass('checked');\n\n var parentRefinement = $('.filtre-mobile .check-square').parents('.refinement-bar');\n\n if ($('.filtre-mobile .check-square.checked').length > 0) {\n parentRefinement.find('.result-count button').removeClass('disbaled-button');\n } else {\n parentRefinement.find('.result-count button').addClass('disbaled-button');\n }\n \n var filterUrl = $button.data('href');\n \n if (filterUrl) {\n var urlParams = new URLSearchParams(filterUrl.split('?')[1]);\n \n for (const [key, value] of urlParams.entries()) {\n if (!selectedFilters[key]) {\n selectedFilters[key] = [];\n }\n \n // Ajouter ou retirer les valeurs dynamiques\n if ($button.find('.check-square').hasClass('checked')) {\n if (!selectedFilters[key].includes(value)) {\n selectedFilters[key].push(value);\n }\n } else {\n const index = selectedFilters[key].indexOf(value);\n if (index > -1) {\n selectedFilters[key].splice(index, 1);\n }\n }\n }\n \n if (!selectedFilters.baseUrl) {\n selectedFilters.baseUrl = filterUrl.split('?')[0];\n }\n }\n }\n );\n \n $('.container').on('click', '.refinemnt-footer .result-count button', function (e) {\n e.preventDefault();\n \n if (Object.keys(selectedFilters).length > 1) {\n $.spinner().start();\n \n var combinedParams = new URLSearchParams();\n \n // Ajouter les filtres dynamiques restants\n for (const key in selectedFilters) {\n if (key !== 'baseUrl') {\n selectedFilters[key].forEach(function (value) {\n combinedParams.append(key, value);\n });\n }\n }\n \n var finalUrl = (selectedFilters.baseUrl || window.location.href.split('?')[0]) + '?' + combinedParams.toString();\n\n $.ajax({\n url: finalUrl,\n method: 'GET',\n success: function (response) {\n parseResultsMobile(response);\n fixedRefinementBarMobile();\n paginationPlp();\n $.spinner().stop();\n \n selectedFilters = {}; // Réinitialise uniquement les filtres dynamiques\n $('.reset-mobile.reset').removeClass('d-none').addClass('d-block');\n $('.reset-mobile-header.reset').on('click', function () {\n $('.reset-mobile.reset').removeClass('d-block').addClass('d-none');\n });\n $('.reset-mobile.reset').on('click', function () {\n $(this).removeClass('d-block').addClass('d-none');\n });\n \n if ($(window).width() < 840) {\n var countChecked = $('.filtre-mobile .check-square.checked').length;\n if (countChecked > 0) {\n $('.count-filter').append('(' + countChecked + ')');\n }\n var $selectedOption = $('.refinements-order-mobile .values button .check-square.checked');\n var $selectedButton = $selectedOption.parents('button');\n var selectedText = $selectedButton.find('span[aria-hidden=\"true\"]').text().trim();\n if ($selectedButton.length > 0) {\n $('.refinement-trie .accordion-title h3 .title-trie-text').text(selectedText);\n $('.filter-trie-block .order-selected').empty().text(selectedText);\n }\n }\n \n var tecCountProduct = $('.tec-product-tile').length;\n $(\".results-count h2\").text(function (i, txt) {\n return txt.replace(/\\d+/, tecCountProduct);\n });\n \n applyScrolling();\n $('.secondary-bar .reset').removeClass('d-none').addClass('d-block');\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n\n $('.container').on('click', '.refinement-bar .close-refinement', function (e) {\n e.preventDefault();\n var parentRefinement = $(this).parents('.refinement-bar');\n parentRefinement.find('.accordion-item .check-square').removeClass('checked');\n });\n },\n\n showContentTab: function () {\n // Display content results from the search\n $('.container').on('click', '.content-search', function () {\n if ($('#content-search-results').html() === '') {\n getContent($(this), $('#content-search-results'));\n }\n });\n\n // Display the next page of content results from the search\n $('.container').on('click', '.show-more-content button', function () {\n getContent($(this), $('#content-search-results'));\n $('.show-more-content').remove();\n });\n }\n};\n\n$('.product-comparison').addClass('tec-search');\n\n$(\".tileVariationAttributes .size-plp\").each(function () {\n var $block = $(this);\n var $items = $block.find(\"a\");\n\n if ($items.length > 3) {\n $items.slice(0, 3).show();\n\n $items.slice(3).hide();\n\n var remainingCount = $items.length - 3;\n\n var $remainingSpan = $('
+' + remainingCount + ' ');\n\n $block.append($remainingSpan);\n }\n});\n\n$('.tec-badge span').each(function() {\n if ($(this).text().trim() !== '') {\n $(this).closest('.tec-badge').addClass('badge-exist');\n }\n});\n\n$(document).on('click', '.click-more-filtre', function() {\n $('.custom-scroll').mCustomScrollbar('scrollTo', 'bottom', {\n scrollInertia: 500 \n });\n $(this).hide();\n});\n\nvar maxVisibleItems = 5;\n\n$('.refinements .accordion-item').each(function () {\n var $list = $(this).find('.values.content');\n var $listItems = $list.find('li');\n var $seeMoreBtn = $listItems.siblings('.see-more-btn');\n\n if ($listItems.length > maxVisibleItems) {\n $listItems.slice(maxVisibleItems).hide();\n $seeMoreBtn.removeClass('d-none').addClass('d-block');\n }\n\n $seeMoreBtn.on('click', function () {\n $listItems.show();\n $(this).removeClass('d-block').addClass('d-none');\n });\n});\n\nfunction applyScrolling () {\n var viewSize = $(window).width();\n\n if(viewSize > 769) {\n var heightOfHeader = $('header').outerHeight();\n var heightbreadCrumb = $('.breadcrumb').outerHeight();\n var $firstChildBlock = $('.first-part-scrolling');\n \n $firstChildBlock.css('top',(heightOfHeader + heightbreadCrumb) + 'px');\n \n var $childBlock = $('.second-part-scrolling');\n var childHeight = $childBlock.outerHeight(true);\n }\n}\n\nvar parentRefinement = $('.filtre-mobile .check-square').parents('.refinement-bar');\n\nif ($('.filtre-mobile .check-square.checked').length > 0) {\n parentRefinement.find('.result-count button').removeClass('disbaled-button');\n} else {\n parentRefinement.find('.result-count button').addClass('disbaled-button');\n}\n\napplyScrolling();\n\n\nfunction fixedRefinementBarMobile() {\n const $header = $('.mobile-grid-header');\n const $tiles = $('.col-md-3.tec-search.tec-product-tile .product');\n const headerInitialOffset = $header.offset().top;\n \n let lastScrollTop = 0;\n \n function areAllTilesAboveViewport() {\n const windowTop = $(window).scrollTop();\n \n return $tiles.length > 0 && $tiles.toArray().every(tile => {\n const tileBottom = $(tile).offset().top + $(tile).outerHeight();\n return tileBottom <= windowTop;\n });\n }\n \n $(window).on('scroll', function () {\n const scrollTop = $(window).scrollTop();\n \n if (scrollTop > lastScrollTop) {\n // Scroll vers le bas\n if (areAllTilesAboveViewport()) {\n $header.addClass('hidden-header');\n } else if (scrollTop >= headerInitialOffset) {\n $header.addClass('fixed-header').removeClass('hidden-header');\n }\n } else {\n // Scroll vers le haut\n if (scrollTop <= headerInitialOffset) {\n $header.removeClass('fixed-header');\n } else {\n $header.addClass('fixed-header').removeClass('hidden-header');\n }\n }\n \n lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;\n });\n }\n \n\nfixedRefinementBarMobile();\n\nfunction paginationPlp() {\n const maxVisiblePages = 10;\n const $paginationItems = $('.pagination .page-item').not('.prev-page, .next-page');\n \n let currentPageIndex = $paginationItems.filter('.disabled').index() - 1;\n \n function updatePaginationDisplay() {\n $paginationItems.hide();\n \n let startPage = Math.max(0, currentPageIndex - Math.floor(maxVisiblePages / 2));\n let endPage = Math.min(startPage + maxVisiblePages, $paginationItems.length);\n \n if (endPage - startPage < maxVisiblePages) {\n startPage = Math.max(0, endPage - maxVisiblePages);\n }\n \n $paginationItems.slice(startPage, endPage).show();\n \n $paginationItems.removeClass('disabled');\n \n if (currentPageIndex >= 0 && currentPageIndex < $paginationItems.length) {\n $paginationItems.eq(currentPageIndex).addClass('disabled');\n }\n \n localStorage.setItem('currentPageIndex', currentPageIndex);\n }\n \n function handlePageChange(direction) {\n if (direction === 'next' && currentPageIndex + 1 < $paginationItems.length) {\n currentPageIndex++;\n } else if (direction === 'prev' && currentPageIndex > 0) {\n currentPageIndex--;\n }\n updatePaginationDisplay();\n }\n \n $('.pagination .prev-page a').on('click', function (e) {\n handlePageChange('prev');\n });\n \n $('.pagination .next-page a').on('click', function (e) {\n handlePageChange('next');\n });\n \n updatePaginationDisplay();\n}\n\npaginationPlp();\n\nvar $selectedOption = $('.order-desktop .refinements-order:not(.refinements-order-mobile) .values button .check-square.checked');\nvar $selectedButton = $selectedOption.parents('button');\n\nif ($selectedButton.length > 0) {\n var selectedText = $selectedButton.find('span[aria-hidden=\"true\"]').text().trim();\n $('.refinement-trie .accordion-title h3 .title-trie-text').empty().text(selectedText);\n $('.filter-trie-block .order-selected').empty().text(selectedText);\n\n function syncCheckedState() {\n\n $('.refinements-order:not(.refinements-order-mobile) .values button').each(function() {\n var selectedText = $(this).find('span[aria-hidden=\"true\"]').text().trim();\n var isChecked = $(this).find('i').hasClass('checked');\n\n $('.refinements-order-mobile .values button').each(function() {\n var buttonTextSelected = $(this).find('span[aria-hidden=\"true\"]');\n var buttonText = $(this).find('span[aria-hidden=\"true\"]').text().trim();\n if (buttonText === selectedText) {\n if (isChecked) {\n $(this).find('i').addClass('checked');\n buttonTextSelected.addClass('selected');\n } else {\n $(this).find('i').removeClass('checked');\n buttonTextSelected.removeClass('selected');\n }\n }\n });\n });\n }\n\n syncCheckedState();\n}\n\n\n\n\n"],"sourceRoot":""}