${a.description||a.name}
`),t.add(n)}}}return{patchedValueMap:o,placeholderVariableIds:t}}function Ut({context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a}){return Ce(e)?(0,p.jsx)(ee,{context:r,children:(0,p.jsx)(rr,{context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a})}):(0,p.jsx)(z,{context:r,parentRenderId:e.id,node:o,parent:e,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a,nodePropOverrides:void 0})}var Bt={minHeight:"100vh",width:"auto"},tr=dt();function rr({context:r,webPageNode:e,breakpointNode:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a}){let s=(0,g.useRef)(null),d=(0,g.useRef)(null);r.modulesRuntime.usePreloadedModules(e.layoutTemplateIdentifier);let[c]=r.modulesRuntime.useComponentLoader(),l=_(),f=oe(r.fetchClient,e),h=e.getResolvedControlPropValues(c,l,n,a,f);h.style??={},Object.assign(h.style,Bt);let C=c.reactComponentForIdentifier(e.layoutTemplateIdentifier);u(C,"Component definition not found");let N=C.class,R=No(o)&&Mo(o)?o.width:void 0,{activeVariant:I,className:x,selectors:L}=st(e.layoutTemplateIdentifier,R,tr)||{};(0,g.useLayoutEffect)(()=>{if(!s.current||!d.current)return;let v=ge(d.current);if(r.layoutMeasureQueue.add(o.id,s.current,v),!!L)for(let y of L){let V=s.current.querySelector(y);V&&r.layoutMeasureQueue.add(o.id,V,[],y)}},[r.layoutMeasureQueue,o.id,L]);let P=(0,g.useMemo)(()=>({ref:d}),[]);return(0,p.jsx)("div",{ref:s,className:x,children:(0,p.jsx)(N,{...h,variant:I,children:(0,p.jsx)(z,{context:r,parentRenderId:e.id,node:o,parent:e,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a,nodePropOverrides:P})})})}var z=(0,g.memo)(function({context:e,parentRenderId:o,node:t,parent:n,combinedControlMap:i,combinedValueMap:a,placeholderVariableIds:s,activeLocale:d,nodePropOverrides:c}){let l=$(o,t.id),f=t.tree();return t.cache.resetForRendering(),t.cache.setVariableValueAndControlMap(a,a,i,d),zo(n,t),So(t)||t.resolveValue("visible",a)===!1?(e.sandboxVisibility.setVisible(l,!1),null):(e.sandboxVisibility.setVisible(l,!0),(0,p.jsx)(ee,{context:e,children:(0,p.jsx)(ar,{context:e,renderId:l,tree:f,node:t,parent:n,combinedControlMap:i,combinedValueMap:a,placeholderVariableIds:s,activeLocale:d,nodePropOverrides:c})}))});function nr(r,e,o,t,n,i,a){let s=oe(r.fetchClient,o),d=o.getProps(n,i,s);if(U(t)&&(d.style??={},d.style.position="relative",d.style.width="100%",Ce(t)?(d.style.display="contents",d.style.position="relative",d._needsMeasure=!1,d["data-layout-template-root"]=!0):Object.assign(d.style,Bt)),fe(o)){let c=It(o,i);c&&(d.viewBox=c);let l=vt(o,n,s);l&&(d.text=l)}if(d.id=e,a)for(let c in a){let l=a[c];c==="style"&&d.style?Object.assign(d.style,l):d[c]=l}return d}var ir=vo(Q);function ar({context:r,renderId:e,tree:o,node:t,parent:n,combinedControlMap:i,combinedValueMap:a,placeholderVariableIds:s,activeLocale:d,nodePropOverrides:c}){let l=nr(r,e,t,n,a,d,c);return Ye(t)?(0,p.jsx)(go,{...l}):oo(t)?(be(t),(0,p.jsx)(Q,{...l,as:"svg",children:t.children.map(f=>{let h=$(e,f.id);return ye(f,a,r.sandboxVisibility,h,!1,void 0)})})):bo(t)?(be(t),ye(t,a,r.sandboxVisibility,e,!0,l)):Je(t)?(0,p.jsx)(Po,{...l}):fe(t)?(0,p.jsx)(dr,{context:r,node:t,combinedValueMap:a,placeholderVariableIds:s,activeLocale:d,nodeProps:l,renderId:e}):Ke(t)?$e(t)?(0,p.jsx)(Cr,{context:r,renderId:e,tree:o,node:t,combinedControlMap:i,combinedValueMap:a,placeholderVariableIds:s,activeLocale:d,nodeProps:l}):_e(t)?(0,p.jsx)(vr,{context:r,renderId:e,tree:o,node:t,combinedControlMap:i,combinedValueMap:a,placeholderVariableIds:s,activeLocale:d,nodeProps:l}):(0,p.jsx)(cr,{context:r,renderId:e,tree:o,node:t,combinedControlMap:i,combinedValueMap:a,placeholderVariableIds:s,activeLocale:d,nodeProps:l}):to(t)?(0,p.jsx)(fo,{...l}):no(t)?(0,p.jsx)(Co,{...l}):ro(t)?(0,p.jsx)(ho,{...l}):Xe(t)?null:G(t)?t.isVectorInstance?(0,p.jsx)(ur,{node:t,context:r,nodeProps:l,combinedValueMap:a,activeLocale:d}):(0,p.jsx)(mr,{context:r,renderId:e,node:t,combinedControlMap:i,combinedValueMap:a,placeholderVariableIds:s,activeLocale:d,nodeProps:l}):(io(t),null)}var dr=(0,g.memo)(function({context:e,node:o,combinedValueMap:t,placeholderVariableIds:n,activeLocale:i,nodeProps:a,renderId:s}){let d=o.getFontsForLoading();e.fontLoader.usePreloadedFonts(...d),a={...a};let c=Tt(),l=Vt();if(c===s)if(l){let h=a.style??{};a.style={...h,clipPath:l}}else a.isEditable=!0;pr(o,n)&&(a.opacity=.3);let f=(0,g.useMemo)(()=>Ct(o,t,i),[o,t,i]);if(me(o.htmlContent)&&o.getComponentPresets().size>0){let h=o.tree();return u(h,"Must have a tree"),(0,p.jsx)(nt,{tree:h,node:o,...a,children:f})}return(0,p.jsx)(Io,{...a,children:f})});function Ne({node:r,nodeProps:e,children:o}){let t=(0,g.useRef)(null),n=e.ref??t,i=sr(r);Ae(e,n,i);let a=lr(r);return(0,p.jsx)(a,{...e,ref:n,children:o})}function sr(r){return ue(r)?it:ge}function lr(r){return ue(r)?ir:Q}function zt({moveState:r,...e}){let{parentRenderId:o,node:t}=e,n=$(o,t.id),i;r&&n===r.renderId&&(i={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 ${wo.onPageHighlightBorderDragging}`}});let a=(0,p.jsx)(z,{...e,nodePropOverrides:i});return r&&n===r.renderId?(0,p.jsxs)(g.Fragment,{children:[(0,p.jsx)(at,{width:r.placeholder.size.width,height:r.placeholder.size.height}),(0,kt.createPortal)(a,document.body)]}):a}function Ht(r,e){let o=r.getChildrenInVisualOrder();if(e&&e.placeholder.nodeId===r.id){let t=o.findIndex(n=>n.id===e.nodeId);return De.move([...o],t,e.placeholder.index)}return o}function cr({context:r,renderId:e,node:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a,nodeProps:s}){let d=Me(),c=Ht(o,d);return(0,p.jsx)(Ne,{node:o,nodeProps:s,children:c.map(l=>(0,p.jsx)(zt,{context:r,parentRenderId:e,node:l,parent:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a,moveState:d},l.id))})}function pr(r,e){return e?wt(r.htmlContent,e)||wt(r.textContent,e):!1}function wt(r,e){return me(r)?e.has(r.id):!1}function mr({context:r,renderId:e,node:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a,nodeProps:s}){let d=o.tree();u(d,"Must have a tree"),r.modulesRuntime.usePreloadedModules(o.codeComponentIdentifier);let[c]=r.modulesRuntime.useComponentLoader(),l=c.reactComponentForIdentifier(o.codeComponentIdentifier);u(l,"Component definition not found");let f=_(),h=oe(r.fetchClient,o),C=o.getCodeComponentProps(c,f,n,a,h),N=Oo(d,o,c);N.children=Do(d,o,c);for(let P in N){let v=N[P];v&&(C[P]=v.map(y=>{let V=Bo(e,o.id,P,y.key);return(0,p.jsx)(z,{context:r,parentRenderId:V,node:y.node,parent:o,combinedControlMap:t,combinedValueMap:n,placeholderVariableIds:i,activeLocale:a,nodePropOverrides:hr},y.key)}))}let R=o.getRichTextControlKeys(c);for(let P of R){let v=C[P];O(v)&&(C[P]=Wo(v))}let I=o.getComponentVectorSetChildren(c,n),x=new Set;for(let P in I){let v=I[P];le(v)||(x.add(v),r.modulesRuntime.preloadModule(v))}r.modulesRuntime.usePreloadedModules(...x);for(let P in I){let v=I[P];if(le(v))continue;let y=c.reactComponentForIdentifier(v);u(y,"Vector definition not found"),C[P]=y.class}let L=l.class;return(0,p.jsx)(lt,{...s,children:(0,p.jsx)(L,{...C})})}function ur({context:r,node:e,nodeProps:o,combinedValueMap:t,activeLocale:n}){let[i]=r.modulesRuntime.useComponentLoader(),a=_(),s=oe(r.fetchClient,e);return ct({node:e,frameProps:o,getCodeComponentProps(){return e.getCodeComponentProps(i,a,t,n,s)},combinedValueMap:t,renderVectorWithIdentifier(d,c){return(0,p.jsx)(fr,{context:r,identifier:d,getProps:c})}})}function fr({context:r,identifier:e,getProps:o}){r.modulesRuntime.preloadModule(e),r.modulesRuntime.usePreloadedModules(e);let[t]=r.modulesRuntime.useComponentLoader(),n=t.reactComponentForIdentifier(e);u(n,"Component definition not found");let i=o(),a=n.class;return(0,p.jsx)(a,{...i})}var hr={position:"relative"};function Cr({context:r,renderId:e,tree:o,node:t,combinedControlMap:n,combinedValueMap:i,placeholderVariableIds:a,activeLocale:s,nodeProps:d}){let c=B(o,t.dataIdentifier);r.modulesRuntime.usePreloadedModules(...c);let[l,f]=r.modulesRuntime.useComponentLoader(),h=t.getVariableControlMap(o,l,f);u(h,"Control map must exist");let C=Ie(o,t),N=Ho(t,h,pt(o,t),v=>C?{type:"LiteralValue",value:C.cache.getVariableReferenceValue(v,i)}:{type:"LiteralValue",value:void 0},v=>ut(o,t,v,s));Fo(t)&&mt(N,t);let R=he(N);r.sandboxCollectionData.set(e,R,h);let I=t.getPrimaryId(),x=(0,g.useMemo)(()=>{let v=new Map(n);return v.set(I,h),v},[h,n,I]),L=(0,g.useMemo)(()=>R.map((v,y)=>{let V=new Map(i),H=Pe(o,h,v,y);return V.set(I,H),V}),[o,h,i,I,R]),P=At({context:r,renderId:e,node:t,repeatedChild:C,items:R,combinedValueMapPerItem:L,childCombinedControlMap:x,combinedControlMap:n,combinedValueMap:i,placeholderVariableIds:a,activeLocale:s});return(0,p.jsx)(Ne,{node:t,nodeProps:d,children:P})}function vr({context:r,renderId:e,tree:o,node:t,combinedControlMap:n,combinedValueMap:i,placeholderVariableIds:a,activeLocale:s,nodeProps:d}){u(i,"Combined value map must exist");let[c,l]=r.modulesRuntime.useComponentLoader(),f=t.getVariableControlMap(o,c,l);u(f,"Control map must exist");let h=t.dataRepeaterArray,C=h.providerId;u(C,"Variable must have providerId");let N=i.get(C);u(N,"Provider value map must exist");let R=N.get(h.id);u(qe(R)&&R.every(Qe),"Invalid array value");let I=t.getPrimaryId(),x=Ie(o,t),L=(0,g.useMemo)(()=>{let y=new Map(n);return y.set(I,f),y},[f,n,I]),P=(0,g.useMemo)(()=>R.map((y,V)=>{let H=new Map(i),$t=Pe(o,f,y,V);return H.set(I,$t),H}),[o,f,i,I,R]),v=At({context:r,renderId:e,node:t,repeatedChild:x,items:R,combinedValueMapPerItem:P,childCombinedControlMap:L,combinedControlMap:n,combinedValueMap:i,placeholderVariableIds:a,activeLocale:s});return(0,p.jsx)(Ne,{node:t,nodeProps:d,children:v})}function At({context:r,renderId:e,node:o,repeatedChild:t,items:n,combinedValueMapPerItem:i,childCombinedControlMap:a,combinedControlMap:s,combinedValueMap:d,placeholderVariableIds:c,activeLocale:l}){let f=Me();return Ht(o,f).map(C=>C.id===t?.id?n.map((N,R)=>{let I=N.id,x=O(I)?I:R,L=i[R],P=Uo(e,o.id,x,R);return(0,p.jsx)(z,{context:r,parentRenderId:P,node:C,parent:o,combinedControlMap:a,combinedValueMap:L,placeholderVariableIds:c,activeLocale:l,nodePropOverrides:void 0},x)}):(0,p.jsx)(zt,{context:r,parentRenderId:e,node:C,parent:o,combinedControlMap:s,combinedValueMap:d,placeholderVariableIds:c,activeLocale:l,moveState:f},C.id))}function oe(r,e){return o=>{let t=je(o);if(!ot(t))return tt(e,t.controlProp);let n=Ze(t,s=>e.cache.getVariableReferenceValue(s)),i=lo({url:n,credentials:t.credentials}),a=r.getValue(i);if(a)return rt(e,t,a);throw r.fetchWithCache({url:n,cacheDuration:t.cacheDuration,credentials:t.credentials})}}var te=b(E());var qt=b(S());function Qt({tree:r,children:e}){let o=gt();(0,te.useLayoutEffect)(()=>{let n=o?"dark":"light";document.body.setAttribute("data-framer-theme",n)},[o]);let t=(0,te.useMemo)(()=>Ro(r,o),[r,o]);return(0,qt.jsx)(uo,{customProperties:t,children:e})}var re=class{constructor(){m(this,"loaders",new Map)}preloadFonts(...e){for(let o of e){if(this.loaders.has(o))continue;let t=new j(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);u(t,"Font not preloaded"),t.use()}}};var ne=class{constructor(){m(this,"promises",new Set)}trackSuspense(){let e=new A;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 jt=b(E());var Le=class{constructor(e,o){this.modulesRuntime=e;this.identifier=o;m(this,"loaderPromise",new A);m(this,"loader",new j(()=>this.loaderPromise))}async evaluate(e){let o=await Rt(e),t=[],n=this.modulesRuntime.getLocales();await bt(this.modulesRuntime.queryEngine,n,this.identifier,o,t,void 0,0),await this.modulesRuntime.updateComponentLoader(t),this.loaderPromise.resolve(),this.modulesRuntime.notifyReactComponents()}},ie=class{constructor(e){this.sandbox=e;m(this,"componentLoaderHash",0);m(this,"reactComponentListeners",new Set);m(this,"localModules",new Map);m(this,"loadedModules",new Map);m(this,"queryEngine",new mo);m(this,"reactExternalStore",{subscribe:e=>(this.reactComponentListeners.add(e),()=>{this.reactComponentListeners.delete(e)}),getSnapshot:()=>this.componentLoaderHash})}getLocales(){return this.sandbox.getLocales()}useComponentLoader(){let e=(0,jt.useSyncExternalStore)(this.reactExternalStore.subscribe,this.reactExternalStore.getSnapshot);return[ce,String(e)]}async updateComponentLoader(e){ce.updateModuleEntities(e),await this.sandbox.remoteComponentsStore.updateComponentLoader(Mt(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`${Se().modulesCDN}/${e.moduleId}/${e.saveId}/${e.file}`}getModuleURL(e){return Te(e)?this.getExternalModuleURL(e):this.getLocalModuleURL(e)}async loadModule(e){return this.preloadModule(e),this.getPreloadedModule(e).loader.readMaybeAsync()}preloadModule(e){let o=Gt(e);if(this.loadedModules.get(o.value))return;let n=new Le(this,o);this.loadedModules.set(o.value,n);let i=this.getModuleURL(o);i&&n.evaluate(i).catch(W)}getPreloadedModule(e){let o=Gt(e),t=this.loadedModules.get(o.value);return u(t,"Module not preloaded"),t}usePreloadedModules(...e){let o=[];for(let t of e){let i=this.getPreloadedModule(t).loader.preload();i&&o.push(i)}if(o.length>0)throw Promise.all(o)}updateDependenciesModule(e){let o=JSON.parse(e.importMapContent);xe(o,"framer-user-importmap")}updateLocalModules(e){let o=new Map,t=new Set;for(let[,n]of e){u(n.kind!=="fast-refresh","Fast-refresh is not supported");let i=n.localId;o.set(i,n),this.localModules.get(i)?.moduleURL!==n.moduleURL&&t.add(i)}this.localModules=o,this.updateLocalModulesImportMap();for(let n of t){let i=Ve(n),a=this.loadedModules.get(i.value);if(a){let s=this.getLocalModuleURL(i);s&&a.evaluate(s).catch(W)}}}updateLocalModulesImportMap(){let e={imports:{},scopes:{}};for(let[o,t]of this.localModules){let n=t.files.module;if(!n)continue;let i=Oe(o,n);e.imports[i]=t.moduleURL}xe(e,"framer-local-modules")}insertTemporaryImportMap(e){let o=crypto.randomUUID();xe(e,o)}};function Gt(r){let e=Fe(r);return u(e,"Invalid module identifier"),Ee(e)}function xe(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 M=b(S()),ae=class{constructor(e){this.container=e;m(this,"reactRoot");m(this,"needsRender",!1);m(this,"assetMap",new ke);m(this,"fontLoader",new re);m(this,"modulesRuntime",new ie(this));m(this,"fetchClient",new co);m(this,"loadingStateTracker",new ne);m(this,"sandboxCollectionData",new Zo("sandbox"));m(this,"sandboxVisibility",new Ko("sandbox"));m(this,"optimizedCanvasImageRenderer",new Nt);m(this,"partialTreeReceiver",new Pt);m(this,"controlsVisibility",new Go(this.partialTreeReceiver));m(this,"presetsListNode");m(this,"activeLocaleId");m(this,"webPageNodeId");m(this,"webPageNode");m(this,"collectionItemNodeId");m(this,"collectionItemNode");m(this,"breakpointNodeId");m(this,"breakpointNode");m(this,"nodeInTextEditorId");m(this,"nodeInTextEditorClipPath",null);m(this,"temporaryCollectionItemNodeId");m(this,"remoteComponentsStore");m(this,"remoteSandboxStore");m(this,"remoteTreeStore");m(this,"moveToolState");m(this,"layoutMeasureQueue",new xt({shouldMeasureCallback:()=>{let e=this.measureLayout();e&&this.remoteTreeStore.onLayoutMeasure(e)},shouldMeasureCallbackDelayMs:0}));this.reactRoot=(0,Zt.createRoot)(this.container);let o=new et(F);o.setLocal(F.channels.sandbox,this),o.setLocal(F.channels.controlsVisibility,this.controlsVisibility),o.setLocal(F.channels.modulesRuntime,this.modulesRuntime),o.setLocal(F.channels.flags,this),this.remoteComponentsStore=o.getRemote(F.channels.componentsStore),this.remoteSandboxStore=o.getRemote(F.channels.sandboxStore),this.remoteTreeStore=o.getRemote(F.channels.treeStore),this.connectRpc(o).catch(W)}get tree(){return this.partialTreeReceiver.tree}getLocales(){return ve(this.tree,"includeDrafts")}async connectRpc(e){await e.connect({target:window.parent,url:ko(document.referrer).origin}),new ResizeObserver(t=>{u(t.length===1,"Invalid length");let n=t[0];u(n,"Invalid entry"),u(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 Re(this.breakpointNode))this.layoutMeasureQueue.remeasureNode(o);this.layoutMeasureQueue.remeasureNode(this.breakpointNode)}}update(e){let o=e.partialTreeUpdate;o&&(this.partialTreeReceiver.update(o),this.preloadTree());let t=e.webPageNodeId;t&&(this.webPageNodeId=t);let n=e.collectionItemNodeId;n&&(this.collectionItemNodeId=n);let i=e.breakpointNodeId;i&&(this.breakpointNodeId=i);let a=e.stylePresetBreakpointClassNames;O(a)&&(this.container.className=a);let s=e.dependenciesModule;s&&this.modulesRuntime.updateDependenciesModule(s);let d=e.localModules;d&&this.modulesRuntime.updateLocalModules(d);let c=e.assets;c&&(this.assetMap.set(c),w.importCustomFonts(this.assetMap.items(),pe.isOn("customFontGrouping"))),this.nodeInTextEditorId!==e.nodeInTextEditorId&&e.nodeInTextEditorId!==void 0&&(this.nodeInTextEditorId=e.nodeInTextEditorId,this.needsRender=!0),e.nodeInTextEditorClipPath!==void 0&&this.nodeInTextEditorClipPath!==e.nodeInTextEditorClipPath&&(this.nodeInTextEditorClipPath=e.nodeInTextEditorClipPath,this.needsRender=!0),this.temporaryCollectionItemNodeId!==e.temporaryCollectionItemNodeId&&e.temporaryCollectionItemNodeId!==void 0&&(this.temporaryCollectionItemNodeId=e.temporaryCollectionItemNodeId,this.needsRender=!0),e.moveToolState!==void 0&&(this.moveToolState=e.moveToolState,this.needsRender=!0),e.activeLocaleId!==void 0&&(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(G(e)&&this.modulesRuntime.preloadModule(e.codeComponentIdentifier),U(e)&&e.layoutTemplateIdentifier&&this.modulesRuntime.preloadModule(e.layoutTemplateIdentifier),q(e)&&this.modulesRuntime.preloadModule(e.dataIdentifier),yt(e)){let o=e.getFontsForLoading();this.fontLoader.preloadFonts(...o)}}}preloadTree(){let e=this.tree.getContentManagementNode()?.loaded;if(e)for(let t of e.children){let n=B(this.tree,t.instanceIdentifier);for(let i of n)this.modulesRuntime.preloadModule(i)}let o=this.tree.getPresetsListNode();if(o){for(let t of o.children)if(Eo(t)){let n=t.getFontsForCodeGeneration();this.fontLoader.preloadFonts(...n)}}}updateWebPageNode(){let e=this.tree.getNodeWithTrait(this.webPageNodeId,U)?.loaded;this.webPageNode!==e&&(this.needsRender=!0,this.webPageNode=e,this.preloadWebPage())}updateCollectionItemNode(){let e=this.tree.getNodeWithTrait(this.collectionItemNodeId,eo)??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=this.tree.getPresetsListNode()??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(),collectionUpdates:this.sandboxCollectionData.export(),visibilityUpdates:this.sandboxVisibility.export()})}render(){this.needsRender&&((0,T.startTransition)(()=>{this.reactRoot.render((0,M.jsx)(T.StrictMode,{children:(0,M.jsxs)(Ir,{webPageNodeId:this.webPageNodeId,onRendered:this.onRendered.bind(this),children:[(0,M.jsx)(Qt,{tree:this.tree,children:(0,M.jsx)(so,{children:(0,M.jsx)(He,{isStatic:!0,children:(0,M.jsx)(gr,{tree:this.tree,activeLocaleId:this.activeLocaleId,children:(0,M.jsx)(po,{client:this.fetchClient,children:(0,M.jsx)(ze,{parentSize:1,children:(0,M.jsx)(St,{nodeInTextEditorId:this.nodeInTextEditorId,clipPath:this.nodeInTextEditorClipPath,children:(0,M.jsx)(Ot,{update:this.moveToolState,children:(0,M.jsx)(Wt,{context:this,webPageNode:this.webPageNode,collectionItemNode:this.collectionItemNode,breakpointNode:this.breakpointNode,temporaryCollectionItemNodeId:this.temporaryCollectionItemNodeId})})})})})})})})}),(0,M.jsx)(Yo,{presetsListNode:this.presetsListNode})]})}))}),this.needsRender=!1)}updateExperiments(e){pe.update(e)}updateProjectFeatures(e){jo.update(e)}updateEmployeesOnlySettings(e){Ao.update(e)}};function Ir({children:r,webPageNodeId:e,onRendered:o}){return(0,T.useEffect)(()=>{o(e)}),(0,M.jsx)(M.Fragment,{children:r})}function gr({tree:r,activeLocaleId:e,children:o}){let t=ve(r,"excludeDrafts"),n=Lo(r,e,"excludeDrafts"),i=(0,T.useMemo)(()=>({activeLocale:n,locales:t,setLocale:Qo}),[n,t]),a=r.root.adaptLayoutToTextDirection,s=i.activeLocale?.textDirection??"ltr",d=a?s:"ltr";return(0,T.useLayoutEffect)(()=>{a?document.documentElement.setAttribute("dir",s):document.documentElement.removeAttribute("dir")},[a,s]),(0,M.jsx)(Z.Provider,{value:i,children:(0,M.jsx)(ao.Provider,{value:d,children:o})})}Object.assign(window,{Framer:yo});we({name:"canvas",security:{}});var Kt=document.querySelector("main");u(Kt,"Container element not found");var de=new ae(Kt),Pr=$o(de.assetMap);w.importFramerFonts(xo);Ge({isOnPageCanvas:!0,assetResolver:Pr,queueMeasureRequest(...r){de.layoutMeasureQueue.add(...r)},enableFontStore:!0,fetchGoogleFontsList:Xo,fetchFontshareFontsList:Jo,fetchBuiltInFontsList:_o,imagePlaceholderSvg:'',useImageSource(r){if(!r.src)return"";let e=We(r.src);return e?se(e.identifier):se(r.src)},canRenderOptimizedCanvasImage:de.optimizedCanvasImageRenderer.canRenderCanvasImage,renderOptimizedCanvasImage:de.optimizedCanvasImageRenderer.renderCanvasImage}); //# sourceMappingURL=https://app.framerstatic.com/canvas-sandbox-on-page.NTRJGLUU.mjs.map