@builder.io/sdk-vue 0.7.0 → 0.7.1-0

package/vue2/lib/{edge/content-962ba49d.js → browser/content-e775e1b1.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 S, F as _, I as T, S as I, d as C, e as w, V as k, h as F, j as f, s as g, T as R, k as E } from "./index-8d71df29.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-2c3e3aa0.js";
 const V = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -212,7 +212,7 @@ const V = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((i) => i.get("width")) && (n.find((l) => !l.get("width")) || n.reduce((r, s) => r + s.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((o) => o.get("width")) && (n.find((l) => !l.get("width")) || n.reduce((r, s) => r + s.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -234,13 +234,13 @@ const V = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, $ = {
+}, W = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, W = {
+}, $ = {
   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",
@@ -260,7 +260,7 @@ const V = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(o, r = 6e4) {
+      function n(i, r = 6e4) {
         return new Promise((s, c) => {
           const d = document.createElement("img");
           let m = !1;
@@ -268,21 +268,21 @@ const V = {
             m = !0, s(d);
           }, d.addEventListener("error", (h) => {
             console.warn("Image load failed", h.error), c(h.error);
-          }), d.src = o, setTimeout(() => {
+          }), d.src = i, setTimeout(() => {
             m || c(new Error("Image load timed out"));
           }, r);
         });
       }
-      function a(o) {
-        return Math.round(o * 1e3) / 1e3;
+      function a(i) {
+        return Math.round(i * 1e3) / 1e3;
       }
-      const i = e.get("image"), l = e.get("aspectRatio");
-      if (fetch(i).then((o) => o.blob()).then((o) => {
-        o.type.includes("svg") && e.set("noWebp", !0);
-      }), i && (!l || l === 0.7041))
-        return n(i).then((o) => {
+      const o = e.get("image"), l = e.get("aspectRatio");
+      if (fetch(o).then((i) => i.blob()).then((i) => {
+        i.type.includes("svg") && e.set("noWebp", !0);
+      }), o && (!l || l === 0.7041))
+        return n(o).then((i) => {
           const r = e.get("aspectRatio");
-          e.get("image") === i && (!r || r === 0.7041) && o.width && o.height && (e.set("aspectRatio", a(o.height / o.width)), e.set("height", o.height), e.set("width", o.width));
+          e.get("image") === o && (!r || r === 0.7041) && i.width && i.height && (e.set("aspectRatio", a(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -643,36 +643,34 @@ const X = G.exports, Q = {
     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);
-            }
-          }
+    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")
@@ -686,7 +684,7 @@ const X = G.exports, Q = {
 });
 var ee = function() {
   var t = this, n = t._self._c;
-  return t._self._setupProxy, n("div", { ref: "elem", class: t._classStringToObject(
+  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(
@@ -725,7 +723,7 @@ const ae = ne.exports, oe = {
   component: v,
   ...V
 }, {
-  component: S,
+  component: _,
   ...A
 }, {
   component: ae,
@@ -734,11 +732,11 @@ const ae = ne.exports, oe = {
   component: K,
   ...L
 }, {
-  component: _,
-  ...$
+  component: S,
+  ...W
 }, {
   component: T,
-  ...W
+  ...$
 }, {
   component: X,
   ...Q
@@ -759,13 +757,13 @@ const ae = ne.exports, oe = {
   data: t,
   locale: n
 }) => {
-  var l, o, r;
+  var l, i, r;
   const a = {};
-  (o = (l = e == null ? void 0 : e.data) == null ? void 0 : l.inputs) == null || o.forEach((s) => {
+  (i = (l = e == null ? void 0 : e.data) == null ? void 0 : l.inputs) == null || i.forEach((s) => {
     var c;
     s.name && s.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) != null && c.state) && e.data.state[s.name] === void 0 && (a[s.name] = s.defaultValue);
   });
-  const i = {
+  const o = {
     ...(r = e == null ? void 0 : e.data) == null ? void 0 : r.state,
     ...t,
     ...n ? {
@@ -774,7 +772,7 @@ const ae = ne.exports, oe = {
   };
   return {
     ...a,
-    ...i
+    ...o
   };
 }, re = ({
   content: e,
@@ -786,22 +784,22 @@ const ae = ne.exports, oe = {
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, se = () => import("./index-8d71df29.js").then((e) => e.M).then((e) => e.default).catch((e) => {
+} : void 0, se = () => import("./index-2c3e3aa0.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-633d9689.js").then((e) => e.default).catch((e) => {
+}), le = () => import("./styles-c0e6af8c.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ContentStyles at ./components/styles.vue",
     e
   ), e;
-}), ce = () => import("./enable-editor-b6040943.js").then((e) => e.default).catch((e) => {
+}), ce = () => import("./enable-editor-836e8731.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-45e42092.js").then((e) => e.default).catch((e) => {
+}), de = () => import("./inlined-script-a2ce7e25.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
     e
@@ -833,7 +831,7 @@ const ae = ne.exports, oe = {
   data() {
     var e, t;
     return {
-      scriptStr: F({
+      scriptStr: R({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -849,11 +847,11 @@ const ae = ne.exports, oe = {
         ...f,
         ...this.customComponents || []
       ].reduce(
-        (n, { component: a, ...i }) => ({
+        (n, { component: a, ...o }) => ({
           ...n,
-          [i.name]: {
+          [o.name]: {
             component: a,
-            ...g(i)
+            ...g(o)
           }
         }),
         {}
@@ -883,15 +881,15 @@ const ae = ne.exports, oe = {
           ...f,
           ...this.customComponents || []
         ].reduce(
-          (n, { component: a, ...i }) => ({
+          (n, { component: a, ...o }) => ({
             ...n,
-            [i.name]: g(i)
+            [o.name]: g(o)
           }),
           {}
         ),
         inheritedStyles: {}
       },
-      TARGET: R
+      TARGET: F
     };
   },
   provide() {
@@ -909,9 +907,9 @@ const ae = ne.exports, oe = {
   }
 });
 var ue = function() {
-  var a, i, l, o, r, s, c;
+  var a, o, l, i, r, s, c;
   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: (l = (i = t.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : l.cssCode, customFonts: (r = (o = t.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : r.customFonts } })] : t._e(), n("blocks", { attrs: { blocks: (c = (s = t.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : c.blocks, context: t.builderContextSignal, registeredComponents: t.registeredComponents } })], 2);
+  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: (l = (o = t.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : l.cssCode, customFonts: (r = (i = t.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : r.customFonts } })] : t._e(), n("blocks", { attrs: { blocks: (c = (s = t.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : c.blocks, context: t.builderContextSignal, registeredComponents: t.registeredComponents } })], 2);
 }, me = [], he = /* @__PURE__ */ u(
   pe,
   ue,

package/vue2/lib/browser/{css-ccd5d9e3.js → css-41c2e31d.js}

@@ -1,4 +1,4 @@
-import { c as o } from "./index-8b428b10.js";
+import { c as o } from "./index-2c3e3aa0.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/browser/{css-2c9ad067.cjs → css-c292bae4.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("./index-7b952a40.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-0daf250a.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/browser/{enable-editor-d9f53d7d.js → enable-editor-836e8731.js}

@@ -1,8 +1,8 @@
 import { defineComponent as k } from "vue";
-import { e as m } from "./evaluate-b309ef11.js";
-import { r as y, m as h, T as w, l as f, o as _, i as u, p as E, _ as g, q as b, t as I, u as U, v as P, f as M, n as T } from "./index-8b428b10.js";
-const H = "0.6.4", q = () => {
-  y("insertMenu", {
+import { e as f } from "./evaluate-239c4f2e.js";
+import { r as w, m as p, T as y, l as g, _ as b, o as S, p as _, i as h, f as E, q as I, t as U, u as M, v as H, n as P } from "./index-2c3e3aa0.js";
+const T = "0.7.1-0", K = () => {
+  w("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -24,14 +24,14 @@ const H = "0.6.4", q = () => {
     }]
   });
 };
-let S = !1;
-const K = (n = {}) => {
+let C = !1;
+const q = (n = {}) => {
   var e, t;
-  S || (S = !0, h() && ((e = window.parent) == null || e.postMessage({
+  C || (C = !0, p() && ((e = window.parent) == null || e.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: w,
-      version: H,
+      target: y,
+      version: T,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -50,33 +50,33 @@ const K = (n = {}) => {
     if (i != null && i.type)
       switch (i.type) {
         case "builder.evaluate": {
-          const a = i.data.text, v = i.data.arguments || [], d = i.data.id, R = new Function(a);
-          let r, l = null;
+          const a = i.data.text, d = i.data.arguments || [], l = i.data.id, x = new Function(a);
+          let r, c = null;
           try {
-            r = R.apply(null, v);
-          } catch (c) {
-            l = c;
+            r = x.apply(null, d);
+          } catch (u) {
+            c = u;
           }
-          l ? (o = window.parent) == null || o.postMessage({
+          c ? (o = window.parent) == null || o.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: d,
-              error: l.message
+              id: l,
+              error: c.message
             }
-          }, "*") : r && typeof r.then == "function" ? r.then((c) => {
-            var p;
-            (p = window.parent) == null || p.postMessage({
+          }, "*") : r && typeof r.then == "function" ? r.then((u) => {
+            var m;
+            (m = window.parent) == null || m.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: d,
-                result: c
+                id: l,
+                result: u
               }
             }, "*");
           }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: r,
-              id: d
+              id: l
             }
           }, "*");
           break;
@@ -84,7 +84,7 @@ const K = (n = {}) => {
       }
   })));
 };
-function C(n) {
+function v(n) {
   return Math.round(n * 1e3) / 1e3;
 }
 const O = (n, e, t = !0) => {
@@ -101,11 +101,11 @@ const O = (n, e, t = !0) => {
 }, N = (n) => O(n, (e) => {
   const t = e.getAttribute("builder-id") || e.id;
   return (t == null ? void 0 : t.indexOf("builder-")) === 0;
-}), x = ({
+}), R = ({
   event: n,
   target: e
 }) => {
-  const t = e.getBoundingClientRect(), i = n.clientX - t.left, o = n.clientY - t.top, s = C(i / t.width), a = C(o / t.height);
+  const t = e.getBoundingClientRect(), i = n.clientX - t.left, o = n.clientY - t.top, s = v(i / t.width), a = v(o / t.height);
   return {
     x: s,
     y: a
@@ -115,11 +115,11 @@ const O = (n, e, t = !0) => {
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: e ? x({
+      targetOffset: e ? R({
         event: n,
         target: e
       }) : void 0,
-      builderTargetOffset: t ? x({
+      builderTargetOffset: t ? R({
         event: n,
         target: t
       }) : void 0,
@@ -134,12 +134,12 @@ const O = (n, e, t = !0) => {
     "context",
     "canTrack",
     "apiKey",
-    "showContent",
-    "classNameProp",
-    "content",
     "locale",
     "includeRefs",
-    "enrich"
+    "enrich",
+    "content",
+    "showContent",
+    "classNameProp"
   ],
   data() {
     return {
@@ -148,63 +148,40 @@ const O = (n, e, t = !0) => {
       shouldSendResetCookie: !1,
       httpReqsData: {},
       clicked: !1,
-      builderContext: f
+      builderContext: g
     };
   },
   provide() {
     const n = this;
     return {
-      [f.key]: n.builderContextSignal
+      [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), q(), K({
-        ...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 = E(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;
-        g({
-          type: "impression",
-          canTrack: b(this.canTrack),
-          contentId: i,
-          apiKey: this.apiKey,
-          variationId: t !== i ? t : void 0
-        });
-      }
-      if (I()) {
-        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);
-        });
+    (() => {
+      var t, i;
+      if (p()) {
+        if (h() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+          new CustomEvent("initeditingbldr")
+        ), this.builderContextSignal.content && S(this.canTrack)) {
+          const s = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (i = this.builderContextSignal.content) == null ? void 0 : i.id, d = this.apiKey;
+          b({
+            type: "impression",
+            canTrack: !0,
+            contentId: a,
+            apiKey: d,
+            variationId: s !== a ? s : void 0
+          });
+        }
+        M() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+          new CustomEvent("initpreviewingbldr")
+        );
       }
-      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
-    }
+    })(), (() => {
+      this.apiKey || H.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: {
@@ -235,7 +212,7 @@ const O = (n, e, t = !0) => {
     }
   },
   unmounted() {
-    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    p() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -314,7 +291,7 @@ const O = (n, e, t = !0) => {
     evaluateJsCode() {
       var e, t;
       const n = (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.jsCode;
-      n && m({
+      n && f({
         code: n,
         context: this.context || {},
         localState: void 0,
@@ -326,9 +303,9 @@ const O = (n, e, t = !0) => {
       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;
-        g({
+        b({
           type: "click",
-          canTrack: b(this.canTrack),
+          canTrack: S(this.canTrack),
           contentId: o,
           apiKey: this.apiKey,
           variationId: i !== o ? i : void 0,
@@ -341,7 +318,7 @@ const O = (n, e, t = !0) => {
     evalExpression(n) {
       return n.replace(
         /{{([^}]+)}}/g,
-        (e, t) => m({
+        (e, t) => f({
           code: t,
           context: this.context || {},
           localState: void 0,
@@ -351,7 +328,7 @@ const O = (n, e, t = !0) => {
       );
     },
     handleRequest({ url: n, key: e }) {
-      P(n).then((t) => t.json()).then((t) => {
+      _(n).then((t) => t.json()).then((t) => {
         var o, s;
         const i = {
           ...this.builderContextSignal.rootState,
@@ -366,7 +343,7 @@ const O = (n, e, t = !0) => {
       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] || u())) {
+        if (o && (!this.httpReqsData[i] || h())) {
           const s = this.evalExpression(o);
           this.handleRequest({
             url: s,
@@ -376,12 +353,12 @@ const O = (n, e, t = !0) => {
       });
     },
     emitStateUpdate() {
-      u() && window.dispatchEvent(
+      h() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: M(this.builderContextSignal.rootState),
+              state: E(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -390,6 +367,40 @@ const O = (n, e, t = !0) => {
         )
       );
     },
+    elementRef_onIniteditingbldr(n) {
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), K(), q({
+        ...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 = I(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) && U({
+        model: this.model,
+        apiKey: this.apiKey,
+        apiVersion: this.builderContextSignal.apiVersion
+      }).then((s) => {
+        s && this.mergeNewContent(s);
+      });
+    },
     _classStringToObject(n) {
       const e = {};
       if (typeof n != "string")
@@ -406,13 +417,17 @@ var L = function() {
   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();
-}, B = [], D = /* @__PURE__ */ T(
+}, B = [], D = /* @__PURE__ */ P(
   A,
   L,
   B,
@@ -422,7 +437,7 @@ var L = function() {
   null,
   null
 );
-const z = D.exports;
+const J = D.exports;
 export {
-  z as default
+  J as default
 };