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