// Inline header search (customer request Jul 7): the search bars navigate to // /search?q=… on Enter instead of opening the fullscreen SearchOverlay. // INTERIM for the deployed engine — the real fix is the site-search block's // new openInOverlay:false prop (cms-core), already set on both authored // blocks; DELETE this block + the mousedown stopper once that deploys. // The deployed block opens the overlay on click AND on every keystroke, so // we detach React's handlers by clone-replacing the input (a cloned node has // no React fiber → synthetic handlers never fire) and drive Enter ourselves. function lcsoInlineSearch(){ document.querySelectorAll( 'header [data-cms-element-tag="figcaption"] form input, header [data-cms-element-tag="article"] form input' ).forEach(function(inp){ if (inp.getAttribute('data-lcso-inline')) return; var clone = inp.cloneNode(true); clone.setAttribute('data-lcso-inline', '1'); inp.parentNode.replaceChild(clone, inp); clone.addEventListener('keydown', function(e){ if (e.key !== 'Enter') return; e.preventDefault(); e.stopPropagation(); var act = clone.__lcsoPanel && clone.__lcsoPanel.querySelector('a.lcso-active'); if (act) { window.location.assign(act.getAttribute('href')); return; } var q = clone.value.trim(); if (q) window.location.assign('/search-results?q=' + encodeURIComponent(q)); }); // Quick-results dropdown (desktop pill only; spec: 5 title-only rows, // min 2 chars, ~110ms debounce, mark highlights, See-all footer, esc/arrows) if (clone.closest('[data-cms-element-tag="figcaption"]')) lcsoQuickResults(clone); }); } function lcsoQuickResults(inp){ var form = inp.closest('form'); if (!form) return; var timer = null, lastQ = ''; function close(){ if (inp.__lcsoPanel){ inp.__lcsoPanel.remove(); inp.__lcsoPanel = null; } } function esc(v){ var d = document.createElement('div'); d.textContent = v; return d.innerHTML; } function hi(title, q){ // indexOf-based highlighter: regex literals inside the site-code template // chain get their escapes mangled, so avoid regex entirely. var tokens = q.toLowerCase().split(' ').filter(function(t){ return t.length >= 2; }); var lower = title.toLowerCase(); var marks = []; tokens.forEach(function(t){ var i = 0; while ((i = lower.indexOf(t, i)) !== -1) { marks.push([i, i + t.length]); i += t.length; } }); if (!marks.length) return esc(title); marks.sort(function(a, b){ return a[0] - b[0]; }); var merged = [marks[0]]; for (var k = 1; k < marks.length; k++) { var m = marks[k], last = merged[merged.length - 1]; if (m[0] <= last[1]) { if (m[1] > last[1]) last[1] = m[1]; } else merged.push(m); } var out = '', pos = 0; merged.forEach(function(m){ out += esc(title.slice(pos, m[0])) + '' + esc(title.slice(m[0], m[1])) + ''; pos = m[1]; }); return out + esc(title.slice(pos)); } // The suggest API stores PAGE urls as absolute with the SITE SLUG as host // ("https://lee-county-sheriffs-office/corrections/inmate-search") — a // dead hostname if rendered raw (Jul 24 report: inmate-search result did // nothing). Mirror the engine's rewriteResultHrefForCurrentSite: same-site // absolute urls collapse to their path; relative urls pass through. function fixUrl(u){ if (!u) return '#'; if (u.charAt(0) === '/') return u; try { var p = new URL(u); if (p.host === location.host || p.host === location.hostname.split('.')[0]) { return p.pathname + p.search + p.hash; } } catch (e) {} return u; } // Anchored page sections are invisible to the search index (it knows whole // pages/records only — engine gap, tracked). Curated quicklinks surface the // Services anchors for their obvious queries; extend this table when new // anchored sections ship. Delete when the engine indexes sections. var ANCHORS = [ { t: 'Fingerprints', u: '/about-us/services#fingerprints', k: ['fingerprint', 'finger print', 'prints'] }, { t: 'Local Background Checks', u: '/about-us/services#background-checks', k: ['background check', 'background', 'records check'] }, { t: 'Pistol Permits', u: '/about-us/services#pistol-permits', k: ['pistol', 'permit', 'ccw', 'concealed carry', 'gun permit'] } ]; function anchorHits(q){ var ql = q.toLowerCase(); var toks = ql.split(/s+/).filter(Boolean); return ANCHORS.filter(function(a){ var tl = a.t.toLowerCase(); return a.k.some(function(k){ return ql.indexOf(k) >= 0; }) || toks.every(function(t){ return tl.indexOf(t) >= 0; }); }).map(function(a){ return { title: a.t + ' — Services', url: a.u }; }); } function render(rows, q){ close(); var panel = document.createElement('div'); panel.className = 'lcso-suggest'; panel.setAttribute('role', 'listbox'); panel.innerHTML = rows.map(function(r){ // document results: /documents/ has no mounted route (falls back // to the homepage) — tag them and resolve the record's fileUrl on click var doc = r.sourceType === 'document'; return '' + hi(r.title, q) + ''; }).join('') + 'See all results for “' + esc(q) + '” →'; panel.addEventListener('mousedown', function(e){ e.preventDefault(); }); // document-result clicks are handled by the SITEWIDE /documents/ resolver // below — it covers this dropdown, the search-results page, and any other // authored link to the unmounted /documents/ route. form.appendChild(panel); inp.__lcsoPanel = panel; } inp.addEventListener('input', function(){ clearTimeout(timer); var q = inp.value.trim(); if (q.length < 2) { lastQ = ''; close(); return; } timer = setTimeout(function(){ lastQ = q; fetch('/api/search/suggest/public?q=' + encodeURIComponent(q) + '&siteId=01a06321-94fc-70ca-a65b-4af114f07ab6') .then(function(r){ return r.ok ? r.json() : null; }) .then(function(res){ if (lastQ !== q || document.activeElement !== inp) return; var hits = anchorHits(q); var rows = hits.concat(((res && res.data) || []).slice(0, 5 - Math.min(hits.length, 2))); if (!rows.length) return; render(rows, q); }) .catch(function(){ var hits = anchorHits(q); if (hits.length && lastQ === q && document.activeElement === inp) render(hits, q); }); }, 110); }); inp.addEventListener('keydown', function(e){ var panel = inp.__lcsoPanel; if (e.key === 'Escape') { close(); return; } if (!panel || (e.key !== 'ArrowDown' && e.key !== 'ArrowUp')) return; e.preventDefault(); var links = Array.prototype.slice.call(panel.querySelectorAll('a')); var idx = links.findIndex(function(a){ return a.classList.contains('lcso-active'); }); idx = e.key === 'ArrowDown' ? (idx + 1) % links.length : (idx <= 0 ? links.length - 1 : idx - 1); links.forEach(function(a, i){ a.classList.toggle('lcso-active', i === idx); }); }); inp.addEventListener('blur', function(){ setTimeout(close, 120); }); } if (document.readyState === 'complete') setTimeout(lcsoInlineSearch, 50); else window.addEventListener('load', function(){ setTimeout(lcsoInlineSearch, 50); }); setTimeout(lcsoInlineSearch, 600); setTimeout(lcsoInlineSearch, 1500); // Keep the drawer OPEN while using its search pill: the engine treats the // pill region (a DOM sibling of the nav) as "outside" and dismisses the // drawer on mousedown. Swallow those events before the engine's document // listener sees them — focus/typing are unaffected. ['pointerdown', 'mousedown', 'touchstart'].forEach(function(evt){ document.addEventListener(evt, function(e){ var t = e.target; if (!t || !t.closest) return; if (t.closest('header [data-cms-element-tag="article"] form')) e.stopPropagation(); }, true); }); // Sitewide /documents/ resolver: the search index links document // results to /documents/, but no such route is mounted — the engine // falls back to the HOMEPAGE (Jul 24 report: "Job Application" quick result // opened the homepage; the search-results page had the same dead link). // Intercept any such link and open the record's real file. The tab MUST be // opened synchronously inside the click gesture — window.open from the // fetch callback gets popup-blocked (Belton chrome.js pattern). document.addEventListener('click', function(e){ var a = e.target && e.target.closest ? e.target.closest('a[href^="/documents/"]') : null; if (!a) return; var slug = (a.getAttribute('href').split('/')[2] || '').split(/[?#]/)[0]; if (!slug) return; e.preventDefault(); var w = window.open('about:blank', '_blank'); fetch('/api/public/sites/01a06321-94fc-70ca-a65b-4af114f07ab6/content/documents/' + encodeURIComponent(slug)) .then(function(r){ return r.ok ? r.json() : null; }) .then(function(rec){ var f = rec && rec.data && (rec.data.fileUrl || rec.data.file); var dest = (typeof f === 'string' && f.indexOf('http') === 0) ? f : a.getAttribute('href'); if (w) { w.location.replace(dest); } else { window.location.assign(dest); } }) .catch(function(){ var dest = a.getAttribute('href'); if (w) { w.location.replace(dest); } else { window.location.assign(dest); } }); }, true); // Alert bar ×: dismiss the notice (display:none, per the prototype — no // persistence). The × sits outside the notice anchor, so no preventDefault // races; capture-phase so nothing else swallows the click. document.addEventListener('click', function(e){ var t = e.target; if (!t || !t.closest) return; var row = t.closest('header [role="alert"]'); if (!row || !row.lastElementChild || !row.lastElementChild.contains(t)) return; e.preventDefault(); e.stopPropagation(); var bar = row.parentElement; if (bar) bar.style.display = 'none'; }, true); // Drawer section labels navigate to their actual pages. document.addEventListener('click', function (e) { var t = e.target; if (!t || !t.closest) return; var a = t.closest('.cms-mega-nav-mobile-open .cms-mega-nav-mobile-trigger > a'); if (a && a.getAttribute('href')) { e.preventDefault(); e.stopPropagation(); window.location.assign(a.getAttribute('href')); } }, true); // SearchOverlay: closing only hides it — the query state and ?q= URL param // persist (SearchOverlayProvider.closeOverlay), so reopening (e.g. from the // hamburger drawer) shows the last search. Clear the input at close time // (capture phase, while it's still mounted, through the native value setter // so React state updates) and strip ?q=/&type= from the URL. function lcsoClearOverlaySearch(){ // /search-results owns its ?q= (the authored results page) — closing the // auto-opened overlay there must not clear the page's query state. if (window.location.pathname === '/search-results') return; var inp = document.getElementById('search-overlay-input'); if (inp && inp.value) { var setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set; setter.call(inp, ''); inp.dispatchEvent(new Event('input', { bubbles: true })); } try { var u = new URL(window.location.href); if (u.searchParams.has('q') || u.searchParams.has('type')) { u.searchParams.delete('q'); u.searchParams.delete('type'); history.replaceState(null, '', u.pathname + (u.searchParams.toString() ? '?' + u.searchParams.toString() : '') + u.hash); } } catch (e) {} } document.addEventListener('click', function(e){ var t = e.target; if (!t || !t.closest) return; var btn = t.closest('button'); if (!btn) return; var hdr = btn.closest('header'); if (hdr && hdr.querySelector('#search-overlay-input') && /close/i.test(btn.textContent || '')) { lcsoClearOverlaySearch(); } }, true); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && document.getElementById('search-overlay-input')) lcsoClearOverlaySearch(); }, true); // Breadcrumb dedupe: on collection record routes the engine pushes the // collection page twice (trail walk + record branch, public.service.ts) — // "Events / Events / ". Remove consecutive duplicate crumb links // and the separator between them. Retries cover client hydration timing. function lcsoDedupeCrumbs(){ document.querySelectorAll('nav[data-block-type="breadcrumb"] ol').forEach(function(ol){ var items = Array.from(ol.children); var lastHref = null; items.forEach(function(li, idx){ var a = li.querySelector('a[href]'); if (!a) return; var href = a.getAttribute('href'); if (href && href === lastHref) { var prev = li.previousElementSibling; if (prev && !prev.querySelector('a[href]')) prev.remove(); li.remove(); return; } lastHref = href; }); }); } lcsoDedupeCrumbs(); setTimeout(lcsoDedupeCrumbs, 300); setTimeout(lcsoDedupeCrumbs, 1200); // hydration re-renders the breadcrumb after the initial pass — keep it // deduped (removals inside the handler no-op on the next tick) new MutationObserver(function(){ clearTimeout(window.__lcsoCrumbT); window.__lcsoCrumbT = setTimeout(lcsoDedupeCrumbs, 50); }).observe(document.body, { childList: true, subtree: true }); // JotForm iframe resize (JotForm Embed Mobile Resize.md) — INTERIM copy of the // cms-public JotformEmbedResize module (apps/cms-public/src/components/ // jotform-embed-resize.tsx); DELETE this block once that engine change deploys. // The form posts "setHeight::" to the parent; sizing it from our // own JS removes the fixed-height inner scrollbar on mobile. window.addEventListener('message', function(e){ if (!e || typeof e.origin !== 'string') return; var host; try { host = new URL(e.origin).hostname; } catch (err) { return; } if (host !== 'jotform.com' && host.slice(-12) !== '.jotform.com') return; if (typeof e.data !== 'string') return; var parts = e.data.split(':'); if (parts[0] !== 'setHeight') return; var h = parseInt(parts[1], 10), id = parts[2]; if (!h || !id) return; var ifr = document.getElementById('JotFormIFrame-' + id) || document.querySelector('iframe[src*="/' + id + '"]'); if (!ifr || ifr.tagName !== 'IFRAME') return; ifr.setAttribute('scrolling', 'no'); ifr.style.height = h + 'px'; var wrap = ifr.parentElement; if (wrap && wrap.style && wrap.style.height) wrap.style.height = h + 'px'; }, false); // UI_IMPROVEMENTS entry 2: back-to-top FAB — site-wide, appears after 800px // of scroll, smooth-scrolls to top (honors prefers-reduced-motion). Gold // because it's interactive (entry 7's accent principle). (function(){ if (document.querySelector('.lcso-top-fab')) return; var fab = document.createElement('button'); fab.className = 'lcso-top-fab'; fab.type = 'button'; fab.setAttribute('aria-label', 'Back to top'); fab.title = 'Back to top'; fab.innerHTML = ''; document.body.appendChild(fab); function onScroll(){ if (window.scrollY > 800) fab.classList.add('lcso-show'); else fab.classList.remove('lcso-show'); } window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); fab.addEventListener('click', function(){ var rm = window.matchMedia('(prefers-reduced-motion: reduce)').matches; window.scrollTo({ top: 0, behavior: rm ? 'auto' : 'smooth' }); }); })();

Bella