@builder.io/sdk-vue 0.7.1-1 → 0.7.2

package/vue2/lib/node/{content-d31377e7.js → content-f80acd05.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p } from "vue";
-import { n as u, i as y, b as x, B as v, C as _, F as S, I as T, S as I, d as C, e as w, V as k, h as R, j as f, s as g, T as F, k as E } from "./index-7ce12494.js";
+import { n as u, i as y, b as x, B as v, C as _, F as S, I as T, S as I, d as C, e as w, V as k, h as R, j as f, s as g, T as F, k as E } from "./index-43273102.js";
 const V = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -235,12 +235,176 @@ const V = {
     advanced: !0
   }]
 }, W = {
+  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
+  }]
+}, $ = p({
+  name: "builder-custom-code",
+  props: ["replaceNodes", "code"],
+  data() {
+    return { scriptsInserted: [], scriptsRun: [] };
+  },
+  mounted() {
+    var t;
+    if (!((t = this.$refs.elementRef) != null && t.getElementsByTagName) || typeof window > "u")
+      return;
+    const e = this.$refs.elementRef.getElementsByTagName("script");
+    for (let n = 0; n < e.length; n++) {
+      const a = e[n];
+      if (a.src) {
+        if (this.scriptsInserted.includes(a.src))
+          continue;
+        this.scriptsInserted.push(a.src);
+        const o = document.createElement("script");
+        o.async = !0, o.src = a.src, document.head.appendChild(o);
+      } else if (!a.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(a.type)) {
+        if (this.scriptsRun.includes(a.innerText))
+          continue;
+        try {
+          this.scriptsRun.push(a.innerText), new Function(a.innerText)();
+        } catch (o) {
+          console.warn("`CustomCode`: Error running script:", o);
+        }
+      }
+    }
+  },
+  methods: {
+    _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 P = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { ref: "elementRef", class: t._classStringToObject(
+    "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
+  ), domProps: { innerHTML: t._s(t.code) } });
+}, U = [], j = /* @__PURE__ */ u(
+  $,
+  P,
+  U,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const H = j.exports, L = {
+  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
+  }]
+}, z = ["text/javascript", "application/javascript", "application/ecmascript"], D = (e) => z.includes(e.type), N = p({
+  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 (D(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 M = 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) } });
+}, q = [], B = /* @__PURE__ */ u(
+  N,
+  M,
+  q,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const K = B.exports, O = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, $ = {
+}, J = {
   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",
@@ -340,7 +504,51 @@ const V = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, P = {
+}, Y = {
+  // friendlyName?
+  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
+}, G = p({
+  name: "builder-img-component",
+  props: [
+    "backgroundSize",
+    "backgroundPosition",
+    "imgSrc",
+    "altText",
+    "image",
+    "attributes"
+  ],
+  data() {
+    return { isEditing: y, filterAttrs: x };
+  }
+});
+var X = 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)));
+}, Q = [], Z = /* @__PURE__ */ u(
+  G,
+  X,
+  Q,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ee = Z.exports, te = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -379,7 +587,7 @@ const V = {
       }
     }
   }]
-}, U = {
+}, ne = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -412,7 +620,7 @@ const V = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, j = {
+}, ae = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -430,7 +638,7 @@ const V = {
     height: "auto",
     textAlign: "center"
   }
-}, H = {
+}, oe = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -511,214 +719,6 @@ const V = {
     defaultValue: !0,
     advanced: !0
   }]
