Product Selector

'; // Remove existing table var existing = pane.querySelector( '.comparison-table-container' ); if (existing) existing.remove(); // Insert after the block containing compare-actions-wrapper var actionsWrapper = pane.querySelector( '.compare-actions-wrapper' ); if (actionsWrapper && actionsWrapper.parentElement) { actionsWrapper.parentElement.insertAdjacentHTML( 'afterend', html ); } } // Checkbox change (event delegation for AJAX-loaded cards) document.addEventListener('change', function (e) { var cb = e.target; if ( cb.type !== 'checkbox' || !cb.id || cb.id.indexOf('checkbox--') !== 0 ) return; var pane = cb.closest('.tab-pane'); if (!pane) return; var state = getOrCreateState(pane.id); var productId = cb.id.replace('checkbox--', ''); var card = cb.closest('.product-card'); if (cb.checked) { if (state.size >= MAX_COMPARE) { cb.checked = false; return; } var headingEl = card ? card.querySelector('.brxe-heading') : null; var descEl = card ? card.querySelector('.brxe-jdtsbt') : null; var linkEl = card ? card.querySelector('a') : null; var productData = { title: headingEl ? headingEl.textContent.trim() : productId, description: descEl ? descEl.textContent.trim() : '', url: linkEl ? linkEl.getAttribute('href') || '' : '', }; dataFields.forEach(function (attr) { productData[attr] = card ? card.getAttribute('data-' + attr) || '' : ''; }); state.set(productId, productData); } else { state.delete(productId); // Remove table when deselecting var tableContainer = pane.querySelector( '.comparison-table-container' ); if (tableContainer) tableContainer.remove(); } updateUI(pane); }); // Compare Selected button (event delegation) document.addEventListener('click', function (e) { var btn = e.target.closest('.compare-selected-btn'); if (!btn) return; e.preventDefault(); e.stopPropagation(); var pane = btn.closest('.tab-pane'); if (!pane) return; var state = getOrCreateState(pane.id); if (state.size < MIN_COMPARE) return; buildComparisonTable(pane); }); // Clear all button (event delegation) document.addEventListener('click', function (e) { var btn = e.target.closest('.clear-all-btn'); if (!btn) return; e.preventDefault(); e.stopPropagation(); var pane = btn.closest('.tab-pane'); if (!pane) return; resetPane(pane); }); // Tab switch: reset all panes using Bricks built-in event document.addEventListener('bricks/tabs/changed', function (event) { var detail = event.detail; if (detail.elementId !== 'yrpmeu') return; document.querySelectorAll('.tab-pane').forEach(function (pane) { resetPane(pane); }); }); // Add to quote button (event delegation) document.addEventListener('click', function (e) { var btn = e.target.closest('.add-to-quote-btn'); if (!btn) return; var card = btn.closest('.product-card'); if (!card) return; var productId = card.getAttribute('data-id'); if (productId && typeof ATIQuote !== 'undefined' && ATIQuote.addToQuote) { ATIQuote.addToQuote(productId); } }); // Re-sync checkboxes after AJAX pagination loads new cards var observer = new MutationObserver(function () { var pane = document.querySelector( '.tab-pane.brx-open' ); if (pane) updateUI(pane); }); document .querySelectorAll('.brx-grid') .forEach(function (grid) { observer.observe(grid, { childList: true }); }); })();