@builder.io/sdk-solid 1.0.12 → 1.0.14

package/dist/index.d.ts

@@ -671,7 +671,7 @@ type VariantsProviderProps = ContentVariantsPrps & {
     /**
      * For internal use only. Do not provide this prop.
      */
-    __isNestedRender?: boolean;
+    isNestedRender?: boolean;
 };
 
 declare function ContentVariants(props: VariantsProviderProps): solid_js.JSX.Element;

package/lib/browser/dev.js

@@ -4446,7 +4446,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.14";
 
 // src/functions/register.ts
 var registry = {};
@@ -4645,10 +4645,6 @@ var subscribeToEditor = (model, callback, options) => {
 
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
-  const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
-  createSignal(true);
-  createSignal(0);
-  const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
@@ -4704,7 +4700,6 @@ function EnableEditor(props) {
                 breakpoints
               }
             });
-            setForceReRenderCount(forceReRenderCount() + 1);
           }
         },
         animation: (animation) => {
@@ -4712,7 +4707,6 @@ function EnableEditor(props) {
         },
         contentUpdate: (newContent) => {
           mergeNewContent(newContent);
-          setForceReRenderCount(forceReRenderCount() + 1);
         }
       }
     })(event);
@@ -4804,7 +4798,6 @@ function EnableEditor(props) {
   onMount(() => {
     if (isBrowser()) {
       if (isEditing()) {
-        setForceReRenderCount(forceReRenderCount() + 1);
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -4871,41 +4864,37 @@ function EnableEditor(props) {
     }
   }
   createEffect(on(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
-  const onUpdateFn_1_shouldSendResetCookie__ = createMemo(() => shouldSendResetCookie());
+  const onUpdateFn_1_props_builderContextSignal_content__data__jsCode = createMemo(() => props.builderContextSignal.content?.data?.jsCode);
   function onUpdateFn_1() {
-  }
-  createEffect(on(() => [onUpdateFn_1_shouldSendResetCookie__()], onUpdateFn_1));
-  const onUpdateFn_2_props_builderContextSignal_content__data__jsCode = createMemo(() => props.builderContextSignal.content?.data?.jsCode);
-  function onUpdateFn_2() {
     evaluateJsCode();
   }
-  createEffect(on(() => [onUpdateFn_2_props_builderContextSignal_content__data__jsCode()], onUpdateFn_2));
-  const onUpdateFn_3_props_builderContextSignal_content__data__httpRequests = createMemo(() => props.builderContextSignal.content?.data?.httpRequests);
-  function onUpdateFn_3() {
+  createEffect(on(() => [onUpdateFn_1_props_builderContextSignal_content__data__jsCode()], onUpdateFn_1));
+  const onUpdateFn_2_props_builderContextSignal_content__data__httpRequests = createMemo(() => props.builderContextSignal.content?.data?.httpRequests);
+  function onUpdateFn_2() {
     runHttpRequests();
   }
-  createEffect(on(() => [onUpdateFn_3_props_builderContextSignal_content__data__httpRequests()], onUpdateFn_3));
-  const onUpdateFn_4_props_builderContextSignal_rootState = createMemo(() => props.builderContextSignal.rootState);
-  function onUpdateFn_4() {
+  createEffect(on(() => [onUpdateFn_2_props_builderContextSignal_content__data__httpRequests()], onUpdateFn_2));
+  const onUpdateFn_3_props_builderContextSignal_rootState = createMemo(() => props.builderContextSignal.rootState);
+  function onUpdateFn_3() {
     emitStateUpdate();
   }
-  createEffect(on(() => [onUpdateFn_4_props_builderContextSignal_rootState()], onUpdateFn_4));
-  const onUpdateFn_5_props_data = createMemo(() => props.data);
-  function onUpdateFn_5() {
+  createEffect(on(() => [onUpdateFn_3_props_builderContextSignal_rootState()], onUpdateFn_3));
+  const onUpdateFn_4_props_data = createMemo(() => props.data);
+  function onUpdateFn_4() {
     if (props.data) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect(on(() => [onUpdateFn_5_props_data()], onUpdateFn_5));
-  const onUpdateFn_6_props_locale = createMemo(() => props.locale);
-  function onUpdateFn_6() {
+  createEffect(on(() => [onUpdateFn_4_props_data()], onUpdateFn_4));
+  const onUpdateFn_5_props_locale = createMemo(() => props.locale);
+  function onUpdateFn_5() {
     if (props.locale) {
       mergeNewRootState({
         locale: props.locale
       });
     }
   }
-  createEffect(on(() => [onUpdateFn_6_props_locale()], onUpdateFn_6));
+  createEffect(on(() => [onUpdateFn_5_props_locale()], onUpdateFn_5));
   return createComponent(builder_context_default.Provider, {
     get value() {
       return props.builderContextSignal;
@@ -4921,9 +4910,6 @@ function EnableEditor(props) {
               return `variant-${props.content?.testVariationId || props.content?.id}`;
             }
           }, {}, {
-            get key() {
-              return forceReRenderCount();
-            },
             ref(r$) {
               const _ref$ = elementRef;
               typeof _ref$ === "function" ? _ref$(r$) : elementRef = r$;
@@ -5007,18 +4993,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal(`
-${getCss({
-    cssCode: props.cssCode,
-    contentId: props.contentId
-  })}
-${getFontCss({
-    customFonts: props.customFonts
-  })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -5035,6 +5010,22 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal(`
+${getCss({
+    cssCode: props.cssCode,
+    contentId: props.contentId
+  })}
+${getFontCss({
+    customFonts: props.customFonts
+  })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim());
   return createComponent(inlined_styles_default, {
     get styles() {
@@ -5199,6 +5190,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get isNestedRender() {
+                  return props.isNestedRender;
+                },
                 get contentId() {
                   return builderContextSignal().content?.id;
                 },
@@ -5260,7 +5254,7 @@ function ContentVariants(props) {
   });
   return [createComponent(Show, {
     get when() {
-      return !props.__isNestedRender && TARGET !== "reactNative";
+      return !props.isNestedRender && TARGET !== "reactNative";
     },
     get children() {
       return createComponent(inlined_script_default, {
@@ -5292,6 +5286,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, {
+            get isNestedRender() {
+              return props.isNestedRender;
+            },
             get key() {
               return variant.testVariationId;
             },
@@ -5349,7 +5346,11 @@ function ContentVariants(props) {
         }
       })];
     }
-  }), createComponent(content_default, mergeProps({}, {
+  }), createComponent(content_default, mergeProps({
+    get isNestedRender() {
+      return props.isNestedRender;
+    }
+  }, {}, {
     get content() {
       return defaultContent();
     },
@@ -5464,7 +5465,7 @@ function Symbol(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
-      __isNestedRender: true,
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },

package/lib/browser/dev.jsx

@@ -4029,7 +4029,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.14";
 
 // src/functions/register.ts
 var registry = {};
@@ -4228,10 +4228,6 @@ var subscribeToEditor = (model, callback, options) => {
 
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
-  const [forceReRenderCount, setForceReRenderCount] = createSignal12(0);
-  const [firstRender, setFirstRender] = createSignal12(true);
-  const [lastUpdated, setLastUpdated] = createSignal12(0);
-  const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal12(false);
   const [ContentWrapper, setContentWrapper] = createSignal12(
     props.contentWrapper || "div"
   );
@@ -4286,7 +4282,6 @@ function EnableEditor(props) {
                 breakpoints
               }
             });
-            setForceReRenderCount(forceReRenderCount() + 1);
           }
         },
         animation: (animation) => {
@@ -4294,7 +4289,6 @@ function EnableEditor(props) {
         },
         contentUpdate: (newContent) => {
           mergeNewContent(newContent);
-          setForceReRenderCount(forceReRenderCount() + 1);
         }
       }
     })(event);
@@ -4393,7 +4387,6 @@ function EnableEditor(props) {
   onMount3(() => {
     if (isBrowser()) {
       if (isEditing()) {
-        setForceReRenderCount(forceReRenderCount() + 1);
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -4469,68 +4462,59 @@ function EnableEditor(props) {
     }
   }
   createEffect2(on2(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
-  const onUpdateFn_1_shouldSendResetCookie__ = createMemo12(
-    () => shouldSendResetCookie()
-  );
+  const onUpdateFn_1_props_builderContextSignal_content__data__jsCode = createMemo12(() => props.builderContextSignal.content?.data?.jsCode);
   function onUpdateFn_1() {
-  }
-  createEffect2(
-    on2(() => [onUpdateFn_1_shouldSendResetCookie__()], onUpdateFn_1)
-  );
-  const onUpdateFn_2_props_builderContextSignal_content__data__jsCode = createMemo12(() => props.builderContextSignal.content?.data?.jsCode);
-  function onUpdateFn_2() {
     evaluateJsCode();
   }
   createEffect2(
     on2(
-      () => [onUpdateFn_2_props_builderContextSignal_content__data__jsCode()],
-      onUpdateFn_2
+      () => [onUpdateFn_1_props_builderContextSignal_content__data__jsCode()],
+      onUpdateFn_1
     )
   );
-  const onUpdateFn_3_props_builderContextSignal_content__data__httpRequests = createMemo12(() => props.builderContextSignal.content?.data?.httpRequests);
-  function onUpdateFn_3() {
+  const onUpdateFn_2_props_builderContextSignal_content__data__httpRequests = createMemo12(() => props.builderContextSignal.content?.data?.httpRequests);
+  function onUpdateFn_2() {
     runHttpRequests();
   }
   createEffect2(
     on2(
       () => [
-        onUpdateFn_3_props_builderContextSignal_content__data__httpRequests()
+        onUpdateFn_2_props_builderContextSignal_content__data__httpRequests()
       ],
-      onUpdateFn_3
+      onUpdateFn_2
     )
   );
-  const onUpdateFn_4_props_builderContextSignal_rootState = createMemo12(
+  const onUpdateFn_3_props_builderContextSignal_rootState = createMemo12(
     () => props.builderContextSignal.rootState
   );
-  function onUpdateFn_4() {
+  function onUpdateFn_3() {
     emitStateUpdate();
   }
   createEffect2(
     on2(
-      () => [onUpdateFn_4_props_builderContextSignal_rootState()],
-      onUpdateFn_4
+      () => [onUpdateFn_3_props_builderContextSignal_rootState()],
+      onUpdateFn_3
     )
   );
-  const onUpdateFn_5_props_data = createMemo12(() => props.data);
-  function onUpdateFn_5() {
+  const onUpdateFn_4_props_data = createMemo12(() => props.data);
+  function onUpdateFn_4() {
     if (props.data) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect2(on2(() => [onUpdateFn_5_props_data()], onUpdateFn_5));
-  const onUpdateFn_6_props_locale = createMemo12(() => props.locale);
-  function onUpdateFn_6() {
+  createEffect2(on2(() => [onUpdateFn_4_props_data()], onUpdateFn_4));
+  const onUpdateFn_5_props_locale = createMemo12(() => props.locale);
+  function onUpdateFn_5() {
     if (props.locale) {
       mergeNewRootState({
         locale: props.locale
       });
     }
   }
-  createEffect2(on2(() => [onUpdateFn_6_props_locale()], onUpdateFn_6));
+  createEffect2(on2(() => [onUpdateFn_5_props_locale()], onUpdateFn_5));
   return <builder_context_default.Provider value={props.builderContextSignal}><Show10 when={props.builderContextSignal.content}><Dynamic5
     class={`variant-${props.content?.testVariationId || props.content?.id}`}
     {...{}}
-    key={forceReRenderCount()}
     ref={elementRef}
     onClick={(event) => onClick(event)}
     builder-content-id={props.builderContextSignal.content?.id}
@@ -4603,19 +4587,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal13(
-    `
-${getCss({
-      cssCode: props.cssCode,
-      contentId: props.contentId
-    })}
-${getFontCss({
-      customFonts: props.customFonts
-    })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -4632,6 +4604,23 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal13(
+    `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim()
   );
   return <Inlined_styles_default styles={injectedStyles()} />;
@@ -4759,6 +4748,7 @@ function ContentComponent(props) {
   >
     <Show11 when={props.isSsrAbTest}><Inlined_script_default scriptStr={scriptStr()} /></Show11>
     <Show11 when={TARGET !== "reactNative"}><Styles_default
+      isNestedRender={props.isNestedRender}
       contentId={builderContextSignal().content?.id}
       cssCode={builderContextSignal().content?.data?.cssCode}
       customFonts={builderContextSignal().content?.data?.customFonts}
@@ -4806,7 +4796,7 @@ function ContentVariants(props) {
     setShouldRenderVariants(false);
   });
   return <>
-    <Show12 when={!props.__isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
+    <Show12 when={!props.isNestedRender && TARGET !== "reactNative"}><Inlined_script_default scriptStr={getScriptString()} /></Show12>
     <Show12 when={shouldRenderVariants()}>
       <Inlined_styles_default
         id={`variants-styles-${props.content?.id}`}
@@ -4818,6 +4808,7 @@ function ContentVariants(props) {
       <For7 each={getVariants(props.content)}>{(variant, _index) => {
         const index = _index();
         return <Content_default
+          isNestedRender={props.isNestedRender}
           key={variant.testVariationId}
           content={variant}
           showContent={false}
@@ -4841,6 +4832,7 @@ function ContentVariants(props) {
       }}</For7>
     </Show12>
     <Content_default
+      isNestedRender={props.isNestedRender}
       {...{}}
       content={defaultContent()}
       showContent={true}
@@ -4920,7 +4912,7 @@ function Symbol(props) {
   }
   createEffect3(on3(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
-    __isNestedRender={true}
+    isNestedRender={true}
     apiVersion={props.builderContext.apiVersion}
     apiKey={props.builderContext.apiKey}
     context={{

package/lib/browser/index.js

@@ -4431,7 +4431,7 @@ function isFromTrustedHost(trustedHosts, e) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "1.0.12";
+var SDK_VERSION = "1.0.14";
 
 // src/functions/register.ts
 var registry = {};
@@ -4629,10 +4629,6 @@ var subscribeToEditor = (model, callback, options) => {
 
 // src/components/content/components/enable-editor.tsx
 function EnableEditor(props) {
-  const [forceReRenderCount, setForceReRenderCount] = createSignal(0);
-  createSignal(true);
-  createSignal(0);
-  const [shouldSendResetCookie, setShouldSendResetCookie] = createSignal(false);
   const [ContentWrapper, setContentWrapper] = createSignal(props.contentWrapper || "div");
   const [httpReqsData, setHttpReqsData] = createSignal({});
   const [clicked, setClicked] = createSignal(false);
@@ -4688,7 +4684,6 @@ function EnableEditor(props) {
                 breakpoints
               }
             });
-            setForceReRenderCount(forceReRenderCount() + 1);
           }
         },
         animation: (animation) => {
@@ -4696,7 +4691,6 @@ function EnableEditor(props) {
         },
         contentUpdate: (newContent) => {
           mergeNewContent(newContent);
-          setForceReRenderCount(forceReRenderCount() + 1);
         }
       }
     })(event);
@@ -4787,7 +4781,6 @@ function EnableEditor(props) {
   onMount(() => {
     if (isBrowser()) {
       if (isEditing()) {
-        setForceReRenderCount(forceReRenderCount() + 1);
         window.addEventListener("message", processMessage);
         registerInsertMenu();
         setupBrowserForEditing({
@@ -4854,41 +4847,37 @@ function EnableEditor(props) {
     }
   }
   createEffect(on(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
-  const onUpdateFn_1_shouldSendResetCookie__ = createMemo(() => shouldSendResetCookie());
+  const onUpdateFn_1_props_builderContextSignal_content__data__jsCode = createMemo(() => props.builderContextSignal.content?.data?.jsCode);
   function onUpdateFn_1() {
-  }
-  createEffect(on(() => [onUpdateFn_1_shouldSendResetCookie__()], onUpdateFn_1));
-  const onUpdateFn_2_props_builderContextSignal_content__data__jsCode = createMemo(() => props.builderContextSignal.content?.data?.jsCode);
-  function onUpdateFn_2() {
     evaluateJsCode();
   }
-  createEffect(on(() => [onUpdateFn_2_props_builderContextSignal_content__data__jsCode()], onUpdateFn_2));
-  const onUpdateFn_3_props_builderContextSignal_content__data__httpRequests = createMemo(() => props.builderContextSignal.content?.data?.httpRequests);
-  function onUpdateFn_3() {
+  createEffect(on(() => [onUpdateFn_1_props_builderContextSignal_content__data__jsCode()], onUpdateFn_1));
+  const onUpdateFn_2_props_builderContextSignal_content__data__httpRequests = createMemo(() => props.builderContextSignal.content?.data?.httpRequests);
+  function onUpdateFn_2() {
     runHttpRequests();
   }
-  createEffect(on(() => [onUpdateFn_3_props_builderContextSignal_content__data__httpRequests()], onUpdateFn_3));
-  const onUpdateFn_4_props_builderContextSignal_rootState = createMemo(() => props.builderContextSignal.rootState);
-  function onUpdateFn_4() {
+  createEffect(on(() => [onUpdateFn_2_props_builderContextSignal_content__data__httpRequests()], onUpdateFn_2));
+  const onUpdateFn_3_props_builderContextSignal_rootState = createMemo(() => props.builderContextSignal.rootState);
+  function onUpdateFn_3() {
     emitStateUpdate();
   }
-  createEffect(on(() => [onUpdateFn_4_props_builderContextSignal_rootState()], onUpdateFn_4));
-  const onUpdateFn_5_props_data = createMemo(() => props.data);
-  function onUpdateFn_5() {
+  createEffect(on(() => [onUpdateFn_3_props_builderContextSignal_rootState()], onUpdateFn_3));
+  const onUpdateFn_4_props_data = createMemo(() => props.data);
+  function onUpdateFn_4() {
     if (props.data) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect(on(() => [onUpdateFn_5_props_data()], onUpdateFn_5));
-  const onUpdateFn_6_props_locale = createMemo(() => props.locale);
-  function onUpdateFn_6() {
+  createEffect(on(() => [onUpdateFn_4_props_data()], onUpdateFn_4));
+  const onUpdateFn_5_props_locale = createMemo(() => props.locale);
+  function onUpdateFn_5() {
     if (props.locale) {
       mergeNewRootState({
         locale: props.locale
       });
     }
   }
-  createEffect(on(() => [onUpdateFn_6_props_locale()], onUpdateFn_6));
+  createEffect(on(() => [onUpdateFn_5_props_locale()], onUpdateFn_5));
   return createComponent(builder_context_default.Provider, {
     get value() {
       return props.builderContextSignal;
@@ -4904,9 +4893,6 @@ function EnableEditor(props) {
               return `variant-${props.content?.testVariationId || props.content?.id}`;
             }
           }, {}, {
-            get key() {
-              return forceReRenderCount();
-            },
             ref(r$) {
               const _ref$ = elementRef;
               typeof _ref$ === "function" ? _ref$(r$) : elementRef = r$;
@@ -4990,18 +4976,7 @@ var getCss = ({
   }
   return cssCode?.replace(/&/g, `div[builder-content-id="${contentId}"]`) || "";
 };
-
-// src/components/content/components/styles.tsx
-function ContentStyles(props) {
-  const [injectedStyles, setInjectedStyles] = createSignal(`
-${getCss({
-    cssCode: props.cssCode,
-    contentId: props.contentId
-  })}
-${getFontCss({
-    customFonts: props.customFonts
-  })}
-
+var DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -5018,6 +4993,22 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`;
+var getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+
+// src/components/content/components/styles.tsx
+function ContentStyles(props) {
+  const [injectedStyles, setInjectedStyles] = createSignal(`
+${getCss({
+    cssCode: props.cssCode,
+    contentId: props.contentId
+  })}
+${getFontCss({
+    customFonts: props.customFonts
+  })}
+${getDefaultStyles(props.isNestedRender)}
 `.trim());
   return createComponent(inlined_styles_default, {
     get styles() {
@@ -5182,6 +5173,9 @@ function ContentComponent(props) {
             when: TARGET !== "reactNative",
             get children() {
               return createComponent(styles_default, {
+                get isNestedRender() {
+                  return props.isNestedRender;
+                },
                 get contentId() {
                   return builderContextSignal().content?.id;
                 },
@@ -5243,7 +5237,7 @@ function ContentVariants(props) {
   });
   return [createComponent(Show, {
     get when() {
-      return !props.__isNestedRender && TARGET !== "reactNative";
+      return !props.isNestedRender && TARGET !== "reactNative";
     },
     get children() {
       return createComponent(inlined_script_default, {
@@ -5275,6 +5269,9 @@ function ContentVariants(props) {
         children: (variant, _index) => {
           _index();
           return createComponent(content_default, {
+            get isNestedRender() {
+              return props.isNestedRender;
+            },
             get key() {
               return variant.testVariationId;
             },
@@ -5332,7 +5329,11 @@ function ContentVariants(props) {
         }
       })];
     }
-  }), createComponent(content_default, mergeProps({}, {
+  }), createComponent(content_default, mergeProps({
+    get isNestedRender() {
+      return props.isNestedRender;
+    }
+  }, {}, {
     get content() {
       return defaultContent();
     },
@@ -5447,7 +5448,7 @@ function Symbol(props) {
       }
     }, {}, () => props.attributes, {}), false, true);
     insert(_el$, createComponent(content_variants_default, {
-      __isNestedRender: true,
+      isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
       },