' + '

Was this page helpful?

' + '

Your feedback helps us improve the docs.

' + '

' + '' + '' + '

' + '' + '

' + ''; document.body.appendChild(el); overlay.addEventListener('click', function () { close(false); }); el.querySelector('#idf-fb-close').addEventListener('click', function () { close(false); }); el.querySelector('#idf-submit').addEventListener('click', function () { close(true); }); document.addEventListener('keydown', function onKey(e) { if (e.key === 'Escape') { close(false); document.removeEventListener('keydown', onKey); } }); function renderChips(rating) { var list = el.querySelector('#idf-chip-list'); list.innerHTML = ''; CHIPS[rating].forEach(function (chip) { var btn = document.createElement('button'); btn.className = 'idf-chip'; btn.setAttribute('data-slug', chip.slug); btn.textContent = chip.label; btn.addEventListener('click', function () { btn.classList.toggle('idf-selected'); }); list.appendChild(btn); }); } el.querySelector('#idf-add-note').addEventListener('click', function () { el.querySelector('#idf-fb-extra').classList.add('idf-open'); this.style.display = 'none'; el.querySelector('#idf-fb-textarea').focus(); }); function selectRating(value) { currentRating = value; el.querySelector('#idf-yes').classList.toggle('idf-selected', value === 'positive'); el.querySelector('#idf-no').classList.toggle('idf-selected', value === 'negative'); el.querySelector('#idf-fb-comment').style.display = 'block'; renderChips(value); el.querySelector('#idf-fb-textarea').placeholder = value === 'positive' ? 'What was most helpful?' : 'What could be improved?'; } el.querySelector('#idf-yes').addEventListener('click', function () { selectRating('positive'); }); el.querySelector('#idf-no').addEventListener('click', function () { selectRating('negative'); }); } // ── Show ─────────────────────────────────────────────────────────────────── function showWidget() { if (triggered) return; triggered = true; widgetShownAt = Date.now(); localStorage.setItem(SHOWN_KEY, String(Date.now())); buildWidget(); requestAnimationFrame(function () { requestAnimationFrame(function () { var el = document.getElementById('idf-fb'); var ov = document.getElementById('idf-overlay'); if (el) el.classList.add('idf-visible'); if (ov) ov.classList.add('idf-visible'); }); }); } // ── Triggers ─────────────────────────────────────────────────────────────── function initTriggers() { window.addEventListener('scroll', function onScroll() { var pct = Math.round((window.scrollY + window.innerHeight) / document.documentElement.scrollHeight * 100); if (pct > maxScrollPct) maxScrollPct = pct; if (triggered) { window.removeEventListener('scroll', onScroll); return; } if (pct >= 85 && Date.now() - pageLoadTime >= 20000) { triggerSource = 'scroll'; window.removeEventListener('scroll', onScroll); showWidget(); } }, { passive: true }); setTimeout(function () { if (!triggered) { triggerSource = 'time_on_page'; showWidget(); } }, 90000); document.addEventListener('mouseleave', function (e) { if (triggered) return; if (e.clientY < 10 && sessionDuration() >= 45000) { triggerSource = 'exit_intent'; showWidget(); } }); document.addEventListener('visibilitychange', function () { if (triggered) return; if (document.hidden && Date.now() - pageLoadTime >= 30000) { triggerSource = 'visibility_hidden'; showWidget(); } }); document.addEventListener('copy', function () { if (triggered) return; if (!window.getSelection || !window.getSelection().toString().trim()) return; triggerSource = 'copy'; showWidget(); }); } // ── Init ─────────────────────────────────────────────────────────────────── function init() { if (!shouldShow()) return; initSession(); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initTriggers); } else { initTriggers(); } } init(); })();

Documentation Index

​Changed

Changed