@builder.io/sdk-vue 0.2.0 → 0.2.2

package/package.json

@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.2.0",
+  "version": "0.2.2",
   "main": "./packages/_vue2/dist/sdk.js",
   "module": "./packages/_vue2/dist/sdk.js",
   "type": "module",

package/packages/_vue2/dist/{block-styles.97de2652.js → block-styles.4667431d.js}

@@ -1,13 +1,13 @@
-import { T as k, c as i, g as p, a as u, n as y } from "./index.346656f6.js";
-import { g as _, c as o } from "./css.4d4e03cf.js";
-const S = () => import("./render-inlined-styles.1c2c5bf9.js").then((e) => e.default).catch((e) => {
+import { T as k, c as i, g as p, a as u, n as y } from "./index.eb91dc82.js";
+import { g as _, c as o } from "./css.468435de.js";
+const f = () => import("./render-inlined-styles.942eb38d.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;
-}), f = {
+}), S = {
   name: "block-styles",
-  components: { RenderInlinedStyles: S },
+  components: { RenderInlinedStyles: f },
   props: ["block", "context"],
   data() {
     return { TARGET: k };
@@ -28,19 +28,22 @@ const S = () => import("./render-inlined-styles.1c2c5bf9.js").then((e) => e.defa
       var a;
       const e = this.useBlock.responsiveStyles, s = this.context.content, t = p(
         ((a = s == null ? void 0 : s.meta) == null ? void 0 : a.breakpoints) || {}
-      ), l = e == null ? void 0 : e.large, c = e == null ? void 0 : e.medium, r = e == null ? void 0 : e.small, n = this.useBlock.id, m = l ? o({
+      ), l = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, c = e == null ? void 0 : e.small, n = this.useBlock.id;
+      if (!n)
+        return "";
+      const m = l ? o({
         className: n,
         styles: l
-      }) : "", d = c ? o({
+      }) : "", d = r ? o({
         className: n,
-        styles: c,
+        styles: r,
         mediaQuery: u(
           "medium",
           t
         )
-      }) : "", h = r ? o({
+      }) : "", h = c ? o({
         className: n,
-        styles: r,
+        styles: c,
         mediaQuery: u(
           "small",
           t
@@ -54,7 +57,7 @@ var B = function() {
   var s = this, t = s._self._c;
   return s.TARGET !== "reactNative" && s.css && s.canShowBlock ? t("render-inlined-styles", { attrs: { styles: s.css } }) : s._e();
 }, g = [], v = /* @__PURE__ */ y(
-  f,
+  S,
   B,
   g,
   !1,

package/packages/_vue2/dist/block-styles.7c2a87df.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.78ba6586.cjs"),r=require("./css.dce6e4eb.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.56373d13.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}),y={name:"block-styles",components:{RenderInlinedStyles:h},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return r.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return t.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:t.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var a;const e=this.useBlock.responsiveStyles,s=this.context.content,n=t.getSizesForBreakpoints(((a=s==null?void 0:s.meta)==null?void 0:a.breakpoints)||{}),c=e==null?void 0:e.large,l=e==null?void 0:e.medium,i=e==null?void 0:e.small,o=this.useBlock.id;if(!o)return"";const d=c?r.createCssClass({className:o,styles:c}):"",u=l?r.createCssClass({className:o,styles:l,mediaQuery:t.getMaxWidthQueryForSize("medium",n)}):"",m=i?r.createCssClass({className:o,styles:i,mediaQuery:t.getMaxWidthQueryForSize("small",n)}):"";return[d,u,m].join(" ")}}};var k=function(){var s=this,n=s._self._c;return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?n("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},S=[],p=t.normalizeComponent(y,k,S,!1,null,null,null,null);const _=p.exports;exports.default=_;

package/packages/_vue2/dist/{css.4d4e03cf.js → css.468435de.js}

@@ -1,4 +1,4 @@
-import { f as a, e as u, c as f } from "./index.346656f6.js";
+import { f as a, e as u, c as f } from "./index.eb91dc82.js";
 const l = (e, t, r) => {
   if (Object(e) !== e)
     return e;

package/packages/{_vue3/dist/css.785b2126.cjs → _vue2/dist/css.dce6e4eb.cjs}

@@ -1,6 +1,6 @@
-"use strict";const i=require("./index.9fb3a7e0.cjs"),l=(e,t,r)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((n,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(s[c+1]))>>0===+s[c+1]?[]:{},e)[s[s.length-1]]=r,e};const f=({block:e,context:t,state:r})=>{if(!e.bindings)return e;const s=i.fastClone(e),n={...s,properties:{...s.properties},actions:{...s.actions}};for(const o in e.bindings){const c=e.bindings[o],u=i.evaluate({code:c,state:r,context:t});l(n,o,u)}return n};function d({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?f({block:n,state:s,context:t}):n}const p=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),a=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${p(r)}: ${s};`}).filter(i.checkIsDefined),g=e=>a(e).join(`
+"use strict";const i=require("./index.78ba6586.cjs"),l=(e,t,r)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((n,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(s[c+1]))>>0===+s[c+1]?[]:{},e)[s[s.length-1]]=r,e};const d=({block:e,context:t,state:r})=>{if(!e.bindings)return e;const s=i.fastClone(e),n={...s,properties:{...s.properties},actions:{...s.actions}};for(const o in e.bindings){const c=e.bindings[o],u=i.evaluate({code:c,state:r,context:t});l(n,o,u)}return n};function f({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?d({block:n,state:s,context:t}):n}const p=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),a=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${p(r)}: ${s};`}).filter(i.checkIsDefined),g=e=>a(e).join(`
 `),C=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
     ${g(r)}
   }`;return e?`${e} {
       ${s}
-    }`:s};exports.convertStyleMapToCSSArray=a;exports.createCssClass=C;exports.getProcessedBlock=d;
+    }`:s};exports.convertStyleMapToCSSArray=a;exports.createCssClass=C;exports.getProcessedBlock=f;

package/packages/_vue2/dist/index.78ba6586.cjs

@@ -0,0 +1,29 @@
+"use strict";const he={name:"builder-button",props:["attributes","text","link","openLinkInNewTab"],methods:{filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{if(!e[r])return!1;const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})},_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}}};function m(t,e,n,o,r,s,i,l){var a=typeof t=="function"?t.options:t;e&&(a.render=e,a.staticRenderFns=n,a._compiled=!0),o&&(a.functional=!0),s&&(a._scopeId="data-v-"+s);var c;if(i?(c=function(u){u=u||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!u&&typeof __VUE_SSR_CONTEXT__<"u"&&(u=__VUE_SSR_CONTEXT__),r&&r.call(this,u),u&&u._registeredComponents&&u._registeredComponents.add(i)},a._ssrRegister=c):r&&(c=l?function(){r.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(a.functional){a._injectStyles=c;var d=a.render;a.render=function(f,_){return c.call(_),d(f,_)}}else{var h=a.beforeCreate;a.beforeCreate=h?[].concat(h,c):[c]}return{exports:t,options:a}}var fe=function(){var e=this,n=e._self._c;return e.link?n("a",e._g(e._b({attrs:{role:"button",href:e.link,target:e.openLinkInNewTab?"_blank":void 0}},"a",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[e._v(" "+e._s(e.text)+" ")]):n("button",e._g(e._b({class:e._classStringToObject(e.attributes.class+" button-2fnk003dqad")},"button",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[e._v(" "+e._s(e.text)+" ")])},ge=[],be=m(he,fe,ge,!1,null,"a8305dd0",null,null);const M=be.exports,k=t=>JSON.parse(JSON.stringify(t)),N={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},ye=(t,e=N)=>`@media (max-width: ${e[t].max}px)`,L=({small:t,medium:e})=>{const n=k(N);if(!t||!e)return n;const o=Math.floor(t/2);n.small={max:t,min:o,default:o+1};const r=n.small.max+1;n.medium={max:e,min:r,default:r+1};const s=n.medium.max+1;return n.large={max:2e3,min:s,default:s+1},n},v="vue2",ve=Symbol(),x={Builder:{content:null,context:{},state:{},setState(){},apiKey:null,apiVersion:void 0,registeredComponents:{},inheritedStyles:{}},key:ve},_e=()=>Promise.resolve().then(()=>q).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",t),t}),xe=()=>Promise.resolve().then(()=>require("./render-inlined-styles.56373d13.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",t),t}),ke={name:"builder-columns",components:{RenderInlinedStyles:xe,RenderBlocks:_e},props:["space","columns","stackColumnsAt","reverseColumnsWhenStacked","builderBlock"],data(){return{gutterSize:typeof this.space=="number"?this.space||0:20,cols:this.columns||[],stackAt:this.stackColumnsAt||"tablet",flexDir:this.stackColumnsAt==="never"?"row":this.reverseColumnsWhenStacked?"column-reverse":"column",TARGET:v}},inject:{builderContext:x.key},computed:{columnsCssVars(){return{"--flex-dir":this.flexDir,"--flex-dir-tablet":this.getTabletStyle({stackedStyle:this.flexDir,desktopStyle:"row"})}},columnsStyles(){return`
+      @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
+        .${this.builderBlock.id}-breakpoints {
+          flex-direction: var(--flex-dir-tablet);
+          align-items: stretch;
+        }
+
+        .${this.builderBlock.id}-breakpoints > .builder-column {
+          width: var(--column-width-tablet) !important;
+          margin-left: var(--column-margin-left-tablet) !important;
+        }
+      }
+
+      @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
+        .${this.builderBlock.id}-breakpoints {
+          flex-direction: var(--flex-dir);
+          align-items: stretch;
+        }
+
+        .${this.builderBlock.id}-breakpoints > .builder-column {
+          width: var(--column-width-mobile) !important;
+          margin-left: var(--column-margin-left-mobile) !important;
+        }
+      },
+    `}},methods:{getWidth(t){var e;return((e=this.cols[t])==null?void 0:e.width)||100/this.cols.length},getColumnCssWidth(t){const e=this.gutterSize*(this.cols.length-1)/this.cols.length;return`calc(${this.getWidth(t)}% - ${e}px)`},getTabletStyle({stackedStyle:t,desktopStyle:e}){return this.stackAt==="tablet"?t:e},getMobileStyle({stackedStyle:t,desktopStyle:e}){return this.stackAt==="never"?e:t},columnCssVars(t){t===0||this.gutterSize;const e=this.getColumnCssWidth(t),n=`${this.gutterSize}px`,o="100%",r=0;return{width:e,"margin-left":n,"--column-width-mobile":this.getMobileStyle({stackedStyle:o,desktopStyle:e}),"--column-margin-left-mobile":this.getMobileStyle({stackedStyle:r,desktopStyle:n}),"--column-width-tablet":this.getTabletStyle({stackedStyle:o,desktopStyle:e}),"--column-margin-left-tablet":this.getTabletStyle({stackedStyle:r,desktopStyle:n})}},getWidthForBreakpointSize(t){var n,o;return L(((o=(n=this.builderContext.content)==null?void 0:n.meta)==null?void 0:o.breakpoints)||{})[t].max},_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 Se=function(){var e=this,n=e._self._c;return n("div",{class:e._classStringToObject(`builder-columns ${e.builderBlock.id}-breakpoints div-t9spj7joih`),style:e.columnsCssVars,attrs:{dataSet:{"builder-block-name":"builder-columns"}}},[e.TARGET!=="reactNative"?[n("render-inlined-styles",{attrs:{styles:e.columnsStyles}})]:e._e(),e._l(e.columns,function(o,r){return n("div",{key:r,staticClass:"builder-column div-t9spj7joih-2",style:e.columnCssVars(r),attrs:{dataSet:{"builder-block-name":"builder-column"}}},[n("render-blocks",{attrs:{blocks:o.blocks,path:`component.options.columns.${r}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"}}})],1)})],2)},Ce=[],we=m(ke,Se,Ce,!1,null,"2bb878ea",null,null);const z=we.exports,Ie={name:"builder-fragment-component",props:[]};var Re=function(){var e=this,n=e._self._c;return n("span",[e._t("default")],2)},Te=[],$e=m(Ie,Re,Te,!1,null,null,null,null);const K=$e.exports;function F(t){return t.replace(/http(s)?:/,"")}function Ee(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 Ae(t,e){if(!t||!(t!=null&&t.match(/cdn\.shopify\.com/))||!e)return t;if(e==="master")return F(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 F(`${o[0]}_${s}${r}`)}return null}function C(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=>`${Ee(t,"width",r)} ${r}w`).concat([n]).join(", ")}return t.match(/cdn\.shopify\.com/)?e.map(n=>[Ae(t,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([t]).join(", "):t}const Fe={name:"builder-image",props:["image","src","srcset","noWebp","aspectRatio","altText","backgroundPosition","backgroundSize","className","sizes","builderBlock","fitContent"],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"),C(e)}else if(this.image&&!this.srcset)return C(e);return C(e)},webpSrcSet(){var t;return((t=this.srcSetToUse)==null?void 0:t.match(/builder\.io/))&&!this.noWebp?this.srcSetToUse.replace(/\?/g,"?format=webp&"):""},aspectRatioCss(){const t={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return this.aspectRatio?t:void 0}},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 Pe=function(){var o,r,s,i;var e=this,n=e._self._c;return n("div",[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.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...e.aspectRatioCss},attrs:{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,src:e.image,srcset:e.srcSetToUse,sizes:e.sizes}})],2),e.aspectRatio&&!(((r=(o=e.builderBlock)==null?void 0:o.children)==null?void 0:r.length)&&e.fitContent)?[n("div",{staticClass:"builder-image-sizer div-1pl23ac79ld",style:{paddingTop:e.aspectRatio*100+"%"}})]:e._e(),((i=(s=e.builderBlock)==null?void 0:s.children)==null?void 0:i.length)&&e.fitContent?[e._t("default")]:e._e(),!e.fitContent&&e.children?[n("div",{staticClass:"div-1pl23ac79ld-2"},[e._t("default")],2)]:e._e()],2)},je=[],Oe=m(Fe,Pe,je,!1,null,"b5206874",null,null);const D=Oe.exports;function p(){return typeof window<"u"&&typeof document<"u"}function Ve(){return p()&&window.self!==window.top}function g(){return Ve()&&window.location.search.indexOf("builder.frameEditing=")!==-1}const Be=()=>Promise.resolve().then(()=>require("./block-styles.7c2a87df.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}),Ue=()=>Promise.resolve().then(()=>require("./render-block.67e4dd65.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}),We={name:"render-blocks",components:{RenderBlock:Ue,BlockStyles:Be},props:["blocks","parent","path","styleProp"],inject:{builderContext:x.key},computed:{className(){var t;return"builder-blocks"+((t=this.blocks)!=null&&t.length?"":" no-blocks")}},methods:{onClick(){var t,e;g()&&!((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;g()&&!((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 Me=function(){var e=this,n=e._self._c;return n("div",{class:e._classStringToObject(e.className+" div-21azgz5avex"),style:e.styleProp,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)},Ne=[],Le=m(We,Me,Ne,!1,null,"57df98d3",null,null);const H=Le.exports,q=Object.freeze(Object.defineProperty({__proto__:null,default:H},Symbol.toStringTag,{value:"Module"})),ze={name:"Core:Button",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},S=t=>{const e=t.toString().trim();return`return (${!e.startsWith("function")&&!e.startsWith("(")?"function ":""}${e}).apply(this, arguments)`},Ke={name:"Columns",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:S(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((l,a)=>l+a.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}]},De={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},He={name:"Image",static:!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%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:S(t=>{t.delete("srcset"),t.delete("noWebp");function n(i,l=6e4){return new Promise((a,c)=>{const d=document.createElement("img");let h=!1;d.onload=()=>{h=!0,a(d)},d.addEventListener("error",u=>{console.warn("Image load failed",u.error),c(u.error)}),d.src=i,setTimeout(()=>{h||c(new Error("Image load timed out"))},l)})}function o(i){return Math.round(i*1e3)/1e3}const r=t.get("image"),s=t.get("aspectRatio");if(fetch(r).then(i=>i.blob()).then(i=>{i.type.includes("svg")&&t.set("noWebp",!0)}),r&&(!s||s===.7041))return n(r).then(i=>{const l=t.get("aspectRatio");t.get("image")===r&&(!l||l===.7041)&&i.width&&i.height&&(t.set("aspectRatio",o(i.height/i.width)),t.set("height",i.height),t.set("width",i.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}]},qe={name:"Core:Section",static:!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>"}}}]},Ge={name:"builder-section-component",props:["maxWidth","attributes"],methods:{filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{if(!e[r])return!1;const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})}}};var Je=function(){var e=this,n=e._self._c;return n("section",e._g(e._b({style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"}},"section",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[e._t("default")],2)},Xe=[],Ye=m(Ge,Je,Xe,!1,null,null,null,null);const G=Ye.exports,Qe={name:"Symbol",noWrap:!0,static:!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"}]},w="[Builder.io]: ",y={log:(...t)=>console.log(w,...t),error:(...t)=>console.error(w,...t),warn:(...t)=>console.warn(w,...t)};function Ze(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function et(){const t=Ze().fetch;if(typeof t>"u")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return t}const J=et(),b=t=>t!=null,tt=t=>{if(t==="localhost"||t==="127.0.0.1")return t;const e=t.split(".");return e.length>2?e.slice(1).join("."):t},X=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);return}},nt=t=>t.map(([e,n])=>n?`${e}=${n}`:e).filter(b).join("; "),ot=[["secure",""],["SameSite","None"]],rt=({name:t,value:e,expires:n})=>{const r=(p()?location.protocol==="https:":!0)?ot:[[]],s=n?[["expires",n.toUTCString()]]:[[]],i=[[t,e],...s,["path","/"],["domain",tt(window.location.hostname)],...r];return nt(i)},Y=async({name:t,value:e,expires:n,canTrack:o})=>{try{if(!o)return;const r=rt({name:t,value:e,expires:n});document.cookie=r}catch(r){console.warn("[COOKIE] SET error: ",r)}},st="builderio.variations",Q=t=>`${st}.${t}`,it=({contentId:t,canTrack:e})=>X({name:Q(t),canTrack:e}),at=({contentId:t,canTrack:e,value:n})=>Y({name:Q(t),value:n,canTrack:e}),lt=t=>b(t.id)&&b(t.variations)&&Object.keys(t.variations).length>0,ct=({id:t,variations:e})=>{var r;let n=0;const o=Math.random();for(const s in e){const i=(r=e[s])==null?void 0:r.testRatio;if(n+=i,o<n)return s}return t},P=({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":"")}},dt=async({item:t,canTrack:e})=>{const n=await it({canTrack:e,contentId:t.id}),o=n?P({item:t,testGroupId:n}):void 0;if(o)return o;{const r=ct({variations:t.variations,id:t.id});return at({contentId:t.id,value:r,canTrack:e}).catch(s=>{console.error("could not store A/B test variation: ",s)}),P({item:t,testGroupId:r})}},ut=async({item:t,canTrack:e})=>{if(!lt(t))return;const n=await dt({item:t,canTrack:e});Object.assign(t,n)};function I(t,e=null,n="."){return Object.keys(t).reduce((o,r)=>{const s=t[r],i=[e,r].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...o,...I(s,i,n)}:{...o,[i]:s}},{})}const j="builder.",pt="options.",Z=t=>{const e={};return t.forEach((n,o)=>{e[o]=n}),e},ee=t=>{if(!t)return{};const e=$(t),n={};return Object.keys(e).forEach(o=>{if(o.startsWith(j)){const r=o.replace(j,"").replace(pt,"");n[r]=e[o]}}),n},te=()=>{if(!p())return{};const t=new URLSearchParams(window.location.search);return ee(t)},$=t=>t instanceof URLSearchParams?Z(t):t,mt="v3",ht=t=>{const{limit:e=30,userAttributes:n,query:o,noTraverse:r=!1,model:s,apiKey:i,includeRefs:l=!0,locale:a,apiVersion:c=mt}=t;if(!i)throw new Error("Missing API key");if(!["v2","v3"].includes(c))throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${c}'`);const d=new URL(`https://cdn.builder.io/api/${c}/content/${s}?apiKey=${i}&limit=${e}&noTraverse=${r}&includeRefs=${l}${a?`&locale=${a}`:""}`),h={...te(),...$(t.options||{})},u=I(h);for(const f in u)d.searchParams.set(f,String(u[f]));if(n&&d.searchParams.set("userAttributes",JSON.stringify(n)),o){const f=I({query:o});for(const _ in f)d.searchParams.set(_,JSON.stringify(f[_]))}return d};async function E(t){const e=await ne({...t,limit:1});return e&&"results"in e&&(e==null?void 0:e.results[0])||null}async function ne(t){try{const e=ht(t),o=await(await J(e.href)).json();if("status"in o&&!("results"in o))return y.error("Error fetching data. ",o,t),o;const r=t.canTrack!==!1;try{if(r&&Array.isArray(o.results))for(const s of o.results)await ut({item:s,canTrack:r})}catch(s){y.error("Could not setup A/B testing. ",s)}return o}catch(e){return y.error("Error fetching data. ",e),null}}const ft=()=>Promise.resolve().then(()=>$n).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}),gt={name:"builder-symbol",components:{RenderContent:ft},props:["attributes","symbol","dynamic"],data(){var t,e,n;return{className:[...Object.keys(this.attributes.class),"builder-symbol",(t=this.symbol)!=null&&t.inline?"builder-inline-symbol":void 0,((e=this.symbol)==null?void 0:e.dynamic)||this.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" "),contentToUse:(n=this.symbol)==null?void 0:n.content}},inject:{builderContext:x.key},mounted(){this.fetchContent()},watch:{onUpdateHook0:{handler(){this.fetchContent()},immediate:!0}},computed:{onUpdateHook0(){return{0:this.symbol}}},methods:{fetchContent(){var t,e;!this.contentToUse&&((t=this.symbol)==null?void 0:t.model)&&((e=this.builderContext)==null?void 0:e.apiKey)&&E({model:this.symbol.model,apiKey:this.builderContext.apiKey,apiVersion:this.builderContext.apiVersion,query:{id:this.symbol.entry}}).then(n=>{n&&(this.contentToUse=n)}).catch(n=>{y.error("Could not fetch symbol content: ",n)})},filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{if(!e[r])return!1;const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})},_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 bt=function(){var o,r,s,i;var e=this,n=e._self._c;return n("div",e._g(e._b({class:e._classStringToObject(e.className),attrs:{dataSet:{class:e.className}}},"div",e.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)),[n("render-content",{attrs:{apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:e.builderContext.context,customComponents:Object.values(e.builderContext.registeredComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.state,...(s=(r=e.contentToUse)==null?void 0:r.data)==null?void 0:s.state},model:(i=e.symbol)==null?void 0:i.model,content:e.contentToUse}})],1)},yt=[],vt=m(gt,bt,yt,!1,null,null,null,null);const oe=vt.exports,_t={name:"Text",static:!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"}},xt={name:"builder-text",props:["text"]};var kt=function(){var e=this,n=e._self._c;return n("span",{staticClass:"builder-text",style:{outline:"none"},domProps:{innerHTML:e._s(e.text)}})},St=[],Ct=m(xt,kt,St,!1,null,null,null,null);const re=Ct.exports,wt={name:"Video",canHaveChildren:!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}]},It={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}:{}}},spreadProps(){return{...this.attributes,...this.videoProps}}}};var Rt=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.spreadProps,!1))},Tt=[],$t=m(It,Rt,Tt,!1,null,null,null,null);const se=$t.exports,Et={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:S(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}]},At=["text/javascript","application/javascript","application/ecmascript"],Ft=t=>At.includes(t.type),Pt={name:"builder-embed",props:["content"],data(){return{scriptsInserted:[],scriptsRun:[],ranInitFn:!1}},watch:{onUpdateHook0:{handler(){this.$refs.elem&&!this.ranInitFn&&(this.ranInitFn=!0,this.findAndRunScripts())},immediate:!0}},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(Ft(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 jt=function(){var e=this,n=e._self._c;return n("div",{ref:"elem",staticClass:"builder-embed",domProps:{innerHTML:e._s(e.content)}})},Ot=[],Vt=m(Pt,jt,Ot,!1,null,null,null,null);const Bt=Vt.exports,Ut={name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data(){return{isEditing:g}},methods:{filterAttrs:function(e={},n){const o="v-on:";return Object.keys(e).filter(r=>{if(!e[r])return!1;const s=r.startsWith(o);return n?s:!s}).reduce((r,s)=>({...r,[s.replace(o,"")]:e[s]}),{})}}};var Wt=function(){var e=this,n=e._self._c;return n("img",e._g(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.filterAttrs(e.attributes,!1),!1),e.filterAttrs(e.attributes,!0)))},Mt=[],Nt=m(Ut,Wt,Mt,!1,null,null,null,null);const Lt=Nt.exports,zt={name:"Raw:Img",hideFromInsertMenu:!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},Kt={name:"builder-custom-code",props:["replaceNodes","code"],data(){return{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 Dt=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)}})},Ht=[],qt=m(Kt,Dt,Ht,!1,null,null,null,null);const Gt=qt.exports,Jt={name:"Custom Code",static:!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}]},Xt=()=>[{component:M,...ze},{component:z,...Ke},{component:Gt,...Jt},{component:Bt,...Et},{component:K,...De},{component:D,...He},{component:Lt,...zt},{component:G,...qe},{component:oe,...Qe},{component:re,..._t},{component:se,...wt}];function R({code:t,context:e,state:n,event:o,isExpression:r=!0}){if(t===""){console.warn("Skipping evaluation of empty code block.");return}const s={isEditing:g(),isBrowser:p(),isServer:!p()},l=r&&!(t.includes(";")||t.includes(" return ")||t.trim().startsWith("return "))?`return (${t});`:t;try{return new Function("builder","Builder","state","context","event",l)(s,s,n,e,o)}catch(a){console.warn(`Builder custom code error: 
+ While Evaluating: 
+ `,l,`
+`,a)}}function ie(){return!p()||g()?!1:Boolean(location.search.indexOf("builder.preview=")!==-1)}const A=[];function Yt(t,e){return A.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 ae=({component:t,...e})=>({type:"builder.registerComponent",data:Zt(e)}),Qt=t=>typeof t=="function"?S(t):k(t),Zt=({inputs:t,...e})=>({...k(e),inputs:t==null?void 0:t.map(n=>Object.entries(n).reduce((o,[r,s])=>({...o,[r]:Qt(s)}),{}))});function en(){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 le(){return en().replace(/-/g,"")}const ce="builderSessionId",tn=async({canTrack:t})=>{if(!t)return;const e=await X({name:ce,canTrack:t});if(b(e))return e;{const n=nn();return on({id:n,canTrack:t}),n}},nn=()=>le(),on=({id:t,canTrack:e})=>Y({name:ce,value:t,canTrack:e}),de=()=>p()&&typeof localStorage<"u"?localStorage:void 0,rn=({key:t,canTrack:e})=>{var n;try{return e?(n=de())==null?void 0:n.getItem(t):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},sn=({key:t,canTrack:e,value:n})=>{var o;try{e&&((o=de())==null||o.setItem(t,n))}catch(r){console.debug("[LocalStorage] SET error: ",r)}},ue="builderVisitorId",an=({canTrack:t})=>{if(!t)return;const e=rn({key:ue,canTrack:t});if(b(e))return e;{const n=ln();return cn({id:n,canTrack:t}),n}},ln=()=>le(),cn=({id:t,canTrack:e})=>sn({key:ue,value:t,canTrack:e}),dn=()=>{if(p()){const t=new URL(location.href);return t.pathname===""&&(t.pathname="/"),t}else return console.warn("Cannot get location for tracking in non-browser environment"),null},un=()=>typeof navigator=="object"&&navigator.userAgent||"",pn=()=>{const t=un(),e={Android(){return t.match(/Android/i)},BlackBerry(){return t.match(/BlackBerry/i)},iOS(){return t.match(/iPhone|iPod/i)},Opera(){return t.match(/Opera Mini/i)},Windows(){return t.match(/IEMobile/i)||t.match(/WPDesktop/i)},any(){return e.Android()||e.BlackBerry()||e.iOS()||e.Opera()||e.Windows()||v==="reactNative"}},n=t.match(/Tablet|iPad/i),o=dn();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:n?"tablet":e.any()?"mobile":"desktop"}},mn=async({canTrack:t})=>{if(!t)return{visitorId:void 0,sessionId:void 0};const e=await tn({canTrack:t}),n=an({canTrack:t});return{sessionId:e,visitorId:n}},hn=async({type:t,canTrack:e,apiKey:n,metadata:o,...r})=>({type:t,data:{...r,metadata:{url:location.href,...o},...await mn({canTrack:e}),userAttributes:pn(),ownerId:n}});async function T(t){if(!t.apiKey){y.error("Missing API key for track call. Please provide your API key.");return}if(!!t.canTrack&&!g()&&!!(p()||v==="reactNative"))return fetch("https://builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await hn(t)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(e=>{console.error("Failed to track: ",e)})}const fn=t=>T({...t,canTrack:!0}),O={};function pe(t,e){let n=O[t];if(n||(n=O[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 gn=()=>{pe("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let V=!1;const bn=(t={})=>{var e,n;V||(V=!0,p()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:v,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:t}},"*"),window.addEventListener("message",({data:o})=>{var r,s;if(!!(o!=null&&o.type))switch(o.type){case"builder.evaluate":{const i=o.data.text,l=o.data.arguments||[],a=o.data.id,c=new Function(i);let d,h=null;try{d=c.apply(null,l)}catch(u){h=u}h?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:a,error:h.message}},"*"):d&&typeof d.then=="function"?d.then(u=>{var f;(f=window.parent)==null||f.postMessage({type:"builder.evaluateResult",data:{id:a,result:u}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:d,id:a}},"*");break}}})))};function B(t){return Math.round(t*1e3)/1e3}const yn=(t,e,n=!0)=>{if(!(t instanceof HTMLElement))return null;let o=n?t:t.parentElement;do{if(!o)return null;if(e(o))return o}while(o=o.parentElement);return null},vn=t=>yn(t,e=>{const n=e.getAttribute("builder-id")||e.id;return Boolean((n==null?void 0:n.indexOf("builder-"))===0)}),U=({event:t,target:e})=>{const n=e.getBoundingClientRect(),o=t.clientX-n.left,r=t.clientY-n.top,s=B(o/n.width),i=B(r/n.height);return{x:s,y:i}},_n=t=>{const e=t.target,n=e&&vn(e),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:e?U({event:t,target:e}):void 0,builderTargetOffset:n?U({event:t,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},xn=({content:t,data:e,locale:n})=>{var s,i,l;const o={};(i=(s=t==null?void 0:t.data)==null?void 0:s.inputs)==null||i.forEach(a=>{var c;a.name&&a.defaultValue!==void 0&&((c=t==null?void 0:t.data)==null?void 0:c.state)&&t.data.state[a.name]===void 0&&(o[a.name]=a.defaultValue)});const r={...(l=t==null?void 0:t.data)==null?void 0:l.state,...e,...n?{locale:n}:{}};return{...o,...r}},kn=({content:t,data:e})=>t?{...t,data:{...t==null?void 0:t.data,...e},meta:t==null?void 0:t.meta}:void 0,Sn=()=>Promise.resolve().then(()=>q).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",t),t}),Cn=()=>Promise.resolve().then(()=>require("./render-styles.de7287b6.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}),wn={name:"render-content",components:{RenderContentStyles:Cn,RenderBlocks:Sn},props:["content","data","canTrack","locale","customComponents","model","context","apiKey","includeRefs","apiVersion"],data(){return{forceReRenderCount:0,overrideContent:null,useContent:kn({content:this.content,data:this.data}),update:0,canTrackToUse:b(this.canTrack)?this.canTrack:!0,contentState:xn({content:this.content,data:this.data,locale:this.locale}),allRegisteredComponents:[...Xt(),...A,...this.customComponents||[]].reduce((t,e)=>({...t,[e.name]:e}),{}),httpReqsData:{},clicked:!1,TARGET:v}},provide(){const t=this;return{[x.key]:{content:t.useContent,state:t.contentState,setState:t.setContextState,context:t.context||{},apiKey:t.apiKey,apiVersion:t.apiVersion,registeredComponents:t.allRegisteredComponents}}},mounted(){var t,e;if(this.apiKey||y.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),p()){if(g()&&(this.forceReRenderCount=this.forceReRenderCount+1,gn(),bn({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{}}),Object.values(this.allRegisteredComponents).forEach(n=>{var r;const o=ae(n);(r=window.parent)==null||r.postMessage(o,"*")}),window.addEventListener("message",this.processMessage),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.useContent){const n=(t=this.useContent)==null?void 0:t.testVariationId,o=(e=this.useContent)==null?void 0:e.id;T({type:"impression",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:n!==o?n:void 0})}if(ie()){const n=new URL(location.href).searchParams,o=n.get("builder.preview"),r=n.get(`builder.preview.${o}`),s=n.get("apiKey")||n.get("builder.space");o===this.model&&s===this.apiKey&&(!this.content||r===this.content.id)&&E({model:this.model,apiKey:this.apiKey,apiVersion:this.apiVersion}).then(i=>{i&&this.mergeNewContent(i)})}this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()}},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook2:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook3:{handler(){this.emitStateUpdate()},immediate:!0}},unmounted(){p()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){var t,e;return{0:(e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.jsCode,1:this.contentState}},onUpdateHook2(){var t,e;return{0:(e=(t=this.useContent)==null?void 0:t.data)==null?void 0:e.httpRequests}},onUpdateHook3(){return{0:this.contentState}}},methods:{mergeNewContent(t){var e,n,o,r,s;this.useContent={...this.useContent,...t,data:{...(e=this.useContent)==null?void 0:e.data,...t==null?void 0:t.data},meta:{...(n=this.useContent)==null?void 0:n.meta,...t==null?void 0:t.meta,breakpoints:((o=t==null?void 0:t.meta)==null?void 0:o.breakpoints)||((s=(r=this.useContent)==null?void 0:r.meta)==null?void 0:s.breakpoints)}}},setBreakpoints(t){var e;this.useContent={...this.useContent,meta:{...(e=this.useContent)==null?void 0:e.meta,breakpoints:t}}},setContextState(t){this.contentState=t},processMessage(t){var n;const{data:e}=t;if(e)switch(e.type){case"builder.configureSdk":{const o=e.data,{breakpoints:r,contentId:s}=o;if(!s||s!==((n=this.useContent)==null?void 0:n.id))return;r&&this.setBreakpoints(r),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const o=e.data,r=o.key||o.alias||o.entry||o.modelName,s=o.data;r===this.model&&(this.mergeNewContent(s),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&&R({code:t,context:this.context||{},state:this.contentState})},onClick(t){var e,n;if(this.useContent){const o=(e=this.useContent)==null?void 0:e.testVariationId,r=(n=this.useContent)==null?void 0:n.id;T({type:"click",canTrack:this.canTrackToUse,contentId:r,apiKey:this.apiKey,variationId:o!==r?o:void 0,..._n(t),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(t){return t.replace(/{{([^}]+)}}/g,(e,n)=>R({code:n,context:this.context||{},state:this.contentState}))},handleRequest({url:t,key:e}){J(t).then(n=>n.json()).then(n=>{const o={...this.contentState,[e]:n};this.setContextState(o)}).catch(n=>{console.error("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]||g())){const i=this.evalExpression(s);this.handleRequest({url:i,key:r})}})},emitStateUpdate(){g()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.contentState,ref:{name:this.model}}}))}}};var In=function(){var o,r,s,i,l,a,c,d;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,"builder-model":e.model},on:{click:function(h){return e.onClick(h)}}},[e.TARGET!=="reactNative"?[n("render-content-styles",{attrs:{contentId:(r=e.useContent)==null?void 0:r.id,cssCode:(i=(s=e.useContent)==null?void 0:s.data)==null?void 0:i.cssCode,customFonts:(a=(l=e.useContent)==null?void 0:l.data)==null?void 0:a.customFonts}})]:e._e(),n("render-blocks",{key:e.forceReRenderCount,attrs:{blocks:(d=(c=e.useContent)==null?void 0:c.data)==null?void 0:d.blocks}})],2):e._e()},Rn=[],Tn=m(wn,In,Rn,!1,null,null,null,null);const me=Tn.exports,$n=Object.freeze(Object.defineProperty({__proto__:null,default:me},Symbol.toStringTag,{value:"Module"})),W={};function En(t){if(p()){Object.assign(W,t);const e={type:"builder.settingsChange",data:W};parent.postMessage(e,"*")}}exports.BuilderContext=x;exports.Button=M;exports.Columns=z;exports.Fragment=K;exports.Image=D;exports.Section=G;exports.Symbol=oe;exports.TARGET=v;exports.Text=re;exports.Video=se;exports.checkIsDefined=b;exports.components=A;exports.convertSearchParamsToQueryObject=Z;exports.createRegisterComponentMessage=ae;exports.evaluate=R;exports.fastClone=k;exports.getAllContent=ne;exports.getBuilderSearchParams=ee;exports.getBuilderSearchParamsFromWindow=te;exports.getContent=E;exports.getMaxWidthQueryForSize=ye;exports.getSizesForBreakpoints=L;exports.isEditing=g;exports.isPreviewing=ie;exports.normalizeComponent=m;exports.normalizeSearchParams=$;exports.register=pe;exports.registerComponent=Yt;exports.renderBlocks=H;exports.renderContent=me;exports.setEditorSettings=En;exports.track=fn;