@builder.io/sdk-solid 4.0.4 → 4.0.6

package/lib/edge/dev.jsx

@@ -4379,7 +4379,14 @@ function BlockWrapper(props) {
 var Block_wrapper_default = BlockWrapper;
 
 // src/components/block/components/component-ref/component-ref.tsx
-import { Show as Show4, For, createSignal as createSignal3 } from "solid-js";
+import {
+  Show as Show4,
+  For,
+  on,
+  createEffect,
+  createMemo as createMemo3,
+  createSignal as createSignal3
+} from "solid-js";
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/components/block/components/interactive-element.tsx
@@ -4463,9 +4470,27 @@ var getWrapperProps = ({
 
 // src/components/block/components/component-ref/component-ref.tsx
 function ComponentRef(props) {
+  const [shouldUpdate, setShouldUpdate] = createSignal3(false);
   const [Wrapper, setWrapper] = createSignal3(
     props.isInteractive ? interactive_element_default : props.componentRef
   );
+  const onUpdateFn_0_props_componentOptions = createMemo3(
+    () => props.componentOptions
+  );
+  const onUpdateFn_0_props_blockChildren = createMemo3(
+    () => props.blockChildren
+  );
+  function onUpdateFn_0() {
+  }
+  createEffect(
+    on(
+      () => [
+        onUpdateFn_0_props_componentOptions(),
+        onUpdateFn_0_props_blockChildren()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><Show4 when={props.componentRef}><Dynamic3
     {...getWrapperProps({
       componentOptions: props.componentOptions,
@@ -4663,7 +4688,7 @@ function Block(props) {
 var Block_default = Block;
 
 // src/components/blocks/blocks-wrapper.tsx
-import { onMount as onMount3, on as on2, createEffect as createEffect2, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
+import { onMount as onMount3, on as on3, createEffect as createEffect3, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
 import { Dynamic as Dynamic4 } from "solid-js/web";
 function BlocksWrapper(props) {
   const [shouldUpdate, setShouldUpdate] = createSignal6(false);
@@ -4716,7 +4741,7 @@ function BlocksWrapper(props) {
   const onUpdateFn_0_props_blocks = createMemo6(() => props.blocks);
   function onUpdateFn_0() {
   }
-  createEffect2(on2(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
+  createEffect3(on3(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
   return <>
     <Dynamic4
       class={className() + " dynamic-023c60f2"}
@@ -4896,7 +4921,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-6331dfc5"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-7612d942"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4925,9 +4950,10 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-6331dfc5 {
+    <style>{`.div-7612d942 {
   display: flex;
   line-height: normal;
+  height: 100%;
 }`}</style>
   </>;
 }
@@ -5105,7 +5131,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount9, on as on6, createEffect as createEffect6, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
+import { onMount as onMount9, on as on7, createEffect as createEffect7, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show16, For as For9, onMount as onMount8, createSignal as createSignal19, createMemo as createMemo19 } from "solid-js";
@@ -6818,7 +6844,7 @@ var componentInfo12 = {
 };
 
 // src/blocks/custom-code/custom-code.tsx
-import { onMount as onMount5, on as on3, createEffect as createEffect3, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
+import { onMount as onMount5, on as on4, createEffect as createEffect4, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal12([]);
   const [scriptsRun, setScriptsRun] = createSignal12([]);
@@ -6868,7 +6894,7 @@ function CustomCode(props) {
       runScripts();
     }
   }
-  createEffect3(on3(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
+  createEffect4(on4(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
   return <><div
     class={"builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")}
     ref={elementRef}
@@ -6896,7 +6922,7 @@ var componentInfo13 = {
 };
 
 // src/blocks/embed/embed.tsx
-import { on as on4, createEffect as createEffect4, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
+import { on as on5, createEffect as createEffect5, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
 
 // src/blocks/embed/helpers.ts
 var SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"];
@@ -6938,8 +6964,8 @@ function Embed(props) {
       findAndRunScripts();
     }
   }
-  createEffect4(
-    on4(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
+  createEffect5(
+    on5(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
   );
   return <><div class="builder-embed" ref={elem} innerHTML={props.content} /></>;
 }
@@ -8031,8 +8057,8 @@ var getUpdateVariantVisibilityScript = ({
 import {
   Show as Show14,
   onMount as onMount7,
-  on as on5,
-  createEffect as createEffect5,
+  on as on6,
+  createEffect as createEffect6,
   createMemo as createMemo16,
   createSignal as createSignal16
 } from "solid-js";
@@ -8044,7 +8070,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.4";
+var SDK_VERSION = "4.0.6";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -8200,7 +8226,7 @@ var generateContentUrl = (options) => {
   }
   if (enrich)
     url.searchParams.set("enrich", String(enrich));
-  url.searchParams.set("omit", omit2 || "meta.componentsUsed");
+  url.searchParams.set("omit", omit2 ?? "meta.componentsUsed");
   if (fields) {
     url.searchParams.set("fields", fields);
   }
@@ -9136,15 +9162,15 @@ function EnableEditor(props) {
       mergeNewContent(props.content);
     }
   }
-  createEffect5(on5(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
+  createEffect6(on6(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
   const onUpdateFn_1_props_builderContextSignal_rootState = createMemo16(
     () => props.builderContextSignal.rootState
   );
   function onUpdateFn_1() {
     emitStateUpdate();
   }
-  createEffect5(
-    on5(
+  createEffect6(
+    on6(
       () => [onUpdateFn_1_props_builderContextSignal_rootState()],
       onUpdateFn_1
     )
@@ -9155,7 +9181,7 @@ function EnableEditor(props) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect5(on5(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
+  createEffect6(on6(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
   const onUpdateFn_3_props_locale = createMemo16(() => props.locale);
   function onUpdateFn_3() {
     if (props.locale) {
@@ -9164,7 +9190,7 @@ function EnableEditor(props) {
       });
     }
   }
-  createEffect5(on5(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
+  createEffect6(on6(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
   return <><builder_context_default.Provider value={props.builderContextSignal}><Show14
     when={props.builderContextSignal.content || needsElementRefDivForEditing()}
   ><Dynamic5
@@ -9542,7 +9568,7 @@ function Symbol2(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect6(on6(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect7(on7(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/lib/edge/index.js

@@ -4477,7 +4477,13 @@ var getWrapperProps = ({
 
 // src/components/block/components/component-ref/component-ref.tsx
 function ComponentRef(props) {
+  createSignal(false);
   const [Wrapper, setWrapper] = createSignal(props.isInteractive ? interactive_element_default : props.componentRef);
+  const onUpdateFn_0_props_componentOptions = createMemo(() => props.componentOptions);
+  const onUpdateFn_0_props_blockChildren = createMemo(() => props.blockChildren);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_componentOptions(), onUpdateFn_0_props_blockChildren()], onUpdateFn_0));
   return createComponent(Show, {
     get when() {
       return props.componentRef;
@@ -4961,9 +4967,10 @@ var getColumnsClass = (id2) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-6331dfc5 {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-7612d942 {
   display: flex;
   line-height: normal;
+  height: 100%;
 }`);
 function Columns(props) {
   const gutterSize = createMemo(() => {
@@ -5090,7 +5097,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-6331dfc5";
+        return getColumnsClass(props.builderBlock?.id) + " div-7612d942";
       },
       get style() {
         return columnsCssVars();
@@ -8521,7 +8528,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.4";
+var SDK_VERSION = "4.0.6";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -8675,7 +8682,7 @@ var generateContentUrl = (options) => {
   }
   if (enrich)
     url.searchParams.set("enrich", String(enrich));
-  url.searchParams.set("omit", omit2 || "meta.componentsUsed");
+  url.searchParams.set("omit", omit2 ?? "meta.componentsUsed");
   if (fields) {
     url.searchParams.set("fields", fields);
   }

package/lib/edge/index.jsx

@@ -4372,7 +4372,14 @@ function BlockWrapper(props) {
 var Block_wrapper_default = BlockWrapper;
 
 // src/components/block/components/component-ref/component-ref.tsx
-import { Show as Show4, For, createSignal as createSignal3 } from "solid-js";
+import {
+  Show as Show4,
+  For,
+  on,
+  createEffect,
+  createMemo as createMemo3,
+  createSignal as createSignal3
+} from "solid-js";
 import { Dynamic as Dynamic3 } from "solid-js/web";
 
 // src/components/block/components/interactive-element.tsx
@@ -4456,9 +4463,27 @@ var getWrapperProps = ({
 
 // src/components/block/components/component-ref/component-ref.tsx
 function ComponentRef(props) {
+  const [shouldUpdate, setShouldUpdate] = createSignal3(false);
   const [Wrapper, setWrapper] = createSignal3(
     props.isInteractive ? interactive_element_default : props.componentRef
   );
+  const onUpdateFn_0_props_componentOptions = createMemo3(
+    () => props.componentOptions
+  );
+  const onUpdateFn_0_props_blockChildren = createMemo3(
+    () => props.blockChildren
+  );
+  function onUpdateFn_0() {
+  }
+  createEffect(
+    on(
+      () => [
+        onUpdateFn_0_props_componentOptions(),
+        onUpdateFn_0_props_blockChildren()
+      ],
+      onUpdateFn_0
+    )
+  );
   return <><Show4 when={props.componentRef}><Dynamic3
     {...getWrapperProps({
       componentOptions: props.componentOptions,
@@ -4656,7 +4681,7 @@ function Block(props) {
 var Block_default = Block;
 
 // src/components/blocks/blocks-wrapper.tsx
-import { onMount as onMount3, on as on2, createEffect as createEffect2, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
+import { onMount as onMount3, on as on3, createEffect as createEffect3, createMemo as createMemo6, createSignal as createSignal6 } from "solid-js";
 import { Dynamic as Dynamic4 } from "solid-js/web";
 function BlocksWrapper(props) {
   const [shouldUpdate, setShouldUpdate] = createSignal6(false);
@@ -4709,7 +4734,7 @@ function BlocksWrapper(props) {
   const onUpdateFn_0_props_blocks = createMemo6(() => props.blocks);
   function onUpdateFn_0() {
   }
-  createEffect2(on2(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
+  createEffect3(on3(() => [onUpdateFn_0_props_blocks()], onUpdateFn_0));
   return <>
     <Dynamic4
       class={className() + " dynamic-023c60f2"}
@@ -4889,7 +4914,7 @@ function Columns(props) {
   }
   return <>
     <div
-      class={getColumnsClass(props.builderBlock?.id) + " div-6331dfc5"}
+      class={getColumnsClass(props.builderBlock?.id) + " div-7612d942"}
       style={columnsCssVars()}
       {...{}}
     >
@@ -4918,9 +4943,10 @@ function Columns(props) {
         /></Dynamic_renderer_default>;
       }}</For4>
     </div>
-    <style>{`.div-6331dfc5 {
+    <style>{`.div-7612d942 {
   display: flex;
   line-height: normal;
+  height: 100%;
 }`}</style>
   </>;
 }
@@ -5097,7 +5123,7 @@ function SectionComponent(props) {
 var section_default = SectionComponent;
 
 // src/blocks/symbol/symbol.tsx
-import { onMount as onMount9, on as on6, createEffect as createEffect6, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
+import { onMount as onMount9, on as on7, createEffect as createEffect7, createMemo as createMemo20, createSignal as createSignal20 } from "solid-js";
 
 // src/components/content-variants/content-variants.tsx
 import { Show as Show16, For as For9, onMount as onMount8, createSignal as createSignal19, createMemo as createMemo19 } from "solid-js";
@@ -6809,7 +6835,7 @@ var componentInfo12 = {
 };
 
 // src/blocks/custom-code/custom-code.tsx
-import { onMount as onMount5, on as on3, createEffect as createEffect3, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
+import { onMount as onMount5, on as on4, createEffect as createEffect4, createMemo as createMemo12, createSignal as createSignal12 } from "solid-js";
 function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = createSignal12([]);
   const [scriptsRun, setScriptsRun] = createSignal12([]);
@@ -6859,7 +6885,7 @@ function CustomCode(props) {
       runScripts();
     }
   }
-  createEffect3(on3(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
+  createEffect4(on4(() => [onUpdateFn_0_props_code()], onUpdateFn_0));
   return <><div
     class={"builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")}
     ref={elementRef}
@@ -6887,7 +6913,7 @@ var componentInfo13 = {
 };
 
 // src/blocks/embed/embed.tsx
-import { on as on4, createEffect as createEffect4, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
+import { on as on5, createEffect as createEffect5, createMemo as createMemo13, createSignal as createSignal13 } from "solid-js";
 
 // src/blocks/embed/helpers.ts
 var SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"];
@@ -6929,8 +6955,8 @@ function Embed(props) {
       findAndRunScripts();
     }
   }
-  createEffect4(
-    on4(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
+  createEffect5(
+    on5(() => [onUpdateFn_0_elem(), onUpdateFn_0_ranInitFn__()], onUpdateFn_0)
   );
   return <><div class="builder-embed" ref={elem} innerHTML={props.content} /></>;
 }
@@ -8021,8 +8047,8 @@ var getUpdateVariantVisibilityScript = ({
 import {
   Show as Show14,
   onMount as onMount7,
-  on as on5,
-  createEffect as createEffect5,
+  on as on6,
+  createEffect as createEffect6,
   createMemo as createMemo16,
   createSignal as createSignal16
 } from "solid-js";
@@ -8034,7 +8060,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.4";
+var SDK_VERSION = "4.0.6";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -8188,7 +8214,7 @@ var generateContentUrl = (options) => {
   }
   if (enrich)
     url.searchParams.set("enrich", String(enrich));
-  url.searchParams.set("omit", omit2 || "meta.componentsUsed");
+  url.searchParams.set("omit", omit2 ?? "meta.componentsUsed");
   if (fields) {
     url.searchParams.set("fields", fields);
   }
@@ -9119,15 +9145,15 @@ function EnableEditor(props) {
       mergeNewContent(props.content);
     }
   }
-  createEffect5(on5(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
+  createEffect6(on6(() => [onUpdateFn_0_props_content()], onUpdateFn_0));
   const onUpdateFn_1_props_builderContextSignal_rootState = createMemo16(
     () => props.builderContextSignal.rootState
   );
   function onUpdateFn_1() {
     emitStateUpdate();
   }
-  createEffect5(
-    on5(
+  createEffect6(
+    on6(
       () => [onUpdateFn_1_props_builderContextSignal_rootState()],
       onUpdateFn_1
     )
@@ -9138,7 +9164,7 @@ function EnableEditor(props) {
       mergeNewRootState(props.data);
     }
   }
-  createEffect5(on5(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
+  createEffect6(on6(() => [onUpdateFn_2_props_data()], onUpdateFn_2));
   const onUpdateFn_3_props_locale = createMemo16(() => props.locale);
   function onUpdateFn_3() {
     if (props.locale) {
@@ -9147,7 +9173,7 @@ function EnableEditor(props) {
       });
     }
   }
-  createEffect5(on5(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
+  createEffect6(on6(() => [onUpdateFn_3_props_locale()], onUpdateFn_3));
   return <><builder_context_default.Provider value={props.builderContextSignal}><Show14
     when={props.builderContextSignal.content || needsElementRefDivForEditing()}
   ><Dynamic5
@@ -9525,7 +9551,7 @@ function Symbol2(props) {
   function onUpdateFn_0() {
     setContent();
   }
-  createEffect6(on6(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
+  createEffect7(on7(() => [onUpdateFn_0_props_symbol()], onUpdateFn_0));
   return <><div class={className()} {...{}} {...props.attributes} {...{}}><Content_variants_default
     nonce={props.builderContext.nonce}
     isNestedRender={true}

package/lib/node/dev.js

@@ -1474,7 +1474,13 @@ var getWrapperProps = ({
 
 // src/components/block/components/component-ref/component-ref.tsx
 function ComponentRef(props) {
+  createSignal(false);
   const [Wrapper, setWrapper] = createSignal(props.isInteractive ? interactive_element_default : props.componentRef);
+  const onUpdateFn_0_props_componentOptions = createMemo(() => props.componentOptions);
+  const onUpdateFn_0_props_blockChildren = createMemo(() => props.blockChildren);
+  function onUpdateFn_0() {
+  }
+  createEffect(on(() => [onUpdateFn_0_props_componentOptions(), onUpdateFn_0_props_blockChildren()], onUpdateFn_0));
   return createComponent(Show, {
     get when() {
       return props.componentRef;
@@ -1958,9 +1964,10 @@ var getColumnsClass = (id) => {
 
 // src/blocks/columns/columns.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-6331dfc5 {
+var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-7612d942 {
   display: flex;
   line-height: normal;
+  height: 100%;
 }`);
 function Columns(props) {
   const gutterSize = createMemo(() => {
@@ -2087,7 +2094,7 @@ function Columns(props) {
     const _el$ = _tmpl$3();
     spread(_el$, mergeProps({
       get ["class"]() {
-        return getColumnsClass(props.builderBlock?.id) + " div-6331dfc5";
+        return getColumnsClass(props.builderBlock?.id) + " div-7612d942";
       },
       get style() {
         return columnsCssVars();
@@ -5521,7 +5528,7 @@ function getPreviewContent(_searchParams) {
 }
 
 // src/constants/sdk-version.ts
-var SDK_VERSION = "4.0.4";
+var SDK_VERSION = "4.0.6";
 
 // src/helpers/sdk-headers.ts
 var getSdkHeaders = () => ({
@@ -5677,7 +5684,7 @@ var generateContentUrl = (options) => {
   }
   if (enrich)
     url.searchParams.set("enrich", String(enrich));
-  url.searchParams.set("omit", omit2 || "meta.componentsUsed");
+  url.searchParams.set("omit", omit2 ?? "meta.componentsUsed");
   if (fields) {
     url.searchParams.set("fields", fields);
   }