@builder.io/sdk-qwik 0.14.8 → 0.14.10

package/lib/browser/index.qwik.cjs

@@ -1802,7 +1802,7 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [
         webpSrcSet.value ? /* @__PURE__ */ qwik._jsxQ("source", null, {
-          srcSet: qwik._fnSignal((p0) => p0.value, [
+          srcset: qwik._fnSignal((p0) => p0.value, [
             webpSrcSet
           ], "p0.value"),
           type: "image/webp"
@@ -1824,7 +1824,7 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
           src: qwik._fnSignal((p0) => p0.image, [
             props
           ], "p0.image"),
-          srcSet: qwik._fnSignal((p0) => p0.value, [
+          srcset: qwik._fnSignal((p0) => p0.value, [
             srcSetToUse
           ], "p0.value"),
           style: qwik._fnSignal((p0, p1) => ({
@@ -4141,7 +4141,8 @@ async function fetchOneEntry(options) {
 }
 const _fetchContent = async (options) => {
   const url = generateContentUrl(options);
-  const res = await fetch$1(url.href);
+  const _fetch = options.fetch ?? fetch$1;
+  const res = await _fetch(url.href, options.fetchOptions);
   const content = await res.json();
   return content;
 };
@@ -4394,7 +4395,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.8";
+const SDK_VERSION = "0.14.10";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4615,21 +4616,18 @@ const processMessage = function processMessage2(props, state, elementRef, event)
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints) {
+        if (breakpoints)
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-          state.forceReRenderCount = state.forceReRenderCount + 1;
-        }
       },
       animation: (animation) => {
         triggerAnimation(animation);
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, elementRef, newContent);
-        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
   })(event);
@@ -4716,23 +4714,17 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
     }));
 };
 const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a, _b, _c, _d, _e;
   qwik._jsxBranch();
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    firstRender: true,
-    forceReRenderCount: 0,
-    httpReqsData: {},
-    lastUpdated: 0,
-    shouldSendResetCookie: false
+    httpReqsData: {}
   }, {
     deep: true
   });
   qwik.useOn("initeditingbldr", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
-    state2.forceReRenderCount = state2.forceReRenderCount + 1;
     window.addEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
     registerInsertMenu();
     setupBrowserForEditing({
@@ -4747,9 +4739,9 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       } : {}
     });
     Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
-      var _a2;
+      var _a;
       const message = createRegisterComponentMessage(registeredComponent);
-      (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
+      (_a = window.parent) == null ? void 0 : _a.postMessage(message, "*");
     });
     window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
   }, "EnableEditor_component_useOn_Qs8c0yql2i0", [
@@ -4778,17 +4770,17 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     state
   ]));
   qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
-    var _a2, _b2, _c2, _d2;
+    var _a, _b, _c, _d;
     if (isBrowser()) {
       if (isEditing()) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
-      const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
+      const shouldTrackImpression = ((_a = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a.value) === "true";
       if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c2 = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c2.value;
-        const apiKeyProp = (_d2 = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d2.value;
+        const variationId = (_b = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b.value;
+        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
+        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
         _track({
           type: "impression",
           canTrack: true,
@@ -4826,20 +4818,14 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     props,
     state
   ]));
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
-    const [state2] = qwik.useLexicalScope();
-    track2(() => state2.shouldSendResetCookie);
-  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
-    state
-  ]));
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     track2(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
+      var _a, _b;
+      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
     });
     evaluateJsCode(props2);
-  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
+  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
     elementRef,
     props,
     state
@@ -4847,11 +4833,11 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     track2(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
+      var _a, _b;
+      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests;
     });
     runHttpRequests(props2, state2, elementRef2);
-  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
+  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
     state
@@ -4860,7 +4846,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     const [elementRef2, props2, state2] = qwik.useLexicalScope();
     track2(() => props2.builderContextSignal.rootState);
     emitStateUpdate(props2);
-  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
+  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,
     state
@@ -4870,7 +4856,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     track2(() => props2.data);
     if (props2.data)
       mergeNewRootState(props2, state2, elementRef2, props2.data);
