${i.description||i.name}
`),t.add(n)}}}return{patchedValueMap:o,placeholderVariableIds:t}}function dr({context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i}){return Ie(e)?(0,m.jsx)(se,{context:r,children:(0,m.jsx)(xr,{context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i})}):(0,m.jsx)(z,{context:r,parentRenderId:e.id,node:o,parent:e,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodePropOverrides:void 0})}var sr={minHeight:"100vh",width:"auto"},Lr=yt();function xr({context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i}){let l=(0,R.useRef)(null),d=(0,R.useRef)(null);r.modulesRuntime.usePreloadedModules(e.layoutTemplateIdentifier);let[s]=r.modulesRuntime.useComponentLoader(),c=ne(),p=pe(r.fetchClient,e),u=e.getResolvedControlPropValues(s,c,n,i,p),f=s.reactComponentForIdentifier(e.layoutTemplateIdentifier);C(f,"Component definition not found");let v=f.class,P=So(o)&&To(o)?o.width:void 0,{activeVariant:I,className:S,selectors:b}=Mt(s,e.layoutTemplateIdentifier,P,Lr)??{};(0,R.useLayoutEffect)(()=>{if(!l.current||!d.current)return;let L=Ne(d.current);if(r.layoutMeasureQueue.add(o.id,l.current,L),!!b)for(let F of b){let h=l.current.querySelector(F);h&&r.layoutMeasureQueue.add(o.id,h,[],F)}},[r.layoutMeasureQueue,o.id,b]);let M=(0,R.useMemo)(()=>({ref:d}),[]);return(0,m.jsx)("div",{ref:l,className:S,children:(0,m.jsx)(v,{...u,style:sr,variant:I,children:(0,m.jsx)(z,{context:r,parentRenderId:e.id,node:o,parent:e,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodePropOverrides:M})})})}var z=(0,R.memo)(function({context:e,parentRenderId:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodePropOverrides:s,skipNodeLevelRepeat:c}){let p=H(o,t.id),u=lr({context:e,renderId:p,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,activeLocale:d});return u?(0,m.jsx)(se,{context:e,children:(0,m.jsx)(Vr,{context:e,renderId:p,tree:u,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodePropOverrides:s,skipNodeLevelRepeat:c})}):null});function lr({context:r,renderId:e,node:o,parent:t,combinedControlMap:n,combinedValueMap:a,activeLocale:i}){let l=o.tree();o.cache.resetForRendering(),o.cache.setVariableValueAndControlMap(a,a,n,i,o,l,void 0),et(t,o);let d=!Fo(o)&&o.resolveValue("visible",a)!==!1;return r.sandboxVisibility.setVisible(e,d),d?l:null}function Sr(r,e,o,t,n,a,i){let l=pe(r.fetchClient,o),d=o.getProps(r.componentLoader,n,a,l);if(G(t)&&(d.style??={},d.style.position="relative",d.style.width="100%",Ie(t)?(d.style.display="contents",d.style.position="relative",d._needsMeasure=!1,d["data-layout-template-root"]=!0):Object.assign(d.style,sr)),ve(o)){let s=Ft(o,a);s&&(d.viewBox=s);let c=Vt(o,n,l);c&&(d.text=c)}if(d.id=e,i)for(let s in i){let c=i[s];s==="style"&&d.style?Object.assign(d.style,c):d[s]=c}return d}var Tr=yo(J);function Vr({context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodePropOverrides:s,skipNodeLevelRepeat:c}){let p=Sr(r,e,t,n,i,d,s);if(!c&&A(t))return(0,m.jsx)(kr,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodeProps:p,nodePropOverrides:s});if(ro(t))return(0,m.jsx)(No,{...p});if(ao(t))return xe(t),(0,m.jsx)(J,{...p,as:"svg",children:t.children.map(u=>{let f=H(e,u.id);return Le(u,r.componentLoader,i,r.sandboxVisibility,f,!1,void 0)})});if(Vo(t))return xe(t),Le(t,r.componentLoader,i,r.sandboxVisibility,e,!0,p);if(eo(t))return(0,m.jsx)(Lo,{...p});if(ve(t))return(0,m.jsx)(Fr,{context:r,node:t,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodeProps:p,renderId:e});if(Je(t))return Xe(t)?(0,m.jsx)(zr,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodeProps:p}):Ye(t)?(0,m.jsx)(Qr,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodeProps:p}):(0,m.jsx)(Dr,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodeProps:p});if(io(t))return(0,m.jsx)(qo,{...p});if(lo(t))return(0,m.jsx)(Zo,{...p,node:t,tree:o,componentLoader:r.componentLoader,combinedValueMap:i,activeLocale:d});if(so(t)){let u=o.getGroundNodeFor(t).id;return(0,m.jsx)(jo,{...p,groundNodeId:u})}return to(t)?null:X(t)?t.isVectorInstance?(0,m.jsx)(Hr,{node:t,context:r,nodeProps:p,combinedValueMap:i,activeLocale:d}):(0,m.jsx)(Ur,{context:r,renderId:e,node:t,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodeProps:p}):oo(t)?(0,m.jsx)(Ar,{node:t,nodeProps:p}):(po(t),null)}var Fr=(0,R.memo)(function({context:e,node:o,combinedValueMap:t,placeholderVariableIds:n,activeLocale:a,nodeProps:i,renderId:l}){let d=o.getFontsForLoading();e.fontLoader.usePreloadedFonts(...d),i={...i};let s=Jt(),c=Xt();if(s===l)if(c){let u=i.style??{};i.style={...u,clipPath:c}}else i.isEditable=!0;Wr(o,n)&&(i.opacity=.3);let p=(0,R.useMemo)(()=>Tt(o,t,a),[o,t,a]);if(Re(o.htmlContent)&&o.getComponentPresets().size>0){let u=o.tree();return C(u,"Must have a tree"),(0,m.jsx)(It,{tree:u,componentLoader:e.componentLoader,node:o,richTextProps:i,children:p})}return(0,m.jsx)(Mo,{...i,children:p})});function le({node:r,nodeProps:e,children:o}){let t=(0,R.useRef)(null),n=e.ref??t,a=Or(r);Be(e,n,a);let i=Er(r);return(0,m.jsx)(i,{...e,ref:n,children:o})}function Or(r){return q(r)?gt:Ne}function Er(r){return q(r)?Tr:J}function Ve({moveState:r,...e}){let{parentRenderId:o,node:t}=e,n=H(o,t.id),a;n===r?.renderId&&(a={style:{left:r.rect.left,top:r.rect.top,alignSelf:"unset",justifySelf:"unset",placeSelf:"unset",zIndex:999999,width:r.rect.width,height:r.rect.height,position:"absolute",outline:`1px solid ${Xo.onPageHighlightBorderDragging}`}});let i=(0,m.jsx)(z,{...e,nodePropOverrides:a});return n===r?.renderId?(0,m.jsxs)(R.Fragment,{children:[(0,m.jsx)(bt,{width:r.placeholder.attributes.width,height:r.placeholder.attributes.height}),(0,ar.createPortal)(i,document.body)]}):i}function pr(r,e){let o=r.getChildrenInVisualOrder();if(e&&e.placeholder.nodeId===r.id){let t=o.findIndex(n=>n.id===e.nodeId);return Oo.move([...o],t,e.placeholder.index)}return o}function Dr({context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodeProps:s}){let c=Te(),p=pr(t,c);return q(t)?(0,m.jsx)(wr,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodeProps:s,moveState:c,children:p}):(0,m.jsx)(le,{node:t,nodeProps:s,children:p.map(u=>(0,m.jsx)(Ve,{context:r,parentRenderId:e,node:u,parent:t,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,moveState:c},u.id))})}function wr({context:r,renderId:e,tree:o,node:t,combinedControlMap:n,combinedValueMap:a,placeholderVariableIds:i,activeLocale:l,nodeProps:d,moveState:s,children:c}){let[p,u]=r.modulesRuntime.useComponentLoader();return(0,m.jsx)(le,{node:t,nodeProps:d,children:c.map(f=>{let v=H(e,f.id);return A(f)&&s?.renderId!==v?Fe({context:r,renderId:v,tree:o,node:f,parent:t,combinedControlMap:n,combinedValueMap:a,placeholderVariableIds:i,activeLocale:l,nodePropOverrides:void 0,componentLoader:p,componentLoaderHash:u}):(0,m.jsx)(Ve,{context:r,parentRenderId:e,node:f,parent:t,combinedControlMap:n,combinedValueMap:a,placeholderVariableIds:i,activeLocale:l,moveState:s},f.id)})})}function kr({context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodePropOverrides:s}){let[c,p]=r.modulesRuntime.useComponentLoader();return Fe({context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodePropOverrides:s,componentLoader:c,componentLoaderHash:p,nodeWasPrepared:!0})}function Fe({context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodePropOverrides:s,componentLoader:c,componentLoaderHash:p,nodeWasPrepared:u=!1}){if(!u&&!lr({context:r,renderId:e,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,activeLocale:d}))return null;let f=Lt({tree:o,node:t,renderId:e,componentLoader:c,componentLoaderHash:p,sandboxRepeaterData:r.sandboxRepeaterData,combinedControlMap:a,combinedValueMap:i});return f?f.items.map(v=>(0,m.jsx)(mr,{context:r,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:l,activeLocale:d,nodePropOverrides:s,item:v,arrayControl:f.arrayControl,itemCount:f.itemCount},v.id)):null}function mr({context:r,tree:e,node:o,parent:t,combinedControlMap:n,combinedValueMap:a,placeholderVariableIds:i,activeLocale:l,nodePropOverrides:d,item:s,arrayControl:c,itemCount:p}){let u=(0,R.useMemo)(()=>xt({tree:e,node:o,itemValue:s.value,itemIndex:s.index,arrayControl:c,itemCount:p,combinedValueMap:a,combinedControlMap:n}),[e,o,s.value,s.index,c,p,a,n]);return(0,m.jsx)(z,{context:r,parentRenderId:s.parentRenderId,node:o,parent:t,combinedControlMap:u.combinedControlMap,combinedValueMap:u.combinedValueMap,placeholderVariableIds:i,activeLocale:l,nodePropOverrides:d,skipNodeLevelRepeat:!0})}function Wr(r,e){return e?rr(r.htmlContent,e)||rr(r.textContent,e):!1}function rr(r,e){return Re(r)?e.has(r.id):!1}function Ur({context:r,renderId:e,node:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodeProps:l}){let d=o.tree();C(d,"Must have a tree"),r.modulesRuntime.usePreloadedModules(o.codeComponentIdentifier);let[s,c]=r.modulesRuntime.useComponentLoader(),p=s.reactComponentForIdentifier(o.codeComponentIdentifier);C(p,"Component definition not found");let u=ne(),f=pe(r.fetchClient,o),v=o.getCodeComponentProps(s,u,n,i,f),P=$o(d,o,s);P.children=_o(d,o,s);let I=(h,x)=>St({tree:d,componentNodeId:o.id,componentRenderId:e,slotKey:h,slotItems:x,maxItemCount:Ko(p,h),componentLoader:s,componentLoaderHash:c,sandboxRepeaterData:r.sandboxRepeaterData,combinedValueMap:n,combinedControlMap:t}).map(N=>N.repeatItem&&N.repeatItemCount!==void 0?(0,m.jsx)(mr,{context:r,tree:d,node:N.node,parent:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodePropOverrides:nr,item:N.repeatItem,arrayControl:N.repeatArrayControl,itemCount:N.repeatItemCount},N.key):(0,m.jsx)(z,{context:r,parentRenderId:N.parentRenderId,node:N.node,parent:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodePropOverrides:nr,skipNodeLevelRepeat:!0},N.key));for(let h in P){let x=P[h];x&&(v[h]=I(h,x))}let S=o.getRichTextControlKeys(s),b={tree:d,componentLoader:s,cacheKey:c,resolveVectorSetItem(h){return s.reactComponentForIdentifier(h)?.class}};for(let h of S)v[h]=wt(v[h],b);let M=o.getComponentVectorSetChildren(s,n),L=new Set;for(let h in M){let x=M[h];E(x)||(L.add(x),r.modulesRuntime.preloadModule(x))}for(let h of Et(v,o,s))L.add(h),r.modulesRuntime.preloadModule(h);r.modulesRuntime.usePreloadedModules(...L),Dt(v,o,b),Ot(v,o,s,b.resolveVectorSetItem);for(let h in M){let x=M[h];if(E(x))continue;let T=s.reactComponentForIdentifier(x);C(T,"Vector definition not found"),v[h]=T.class}let F=p.class;return(0,m.jsx)(Nt,{componentLoader:s,...l,children:(0,m.jsx)(F,{...v})})}function Ar({node:r,nodeProps:e}){let o;if(r.shaderFallbackImage){let t=re(r.shaderFallbackImage);t&&(o=Q(t.identifier))}return(0,m.jsx)(go,{...e,mode:"fallback",fallbackImage:o})}function Hr({context:r,node:e,nodeProps:o,combinedValueMap:t,activeLocale:n}){let[a]=r.modulesRuntime.useComponentLoader(),i=ne(),l=pe(r.fetchClient,e);return st({node:e,frameProps:o,getCodeComponentProps(){return e.getCodeComponentProps(a,i,t,n,l)},combinedValueMap:t,renderVectorWithIdentifier(d,s){return(0,m.jsx)(Br,{context:r,identifier:d,getProps:s})}})}function Br({context:r,identifier:e,getProps:o}){r.modulesRuntime.preloadModule(e),r.modulesRuntime.usePreloadedModules(e);let[t]=r.modulesRuntime.useComponentLoader(),n=t.reactComponentForIdentifier(e);C(n,"Component definition not found");let a=o(),i=n.class;return(0,m.jsx)(i,{...a})}var nr={position:"relative"};function zr({context:r,renderId:e,tree:o,node:t,combinedControlMap:n,combinedValueMap:a,placeholderVariableIds:i,activeLocale:l,nodeProps:d}){let s=Z(o,t.dataIdentifier);r.modulesRuntime.usePreloadedModules(...s);let[c,p]=r.modulesRuntime.useComponentLoader(),u=t.getProvidedControlMap(o,void 0,c,p);C(u,"Control map must exist");let f=ge(o,t),v=!!f&&!A(f),P=t.getPrimaryId(),I=(0,R.useMemo)(()=>{let T=new Map(n);return T.set(P,u),T},[u,n,P]),S=Jo(t,I,lt(o,t),T=>f?{type:"LiteralValue",value:f.cache.getVariableReferenceValue(T,a)}:{type:"LiteralValue",value:void 0},T=>mt(o,c,t,T,l));Ao(t)&&pt(S,t);let b=Pe(S);r.sandboxRepeaterData.set(e,b,u);let M=b.length,L=(0,R.useMemo)(()=>b.map((T,N)=>{let K=new Map(a),$=be(o,u,T,N,M);return K.set(P,$),K}),[o,u,a,P,b,M]),{nonRepeatedChildCombinedControlMap:F,nonRepeatedChildCombinedValueMap:h}=ye(n,a,P,M),x=cr({context:r,tree:o,renderId:e,node:t,repeatedChild:v?f:void 0,items:b,repeatedChildCombinedValueMapPerItem:L,repeatedChildCombinedControlMap:I,nonRepeatedChildCombinedControlMap:F,nonRepeatedChildCombinedValueMap:h,placeholderVariableIds:i,activeLocale:l,componentLoader:c,componentLoaderHash:p});return(0,m.jsx)(le,{node:t,nodeProps:d,children:x})}function Qr({context:r,renderId:e,tree:o,node:t,combinedControlMap:n,combinedValueMap:a,placeholderVariableIds:i,activeLocale:l,nodeProps:d}){C(a,"Combined value map must exist");let[s,c]=r.modulesRuntime.useComponentLoader(),p=t.getProvidedControlMap(o,void 0,s,c);C(p,"Control map must exist");let u=t.dataRepeaterArray,f=u.providerId;C(f,"Variable must have providerId");let v=a.get(f);C(v,"Provider value map must exist");let P=v.get(u.id);C($e(P)&&P.every(Ke),"Invalid array value");let I=t.getPrimaryId(),S=ge(o,t),b=!!S&&!A(S),M=(0,R.useMemo)(()=>{let N=new Map(n);return N.set(I,p),N},[p,n,I]),L=P.length,F=(0,R.useMemo)(()=>P.map((N,K)=>{let $=new Map(a),Pr=be(o,p,N,K,L);return $.set(I,Pr),$}),[o,p,a,I,P,L]),{nonRepeatedChildCombinedControlMap:h,nonRepeatedChildCombinedValueMap:x}=ye(n,a,I,L),T=cr({context:r,tree:o,renderId:e,node:t,repeatedChild:b?S:void 0,items:P,repeatedChildCombinedValueMapPerItem:F,repeatedChildCombinedControlMap:M,nonRepeatedChildCombinedControlMap:h,nonRepeatedChildCombinedValueMap:x,placeholderVariableIds:i,activeLocale:l,componentLoader:s,componentLoaderHash:c});return(0,m.jsx)(le,{node:t,nodeProps:d,children:T})}function cr({context:r,tree:e,renderId:o,node:t,repeatedChild:n,items:a,repeatedChildCombinedValueMapPerItem:i,repeatedChildCombinedControlMap:l,nonRepeatedChildCombinedValueMap:d,nonRepeatedChildCombinedControlMap:s,placeholderVariableIds:c,activeLocale:p,componentLoader:u,componentLoaderHash:f}){let v=Te();return pr(t,v).map(I=>{if(I.id===n?.id)return a.map((b,M)=>{let L=b.id,F=U(L)?L:M,h=i[M],x=Bo(o,t.id,F,M);return(0,m.jsx)(z,{context:r,parentRenderId:x,node:I,parent:t,combinedControlMap:l,combinedValueMap:h,placeholderVariableIds:c,activeLocale:p,nodePropOverrides:void 0},F)});let S=H(o,I.id);return q(t)&&A(I)&&v?.renderId!==S?Fe({context:r,renderId:S,tree:e,node:I,parent:t,combinedControlMap:s,combinedValueMap:d,placeholderVariableIds:c,activeLocale:p,nodePropOverrides:void 0,componentLoader:u,componentLoaderHash:f}):(0,m.jsx)(Ve,{context:r,parentRenderId:o,node:I,parent:t,combinedControlMap:s,combinedValueMap:d,placeholderVariableIds:c,activeLocale:p,moveState:v},I.id)})}function pe(r,e){return o=>{let t=mo(o);if(!Gt(t))return qt(e,t.controlProp);let n=co(t,l=>e.cache.getVariableReferenceValue(l)),a=vo({url:n,credentials:t.credentials}),i=r.getValue(a);if(i)return jt(e,t,i);throw r.fetchWithCache({url:n,cacheDuration:t.cacheDuration,credentials:t.credentials})}}var me=g(w(),1);var fr=g(V(),1);function ur({tree:r,children:e}){let o=kt();(0,me.useLayoutEffect)(()=>{let n=o?"dark":"light";document.body.setAttribute("data-framer-theme",n)},[o]);let t=(0,me.useMemo)(()=>Eo(Qo.getAllTokenNodes(r),o),[r,o]);return(0,fr.jsx)(bo,{customProperties:t,children:e})}var ce=class{loaders=new Map;preloadFonts(...e){for(let o of e){if(this.loaders.has(o))continue;let t=new Y(async()=>{await W.loadFonts([o])});t.preload(),this.loaders.set(o,t)}}usePreloadedFonts(...e){for(let o of e){let t=this.loaders.get(o);t&&t.use()}}};var ue=class{promises=new Set;trackSuspense(){let e=new j;return this.promises.add(e),()=>{e.resolve(),this.promises.delete(e)}}async waitForSuspense(){this.promises.size!==0&&(await Promise.all(this.promises),await this.waitForSuspense())}};var hr=g(w(),1),Ee=class{constructor(e,o){this.modulesRuntime=e;this.identifier=o}modulesRuntime;identifier;loaderPromise=new j;evaluationRevision=0;evaluationError;evaluationPromise;loader=new Y(()=>this.loaderPromise);async evaluate(e){let o=++this.evaluationRevision,t=this.evaluateModule(e,o);this.evaluationPromise=t,await t}async evaluateModule(e,o){await this.modulesRuntime.waitForDependenciesModule();let t;try{t=await Bt(e)}catch(a){t=we(a)}let n=[];await Ht(this.modulesRuntime.queryEngine,this.identifier,t,n,void 0,0),o===this.evaluationRevision&&(this.evaluationError=t instanceof Error?t:void 0,await this.modulesRuntime.updateComponentLoader(n),this.loaderPromise.resolve(),this.modulesRuntime.notifyReactComponents())}async waitForEvaluation(){if(await this.loader.readMaybeAsync(),await this.evaluationPromise,this.evaluationError)throw this.evaluationError}},fe=class{constructor(e){this.sandbox=e}sandbox;componentLoaderHash=0;reactComponentListeners=new Set;dependenciesModulePromise=new j;dependenciesModuleLoaded=!1;localModules=new Map;loadedModules=new Map;queryEngine=new Io;reactExternalStore={subscribe:e=>(this.reactComponentListeners.add(e),()=>{this.reactComponentListeners.delete(e)}),getSnapshot:()=>this.componentLoaderHash};waitForDependenciesModule(){return this.dependenciesModulePromise}useComponentLoader(){let e=(0,hr.useSyncExternalStore)(this.reactExternalStore.subscribe,this.reactExternalStore.getSnapshot);return[this.sandbox.componentLoader,String(e)]}async updateComponentLoader(e){this.sandbox.componentLoader.updateModuleEntities(e),await this.sandbox.remoteComponentsStore.updateComponentLoader(zt(e),this.componentLoaderHash++)}notifyReactComponents(){for(let e of this.reactComponentListeners)e()}getLocalModuleURL(e){let o=this.localModules.get(e.localId);if(o)return o.moduleURL}getExternalModuleURL(e){return`${De().modulesCDN}/${e.moduleId}/${e.saveId}/${e.file}`}getModuleURL(e){return Qe(e)?this.getExternalModuleURL(e):this.getLocalModuleURL(e)}evaluateLoadedModule(e){let o=this.getModuleURL(e.identifier);o&&e.evaluate(o).catch(_)}async loadModule(e){return this.preloadModule(e),this.getPreloadedModule(e).waitForEvaluation()}preloadModule(e){let o=Cr(e);if(this.loadedModules.get(o.value))return;let n=new Ee(this,o);this.loadedModules.set(o.value,n),this.evaluateLoadedModule(n)}getPreloadedModule(e){let o=Cr(e),t=this.loadedModules.get(o.value);return C(t,"Module not preloaded"),t}usePreloadedModules(...e){let o=[];for(let t of e){let a=this.getPreloadedModule(t).loader.preload();a&&o.push(a)}if(o.length>0)throw Promise.all(o)}updateDependenciesModule(e){if(e){let o=JSON.parse(e.importMapContent);Oe(o,"framer-user-importmap")}this.dependenciesModuleLoaded=!0,this.dependenciesModulePromise.resolve()}updateLocalModules(e){let o=new Map,t=new Set;for(let[,n]of e){C(n.kind!=="fast-refresh","Fast-refresh is not supported");let a=n.localId;o.set(a,n),this.localModules.get(a)?.moduleURL!==n.moduleURL&&t.add(a)}this.localModules=o,this.updateLocalModulesImportMap();for(let n of t){let a=Ge(n),i=this.loadedModules.get(a.value);i&&this.evaluateLoadedModule(i)}}updateLocalModulesImportMap(){let e={imports:{}};for(let[o,t]of this.localModules){let n=t.files.module;if(!n)continue;let a=Ze(o,n);e.imports[a]=t.moduleURL}Oe(e,"framer-local-modules")}insertTemporaryImportMap(e){let o=crypto.randomUUID();Oe(e,o)}};function Cr(r){let e=qe(r);return C(e,"Invalid module identifier"),je(e)}function Oe(r,e){let o=document.createElement("script");o.type="importmap-shim",o.id=e,o.innerHTML=JSON.stringify(r);let t=document.getElementById(e);t?t.replaceWith(o):document.body.appendChild(o)}var y=g(V(),1),Ce=class{constructor(e){this.container=e;this.reactRoot=(0,vr.createRoot)(this.container);let o=new ft(D);o.setLocal(D.channels.sandbox,this),o.setLocal(D.channels.controlsVisibility,this.controlsVisibility),o.setLocal(D.channels.modulesRuntime,this.modulesRuntime),o.setLocal(D.channels.flags,this),this.remoteComponentsStore=o.getRemote(D.channels.componentsStore),this.remoteSandboxStore=o.getRemote(D.channels.sandboxStore),this.remoteTreeStore=o.getRemote(D.channels.treeStore),this.connectRpc(o).catch(_)}container;reactRoot;needsRender=!1;assetMap=new it;fontLoader=new ce;componentLoader=new At;modulesRuntime=new fe(this);fetchClient=new Ro;loadingStateTracker=new ue;sandboxRepeaterData=new rt("sandbox");sandboxVisibility=new nt("sandbox");optimizedCanvasImageRenderer=new Qt;partialTreeReceiver=new Ut(this.componentLoader);get tree(){return this.partialTreeReceiver.tree}controlsVisibility=new Zt(this.componentLoader,this.partialTreeReceiver);presetsListNode;activeLocaleId;webPageNodeId;webPageNode;collectionItemNodeId;collectionItemNode;breakpointNodeId;breakpointNode;nodeInTextEditorId;nodeInTextEditorClipPath=null;temporaryCollectionItemNodeId;remoteComponentsStore;remoteSandboxStore;remoteTreeStore;moveToolState;layoutMeasureQueue=new Kt({shouldMeasureCallback:()=>{let e=this.measureLayout();e&&this.remoteTreeStore.onLayoutMeasure(e)},shouldMeasureCallbackDelayMs:0});async connectRpc(e){await e.connect({target:window.parent,url:Yo(document.referrer).origin}),new ResizeObserver(t=>{C(t.length===1,"Invalid length");let n=t[0];C(n,"Invalid entry"),C(n.target===this.container,"Invalid target"),this.breakpointNode&&this.layoutMeasureQueue.remeasureNode(this.breakpointNode),this.remoteSandboxStore.oneway.onHeightChange(n.contentRect.height)}).observe(this.container)}measureLayout(){if(!this.webPageNode||!this.breakpointNode)return;let e=new Set;e.add(this.breakpointNode.id);let o=this.layoutMeasureQueue.process({groundNodesInViewport:e,offsetX:0,offsetY:0,scopeId:this.webPageNode.id,tree:this.tree,zoom:1});if(o.length!==0)return o}scrollTo(e){if(window.scrollTo(e),this.breakpointNode){for(let o of Se(this.breakpointNode))this.layoutMeasureQueue.remeasureNode(o);this.layoutMeasureQueue.remeasureNode(this.breakpointNode)}}update(e){let o=e.dependenciesModule;o!==void 0&&this.modulesRuntime.updateDependenciesModule(o);let t=e.partialTreeUpdate;t&&(this.partialTreeReceiver.update(t),this.preloadTree());let n=e.webPageNodeId;n&&(this.webPageNodeId=n);let a=e.collectionItemNodeId;a&&(this.collectionItemNodeId=a);let i=e.breakpointNodeId;i&&(this.breakpointNodeId=i);let l=e.stylePresetBreakpointClassNames;U(l)&&(this.container.className=l);let d=e.localModules;d&&this.modulesRuntime.updateLocalModules(d);let s=e.assets;s&&(this.assetMap.set(s),W.importCustomFonts(this.assetMap.items())),this.nodeInTextEditorId!==e.nodeInTextEditorId&&!E(e.nodeInTextEditorId)&&(this.nodeInTextEditorId=e.nodeInTextEditorId,this.needsRender=!0),!E(e.nodeInTextEditorClipPath)&&this.nodeInTextEditorClipPath!==e.nodeInTextEditorClipPath&&(this.nodeInTextEditorClipPath=e.nodeInTextEditorClipPath,this.needsRender=!0),this.temporaryCollectionItemNodeId!==e.temporaryCollectionItemNodeId&&!E(e.temporaryCollectionItemNodeId)&&(this.temporaryCollectionItemNodeId=e.temporaryCollectionItemNodeId,this.needsRender=!0),E(e.moveToolState)||(this.moveToolState=e.moveToolState,this.needsRender=!0),E(e.activeLocaleId)||(this.activeLocaleId=e.activeLocaleId,this.needsRender=!0),this.updateWebPageNode(),this.updateCollectionItemNode(),this.updateBreakpointNode(),this.updatePresetsListNode(),this.render()}preloadWebPage(){if(this.webPageNode){for(let e of this.webPageNode.walk())if(X(e)&&this.modulesRuntime.preloadModule(e.codeComponentIdentifier),G(e)&&e.layoutTemplateIdentifier&&this.modulesRuntime.preloadModule(e.layoutTemplateIdentifier),te(e)&&this.modulesRuntime.preloadModule(e.dataIdentifier),Wt(e)){let o=e.getFontsForLoading();this.fontLoader.preloadFonts(...o)}}}preloadTree(){let e=zo(this.tree)?.loaded;if(e)for(let t of e.children){let n=Z(this.tree,t.instanceIdentifier);for(let a of n)this.modulesRuntime.preloadModule(a)}let o=Me.get(this.tree);if(o){for(let t of o.children)if(Go(t)){let n=t.getFontsForCodeGeneration();this.fontLoader.preloadFonts(...n)}}}updateWebPageNode(){let e=this.tree.getNodeWithTrait(this.webPageNodeId,G)?.loaded;this.webPageNode!==e&&(this.needsRender=!0,this.webPageNode=e,this.preloadWebPage())}updateCollectionItemNode(){let e=this.tree.getNodeWithTrait(this.collectionItemNodeId,no)??void 0;this.collectionItemNode!==e&&(this.needsRender=!0,this.collectionItemNode=e)}updateBreakpointNode(){let e=this.tree.get(this.breakpointNodeId)??void 0;this.breakpointNode!==e&&(this.needsRender=!0,this.breakpointNode=e)}updatePresetsListNode(){let e=Me.get(this.tree)??void 0;this.presetsListNode!==e&&(this.needsRender=!0,this.presetsListNode=e)}async onRendered(e){await this.loadingStateTracker.waitForSuspense(),this.breakpointNode&&e&&this.remoteSandboxStore.onInitialLoadComplete(e),this.remoteTreeStore.onSandboxRendered({layoutMeasurements:this.measureLayout(),repeaterUpdates:this.sandboxRepeaterData.export(),visibilityUpdates:this.sandboxVisibility.export()})}render(){this.needsRender&&((0,O.startTransition)(()=>{this.reactRoot.render((0,y.jsx)(O.StrictMode,{children:(0,y.jsxs)(Gr,{webPageNodeId:this.webPageNodeId,onRendered:this.onRendered.bind(this),children:[(0,y.jsx)(ur,{tree:this.tree,children:(0,y.jsx)(ho,{children:(0,y.jsx)(He,{isStatic:!0,children:(0,y.jsx)(qr,{tree:this.tree,activeLocaleId:this.activeLocaleId,children:(0,y.jsx)(Po,{client:this.fetchClient,children:(0,y.jsx)(Ae,{parentSize:1,children:(0,y.jsx)(_t,{nodeInTextEditorId:this.nodeInTextEditorId,clipPath:this.nodeInTextEditorClipPath,children:(0,y.jsx)(or,{update:this.moveToolState,children:(0,y.jsx)(ir,{context:this,webPageNode:this.webPageNode,collectionItemNode:this.collectionItemNode,breakpointNode:this.breakpointNode})})})})})})})})}),(0,y.jsx)(Rt,{componentLoader:this.componentLoader,presetsListNode:this.presetsListNode})]})}))}),this.needsRender=!1)}updateExperiments(e){_e.update(e)}updateProjectFeatures(e){dt.update(e)}updateEmployeesOnlySettings(e){ot.update(e)}};function Gr({children:r,webPageNodeId:e,onRendered:o}){return(0,O.useEffect)(()=>{o(e)}),(0,y.jsx)(y.Fragment,{children:r})}function qr({tree:r,activeLocaleId:e,children:o}){let t=wo(r,"excludeDrafts"),n=ko(r,e,"excludeDrafts"),a=(0,O.useMemo)(()=>({activeLocale:n,contentLocale:n,locales:t,setLocale:uo}),[n,t]),i=r.root.adaptLayoutToTextDirection,l=a.activeLocale?.textDirection??"ltr",d=i?l:"ltr";return(0,O.useLayoutEffect)(()=>{i?document.documentElement.setAttribute("dir",l):document.documentElement.removeAttribute("dir")},[i,l]),(0,y.jsx)(ee.Provider,{value:a,children:(0,y.jsx)(fo.Provider,{value:d,children:o})})}Object.assign(window,{Framer:xo});ke({name:"canvas",security:{}});var Rr=document.querySelector("main");C(Rr,"Container element not found");var he=new Ce(Rr),jr=at(he.assetMap);W.importFramerFonts(Do);ze({isOnPageCanvas:!0,assetResolver:jr,queueMeasureRequest(...r){he.layoutMeasureQueue.add(...r)},enableFontStore:!0,fetchGoogleFontsList:vt,fetchFontshareFontsList:ht,fetchBuiltInFontsList:Ct,imagePlaceholderSvg:'',useImageSource(r){if(!r.src)return"";let e=re(r.src);return e?Q(e.identifier):Q(r.src)},canRenderOptimizedCanvasImage:he.optimizedCanvasImageRenderer.canRenderCanvasImage,renderOptimizedCanvasImage:he.optimizedCanvasImageRenderer.renderCanvasImage}); //# sourceMappingURL=https://app.framerstatic.com/canvas-sandbox-on-page.IYKY2EUW.mjs.map