{"version":3,"file":"shared.DNSuVC63.mjs","names":["useState","useRef","__esmMin","_e","de","window","init_ssg_sandbox_shims","init_npm_react_18_3_1","ce","c","init_jsx_runtime","p","init_npm_react_dom_18_3_1","init_framer_BL70qLPA","addPropertyControls","ControlType","init_NavFooterShared","fontsCss","navFooterCss","ctaCss","ExactNav","root","setRoot","isOwnerRef","r","style","s1","navScript","s2","toneScript","firstPaintHtml","initialTone","content","html","init_ExactNav"],"sources":["https:/framerusercontent.com/modules/MkSgTkzR4HFgKLKeeK8a/xDeSJk8ZApHO8RvGep9M/ExactNav.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{createPortal}from\"react-dom\";import{addPropertyControls,ControlType}from\"framer\";import{fontsCss,navFooterCss,ctaCss}from\"https://framerusercontent.com/modules/9i4VN6XdANjPUF7MA809/ztcOltDrTJ7DY8D1ugZr/NavFooterShared.js\";const content='\\n\\n\\n\\n\\n\\n';const navScript=\"/* MF-31 nav behaviour. All links already exist in the HTML; this only toggles visibility. */\\n(function () {\\n var root = document.documentElement;\\n if (root.hasAttribute('data-mfn-embed')) root.style.removeProperty('--mfn-chrome');\\n var shell = document.getElementById('mfn-shell');\\n if (!shell) return;\\n var items = Array.prototype.slice.call(shell.querySelectorAll('.mfn-item[data-key]'));\\n var burger = shell.querySelector('.mfn-burger');\\n var phone = window.matchMedia('(max-width: 1207.98px)');\\n var finePointer = window.matchMedia('(hover: hover) and (pointer: fine)');\\n var openKey = null, hoverT = null, leaveT = null;\\n\\n function btn(key) { return document.getElementById('mfn-b-' + key); }\\n function panel(key) { return document.getElementById('mfn-p-' + key); }\\n\\n function setOpen(key, opts) {\\n opts = opts || {};\\n items.forEach(function (it) {\\n var k = it.getAttribute('data-key');\\n var on = k === key;\\n btn(k).setAttribute('aria-expanded', on ? 'true' : 'false');\\n panel(k).classList.toggle('is-open', on);\\n });\\n openKey = key;\\n if (phone.matches) {\\n shell.removeAttribute('data-open');\\n shell.classList.remove('is-open');\\n } else if (key) {\\n shell.setAttribute('data-open', key);\\n shell.classList.add('is-open');\\n } else {\\n shell.removeAttribute('data-open');\\n shell.classList.remove('is-open');\\n }\\n if (opts.focus && key) {\\n var first = panel(key).querySelector('a');\\n if (first) first.focus();\\n }\\n }\\n function closeAll(returnFocus) {\\n var k = openKey;\\n setOpen(null);\\n if (returnFocus && k) btn(k).focus();\\n }\\n function setDrawer(on) {\\n shell.classList.toggle('is-drawer', on);\\n burger.setAttribute('aria-expanded', on ? 'true' : 'false');\\n burger.setAttribute('aria-label', on ? 'Close menu' : 'Open menu');\\n if (!on) setOpen(null);\\n }\\n\\n items.forEach(function (it) {\\n var k = it.getAttribute('data-key');\\n var b = btn(k);\\n b.addEventListener('click', function () {\\n setOpen(openKey === k ? null : k);\\n });\\n b.addEventListener('keydown', function (e) {\\n if (e.key === 'ArrowDown' && !phone.matches) { e.preventDefault(); setOpen(k, { focus: true }); }\\n });\\n b.addEventListener('mouseenter', function () {\\n if (phone.matches || !finePointer.matches) return;\\n clearTimeout(leaveT); clearTimeout(hoverT);\\n hoverT = setTimeout(function () { setOpen(k); }, openKey ? 0 : 90);\\n });\\n });\\n var nav = document.getElementById('mfn');\\n nav.addEventListener('mouseleave', function () {\\n if (phone.matches || !finePointer.matches) return;\\n clearTimeout(hoverT);\\n leaveT = setTimeout(function () { if (!nav.contains(document.activeElement) || document.activeElement === document.body) setOpen(null); }, 220);\\n });\\n nav.addEventListener('mouseenter', function () { clearTimeout(leaveT); });\\n document.addEventListener('keydown', function (e) {\\n if (e.key !== 'Escape') return;\\n if (openKey) { closeAll(true); return; }\\n if (shell.classList.contains('is-drawer')) { setDrawer(false); burger.focus(); }\\n });\\n document.addEventListener('click', function (e) {\\n if (!nav.contains(e.target) && !e.target.closest('.mfn-review') && openKey && !phone.matches) setOpen(null);\\n });\\n nav.addEventListener('focusout', function () {\\n setTimeout(function () {\\n if (!phone.matches && openKey && !nav.contains(document.activeElement)) setOpen(null);\\n }, 0);\\n });\\n burger.addEventListener('click', function () { setDrawer(!shell.classList.contains('is-drawer')); });\\n phone.addEventListener && phone.addEventListener('change', function () { setDrawer(false); setOpen(null); });\\n})();\\n\";const toneScript=\"/* MF-31 nav tone (PROPOSED, pending approval). Keeps the nav readable on any background:\\n checks what is behind the nav bar on load, scroll and resize, and switches to the light variant\\n (dark labels, .mfn-on-light) over light backgrounds and back to the default over dark ones. */\\n(function () {\\n var SKIP = '#mfn, .mfn, #rv-back, .mfn-review, .mfn-frame, .mfn-toast, .mfp-bar, .mfg2-switch, [data-mfp-bar]';\\n function rgba(str) {\\n var m = String(str).match(/rgba?\\\\(([^)]+)\\\\)/); if (!m) return null;\\n var p = m[1].split(/[\\\\s,\\\\/]+/).filter(Boolean).map(parseFloat);\\n return { r: p[0], g: p[1], b: p[2], a: p.length > 3 ? p[3] : 1 };\\n }\\n function lum(c) {\\n function ch(v) { v /= 255; return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4); }\\n return 0.2126 * ch(c.r) + 0.7152 * ch(c.g) + 0.0722 * ch(c.b);\\n }\\n function mix(top, under) {\\n var a = top.a;\\n return { r: top.r * a + under.r * (1 - a), g: top.g * a + under.g * (1 - a), b: top.b * a + under.b * (1 - a), a: 1 };\\n }\\n /* average colour of an image (data URIs are same-origin, so a canvas can read them); cached */\\n var IMG = {};\\n function imgAvg(src) {\\n if (!src) return null;\\n if (IMG[src] !== undefined) return IMG[src];\\n IMG[src] = null;\\n var im = new Image();\\n im.onload = function () {\\n try {\\n var c = document.createElement('canvas'); c.width = 24; c.height = 24;\\n var x = c.getContext('2d'); x.drawImage(im, 0, 0, 24, 24);\\n var d = x.getImageData(0, 0, 24, 24).data, r = 0, g = 0, b = 0, a = 0;\\n for (var i = 0; i < d.length; i += 4) { var al = d[i + 3] / 255; r += d[i] * al; g += d[i + 1] * al; b += d[i + 2] * al; a += al; }\\n IMG[src] = a ? { r: r / a, g: g / a, b: b / a, a: a / (d.length / 4) } : { r: 0, g: 0, b: 0, a: 0 };\\n } catch (e) { IMG[src] = false; }\\n queue();\\n };\\n im.src = src;\\n return null;\\n }\\n /* split a gradient's arguments, read its direction and stops */\\n function gradParts(str) {\\n var m = str.match(/^(?:repeating-)?(linear|radial|conic)-gradient\\\\((.*)\\\\)$/); if (!m) return null;\\n var parts = [], d = 0, cur = '';\\n for (var i = 0; i < m[2].length; i++) { var ch = m[2][i]; if (ch === '(') d++; if (ch === ')') d--; if (ch === ',' && !d) { parts.push(cur.trim()); cur = ''; } else cur += ch; }\\n parts.push(cur.trim());\\n var dir = m[1] === 'linear' ? 'to bottom' : m[1];\\n if (m[1] !== 'linear' || /^(to |-?[\\\\d.]+deg|circle|ellipse|closest|farthest|at )/.test(parts[0])) { if (!rgba(parts[0]) && !/transparent/.test(parts[0])) dir = m[1] === 'linear' ? parts.shift() : (parts.shift(), m[1]); }\\n var stops = parts.map(function (p, k) {\\n var col = rgba(p) || (/transparent/.test(p) ? { r: 0, g: 0, b: 0, a: 0 } : null);\\n var pos = p.match(/(-?[\\\\d.]+)%\\\\s*$/);\\n return col && { c: col, t: pos ? parseFloat(pos[1]) / 100 : k / Math.max(1, parts.length - 1) };\\n }).filter(Boolean);\\n return stops.length ? { dir: dir, stops: stops } : null;\\n }\\n /* position (0..1) of viewport height py along a vertical gradient, or -1 when not vertical */\\n function vpos(el, dir, py) {\\n var up = dir === 'to top' || /^0deg$/.test(dir) || /^360deg$/.test(dir);\\n var down = dir === 'to bottom' || /^180deg$/.test(dir);\\n if (!up && !down) return -1;\\n var r = el.getBoundingClientRect(); if (!r.height) return -1;\\n return down ? (py - r.top) / r.height : (r.bottom - py) / r.height;\\n }\\n function interp(stops, t, key) {\\n if (t <= stops[0].t) return stops[0].c;\\n for (var j = 1; j < stops.length; j++) {\\n if (t <= stops[j].t) {\\n var a = stops[j - 1].c, b = stops[j].c, f = (t - stops[j - 1].t) / ((stops[j].t - stops[j - 1].t) || 1);\\n return { r: a.r + (b.r - a.r) * f, g: a.g + (b.g - a.g) * f, b: a.b + (b.b - a.b) * f, a: a.a + (b.a - a.a) * f };\\n }\\n }\\n return stops[stops.length - 1].c;\\n }\\n function gradAt(el, img, py) {\\n var layers = [], d = 0, cur = '';\\n for (var i = 0; i < img.length; i++) { var ch = img[i]; if (ch === '(') d++; if (ch === ')') d--; if (ch === ',' && !d) { layers.push(cur.trim()); cur = ''; } else cur += ch; }\\n layers.push(cur.trim());\\n var g = gradParts(layers[layers.length - 1]); if (!g) return null;\\n var t = g.dir === 'radial' || g.dir === 'conic' ? -1 : vpos(el, g.dir, py);\\n if (t >= 0) { var c = interp(g.stops, t); return { r: c.r, g: c.g, b: c.b, a: c.a }; }\\n var acc = { r: 0, g: 0, b: 0, a: 0 };\\n g.stops.forEach(function (s) { acc.r += s.c.r; acc.g += s.c.g; acc.b += s.c.b; acc.a += s.c.a; });\\n var n = g.stops.length, out = { r: acc.r / n, g: acc.g / n, b: acc.b / n, a: acc.a / n };\\n if (g.dir === 'radial' && el.getBoundingClientRect().width < window.innerWidth * 0.8) out.a *= 0.5; /* full-width radial heroes count in full */\\n return out;\\n }\\n /* the colours one element paints itself, top first */\\n function layersOf(el, py) {\\n var cs = getComputedStyle(el), out = [], op = parseFloat(cs.opacity);\\n if (cs.visibility === 'hidden' || op === 0) return out;\\n if (el.tagName === 'IMG') { var ic = imgAvg(el.currentSrc || el.src); if (ic) out.push({ r: ic.r, g: ic.g, b: ic.b, a: ic.a }); }\\n var img = cs.backgroundImage;\\n if (img && img !== 'none') {\\n var u = img.match(/url\\\\([\\\"']?([^\\\"')]+)[\\\"']?\\\\)/);\\n if (u) { var uc = imgAvg(u[1]); if (uc) out.push({ r: uc.r, g: uc.g, b: uc.b, a: uc.a }); }\\n else {\\n var gc = gradAt(el, img, py); if (gc) out.push(gc);\\n }\\n }\\n var c = rgba(cs.backgroundColor);\\n if (c && c.a > 0) out.push(c);\\n var m = maskAt(el, cs, py);\\n out.forEach(function (l) { l.a *= op * m; });\\n return out;\\n }\\n /* how much of the element a CSS mask lets through at viewport height py (vertical linear masks are\\n computed; radial and image masks are decorative glows and textures, so they count for little) */\\n function maskAt(el, cs, py) {\\n var mk = cs.maskImage || cs.webkitMaskImage;\\n if (!mk || mk === 'none') return 1;\\n var g = gradParts(mk);\\n if (!g || g.dir === 'radial' || g.dir === 'conic') return 0.25;\\n var t = vpos(el, g.dir, py);\\n if (t < 0) return 0.5;\\n return interp(g.stops, t).a;\\n }\\n /* composite every painted layer under the point, top to bottom, over white */\\n function bgAt(x, y) {\\n var stack = document.elementsFromPoint(x, y), layers = [], cover = 0;\\n for (var i = 0; i < stack.length && cover < 0.95; i++) {\\n var el = stack[i];\\n if (el.closest && el.closest(SKIP)) continue;\\n layersOf(el, y).forEach(function (l) { if (cover < 0.95) { layers.push(l); cover = cover + l.a * (1 - cover); } });\\n }\\n var out = { r: 255, g: 255, b: 255, a: 1 };\\n for (var j = layers.length - 1; j >= 0; j--) out = mix(layers[j], out);\\n return out;\\n }\\n var navs = [], pendingTones = new WeakMap();\\n function sample(nav) {\\n var shell = nav.querySelector('.mfn-shell') || nav;\\n var r = shell.getBoundingClientRect();\\n if (!r.width || !r.height) return;\\n /* a 3 x 7 grid across the bar, so a band edge or a button under one point does not decide it */\\n var total = 0, n = 0, light = 0, dark = 0;\\n [14, 36, 58].forEach(function (dy) {\\n var y = Math.min(r.top + dy, window.innerHeight - 1);\\n [0.06, 0.2, 0.35, 0.5, 0.65, 0.8, 0.94].forEach(function (f) { var pointL = lum(bgAt(r.left + r.width * f, y)); total += pointL; n++; if (pointL > 0.55) light++; if (pointL < 0.18) dark++; });\\n });\\n var L = total / n;\\n // Hold the current tone through mixed backgrounds and isolated cards.\\n // A clear majority must agree for 200ms before changing the whole bar.\\n var current = nav.classList.contains('mfn-on-light'), next = current;\\n if (light / n >= 2 / 3 && L > 0.55) next = true;\\n else if (dark / n >= 2 / 3 && L < 0.18) next = false;\\n var pending = pendingTones.get(nav);\\n if (next === current) {\\n if (pending) clearTimeout(pending.timer);\\n pendingTones.delete(nav);\\n return;\\n }\\n if (pending && pending.next === next) return;\\n if (pending) clearTimeout(pending.timer);\\n pendingTones.set(nav, { next: next, timer: setTimeout(function () {\\n nav.classList.toggle('mfn-on-light', next);\\n pendingTones.delete(nav);\\n }, 200) });\\n }\\n var queued = false;\\n function run() {\\n queued = false;\\n navs.forEach(function (n) { if (n.offsetParent !== null || getComputedStyle(n).position === 'fixed') sample(n); });\\n }\\n function queue() { if (!queued) { queued = true; if (document.hidden) setTimeout(run, 50); else requestAnimationFrame(run); } } /* rAF pauses in background tabs */\\n navs = Array.prototype.slice.call(document.querySelectorAll('header.mfn'));\\n if (!navs.length) return;\\n run();\\n window.addEventListener('scroll', queue, { passive: true });\\n window.addEventListener('resize', queue);\\n window.addEventListener('load', queue);\\n document.addEventListener('click', function () { setTimeout(queue, 60); });\\n window.addEventListener('hashchange', queue);\\n document.addEventListener('visibilitychange', function () { if (!document.hidden) run(); });\\n setTimeout(queue, 300); setTimeout(queue, 1200);\\n window.MFN_TONE = run;\\n})();\\n\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function ExactNav({initialTone=\"auto\"}){const[root,setRoot]=useState(null);const isOwnerRef=useRef(false);useEffect(()=>{let r=document.getElementById(\"mfn-root\");if(!r){r=document.createElement(\"div\");r.id=\"mfn-root\";r.style.cssText=\"font-size:12px;font-family:sans-serif\";document.body.appendChild(r);isOwnerRef.current=true;if(!document.getElementById(\"mfn-styles\")){const style=document.createElement(\"style\");style.id=\"mfn-styles\";style.textContent=fontsCss+navFooterCss+ctaCss;document.head.appendChild(style);}}setRoot(r);},[]);useEffect(()=>{if(!root||!isOwnerRef.current)return;const s1=document.createElement(\"script\");s1.text=navScript;document.body.appendChild(s1);const s2=document.createElement(\"script\");s2.text=toneScript;document.body.appendChild(s2);},[root]);// Render the initial bar in the server HTML; hydration promotes the same\n// markup to the existing body portal so scrolling and menus keep working.\nif(!root){const firstPaintHtml=initialTone===\"white\"?content.replace('class=\"mfn-on-light mfn\"','class=\"mfn\"'):content;return /*#__PURE__*/_jsxs(\"div\",{\"data-mfn-first-paint\":true,style:{position:\"relative\",width:\"100%\",fontSize:12,fontFamily:\"sans-serif\"},children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:navFooterCss+ctaCss}}),/*#__PURE__*/_jsx(\"div\",{dangerouslySetInnerHTML:{__html:firstPaintHtml}})]});}if(!isOwnerRef.current)return null;// Blue-hero pages start with the white-text nav so the first frame is right; every other page starts light\n// (dark text). The tone script still re-checks what is behind the nav on load and scroll.\nconst blueHero=initialTone===\"white\"||/^\\/(blog(\\/.*)?)?$/.test(window.location.pathname.replace(/\\/$/,\"\")||\"/\");const html=blueHero?content.replace('class=\"mfn-on-light mfn\"','class=\"mfn\"'):content;return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{dangerouslySetInnerHTML:{__html:html}}),root);}addPropertyControls(ExactNav,{initialTone:{type:ControlType.Enum,title:\"Initial tone\",options:[\"auto\",\"white\"],optionTitles:[\"Automatic\",\"White on blue\"],defaultValue:\"auto\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ExactNav\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ExactNav.map"],"mappings":"A,yRAGG,SAAwBoB,EAAS,CAAC,cAAY,QAAQ,CAAC,GAAK,CAACC,EAAKC,GAAStB,EAAS,IAAI,EAAQuB,EAAWtB,EAAO,EAAK,EAE1H,GAF4HO,MAAc,CAAC,IAAIgB,EAAE,SAAS,eAAe,UAAU,EAAE,GAAG,CAACA,IAAG,EAAE,SAAS,cAAc,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,MAAM,QAAQ,wCAAwC,SAAS,KAAK,YAAYA,CAAC,EAAE,EAAW,QAAQ,GAAQ,CAAC,SAAS,eAAe,YAAY,GAAE,CAAC,IAAMC,EAAM,SAAS,cAAc,OAAO,EAAE,EAAM,GAAG,aAAa,EAAM,YAAYR,EAASC,EAAaC,EAAO,SAAS,KAAK,YAAYM,CAAK,CAAE,CAAEH,EAAQE,CAAC,CAAE,EAAE,CAAC,CAAC,EAAEhB,MAAc,CAAC,GAAG,CAACa,GAAM,CAACE,EAAW,QAAQ,OAAO,IAAMG,EAAG,SAAS,cAAc,QAAQ,EAAE,EAAG,KAAKC,EAAU,SAAS,KAAK,YAAYD,CAAE,EAAE,IAAME,EAAG,SAAS,cAAc,QAAQ,EAAE,EAAG,KAAKC,EAAW,SAAS,KAAK,YAAYD,CAAE,CAAE,EAAE,CAACP,CAAI,CAAC,EAEvxB,CAACA,EAAK,CAAC,IAAMS,EAAeC,IAAc,QAAQC,EAAQ,QAAQ,2BAA2B,aAAa,EAAEA,EAAQ,MAAoB,gBAAM,MAAM,CAAC,uBAAuB,GAAK,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,SAAS,GAAG,WAAW,YAAY,EAAE,SAAS,CAAc,gBAAK,QAAQ,CAAC,wBAAwB,CAAC,OAAOd,EAAaC,CAAM,CAAC,CAAC,EAAe,gBAAK,MAAM,CAAC,wBAAwB,CAAC,OAAOW,CAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,GAAG,CAACP,EAAW,QAAQ,OAAO,KAEzV,IAAMU,EAAxGF,IAAc,SAAS,qBAAqB,KAAK1B,EAAO,SAAS,SAAS,QAAQ,MAAM,EAAE,GAAG,GAAG,EAAsB2B,EAAQ,QAAQ,2BAA2B,aAAa,EAAEA,EAAQ,MAAoB,gBAA0B,gBAAK,MAAM,CAAC,wBAAwB,CAAC,OAAOC,CAAI,CAAC,CAAC,EAAEZ,CAAI,CAAE,C,gEAPkC,EAAQ;;;;;;;;;;;;;;;;;wBAAivkL,EAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6sH,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAO5/rLP,EAAoBM,EAAS,CAAC,YAAY,CAAC,KAAKL,EAAY,KAAK,MAAM,eAAe,QAAQ,CAAC,OAAO,OAAO,EAAE,aAAa,CAAC,YAAY,eAAe,EAAE,aAAa,MAAM,CAAC,CAAC,C"}