`; document.body.appendChild(overlay); requestAnimationFrame(function () { overlay.classList.add('__open'); }); var inputHeight = document.getElementById('__input-height'); var inputWidth = document.getElementById('__input-width'); var alertBox = document.getElementById('__calc-alert'); var alertText = document.getElementById('__calc-alert-text'); var step2 = document.getElementById('__step2'); var rightCol = document.getElementById('__calc-right'); var btnAdd = document.getElementById('__calc-add'); var rHeight = document.getElementById('__r-height'); var rWidth = document.getElementById('__r-width'); var rQty = document.getElementById('__r-qty'); var rTotal = document.getElementById('__r-total'); var limitVal = document.getElementById('__calc-height-limit-val'); function calculate() { var rawH = parseFloat(String(inputHeight.value).replace(',', '.')); var rawW = parseFloat(String(inputWidth.value).replace(',', '.')); var hasHeight = !isNaN(rawH) && rawH > 0; var hasWidth = !isNaN(rawW) && rawW > 0; var adjHeight = hasHeight ? adjustHeight(rawH) : rollHeight; var isMaxHeight = hasHeight && adjHeight > rollHeight; limitVal.value = rollHeight; if (isMaxHeight) { alertBox.classList.add('visible'); alertText.textContent = 'A altura informada ultrapassa a altura do rolo selecionado (' + rollHeight + ' cm). Escolha um rolo maior ou reduza a altura.'; step2.classList.add('__calc-disabled'); rightCol.classList.add('__calc-disabled'); btnAdd.disabled = true; rHeight.textContent = rawH; rWidth.textContent = hasWidth ? rawW : '—'; rQty.textContent = '—'; rTotal.textContent = '—'; return; } step2.classList.remove('__calc-disabled'); rightCol.classList.remove('__calc-disabled'); rHeight.textContent = hasHeight ? rawH : '—'; rWidth.textContent = hasWidth ? rawW : '—'; if (hasHeight && hasWidth) { var qty = Math.max(1, Math.ceil(rawW / rollWidth)); state.qty = qty; rQty.textContent = qty; rTotal.textContent = unitPrice > 0 ? formatBRL(qty * unitPrice) : '—'; btnAdd.disabled = false; } else { rQty.textContent = '—'; rTotal.textContent = '—'; btnAdd.disabled = true; } } inputHeight.addEventListener('focus', function () { if (!state.heightFocused) { state.heightFocused = true; alertBox.classList.add('visible'); alertText.textContent = 'O valor da altura será automaticamente ajustado para o valor fixo aproximado (Ex: 140cm > 150cm | 240cm > 290cm)'; } calculate(); }); inputHeight.addEventListener('blur', function () {}); inputHeight.addEventListener('input', calculate); inputWidth.addEventListener('input', calculate); function closeModal() { overlay.classList.remove('__open'); setTimeout(function () { var o = document.getElementById('__calc-overlay'); var s = document.getElementById('__calc-style'); if (o) o.remove(); if (s) s.remove(); }, 300); } document.getElementById('__calc-close').addEventListener('click', closeModal); overlay.addEventListener('click', function (e) { if (e.target === overlay) closeModal(); }); btnAdd.addEventListener('click', async function () { if (!skuId) { alert('[

contato

lojas

atendimento

sobre nós

segurança

potencializado por

e-commerce

redes sociais

formas de pagamento