@builder.io/sdk-vue 0.4.4 → 0.5.0

package/packages/_vue2/dist/content.fb93079e.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),i=require("./index.051a3d7b.cjs"),g={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},b={name:"Columns",isRSC:!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:e=>{function t(){n.forEach(a=>{a.delete("width")})}const n=e.get("columns");Array.isArray(n)&&!!n.find(r=>r.get("width"))&&(!!n.find(c=>!c.get("width"))||n.reduce((s,l)=>s+l.get("width"),0)!==100)&&t()}},{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}]},y={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},x={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:e=>{e.delete("srcset"),e.delete("noWebp");function n(o,s=6e4){return new Promise((l,d)=>{const p=document.createElement("img");let m=!1;p.onload=()=>{m=!0,l(p)},p.addEventListener("error",h=>{console.warn("Image load failed",h.error),d(h.error)}),p.src=o,setTimeout(()=>{m||d(new Error("Image load timed out"))},s)})}function a(o){return Math.round(o*1e3)/1e3}const r=e.get("image"),c=e.get("aspectRatio");if(fetch(r).then(o=>o.blob()).then(o=>{o.type.includes("svg")&&e.set("noWebp",!0)}),r&&(!c||c===.7041))return n(r).then(o=>{const s=e.get("aspectRatio");e.get("image")===r&&(!s||s===.7041)&&o.width&&o.height&&(e.set("aspectRatio",a(o.height/o.width)),e.set("height",o.height),e.set("width",o.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}]},v={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>"}}}]},S={name:"Symbol",noWrap:!0,static:!0,isRSC:!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"}]},T={name:"Text",static:!0,isRSC:!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"}},_={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:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{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}]},I={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(a=>a.json()).then(a=>{e.get("url")===t&&(a.html?e.set("content",a.html):e.set("content","Invalid url, please try another"))}).catch(a=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")}},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},C=["text/javascript","application/javascript","application/ecmascript"],w=e=>C.includes(e.type),k=u.defineComponent({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 e=this.$refs.elem.getElementsByTagName("script");for(let t=0;t<e.length;t++){const n=e[t];if(n.src&&!this.scriptsInserted.includes(n.src)){this.scriptsInserted.push(n.src);const a=document.createElement("script");a.async=!0,a.src=n.src,document.head.appendChild(a)}else if(w(n)&&!this.scriptsRun.includes(n.innerText))try{this.scriptsRun.push(n.innerText),new Function(n.innerText)()}catch(a){console.warn("`Embed`: Error running script:",a)}}}}});var R=function(){var t=this,n=t._self._c;return t._self._setupProxy,n("div",{ref:"elem",staticClass:"builder-embed",domProps:{innerHTML:t._s(t.content)}})},F=[],E=i.normalizeComponent(k,R,F,!1,null,null,null,null);const V=E.exports,A=u.defineComponent({name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data(){return{isEditing:i.isEditing,filterAttrs:i.filterAttrs}}});var P=function(){var t=this,n=t._self._c;return t._self._setupProxy,n("img",t._g(t._b({key:t.isEditing()&&t.imgSrc||"default-key",style:{objectFit:t.backgroundSize||"cover",objectPosition:t.backgroundPosition||"center"},attrs:{alt:t.altText,src:t.imgSrc||t.image}},"img",t.filterAttrs(t.attributes,"v-on:",!1),!1),t.filterAttrs(t.attributes,"v-on:",!0)))},$=[],W=i.normalizeComponent(A,P,$,!1,null,null,null,null);const j=W.exports,U={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","gif","webp"],required:!0}],noWrap:!0,static:!0},z=u.defineComponent({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 e=this.$refs.elem.getElementsByTagName("script");for(let t=0;t<e.length;t++){const n=e[t];if(n.src){if(this.scriptsInserted.includes(n.src))continue;this.scriptsInserted.push(n.src);const a=document.createElement("script");a.async=!0,a.src=n.src,document.head.appendChild(a)}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(a){console.warn("`CustomCode`: Error running script:",a)}}}}},_classStringToObject(e){const t={};if(typeof e!="string")return t;const n=e.trim().split(/\s+/);for(const a of n)t[a]=!0;return t}}});var H=function(){var t=this,n=t._self._c;return t._self._setupProxy,n("div",{ref:"elem",class:t._classStringToObject("builder-custom-code"+(t.replaceNodes?" replace-nodes":"")),domProps:{innerHTML:t._s(t.code)}})},q=[],L=i.normalizeComponent(z,H,q,!1,null,null,null,null);const D=L.exports,N={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}]},f=()=>[{component:i.Button,...g},{component:i.Columns,...b},{component:D,...N},{component:V,...I},{component:i.Fragment,...y},{component:i.Image,...x},{component:j,...U},{component:i.Section,...v},{component:i.Symbol,...S},{component:i.Text,...T},{component:i.Video,..._}],M=({content:e,data:t,locale:n})=>{var c,o,s;const a={};(o=(c=e==null?void 0:e.data)==null?void 0:c.inputs)==null||o.forEach(l=>{var d;l.name&&l.defaultValue!==void 0&&((d=e==null?void 0:e.data)==null?void 0:d.state)&&e.data.state[l.name]===void 0&&(a[l.name]=l.defaultValue)});const r={...(s=e==null?void 0:e.data)==null?void 0:s.state,...t,...n?{locale:n}:{}};return{...a,...r}},B=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0,K=()=>Promise.resolve().then(()=>require("./index.051a3d7b.cjs")).then(e=>e.blocks$1).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Blocks at ../blocks/blocks.vue",e),e}),O=()=>Promise.resolve().then(()=>require("./styles.716893e3.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component ContentStyles at ./components/styles.vue",e),e}),G=()=>Promise.resolve().then(()=>require("./enable-editor.12c3716b.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component EnableEditor at ./components/enable-editor.vue",e),e}),J=()=>Promise.resolve().then(()=>require("./inlined-script.874c7b5a.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",e),e}),Y=u.defineComponent({name:"content-component",components:{"enable-editor":G,"inlined-script":J,"content-styles":O,blocks:K},props:["content","customComponents","data","locale","context","apiKey","apiVersion","model","canTrack","includeRefs","enrich","classNameProp","showContent","isSsrAbTest"],data(){var e,t;return{scriptStr:i.getRenderContentScriptString({variationId:(e=this.content)==null?void 0:e.testVariationId,contentId:(t=this.content)==null?void 0:t.id}),registeredComponents:[...f(),...i.components,...this.customComponents||[]].reduce((n,{component:a,...r})=>({...n,[r.name]:{component:a,...i.serializeComponentInfo(r)}}),{}),builderContextSignal:{content:B({content:this.content,data:this.data}),localState:void 0,rootState:M({content:this.content,data:this.data,locale:this.locale}),rootSetState:this.contentSetState,context:this.context||{},apiKey:this.apiKey,apiVersion:this.apiVersion,componentInfos:[...f(),...i.components,...this.customComponents||[]].reduce((n,{component:a,...r})=>({...n,[r.name]:i.serializeComponentInfo(r)}),{}),inheritedStyles:{}},TARGET:i.TARGET}},methods:{contentSetState(e){this.builderContextSignal.rootState=e}}});var X=function(){var a,r,c,o,s,l,d;var t=this,n=t._self._c;return t._self._setupProxy,n("enable-editor",t._b({attrs:{content:t.content,model:t.model,context:t.context,apiKey:t.apiKey,canTrack:t.canTrack,locale:t.locale,includeRefs:t.includeRefs,enrich:t.enrich,classNameProp:t.classNameProp,showContent:t.showContent,builderContextSignal:t.builderContextSignal}},"enable-editor",{},!1),[t.isSsrAbTest?[n("inlined-script",{attrs:{scriptStr:t.scriptStr}})]:t._e(),t.TARGET!=="reactNative"?[n("content-styles",{attrs:{contentId:(a=t.builderContextSignal.content)==null?void 0:a.id,cssCode:(c=(r=t.builderContextSignal.content)==null?void 0:r.data)==null?void 0:c.cssCode,customFonts:(s=(o=t.builderContextSignal.content)==null?void 0:o.data)==null?void 0:s.customFonts}})]:t._e(),n("blocks",{attrs:{blocks:(d=(l=t.builderContextSignal.content)==null?void 0:l.data)==null?void 0:d.blocks,context:t.builderContextSignal,registeredComponents:t.registeredComponents}})],2)},Q=[],Z=i.normalizeComponent(Y,X,Q,!1,null,null,null,null);const ee=Z.exports;exports.default=ee;