-  }, "EnableEditor_component_useTask_6_0CaFTUOgv08", [
+  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
     elementRef,
     props,
     state
@@ -4882,37 +4868,86 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
       mergeNewRootState(props2, state2, elementRef2, {
         locale: props2.locale
       });
-  }, "EnableEditor_component_useTask_7_Zh51H45HHnM", [
+  }, "EnableEditor_component_useTask_6_0CaFTUOgv08", [
     elementRef,
     props,
     state
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ qwik.createElement(state.ContentWrapper, {
-      apiKey: props.apiKey,
-      contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
-      variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
-      shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
-      key: state.forceReRenderCount,
-      ref: elementRef,
+    children: props.builderContextSignal.content ? /* @__PURE__ */ qwik._jsxC(state.ContentWrapper, {
+      get apiKey() {
+        return props.apiKey;
+      },
+      get contentId() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.id;
+      },
+      get variationId() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
+      },
       onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
         const [elementRef2, props2, state2] = qwik.useLexicalScope();
         return onClick(props2, state2, elementRef2, event);
-      }, "EnableEditor_component__Fragment__createElement_PT7eU9x80Lw", [
+      }, "EnableEditor_component__Fragment_onClick_b4nYT3DrjEk", [
         elementRef,
         props,
         state
       ]),
-      "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
-      "builder-model": props.model,
+      ref: elementRef,
+      shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
+      get "builder-content-id"() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.id;
+      },
+      get "builder-model"() {
+        return props.model;
+      },
       ...props.showContent ? {} : {
         hidden: true,
         "aria-hidden": true
       },
       ...props.contentWrapperProps,
-      class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
-    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0")) : null
-  }, 1, "06_1");
+      get class() {
+        var _a, _b;
+        return `variant-${((_a = props.content) == null ? void 0 : _a.testVariationId) || ((_b = props.content) == null ? void 0 : _b.id)}`;
+      },
+      children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0"),
+      [qwik._IMMUTABLE]: {
+        apiKey: qwik._fnSignal((p0) => p0.apiKey, [
+          props
+        ], "p0.apiKey"),
+        "builder-content-id": qwik._fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        "builder-model": qwik._fnSignal((p0) => p0.model, [
+          props
+        ], "p0.model"),
+        class: qwik._fnSignal((p0) => {
+          var _a, _b;
+          return `variant-${((_a = p0.content) == null ? void 0 : _a.testVariationId) || ((_b = p0.content) == null ? void 0 : _b.id)}`;
+        }, [
+          props
+        ], "`variant-${p0.content?.testVariationId||p0.content?.id}`"),
+        contentId: qwik._fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        ref: qwik._IMMUTABLE,
+        variationId: qwik._fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.testVariationId")
+      }
+    }, 0, "06_1") : null
+  }, 1, "06_2");
 }, "EnableEditor_component_ko1mO8oaj8k"));
 const getCssFromFont = (font) => {
   var _a;

package/lib/browser/index.qwik.mjs

@@ -1800,7 +1800,7 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [
         webpSrcSet.value ? /* @__PURE__ */ _jsxQ("source", null, {
-          srcSet: _fnSignal((p0) => p0.value, [
+          srcset: _fnSignal((p0) => p0.value, [
             webpSrcSet
           ], "p0.value"),
           type: "image/webp"
@@ -1822,7 +1822,7 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           src: _fnSignal((p0) => p0.image, [
             props
           ], "p0.image"),
-          srcSet: _fnSignal((p0) => p0.value, [
+          srcset: _fnSignal((p0) => p0.value, [
             srcSetToUse
           ], "p0.value"),
           style: _fnSignal((p0, p1) => ({
@@ -4139,7 +4139,8 @@ async function fetchOneEntry(options) {
 }
 const _fetchContent = async (options) => {
   const url = generateContentUrl(options);
-  const res = await fetch$1(url.href);
+  const _fetch = options.fetch ?? fetch$1;
+  const res = await _fetch(url.href, options.fetchOptions);
   const content = await res.json();
   return content;
 };
@@ -4392,7 +4393,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.8";
+const SDK_VERSION = "0.14.10";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4613,21 +4614,18 @@ const processMessage = function processMessage2(props, state, elementRef, event)
         const { breakpoints, contentId } = messageContent;
         if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
           return;
-        if (breakpoints) {
+        if (breakpoints)
           mergeNewContent(props, state, elementRef, {
             meta: {
               breakpoints
             }
           });
-          state.forceReRenderCount = state.forceReRenderCount + 1;
-        }
       },
       animation: (animation) => {
         triggerAnimation(animation);
       },
       contentUpdate: (newContent) => {
         mergeNewContent(props, state, elementRef, newContent);
-        state.forceReRenderCount = state.forceReRenderCount + 1;
       }
     }
   })(event);
@@ -4714,23 +4712,17 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
     }));
 };
 const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b, _c, _d, _e;
   _jsxBranch();
   const elementRef = useSignal();
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    firstRender: true,
-    forceReRenderCount: 0,
-    httpReqsData: {},
-    lastUpdated: 0,
-    shouldSendResetCookie: false
+    httpReqsData: {}
   }, {
     deep: true
   });
   useOn("initeditingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
     const [elementRef2, props2, state2] = useLexicalScope();
-    state2.forceReRenderCount = state2.forceReRenderCount + 1;
     window.addEventListener("message", processMessage.bind(null, props2, state2, elementRef2));
     registerInsertMenu();
     setupBrowserForEditing({
@@ -4745,9 +4737,9 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       } : {}
     });
     Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
-      var _a2;
+      var _a;
       const message = createRegisterComponentMessage(registeredComponent);
-      (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
+      (_a = window.parent) == null ? void 0 : _a.postMessage(message, "*");
     });
     window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, elementRef2));
   }, "EnableEditor_component_useOn_Qs8c0yql2i0", [
@@ -4776,17 +4768,17 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     state
   ]));
   useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
