' + '

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); } }); 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 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); }); } 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; if (!shouldShow()) 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() { if (triggered) { window.removeEventListener('scroll', onScroll); return; } recordScroll(); var timeOnPage = Date.now() - pageLoadTime; var pct = scrollSamples.length ? scrollSamples[scrollSamples.length - 1].d : 0; // Deceleration: fast skim → slow down signals engaged reading (≥30 s) if (decelDetected() && timeOnPage >= 30000) { window.removeEventListener('scroll', onScroll); currentTrigger = 'decel'; showWidget(); return; } // Scroll to 85 %+, ≥20 s on page, not fast-skimming if (pct >= 0.85 && timeOnPage >= 20000 && avgVelocity() < 0.04) { window.removeEventListener('scroll', onScroll); currentTrigger = 'scroll'; showWidget(); } }, { passive: true }); // Guaranteed fallback: show after 90 s regardless setTimeout(function () { if (!triggered) { currentTrigger = 'time_on_page'; showWidget(); } }, 90000); // Exit intent: mouse leaves toward browser chrome after ≥60 s in session document.addEventListener('mouseleave', function (e) { if (triggered) return; if (e.clientY < 10 && sessionDuration() >= 60000) { currentTrigger = 'exit_intent'; showWidget(); } }); // Tab hide: user switches away after ≥30 s on page document.addEventListener('visibilitychange', function () { if (triggered) return; if (document.hidden && Date.now() - pageLoadTime >= 30000) { currentTrigger = 'visibility_hidden'; showWidget(); } }); // Copy: user copied text from the page (high-intent signal) document.addEventListener('copy', function () { if (triggered) return; if (!window.getSelection || !window.getSelection().toString().trim()) return; currentTrigger = 'copy'; showWidget(); }); } // ── Init ─────────────────────────────────────────────────────────────────── function init() { if (!shouldShow()) return; initSession(); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initTriggers); } else { initTriggers(); } } init(); })();

Headers

Body

Response