package/packages/_vue2/dist/css.1aff1efe.js

@@ -0,0 +1,21 @@
+import { c as o } from "./index.8352d880.js";
+const c = (s) => s.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), n = (s) => Object.entries(s).map(([r, e]) => {
+  if (typeof e == "string")
+    return `${c(r)}: ${e};`;
+}).filter(o), a = (s) => n(s).join(`
+`), i = ({
+  mediaQuery: s,
+  className: t,
+  styles: r
+}) => {
+  const e = `.${t} {
+    ${a(r)}
+  }`;
+  return s ? `${s} {
+      ${e}
+    }` : e;
+};
+export {
+  n as a,
+  i as c
+};

package/packages/_vue2/dist/css.daac46ac.cjs

@@ -0,0 +1,6 @@
+"use strict";const n=require("./index.051a3d7b.cjs"),o=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),c=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${o(r)}: ${s};`}).filter(n.checkIsDefined),a=e=>c(e).join(`
+`),i=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
+    ${a(r)}
+  }`;return e?`${e} {
+      ${s}
+    }`:s};exports.convertStyleMapToCSSArray=c;exports.createCssClass=i;

package/packages/_vue2/dist/enable-editor.12c3716b.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("vue"),p=require("./evaluate.d1bef2c5.cjs"),a=require("./index.051a3d7b.cjs"),m=require("./builder.context.e22f06a0.cjs"),v="0.5.0",k=()=>{a.register("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 f=!1;const R=(n={})=>{var e,t;f||(f=!0,a.isBrowser()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:a.TARGET,version:v,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(t=window.parent)==null||t.postMessage({type:"builder.updateContent",data:{options:n}},"*"),window.addEventListener("message",({data:i})=>{var o,s;if(!!(i!=null&&i.type))switch(i.type){case"builder.evaluate":{const r=i.data.text,S=i.data.arguments||[],c=i.data.id,C=new Function(r);let d,l=null;try{d=C.apply(null,S)}catch(u){l=u}l?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:c,error:l.message}},"*"):d&&typeof d.then=="function"?d.then(u=>{var h;(h=window.parent)==null||h.postMessage({type:"builder.evaluateResult",data:{id:c,result:u}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:d,id:c}},"*");break}}})))};function g(n){return Math.round(n*1e3)/1e3}const y=(n,e,t=!0)=>{if(!(n instanceof HTMLElement))return null;let i=t?n:n.parentElement;do{if(!i)return null;if(e(i))return i}while(i=i.parentElement);return null},w=n=>y(n,e=>{const t=e.getAttribute("builder-id")||e.id;return Boolean((t==null?void 0:t.indexOf("builder-"))===0)}),b=({event:n,target:e})=>{const t=e.getBoundingClientRect(),i=n.clientX-t.left,o=n.clientY-t.top,s=g(i/t.width),r=g(o/t.height);return{x:s,y:r}},_=n=>{const e=n.target,t=e&&w(e),i=(t==null?void 0:t.getAttribute("builder-id"))||(t==null?void 0:t.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:e?b({event:n,target:e}):void 0,builderTargetOffset:t?b({event:n,target:t}):void 0,builderElementIndex:t&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(t):void 0}}},E=x.defineComponent({name:"enable-editor",props:["canTrack","builderContextSignal","model","context","apiKey","showContent","classNameProp","content","locale","includeRefs","enrich"],data(){return{canTrackToUse:a.checkIsDefined(this.canTrack)?this.canTrack:!0,forceReRenderCount:0,lastUpdated:0,shouldSendResetCookie:!1,httpReqsData:{},clicked:!1,builderContext:m.builderContext}},provide(){const n=this;return{[m.builderContext.key]:n.builderContextSignal}},mounted(){var n,e;if(this.apiKey||a.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),a.isBrowser()){if(a.isEditing()&&(this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),k(),R({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var o;const i=a.createRegisterComponentMessage(t);(o=window.parent)==null||o.postMessage(i,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.builderContextSignal.content){const t=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,i=(e=this.builderContextSignal.content)==null?void 0:e.id;a._track({type:"impression",canTrack:this.canTrackToUse,contentId:i,apiKey:this.apiKey,variationId:t!==i?t:void 0})}if(a.isPreviewing()){const t=new URL(location.href).searchParams,i=t.get("builder.preview"),o=t.get(`builder.preview.${i}`),s=t.get("apiKey")||t.get("builder.space");i===this.model&&s===this.apiKey&&(!this.content||o===this.content.id)&&a.getContent({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(r=>{r&&this.mergeNewContent(r)})}this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()}},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0}},unmounted(){a.isBrowser()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var n,e;return{0:(e=(n=this.builderContextSignal.content)==null?void 0:n.data)==null?void 0:e.jsCode,1:this.builderContextSignal.rootState}},onUpdateHook3(){var n,e;return{0:(e=(n=this.builderContextSignal.content)==null?void 0:n.data)==null?void 0:e.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}}},methods:{mergeNewContent(n){var t,i,o,s,r;const e={...this.builderContextSignal.content,...n,data:{...(t=this.builderContextSignal.content)==null?void 0:t.data,...n==null?void 0:n.data},meta:{...(i=this.builderContextSignal.content)==null?void 0:i.meta,...n==null?void 0:n.meta,breakpoints:((o=n==null?void 0:n.meta)==null?void 0:o.breakpoints)||((r=(s=this.builderContextSignal.content)==null?void 0:s.meta)==null?void 0:r.breakpoints)}};this.builderContextSignal.content=e},processMessage(n){var t;const{data:e}=n;if(e)switch(e.type){case"builder.configureSdk":{const i=e.data,{breakpoints:o,contentId:s}=i;if(!s||s!==((t=this.builderContextSignal.content)==null?void 0:t.id))return;o&&this.mergeNewContent({meta:{breakpoints:o}}),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const i=e.data,o=i.key||i.alias||i.entry||i.modelName,s=i.data;o===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var e,t;const n=(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode;n&&p.evaluate({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(n){var e,t;if(this.builderContextSignal.content){const i=(e=this.builderContextSignal.content)==null?void 0:e.testVariationId,o=(t=this.builderContextSignal.content)==null?void 0:t.id;a._track({type:"click",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:i!==o?i:void 0,..._(n),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(n){return n.replace(/{{([^}]+)}}/g,(e,t)=>p.evaluate({code:t,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:n,key:e}){a.fetch(n).then(t=>t.json()).then(t=>{var o,s;const i={...this.builderContextSignal.rootState,[e]:t};(s=(o=this.builderContextSignal).rootSetState)==null||s.call(o,i),this.httpReqsData[e]=!0}).catch(t=>{console.error("error fetching dynamic data",n,t)})},runHttpRequests(){var e,t,i;const n=(i=(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests)!=null?i:{};Object.entries(n).forEach(([o,s])=>{if(s&&(!this.httpReqsData[o]||a.isEditing())){const r=this.evalExpression(s);this.handleRequest({url:r,key:o})}})},emitStateUpdate(){a.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.builderContextSignal.rootState,ref:{name:this.model}}}))},_classStringToObject(n){const e={};if(typeof n!="string")return e;const t=n.trim().split(/\s+/);for(const i of t)e[i]=!0;return e}}});var U=function(){var i;var e=this,t=e._self._c;return e._self._setupProxy,e.builderContextSignal.content?t("div",e._b({key:e.forceReRenderCount,ref:"elementRef",class:e._classStringToObject(e.classNameProp),attrs:{"builder-content-id":(i=e.builderContextSignal.content)==null?void 0:i.id,"builder-model":e.model},on:{click:function(o){return e.onClick(o)}}},"div",{...e.showContent?{}:{hidden:!0,"aria-hidden":!0}},!1),[e._t("default")],2):e._e()},I=[],T=a.normalizeComponent(E,U,I,!1,null,null,null,null);const P=T.exports;exports.default=P;

package/packages/_vue2/dist/enable-editor.8d1c24b0.js

@@ -0,0 +1,428 @@
+import { defineComponent as k } from "vue";
+import { e as m } from "./evaluate.b0496c3f.js";
+import { r as R, i as h, T as y, c as w, l as _, b as u, _ as f, m as E, o as U, p as I, q as T, n as P } from "./index.8352d880.js";
+import { b as g } from "./builder.context.29ec27bd.js";
+const M = "0.5.0", H = () => {
+  R("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 b = !1;
+const q = (n = {}) => {
+  var e, t;
+  b || (b = !0, h() && ((e = window.parent) == null || e.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: y,
+      version: M,
+      supportsPatchUpdates: !1,
+      supportsAddBlockScoping: !0,
+      supportsCustomBreakpoints: !0
+    }
+  }, "*"), (t = window.parent) == null || t.postMessage({
+    type: "builder.updateContent",
+    data: {
+      options: n
+    }
+  }, "*"), window.addEventListener("message", ({
+    data: i
+  }) => {
+    var o, s;
+    if (!!(i != null && i.type))
+      switch (i.type) {
+        case "builder.evaluate": {
+          const a = i.data.text, x = i.data.arguments || [], d = i.data.id, v = new Function(a);
+          let r, c = null;
+          try {
+            r = v.apply(null, x);
+          } catch (l) {
+            c = l;
+          }
+          c ? (o = window.parent) == null || o.postMessage({
+            type: "builder.evaluateError",
+            data: {
+              id: d,
+              error: c.message
+            }
+          }, "*") : r && typeof r.then == "function" ? r.then((l) => {
+            var p;
+            (p = window.parent) == null || p.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                id: d,
+                result: l
+              }
+            }, "*");
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+            type: "builder.evaluateResult",
+            data: {
+              result: r,
+              id: d
+            }
+          }, "*");
+          break;
+        }
+      }
+  })));
+};
+function S(n) {
+  return Math.round(n * 1e3) / 1e3;
+}
+const K = (n, e, t = !0) => {
+  if (!(n instanceof HTMLElement))
+    return null;
+  let i = t ? n : n.parentElement;
+  do {
+    if (!i)
+      return null;
+    if (e(i))
+      return i;
+  } while (i = i.parentElement);
+  return null;
+}, N = (n) => K(n, (e) => {
+  const t = e.getAttribute("builder-id") || e.id;
+  return Boolean((t == null ? void 0 : t.indexOf("builder-")) === 0);
+}), C = ({
+  event: n,
+  target: e
+}) => {
+  const t = e.getBoundingClientRect(), i = n.clientX - t.left, o = n.clientY - t.top, s = S(i / t.width), a = S(o / t.height);
+  return {
+    x: s,
+    y: a
+  };
+}, O = (n) => {
+  const e = n.target, t = e && N(e), i = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
+  return {
+    targetBuilderElement: i || void 0,
+    metadata: {
+      targetOffset: e ? C({
+        event: n,
+        target: e
+      }) : void 0,
+      builderTargetOffset: t ? C({
+        event: n,
+        target: t
+      }) : void 0,
+      builderElementIndex: t && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(t) : void 0
+    }
+  };
+}, j = k({
+  name: "enable-editor",
+  props: [
+    "canTrack",
+    "builderContextSignal",
+    "model",
+    "context",
+    "apiKey",
+    "showContent",
+    "classNameProp",
+    "content",
+    "locale",
+    "includeRefs",
+    "enrich"
+  ],
+  data() {
+    return {
+      canTrackToUse: w(this.canTrack) ? this.canTrack : !0,
+      forceReRenderCount: 0,
+      lastUpdated: 0,
+      shouldSendResetCookie: !1,
+      httpReqsData: {},
+      clicked: !1,
+      builderContext: g
+    };
+  },
+  provide() {
+    const n = this;
+    return {
+      [g.key]: n.builderContextSignal
+    };
+  },
+  mounted() {
+    var n, e;
+    if (this.apiKey || _.error(
+      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), h()) {
+      if (u() && (this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), H(), q({
+        ...this.locale ? {
+          locale: this.locale
+        } : {},
+        ...this.includeRefs ? {
+          includeRefs: this.includeRefs
+        } : {},
+        ...this.enrich ? {
+          enrich: this.enrich
+        } : {}
+      }), Object.values(
+        this.builderContextSignal.componentInfos
+      ).forEach((t) => {
+        var o;
+        const i = T(t);
+        (o = window.parent) == null || o.postMessage(i, "*");
+      }), window.addEventListener(
+        "builder:component:stateChangeListenerActivated",
+        this.emitStateUpdate
+      )), this.builderContextSignal.content) {
+        const t = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (e = this.builderContextSignal.content) == null ? void 0 : e.id;
+        f({
+          type: "impression",
+          canTrack: this.canTrackToUse,
+          contentId: i,
+          apiKey: this.apiKey,
+          variationId: t !== i ? t : void 0
+        });
+      }
+      if (E()) {
+        const t = new URL(location.href).searchParams, i = t.get("builder.preview"), o = t.get(
+          `builder.preview.${i}`
+        ), s = t.get("apiKey") || t.get("builder.space");
+        i === this.model && s === this.apiKey && (!this.content || o === this.content.id) && U({
+          model: this.model,
+          apiKey: this.apiKey,
+          apiVersion: this.builderContextSignal.apiVersion
+        }).then((a) => {
+          a && this.mergeNewContent(a);
+        });
+      }
+      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
+    }
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        this.content && this.mergeNewContent(this.content);
+      },
+      immediate: !0
+    },
+    onUpdateHook1: { handler() {
+    }, immediate: !0 },
+    onUpdateHook2: {
+      handler() {
+        this.evaluateJsCode();
+      },
+      immediate: !0
+    },
+    onUpdateHook3: {
+      handler() {
+        this.runHttpRequests();
+      },
+      immediate: !0
+    },
+    onUpdateHook4: {
+      handler() {
+        this.emitStateUpdate();
+      },
+      immediate: !0
+    }
+  },
+  unmounted() {
+    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      this.emitStateUpdate
+    ));
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.content
+      };
+    },
+    onUpdateHook1() {
+      return {
+        0: this.shouldSendResetCookie
+      };
+    },
+    onUpdateHook2() {
+      var n, e;
+      return {
+        0: (e = (n = this.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : e.jsCode,
+        1: this.builderContextSignal.rootState
+      };
+    },
+    onUpdateHook3() {
+      var n, e;
+      return {
+        0: (e = (n = this.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : e.httpRequests
+      };
+    },
+    onUpdateHook4() {
+      return {
+        0: this.builderContextSignal.rootState
+      };
+    }
+  },
+  methods: {
+    mergeNewContent(n) {
+      var t, i, o, s, a;
+      const e = {
+        ...this.builderContextSignal.content,
+        ...n,
+        data: {
+          ...(t = this.builderContextSignal.content) == null ? void 0 : t.data,
+          ...n == null ? void 0 : n.data
+        },
+        meta: {
+          ...(i = this.builderContextSignal.content) == null ? void 0 : i.meta,
+          ...n == null ? void 0 : n.meta,
+          breakpoints: ((o = n == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || ((a = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : a.breakpoints)
+        }
+      };
+      this.builderContextSignal.content = e;
+    },
+    processMessage(n) {
+      var t;
+      const { data: e } = n;
+      if (e)
+        switch (e.type) {
+          case "builder.configureSdk": {
+            const i = e.data, { breakpoints: o, contentId: s } = i;
+            if (!s || s !== ((t = this.builderContextSignal.content) == null ? void 0 : t.id))
+              return;
+            o && this.mergeNewContent({
+              meta: {
+                breakpoints: o
+              }
+            }), this.forceReRenderCount = this.forceReRenderCount + 1;
+            break;
+          }
+          case "builder.contentUpdate": {
+            const i = e.data, o = i.key || i.alias || i.entry || i.modelName, s = i.data;
+            o === this.model && (this.mergeNewContent(s), this.forceReRenderCount = this.forceReRenderCount + 1);
+            break;
+          }
+        }
+    },
+    evaluateJsCode() {
+      var e, t;
+      const n = (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.jsCode;
+      n && m({
+        code: n,
+        context: this.context || {},
+        localState: void 0,
+        rootState: this.builderContextSignal.rootState,
+        rootSetState: this.builderContextSignal.rootSetState
+      });
+    },
+    onClick(n) {
+      var e, t;
+      if (this.builderContextSignal.content) {
+        const i = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, o = (t = this.builderContextSignal.content) == null ? void 0 : t.id;
+        f({
+          type: "click",
+          canTrack: this.canTrackToUse,
+          contentId: o,
+          apiKey: this.apiKey,
+          variationId: i !== o ? i : void 0,
+          ...O(n),
+          unique: !this.clicked
+        });
+      }
+      this.clicked || (this.clicked = !0);
+    },
+    evalExpression(n) {
+      return n.replace(
+        /{{([^}]+)}}/g,
+        (e, t) => m({
+          code: t,
+          context: this.context || {},
+          localState: void 0,
+          rootState: this.builderContextSignal.rootState,
+          rootSetState: this.builderContextSignal.rootSetState
+        })
+      );
+    },
+    handleRequest({ url: n, key: e }) {
+      I(n).then((t) => t.json()).then((t) => {
+        var o, s;
+        const i = {
+          ...this.builderContextSignal.rootState,
+          [e]: t
+        };
+        (s = (o = this.builderContextSignal).rootSetState) == null || s.call(o, i), this.httpReqsData[e] = !0;
+      }).catch((t) => {
+        console.error("error fetching dynamic data", n, t);
+      });
+    },
+    runHttpRequests() {
+      var e, t, i;
+      const n = (i = (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests) != null ? i : {};
+      Object.entries(n).forEach(([o, s]) => {
+        if (s && (!this.httpReqsData[o] || u())) {
+          const a = this.evalExpression(s);
+          this.handleRequest({
+            url: a,
+            key: o
+          });
+        }
+      });
+    },
+    emitStateUpdate() {
+      u() && window.dispatchEvent(
+        new CustomEvent(
+          "builder:component:stateChange",
+          {
+            detail: {
+              state: this.builderContextSignal.rootState,
+              ref: {
+                name: this.model
+              }
+            }
+          }
+        )
+      );
+    },
+    _classStringToObject(n) {
+      const e = {};
+      if (typeof n != "string")
+        return e;
+      const t = n.trim().split(/\s+/);
+      for (const i of t)
+        e[i] = !0;
+      return e;
+    }
+  }
+});
+var A = function() {
+  var i;
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, e.builderContextSignal.content ? t("div", e._b({ key: e.forceReRenderCount, ref: "elementRef", class: e._classStringToObject(e.classNameProp), attrs: { "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id, "builder-model": e.model }, on: { click: function(o) {
+    return e.onClick(o);
+  } } }, "div", {
+    ...e.showContent ? {} : {
+      hidden: !0,
+      "aria-hidden": !0
+    }
+  }, !1), [e._t("default")], 2) : e._e();
+}, L = [], B = /* @__PURE__ */ P(
+  j,
+  A,
+  L,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const z = B.exports;
+export {
+  z as default
+};