-}, L = {
-  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
-  }]
-}, z = ["text/javascript", "application/javascript", "application/ecmascript"], D = (e) => z.includes(e.type), N = p({
-  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 (D(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 M = 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) } });
-}, q = [], B = /* @__PURE__ */ u(
-  N,
-  M,
-  q,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const K = B.exports, O = p({
-  name: "builder-img-component",
-  props: [
-    "backgroundSize",
-    "backgroundPosition",
-    "imgSrc",
-    "altText",
-    "image",
-    "attributes"
-  ],
-  data() {
-    return { isEditing: y, filterAttrs: x };
-  }
-});
-var J = 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)));
-}, Y = [], G = /* @__PURE__ */ u(
-  O,
-  J,
-  Y,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const X = G.exports, Q = {
-  // friendlyName?
-  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 = p({
-  name: "builder-custom-code",
-  props: ["replaceNodes", "code"],
-  data() {
-    return { scriptsInserted: [], scriptsRun: [] };
-  },
-  mounted() {
-    var t;
-    if (!((t = this.$refs.elementRef) != null && t.getElementsByTagName) || typeof window > "u")
-      return;
-    const e = this.$refs.elementRef.getElementsByTagName("script");
-    for (let n = 0; n < e.length; n++) {
-      const a = e[n];
-      if (a.src) {
-        if (this.scriptsInserted.includes(a.src))
-          continue;
-        this.scriptsInserted.push(a.src);
-        const o = document.createElement("script");
-        o.async = !0, o.src = a.src, document.head.appendChild(o);
-      } else if (!a.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(a.type)) {
-        if (this.scriptsRun.includes(a.innerText))
-          continue;
-        try {
-          this.scriptsRun.push(a.innerText), new Function(a.innerText)();
-        } catch (o) {
-          console.warn("`CustomCode`: Error running script:", o);
-        }
-      }
-    }
-  },
-  methods: {
-    _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 ee = function() {
-  var t = this, n = t._self._c;
-  return t._self._setupProxy, n("div", { ref: "elementRef", class: t._classStringToObject(
-    "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
-  ), domProps: { innerHTML: t._s(t.code) } });
-}, te = [], ne = /* @__PURE__ */ u(
-  Z,
-  ee,
-  te,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const ae = ne.exports, oe = {
-  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
-  }]
 }, b = () => [{
   component: v,
   ...V
@@ -726,32 +726,32 @@ const ae = ne.exports, oe = {
   component: _,
   ...A
 }, {
-  component: ae,
-  ...oe
+  component: H,
+  ...W
 }, {
   component: K,
   ...L
 }, {
   component: S,
-  ...W
+  ...O
 }, {
   component: T,
-  ...$
+  ...J
 }, {
-  component: X,
-  ...Q
+  component: ee,
+  ...Y
 }, {
   component: I,
-  ...P
+  ...te
 }, {
   component: C,
-  ...U
+  ...ne
 }, {
   component: w,
-  ...j
+  ...ae
 }, {
   component: k,
-  ...H
+  ...oe
 }], ie = ({
   content: e,
   data: t,
@@ -784,32 +784,32 @@ const ae = ne.exports, oe = {
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, se = () => import("./index-7ce12494.js").then((e) => e.M).then((e) => e.default).catch((e) => {
+} : void 0, se = () => import("./index-43273102.js").then((e) => e.M).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Blocks at ../blocks/blocks.vue",
     e
   ), e;
-}), le = () => import("./styles-6e09a0cc.js").then((e) => e.default).catch((e) => {
+}), le = () => import("./inlined-script-da97caa2.js").then((e) => e.default).catch((e) => {
   throw console.error(
-    "Error while attempting to dynamically import component ContentStyles at ./components/styles.vue",
+    "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
     e
   ), e;
-}), ce = () => import("./enable-editor-96dbd852.js").then((e) => e.default).catch((e) => {
+}), ce = () => import("./enable-editor-8b4a5b45.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component EnableEditor at ./components/enable-editor.vue",
     e
   ), e;
-}), de = () => import("./inlined-script-073d04d2.js").then((e) => e.default).catch((e) => {
+}), de = () => import("./styles-c2fd2724.js").then((e) => e.default).catch((e) => {
   throw console.error(
-    "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
+    "Error while attempting to dynamically import component ContentStyles at ./components/styles.vue",
     e
   ), e;
 }), pe = p({
   name: "content-component",
   components: {
     "enable-editor": ce,
-    "inlined-script": de,
-    "content-styles": le,
+    "inlined-script": le,
+    "content-styles": de,
     blocks: se
   },
   props: [

package/vue2/lib/node/context/types.d.ts

@@ -1,7 +1,7 @@
+import type { ApiVersion } from '../types/api-version.js';
 import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
 import type { Dictionary, Nullable } from '../types/typescript.js';
-import type { ApiVersion } from '../types/api-version.js';
 export type RegisteredComponent = ComponentInfo & {
     component: any;
 };

package/vue2/lib/{edge/css-00393f8a.cjs → node/css-44cbcf3f.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("./index-ca5baf07.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(`
+"use strict";const n=require("./index-d8e34fec.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} {

package/vue2/lib/node/{css-469bd1df.js → css-ad18a8ab.js}

@@ -1,4 +1,4 @@
-import { c as o } from "./index-7ce12494.js";
+import { c as o } from "./index-43273102.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};`;

package/vue2/lib/node/enable-editor-405441b9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("vue"),r=require("./index-d8e34fec.cjs"),m=require("./evaluate-19fac854.cjs");function f(n){return Math.round(n*1e3)/1e3}const v=(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},x=n=>v(n,e=>{const t=e.getAttribute("builder-id")||e.id;return(t==null?void 0:t.indexOf("builder-"))===0}),g=({event:n,target:e})=>{const t=e.getBoundingClientRect(),i=n.clientX-t.left,o=n.clientY-t.top,s=f(i/t.width),a=f(o/t.height);return{x:s,y:a}},R=n=>{const e=n.target,t=e&&x(e),i=(t==null?void 0:t.getAttribute("builder-id"))||(t==null?void 0:t.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:e?g({event:n,target:e}):void 0,builderTargetOffset:t?g({event:n,target:t}):void 0,builderElementIndex:t&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(t):void 0}}},k="0.7.2",w=()=>{r.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 b=!1;const y=(n={})=>{var e,t;b||(b=!0,r.isBrowser()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:r.TARGET,version:k,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,l=i.data.arguments||[],c=i.data.id,C=new Function(a);let d,u=null;try{d=C.apply(null,l)}catch(h){u=h}u?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:c,error:u.message}},"*"):d&&typeof d.then=="function"?d.then(h=>{var p;(p=window.parent)==null||p.postMessage({type:"builder.evaluateResult",data:{id:c,result:h}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:d,id:c}},"*");break}}})))},_=S.defineComponent({name:"enable-editor",props:["builderContextSignal","model","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","classNameProp"],data(){return{forceReRenderCount:0,lastUpdated:0,shouldSendResetCookie:!1,httpReqsData:{},clicked:!1,builderContext:r.builderContext}},provide(){const n=this;return{[r.builderContext.key]:n.builderContextSignal}},mounted(){(()=>{var t,i;if(r.isBrowser()){if(r.isEditing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr")),this.builderContextSignal.content&&r.getDefaultCanTrack(this.canTrack)){const s=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,a=(i=this.builderContextSignal.content)==null?void 0:i.id,l=this.apiKey;r._track({type:"impression",canTrack:!0,contentId:a,apiKey:l,variationId:s!==a?s:void 0})}r.isPreviewing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}})(),(()=>{this.apiKey||r.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),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(){r.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,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.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;r._track({type:"click",canTrack:r.getDefaultCanTrack(this.canTrack),contentId:o,apiKey:this.apiKey,variationId:i!==o?i:void 0,...R(n),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(n){return n.replace(/{{([^}]+)}}/g,(e,t)=>m.evaluate({code:t,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:n,key:e}){r.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;const n=((t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests)??{};Object.entries(n).forEach(([i,o])=>{if(o&&(!this.httpReqsData[i]||r.isEditing())){const s=this.evalExpression(o);this.handleRequest({url:s,key:i})}})},emitStateUpdate(){r.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:r.fastClone(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(n){this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),w(),y({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(e=>{var i;const t=r.createRegisterComponentMessage(e);(i=window.parent)==null||i.postMessage(t,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(n){const e=new URL(location.href).searchParams,t=e.get("builder.preview"),i=e.get(`builder.preview.${t}`),o=e.get("apiKey")||e.get("builder.space");t===this.model&&o===this.apiKey&&(!this.content||i===this.content.id)&&r.fetchOneEntry({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(s=>{s&&this.mergeNewContent(s)})},_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 E=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)},initeditingbldr:function(o){return e.elementRef_onIniteditingbldr(o)},initpreviewingbldr:function(o){return e.elementRef_onInitpreviewingbldr(o)}}},"div",{...e.showContent?{}:{hidden:!0,"aria-hidden":!0}},!1),[e._t("default")],2):e._e()},I=[],M=r.normalizeComponent(_,E,I,!1,null,null,null,null);const U=M.exports;exports.default=U;