1:I[768017,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"HTTPAccessFallbackBoundary"] 4:"$Sreact.fragment" 5:I[339756,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"default"] 6:I[837457,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"default"] 8:I[897367,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"OutletBoundary"] 9:"$Sreact.suspense" c:I[897367,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"ViewportBoundary"] e:I[897367,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"MetadataBoundary"] 10:I[168027,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"default",1] :HL["/_next/static/chunks/3fb8vqn9nw_my.css","style"] :HL["/_next/static/chunks/3h_k2d7kgz0j8.css","style"] :HL["/_next/static/chunks/3anlcx2wt_xqj.css","style"] :HL["/_next/static/chunks/2ctz_v6n9ev8b.css","style"] :HL["/_next/static/chunks/0awfbxwi32xcd.css","style"] :HC["/",""] :HL["/_next/static/chunks/1bah1gl0ww_h8.css","style"] :HL["/_next/static/chunks/1w2db84j490s9.css","style"] b:X 0:{"P":null,"c":["","cars","protection-package-for-civics-accords-civic-si-type-r-and-prelude"],"q":"","i":false,"f":[[["",{"children":["cars",{"children":[["collection","protection-package-for-civics-accords-civic-si-type-r-and-prelude","d",[]],{"children":["__PAGE__",{},"$undefined","$undefined",4096]},"$undefined","$undefined",4096]},"$undefined","$undefined",4096],"modal":["__DEFAULT__",{},"$undefined","$undefined",4096]},"$undefined","$undefined",4112],[["$","$L1","c",{"notFound":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/3fb8vqn9nw_my.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/3h_k2d7kgz0j8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/chunks/3anlcx2wt_xqj.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/chunks/2ctz_v6n9ev8b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/chunks/0awfbxwi32xcd.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/373lsix6fmu58.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/113zgfd13h4vg.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/2qjkcfgckgyqc.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/35t2t7bizc_gb.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/chunks/0gzmaspx7-hex.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/chunks/3-_flv38yj9k5.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/chunks/1omjmqmv1_bin.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/chunks/0_0nbt0wlz30i.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/_next/static/chunks/1bmfpvu2gwukm.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/_next/static/chunks/182id7k5djg6r.js","async":true,"nonce":"$undefined"}],["$","script","script-10",{"src":"/_next/static/chunks/0ttnc9dadu79t.js","async":true,"nonce":"$undefined"}],["$","script","script-11",{"src":"/_next/static/chunks/3rr2pcf0caac0.js","async":true,"nonce":"$undefined"}]],"$L2"],"children":["$0:f:0:1:0:props:notFound:0","$L3"]}],{"children":[["$","$4","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$4","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$4","c",{"children":["$L7",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/1bah1gl0ww_h8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/1w2db84j490s9.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/0_8-7nuura8vj.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/2rdv2rfijol9l.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/1gr-7zlua4iim.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/0e6d7yc4jhpj2.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/chunks/0kl28zrjp8e2q.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/chunks/0i4pn758elpvu.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/chunks/2qp4qhxni8759.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/chunks/3vrw0z5jjivaz.js","async":true,"nonce":"$undefined"}]],["$","$L8",null,{"children":["$","$9",null,{"name":"Next.MetadataOutlet","children":"$@a"}]}]]}],{},null,false,null]},null,false,"$b"]},null,false,"$b"],"modal":[["$","$4","c",{"children":[null,null,null]}],{},null,false,null]},null,false,null],["$","$4","h",{"children":[null,["$","$Lc",null,{"children":"$Ld"}],["$","div",null,{"hidden":true,"children":["$","$Le",null,{"children":["$","$9",null,{"name":"Next.Metadata","children":"$Lf"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$10",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/3fb8vqn9nw_my.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/3h_k2d7kgz0j8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/chunks/3anlcx2wt_xqj.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/chunks/2ctz_v6n9ev8b.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],"$L11"]],"S":false,"h":null,"r":"$undefined","s":"$undefined","a":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"lu4srrHc8Np-FUWmz_rK6"} b:C 11:["$","link","4",{"rel":"stylesheet","href":"/_next/static/chunks/0awfbxwi32xcd.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 12:I[479520,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],""] 2:["$","html",null,{"lang":"en","children":[["$","head",null,{"children":[["$","script",null,{"type":"text/javascript","src":"https://cdn.complyauto.com/cookiebanner/banner/d86d0c61-56f8-4113-bfbf-d7c163e43181/blocker.js"}],false,["$","meta",null,{"name":"format-detection","content":"telephone=no"}],false,false,false,[["$","$L12",null,{"id":"gtag-js","async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-ZV5LZ9GM9L"}],["$","$L12",null,{"id":"main-gtag","dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n "}}],[["$","$L12","tag2-0",{"id":"gtag-4886","dangerouslySetInnerHTML":{"__html":"\n gtag('config', 'G-ZV5LZ9GM9L', {\"send_page_view\":false});\n "}}],["$","$L12","tag2-1",{"id":"gtag-4349","dangerouslySetInnerHTML":{"__html":"\n gtag('config', 'G-RVQGSDXNM5', {\"send_page_view\":false});\n "}}],["$","$L12","tag2-2",{"id":"gtag-5006","dangerouslySetInnerHTML":{"__html":"\n gtag('config', 'G-Y0244F23S6', {\"send_page_view\":false});\n "}}]],["$","$L12",null,{"id":"asc-datalayer-init","strategy":"beforeInteractive","dangerouslySetInnerHTML":{"__html":"\n window.asc_datalayer = window.asc_datalayer || [];\n window.asc_datalayer.measurementIds = [\"G-ZV5LZ9GM9L\",\"G-RVQGSDXNM5\",\"G-Y0244F23S6\"];\n "}}]],[false,[["$","$L12","tag3-0",{"id":"gtm-script-0","dangerouslySetInnerHTML":{"__html":"\n (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-P9H964HD')\n "}}],["$","$L12","tag3-1",{"id":"gtm-script-1","dangerouslySetInnerHTML":{"__html":"\n (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-WP74D4S')\n "}}],["$","$L12","tag3-2",{"id":"gtm-script-2","dangerouslySetInnerHTML":{"__html":"\n (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-PRF95D4R')\n "}}]]],false,false,null,["$","script",null,{"id":"orbee-jd-power-script","dangerouslySetInnerHTML":{"__html":"(function(w,d,n,o,g){w.orbObject=w.orbObject||n;\n if(!w[n]){\n w[n]=function(){\n return (w[n].q=w[n].q||[]).push(arguments)\n };\n w[n].q=w[n].q||[];\n }\n var namespace = document.location.hostname.replace('www.', '');\n s=d.createElement(o),m=d.getElementsByTagName(o)[0];s.async=1;s.src=g+\"%3A\"+\n namespace;m.parentNode.insertBefore(s,m);\n })(window,document,\"orb\",\"script\",\"//scripts.orb.ee/tms.js?sid=5fb0np1L\");\n "}}],[["$","meta","tag5-0",{"name":"google-site-verification","content":"5sStlAkXnfu0GKlfOCG2R6dyG1_8Os5QT56e9OYO8JY"}]],[],[],[],"$L13","$L14",false,"$L15","$L16",false,false,"$L17","$L18",false]}],"$L19"]}] 1a:I[710869,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"default"] 1e:I[540701,["/_next/static/chunks/373lsix6fmu58.js","/_next/static/chunks/113zgfd13h4vg.js","/_next/static/chunks/2qjkcfgckgyqc.js","/_next/static/chunks/35t2t7bizc_gb.js","/_next/static/chunks/0gzmaspx7-hex.js","/_next/static/chunks/3-_flv38yj9k5.js","/_next/static/chunks/1omjmqmv1_bin.js","/_next/static/chunks/0_0nbt0wlz30i.js","/_next/static/chunks/1bmfpvu2gwukm.js","/_next/static/chunks/182id7k5djg6r.js","/_next/static/chunks/0ttnc9dadu79t.js","/_next/static/chunks/3rr2pcf0caac0.js"],"default"] 1b:T15d9,/** * Lease payment disclosure for Tracy Honda inventory cards. * Shows only when that card's Lease tab is selected. */ (() => { "use strict"; const DISCLOSURE = "Estimated lease payment is calculated using a 10% down payment. Final payment may vary based on credit approval, vehicle availability, taxes, fees, term, mileage allowance, and applicable incentives."; const PAYMENT_SELECTOR = '[class*="DetailedPricing-module"][class*="monthlyPayment"]'; const BUTTON_CLASS = "lease-payment-disclaimer__button"; const POPOVER_CLASS = "lease-payment-disclaimer__popover"; const WRAPPER_CLASS = "lease-payment-disclaimer"; const addStyles = () => { if (document.getElementById("lease-payment-disclaimer-styles")) return; const style = document.createElement("style"); style.id = "lease-payment-disclaimer-styles"; style.textContent = ` .${WRAPPER_CLASS} { position: relative; display: inline-flex; align-items: center; gap: 8px; } .${BUTTON_CLASS} { align-items: center; appearance: none; background: #5b5b5b; border: 0; border-radius: 50%; color: #fff; cursor: pointer; display: inline-flex; flex: 0 0 auto; font: 700 11px/1 Arial, sans-serif; height: 16px; justify-content: center; margin: 0; padding: 0; width: 16px; } .${BUTTON_CLASS}:focus-visible { outline: 2px solid #1d70b7; outline-offset: 2px; } .${POPOVER_CLASS} { background: #fff; border-radius: 10px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); box-sizing: border-box; color: #477da9; font: 400 16px/24px Arial, sans-serif; left: 0; max-width: min(320px, calc(100vw - 32px)); padding: 14px 16px; position: absolute; top: calc(100% + 10px); width: 320px; z-index: 1000; } .${POPOVER_CLASS}[hidden] { display: none; } .${POPOVER_CLASS} strong { color: #477da9; display: block; font-weight: 700; margin-bottom: 7px; } `; document.head.append(style); }; const closeAll = (except) => { document .querySelectorAll(`.${POPOVER_CLASS}:not([hidden])`) .forEach((popover) => { if (popover === except) return; popover.hidden = true; popover .closest(`.${WRAPPER_CLASS}`) ?.querySelector(`.${BUTTON_CLASS}`) ?.setAttribute("aria-expanded", "false"); }); }; const isLeasePayment = (payment) => { const pricingCard = payment.closest( '[class*="DetailedPricing-module"][class*="ctn"]' ); const activeTab = pricingCard?.querySelector( '[role="tab"][aria-selected="true"]' ); return activeTab?.textContent.trim() === "Lease"; }; const removeDisclosure = (payment) => { const wrapper = payment.closest(`.${WRAPPER_CLASS}`); if (!wrapper) return; // Restore the site's original payment element before removing our UI. wrapper.before(payment); wrapper.remove(); }; const attachDisclosure = (payment) => { if (payment.parentElement?.classList.contains(WRAPPER_CLASS)) return; const wrapper = document.createElement("span"); wrapper.className = WRAPPER_CLASS; payment.before(wrapper); wrapper.append(payment); const button = document.createElement("button"); const popover = document.createElement("div"); const uniqueId = window.crypto?.randomUUID?.() || `${Date.now()}-${Math.random().toString(36).slice(2)}`; const popoverId = `lease-payment-disclaimer-${uniqueId}`; button.type = "button"; button.className = BUTTON_CLASS; button.textContent = "?"; button.setAttribute("aria-label", "Lease payment disclaimer"); button.setAttribute("aria-controls", popoverId); button.setAttribute("aria-expanded", "false"); popover.className = POPOVER_CLASS; popover.id = popoverId; popover.hidden = true; popover.setAttribute("role", "tooltip"); popover.innerHTML = `Lease Payment${DISCLOSURE}`; button.addEventListener("click", (event) => { event.stopPropagation(); const opening = popover.hidden; closeAll(popover); popover.hidden = !opening; button.setAttribute("aria-expanded", String(opening)); }); wrapper.prepend(button); wrapper.append(popover); }; const apply = () => { document.querySelectorAll(PAYMENT_SELECTOR).forEach((payment) => { if (isLeasePayment(payment)) { attachDisclosure(payment); } else { removeDisclosure(payment); } }); }; let updateQueued = false; const scheduleApply = () => { if (updateQueued) return; updateQueued = true; requestAnimationFrame(() => { updateQueued = false; apply(); }); }; document.addEventListener("click", (event) => { if (!event.target.closest(`.${WRAPPER_CLASS}`)) { closeAll(); } }); document.addEventListener("keydown", (event) => { if (event.key === "Escape") { closeAll(); } }); addStyles(); apply(); new MutationObserver(scheduleApply).observe(document.body, { childList: true, subtree: true }); })();1c:T2714,/** * Tracy Honda — Nav bar inventory counts (Pylon #32294) * ------------------------------------------------------------------ * Adds a live "(N)" inventory count next to each model/category link * in the main navigation WITHOUT changing the link's href — so the * nav can keep pointing at the SEO-friendly CMS pages (/new-civic, * /new-cr-v, etc.) instead of the canonical /cars/... collection URLs. * * How it works: * - Tracy Honda's own site search box already queries Algolia * client-side with a public, search-only API key (visible in the * page's own network requests). This script re-uses that same * index/key to ask Algolia "how many vehicles match X" for each * nav link, in a single batched request, then writes the count * next to the link text. * - Counts are cached in sessionStorage for CACHE_TTL_MS so repeat * page views / SPA route changes don't re-hit Algolia every time. * - A MutationObserver re-applies the badges if Next.js re-renders * the nav (client-side route changes) and wipes the injected text. * * - Any link whose count is 0 is hidden entirely (its closest

, * or the link itself if it isn't in a list) rather than showing * "(0)" — set HIDE_ON_ZERO to false below to just show "(0)" instead. * * SETUP (Admin): * Dealership > Design > Custom Code (Analytics Tags) > Add Tag * Category: "Inline Script" (or "Body Script") * Placement: end of , all pages * * MAINTENANCE: * - If a nav link's href changes, or a new model link is added, * update the CONFIG array below to match. `href` must match the * link's pathname exactly (case-sensitive, no trailing slash). * - `filters` is a raw Algolia `filters` expression. Field names * (model, car_trim, car_condition, make, cpo) come straight from * the same Algolia index the site search already uses. * - Counts for "Value Your Trade" / "Courtesy Vehicles" were left * out — confirm the right filter (quick tag / collection) with * the team before adding them. * - Verify each number against Admin (or the matching /cars/... * collection page) before/after publishing this script. * ------------------------------------------------------------------ */ (function () { "use strict"; // ---- Dealer / Algolia config ----------------------------------- var DEALER_ID = 1930; // Tracy Honda var ALGOLIA_APP_ID = "G58LKO3ETJ"; var ALGOLIA_SEARCH_KEY = "cc3dce06acb2d9fc715bc10c9a624d80"; // public, search-only key var ALGOLIA_INDEX = "production-inventory-global_price_desc"; var CACHE_TTL_MS = 5 * 60 * 1000; // 5 minutes var CACHE_KEY = "mtv_nav_inv_counts_v1"; // ---- Nav link -> Algolia filter map ------------------------------ // href: pathname exactly as it appears in the nav link's href attribute // filters: Algolia `filters` expression, dealer_id is added automatically var CONFIG = [ { href: "/new-inventory", filters: "car_condition:'New'" }, { href: "/new-honda", filters: "car_condition:'New' AND make:'Honda'" }, { href: "/new-civic", filters: "car_condition:'New' AND model:'Civic'" }, { href: "/new-civic-hybrid", filters: "car_condition:'New' AND model:'Civic Hybrid'" }, { href: "/new-civic-si", filters: "car_condition:'New' AND model:'Civic' AND car_trim:'Si'" }, { href: "/new-civic-type-r", filters: "car_condition:'New' AND model:'Civic' AND car_trim:'Type R'" }, { href: "/new-accord", filters: "car_condition:'New' AND model:'Accord'" }, { href: "/new-accord-hybrid", filters: "car_condition:'New' AND model:'Accord Hybrid'" }, { href: "/new-cr-v", filters: "car_condition:'New' AND model:'CR-V'" }, { href: "/new-cr-v-hybrid", filters: "car_condition:'New' AND model:'CR-V Hybrid'" }, { href: "/new-prelude", filters: "car_condition:'New' AND model:'Prelude'" }, { href: "/new-pilot", filters: "car_condition:'New' AND model:'Pilot'" }, { href: "/new-odyssey", filters: "car_condition:'New' AND model:'Odyssey'" }, { href: "/new-prologue", filters: "car_condition:'New' AND model:'Prologue'" }, { href: "/new-ridgeline", filters: "car_condition:'New' AND model:'Ridgeline'" }, { href: "/new-hr-v", filters: "car_condition:'New' AND model:'HR-V'" }, { href: "/new-passport", filters: "car_condition:'New' AND model:'Passport'" }, { href: "/used-hondas", filters: "car_condition:'Used' AND make:'Honda'" }, { href: "/all-used", filters: "car_condition:'Used'" }, { href: "/cpo-honda", filters: "car_condition:'Used' AND cpo:true" } ]; var BADGE_CLASS = "mtv-nav-inv-count"; var HIDDEN_ATTR = "data-mtv-nav-hidden"; var HIDE_ON_ZERO = true; // hide the link entirely when count is 0 (instead of showing "(0)") function qs(params) { return Object.keys(params) .map(function (k) { return encodeURIComponent(k) + "=" + encodeURIComponent(params[k]); }) .join("&"); } function readCache() { try { var raw = sessionStorage.getItem(CACHE_KEY); if (!raw) return null; var parsed = JSON.parse(raw); if (!parsed || typeof parsed.ts !== "number") return null; if (Date.now() - parsed.ts > CACHE_TTL_MS) return null; return parsed.counts || null; } catch (e) { return null; } } function writeCache(counts) { try { sessionStorage.setItem( CACHE_KEY, JSON.stringify({ ts: Date.now(), counts: counts }) ); } catch (e) { /* ignore quota / privacy-mode errors */ } } function fetchCounts() { var cached = readCache(); if (cached) return Promise.resolve(cached); var url = "https://" + ALGOLIA_APP_ID.toLowerCase() + "-dsn.algolia.net/1/indexes/*/queries"; var body = { requests: CONFIG.map(function (item) { return { indexName: ALGOLIA_INDEX, params: qs({ query: "", hitsPerPage: 0, filters: "dealer_id:" + DEALER_ID + " AND " + item.filters }) }; }) }; return fetch(url, { method: "POST", headers: { "content-type": "application/x-www-form-urlencoded", "x-algolia-api-key": ALGOLIA_SEARCH_KEY, "x-algolia-application-id": ALGOLIA_APP_ID }, body: JSON.stringify(body) }) .then(function (resp) { return resp.json(); }) .then(function (data) { var counts = {}; (data.results || []).forEach(function (result, i) { counts[CONFIG[i].href] = typeof result.nbHits === "number" ? result.nbHits : null; }); writeCache(counts); return counts; }); } // Finds the element that should be hidden for a zero-count link. // Tracy Honda's mega menu doesn't wrap each item in its own

— // items in a section share one outer

for the whole dropdown — // so climbing to the nearest

would hide the entire menu instead // of just this row. Hide the anchor's own parent only if that parent // wraps nothing but this link (a per-item wrapper div); otherwise // hide the link itself. Flex/grid gap collapses cleanly around a // display:none item, so no empty gap is left behind either way. function hideTarget(link) { var parent = link.parentElement; if (parent && parent.tagName !== "LI" && parent.children.length === 1) { return parent; } return link; } function setHidden(link, hidden) { var target = hideTarget(link); if (hidden) { if (target.getAttribute(HIDDEN_ATTR) !== "true") { target.setAttribute(HIDDEN_ATTR, "true"); target.dataset.mtvPrevDisplay = target.style.display || ""; } target.style.display = "none"; } else if (target.getAttribute(HIDDEN_ATTR) === "true") { target.style.display = target.dataset.mtvPrevDisplay || ""; target.removeAttribute(HIDDEN_ATTR); delete target.dataset.mtvPrevDisplay; } } function applyBadges(counts) { CONFIG.forEach(function (item) { var count = counts[item.href]; if (count === null || count === undefined) return; var links = document.querySelectorAll('a[href="' + item.href + '"]'); links.forEach(function (link) { if (count === 0 && HIDE_ON_ZERO) { setHidden(link, true); return; } setHidden(link, false); var existing = link.querySelector("." + BADGE_CLASS); if (existing) { if (existing.textContent !== " (" + count + ")") { existing.textContent = " (" + count + ")"; } return; } var badge = document.createElement("span"); badge.className = BADGE_CLASS; badge.setAttribute("aria-hidden", "true"); badge.textContent = " (" + count + ")"; link.appendChild(badge); }); }); } function init() { fetchCounts() .then(function (counts) { applyBadges(counts); // Re-apply if the header/nav re-renders (Next.js client nav) // and strips the injected badge spans. var header = document.querySelector("header") || document.body; var observer = new MutationObserver(function () { applyBadges(counts); }); observer.observe(header, { childList: true, subtree: true }); }) .catch(function (err) { // Fail silently — never break the nav if Algolia is unreachable. if (window.console && console.warn) { console.warn("[nav-inventory-counts] failed to load counts", err); } }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } })();1d:T1268,/** * Tracy Honda — live New / Used inventory counts in the primary navigation. * Install as a site-wide Body Script. */ (function () { "use strict"; var CONFIG = { algoliaUrl: "https://G58LKO3ETJ-dsn.algolia.net/1/indexes/*/queries", algoliaAppId: "G58LKO3ETJ", // Public, search-only key already exposed by Tracy Honda's storefront. algoliaSearchKey: "cc3dce06acb2d9fc715bc10c9a624d80", indexName: "production-inventory-global_price_desc", dealerId: 1930, refreshIntervalMs: 5 * 60 * 1000, debug: true }; var latestCounts = null; var renderQueued = false; function log() { if (!CONFIG.debug) return; var args = ["[tracy-nav-count]"].concat( Array.prototype.slice.call(arguments) ); console.log.apply(console, args); } function buildQuery(condition) { return { indexName: CONFIG.indexName, params: new URLSearchParams({ query: "", hitsPerPage: "0", filters: "dealer_id:" + CONFIG.dealerId + " AND car_condition:" + condition }).toString() }; } async function fetchCounts() { var response = await fetch(CONFIG.algoliaUrl, { method: "POST", mode: "cors", credentials: "omit", cache: "no-store", headers: { "content-type": "application/json", "x-algolia-application-id": CONFIG.algoliaAppId, "x-algolia-api-key": CONFIG.algoliaSearchKey }, body: JSON.stringify({ requests: [buildQuery("New"), buildQuery("Used")] }) }); if (!response.ok) { throw new Error("Inventory query returned HTTP " + response.status); } var payload = await response.json(); var newCount = Number(payload.results && payload.results[0]?.nbHits); var usedCount = Number(payload.results && payload.results[1]?.nbHits); if (!Number.isFinite(newCount) || !Number.isFinite(usedCount)) { throw new Error("Inventory query did not return valid totals"); } return { New: newCount, Used: usedCount }; } function isMatchingLabel(element, label) { if (element.dataset.tracyInventoryLabel === label) return true; var text = (element.textContent || "").trim(); return text === label || new RegExp("^" + label + " \$\\d+\$$").test(text); } function findNavLabels(label) { // The live navbar uses React div controls, with the visible label in a // span. It is not an or

Price

Vehicle Information

Vehicle Availability

EPA Disclaimer

Price

Vehicle Information

Vehicle Availability

EPA Disclaimer

Applied filters

See all filters

Protection Package for: Civics, Accords, Civic Si, Type R and Prelude