-    var _a2, _b2, _c2, _d2;
+    var _a, _b, _c, _d;
     if (isBrowser()) {
       if (isEditing()) {
         if (element)
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
       }
-      const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
+      const shouldTrackImpression = ((_a = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a.value) === "true";
       if (shouldTrackImpression) {
-        const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c2 = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c2.value;
-        const apiKeyProp = (_d2 = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d2.value;
+        const variationId = (_b = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b.value;
+        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
+        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
         _track({
           type: "impression",
           canTrack: true,
@@ -4824,20 +4816,14 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
-    const [state2] = useLexicalScope();
-    track2(() => state2.shouldSendResetCookie);
-  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
-    state
-  ]));
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
+      var _a, _b;
+      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
     });
     evaluateJsCode(props2);
-  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
+  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
     elementRef,
     props,
     state
@@ -4845,11 +4831,11 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
+      var _a, _b;
+      return (_b = (_a = props2.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests;
     });
     runHttpRequests(props2, state2, elementRef2);
-  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
+  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
     state
@@ -4858,7 +4844,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     const [elementRef2, props2, state2] = useLexicalScope();
     track2(() => props2.builderContextSignal.rootState);
     emitStateUpdate(props2);
-  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
+  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,
     state
@@ -4868,7 +4854,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     track2(() => props2.data);
     if (props2.data)
       mergeNewRootState(props2, state2, elementRef2, props2.data);
-  }, "EnableEditor_component_useTask_6_0CaFTUOgv08", [
+  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
     elementRef,
     props,
     state
@@ -4880,37 +4866,86 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       mergeNewRootState(props2, state2, elementRef2, {
         locale: props2.locale
       });
-  }, "EnableEditor_component_useTask_7_Zh51H45HHnM", [
+  }, "EnableEditor_component_useTask_6_0CaFTUOgv08", [
     elementRef,
     props,
     state
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ createElement(state.ContentWrapper, {
-      apiKey: props.apiKey,
-      contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
-      variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
-      shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
-      key: state.forceReRenderCount,
-      ref: elementRef,
+    children: props.builderContextSignal.content ? /* @__PURE__ */ _jsxC(state.ContentWrapper, {
+      get apiKey() {
+        return props.apiKey;
+      },
+      get contentId() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.id;
+      },
+      get variationId() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
+      },
       onClick$: /* @__PURE__ */ inlinedQrl((event) => {
         const [elementRef2, props2, state2] = useLexicalScope();
         return onClick(props2, state2, elementRef2, event);
-      }, "EnableEditor_component__Fragment__createElement_PT7eU9x80Lw", [
+      }, "EnableEditor_component__Fragment_onClick_b4nYT3DrjEk", [
         elementRef,
         props,
         state
       ]),
-      "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
-      "builder-model": props.model,
+      ref: elementRef,
+      shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
+      get "builder-content-id"() {
+        var _a;
+        return (_a = props.builderContextSignal.content) == null ? void 0 : _a.id;
+      },
+      get "builder-model"() {
+        return props.model;
+      },
       ...props.showContent ? {} : {
         hidden: true,
         "aria-hidden": true
       },
       ...props.contentWrapperProps,
-      class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
-    }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "06_0")) : null
-  }, 1, "06_1");
+      get class() {
+        var _a, _b;
+        return `variant-${((_a = props.content) == null ? void 0 : _a.testVariationId) || ((_b = props.content) == null ? void 0 : _b.id)}`;
+      },
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "06_0"),
+      [_IMMUTABLE]: {
+        apiKey: _fnSignal((p0) => p0.apiKey, [
+          props
+        ], "p0.apiKey"),
+        "builder-content-id": _fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        "builder-model": _fnSignal((p0) => p0.model, [
+          props
+        ], "p0.model"),
+        class: _fnSignal((p0) => {
+          var _a, _b;
+          return `variant-${((_a = p0.content) == null ? void 0 : _a.testVariationId) || ((_b = p0.content) == null ? void 0 : _b.id)}`;
+        }, [
+          props
+        ], "`variant-${p0.content?.testVariationId||p0.content?.id}`"),
+        contentId: _fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.id"),
+        ref: _IMMUTABLE,
+        variationId: _fnSignal((p0) => {
+          var _a;
+          return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
+        }, [
+          props
+        ], "p0.builderContextSignal.content?.testVariationId")
+      }
+    }, 0, "06_1") : null
+  }, 1, "06_2");
 }, "EnableEditor_component_ko1mO8oaj8k"));
 const getCssFromFont = (font) => {
   var _a;