${i.description||i.name}
`),t.add(n)}}}return{patchedValueMap:o,placeholderVariableIds:t}}function ir({context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i}){return Le(e)?(0,l.jsx)(ue,{context:r,children:(0,l.jsx)(Mr,{context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i})}):(0,l.jsx)(G,{context:r,parentRenderId:e.id,node:o,parent:e,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodePropOverrides:void 0})}var dr={minHeight:"100vh",width:"auto"},yr=yt();function Mr({context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i}){let p=(0,R.useRef)(null),d=(0,R.useRef)(null);r.modulesRuntime.usePreloadedModules(e.layoutTemplateIdentifier);let[c]=r.modulesRuntime.useComponentLoader(),f=de(),u=me(r.fetchClient,e),m=e.getResolvedControlPropValues(c,f,n,i,u),v=c.reactComponentForIdentifier(e.layoutTemplateIdentifier);h(v,"Component definition not found");let P=v.class,C=Do(o)&&go(o)?o.width:void 0,{activeVariant:I,className:N,selectors:b}=Mt(c,e.layoutTemplateIdentifier,C,yr)??{};(0,R.useLayoutEffect)(()=>{if(!p.current||!d.current)return;let T=Oe(d.current);if(r.layoutMeasureQueue.add(o.id,p.current,T),!!b)for(let g of b){let y=p.current.querySelector(g);y&&r.layoutMeasureQueue.add(o.id,y,[],g)}},[r.layoutMeasureQueue,o.id,b]);let V=(0,R.useMemo)(()=>({ref:d}),[]);return(0,l.jsx)("div",{ref:p,className:N,children:(0,l.jsx)(P,{...m,style:dr,variant:I,children:(0,l.jsx)(G,{context:r,parentRenderId:e.id,node:o,parent:e,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodePropOverrides:V})})})}var G=(0,R.memo)(function({context:e,parentRenderId:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodePropOverrides:c,skipNodeLevelRepeat:f}){let u=ie(o,t.id),m=t.tree();return t.cache.resetForRendering(),t.cache.setVariableValueAndControlMap(i,i,a,d,t,m,void 0),it(n,t),zo(t)||t.resolveValue("visible",i)===!1?(e.sandboxVisibility.setVisible(u,!1),null):(e.sandboxVisibility.setVisible(u,!0),(0,l.jsx)(ue,{context:e,children:(0,l.jsx)(Lr,{context:e,renderId:u,tree:m,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodePropOverrides:c,skipNodeLevelRepeat:f})}))});function Nr(r,e,o,t,n,a,i){let p=me(r.fetchClient,o),d=o.getProps(r.componentLoader,n,a,p);if($(t)&&(d.style??={},d.style.position="relative",d.style.width="100%",Le(t)?(d.style.display="contents",d.style.position="relative",d._needsMeasure=!1,d["data-layout-template-root"]=!0):Object.assign(d.style,dr)),Ne(o)){let c=wt(o,a);c&&(d.viewBox=c);let f=Ot(o,n,p);f&&(d.text=f)}if(d.id=e,i)for(let c in i){let f=i[c];c==="style"&&d.style?Object.assign(d.style,f):d[c]=f}return d}var xr=To(X);function Lr({context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodePropOverrides:c,skipNodeLevelRepeat:f}){let u=Nr(r,e,t,n,i,d,c);if(!f&&ne(t))return(0,l.jsx)(Er,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodeProps:u,nodePropOverrides:c});if(mo(t))return(0,l.jsx)(Eo,{...u});if(ho(t))return De(t),(0,l.jsx)(X,{...u,as:"svg",children:t.children.map(m=>{let v=ie(e,m.id);return we(m,r.componentLoader,i,r.sandboxVisibility,v,!1,void 0)})});if(ko(t))return De(t),we(t,r.componentLoader,i,r.sandboxVisibility,e,!0,u);if(po(t))return(0,l.jsx)(Oo,{...u});if(Ne(t))return(0,l.jsx)(Sr,{context:r,node:t,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodeProps:u,renderId:e});if(io(t))return so(t)?(0,l.jsx)(Ur,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodeProps:u}):lo(t)?(0,l.jsx)(Br,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodeProps:u}):(0,l.jsx)(Fr,{context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodeProps:u});if(Co(t))return(0,l.jsx)(Yo,{...u});if(Ro(t))return(0,l.jsx)(ot,{...u,node:t,tree:o,componentLoader:r.componentLoader,combinedValueMap:i,activeLocale:d});if(vo(t)){let m=o.getGroundNodeFor(t).id;return(0,l.jsx)(et,{...u,groundNodeId:m})}return uo(t)?null:ee(t)?t.isVectorInstance?(0,l.jsx)(kr,{node:t,context:r,nodeProps:u,combinedValueMap:i,activeLocale:d}):(0,l.jsx)(wr,{context:r,renderId:e,node:t,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodeProps:u}):co(t)?(0,l.jsx)(Dr,{node:t,nodeProps:u}):(Po(t),null)}var Sr=(0,R.memo)(function({context:e,node:o,combinedValueMap:t,placeholderVariableIds:n,activeLocale:a,nodeProps:i,renderId:p}){let d=o.getFontsForLoading();e.fontLoader.usePreloadedFonts(...d),i={...i};let c=Jt(),f=Xt();if(c===p)if(f){let m=i.style??{};i.style={...m,clipPath:f}}else i.isEditable=!0;Or(o,n)&&(i.opacity=.3);let u=(0,R.useMemo)(()=>Et(o,t,a),[o,t,a]);if(ye(o.htmlContent)&&o.getComponentPresets().size>0){let m=o.tree();return h(m,"Must have a tree"),(0,l.jsx)(gt,{tree:m,componentLoader:e.componentLoader,node:o,richTextProps:i,children:u})}return(0,l.jsx)(Fo,{...i,children:u})});function Ae({node:r,nodeProps:e,children:o}){let t=(0,R.useRef)(null),n=e.ref??t,a=Vr(r);eo(e,n,a);let i=Tr(r);return(0,l.jsx)(i,{...e,ref:n,children:o})}function Vr(r){return Me(r)?It:Oe}function Tr(r){return Me(r)?xr:X}function sr({moveState:r,...e}){let{parentRenderId:o,node:t}=e,n=ie(o,t.id),a;r&&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 ${ro.onPageHighlightBorderDragging}`}});let i=(0,l.jsx)(G,{...e,nodePropOverrides:a});return r&&n===r.renderId?(0,l.jsxs)(R.Fragment,{children:[(0,l.jsx)(bt,{width:r.placeholder.attributes.width,height:r.placeholder.attributes.height}),(0,nr.createPortal)(i,document.body)]}):i}function lr(r,e){let o=r.getChildrenInVisualOrder();if(e&&e.placeholder.nodeId===r.id){let t=o.findIndex(n=>n.id===e.nodeId);return Ze.move([...o],t,e.placeholder.index)}return o}function Fr({context:r,renderId:e,node:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodeProps:p}){let d=We(),c=lr(o,d);return(0,l.jsx)(Ae,{node:o,nodeProps:p,children:c.map(f=>(0,l.jsx)(sr,{context:r,parentRenderId:e,node:f,parent:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,moveState:d},f.id))})}function Er({context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:a,combinedValueMap:i,placeholderVariableIds:p,activeLocale:d,nodePropOverrides:c}){let[f,u]=r.modulesRuntime.useComponentLoader(),m=t.repeatArray,v=m.providerId;h(v,"Variable must have providerId");let P=_o(t,v),C=P?.getProvidedControlMap(o,t,f,u),I=P?a?.get(v)?.get(m.id):void 0,N=C?.get(m.id),{controlMap:b}=Te(I),V=P?P.getProvidedValueMap(o,t,f,r.sandboxRepeaterData,u):void 0,T=P?i?.get(v)?.get(m.id)??V?.get(m.id):void 0,g=be(T)&&T.every(Ie),y=g?T:[],L=I!==void 0?b:Te(N).controlMap,S=t.getPrimaryId(),O=(0,R.useMemo)(()=>{let w=new Map(a);return w.set(S,L),w},[L,a,S]),W=y.length,H=(0,R.useMemo)(()=>y.map((w,q)=>{let j=new Map(i),ge=se(o,L,w,q,W);return j.set(S,ge),j}),[o,L,i,S,y,W]);return!P||!g?(r.sandboxRepeaterData.set(e,void 0,L),null):(r.sandboxRepeaterData.set(e,y,L),(0,l.jsx)(l.Fragment,{children:y.map((w,q)=>{let j=U(w.id)?w.id:q,ge=Ee(e,t.id,j,q);return(0,l.jsx)(G,{context:r,parentRenderId:ge,node:t,parent:n,combinedControlMap:O,combinedValueMap:H[q],placeholderVariableIds:p,activeLocale:d,nodePropOverrides:c,skipNodeLevelRepeat:!0},j)})}))}function Or(r,e){return e?rr(r.htmlContent,e)||rr(r.textContent,e):!1}function rr(r,e){return ye(r)?e.has(r.id):!1}function wr({context:r,renderId:e,node:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodeProps:p}){let d=o.tree();h(d,"Must have a tree"),r.modulesRuntime.usePreloadedModules(o.codeComponentIdentifier);let[c,f]=r.modulesRuntime.useComponentLoader(),u=c.reactComponentForIdentifier(o.codeComponentIdentifier);h(u,"Component definition not found");let m=de(),v=me(r.fetchClient,o),P=o.getCodeComponentProps(c,m,n,i,v),C=tt(d,o,c);C.children=rt(d,o,c);for(let g in C){let y=C[g];y&&(P[g]=y.map(L=>{let S=at(e,o.id,g,L.key);return(0,l.jsx)(G,{context:r,parentRenderId:S,node:L.node,parent:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:a,activeLocale:i,nodePropOverrides:Ar},L.key)}))}let I=o.getRichTextControlKeys(c),N={tree:d,componentLoader:c,cacheKey:f,resolveVectorSetItem(g){return c.reactComponentForIdentifier(g)?.class}};for(let g of I)P[g]=kt(P[g],N);Dt(P,o,N);let b=o.getComponentVectorSetChildren(c,n),V=new Set;for(let g in b){let y=b[g];D(y)||(V.add(y),r.modulesRuntime.preloadModule(y))}r.modulesRuntime.usePreloadedModules(...V);for(let g in b){let y=b[g];if(D(y))continue;let L=c.reactComponentForIdentifier(y);h(L,"Vector definition not found"),P[g]=L.class}let T=u.class;return(0,l.jsx)(Nt,{componentLoader:c,...p,children:(0,l.jsx)(T,{...P})})}function Dr({node:r,nodeProps:e}){let o;if(r.shaderFallbackImage){let t=re(r.shaderFallbackImage);t&&(o=Z(t.identifier))}return(0,l.jsx)(So,{...e,mode:"fallback",fallbackImage:o})}function kr({context:r,node:e,nodeProps:o,combinedValueMap:t,activeLocale:n}){let[a]=r.modulesRuntime.useComponentLoader(),i=de(),p=me(r.fetchClient,e);return xt({node:e,frameProps:o,getCodeComponentProps(){return e.getCodeComponentProps(a,i,t,n,p)},combinedValueMap:t,renderVectorWithIdentifier(d,c){return(0,l.jsx)(Wr,{context:r,identifier:d,getProps:c})}})}function Wr({context:r,identifier:e,getProps:o}){r.modulesRuntime.preloadModule(e),r.modulesRuntime.usePreloadedModules(e);let[t]=r.modulesRuntime.useComponentLoader(),n=t.reactComponentForIdentifier(e);h(n,"Component definition not found");let a=o(),i=n.class;return(0,l.jsx)(i,{...a})}var Ar={position:"relative"};function Ur({context:r,renderId:e,tree:o,node:t,combinedControlMap:n,combinedValueMap:a,placeholderVariableIds:i,activeLocale:p,nodeProps:d}){let c=_(o,t.dataIdentifier);r.modulesRuntime.usePreloadedModules(...c);let[f,u]=r.modulesRuntime.useComponentLoader(),m=t.getProvidedControlMap(o,void 0,f,u);h(m,"Control map must exist");let v=Se(o,t),P=!!v&&!ne(v),C=t.getPrimaryId(),I=(0,R.useMemo)(()=>{let S=new Map(n);return S.set(C,m),S},[m,n,C]),N=dt(t,I,Lt(o,t),S=>v?{type:"LiteralValue",value:v.cache.getVariableReferenceValue(S,a)}:{type:"LiteralValue",value:void 0},S=>Vt(o,f,t,S,p));$o(t)&&St(N,t);let b=xe(N);r.sandboxRepeaterData.set(e,b,m);let V=b.length,T=(0,R.useMemo)(()=>b.map((S,O)=>{let W=new Map(a),H=se(o,m,S,O,V);return W.set(C,H),W}),[o,m,a,C,b,V]),{nonRepeatedChildCombinedControlMap:g,nonRepeatedChildCombinedValueMap:y}=Ve(n,a,C,V),L=pr({context:r,renderId:e,node:t,repeatedChild:P?v:void 0,items:b,repeatedChildCombinedValueMapPerItem:T,repeatedChildCombinedControlMap:I,nonRepeatedChildCombinedControlMap:g,nonRepeatedChildCombinedValueMap:y,placeholderVariableIds:i,activeLocale:p});return(0,l.jsx)(Ae,{node:t,nodeProps:d,children:L})}function Br({context:r,renderId:e,tree:o,node:t,combinedControlMap:n,combinedValueMap:a,placeholderVariableIds:i,activeLocale:p,nodeProps:d}){h(a,"Combined value map must exist");let[c,f]=r.modulesRuntime.useComponentLoader(),u=t.getProvidedControlMap(o,void 0,c,f);h(u,"Control map must exist");let m=t.dataRepeaterArray,v=m.providerId;h(v,"Variable must have providerId");let P=a.get(v);h(P,"Provider value map must exist");let C=P.get(m.id);h(be(C)&&C.every(Ie),"Invalid array value");let I=t.getPrimaryId(),N=Se(o,t),b=!!N&&!ne(N),V=(0,R.useMemo)(()=>{let O=new Map(n);return O.set(I,u),O},[u,n,I]),T=C.length,g=(0,R.useMemo)(()=>C.map((O,W)=>{let H=new Map(a),w=se(o,u,O,W,T);return H.set(I,w),H}),[o,u,a,I,C,T]),{nonRepeatedChildCombinedControlMap:y,nonRepeatedChildCombinedValueMap:L}=Ve(n,a,I,T),S=pr({context:r,renderId:e,node:t,repeatedChild:b?N:void 0,items:C,repeatedChildCombinedValueMapPerItem:g,repeatedChildCombinedControlMap:V,nonRepeatedChildCombinedControlMap:y,nonRepeatedChildCombinedValueMap:L,placeholderVariableIds:i,activeLocale:p});return(0,l.jsx)(Ae,{node:t,nodeProps:d,children:S})}function pr({context:r,renderId:e,node:o,repeatedChild:t,items:n,repeatedChildCombinedValueMapPerItem:a,repeatedChildCombinedControlMap:i,nonRepeatedChildCombinedValueMap:p,nonRepeatedChildCombinedControlMap:d,placeholderVariableIds:c,activeLocale:f}){let u=We();return lr(o,u).map(v=>v.id===t?.id?n.map((P,C)=>{let I=P.id,N=U(I)?I:C,b=a[C],V=Ee(e,o.id,N,C);return(0,l.jsx)(G,{context:r,parentRenderId:V,node:v,parent:o,combinedControlMap:i,combinedValueMap:b,placeholderVariableIds:c,activeLocale:f,nodePropOverrides:void 0},N)}):(0,l.jsx)(sr,{context:r,parentRenderId:e,node:v,parent:o,combinedControlMap:d,combinedValueMap:p,placeholderVariableIds:c,activeLocale:f,moveState:u},v.id))}function me(r,e){return o=>{let t=no(o);if(!Gt(t))return qt(e,t.controlProp);let n=ao(t,p=>e.cache.getVariableReferenceValue(p)),a=Mo({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 fe=M(A(),1);var ur=M(F(),1);function cr({tree:r,children:e}){let o=Wt();(0,fe.useLayoutEffect)(()=>{let n=o?"dark":"light";document.body.setAttribute("data-framer-theme",n)},[o]);let t=(0,fe.useMemo)(()=>Wo(Jo.getAllTokenNodes(r),o),[r,o]);return(0,ur.jsx)(Vo,{customProperties:t,children:e})}var he=class{constructor(){s(this,"loaders",new Map)}preloadFonts(...e){for(let o of e){if(this.loaders.has(o))continue;let t=new oe(async()=>{await z.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 Ce=class{constructor(){s(this,"promises",new Set)}trackSuspense(){let e=new K;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 fr=M(A(),1);var Be=class{constructor(e,o){s(this,"modulesRuntime",e);s(this,"identifier",o);s(this,"loaderPromise",new K);s(this,"evaluationRevision",0);s(this,"evaluationError");s(this,"evaluationPromise");s(this,"loader",new oe(()=>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 Ht(e)}catch(a){t=He(a)}let n=[];await Bt(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}},ve=class{constructor(e){s(this,"sandbox",e);s(this,"componentLoaderHash",0);s(this,"reactComponentListeners",new Set);s(this,"dependenciesModulePromise",new K);s(this,"dependenciesModuleLoaded",!1);s(this,"localModules",new Map);s(this,"loadedModules",new Map);s(this,"queryEngine",new Lo);s(this,"reactExternalStore",{subscribe:e=>(this.reactComponentListeners.add(e),()=>{this.reactComponentListeners.delete(e)}),getSnapshot:()=>this.componentLoaderHash})}waitForDependenciesModule(){return this.dependenciesModulePromise}useComponentLoader(){let e=(0,fr.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`${ze().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(J)}async loadModule(e){return this.preloadModule(e),this.getPreloadedModule(e).waitForEvaluation()}preloadModule(e){let o=mr(e);if(this.loadedModules.get(o.value))return;let n=new Be(this,o);this.loadedModules.set(o.value,n),this.evaluateLoadedModule(n)}getPreloadedModule(e){let o=mr(e),t=this.loadedModules.get(o.value);return h(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);Ue(o,"framer-user-importmap")}this.dependenciesModuleLoaded=!0,this.dependenciesModulePromise.resolve()}updateLocalModules(e){let o=new Map,t=new Set;for(let[,n]of e){h(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=Ke(o,n);e.imports[a]=t.moduleURL}Ue(e,"framer-local-modules")}insertTemporaryImportMap(e){let o=crypto.randomUUID();Ue(e,o)}};function mr(r){let e=qe(r);return h(e,"Invalid module identifier"),je(e)}function Ue(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 x=M(F(),1),Re=class{constructor(e){s(this,"container",e);s(this,"reactRoot");s(this,"needsRender",!1);s(this,"assetMap",new Uo);s(this,"fontLoader",new he);s(this,"componentLoader",new Ko);s(this,"modulesRuntime",new ve(this));s(this,"fetchClient",new No);s(this,"loadingStateTracker",new Ce);s(this,"sandboxRepeaterData",new pt("sandbox"));s(this,"sandboxVisibility",new ct("sandbox"));s(this,"optimizedCanvasImageRenderer",new Qt);s(this,"partialTreeReceiver",new At(this.componentLoader));s(this,"controlsVisibility",new Kt(this.componentLoader,this.partialTreeReceiver));s(this,"presetsListNode");s(this,"activeLocaleId");s(this,"webPageNodeId");s(this,"webPageNode");s(this,"collectionItemNodeId");s(this,"collectionItemNode");s(this,"breakpointNodeId");s(this,"breakpointNode");s(this,"nodeInTextEditorId");s(this,"nodeInTextEditorClipPath",null);s(this,"temporaryCollectionItemNodeId");s(this,"remoteComponentsStore");s(this,"remoteSandboxStore");s(this,"remoteTreeStore");s(this,"moveToolState");s(this,"layoutMeasureQueue",new Zt({shouldMeasureCallback:()=>{let e=this.measureLayout();e&&this.remoteTreeStore.onLayoutMeasure(e)},shouldMeasureCallbackDelayMs:0}));this.reactRoot=(0,hr.createRoot)(this.container);let o=new ft(k);o.setLocal(k.channels.sandbox,this),o.setLocal(k.channels.controlsVisibility,this.controlsVisibility),o.setLocal(k.channels.modulesRuntime,this.modulesRuntime),o.setLocal(k.channels.flags,this),this.remoteComponentsStore=o.getRemote(k.channels.componentsStore),this.remoteSandboxStore=o.getRemote(k.channels.sandboxStore),this.remoteTreeStore=o.getRemote(k.channels.treeStore),this.connectRpc(o).catch(J)}get tree(){return this.partialTreeReceiver.tree}async connectRpc(e){await e.connect({target:window.parent,url:nt(document.referrer).origin}),new ResizeObserver(t=>{h(t.length===1,"Invalid length");let n=t[0];h(n,"Invalid entry"),h(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 ke(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 p=e.stylePresetBreakpointClassNames;U(p)&&(this.container.className=p);let d=e.localModules;d&&this.modulesRuntime.updateLocalModules(d);let c=e.assets;c&&(this.assetMap.set(c),z.importCustomFonts(this.assetMap.items())),this.nodeInTextEditorId!==e.nodeInTextEditorId&&!D(e.nodeInTextEditorId)&&(this.nodeInTextEditorId=e.nodeInTextEditorId,this.needsRender=!0),!D(e.nodeInTextEditorClipPath)&&this.nodeInTextEditorClipPath!==e.nodeInTextEditorClipPath&&(this.nodeInTextEditorClipPath=e.nodeInTextEditorClipPath,this.needsRender=!0),this.temporaryCollectionItemNodeId!==e.temporaryCollectionItemNodeId&&!D(e.temporaryCollectionItemNodeId)&&(this.temporaryCollectionItemNodeId=e.temporaryCollectionItemNodeId,this.needsRender=!0),D(e.moveToolState)||(this.moveToolState=e.moveToolState,this.needsRender=!0),D(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(ee(e)&&this.modulesRuntime.preloadModule(e.codeComponentIdentifier),$(e)&&e.layoutTemplateIdentifier&&this.modulesRuntime.preloadModule(e.layoutTemplateIdentifier),Y(e)&&this.modulesRuntime.preloadModule(e.dataIdentifier),Ut(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=_(this.tree,t.instanceIdentifier);for(let a of n)this.modulesRuntime.preloadModule(a)}let o=Fe.get(this.tree);if(o){for(let t of o.children)if(Xo(t)){let n=t.getFontsForCodeGeneration();this.fontLoader.preloadFonts(...n)}}}updateWebPageNode(){let e=this.tree.getNodeWithTrait(this.webPageNodeId,$)?.loaded;this.webPageNode!==e&&(this.needsRender=!0,this.webPageNode=e,this.preloadWebPage())}updateCollectionItemNode(){let e=this.tree.getNodeWithTrait(this.collectionItemNodeId,fo)??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=Fe.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,E.startTransition)(()=>{this.reactRoot.render((0,x.jsx)(E.StrictMode,{children:(0,x.jsxs)(Hr,{webPageNodeId:this.webPageNodeId,onRendered:this.onRendered.bind(this),children:[(0,x.jsx)(cr,{tree:this.tree,children:(0,x.jsx)(yo,{children:(0,x.jsx)(Ye,{isStatic:!0,children:(0,x.jsx)(zr,{tree:this.tree,activeLocaleId:this.activeLocaleId,children:(0,x.jsx)(xo,{client:this.fetchClient,children:(0,x.jsx)(Xe,{parentSize:1,children:(0,x.jsx)(_t,{nodeInTextEditorId:this.nodeInTextEditorId,clipPath:this.nodeInTextEditorClipPath,children:(0,x.jsx)(or,{update:this.moveToolState,children:(0,x.jsx)(ar,{context:this,webPageNode:this.webPageNode,collectionItemNode:this.collectionItemNode,breakpointNode:this.breakpointNode})})})})})})})})}),(0,x.jsx)(Rt,{componentLoader:this.componentLoader,presetsListNode:this.presetsListNode})]})}))}),this.needsRender=!1)}updateExperiments(e){to.update(e)}updateProjectFeatures(e){ut.update(e)}updateEmployeesOnlySettings(e){st.update(e)}};function Hr({children:r,webPageNodeId:e,onRendered:o}){return(0,E.useEffect)(()=>{o(e)}),(0,x.jsx)(x.Fragment,{children:r})}function zr({tree:r,activeLocaleId:e,children:o}){let t=Bo(r,"excludeDrafts"),n=Ho(r,e,"excludeDrafts"),a=(0,E.useMemo)(()=>({activeLocale:n,locales:t,setLocale:Qo}),[n,t]),i=r.root.adaptLayoutToTextDirection,p=a.activeLocale?.textDirection??"ltr",d=i?p:"ltr";return(0,E.useLayoutEffect)(()=>{i?document.documentElement.setAttribute("dir",p):document.documentElement.removeAttribute("dir")},[i,p]),(0,x.jsx)(te.Provider,{value:a,children:(0,x.jsx)(Io.Provider,{value:d,children:o})})}Object.assign(window,{Framer:wo});$e({name:"canvas",security:{}});var Cr=document.querySelector("main");h(Cr,"Container element not found");var Pe=new Re(Cr),Qr=mt(Pe.assetMap);z.importFramerFonts(Ao);oo({isOnPageCanvas:!0,assetResolver:Qr,queueMeasureRequest(...r){Pe.layoutMeasureQueue.add(...r)},enableFontStore:!0,fetchGoogleFontsList:vt,fetchFontshareFontsList:Ct,fetchBuiltInFontsList:ht,imagePlaceholderSvg:'',useImageSource(r){if(!r.src)return"";let e=re(r.src);return e?Z(e.identifier):Z(r.src)},canRenderOptimizedCanvasImage:Pe.optimizedCanvasImageRenderer.canRenderCanvasImage,renderOptimizedCanvasImage:Pe.optimizedCanvasImageRenderer.renderCanvasImage}); //# sourceMappingURL=https://app.framerstatic.com/canvas-sandbox-on-page.HSG7WBB5.mjs.map