https://www.biography.com/_assets/fre/scopes/hdm/_next/static/chunks/pages/demos/next-lazy-1a60d2e65374e100.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61059],{4927:(e,t,a)=>{"use strict";a.d(t,{Cc:()=>l,FK:()=>r,lQ:()=>n});let n=()=>({});function r(e){return e?.children||null}function l(){return null}},15936:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/demos/next-lazy",function(){return a(67223)}])},56550:(e,t,a)=>{"use strict";a.d(t,{Pk:()=>d,_P:()=>o,kO:()=>i});var n=a(71055),r=a(4927),l=a(59181);function o(){return!!(0,n.useContext)(l.K)?.parentId}function d(e,t){let a=(0,n.useContext)(l.K),o=(0,n.useRef)(a);o.current=a;let d=(0,n.useCallback)((e,t)=>o.current?.(e,t,!0),[]);if(!a?.parentId){let e=r.lQ;return e.parentStrategy=void 0,e.strategy=void 0,e}return(d.parentStrategy=a?.parentStrategy??a?.strategy,d.strategy=a?.strategy,void 0!==e)?a(e,t,!0):d}function i(e,t){let a=d(),r=(0,n.useCallback)((e,n)=>a("number"==typeof n?n:t??null,e),[t,a]);return e?a(t??null,e):r}},59181:(e,t,a)=>{"use strict";a.d(t,{K:()=>n});let n=(0,a(71055).createContext)(null)},67223:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSP:()=>N,default:()=>_});var n=a(38536),r=a(68014),l=a.n(r),o=a(12625),d=a(71055),i=a(72553),s=a(89388),u=a(1873),p=a(53520),c=a(56550),m=a(9954);let y=["children","forwardedRef","hydrationRef"],f=[["xxs",0,30],["xs",30,40.625],["sm",40.625,48],["md",48,64],["lg",64,73.75],["xlg",73.75,75],["xxlg",75,90],["xxxlg",90,100],["xxxxlg",100]],b=["sm","md","lg","xxlg","xxxxlg"],g=(0,n.A)("main",{target:"efg7a6o3"})({name:"1pwg7q4",styles:"font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;padding:24px;max-width:960px;margin:0 auto"}),Y=(0,n.A)("section",{target:"efg7a6o2"})({name:"h4z95s",styles:"border:1px solid #d4d4d4;border-radius:8px;padding:16px;margin-bottom:16px;background:#fff"}),h=(0,n.A)("div",{target:"efg7a6o1"})({name:"11rnrxl",styles:"border:1px dashed #bdbdbd;border-radius:6px;padding:12px;margin-top:8px;background:#fafafa"}),x=(0,n.A)("div",{target:"efg7a6o0"})({name:"1jrqt8v",styles:"height:140vh;display:grid;place-items:center;color:#64748b;font-size:14px"}),v=(0,i.RZ)(l()(()=>a.e(4360).then(a.bind(a,4360)),{id:"8fa5640",loadableGenerated:{webpack:()=>[4360]}}),{name:"inview-example",strategy:i.YL.INVIEW}),A=(0,i.RZ)(l()(()=>a.e(67942).then(a.bind(a,67942)),{id:"0c112e0",loadableGenerated:{webpack:()=>[67942]}}),{name:"load-example",strategy:i.YL.LOAD}),S=(0,i.RZ)(l()(()=>a.e(39424).then(a.bind(a,39424)),{id:"7c9d940",loadableGenerated:{webpack:()=>[39424]}}),{name:"idle-example",strategy:i.YL.IDLE}),w=(0,i.RZ)(l()(()=>a.e(6656).then(a.bind(a,6656)),{id:"88c15e0",loadableGenerated:{webpack:()=>[6656]}}),{name:"static-example",strategy:i.YL.STATIC}),L=(0,i.RZ)(l()(()=>a.e(30417).then(a.bind(a,30417)),{id:"bb96990",loadableGenerated:{webpack:()=>[30417]}}),{name:"strategy-hook-example",strategy:i.YL.STATIC}),T=(0,i.RZ)(l()(()=>a.e(51363).then(a.bind(a,51363)),{id:"5fb9dd0",loadableGenerated:{webpack:()=>[51363]}}),{name:"media-hook-example",strategy:i.YL.STATIC,wrapper:function(e){let{children:t,forwardedRef:a,hydrationRef:n}=e,r=(0,p.A)(e,y),l=(0,c.kO)(),{0:o,1:i}=(0,d.useState)([]),{0:s,1:g}=(0,d.useState)(0);(0,d.useEffect)(()=>{let e=()=>g(window.innerWidth);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let Y=(0,d.useMemo)(()=>{let e,t;return s?(e=s/16,t=f.find(([,t,a])=>e>=t&&(null==a||e<a)),t?.[0]??"unknown"):"unknown"},[s]),h=(0,d.useMemo)(()=>b.find(e=>e!==Y)||"lg",[Y]);return(0,m.Y)("article",{ref:a,style:{border:"1px solid #16a34a",borderRadius:"8px",padding:"12px",background:"#f8fafc",marginTop:"8px"}},(0,m.Y)("strong",null,"useLazyMedia hook (wrapper-controlled)"),(0,m.Y)("div",{style:{margin:"8px 0",fontSize:"13px"}},"Current viewport: ",(0,m.Y)("b",null,s||"-","px")," (breakpoint: ",(0,m.Y)("b",null,Y),")",(0,m.Y)("br",null),"Current strategy: ",(0,m.Y)("b",null,"STATIC")," (switches to ",(0,m.Y)("b",null,"INVIEW")," after media match)",(0,m.Y)("br",null),"Hydration trigger breakpoints:"," ",(0,m.Y)("b",null,o.length?o.join(", "):"none (static gate)")),(0,m.Y)("button",{type:"button",onClick:()=>{let e=["unknown"!==Y?Y:h];l(e),i(e)}},"Set trigger to current breakpoint: ",Y),(0,m.Y)("button",{type:"button",onClick:()=>{let e=[h];l(e),i(e)},style:{marginLeft:"8px"}},"Set trigger to unmatched breakpoint: ",h),(0,m.Y)("button",{type:"button",onClick:()=>{l(null),i([])},style:{marginLeft:"8px"}},"Clear media gate"),(0,m.Y)("div",(0,u.A)({style:{marginTop:"8px"}},r,{ref:n}),t))},hydrationRef:!0}),k=(0,i.RZ)(l()(()=>a.e(69696).then(a.bind(a,69696)),{id:"82976f0",loadableGenerated:{webpack:()=>[69696]}}),{name:"atom-driven-example",strategy:i.YL.STATIC,atoms:[[s.x,i.YL.LOAD]]}),I=(0,i.RZ)(l()(()=>a.e(3095).then(a.bind(a,3095)),{id:"b2374e0",loadableGenerated:{webpack:()=>[3095]}}),{name:"wrapper-dynamic-props-example",strategy:i.YL.LOAD,wrapperDynamicProps:[{prop:"slotName",name:"data-slot-name",copy:!1}]}),C=(0,i.RZ)(l()(()=>a.e(996).then(a.bind(a,996)),{id:"b2aa660",loadableGenerated:{webpack:()=>[996]}}),{name:"nested-child-example",strategy:i.YL.STATIC}),E=(0,i.RZ)(l()(()=>a.e(48908).then(a.bind(a,48908)),{id:"0b20050",loadableGenerated:{webpack:()=>[48908]}}),{name:"nested-grandchild-example",strategy:i.YL.STATIC}),z=(0,i.RZ)(l()(()=>a.e(77630).then(a.bind(a,77630)),{id:"f68d780",loadableGenerated:{webpack:()=>[77630]}}),{name:"nested-parent-example",strategy:i.YL.STATIC}),$=(0,i.RZ)(l()(()=>a.e(90926).then(a.bind(a,90926)),{ssr:!1,id:"ecf89f0"}),{name:"client-only-ssr-false-example"}),O=(0,i.RZ)(l()(()=>a.e(12946).then(a.bind(a,12946)),{id:"f3cbbd0",loadableGenerated:{webpack:()=>[12946]}}),{name:"breakout-parent-shell-example",strategy:i.YL.STATIC}),R=(0,i.RZ)(l()(()=>a.e(51989).then(a.bind(a,51989)),{id:"e59a3d0",loadableGenerated:{webpack:()=>[51989]}}),{name:"breakout-island-example",strategy:i.YL.STATIC,island:!0}),D=(0,i.RZ)(l()(()=>a.e(51989).then(a.bind(a,51989)),{id:"e59a3d1",loadableGenerated:{webpack:()=>[51989]}}),{name:"breakout-island-target-fn-example",strategy:i.YL.STATIC,island:{target:({props:e})=>`#${e.islandId}`}});function H(){let e=(0,o.Xr)(s.x),t=(0,o.md)(s.x);return(0,m.Y)("div",null,(0,m.Y)("button",{type:"button",onClick:()=>e(e=>e+1)}

