@builder.io/sdk-vue 0.0.2-0 → 0.0.2-1

package/packages/_vue2/dist/index.e881a81c.cjs

@@ -0,0 +1,4 @@
+"use strict";function ce(t){if(t&&t.__esModule)return t;const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const b="reactNative";function p(){return typeof window<"u"&&typeof document<"u"}const T={};function U(t,e){let n=T[t];if(n||(n=T[t]=[]),n.push(e),p()){const o={type:"builder.register",data:{type:t,info:e}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(r){console.debug("Could not postmessage",r)}}}const le=()=>{U("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"}]})},de=()=>{var t;p()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:b,supportsPatchUpdates:!1}},"*"),window.addEventListener("message",({data:e})=>{var n,o;if(e)switch(e.type){case"builder.evaluate":{const r=e.data.text,s=e.data.arguments||[],a=e.data.id,c=new Function(r);let i,l=null;try{i=c.apply(null,s)}catch(d){l=d}l?(n=window.parent)==null||n.postMessage({type:"builder.evaluateError",data:{id:a,error:l.message}},"*"):i&&typeof i.then=="function"?i.then(d=>{var h;(h=window.parent)==null||h.postMessage({type:"builder.evaluateResult",data:{id:a,result:d}},"*")}).catch(console.error):(o=window.parent)==null||o.postMessage({type:"builder.evaluateResult",data:{result:i,id:a}},"*");break}}}))};function x(t){return t}function ue(t){return t}const pe=()=>Promise.resolve().then(()=>ae).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",t),t}),me={name:"builder-columns",components:{"render-blocks":pe},props:["space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderBlock"],data:()=>({markMutable:x}),computed:{columnsCssVars(){const t=this.stackColumnsAt==="never"?"inherit":this.reverseColumnsWhenStacked?"column-reverse":"column";return{"--flex-dir":t,"--flex-dir-tablet":this.maybeApplyForTablet(t)}},columnCssVars(){const t="100%",e="0";return{"--column-width":t,"--column-margin-left":e,"--column-width-tablet":this.maybeApplyForTablet(t),"--column-margin-left-tablet":this.maybeApplyForTablet(e)}}},methods:{getGutterSize(){return typeof this.space=="number"?this.space||0:20},getColumns(){return this.columns||[]},getWidth(t){var n;const e=this.getColumns();return((n=e[t])==null?void 0:n.width)||100/e.length},getColumnCssWidth(t){const e=this.getColumns(),o=this.getGutterSize()*(e.length-1)/e.length;return`calc(${this.getWidth(t)}% - ${o}px)`},maybeApplyForTablet(t){return(this.stackColumnsAt||"tablet")==="tablet"?t:"inherit"}}};function u(t,e,n,o,r,s,a,c){var i=typeof t=="function"?t.options:t;e&&(i.render=e,i.staticRenderFns=n,i._compiled=!0),o&&(i.functional=!0),s&&(i._scopeId="data-v-"+s);var l;if(a?(l=function(m){m=m||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!m&&typeof __VUE_SSR_CONTEXT__<"u"&&(m=__VUE_SSR_CONTEXT__),r&&r.call(this,m),m&&m._registeredComponents&&m._registeredComponents.add(a)},i._ssrRegister=l):r&&(l=c?function(){r.call(this,(i.functional?this.parent:this).$root.$options.shadowRoot)}:r),l)if(i.functional){i._injectStyles=l;var d=i.render;i.render=function(ie,I){return l.call(I),d(ie,I)}}else{var h=i.beforeCreate;i.beforeCreate=h?[].concat(h,l):[l]}return{exports:t,options:i}}var he=function(){var e=this,n=e._self._c;return n("div",{staticClass:"builder-columns div-2fnk003dqad",style:e.columnsCssVars},e._l(e.columns,function(o,r){return n("div",{key:r,staticClass:"builder-column div-2fnk003dqad-2",style:{width:e.getColumnCssWidth(r),marginLeft:`${r===0?0:e.getGutterSize()}px`,...e.columnCssVars}},[n("render-blocks",{attrs:{blocks:e.markMutable(o.blocks),path:`component.options.columns.${r}.blocks`,parent:e.builderBlock.id}})],1)}),0)},fe=[],ge=u(me,he,fe,!1,null,"d3bc5674",null,null);const P=ge.exports;function R(t){return t.replace(/http(s)?:/,"")}function be(t="",e,n){const o=new RegExp("([?&])"+e+"=.*?(&|$)","i"),r=t.indexOf("?")!==-1?"&":"?";return t.match(o)?t.replace(o,"$1"+e+"="+encodeURIComponent(n)+"$2"):t+r+e+"="+encodeURIComponent(n)}function ve(t,e){if(!t||!(t!=null&&t.match(/cdn\.shopify\.com/))||!e)return t;if(e==="master")return R(t);const n=t.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const o=t.split(n[0]),r=n[3],s=e.match("x")?e:`${e}x`;return R(`${o[0]}_${s}${r}`)}return null}function v(t){if(!t)return t;const e=[100,200,400,800,1200,1600,2e3];if(t.match(/builder\.io/)){let n=t;const o=Number(t.split("?width=")[1]);return isNaN(o)||(n=`${n} ${o}w`),e.filter(r=>r!==o).map(r=>`${be(t,"width",r)} ${r}w`).concat([n]).join(", ")}return t.match(/cdn\.shopify\.com/)?e.map(n=>[ve(t,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([t]).join(", "):t}const _e={name:"builder-image",props:["image","src","srcset","noWebp","altText","backgroundSize","className","sizes","aspectRatio","fitContent","builderBlock"],computed:{srcSetToUse(){var n;const e=this.image||this.src;if(!e||!(e.match(/builder\.io/)||e.match(/cdn\.shopify\.com/)))return this.srcset;if(this.srcset&&((n=this.image)==null?void 0:n.includes("builder.io/api/v1/image"))){if(!this.srcset.includes(this.image.split("?")[0]))return console.debug("Removed given srcset"),v(e)}else if(this.image&&!this.srcset)return v(e);return v(e)},webpSrcSet(){var t;return((t=this.srcSetToUse)==null?void 0:t.match(/builder\.io/))&&!this.noWebp?this.srcSetToUse.replace(/\?/g,"?format=webp&"):""}},methods:{_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var ye=function(){var o,r,s,a;var e=this,n=e._self._c;return n("div",{staticClass:"div-1pl23ac79ld"},[n("picture",[e.webpSrcSet?[n("source",{attrs:{type:"image/webp",srcset:e.webpSrcSet}})]:e._e(),n("img",{class:e._classStringToObject("builder-image"+(e.className?" "+e.className:"")+" img-1pl23ac79ld"),style:{objectPosition:e.backgroundSize||"center",objectFit:e.backgroundSize||"cover"},attrs:{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,src:e.image,srcset:e.srcSetToUse,sizes:e.sizes}}),n("source",{attrs:{srcset:e.srcSetToUse}})],2),e.aspectRatio&&!(e.fitContent&&((r=(o=e.builderBlock)==null?void 0:o.children)==null?void 0:r.length))?[n("div",{staticClass:"builder-image-sizer div-1pl23ac79ld-2",style:{paddingTop:e.aspectRatio*100+"%"}})]:e._e(),((a=(s=e.builderBlock)==null?void 0:s.children)==null?void 0:a.length)&&e.fitContent?[e._t("default")]:e._e(),e.fitContent?e._e():[n("div",{staticClass:"div-1pl23ac79ld-3"},[e._t("default")],2)]],2)},xe=[],Ce=u(_e,ye,xe,!1,null,"6a74cb4f",null,null);const O=Ce.exports,ke={name:"builder-text",props:["text"]};var we=function(){var e=this,n=e._self._c;return n("span",{staticClass:"builder-text",domProps:{innerHTML:e._s(e.text)}})},Se=[],Ie=u(ke,we,Se,!1,null,null,null,null);const A=Ie.exports,Te={name:"builder-video",props:["autoPlay","muted","controls","loop","playsInline","attributes","fit","position","video","posterImage"],computed:{videoProps(){return{...this.autoPlay===!0?{autoPlay:!0}:{},...this.muted===!0?{muted:!0}:{},...this.controls===!0?{controls:!0}:{},...this.loop===!0?{loop:!0}:{},...this.playsInline===!0?{playsInline:!0}:{}}}}};var Re=function(){var o;var e=this,n=e._self._c;return n("video",e._b({style:{width:"100%",height:"100%",...(o=e.attributes)==null?void 0:o.style,objectFit:e.fit,objectPosition:e.position,borderRadius:1},attrs:{src:e.video||"no-src",poster:e.posterImage}},"video",e.videoProps,!1))},$e=[],Ee=u(Te,Re,$e,!1,null,null,null,null);const V=Ee.exports;function _(t,e=null,n="."){return Object.keys(t).reduce((o,r)=>{const s=t[r],a=[e,r].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...o,..._(s,a,n)}:{...o,[a]:s}},{})}const $="builder.",W=t=>{const e={};return t.forEach((n,o)=>{e[o]=n}),e},B=t=>{if(!t)return{};const e=C(t),n={};return Object.keys(e).forEach(o=>{if(o.startsWith($)){const r=o.replace($,"");n[r]=e[o]}}),n},M=()=>{if(!p())return{};const t=new URLSearchParams(window.location.search);return B(t)},C=t=>t instanceof URLSearchParams?W(t):t;function Fe(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:null}async function L(){const t=Fe().fetch;if(typeof t>"u"&&typeof global<"u"){const e=Promise.resolve().then(()=>ce(require("node-fetch"))).then(n=>n.default);return e.default||e}return t.default||t}const je=t=>{const e=t.split(".");return e.length>2?e.slice(1).join("."):t},N=async({name:t,canTrack:e})=>{var n;try{return e?(n=document.cookie.split("; ").find(o=>o.startsWith(`${t}=`)))==null?void 0:n.split("=")[1]:void 0}catch(o){console.debug("[COOKIE] GET error: ",o)}},Ue=t=>t.map(([e,n])=>n?`${e}=${n}`:e).join("; "),Pe=[["secure",""],["SameSite","None"]],Oe=({name:t,value:e,expires:n})=>{const r=(p()?location.protocol==="https:":!0)?Pe:[[]],s=n?[["expires",n.toUTCString()]]:[[]],a=[[t,e],...s,["path","/"],["domain",je(window.location.hostname)],...r];return Ue(a)},z=async({name:t,value:e,expires:n,canTrack:o})=>{try{if(!o)return;const r=Oe({name:t,value:e,expires:n});document.cookie=r}catch(r){console.warn("[COOKIE] SET error: ",r)}},Ae="builderio.variations",q=t=>`${Ae}.${t}`,Ve=({contentId:t,canTrack:e})=>N({name:q(t),canTrack:e}),We=({contentId:t,canTrack:e,value:n})=>z({name:q(t),value:n,canTrack:e}),g=t=>t!=null,Be=t=>g(t.id)&&g(t.variations)&&Object.keys(t.variations).length>0,Me=({id:t,variations:e})=>{var r;let n=0;const o=Math.random();for(const s in e)if(n+=(r=e[s])==null?void 0:r.testRatio,o<n)return s;return t},E=({item:t,testGroupId:e})=>{const n=t.variations[e];return e===t.id||!n?{testVariationId:t.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===t.id?"Default":"")}},Le=async({item:t,canTrack:e})=>{const n=await Ve({canTrack:e,contentId:t.id}),o=n?E({item:t,testGroupId:n}):void 0;if(o)return o;{const r=Me({variations:t.variations,id:t.id});return We({contentId:t.id,value:r,canTrack:e}).catch(s=>{console.error("could not store A/B test variation: ",s)}),E({item:t,testGroupId:r})}},Ne=async({item:t,canTrack:e})=>{if(!Be(t))return;const n=await Le({item:t,canTrack:e});Object.assign(t,n)};async function k(t){return(await D({...t,limit:1})).results[0]||null}const H=t=>{const{limit:e=30,userAttributes:n,query:o,noTraverse:r=!1,model:s,apiKey:a}=t,c=new URL(`https://cdn.builder.io/api/v2/content/${s}?apiKey=${a}&limit=${e}&noTraverse=${r}`),i={...M(),...C(t.options||{})},l=_(i);for(const d in l)c.searchParams.set(d,String(l[d]));if(n&&c.searchParams.set("userAttributes",JSON.stringify(n)),o){const d=_({query:o});for(const h in d)c.searchParams.set(h,JSON.stringify(d[h]))}return c};async function D(t){const e=H(t),o=await(await L())(e.href).then(s=>s.json()),r=t.canTrack!==!1;if(r)for(const s of o.results)await Ne({item:s,canTrack:r});return o}const ze=()=>Promise.resolve().then(()=>on).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",t),t}),qe={name:"builder-symbol",components:{"render-content":ze},props:["symbol","attributes"],data:()=>({className:"builder-symbol",content:null,markMutable:x}),inject:{builderContext:"BuilderContext"},mounted(){var t;this.content=(t=this.symbol)==null?void 0:t.content},watch:{onUpdateHook0(){const t=this.symbol;t&&!t.content&&!this.content&&t.model&&k({model:t.model,apiKey:this.builderContext.apiKey,query:{id:t.entry}}).then(e=>{this.content=e})}},computed:{onUpdateHook0(){return{0:this.symbol,1:this.content}}},methods:{_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var He=function(){var o,r,s,a,c;var e=this,n=e._self._c;return n("div",e._b({class:e._classStringToObject(e.className),attrs:{dataSet:{class:e.className}}},"div",e.attributes,!1),[n("render-content",{attrs:{apiKey:e.builderContext.apiKey,context:e.builderContext.context,customComponents:e.markMutable(Object.values(e.builderContext.registeredComponents)),data:e.markMutable({...(o=e.symbol)==null?void 0:o.data,...e.builderContext.state,...(a=(s=(r=e.symbol)==null?void 0:r.content)==null?void 0:s.data)==null?void 0:a.state}),model:(c=e.symbol)==null?void 0:c.model,content:e.markMutable(e.content)}})],1)},De=[],Ke=u(qe,He,De,!1,null,null,null,null);const K=Ke.exports,Ge={name:"builder-button",props:["attributes","text","link","openLinkInNewTab"]};var Je=function(){var e=this,n=e._self._c;return e.link?n("a",e._b({attrs:{role:"button",href:e.link,target:e.openLinkInNewTab?"_blank":void 0}},"a",e.attributes,!1),[e._v(" "+e._s(e.text)+" ")]):n("button",e._b({staticClass:"button-16nol0lwi20"},"button",e.attributes,!1),[e._v(" "+e._s(e.text)+" ")])},Xe=[],Ye=u(Ge,Je,Xe,!1,null,"844ae72b",null,null);const G=Ye.exports,Qe={name:"builder-section-component",props:["attributes","maxWidth"]};var Ze=function(){var e=this,n=e._self._c;return n("section",e._b({style:e.maxWidth&&typeof e.maxWidth=="number"?{maxWidth:e.maxWidth}:void 0},"section",e.attributes,!1),[e._t("default")],2)},et=[],tt=u(Qe,Ze,et,!1,null,null,null,null);const J=tt.exports,nt={name:"builder-fragment-component",props:[]};var ot=function(){var e=this,n=e._self._c;return n("span",[e._t("default")],2)},rt=[],st=u(nt,ot,rt,!1,null,null,null,null);const X=st.exports,at={name:"Core:Button",builtIn:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0};function w(t){return t.__qwik_serializable__=!0,t}const it={name:"Columns",builtIn:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:w(t=>{function e(){n.forEach(o=>{o.delete("width")})}const n=t.get("columns");Array.isArray(n)&&!!n.find(r=>r.get("width"))&&(!!n.find(s=>!s.get("width"))||n.reduce((c,i)=>c+i.get("width"),0)!==100)&&e()})},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}]},ct={name:"Fragment",static:!0,hidden:!0,builtIn:!0,canHaveChildren:!0,noWrap:!0},lt={name:"Image",static:!0,builtIn:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",onChange:w(t=>{t.delete("srcset"),t.delete("noWebp");function n(a,c=6e4){return new Promise((i,l)=>{const d=document.createElement("img");let h=!1;d.onload=()=>{h=!0,i(d)},d.addEventListener("error",m=>{console.warn("Image load failed",m.error),l(m.error)}),d.src=a,setTimeout(()=>{h||l(new Error("Image load timed out"))},c)})}function o(a){return Math.round(a*1e3)/1e3}const r=t.get("image"),s=t.get("aspectRatio");if(fetch(r).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&t.set("noWebp",!0)}),r&&(!s||s===.7041))return n(r).then(a=>{const c=t.get("aspectRatio");t.get("image")===r&&(!c||c===.7041)&&a.width&&a.height&&(t.set("aspectRatio",o(a.height/a.width)),t.set("height",a.height),t.set("width",a.width))})})},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}]},dt={name:"Core:Section",static:!0,builtIn:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},ut={name:"Symbol",noWrap:!0,static:!0,builtIn:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}]},pt={name:"Text",static:!0,builtIn:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}},mt={name:"Video",canHaveChildren:!0,builtIn:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}]},ht={name:"Embed",static:!0,builtIn:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:w(t=>{const e=t.get("url");if(e)return t.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{t.get("url")===e&&(o.html?t.set("content",o.html):t.set("content","Invalid url, please try another"))}).catch(o=>{t.set("content","There was an error embedding this URL, please try again or another URL")});t.delete("content")})},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},ft=["text/javascript","application/javascript","application/ecmascript"],gt=t=>ft.includes(t.type),bt={name:"builder-embed",props:["content"],data:()=>({scriptsInserted:[],scriptsRun:[],ranInitFn:!1}),watch:{onUpdateHook0(){this.$refs.elem&&!this.ranInitFn&&(this.ranInitFn=!0,this.findAndRunScripts())}},computed:{onUpdateHook0(){return{0:this.$refs.elem,1:this.ranInitFn}}},methods:{findAndRunScripts(){if(!this.$refs.elem||!this.$refs.elem.getElementsByTagName)return;const t=this.$refs.elem.getElementsByTagName("script");for(let e=0;e<t.length;e++){const n=t[e];if(n.src&&!this.scriptsInserted.includes(n.src)){this.scriptsInserted.push(n.src);const o=document.createElement("script");o.async=!0,o.src=n.src,document.head.appendChild(o)}else if(gt(n)&&!this.scriptsRun.includes(n.innerText))try{this.scriptsRun.push(n.innerText),new Function(n.innerText)()}catch(o){console.warn("`Embed`: Error running script:",o)}}}}};var vt=function(){var e=this,n=e._self._c;return n("div",{ref:"elem",staticClass:"builder-embed",domProps:{innerHTML:e._s(e.content)}})},_t=[],yt=u(bt,vt,_t,!1,null,null,null,null);const xt=yt.exports;function Ct(){return p()&&window.self!==window.top}function f(){return Ct()&&window.location.search.indexOf("builder.frameEditing=")!==-1}const kt={name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data:()=>({isEditing:f})};var wt=function(){var e=this,n=e._self._c;return n("img",e._b({key:e.isEditing()&&e.imgSrc||"default-key",style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},attrs:{alt:e.altText,src:e.imgSrc||e.image}},"img",e.attributes,!1))},St=[],It=u(kt,wt,St,!1,null,null,null,null);const Tt=It.exports,Rt={name:"Raw:Img",hideFromInsertMenu:!0,builtIn:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg"],required:!0}],noWrap:!0,static:!0},$t={name:"builder-custom-code",props:["replaceNodes","code"],data:()=>({scriptsInserted:[],scriptsRun:[]}),mounted(){this.findAndRunScripts()},methods:{findAndRunScripts(){if(this.$refs.elem&&this.$refs.elem.getElementsByTagName&&typeof window<"u"){const t=this.$refs.elem.getElementsByTagName("script");for(let e=0;e<t.length;e++){const n=t[e];if(n.src){if(this.scriptsInserted.includes(n.src))continue;this.scriptsInserted.push(n.src);const o=document.createElement("script");o.async=!0,o.src=n.src,document.head.appendChild(o)}else if(!n.type||["text/javascript","application/javascript","application/ecmascript"].includes(n.type)){if(this.scriptsRun.includes(n.innerText))continue;try{this.scriptsRun.push(n.innerText),new Function(n.innerText)()}catch(o){console.warn("`CustomCode`: Error running script:",o)}}}}},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var Et=function(){var e=this,n=e._self._c;return n("div",{ref:"elem",class:e._classStringToObject("builder-custom-code"+(e.replaceNodes?" replace-nodes":"")),domProps:{innerHTML:e._s(e.code)}})},Ft=[],jt=u($t,Et,Ft,!1,null,null,null,null);const Ut=jt.exports,Pt={name:"Custom Code",static:!0,builtIn:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]},Ot=()=>[{component:P,...it},{component:O,...lt},{component:Tt,...Rt},{component:A,...pt},{component:V,...mt},{component:K,...ut},{component:G,...at},{component:J,...dt},{component:X,...ct},{component:xt,...ht},{component:Ut,...Pt}];function y({code:t,context:e,state:n,event:o}){if(t===""){console.warn("Skipping evaluation of empty code block.");return}const r={isEditing:f(),isBrowser:p(),isServer:!p()},a=!(t.includes(";")||t.includes(" return ")||t.trim().startsWith("return "))?`return (${t});`:t;try{return new Function("builder","Builder","state","context","event",a)(r,r,n,e,o)}catch(c){console.warn(`Builder custom code error: 
+ While Evaluating: 
+ `,a,`
+`,c.message||c)}}function Y(){return!p()||f()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}const S=[];function At(t,e){return S.push({component:t,...e}),console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."),t}const Q=({component:t,...e})=>({type:"builder.registerComponent",data:Bt(e)}),Z=t=>JSON.parse(JSON.stringify(t)),Vt=t=>typeof t=="function"?Wt(t):Z(t),Wt=t=>{const e=t.toString().trim();return`return (${!e.startsWith("function")&&!e.startsWith("(")?"function ":""}${e}).apply(this, arguments)`},Bt=({inputs:t,...e})=>({...Z(e),inputs:t==null?void 0:t.map(n=>Object.entries(n).reduce((o,[r,s])=>({...o,[r]:Vt(s)}),{}))});function Mt(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){const e=Math.random()*16|0;return(t=="x"?e:e&3|8).toString(16)})}function ee(){return Mt().replace(/-/g,"")}const te="builderSessionId",Lt=async({canTrack:t})=>{if(!t)return;const e=await N({name:te,canTrack:t});if(g(e))return e;{const n=Nt();zt({id:n,canTrack:t})}},Nt=()=>ee(),zt=({id:t,canTrack:e})=>z({name:te,value:t,canTrack:e}),ne=()=>p()&&typeof localStorage<"u"?localStorage:void 0,qt=({key:t,canTrack:e})=>{var n;try{return e?(n=ne())==null?void 0:n.getItem(t):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o)}},Ht=({key:t,canTrack:e,value:n})=>{var o;try{e&&((o=ne())==null||o.setItem(t,n))}catch(r){console.debug("[LocalStorage] SET error: ",r)}},oe="builderVisitorId",Dt=({canTrack:t})=>{if(!t)return;const e=qt({key:oe,canTrack:t});if(g(e))return e;{const n=Kt();Gt({id:n,canTrack:t})}},Kt=()=>ee(),Gt=({id:t,canTrack:e})=>Ht({key:oe,value:t,canTrack:e}),Jt=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await Lt({canTrack:t}),n=Dt({canTrack:t});return{sessionId:e,visitorId:n}},Xt=async({type:t,canTrack:e,orgId:n,contentId:o,...r})=>({type:t,data:{...r,...await Jt({canTrack:e}),ownerId:n,contentId:o}});async function F(t){if(!!t.canTrack&&!f()&&!!(p()||b==="reactNative"))return fetch("https://builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await Xt(t)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(e=>{console.error("Failed to track: ",e)})}const Yt=()=>Promise.resolve().then(()=>ae).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",t),t}),Qt=()=>Promise.resolve().then(()=>require("./render-styles.e6d20f13.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",t),t}),Zt={name:"render-content",components:{"render-content-styles":Qt,"render-blocks":Yt},props:["content","data","canTrack","context","customComponents","model","apiKey"],data:()=>({forceReRenderCount:0,overrideContent:null,update:0,overrideState:{},markMutable:x}),provide(){const t=this;return{BuilderContext:{get content(){return t.useContent},get state(){return t.contentState},get context(){return t.contextContext},get apiKey(){return t.apiKey},get registeredComponents(){return t.allRegisteredComponents}}}},mounted(){var t;if(p()){if(f()&&(this.forceReRenderCount=this.forceReRenderCount+1,le(),de(),Object.values(this.allRegisteredComponents).forEach(e=>{var o;const n=Q(e);(o=window.parent)==null||o.postMessage(n,"*")}),window.addEventListener("message",this.processMessage),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.useContent&&F({type:"impression",canTrack:this.canTrackToUse,contentId:(t=this.useContent)==null?void 0:t.id,orgId:this.apiKey}),Y()){const e=new URL(location.href).searchParams;if(this.model&&e.get("builder.preview")===this.model){const n=e.get("apiKey")||e.get("builder.space");n&&k({model:this.model,apiKey:n}).then(o=>{o&&(this.overrideContent=o)})}}this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()}},watch:{onUpdateHook0(){this.evaluateJsCode()},onUpdateHook1(){this.runHttpRequests()},onUpdateHook2(){this.emitStateUpdate()}},unmounted(){p()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{useContent(){var e,n;return!this.content&&!this.overrideContent?void 0:{...this.content,...this.overrideContent,data:{...(e=this.content)==null?void 0:e.data,...this.data,...(n=this.overrideContent)==null?void 0:n.data}}},canTrackToUse(){return this.canTrack||!0},contentState(){var t,e;return{...(e=(t=this.content)==null?void 0:t.data)==null?void 0:e.state,...this.data,...this.overrideState}},contextContext(){return this.context||{}},allRegisteredComponents(){return[...Ot(),...S,...this.customComponents||[]].reduce((n,o)=>({...n,[o.name]:o}),{})},httpReqsData(){return{}},shouldRenderContentStyles(){var t,e,n,o,r;return Boolean((((e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.cssCode)||((r=(o=(n=this.useContent)==null?void 0:n.data)==null?void 0:o.customFonts)==null?void 0:r.length))&&b!=="reactNative")},onUpdateHook0(){var t,e;return{0:(e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.jsCode}},onUpdateHook1(){var t,e;return{0:(e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.httpRequests}},onUpdateHook2(){return{0:this.contentState}}},methods:{processMessage(t){const{data:e}=t;if(e)switch(e.type){case"builder.contentUpdate":{const n=e.data,o=n.key||n.alias||n.entry||n.modelName,r=n.data;o===this.model&&(this.overrideContent=r,this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var e,n;const t=(n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.jsCode;t&&y({code:t,context:this.contextContext,state:this.contentState})},onClick(t){var e;this.useContent&&F({type:"click",canTrack:this.canTrackToUse,contentId:(e=this.useContent)==null?void 0:e.id,orgId:this.apiKey})},evalExpression(t){return t.replace(/{{([^}]+)}}/g,(e,n)=>y({code:n,context:this.contextContext,state:this.contentState}))},handleRequest({url:t,key:e}){L().then(n=>n(t)).then(n=>n.json()).then(n=>{const o={...this.overrideState,[e]:n};this.overrideState=o}).catch(n=>{console.log("error fetching dynamic data",t,n)})},runHttpRequests(){var e,n,o;const t=(o=(n=(e=this.useContent)==null?void 0:e.data)==null?void 0:n.httpRequests)!=null?o:{};Object.entries(t).forEach(([r,s])=>{if(s&&(!this.httpReqsData[r]||f())){const a=this.evalExpression(s);this.handleRequest({url:a,key:r})}})},emitStateUpdate(){f()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.contentState,ref:{name:this.model}}}))}}};var en=function(){var o,r,s,a,c,i,l;var e=this,n=e._self._c;return e.useContent?n("div",{ref:"elementRef",attrs:{"builder-content-id":(o=e.useContent)==null?void 0:o.id},on:{click:function(d){return e.onClick(d)}}},[e.shouldRenderContentStyles?[n("render-content-styles",{attrs:{cssCode:(s=(r=e.useContent)==null?void 0:r.data)==null?void 0:s.cssCode,customFonts:(c=(a=e.useContent)==null?void 0:a.data)==null?void 0:c.customFonts}})]:e._e(),n("render-blocks",{key:e.forceReRenderCount,attrs:{blocks:e.markMutable((l=(i=e.useContent)==null?void 0:i.data)==null?void 0:l.blocks)}})],2):e._e()},tn=[],nn=u(Zt,en,tn,!1,null,null,null,null);const re=nn.exports,on=Object.freeze(Object.defineProperty({__proto__:null,default:re},Symbol.toStringTag,{value:"Module"})),rn=()=>Promise.resolve().then(()=>require("./block-styles.d7caff48.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",t),t}),sn=()=>Promise.resolve().then(()=>require("./render-block.37a4bbe9.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",t),t}),an={name:"render-blocks",components:{"render-block":sn,"block-styles":rn},props:["blocks","parent","path"],inject:{builderContext:"BuilderContext"},computed:{className(){var t;return"builder-blocks"+((t=this.blocks)!=null&&t.length?"":" no-blocks")}},methods:{onClick(){var t,e;f()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var t,e;f()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},_classStringToObject(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\s+/);for(const o of n)e[o]=!0;return e}}};var cn=function(){var e=this,n=e._self._c;return n("div",{class:e._classStringToObject(e.className+" div-21azgz5avex"),attrs:{"builder-path":e.path,"builder-parent-id":e.parent,dataSet:{class:e.className}},on:{click:function(o){return e.onClick()},mouseenter:function(o){return e.onMouseEnter()}}},[e.blocks?e._l(e.blocks,function(o,r){return n("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.builderContext}})}):e._e(),e.blocks?e._l(e.blocks,function(o,r){return n("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.builderContext}})}):e._e()],2)},ln=[],dn=u(an,cn,ln,!1,null,"3c408a8a",null,null);const se=dn.exports,ae=Object.freeze(Object.defineProperty({__proto__:null,default:se},Symbol.toStringTag,{value:"Module"})),j={};function un(t){if(p()){Object.assign(j,t);const e={type:"builder.settingsChange",data:j};parent.postMessage(e,"*")}}exports.Button=G;exports.Columns=P;exports.Fragment=X;exports.Image=O;exports.Section=J;exports.Symbol=K;exports.TARGET=b;exports.Text=A;exports.Video=V;exports.components=S;exports.convertSearchParamsToQueryObject=W;exports.createRegisterComponentMessage=Q;exports.evaluate=y;exports.generateContentUrl=H;exports.getAllContent=D;exports.getBuilderSearchParams=B;exports.getBuilderSearchParamsFromWindow=M;exports.getContent=k;exports.isEditing=f;exports.isPreviewing=Y;exports.markPropsMutable=ue;exports.normalizeComponent=u;exports.normalizeSearchParams=C;exports.register=U;exports.registerComponent=At;exports.renderBlocks=se;exports.renderContent=re;exports.setEditorSettings=un;

package/packages/_vue2/dist/render-block.3112f40b.js

@@ -0,0 +1,237 @@
+import { e as p, T as u, n as d } from "./index.35b10c2f.js";
+import { a as l, g as m } from "./get-processed-block.1b0392ce.js";
+function h(t) {
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}
+const f = (t) => `on${h(t)}`;
+function k(t, e) {
+  return (n) => p({
+    code: t,
+    context: e.context,
+    state: e.state,
+    event: n
+  });
+}
+function g(t) {
+  var c;
+  const e = {}, n = (c = t.block.actions) != null ? c : {};
+  for (const o in n) {
+    if (!n.hasOwnProperty(o))
+      continue;
+    const s = n[o];
+    e[f(o)] = k(s, t);
+  }
+  return e;
+}
+function x(t) {
+  var e;
+  return {
+    ...(e = t.component) == null ? void 0 : e.options,
+    ...t.options,
+    builderBlock: t
+  };
+}
+function b(t) {
+  var e;
+  return {
+    ...t.properties,
+    "builder-id": t.id,
+    class: [t.id, "builder-block", t.class, (e = t.properties) == null ? void 0 : e.class].filter(Boolean).join(" ")
+  };
+}
+const r = (t) => t, B = (t) => t, v = (t) => {
+  switch (u) {
+    case "reactNative":
+      return {
+        ...t.large ? r(t.large) : {},
+        ...t.medium ? r(t.medium) : {},
+        ...t.small ? r(t.small) : {}
+      };
+    default:
+      return {
+        ...t.large ? r(t.large) : {},
+        ...t.medium ? {
+          [l("medium")]: r(
+            t.medium
+          )
+        } : {},
+        ...t.small ? {
+          [l("small")]: r(
+            t.small
+          )
+        } : {}
+      };
+  }
+};
+function y(t) {
+  if (!t.responsiveStyles)
+    return {};
+  const e = v(t.responsiveStyles);
+  return B(e);
+}
+function _(t) {
+  return t.tagName || "div";
+}
+const R = [
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+], E = (t) => typeof t == "string" && R.includes(t.toLowerCase()), C = () => import("./block-styles.4b780e2e.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
+    t
+  ), t;
+}), w = () => import("./render-component.7c5a2af0.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
+    t
+  ), t;
+}), S = () => import("./render-repeated-block.006af118.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",
+    t
+  ), t;
+}), N = {
+  name: "render-block",
+  components: {
+    "render-component": w,
+    "render-repeated-block": S,
+    "block-styles": C
+  },
+  props: ["block", "context"],
+  data: () => ({ isEmptyHtmlElement: E }),
+  computed: {
+    component() {
+      var n;
+      const t = (n = m({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !1
+      }).component) == null ? void 0 : n.name;
+      if (!t)
+        return null;
+      const e = this.context.registeredComponents[t];
+      if (e)
+        return e;
+      console.warn(`
+        Could not find a registered component named "${t}". 
+        If you registered it, is the file that registered it imported by the file that needs to render it?`);
+    },
+    componentInfo() {
+      if (this.component) {
+        const { component: t, ...e } = this.component;
+        return e;
+      } else
+        return;
+    },
+    componentRef() {
+      var t;
+      return (t = this.component) == null ? void 0 : t.component;
+    },
+    tagName() {
+      return _(this.useBlock);
+    },
+    useBlock() {
+      return this.repeatItemData ? this.block : m({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    attributes() {
+      return {
+        ...b(this.useBlock),
+        ...g({
+          block: this.useBlock,
+          state: this.context.state,
+          context: this.context.context
+        }),
+        style: y(this.useBlock)
+      };
+    },
+    shouldWrap() {
+      var t;
+      return !((t = this.componentInfo) != null && t.noWrap);
+    },
+    componentOptions() {
+      return {
+        ...x(this.useBlock),
+        ...this.shouldWrap ? {} : {
+          attributes: this.attributes
+        }
+      };
+    },
+    renderComponentProps() {
+      return {
+        blockChildren: this.children,
+        componentRef: this.componentRef,
+        componentOptions: this.componentOptions,
+        context: this.context
+      };
+    },
+    children() {
+      var t;
+      return (t = this.useBlock.children) != null ? t : [];
+    },
+    childrenWithoutParentComponent() {
+      return !this.componentRef && !this.repeatItemData ? this.children : [];
+    },
+    repeatItemData() {
+      const { repeat: t, ...e } = this.block;
+      if (!(t != null && t.collection))
+        return;
+      const n = p({
+        code: t.collection,
+        state: this.context.state,
+        context: this.context.context
+      });
+      if (!Array.isArray(n))
+        return;
+      const c = t.collection.split(".").pop(), o = t.itemName || (c ? c + "Item" : "item");
+      return n.map((i, a) => ({
+        context: {
+          ...this.context,
+          state: {
+            ...this.context.state,
+            $index: a,
+            $item: i,
+            [o]: i,
+            [`$${o}Index`]: a
+          }
+        },
+        block: e
+      }));
+    }
+  }
+};
+var A = function() {
+  var e = this, n = e._self._c;
+  return Boolean(e.shouldWrap) ? Boolean(!e.isEmptyHtmlElement(e.tagName)) ? e._e() : n(e.tagName, e._b({ tag: "component" }, "component", e.attributes, !1)) : n("render-component", e._b({ attrs: { context: e.context } }, "render-component", e.renderComponentProps, !1));
+}, T = [], I = /* @__PURE__ */ d(
+  N,
+  A,
+  T,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const W = I.exports;
+export {
+  W as default
+};

package/packages/_vue2/dist/render-block.37a4bbe9.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.e881a81c.cjs"),s=require("./get-processed-block.a69f90d1.cjs");function m(e){return e.charAt(0).toUpperCase()+e.slice(1)}const d=e=>`on${m(e)}`;function p(e,t){return n=>i.evaluate({code:e,context:t.context,state:t.state,event:n})}function h(e){var c;const t={},n=(c=e.block.actions)!=null?c:{};for(const o in n){if(!n.hasOwnProperty(o))continue;const a=n[o];t[d(o)]=p(a,e)}return t}function f(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}function k(e){var t;return{...e.properties,"builder-id":e.id,class:[e.id,"builder-block",e.class,(t=e.properties)==null?void 0:t.class].filter(Boolean).join(" ")}}const r=e=>e,g=e=>e,x=e=>{switch(i.TARGET){case"reactNative":return{...e.large?r(e.large):{},...e.medium?r(e.medium):{},...e.small?r(e.small):{}};default:return{...e.large?r(e.large):{},...e.medium?{[s.getMaxWidthQueryForSize("medium")]:r(e.medium)}:{},...e.small?{[s.getMaxWidthQueryForSize("small")]:r(e.small)}:{}}}};function b(e){if(!e.responsiveStyles)return{};const t=x(e.responsiveStyles);return g(t)}function v(e){return e.tagName||"div"}const y=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],B=e=>typeof e=="string"&&y.includes(e.toLowerCase()),_=()=>Promise.resolve().then(()=>require("./block-styles.d7caff48.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),R=()=>Promise.resolve().then(()=>require("./render-component.3c148966.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),E=()=>Promise.resolve().then(()=>require("./render-repeated-block.ea4adce6.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",e),e}),S={name:"render-block",components:{"render-component":R,"render-repeated-block":E,"block-styles":_},props:["block","context"],data:()=>({isEmptyHtmlElement:B}),computed:{component(){var n;const e=(n=s.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!1}).component)==null?void 0:n.name;if(!e)return null;const t=this.context.registeredComponents[e];if(t)return t;console.warn(`
+        Could not find a registered component named "${e}". 
+        If you registered it, is the file that registered it imported by the file that needs to render it?`)},componentInfo(){if(this.component){const{component:e,...t}=this.component;return t}else return},componentRef(){var e;return(e=this.component)==null?void 0:e.component},tagName(){return v(this.useBlock)},useBlock(){return this.repeatItemData?this.block:s.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},attributes(){return{...k(this.useBlock),...h({block:this.useBlock,state:this.context.state,context:this.context.context}),style:b(this.useBlock)}},shouldWrap(){var e;return!((e=this.componentInfo)!=null&&e.noWrap)},componentOptions(){return{...f(this.useBlock),...this.shouldWrap?{}:{attributes:this.attributes}}},renderComponentProps(){return{blockChildren:this.children,componentRef:this.componentRef,componentOptions:this.componentOptions,context:this.context}},children(){var e;return(e=this.useBlock.children)!=null?e:[]},childrenWithoutParentComponent(){return!this.componentRef&&!this.repeatItemData?this.children:[]},repeatItemData(){const{repeat:e,...t}=this.block;if(!(e!=null&&e.collection))return;const n=i.evaluate({code:e.collection,state:this.context.state,context:this.context.context});if(!Array.isArray(n))return;const c=e.collection.split(".").pop(),o=e.itemName||(c?c+"Item":"item");return n.map((l,u)=>({context:{...this.context,state:{...this.context.state,$index:u,$item:l,[o]:l,[`$${o}Index`]:u}},block:t}))}}};var C=function(){var t=this,n=t._self._c;return Boolean(t.shouldWrap)?Boolean(!t.isEmptyHtmlElement(t.tagName))?t._e():n(t.tagName,t._b({tag:"component"},"component",t.attributes,!1)):n("render-component",t._b({attrs:{context:t.context}},"render-component",t.renderComponentProps,!1))},w=[],P=i.normalizeComponent(S,C,w,!1,null,null,null,null);const N=P.exports;exports.default=N;

package/packages/_vue2/dist/render-component.3c148966.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.e881a81c.cjs"),l=()=>Promise.resolve().then(()=>require("./block-styles.d7caff48.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",o),o}),s=()=>Promise.resolve().then(()=>require("./render-block.37a4bbe9.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",o),o}),a={name:"render-component",components:{"render-block":s,"block-styles":l},props:["componentRef","componentOptions","blockChildren","context"],data:()=>({markPropsMutable:r.markPropsMutable})};var i=function(){var e=this,t=e._self._c;return e.componentRef?t(e.componentRef,e._b({tag:"component"},"component",e.markPropsMutable(e.componentOptions),!1),[e._l(e.blockChildren,function(n,c){return t("render-block",{key:"render-block-"+n.id,attrs:{block:n,context:e.context}})}),e._l(e.blockChildren,function(n,c){return t("block-styles",{key:"block-style-"+n.id,attrs:{block:n,context:e.context}})})],2):e._e()},m=[],d=r.normalizeComponent(a,i,m,!1,null,null,null,null);const p=d.exports;exports.default=p;

package/packages/_vue2/dist/render-component.7c5a2af0.js

@@ -0,0 +1,38 @@
+import { m as c, n as l } from "./index.35b10c2f.js";
+const s = () => import("./block-styles.4b780e2e.js").then((o) => o.default).catch((o) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
+    o
+  ), o;
+}), a = () => import("./render-block.3112f40b.js").then((o) => o.default).catch((o) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
+    o
+  ), o;
+}), m = {
+  name: "render-component",
+  components: { "render-block": a, "block-styles": s },
+  props: ["componentRef", "componentOptions", "blockChildren", "context"],
+  data: () => ({ markPropsMutable: c })
+};
+var p = function() {
+  var e = this, t = e._self._c;
+  return e.componentRef ? t(e.componentRef, e._b({ tag: "component" }, "component", e.markPropsMutable(e.componentOptions), !1), [e._l(e.blockChildren, function(n, r) {
+    return t("render-block", { key: "render-block-" + n.id, attrs: { block: n, context: e.context } });
+  }), e._l(e.blockChildren, function(n, r) {
+    return t("block-styles", { key: "block-style-" + n.id, attrs: { block: n, context: e.context } });
+  })], 2) : e._e();
+}, i = [], d = /* @__PURE__ */ l(
+  m,
+  p,
+  i,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const _ = d.exports;
+export {
+  _ as default
+};

package/packages/_vue2/dist/render-inlined-styles.c3478295.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.e881a81c.cjs"),s={name:"render-inlined-styles",props:["styles"],data:()=>({TARGET:n.TARGET}),computed:{injectedStyleScript(){return`<${this.tagName}>${this.styles}</${this.tagName}>`},tagName(){return"style"}}};var r=function(){var e=this,t=e._self._c;return e.TARGET==="svelte"?t("div",{domProps:{innerHTML:e._s(e.injectedStyleScript)}}):t(e.tagName,{tag:"component"},[e._v(e._s(e.styles))])},l=[],a=n.normalizeComponent(s,r,l,!1,null,null,null,null);const i=a.exports;exports.default=i;

package/packages/_vue2/dist/render-inlined-styles.f67a4c7d.js

@@ -0,0 +1,31 @@
+import { T as n, n as s } from "./index.35b10c2f.js";
+const r = {
+  name: "render-inlined-styles",
+  props: ["styles"],
+  data: () => ({ TARGET: n }),
+  computed: {
+    injectedStyleScript() {
+      return `<${this.tagName}>${this.styles}</${this.tagName}>`;
+    },
+    tagName() {
+      return "style";
+    }
+  }
+};
+var a = function() {
+  var e = this, t = e._self._c;
+  return e.TARGET === "svelte" ? t("div", { domProps: { innerHTML: e._s(e.injectedStyleScript) } }) : t(e.tagName, { tag: "component" }, [e._v(e._s(e.styles))]);
+}, l = [], i = /* @__PURE__ */ s(
+  r,
+  a,
+  l,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const c = i.exports;
+export {
+  c as default
+};

package/packages/_vue2/dist/render-repeated-block.006af118.js

@@ -0,0 +1,50 @@
+import { n as r } from "./index.35b10c2f.js";
+const o = () => import("./render-block.3112f40b.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
+    e
+  ), e;
+}), c = {
+  name: "render-repeated-block",
+  components: { "render-block": o },
+  props: ["block", "repeatContext"],
+  provide() {
+    const e = this;
+    return {
+      BuilderContext: {
+        get content() {
+          return e.repeatContext.content;
+        },
+        get state() {
+          return e.repeatContext.state;
+        },
+        get context() {
+          return e.repeatContext.context;
+        },
+        get apiKey() {
+          return e.repeatContext.apiKey;
+        },
+        get registeredComponents() {
+          return e.repeatContext.registeredComponents;
+        }
+      }
+    };
+  }
+};
+var a = function() {
+  var t = this, n = t._self._c;
+  return n("render-block", { attrs: { block: t.block, context: t.repeatContext } });
+}, l = [], s = /* @__PURE__ */ r(
+  c,
+  a,
+  l,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const d = s.exports;
+export {
+  d as default
+};

package/packages/_vue2/dist/render-repeated-block.ea4adce6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.e881a81c.cjs"),o=()=>Promise.resolve().then(()=>require("./render-block.37a4bbe9.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),c={name:"render-repeated-block",components:{"render-block":o},props:["block","repeatContext"],provide(){const e=this;return{BuilderContext:{get content(){return e.repeatContext.content},get state(){return e.repeatContext.state},get context(){return e.repeatContext.context},get apiKey(){return e.repeatContext.apiKey},get registeredComponents(){return e.repeatContext.registeredComponents}}}}};var a=function(){var t=this,r=t._self._c;return r("render-block",{attrs:{block:t.block,context:t.repeatContext}})},l=[],s=n.normalizeComponent(c,a,l,!1,null,null,null,null);const i=s.exports;exports.default=i;

package/packages/_vue2/dist/render-styles.90704267.js

@@ -0,0 +1,70 @@
+import { n as c } from "./index.35b10c2f.js";
+const d = () => import("./render-inlined-styles.f67a4c7d.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",
+    e
+  ), e;
+}), m = {
+  name: "render-content-styles",
+  components: { "render-inlined-styles": d },
+  props: ["cssCode", "customFonts"],
+  computed: {
+    injectedStyles() {
+      return `
+${this.cssCode || ""}
+${this.getFontCss({
+        customFonts: this.customFonts
+      })}`;
+    }
+  },
+  methods: {
+    getCssFromFont(e) {
+      var o, a;
+      const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], r = (a = e.fileUrl) != null ? a : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
+      let l = "";
+      if (r && t && n && (l += `
+@font-face {
+  font-family: "${t}";
+  src: local("${n}"), url('${r}') format('woff2');
+  font-display: fallback;
+  font-weight: 400;
+}
+        `.trim()), e.files)
+        for (const s in e.files) {
+          if (!(String(Number(s)) === s))
+            continue;
+          const i = e.files[s];
+          i && i !== r && (l += `
+@font-face {
+  font-family: "${t}";
+  src: url('${i}') format('woff2');
+  font-display: fallback;
+  font-weight: ${s};
+}
+          `.trim());
+        }
+      return l;
+    },
+    getFontCss({ customFonts: e }) {
+      var t;
+      return ((t = e == null ? void 0 : e.map((n) => this.getCssFromFont(n))) == null ? void 0 : t.join(" ")) || "";
+    }
+  }
+};
+var f = function() {
+  var t = this, n = t._self._c;
+  return n("render-inlined-styles", { attrs: { styles: t.injectedStyles } });
+}, u = [], y = /* @__PURE__ */ c(
+  m,
+  f,
+  u,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const _ = y.exports;
+export {
+  _ as default
+};

package/packages/_vue2/dist/render-styles.e6d20f13.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.e881a81c.cjs"),d=()=>Promise.resolve().then(()=>require("./render-inlined-styles.c3478295.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",e),e}),f={name:"render-content-styles",components:{"render-inlined-styles":d},props:["cssCode","customFonts"],computed:{injectedStyles(){return`
+${this.cssCode||""}
+${this.getFontCss({customFonts:this.customFonts})}`}},methods:{getCssFromFont(e){var o,c;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],r=(c=e.fileUrl)!=null?c:(o=e==null?void 0:e.files)==null?void 0:o.regular;let i="";if(r&&t&&n&&(i+=`
+@font-face {
+  font-family: "${t}";
+  src: local("${n}"), url('${r}') format('woff2');
+  font-display: fallback;
+  font-weight: 400;
+}
+        `.trim()),e.files)for(const s in e.files){if(!(String(Number(s))===s))continue;const l=e.files[s];l&&l!==r&&(i+=`
+@font-face {
+  font-family: "${t}";
+  src: url('${l}') format('woff2');
+  font-display: fallback;
+  font-weight: ${s};
+}
+          `.trim())}return i},getFontCss({customFonts:e}){var t;return((t=e==null?void 0:e.map(n=>this.getCssFromFont(n)))==null?void 0:t.join(" "))||""}}};var m=function(){var t=this,n=t._self._c;return n("render-inlined-styles",{attrs:{styles:t.injectedStyles}})},u=[],y=a.normalizeComponent(f,m,u,!1,null,null,null,null);const h=y.exports;exports.default=h;

package/packages/_vue2/dist/sdk.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.e881a81c.cjs");exports.Button=e.Button;exports.Columns=e.Columns;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.renderBlocks;exports.RenderContent=e.renderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports.components=e.components;exports.convertSearchParamsToQueryObject=e.convertSearchParamsToQueryObject;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.generateContentUrl=e.generateContentUrl;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getBuilderSearchParamsFromWindow=e.getBuilderSearchParamsFromWindow;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.normalizeSearchParams=e.normalizeSearchParams;exports.register=e.register;exports.registerComponent=e.registerComponent;exports.setEditorSettings=e.setEditorSettings;

package/packages/_vue2/dist/sdk.js

@@ -0,0 +1,27 @@
+import { B as s, C as t, F as r, I as n, c as o, r as i, b as g, S as m, a as c, V as l, f as d, p as C, h as S, l as u, o as h, q as p, t as B, k as P, i as b, d as F, u as R, j as f, g as j, s as k } from "./index.35b10c2f.js";
+export {
+  s as Button,
+  t as Columns,
+  r as Fragment,
+  n as Image,
+  o as RenderBlocks,
+  i as RenderContent,
+  g as Section,
+  m as Symbol,
+  c as Text,
+  l as Video,
+  d as components,
+  C as convertSearchParamsToQueryObject,
+  S as createRegisterComponentMessage,
+  u as generateContentUrl,
+  h as getAllContent,
+  p as getBuilderSearchParams,
+  B as getBuilderSearchParamsFromWindow,
+  P as getContent,
+  b as isEditing,
+  F as isPreviewing,
+  R as normalizeSearchParams,
+  f as register,
+  j as registerComponent,
+  k as setEditorSettings
+};

package/packages/_vue2/dist/style.css

@@ -0,0 +1 @@
+.div-2fnk003dqad[data-v-d3bc5674]{display:flex;align-items:stretch;line-height:normal}@media (max-width: 991px){.div-2fnk003dqad[data-v-d3bc5674]{flex-direction:var(--flex-dir-tablet)}}@media (max-width: 639px){.div-2fnk003dqad[data-v-d3bc5674]{flex-direction:var(--flex-dir)}}.div-2fnk003dqad-2[data-v-d3bc5674]{flex-grow:1}@media (max-width: 991px){.div-2fnk003dqad-2[data-v-d3bc5674]{width:var(--column-width-tablet)!important;margin-left:var(--column-margin-left-tablet)!important}}@media (max-width: 639px){.div-2fnk003dqad-2[data-v-d3bc5674]{width:var(--column-width)!important;margin-left:var(--column-margin-left)!important}}.div-1pl23ac79ld[data-v-6a74cb4f]{position:relative}.img-1pl23ac79ld[data-v-6a74cb4f]{opacity:1;transition:opacity .2s ease-in-out;position:absolute;height:100%;width:100%;top:0px;left:0px}.div-1pl23ac79ld-2[data-v-6a74cb4f]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-3[data-v-6a74cb4f]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.button-16nol0lwi20[data-v-844ae72b]{all:unset}.div-21azgz5avex[data-v-3c408a8a]{display:flex;flex-direction:column;align-items:stretch}