https://www.builder.io/assets/c.blueprints._blueprint-8L_pxKLX.js

1import{r as p,j as t,a as e,w,u as S,b as k,F as d}from"./components-B1hUkot5.js";import{D as y}from"./dark-mode-styles-B_7AB5ZR.js";import{T as v}from"./text-link-qFoOCisf.js";import{m}from"./breakpoints-CDm6nq-b.js";import{t as z}from"./theme-BOLGN68F.js";import{S as B}from"./site-nav-BAlskVRS.js";import{SiteFooter as L}from"./site-footer-BXmm4ubk.js";import{r as f,R}from"./render-link-DxxMUUGr.js";import{t as F}from"./throttle-Bg0sPY_y.js";import{t as C}from"./track-experiments-pDDxvyi5.js";import{G as h,C as u}from"./builder-k01mS64G.js";import{b as g}from"./builder-api-key-C5AFWHeF.js";import{C as b}from"./builder-components-BBzZx2FS.js";import{i as G}from"./is-browser-Cc-On3RY.js";import{b as N}from"./build-seo-head-NuHg0cWd.js";import"./_mui-stubs-DCsAHPOs.js";import"./init-referrer-cookie-D_NPDmuo.js";import"./index-CYBGsPeg.js";import"./lib-Cy8yQirQ.js";import"./errorBoundaries-COo4jcDz.js";import"./button-Cn22ZYBk.js";import"./IconArrowUpRight-CxTrvIot.js";import"./createReactComponent-zHLSXVVo.js";import"./builder-brand-token-styles-A69Pi-kk.js";import"./builder-image-CAzLzliM.js";import"./brand-logo-svg-DcznpWq3.js";import"./IconCheck-4AwM8nq6.js";import"./IconX-D31ci0wh.js";import"./copy-to-clipboard-D8SewVzt.js";import"./IconCopy-BJ5j0n4L.js";import"./proxy-D3lfW-2b.js";import"./IconVectorBezier-Co-E4hBm.js";import"./input-DywawW5X.js";import"./IconRss-CfPJJc1h.js";import"./IconChevronRight-BEzRE4Km.js";import"./urls-DUhiVhis.js";import"./preload-helper-BXl3LOEh.js";import"./builder-react.es5-CVERqqYy.js";import"./seo-tags-CgmcoHBd.js";const T={"& h1":{fontSize:"2em"},"& h2":{fontSize:"1.5em"},"& h3":{fontSize:"1.17em"},"& h4":{fontSize:"1em"},"& h5":{fontSize:"0.83em"},"& h6":{fontSize:"0.67em"}};function D(){const[r,i]=p.useState(!1);p.useEffect(()=>{function s(){window.pageYOffset>900&&(i(!0),removeEventListener("scroll",n))}const n=F(s,500,{leading:!1,trailing:!0});return addEventListener("scroll",n),()=>removeEventListener("scroll",n)},[]);const o="cubic-bezier(.37,.01,0,.98)";return t("div",{className:"card",css:{opacity:r?1:0,pointerEvents:r?"auto":"none",transform:r?"translateY(0)":"translateY(15px)",transition:`0.5s opacity ${o}, 0.5s transform ${o}`,border:"1px solid rgba(0,0,0,0.1)",borderRadius:8,padding:16},children:[e("p",{css:{fontSize:16,marginBottom:8},children:"What can we improve?"}),e("p",{css:{fontSize:14,marginBottom:8},children:"Your feedback helps us improve our documentation."}),e(v,{css:{padding:"8px 12px",marginTop:8,background:"#000000",color:"#ffffff",borderRadius:"8px",borderStyle:"none",fontSize:16,width:"100%",display:"inline-block"},onClick:()=>{window.open(`https://docs.google.com/forms/d/e/1FAIpQLScy3gtZkwGoK2HDUlzQ7v3aOJmgR6wDZPdq_TOO6tGjmBtrJQ/viewform?usp=pp_url&entry.416107041=${window.location.href}`,"_blank")},children:"Give feedback"})]})}const we=({loaderData:r})=>{if(!r)return[];const{blueprint:i}=r,o=`${i?.data?.name||""} | Builder.io Blueprints`;return N(i,{title:o,noIndex:!i||i.data?.addNoIndex}).meta},Se=w(function(){const{blueprint:i,blueprints:o,isEditing:s,blueprintsHero:n}=S(),l=h(),x=k().pathname,c=1300;return G&&!h()&&C(i,x),t(d,{children:[e(B,{}),t("div",{className:"dark-mode-content",css:{display:"flex",flexDirection:"column",letterSpacing:.2,position:"relative",margin:"auto",maxWidth:c},children:[e("aside",{className:"docs-sidebar",css:{width:280,flexShrink:0,alignSelf:"flex-start",textAlign:"center","@media (max-width: 1800px)":{display:"none"},position:"fixed",zIndex:10,top:350,left:`calc(50% + ${c/2}px)`},children:e(D,{})}),!i&&!s?e(d,{children:e("div",{css:{textAlign:"center",marginBottom:50},children:t("div",{children:["Blueprint not found."," ",e(v,{href:"/c/blueprints",children:"Back to blueprints"})]})})}):e(d,{children:t("div",{id:"main-content",className:"page-wrapper",css:{position:"relative",width:"100%",margin:"0 auto",padding:20,maxWidth:1240,".builder-text":{lineHeight:"1.7em",...T},[m]:{paddingTop:0}},children:[e(y,{}),t("div",{css:{display:"flex",[m]:{flexDirection:"column-reverse"}},children:[t("div",{css:{width:280,flexShrink:0,marginRight:50,marginTop:30,position:"sticky",alignSelf:"flex-start",top:50},children:[(n||l)&&e(u,{apiKey:g,customComponents:b,linkComponent:f,model:"blueprints-hero",content:n}),o.map(a=>

1e(R,{css:{cursor:"pointer",display:"block",marginBottom:10,padding:10,borderRadius:4,border:"1px solid #eee",...i?.id===a.id&&{borderColor:z.colors.primary}},href:`/c/blueprints/${a.data.handle}`,children:t("div",{css:{display:"flex",alignItems:"center"},children:[e("img",{css:{objectFit:"contain",objectPosition:"center",width:60,height:60,marginRight:10},src:a.data.image}),e("div",{css:{fontSize:14},children:a.data.name})]})},a.id)),t("a",{href:"https://forms.gle/NUKKGqXVbQJwvBvw6",target:"_blank",rel:"noopener noreferrer",css:{display:"block",marginTop:35,paddingLeft:20,fontSize:13},children:[e("img",{src:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd15e33fac59a420aa36a89496182ef27",width:"20",height:"20",css:{opacity:.7,marginRight:7,verticalAlign:"middle",filter:"none !important"}}),"Request a blueprint"]}),t("a",{href:"https://www.builder.io/c/docs/developers",target:"_blank",css:{display:"block",marginTop:20,paddingLeft:20,fontSize:13},children:[e("img",{src:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fe4ac966ec7bb43d8b6e7200a31e2bf76",width:"20",height:"20",css:{opacity:.7,marginRight:7,verticalAlign:"middle",filter:"none !important"}}),"Go to developer docs"]})]}),e("div",{css:{flexGrow:1,overflow:"hidden"},children:e("div",{className:"blueprint-container",css:{width:"100%"},children:e(u,{apiKey:g,customComponents:b,linkComponent:f,model:"blueprint",content:i})})})]})]})})]}),e(L,{})]})});export{Se as default,we as meta};