1,"Update atom (",t,")"))}function M(){let{0:e,1:t}=(0,d.useState)([]),{0:a,1:n}=(0,d.useState)(!1);return(0,d.useEffect)(()=>{let e=()=>{let e=document.querySelectorAll("[data-lazy-id], [data-lazy-parent]"),a=new Map;Array.from(e).forEach(e=>{let t=e.closest("[data-demo-number]"),n=t?.getAttribute("data-demo-number")||"unscoped",r=t?.getAttribute("data-demo-title")||"Unscoped",l=`${n}:${r}`;a.has(l)||a.set(l,{demoNumber:n,demoTitle:r,rows:[]}),a.get(l).rows.push({id:e.getAttribute("data-lazy-id")||`parent:${e.getAttribute("data-lazy-parent")}`,name:e.getAttribute("data-lazy-name")||"-",loading:e.getAttribute("data-loading")?"1":"0",loaded:e.getAttribute("data-loaded")?"1":"0",hydrated:e.getAttribute("data-hydrated")?"1":"0"})}),t(Array.from(a.values()).sort((e,t)=>e.demoNumber.localeCompare(t.demoNumber,void 0,{numeric:!0})))};e();let a=new MutationObserver(e);return a.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["data-lazy-id","data-lazy-parent","data-lazy-name","data-loading","data-loaded","data-hydrated"]}),()=>a.disconnect()},[]),(0,m.Y)("div",{style:{position:"fixed",right:"16px",bottom:"16px",width:"min(520px, calc(100vw - 32px))",maxHeight:a?"auto":"45vh",overflow:a?"visible":"auto",background:"#ffffff",border:"1px solid #cbd5e1",borderRadius:"8px",boxShadow:"0 10px 25px rgba(15, 23, 42, 0.2)",padding:"10px",zIndex:1e3}},(0,m.Y)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",marginBottom:a?"0":"8px"}},(0,m.Y)("div",{style:{fontWeight:700,fontSize:"13px"}},"Live Lazy Wrapper State"),(0,m.Y)("button",{type:"button",onClick:()=>n(e=>!e)},a?"Expand":"Minimize")),a?null:(0,m.Y)("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"12px"}},(0,m.Y)("tbody",null,e.map(e=>(0,m.Y)(d.Fragment,{key:`${e.demoNumber}-${e.demoTitle}`},(0,m.Y)("tr",null,(0,m.Y)("td",{colSpan:5,style:{background:"#f8fafc",borderTop:"1px solid #cbd5e1",borderBottom:"1px solid #e2e8f0",padding:"6px",fontWeight:700}},"Demo ",e.demoNumber,": ",e.demoTitle)),(0,m.Y)("tr",null,(0,m.Y)("th",{style:{textAlign:"left",borderBottom:"1px solid #e2e8f0",padding:"6px"}},"id"),(0,m.Y)("th",{style:{textAlign:"left",borderBottom:"1px solid #e2e8f0",padding:"6px"}},"name"),(0,m.Y)("th",{style:{textAlign:"left",borderBottom:"1px solid #e2e8f0",padding:"6px"}},"loading"),(0,m.Y)("th",{style:{textAlign:"left",borderBottom:"1px solid #e2e8f0",padding:"6px"}},"loaded"),(0,m.Y)("th",{style:{textAlign:"left",borderBottom:"1px solid #e2e8f0",padding:"6px"}},"hydrated")),e.rows.map(t=>(0,m.Y)("tr",{key:`${e.demoNumber}:${e.demoTitle}:${t.id}`},(0,m.Y)("td",{style:{borderBottom:"1px solid #f1f5f9",padding:"6px"}},t.id),(0,m.Y)("td",{style:{borderBottom:"1px solid #f1f5f9",padding:"6px"}},t.name),(0,m.Y)("td",{style:{borderBottom:"1px solid #f1f5f9",padding:"6px"}},t.loading),(0,m.Y)("td",{style:{borderBottom:"1px solid #f1f5f9",padding:"6px"}},t.loaded),(0,m.Y)("td",{style:{borderBottom:"1px solid #f1f5f9",padding:"6px"}},t.hydrated))))))))}var N=!0;function _(){let{0:e,1:t}=(0,d.useState)(i.YL.STATIC),{0:a,1:n}=(0,d.useState)(i.YL.STATIC),{0:r,1:l}=(0,d.useState)(i.YL.STATIC),{0:o,1:s}=(0,d.useState)(0),{0:u,1:p}=(0,d.useState)(i.YL.STATIC),{0:c,1:y}=(0,d.useState)(0),{0:f,1:b}=(0,d.useState)(i.YL.STATIC),{0:N,1:_}=(0,d.useState)(0),W=(0,d.useMemo)(()=>Object.values(i.YL),[]);return(0,m.Y)(g,null,(0,m.Y)("h1",null,"Next-lazy Demo"),(0,m.Y)("p",null,"Interactive examples for ",(0,m.Y)("code",null,"@media-platforms/next-lazy")," strategies, hooks, wrapper options, atom updates, and nested lazy behavior."),(0,m.Y)(Y,{"data-demo-number":"1","data-demo-title":"Core strategies"},(0,m.Y)("h2",null,"1) Core strategies"),(0,m.Y)("p",null,"These show chunk activation timings for ",(0,m.Y)("code",null,"INVIEW"),", ",(0,m.Y)("code",null,"LOAD"),", and"," ",(0,m.Y)("code",null,"IDLE"),"."),(0,m.Y)(h,null,(0,m.Y)(A,null),(0,m.Y)(S,null),(0,m.Y)(x,null,"Scroll further for the INVIEW example"),(0,m.Y)(v,null))),(0,m.Y)(Y,{"data-demo-number":"2","data-demo-title":"Manual lazyStrategy override"},(0,m.Y)("h2",null,"2) Manual lazyStrategy override"),(0,m.Y)("p",null,"Start in ",(0,m.Y)("code",null,"STATIC"),", then switch strategies from the parent by passing"," ",(0,m.Y)("code",null,"lazyStrategy"),"."),(0,m.Y)("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"}},W.map(e=>(0,m.Y)("button",{type:"button",key:e,onClick:()=>t(e)},i.Jo[e]))),(0,m.Y)(h,null,(0,m.Y)(w,{lazyStrategy:e}))),(0,m.Y)(Y,{"data-demo-number":"3","data-demo-title":"Hooks"},(0,m.Y)("h2",null,"3) Hooks: useLazy / useLazyStrategy / useLazyMedia"),(0,m.Y)("p",null,"Examples of nested control over parent lazy behavior via hooks from"," ",(0,m.Y)("code",null,"@media-platforms/next-lazy/ho

1ok"),". When this parent is ",(0,m.Y)("code",null,"STATIC"),", the child includes an inline click script that dispatches a hydration event for the nearest lazy wrapper."),(0,m.Y)("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"}},(0,m.Y)("button",{type:"button",onClick:()=>n(i.YL.LOAD)},"Hydrate strategy hook example"),(0,m.Y)("button",{type:"button",onClick:()=>n(i.YL.STATIC)},"Reset strategy hook example")),(0,m.Y)(h,null,(0,m.Y)(L,{lazyStrategy:a,parentName:"strategy-hook-example",parentStrategy:a,onParentStrategyChange:n}),(0,m.Y)(T,null))),(0,m.Y)(Y,{"data-demo-number":"4","data-demo-title":"Atom-triggered activation"},(0,m.Y)("h2",null,"4) Atom-triggered activation"),(0,m.Y)("p",null,"This demo uses the ",(0,m.Y)("code",null,"atoms")," option. Updating the atom promotes the component from ",(0,m.Y)("code",null,"STATIC")," to ",(0,m.Y)("code",null,"LOAD"),"."),(0,m.Y)(H,null),(0,m.Y)(h,null,(0,m.Y)(k,null))),(0,m.Y)(Y,{"data-demo-number":"5","data-demo-title":"wrapperDynamicProps"},(0,m.Y)("h2",null,"5) wrapperDynamicProps"),(0,m.Y)("p",null,"Move selected props to the wrapper element. Check DOM for ",(0,m.Y)("code",null,"data-slot-name")," on the lazy wrapper."),(0,m.Y)(h,null,(0,m.Y)(I,{slotName:"hero-top",message:"Forwarded to component only"}))),(0,m.Y)(Y,{"data-demo-number":"6","data-demo-title":"Nested lazy components"},(0,m.Y)("h2",null,"6) Nested lazy components"),(0,m.Y)("p",null,"This demonstrates nested lazy IDs with preserved SSR markup across three levels. Hydrate in order: parent, then child, then grandchild."),(0,m.Y)("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"}},(0,m.Y)("button",{type:"button",onClick:()=>l(i.YL.LOAD)},"1) Hydrate parent"),(0,m.Y)("button",{type:"button",onClick:()=>{l(i.YL.STATIC),s(e=>e+1)}},"Reset")),(0,m.Y)(h,null,(0,m.Y)(z,{key:o,lazyStrategy:r,NestedChildExample:C,NestedGrandchildExample:E}))),(0,m.Y)(Y,{"data-demo-number":"7","data-demo-title":"Client-only dynamic (ssr false)"},(0,m.Y)("h2",null,"7) Client-only dynamic component (`ssr: false`)"),(0,m.Y)("p",null,"This example wraps a"," ",(0,m.Y)("code",null,"dynamic(..., ","{"," ssr: false ","}",")")," ","component with ",(0,m.Y)("code",null,"next-lazy"),". It renders only on the client and still participates in lazy strategy handling."),(0,m.Y)(h,null,(0,m.Y)($,null))),(0,m.Y)(Y,{"data-demo-number":"8","data-demo-title":"Static parent with breakout child island"},(0,m.Y)("h2",null,"8) Static parent with breakout child island"),(0,m.Y)("p",null,"The parent remains ",(0,m.Y)("code",null,"STATIC")," and provides an island mount point. The child island hydrates independently using ",(0,m.Y)("code",null,"lazyIslandTarget"),"."),(0,m.Y)("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"}},(0,m.Y)("button",{type:"button",onClick:()=>p(i.YL.LOAD)},"Hydrate breakout island"),(0,m.Y)("button",{type:"button",onClick:()=>{p(i.YL.STATIC),y(e=>e+1)}},"Reset")),(0,m.Y)(h,null,(0,m.Y)(O,{islandId:`breakout-island-${c}`,initialIsland:u===i.YL.STATIC?(0,m.Y)(R,{lazyStrategy:i.YL.STATIC,lazyId:`breakout-island-lazy-${c}`}):null}),(0,m.Y)(R,{lazyStrategy:u,lazyId:`breakout-island-lazy-${c}`,lazyIslandTarget:`#breakout-island-${c}`}))),(0,m.Y)(Y,{"data-demo-number":"9","data-demo-title":"Island target via function"},(0,m.Y)("h2",null,"9) Island target via function"),(0,m.Y)("p",null,"Same breakout pattern, but using ",(0,m.Y)("code",null,"island.target")," as a function in the lazy component options."),(0,m.Y)("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"}},(0,m.Y)("button",{type:"button",onClick:()=>b(i.YL.LOAD)},"Hydrate function-target island"),(0,m.Y)("button",{type:"button",onClick:()=>{b(i.YL.STATIC),_(e=>e+1)}},"Reset")),(0,m.Y)(h,null,(0,m.Y)(O,{islandId:`breakout-fn-island-${N}`,initialIsland:f===i.YL.STATIC?(0,m.Y)(D,{lazyStrategy:i.YL.STATIC,lazyId:`breakout-fn-island-lazy-${N}`,islandId:`breakout-fn-island-${N}`}):null}),(0,m.Y)(D,{lazyStrategy:f,lazyId:`breakout-fn-island-lazy-${N}`,islandId:`breakout-fn-island-${N}`}))),(0,m.Y)(M,null))}},72553:(e,t,a)=>{"use strict";a.d(t,{YL:()=>y.YL,Jo:()=>y.Jo,RZ:()=>D});var n=a(93682),r=a(53520),l=a(7751),o=a(71055),d=a(43114),i=a(12625),s=a(83222),u=a(47382),p=a(80166),c=a(59181),m=a(27168),y=a(25532),f=a(63062),b=a(22730);function g({media:e,load:t}){let a=(0,b.Ay)(e,null,b.BA);return(0,o.useEffect)(()=>{a&&t(a)},[e,a,t]),null}function Y({media:e,load:t}){return(Array.isArray(e)?e:[e]).map((e,a)=>(0,l.Y)(g,{media:e,load:t},a))}let h=new WeakMap;new WeakMap;var x=a(57679);let v=Symbol.for("next-lazy.preact-vnode-patched"),A={};e=a.hmd(e);let S=["lazyStrategy","suppressHydrationWarning","lazyId","lazyKey","lazyIslandTarget"];function w(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,n)}return a}function L(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};

