(() => { const eyeIcon = ''; const eyeOffIcon = ''; const enhanceInput = (input) => { if (!input || input.dataset.passwordToggleBound) return; const wrapper = document.createElement('div'); wrapper.className = 'password-toggle-wrapper'; wrapper.style.width = '100%'; wrapper.style.position = 'relative'; const parent = input.parentElement; if (!parent) return; parent.replaceChild(wrapper, input); wrapper.appendChild(input); const button = document.createElement('button'); button.type = 'button'; button.className = 'password-toggle-button'; button.setAttribute('aria-label', 'نمایش رمز عبور'); button.innerHTML = eyeIcon; const toggle = () => { if (input.type === 'password') { input.type = 'text'; button.innerHTML = eyeOffIcon; button.setAttribute('aria-label', 'پنهان کردن رمز عبور'); } else { input.type = 'password'; button.innerHTML = eyeIcon; button.setAttribute('aria-label', 'نمایش رمز عبور'); } input.focus(); }; button.addEventListener('click', (event) => { event.preventDefault(); toggle(); }); wrapper.appendChild(button); input.dataset.passwordToggleBound = '1'; }; const scan = () => { document.querySelectorAll('input[type="password"]').forEach(enhanceInput); }; const start = () => { // Delay until after hydration to avoid server/client markup mismatch const run = () => { scan(); const observer = new MutationObserver(scan); observer.observe(document.body, { childList: true, subtree: true }); }; if ('requestIdleCallback' in window) { requestIdleCallback(run, { timeout: 1500 }); } else { setTimeout(run, 800); } }; if (document.readyState === 'complete') { start(); } else { window.addEventListener('load', start, { once: true }); } })();