with a comment where its content belongs, so everything inside it is ours to build. Two defects in the stored CSS are corrected here rather than in dealer_design_pages, so every tenant gets the fix on import: - .refine-panel.mobile-instance is given max-height:none;height:100% inside a fixed-height flex column with no overflow anywhere, so a panel taller than the screen ran off the bottom of the drawer and took the Apply button with it. - .filter-drawer uses 100vh, which on mobile Safari excludes browser chrome and puts the bottom of the panel under the address bar. min-height:0 is not optional: a flex item defaults to min-height:auto and refuses to shrink below its content, which would defeat overflow. */ clone.style.overflowY='auto'; clone.style.flex='1 1 auto'; clone.style.minHeight='0'; try{ if(window.CSS&&CSS.supports&&CSS.supports('height','100dvh')) drawer.style.height='100dvh'; }catch(e){} /* The drawer shipped with no close control -- the control that opened it was the only way back out, and at full screen it is covered. Flex keeps this header out of the scroll container; position:sticky is belt-and- braces for a tenant whose CSS lacks the flex column. Either way a longer panel at another dealer cannot scroll it out of reach. */ var dh=document.createElement('div'); dh.setAttribute('style','position:sticky;top:0;z-index:2;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #e5e7eb;'); dh.innerHTML='Filters'; drawer.insertBefore(dh,clone); dh.querySelector('[data-rv-drawer-close]').addEventListener('click',function(e){ e.preventDefault(); closeDrawer(); }); } var panels=[].slice.call(document.querySelectorAll('.refine-panel, .refine, [data-filter-body]')); /* ---- scroll preservation ---- The page scrolls on filter click for reasons that were never pinned down (four theories, all disproved). Rather than fix a cause, capture the position before the DOM changes and put it back after. Two things v41 got wrong and this fixes: - it armed only inside '.refine', which does not exist. Arm globally; the deliberate scrolls (pagination, Apply) clear the lock themselves. - html{scroll-behavior:smooth} turns the jump into a ~119-frame animation that outlives a single restore. Pin scroll-behavior to 'auto' for the duration, then re-assert across three frames. */ var scrollLock=null, sbPrev=null, lockTimer=null; function curY(){ var de=document.documentElement; return window.pageYOffset||(de&&de.scrollTop)||0; } function releaseSB(){ var de=document.documentElement; if(de&&de.style&&sbPrev!==null){ de.style.scrollBehavior=sbPrev; sbPrev=null; } } function lockScroll(){ if(scrollLock===null){ scrollLock=curY(); var de=document.documentElement; if(de&&de.style){ sbPrev=de.style.scrollBehavior||''; de.style.scrollBehavior='auto'; } } if(lockTimer)clearTimeout(lockTimer); /* if no apply() follows this click, do not leave scroll-behavior pinned */ lockTimer=setTimeout(function(){ scrollLock=null; releaseSB(); },500); } function unlockScroll(){ if(lockTimer){ clearTimeout(lockTimer); lockTimer=null; } if(scrollLock===null){ releaseSB(); return; } var y=scrollLock; scrollLock=null; var de=document.documentElement; var sh=de?de.scrollHeight:0, ih=window.innerHeight||0; if(sh>0&&ih>0){ var max=Math.max(0,sh-ih); if(y>max)y=max; } var tries=0; (function reassert(){ if(Math.abs(curY()-y)>1){ try{ window.scrollTo(0,y); }catch(e){} } if(++tries<3){ afterPaint(reassert); } else { releaseSB(); } })(); } function armScroll(){ lockScroll(); } document.addEventListener('mousedown',armScroll,true); document.addEventListener('pointerdown',armScroll,true); document.addEventListener('keydown',function(e){ if(e&&(e.key===' '||e.key==='Enter'||e.key==='Spacebar'))armScroll(); },true); function afterPaint(fn){ var raf=window.requestAnimationFrame; if(raf)raf(fn); else setTimeout(fn,0); } function S(s){return (s||'').toString().toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,'');} var ALIAS={'cpo':'certified preowned','certified pre owned':'certified preowned','pop up camper':'popup','pop up':'popup','popup camper':'popup','class a motorhome':'class a','class b motorhome':'class b','class c motorhome':'class c'}; function norm(v){var s=S(v);return ALIAS[s]||s;} function num(c,a){var v=parseFloat(c.getAttribute(a));return isFinite(v)?v:0;} /* rawNum distinguishes "absent" from "zero" -- data-slides is '' when the spec is missing and '0' when the unit genuinely has no slides. */ function rawNum(c,a){var s=c.getAttribute(a); if(s===null||s==='')return null; var v=parseFloat(s); return isFinite(v)?v:null;} function esc(s){return (s||'').toString().replace(/[<>&"]/g,function(c){return c==='<'?'<':c==='>'?'>':c==='&'?'&':'"';});} /* ---- free-text search ---- Substring over a joined haystack, deliberately unlike fieldMatch's whole-value rule: a shopper types a fragment ('265MWS'), not a whole field value. Compared in both spaced and despaced forms so '265MWS', '265 mws' and '265-mws' all reach the same unit. A card with no stock number simply has less haystack -- absent never matches everything, the same way fieldMatch treats an empty attribute. */ var searchQ=''; function despace(s){return (s||'').replace(/ /g,'');} function hay(card){ var h=card.getAttribute('data-rv-hay'); if(h===null){ h=S([card.getAttribute('data-year'),card.getAttribute('data-make'), card.getAttribute('data-model'),card.getAttribute('data-trim'), card.getAttribute('data-stock')].filter(Boolean).join(' ')); card.setAttribute('data-rv-hay',h); } return h; } function searchMatch(card){ if(!searchQ)return true; var h=hay(card); if(h.indexOf(searchQ)>=0)return true; return despace(h).indexOf(despace(searchQ))>=0; } /* filter group name -> card attribute suffix, where they differ */ var ATTR={brand:'make',length:'len'}; function attrOf(n){return 'data-'+(ATTR[n]||n);} /* de-duped: the same checkbox exists in both the desktop panel and the drawer clone, so a single selection would otherwise count twice */ /* rv-filter-perf-v1: checked() ran once per card per group inside passesExcept, each call a document.querySelectorAll. Checkbox state cannot change during one apply() pass, so it is computed once per pass and read from here. refreshChecked() runs at the top of apply(); a null cache falls through to the live query, so a caller outside a pass behaves exactly as before. */ var checkedCache=null; function checkedLive(name){var out=[];document.querySelectorAll('input[data-filter="'+name+'"]:checked').forEach(function(i){if(out.indexOf(i.value)<0)out.push(i.value);});return out;} function refreshChecked(){ checkedCache={}; groupNames.forEach(function(n){ checkedCache[n]=checkedLive(n); }); } /* rv-filter-perf-v4: fall through to the live query for a group name the cache does not know, rather than returning [] and silently dropping that filter. refreshChecked() assigns an array for every groupNames entry and an empty array is truthy, so a group with nothing ticked still hits the cache -- only a genuinely absent key reaches checkedLive. */ function checked(name){ if(!checkedCache||!checkedCache[name]) return checkedLive(name); return checkedCache[name]; } /* ---- brand list: markup ships an empty container, build it from inventory ---- */ var CHK=''; var blists=[].slice.call(document.querySelectorAll('[data-brand-list]')); if(blists.length){ var mk={}; cards.forEach(function(c){var m=(c.getAttribute('data-make')||'').trim(); if(m)mk[m]=(mk[m]||0)+1;}); var mkeys=Object.keys(mk).sort(function(a,b){return a.localeCompare(b);}); if(mkeys.length){ var bh=''; mkeys.forEach(function(m){ bh+=''+CHK+''+esc(m)+''+mk[m]+''; }); blists.forEach(function(bl){ bl.innerHTML=bh; }); } } var bsearches=[].slice.call(document.querySelectorAll('[data-brand-search]')); function filterBrands(q){ blists.forEach(function(bl){ bl.querySelectorAll('.check-item').forEach(function(it){ it.style.display=(!q||S(it.textContent).indexOf(q)>=0)?'':'none'; }); }); } bsearches.forEach(function(bs){ bs.addEventListener('input',function(){ bsearches.forEach(function(o){ if(o!==bs&&o.value!==bs.value)o.value=bs.value; }); filterBrands(S(bs.value)); }); }); /* ---- search wiring ---- The input exists twice (desktop panel + drawer clone); mirror by value so the copies can never disagree. Debounced so a fast typist does not force a full facet pass per keystroke. scrollLock is cleared because the keydown handler arms it on every key -- without this, typing fights the scroll restore. */ var rsearches=[].slice.call(document.querySelectorAll('[data-rv-search]')); var searchTimer=null; rsearches.forEach(function(si){ si.addEventListener('input',function(){ rsearches.forEach(function(o){ if(o!==si&&o.value!==si.value)o.value=si.value; }); searchQ=S(si.value); if(searchTimer)clearTimeout(searchTimer); searchTimer=setTimeout(function(){ scrollLock=null; page=1; apply(); },120); }); }); /* ---- features: rebuild the checkbox list from the canonical set ---- The export shipped eight designer-invented options that match no data. The real list is nine floorplan layouts, emitted onto the grid by InventoryListSlot from src/lib/rv-features.ts so it lives in one place. */ var featLabels=(grid.getAttribute('data-rv-features')||'').split('|').map(function(s){return s.trim();}).filter(Boolean); var featGroups=[], featLists=[]; function addFeatTarget(g){ if(!g||featGroups.indexOf(g)>=0)return; var cl=g.querySelector('.check-list')||g.querySelector('.filter-body'); if(!cl)return; featGroups.push(g); featLists.push(cl); } /* anchor on the group's count badge first: it survives even if the placeholder checkboxes are ever dropped from the export */ document.querySelectorAll('.count-badge[data-count="features"]').forEach(function(b){ addFeatTarget(b.closest?b.closest('.filter-group'):null); }); document.querySelectorAll('input[data-filter="features"]').forEach(function(i){ addFeatTarget(i.closest?i.closest('.filter-group'):null); }); if(featLabels.length&&featLists.length){ var fh=''; featLabels.forEach(function(f){ fh+=''+CHK+''+esc(f)+'0'; }); /* containers are collected before any rewrite: replacing innerHTML detaches the nodes a live NodeList would still point at */ featLists.forEach(function(cl){ cl.innerHTML=fh; }); } /* nothing carries a feature yet -- hide the group rather than offer nine options every one of which returns "No results" */ var anyFeat=false; cards.forEach(function(c){ var v=c.getAttribute('data-features'); if(v&&v.replace(/\|/g,'').trim())anyFeat=true; }); featGroups.forEach(function(g){ g.style.display=anyFeat?'':'none'; }); /* ---- checkbox groups (collected AFTER brand injection) ---- */ var groupNames=[]; document.querySelectorAll('input[data-filter]').forEach(function(i){var n=i.getAttribute('data-filter');if(n&&groupNames.indexOf(n)<0)groupNames.push(n);}); /* ---- pill groups: sleeps = at-least, slides = exact with N+ top chip ---- */ var pillSel={}; document.querySelectorAll('.pill-row[data-pills]').forEach(function(row){ var name=row.getAttribute('data-pills'); pillSel[name]=[]; var opts=[].slice.call(row.querySelectorAll('.pill-opt')); var top=null; opts.forEach(function(b){var v=parseFloat(b.getAttribute('data-value')); if(isFinite(v)&&(top===null||v>top))top=v;}); row.setAttribute('data-top',String(top===null?0:top)); opts.forEach(function(b){ b.setAttribute('type','button'); b.setAttribute('aria-pressed','false'); b.addEventListener('click',function(e){ e.preventDefault(); var v=b.getAttribute('data-value'); var arr=pillSel[name], i=arr.indexOf(v), on=(i<0); if(on)arr.push(v); else arr.splice(i,1); /* mirror to the same chip in the other copy of the panel; the export's CSS may key the selected state off any of these */ document.querySelectorAll('.pill-row[data-pills="'+name+'"] .pill-opt[data-value="'+v+'"]').forEach(function(o){ ['on','active','selected'].forEach(function(cl){o.classList.toggle(cl,on);}); o.setAttribute('aria-pressed',on?'true':'false'); }); page=1; apply(); }); }); }); function pillMatch(card,name,vals){ if(!vals.length)return true; var v=rawNum(card,attrOf(name)); if(v===null)return false; var row=document.querySelector('.pill-row[data-pills="'+name+'"]'); var top=row?parseFloat(row.getAttribute('data-top')):NaN; for(var i=0;i=t)return true; } else if(isFinite(top)&&t>=top){ if(v>=t)return true; } else if(v===t)return true; } return false; } /* ---- range sliders: one config per .range-control[data-range] ---- */ var FMT={ price:function(n){return '$'+Math.round(n).toLocaleString();}, length:function(n){return Math.round(n)+' ft';}, weight:function(n){return Math.round(n).toLocaleString()+' lbs';} }; var ranges=[]; var rangeTimer=null; /* rv-filter-perf-v1 */ document.querySelectorAll('.range-control[data-range]').forEach(function(rc){ var name=rc.getAttribute('data-range'); var attr=attrOf(name); var rMin=rc.querySelector('.range-min'), rMax=rc.querySelector('.range-max'), rFill=rc.querySelector('.range-fill'); if(!rMin||!rMax)return; var box=(rc.closest?rc.closest('.filter-group'):null)||rc.parentNode||rc; var nMin=box.querySelector('.range-num-min'), nMax=box.querySelector('.range-num-max'); var step=parseInt(rc.getAttribute('data-step'),10)||1; var dMin=parseInt(rc.getAttribute('data-min'),10), dMax=parseInt(rc.getAttribute('data-max'),10); /* bounds come from live inventory; the markup's data-min/max are only a fallback */ var vals=[]; cards.forEach(function(c){var v=rawNum(c,attr); if(v!==null&&v>0)vals.push(v);}); var loSrc=vals.length?Math.min.apply(null,vals):(isFinite(dMin)?dMin:0); var hiSrc=vals.length?Math.max.apply(null,vals):(isFinite(dMax)?dMax:0); var lo=Math.floor(loSrc/step)*step, hi=Math.ceil(hiSrc/step)*step; if(hi<=lo)hi=lo+step; [rMin,rMax].forEach(function(r){r.min=lo;r.max=hi;r.step=step;}); rMin.value=lo; rMax.value=hi; var fmt=FMT[name]||function(n){return String(Math.round(n));}; var R={name:name,attr:attr,lo:lo,hi:hi,min:rMin,max:rMax}; /* at both bounds == unconstrained, so a page load hides nothing */ R.active=function(){return (parseFloat(rMin.value)>lo)||(parseFloat(rMax.value)b){var t=a;a=b;b=t;} var span=(hi-lo)||1; if(rFill){rFill.style.left=((a-lo)/span*100)+'%';rFill.style.right=((hi-b)/span*100)+'%';} if(nMin)nMin.value=fmt(a); if(nMax)nMax.value=fmt(b); }; R.reset=function(){rMin.value=lo;rMax.value=hi;R.paint();}; R.mirror=function(a,b){rMin.value=a;rMax.value=b;R.paint();}; function onR(e){ var a=parseFloat(rMin.value),b=parseFloat(rMax.value); if(e&&e.target===rMin&&a>b)rMin.value=String(b); if(e&&e.target===rMax&&b=a&&v<=b; } /* ---- year selects ---- */ var years=[]; cards.forEach(function(c){var y=num(c,'data-year'); if(y)years.push(y);}); function fillYears(sel,asc){ if(!sel)return; var uniq=[]; years.forEach(function(y){if(uniq.indexOf(y)<0)uniq.push(y);}); uniq.sort(function(a,b){return a-b;}); if(!asc)uniq.reverse(); var html=''; uniq.forEach(function(y){html+='';}); sel.innerHTML=html; } var yFroms=[].slice.call(document.querySelectorAll('[data-year="from"]')); var yTos=[].slice.call(document.querySelectorAll('[data-year="to"]')); yFroms.forEach(function(s){fillYears(s,true);}); yTos.forEach(function(s){fillYears(s,false);}); var yFrom=yFroms[0]||null, yTo=yTos[0]||null; /* ---- matching ---- */ function fieldMatch(card,name,vals){ if(!vals.length)return true; var raw=card.getAttribute(attrOf(name)); if(raw===null||raw==='')return false; /* multi-valued attributes (features) are pipe-joined. Compare whole values, never a flattened string -- flattening let one option match another across a word boundary. */ var parts=String(raw).split('|').map(function(x){return S(x);}).filter(Boolean); if(!parts.length)return false; /* single-valued attributes keep the old token-containment behaviour so multi-word type/condition values still match */ var loose=(parts.length===1&&name!=='features'); for(var i=0;i=0)return true; } } return false; } function passesExcept(card,skip){ if(!searchMatch(card))return false; for(var gi=0;giparseInt(yTo.value,10))return false; for(var ri=0;ri=pages)); pag.innerHTML=''; pag.appendChild(frag); } var noRes=grid.querySelector('.no-results'); function showing(total){ var st=document.querySelector('.showing-text'); if(st){var strong=st.querySelector('strong'); if(strong)strong.textContent=String(total); else st.textContent='Showing '+total+' results';} } function apply(){ refreshChecked(); /* rv-filter-perf-v1: once per pass, see checked() */ var pass=cards.filter(passes); pass=sortList(pass); var pages=Math.max(1,Math.ceil(pass.length/PAGE)); if(page>pages)page=pages; if(page<1)page=1; cards.forEach(function(c){c.style.display='none';}); pass.slice((page-1)*PAGE,page*PAGE).forEach(function(c){c.style.display=''; grid.appendChild(c);}); if(noRes)grid.appendChild(noRes); showing(pass.length); badges(); facets(); renderPag(pages); if(noRes)noRes.style.display=pass.length?'none':''; afterPaint(unlockScroll); } /* a control exists in both the desktop panel and the drawer clone; mirror by name+value so the two copies can never disagree */ document.querySelectorAll('input[data-filter]').forEach(function(i){ i.addEventListener('change',function(){ var nm=i.getAttribute('data-filter'), vl=i.value; document.querySelectorAll('input[data-filter="'+nm+'"]').forEach(function(o){ if(o!==i&&o.value===vl)o.checked=i.checked; }); page=1; apply(); }); }); function bindYear(list){ list.forEach(function(s){ s.addEventListener('change',function(){ list.forEach(function(o){ if(o!==s)o.value=s.value; }); page=1; apply(); }); }); } bindYear(yFroms); bindYear(yTos); /* Params InventoryListSlot filters on server-side. Unticking a client checkbox cannot undo these -- the rows were never sent -- so Clear All has to drop them from the URL or it is a dead button on any page reached from a homepage type tile or the AI search. */ var SERVER_FILTER_PARAMS=['type','condition','make','model','minPrice','maxPrice', 'minYear','maxYear','sleeps','maxWeight','minLength','maxLength','minWeight','ai']; /* rv-baked-v1: the filter the SERVER applied, emitted by InventoryListSlot. On a saved SEO page it comes from the dealer_seo_pages row, not the query string, so window.location.search is empty and the old check below saw no server filter at all -- Clear All unticked boxes while the units stayed gone, on all 27 published pages. */ var bakedQs=(grid.getAttribute('data-rv-filter')||''); var bakedLabels=(grid.getAttribute('data-rv-filter-labels')||''); function bakedPairs(){ var out=[]; if(!bakedQs) return out; var labels={}; bakedLabels.split('|').forEach(function(p){ var i=p.indexOf('='); if(i>0) labels[p.slice(0,i)]=p.slice(i+1); }); try{ new URLSearchParams(bakedQs).forEach(function(v,k){ out.push({key:k,value:v,label:labels[k]||v}); }); }catch(e){} return out; } /* True when the baked filter is NOT in the URL, i.e. it came from a saved page. Reloading the pathname would re-apply it, so the way out is the unfiltered VLP. */ function bakedIsInPath(){ if(!bakedQs) return false; try{ var q=new URLSearchParams(window.location.search||''); var pairs=bakedPairs(); for(var i=0;i empty, directly above the results, with no data-rv attribute -- so the renderer leaves it alone and it arrives in the browser as an empty div. Same shipped-empty pattern as the filter drawer and the brand list. Inline styles for the same reason those use them: panel CSS lives in dealer_design_pages and a new class name would render unstyled. Removing a chip goes to /inventory with the REMAINING params, so a shopper widens by stepping out of the saved page rather than being stranded on a slug whose filter they cannot edit. */ (function(){ var box=document.getElementById('activeChips')||document.querySelector('.active-chips'); if(!box) return; var pairs=bakedPairs(); if(!pairs.length) return; if(box.querySelector('[data-rv-chip]')) return; box.setAttribute('style','display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;'); var lead=document.createElement('span'); lead.setAttribute('style','font-size:13px;color:#6b7280;font-family:inherit;'); lead.textContent='Showing'; box.appendChild(lead); pairs.forEach(function(p){ var others=pairs.filter(function(o){ return o.key!==p.key; }); var qs=others.map(function(o){ return encodeURIComponent(o.key)+'='+encodeURIComponent(o.value); }).join('&'); var a=document.createElement('a'); a.setAttribute('data-rv-chip',''); a.setAttribute('href','/inventory'+(qs?('?'+qs):'')); a.setAttribute('title','Remove this filter'); a.setAttribute('style','display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #d1d5db;border-radius:999px;background:#fff;font-size:13px;color:#374151;text-decoration:none;font-family:inherit;'); a.innerHTML=''+esc(p.label)+''; box.appendChild(a); }); var clear=document.createElement('a'); clear.setAttribute('data-rv-chip',''); clear.setAttribute('href','/inventory'); clear.setAttribute('style','font-size:13px;color:#6b7280;text-decoration:underline;font-family:inherit;'); clear.textContent='See all inventory'; box.appendChild(clear); })(); function clearAll(){ /* A baked filter that is not in the query string came from a saved page: the pathname IS the filter, so reloading it changes nothing. */ if(bakedIsInPath()){ window.location.href='/inventory'; return; } if(hasServerFilters()){ window.location.href=window.location.pathname; return; } document.querySelectorAll('input[data-filter]:checked').forEach(function(i){i.checked=false;}); for(var pn in pillSel){ pillSel[pn]=[]; } document.querySelectorAll('.pill-row[data-pills] .pill-opt').forEach(function(b){ ['on','active','selected'].forEach(function(cl){b.classList.remove(cl);}); b.setAttribute('aria-pressed','false'); }); yFroms.forEach(function(s){s.value='';}); yTos.forEach(function(s){s.value='';}); ranges.forEach(function(R){R.reset();}); bsearches.forEach(function(b){b.value='';}); filterBrands(''); rsearches.forEach(function(s){s.value='';}); searchQ=''; page=1; apply(); } document.querySelectorAll('[data-action="clear-all"]').forEach(function(btn){ btn.setAttribute('type','button'); btn.addEventListener('click',function(e){ e.preventDefault(); clearAll(); }); }); /* ---- drawer + sort sheet ---- The export ships no close button and no backdrop for either, so the control that opens it was the only way back out. Escape closes both. */ var sheet=document.getElementById('sortSheet')||document.querySelector('.sort-sheet')||document.querySelector('.sort-control'); function drawerEls(){ return drawer?[drawer]:panels; } /* close clears the drawer AND any panel left open, so nothing can be stranded open by a path that did not go through toggleDrawer */ function closeDrawer(){ if(drawer)drawer.classList.remove('open'); panels.forEach(function(e){ if(e)e.classList.remove('open'); }); } function toggleDrawer(){ var els=drawerEls(); if(!els.length||!els[0])return; var on=!els[0].classList.contains('open'); els.forEach(function(e){ if(e)e.classList.toggle('open',on); }); } function closeSheet(){ if(sheet)sheet.classList.remove('open'); } var openF=document.getElementById('openFilters'); if(openF)openF.addEventListener('click',function(e){e.preventDefault();toggleDrawer();}); var openS=document.getElementById('openSort'); if(openS)openS.addEventListener('click',function(e){e.preventDefault(); if(sheet)sheet.classList.toggle('open');}); document.addEventListener('keydown',function(e){ if(e&&e.key==='Escape'){ closeDrawer(); closeSheet(); } }); /* mobile sort sheet: six button[data-sort] matching the sort map */ if(sortSel)sortSel.addEventListener('change',function(){ setSort(sortSel.value); page=1; apply(); }); sortBtns.forEach(function(b){ b.setAttribute('type','button'); b.addEventListener('click',function(e){ e.preventDefault(); scrollLock=null; setSort(b.getAttribute('data-sort')); closeSheet(); page=1; apply(); }); }); setSort(sortVal); /* ---- Apply Filters: shipped in the export with no handler at all. Filters already apply on click, so this closes the drawer and takes you to the results. ---- */ document.querySelectorAll('[data-action="apply"]').forEach(function(btn){ btn.setAttribute('type','button'); btn.addEventListener('click',function(e){ e.preventDefault(); scrollLock=null; closeDrawer(); closeSheet(); var res=document.getElementById('resultsGrid'); if(res){ try{ res.scrollIntoView({behavior:'smooth',block:'start'}); }catch(_){ try{ res.scrollIntoView(); }catch(__){} } } }); }); document.querySelectorAll('.filter-group .filter-toggle').forEach(function(t){t.addEventListener('click',function(){var g=t.parentNode; while(g&&String(g.className).indexOf('filter-group')<0)g=g.parentNode; if(g)g.setAttribute('data-open',g.getAttribute('data-open')==='true'?'false':'true');});}); apply(); })(); /* --- VLP header: live unit count + de-baked .html links --- */ (function(){ var grid=document.getElementById('resultsGrid'); var total=document.getElementById('totalCount'); if(grid&&total){ var n=parseInt(grid.getAttribute('data-rv-count')||'',10); if(!isFinite(n)) n=grid.querySelectorAll('.unit-card').length; total.textContent=String(n); } var MAP={'home':'/','homepage':'/','index':'/','inventory':'/inventory','browse our inventory':'/inventory','about':'/about','about us':'/about','contact':'/contact','contact us':'/contact','service':'/service','parts':'/parts','financing':'/financing','finance':'/financing'}; function lookupRoute(s){ if(!s) return null; var w=s.split(' '); for(var i=0;i=0) base=base.substring(i+1); base=base.replace(/%20/g,' ').toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,''); var to=lookupRoute(base); if(!to){ var t=(a.textContent||'').trim().toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,''); to=lookupRoute(t); } if(to) a.setAttribute('href',to); }); })(); /* --- VDP gallery lightbox --- */ (function(){ var stage=document.querySelector('.gallery-stage[data-gallery]'); if(!stage) return; var srcs=(stage.getAttribute('data-srcs')||'').split('|').filter(Boolean); if(!srcs.length) return; var main=stage.querySelector('#galleryMain')||stage.querySelector('.gallery-stage-img'); if(!main) return; var thumbs=document.querySelectorAll('.thumbs .thumb'); var lb=null,lbImg=null,lbNum=null,cur=0; function curIndex(){ for(var i=0;i=0) return i; } var s=main.getAttribute('src')||main.src||''; var k=srcs.indexOf(s); return k>=0?k:0; } function mkBtn(txt,pos){ var b=document.createElement('button'); b.type='button'; b.innerHTML=txt; b.setAttribute('style','position:absolute;'+pos+';background:rgba(255,255,255,.12);color:#fff;border:none;width:46px;height:46px;border-radius:50%;cursor:pointer;line-height:1;'); return b; } function build(){ lb=document.createElement('div'); lb.className='rv-lightbox'; lb.setAttribute('style','position:fixed;inset:0;z-index:9999;background:rgba(8,12,18,.94);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;'); lbImg=document.createElement('img'); lbImg.setAttribute('style','max-width:92vw;max-height:86vh;object-fit:contain;border-radius:4px;box-shadow:0 10px 60px rgba(0,0,0,.5);'); var close=mkBtn('\u2715','top:18px;right:20px;font-size:24px'); var prev=mkBtn('\u2039','top:50%;left:18px;transform:translateY(-50%);font-size:40px'); var next=mkBtn('\u203A','top:50%;right:18px;transform:translateY(-50%);font-size:40px'); lbNum=document.createElement('div'); lbNum.setAttribute('style','position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font:600 14px system-ui,sans-serif;background:rgba(0,0,0,.4);padding:5px 12px;border-radius:20px;'); lb.appendChild(lbImg); lb.appendChild(close); lb.appendChild(prev); lb.appendChild(next); lb.appendChild(lbNum); document.body.appendChild(lb); close.addEventListener('click',function(e){e.stopPropagation();hide();}); prev.addEventListener('click',function(e){e.stopPropagation();nav(cur-1);}); next.addEventListener('click',function(e){e.stopPropagation();nav(cur+1);}); lb.addEventListener('click',function(e){ if(e.target===lb) hide(); }); } function nav(n){ cur=(n+srcs.length)%srcs.length; if(lbImg)lbImg.src=srcs[cur]; if(lbNum)lbNum.textContent=(cur+1)+' / '+srcs.length; if(thumbs[cur]){ try{thumbs[cur].click();}catch(e){} } } function show(){ if(!lb)build(); cur=curIndex(); nav(cur); lb.style.display='flex'; document.body.style.overflow='hidden'; setTimeout(function(){lb.style.opacity='1';},10); } function hide(){ if(!lb)return; lb.style.opacity='0'; document.body.style.overflow=''; setTimeout(function(){lb.style.display='none';},180); } main.style.cursor='zoom-in'; main.addEventListener('click',function(e){ e.preventDefault(); show(); }); document.addEventListener('keydown',function(e){ if(!lb||lb.style.display==='none')return; if(e.key==='Escape')hide(); else if(e.key==='ArrowLeft')nav(cur-1); else if(e.key==='ArrowRight')nav(cur+1); }); })(); /* --- VDP similar-units strip: nav arrows + hide-when-empty --- */ (function(){ var sec=document.querySelector('.similar'); var track=document.querySelector('.similar-track'); if(!track || !track.querySelector('.sim-card')){ if(sec)sec.style.display='none'; return; } var prev=document.getElementById('simPrev'), next=document.getElementById('simNext'); function step(){ var c=track.querySelector('.sim-card'); var w=c?(c.offsetWidth||c.getBoundingClientRect().width||300):300; return (w+18)*1.2; } function scroll(dx){ if(track.scrollBy){ track.scrollBy({left:dx,behavior:'smooth'}); } else { track.scrollLeft+=dx; } } if(prev)prev.addEventListener('click',function(){scroll(-step());}); if(next)next.addEventListener('click',function(){scroll(step());}); })(); /* --- VDP form-gated price reveal (lead modal -> show price) --- */ (function(){ var gates=document.querySelectorAll('[data-rv-price-gate]'); if(!gates.length) return; var root=document.querySelector('.rv-site'); var dealerId=root?root.getAttribute('data-rv-dealer'):null; var money=function(n){return '$'+Math.round(+n).toLocaleString();}; var modal=null, curGate=null; function reveal(g,d){ var sale=(d&&d.salePrice), savings=(d&&d.savings), color=g.getAttribute('data-color')||''; var n=parseFloat(sale); var btn=g.querySelector('.rv-price-reveal'); if(!isFinite(n)||n<=0){ var f='Call for price'; if(btn){ btn.insertAdjacentHTML('afterend',f); btn.parentNode.removeChild(btn); } g.removeAttribute('data-rv-price-gate'); return; } var html=''+money(sale)+''; if(savings && +savings>0) html+='You save '+money(savings)+''; if(btn){ btn.insertAdjacentHTML('afterend',html); btn.parentNode.removeChild(btn); } g.removeAttribute('data-rv-price-gate'); var card=(g.closest&&g.closest('.price-card'))||document; var m=card.querySelector('[data-rv-monthly]'); if(m)m.style.display=''; } function buildModal(){ modal=document.createElement('div'); modal.className='rv-pricemodal'; modal.setAttribute('style','position:fixed;inset:0;z-index:9998;background:rgba(8,12,18,.6);display:none;align-items:center;justify-content:center;padding:20px;'); var card=document.createElement('div'); card.setAttribute('style','background:#fff;border-radius:12px;max-width:380px;width:100%;padding:26px 24px;box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;'); card.innerHTML='

See your price

'+ '

Enter your info and we will show the price right away.

'+ '

'+ ''+ ''+ ''+ ''; modal.appendChild(card); document.body.appendChild(modal); modal.addEventListener('click',function(e){ if(e.target===modal) closeModal(); }); card.querySelector('[data-pm-close]').addEventListener('click',closeModal); card.querySelector('[data-pm-submit]').addEventListener('click',submitModal); } function openModal(g){ if(!modal)buildModal(); curGate=g; var title=g.getAttribute('data-title')||''; var label=g.getAttribute('data-label')||'your price'; modal.querySelector('[data-pm-title]').textContent=label+(title?(' \u2014 '+title):''); modal.style.display='flex'; document.body.style.overflow='hidden'; } function closeModal(){ if(modal)modal.style.display='none'; document.body.style.overflow=''; } function val(n){ var el=modal.querySelector('[data-pm="'+n+'"]'); return el?el.value.trim():''; } function submitModal(){ if(!curGate)return; var email=val('email'), phone=val('phone'); if(!val('firstName')||!val('lastName')||!email){ alert('Please enter your name and email so we can share the price.'); return; } var btn=modal.querySelector('[data-pm-submit]'); var orig=btn.textContent; btn.disabled=true; btn.textContent='Sending\u2026'; var label=curGate.getAttribute('data-label')||'price', title=curGate.getAttribute('data-title')||''; var lid=curGate.getAttribute('data-listing'); fetch('/api/leads',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({firstName:val('firstName'),lastName:val('lastName'),email:email,phone:phone,message:'Requested '+label+(title?(' for '+title):''),dealerId:dealerId,listingId:lid})}) .then(function(r){ return r.ok?r.json():Promise.reject(); }) .then(function(){ return fetch('/api/leads/price-reveal',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({listingId:lid})}); }) .then(function(r){ return r.ok?r.json():Promise.reject(); }) .then(function(d){ reveal(curGate,d); closeModal(); btn.disabled=false; btn.textContent=orig; }) .catch(function(){ btn.disabled=false; btn.textContent=orig; alert('Sorry, something went wrong. Please give us a call.'); }); } gates.forEach(function(g){ var b=g.querySelector('.rv-price-reveal'); if(b)b.addEventListener('click',function(e){e.preventDefault();openModal(g);}); }); })(); /* --- homepage shop-by-type + finder -> VLP --- */ (function(){ /* rv-home-finder: wire Shop-by-Type tiles + Find-Your-Perfect-RV finder to /inventory */ function S(s){return (s||'').toString().toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,'');} var TYPE_ENUM={'travel trailer':'travel_trailer','fifth wheel':'fifth_wheel','class a':'class_a','class b':'class_b','class c':'class_c','toy hauler':'toy_hauler','pop up camper':'popup','pop up':'popup','popup':'popup','motorhome':'class_a,class_b,class_c'}; function typeParam(raw){ var out=[]; (raw||'').split(',').forEach(function(p){ var k=S(p); if(!k)return; var e=TYPE_ENUM[k]; if(e){ e.split(',').forEach(function(x){ if(out.indexOf(x)<0)out.push(x); }); } else { var slug=k.replace(/ /g,'_'); if(out.indexOf(slug)<0)out.push(slug); } }); return out.join(','); } function go(params){ var qs=[]; for(var k in params){ var v=params[k]; if(v!==undefined&&v!==null&&v!=='') qs.push(encodeURIComponent(k)+'='+encodeURIComponent(v)); } var url='/inventory'+(qs.length?('?'+qs.join('&')):''); try{ window.dispatchEvent(new CustomEvent('rv:navigate',{detail:{url:url}})); }catch(_){} window.location.href=url; } document.querySelectorAll('.type-card').forEach(function(card){ card.addEventListener('click',function(e){ e.preventDefault(); /* data-type wins; href is a fallback and accepts ?type= or #type= */ var raw=card.getAttribute('data-type')||''; if(!raw){ var href=card.getAttribute('href')||''; var hi=href.search(/[#?]type=/); if(hi>=0){ var q=href.slice(hi+6); var amp=q.indexOf('&'); if(amp>=0)q=q.slice(0,amp); try{ raw=decodeURIComponent(q); }catch(_){ raw=q; } } } var tp=typeParam(raw); go(tp?{type:tp}:{}); }); }); var tools=document.getElementById('tools')||document.querySelector('.tools'); if(tools){ var sliderMoved=false; tools.querySelectorAll('.tab[data-tab]').forEach(function(tab){ tab.addEventListener('click',function(){ var key=tab.getAttribute('data-tab'); tools.querySelectorAll('.tab').forEach(function(t){t.classList.toggle('active',t===tab);}); tools.querySelectorAll('.tab-panel').forEach(function(p){p.classList.toggle('active',p.getAttribute('data-panel')===key);}); }); }); tools.querySelectorAll('.pill[data-group]').forEach(function(pill){ pill.addEventListener('click',function(){ var g=pill.getAttribute('data-group'); tools.querySelectorAll('.pill[data-group="'+g+'"]').forEach(function(p){p.classList.toggle('selected',p===pill);}); if(g==='price') sliderMoved=false; }); }); var slider=document.getElementById('priceSlider'), priceVal=document.getElementById('priceVal'); function fmt(n){return '$'+Number(n).toLocaleString('en-US');} if(slider){ var paint=function(){ if(priceVal)priceVal.textContent=fmt(slider.value); }; slider.addEventListener('input',function(){ sliderMoved=true; paint(); }); paint(); } tools.querySelectorAll('.tool-search').forEach(function(btn){ btn.addEventListener('click',function(e){ e.preventDefault(); var panel=btn.closest('.tab-panel'); var g=panel?panel.getAttribute('data-panel'):null; var sel=g?tools.querySelector('.pill.selected[data-group="'+g+'"]'):null; var q=sel?sel.getAttribute('data-q'):null; var params={}; if(g==='price'){ if(slider&&sliderMoved){ params.maxPrice=slider.value; } else if(q){ var pr=q.split('-'); params.minPrice=pr[0]; if(pr[1])params.maxPrice=pr[1]; } } else if(g==='length'){ if(q){ var ln=q.split('-'); params.minLength=ln[0]; if(ln[1])params.maxLength=ln[1]; } } else if(g==='weight'){ if(q){ var wt=q.split('-'); params.minWeight=wt[0]; if(wt[1])params.maxWeight=wt[1]; } } else if(g==='type'){ var tp=typeParam(q); if(tp)params.type=tp; } else if(g==='sleeps'){ if(q)params.sleeps=q; } go(params); }); }); } })(); /* --- homepage shop-by-type live counts --- */ (function(){ /* rv-type-counts-v2: fill .type-card .count from real active inventory */ var cards=document.querySelectorAll('.type-card'); if(!cards.length) return; var root=document.querySelector('[data-rv-dealer]'); var dealer=root?root.getAttribute('data-rv-dealer'):null; if(!dealer) return; function S(s){return (s||'').toString().toLowerCase().replace(/[^a-z0-9]+/g,' ').replace(/^ | $/g,'');} var TYPE_ENUM={'travel trailer':'travel_trailer','fifth wheel':'fifth_wheel','class a':'class_a','class b':'class_b','class c':'class_c','toy hauler':'toy_hauler','pop up camper':'popup','pop up':'popup','popup':'popup','motorhome':'class_a,class_b,class_c'}; function enumsFor(card){ /* data-type wins; href is a fallback and accepts ?type= or #type= */ var raw=card.getAttribute('data-type')||''; if(!raw){ var href=card.getAttribute('href')||''; var hi=href.search(/[#?]type=/); if(hi>=0){ var q=href.slice(hi+6); var amp=q.indexOf('&'); if(amp>=0)q=q.slice(0,amp); try{ raw=decodeURIComponent(q); }catch(_){ raw=q; } } } var out=[]; raw.split(',').forEach(function(p){ var k=S(p); if(!k)return; var e=TYPE_ENUM[k]; if(e){ e.split(',').forEach(function(x){ if(out.indexOf(x)<0)out.push(x); }); } else { var slug=k.replace(/ /g,'_'); if(out.indexOf(slug)<0)out.push(slug); } }); return out; } fetch('/api/inventory/counts?dealer='+encodeURIComponent(dealer)) .then(function(r){ return r.ok?r.json():null; }) .then(function(d){ if(!d||!d.counts) return; var c=d.counts; cards.forEach(function(card){ var n=0; enumsFor(card).forEach(function(t){ n+=(c[t]||0); }); var el=card.querySelector('.count'); if(el) el.textContent=n+' In Stock'; }); }) .catch(function(){}); })(); /* --- homepage featured RVs live --- */ (function(){ /* rv-featured: populate #inventory .rv-card from real active units */ var sec=document.getElementById('inventory'); if(!sec) return; var cards=[].slice.call(sec.querySelectorAll('.rv-card')); if(!cards.length) return; var root=document.querySelector('[data-rv-dealer]'); var dealer=root?root.getAttribute('data-rv-dealer'):null; if(!dealer) return; function money(n){ n=parseInt(n,10); return (isFinite(n)&&n>0)?('$'+n.toLocaleString('en-US')):'Call for Price'; } var COND={'new':'New','used':'Used','certified_preowned':'Certified','rental':'Rental'}; fetch('/api/inventory/featured?dealer='+encodeURIComponent(dealer)+'&limit='+cards.length) .then(function(r){ return r.ok?r.json():null; }) .then(function(d){ if(!d||!d.units) return; var u=d.units; cards.forEach(function(card,i){ var x=u[i]; if(!x){ card.style.display='none'; return; } card.style.display=''; var title=[x.year,x.make,x.model,x.trim].filter(Boolean).join(' '); var img=card.querySelector('.rv-img img'); if(img){ if(x.photo)img.src=x.photo; img.alt=title; img.classList.toggle('is-floorplan',!!x.photoIsFloorplan); } var badge=card.querySelector('.rv-badge'); if(badge){ var ck=(x.condition==='certified_preowned')?'cpo':(x.condition||''); badge.className='rv-badge '+ck; badge.textContent=COND[x.condition]||x.condition||''; } var t=card.querySelector('.rv-title'); if(t)t.textContent=title; var st=card.querySelector('.rv-stock'); if(st)st.textContent=x.stock?('Stock #'+x.stock):''; var pr=card.querySelector('.rv-price'); if(pr)pr.textContent=money(x.price); var link=card.querySelector('a[href]'); if(link&&x.slug)link.setAttribute('href','/inventory/'+x.slug); }); }) .catch(function(){}); })(); /* --- homepage visit/location from business profile --- */ (function(){ /* rv-visit: fill #visit from the dealer business profile */ var sec=document.getElementById('visit'); if(!sec) return; var root=document.querySelector('[data-rv-dealer]'); var dealer=root?root.getAttribute('data-rv-dealer'):null; if(!dealer) return; function esc(s){ return (s||'').toString().replace(/[<>&]/g,function(c){return c==='<'?'<':c==='>'?'>':'&';}); } function infoBlock(title){ var b=sec.querySelectorAll('.visit-info'); for(var i=0;i'+esc(city)):''); } } var pb=infoBlock('phone'); if(pb&&phone){ var pt=pb.querySelector('.info-text'); if(pt){ var tel=phone.replace(/[^0-9+]/g,''); pt.innerHTML=''+esc(phone)+''; } } var hb=infoBlock('hours'); /* visit-block hours are server-rendered from {{hours_rows}}; the runtime fill was removed -- wrong shape, and it emitted div rows where the CSS targets li */ var ol=oneLine(a); if(ol){ var q=encodeURIComponent(ol); var ifr=sec.querySelector('.map-wrap iframe'); if(ifr) ifr.src='https://maps.google.com/maps?q='+q+'&output=embed'; var dir=sec.querySelector('.visit-card a[href*="maps"]')||sec.querySelector('.visit-card a.btn[href]'); if(dir) dir.setAttribute('href','https://maps.google.com/?q='+q); } }) .catch(function(){}); })(); /* --- homepage footer + view-all wiring --- */ (function(){ /* rv-footer */ var root=document.querySelector('[data-rv-dealer]'); var dealer=root?root.getAttribute('data-rv-dealer'):null; if(!dealer) return; function esc(s){ return (s||'').toString().replace(/[<>&]/g,function(c){return c==='<'?'<':c==='>'?'>':'&';}); } var TYPE_HASH={'travel trailers':'travel_trailer','travel trailer':'travel_trailer','fifth wheels':'fifth_wheel','fifth wheel':'fifth_wheel','motorhomes':'class_a,class_b,class_c','motorhome':'class_a,class_b,class_c','toy haulers':'toy_hauler','toy hauler':'toy_hauler','pop-up campers':'popup','pop up campers':'popup','popup campers':'popup','class a':'class_a','class b':'class_b','class c':'class_c'}; var QUICK={'inventory':'/inventory','financing':'/financing','service':'/service','parts':'/parts','about':'/about','contact':'/contact','shop by type':'/#types','home':'/'}; function compactHours(bh){ if(!bh) return ''; var rows=[]; function val(v){ if(typeof v==='string')return v; if(v&&(v.open||v.close))return (v.open||'')+'\u2013'+(v.close||''); if(v&&v.closed)return 'Closed'; return ''; } if(Array.isArray(bh)){ bh.forEach(function(it){ if(!it)return; var l=it.day||it.label||it.name||''; var vv=it.hours||it.value||it.text||val(it); if(l) rows.push([l,vv||'Closed']); }); } else if(typeof bh==='object'){ for(var k in bh){ rows.push([k,val(bh[k])||'Closed']); } } if(!rows.length) return ''; return rows.map(function(r){ return r[0]+' '+r[1]; }).join(' \u00B7 '); } fetch('/api/public/dealer?dealer='+encodeURIComponent(dealer)) .then(function(r){ return r.ok?r.json():null; }) .then(function(res){ if(!res) return; var d=res.dealer||{}, a=d.address||null, total=res.inventoryCount; if(typeof total==='number'){ var all=document.querySelectorAll('a'); var va=null; for(var i=0;i'+esc(city)):''); } } if(phoneRow&&d.phone){ var pa=phoneRow.querySelector('a[href^="tel:"]'); if(pa){ pa.setAttribute('href','tel:'+d.phone.replace(/[^0-9+]/g,'')); pa.textContent=d.phone; } } /* footer hours are server-rendered from the {{hours}} family of tokens; the runtime fill was removed -- it parsed open/close, not open_time/close_time */ } var fbq=footer.querySelector('.footer-bottom span'); if(fbq){ var yr=new Date().getFullYear(); if(d.name){ fbq.textContent='\u00A9 '+yr+' '+d.name+'. All rights reserved.'; } else { fbq.textContent=(fbq.textContent||'').replace(/\b20\d\d\b/, String(yr)); } } }) .catch(function(){}); })(); /* --- rv-view-toggle: VLP grid/list view switch --- */ (function(){ var grid=document.getElementById('resultsGrid')||document.querySelector('[data-rv="inventory-list"]'); var wrap=document.querySelector('.view-toggle'); if(!grid||!wrap) return; var btns=[].slice.call(wrap.querySelectorAll('button[data-view]')); if(!btns.length) return; /* the export marks this as a tablist; it is a pair of toggle buttons, not tabs */ if(wrap.getAttribute('role')==='tablist') wrap.setAttribute('role','group'); if(!wrap.getAttribute('aria-label')) wrap.setAttribute('aria-label','Results view'); var root=document.querySelector('[data-rv-dealer]'); var key='rv:view:'+((root&&root.getAttribute('data-rv-dealer'))||'default'); function set(v,persist){ var list=(v==='list'); grid.classList.toggle('list-view',list); btns.forEach(function(b){ var on=b.getAttribute('data-view')===v; b.classList.toggle('on',on); b.setAttribute('aria-pressed',on?'true':'false'); }); if(persist){ try{ sessionStorage.setItem(key,v); }catch(e){} } } btns.forEach(function(b){ b.setAttribute('type','button'); b.addEventListener('click',function(e){ e.preventDefault(); set(b.getAttribute('data-view'),true); }); }); var saved=null; try{ saved=sessionStorage.getItem(key); }catch(e){} var init=(saved==='list'||saved==='grid')?saved:((grid.className.indexOf('list-view')>=0)?'list':'grid'); set(init,false); })();

2021 Keystone Hideout (Fifth Wheel) 308BHDS

Overview

Features & Options

Specifications

Sleeping & Living

Holding Tanks

Heating, Cooling & Power

Similar RVs