1t%2?w(Object(a),!0).forEach(function(t){(0,n.A)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):w(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}let T={suppressHydrationWarning:!0},k=new u.default("next-lazy"),I=Symbol("HOT_RELOAD"),C=Symbol("DISABLED_LOAD"),E=Symbol("INITIAL_HYDRATION_MISMATCH"),z="0"===p.Ay.RUNTIME_NEXT_LAZY,$=p.Ow;function O(e,t){if(!(t instanceof HTMLElement))return;let a=String(e).replace(/\\/g,"\\\\").replace(/"/g,'\\"'),n=t.parentElement??document,r=`[data-lazy-id="${a}"]`,l=Array.from(n.querySelectorAll(r));if(l.length<=1)return;let o=l.find(e=>e===t)??l.find(e=>"1"===e.getAttribute("data-hydrated"))??l.find(e=>"1"===e.getAttribute("data-loaded"))??l[l.length-1];l.forEach(e=>{e!==o&&e.remove()})}async function R(e,t=e?.subscription,a=2){if(!e||!t)return Error("Missing lazy component preload promise");try{return await e.then(e=>e.default??e)}catch(e){if(a>0)return t.retry(),R(t.promise(),t,a-1);return e}}function D(t,a={}){let{wrapper:n="div",wrapperProps:u,wrapperDynamicProps:p=[],suppressHydrationWarning:b,strategy:g=y.YL.INVIEW,inview:x,atoms:v=[],forwardedRef:A=!0,hydrationRef:w=!1,progressive:H=n!==o.Fragment,renderOnMismatch:M=!1,media:N=null,island:_=!1,name:W=""}=a,P=_?!0===_?{reconcileDuplicates:!0}:{reconcileDuplicates:!1!==_.reconcileDuplicates,target:_.target}:null,F=!!P,Z=P?.target,j=t?.opts?.ssr===!1,B="function"==typeof t?.preload;function G(a){var D;let _,G,{lazyStrategy:q,suppressHydrationWarning:K,lazyId:V,lazyKey:U,lazyIslandTarget:X}=a,J=(0,r.A)(a,S),Q=(D=(0,o.useId)(),_=null!=U&&""!==U,G=V??(_?t?.opts?.id??D:D),_?`${G}:${String(U)}`:String(G)),ee=(0,i.md)(m.v),et=(0,i.md)(f.Xb),ea=(0,o.useRef)(!0),en=(0,o.useContext)(c.K),er=F?void 0:en?.parentId,{0:el}=(0,o.useState)(()=>{var e;let t;return function(e,t,{restoreCachedMarkup:a=!0}={}){if(!(t instanceof HTMLElement))return null;let n=t.innerHTML;return n?(e.set(t,n),n):a?e.get(t)??n:n}(h,(e=Q,"u"<typeof document?null:document.querySelector((t=String(e).replace(/\\/g,"\\\\").replace(/"/g,'\\"'),`[data-lazy-id="${t}"]`))),void 0)}),{0:eo,1:ed}=(0,o.useState)(null),[ei,es,eu=N]=ee?.[Q]??[],ep=Array.isArray(ei)?ei:void 0,ec=!ep&&n!==o.Fragment&&(j||!B),{0:em,1:ey}=(0,o.useState)(q||("number"==typeof es?es:g)),{0:ef,1:eb}=(0,o.useState)(eu),{0:eg,1:eY}=(0,o.useState)(!1),eh=(0,o.useRef)(null),ex=(0,o.useRef)(null),ev=z||em===y.YL.DISABLED,eA=K??b??u?.suppressHydrationWarning??$,{0:eS,1:ew}=(0,o.useState)(ev||!!(er&&!el)),{ref:eL,inView:eT,observer:ek}=(0,s.A)(L({inView:em===y.YL.LOAD||eS,disabled:em!==y.YL.INVIEW||eS,rootMargin:"50px 0px"},x)),{0:eI,1:eC}=(0,o.useState)(!1),{0:eE,1:ez}=(0,o.useState)(null),{0:e$,1:eO}=(0,o.useState)(null),eR=F&&(Z||void 0!==X),eD=H&&!eS&&e$ instanceof HTMLElement,eH=eR&&(em===y.YL.STATIC||!eE||eD)&&!eS&&!eI,eM=(0,o.useCallback)(function(e,t){eS||("number"==typeof e&&e!==em&&ey(e),void 0!==t&&eb(t))},[eS,em]);eM.parentId=F?void 0:Q,eM.strategy=em,eM.parentStrategy=em;let eN=(0,o.useCallback)(()=>eh.current instanceof HTMLElement?eh.current:eL.current instanceof HTMLElement?eL.current:null,[eh,eL]),e_=(0,o.useCallback)(async e=>{if(eS||eI&&e!==C)return;let a=eN();if(H&&a?.dataset.hydrated)return void eC(!0);if(!(ep?.loading||a?.dataset.loading)){if(a?.dataset.error&&a.removeAttribute("data-error"),a&&(a.setAttribute("data-loading","1"),ek.current&&ek.current.unobserve(a)),ep?.length&&(a||(ep.loading=!0),await window.__NEXT_PRELOADREADY?.(ep)),e===C){if(B){let e=await R(t.preload?.());e instanceof Error&&k.error(`Failed to load disabled component: ${W}${Q}: ${e.message}`)}a?a.removeAttribute("data-loading"):ep&&(ep.loading=!1),ew(!0);return}if(e===E){a?a.removeAttribute("data-loading"):ep&&(ep.loading=!1),ew(!0);return}if(H&&!ec&&a){let n=await R(t.preload?.());if(n instanceof Error){k.error(`Failed to load: ${W}${Q}: ${n.message}`),a.removeAttribute("data-loading"),a.setAttribute("data-error",n.message),ek.current&&ek.current.observe(a);return}if(!a.firstChild){a.removeAttribute("data-loading"),ew(!0);return}try{let t=a.innerHTML,r=a.children.length;(0,d.cn)(a,(0,l.Y)(c.K.Provider,{value:eM,children:(0,l.Y)(f.bF,{children:(0,l.Y)(n,L({},J))})}));let o=e===I;requestAnimationFrame(()=>{if(!o&&t!==a.innerHTML){if(eA||k.warn(`${W}${Q}: Text content does not match server-rendered HTML. Possible hydration mismatch. ${M?"Re-rendering as fallback.":""}`),M){a.removeAttribute("data-loading"),ew(!0);return}2*r===a.children.length&&(eA||k.warn(`${W}${Q}: Duplicate content found due to hydration mismatch. Removing extra children.`),Array.from(a.children).slice(0,r).forEach(e

1=>{e instanceof HTMLElement&&e.remove()}))}a.setAttribute("data-hydrated","1"),a.removeAttribute("data-loading"),ed(a.innerHTML),F&&P?.reconcileDuplicates&&O(Q,a),k.log(`Succesfully hydrated: ${W}${Q}`,a),eC(!0)})}catch(t){let e=t instanceof Error?t.message:String(t);k.error(`Failed to hydrate ${W}${Q}: ${e}`),a.removeAttribute("data-loading"),a.setAttribute("data-error",e),eC(!0)}}else a?a.removeAttribute("data-loading"):ep&&(ep.loading=!1),ew(!0)}},[eS,eI,ep,J,ec,ek,eM,Q,eA,eN]);(0,o.useEffect)(()=>{"number"==typeof q&&ey(e=>e===q?e:q)},[q]),(0,o.useEffect)(()=>{ev&&!eS&&e_(C)},[ev,eS,e_]),(0,o.useEffect)(()=>{if(n===o.Fragment)return;let e=eN();if(!(e instanceof HTMLElement))return;let t=e=>{let t=e instanceof CustomEvent?e.detail:void 0,a="number"==typeof t?.strategy?t.strategy:y.YL.LOAD;ey(e=>e===a?e:a),t?.media&&eb(t.media),e_()};return e.addEventListener(y.dx,t),()=>e.removeEventListener(y.dx,t)},[e_,eN,e$]),(0,o.useEffect)(()=>{if(!eR)return void ez(null);let e=!0,t=()=>{var t;let a,n=(t=J,(a=void 0!==X?X:"function"==typeof Z?Z({id:Q,props:t}):Z)&&!("u"<typeof document)?a instanceof HTMLElement?a:"string"==typeof a?document.querySelector(a):null:null);e&&ez(e=>e===n?e:n)};t();let a=new MutationObserver(t);return a.observe(document.body,{subtree:!0,childList:!0}),()=>{e=!1,a.disconnect()}},[eR,X,Q,J]),(0,o.useEffect)(()=>{if(!eR||!(eE instanceof HTMLElement)){e$&&eh.current===e$&&(eh.current=null),eO(null);return}let e=function(e,t){if(!(e instanceof HTMLElement))return null;let a=String(t).replace(/\\/g,"\\\\").replace(/"/g,'\\"');return e.querySelector(`[data-lazy-id="${a}"]`)}(eE,Q);eO(t=>t===e?t:e),e instanceof HTMLElement?eh.current=e:e$&&eh.current===e$&&(eh.current=null)},[eR,eE,e$,Q,eh]),(0,o.useEffect)(()=>{n===o.Fragment||eS||eI||ec||ef||em!==y.YL.STATIC||el||e_()},[eS,eI,ec,ef,em,el,e_]),(0,o.useEffect)(()=>{let t=ea.current;if(ea.current=!1,n===o.Fragment||eS||eI||ec||eH)return;let a=eN();if(!(a instanceof HTMLElement)){let e=w?'"forwardedRef" or "hydrationRef"':'"forwardedRef"';k.error(`Hydration ref is not an HTMLElement ${W}${Q}. Use ${e}.`,n),e_();return}if(a.getAttribute("suppresshydrationwarning")){let e=t&&null!==el&&a.innerHTML!==el;if(t&&!e)return void a.removeAttribute("suppresshydrationwarning");let n=t?"Hydration mismatch":"Forced re-render";return k.error(`${n} occurred. Loading component: ${W}${Q}`),a.setAttribute("data-fallback",n),void e_(t&&M?E:void 0)}let r=e;r?.hot&&r.hot.addStatusHandler(e=>{"apply"===e&&e_(I)})},[eS,eI,ec,Q,e_,eH,eN,el]),(0,o.useEffect)(()=>{if(eS||eI){ek.current&&ek.current.disconnect();return}if(!ef||eg){if(em===y.YL.INVIEW&&eT||em===y.YL.LOAD)return void e_();if(em===y.YL.IDLE){let e=window.requestIdleCallback??window.requestAnimationFrame,t=window.cancelIdleCallback??window.cancelAnimationFrame,a=()=>{let t=()=>e_();e?ex.current=e===window.requestIdleCallback?e(t,{timeout:2e3}):e(t):t()},n=()=>a();return"complete"===document.readyState?a():window.addEventListener("load",n,{once:!0}),()=>{window.removeEventListener("load",n);let e=ex.current;ex.current=null,null!=e&&t?.(e)}}em===y.YL.STATIC&&ef&&eg&&ey(y.YL.INVIEW)}},[eT,eS,eI,eg,em,ef,e_,ek]),(0,o.useEffect)(()=>{if(!F||!P?.reconcileDuplicates)return;let e=eN();e instanceof HTMLElement&&(eS||eI)&&O(Q,e)},[Q,eS,eI,eN]);let eW=eS||ec?null:eI&&null!==eo?eo:el,eP=n!==o.Fragment?L(L(L(L(L(L(L(L(L(L(L({},u),W&&{"data-lazy-name":W}),{},{"data-lazy-id":Q},F&&{"data-lazy-island":"1"}),er&&{"data-lazy-parent":er}),p&&!0===p&&J),!eS&&!eI&&!ec&&T),null!==eW&&{dangerouslySetInnerHTML:{__html:eW},suppressHydrationWarning:!0}),eS&&{"data-loaded":"1"}),eI&&{"data-hydrated":"1"}),"string"!=typeof n&&A?{forwardedRef:eL}:{ref:eL}),"string"!=typeof n&&w&&{hydrationRef:eh}):void 0;eP&&Array.isArray(p)&&p.length&&(J=L({},J),p.forEach(e=>{let{prop:t,name:a=t,copy:n=!1}="string"==typeof e?{prop:e}:e;t&&a&&(eP[a]=J[t],n||delete J[t])}));let eF=(0,l.Y)(n,L(L({},eP),{},{children:null===eW&&eS?(0,l.Y)(t,L({},J)):null})),eZ=eH||eR&&(!eE||eD)?null:eR?eE&&(0,o.createPortal)(eF,eE):eF;return(0,l.FD)(l.FK,{children:[et&&!eS?(0,l.Y)(f.bF,{load:eM}):null,!v.length||eS||eI?null:(0,l.Y)(f.kt,{atoms:v,load:eM}),!ef||eS||eI?null:(0,l.Y)(Y,{media:ef,load:eY}),ev?eZ:(0,l.Y)(c.K.Provider,{value:eM,children:eZ})]})}return G.$$typeof=y.fr,G}z||function({disabled:e,LoadableContext:t}){e||!(0,x.i)()||A[v]||Promise.resolve().then(a.bind(a,59063)).then(({options:e})=>

1{if(!e||"object"!=typeof e)return;let a=e.vnode;e.vnode=e=>{e.type===t.Provider&&e.props.value?.parentId&&!e.__m&&(e.__m=[e.props.value.parentId,0]),"function"==typeof a&&a(e)},A[v]=!0}).catch(()=>{})}({disabled:z,LoadableContext:c.K})},89388:(e,t,a)=>{"use strict";a.d(t,{x:()=>n});let n=(0,a(56317).eU)(0)}},e=>{e.O(0,[46593,90636,38792],()=>e(e.s=15936)),_N_E=e.O()}]);