@builder.io/sdk-svelte 0.11.3 → 0.11.4

package/lib/browser/components/content/components/enable-editor.svelte

@@ -28,6 +28,19 @@ export let enrich = undefined;
 export let content = undefined;
 export let showContent;
 export let contentWrapperProps = undefined;
+export let data = undefined;
+function mergeNewRootState(newData) {
+    const combinedState = {
+        ...$builderContextSignal.rootState,
+        ...newData,
+    };
+    if ($builderContextSignal.rootSetState) {
+        $builderContextSignal.rootSetState?.(combinedState);
+    }
+    else {
+        $builderContextSignal.rootState = combinedState;
+    }
+}
 function mergeNewContent(newContent) {
     const newContentValue = {
         ...$builderContextSignal.content,
@@ -217,6 +230,7 @@ function elementRef_onInitpreviewingbldr(event) {
 }
 let elementRef;
 let forceReRenderCount = 0;
+let firstRender = true;
 let lastUpdated = 0;
 let shouldSendResetCookie = false;
 let ContentWrapper = contentWrapper || "div";
@@ -277,6 +291,20 @@ function onUpdateFn_4(..._args) {
     emitStateUpdate();
 }
 $: onUpdateFn_4(...[$builderContextSignal.rootState]);
+function onUpdateFn_5(..._args) {
+    if (data) {
+        mergeNewRootState(data);
+    }
+}
+$: onUpdateFn_5(...[data]);
+function onUpdateFn_6(..._args) {
+    if (locale) {
+        mergeNewRootState({
+            locale: locale,
+        });
+    }
+}
+$: onUpdateFn_6(...[locale]);
 setContext(builderContext.key, builderContextSignal);
 onDestroy(() => {
     if (isBrowser()) {

package/lib/browser/components/content/components/enable-editor.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps"> & {
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps"> & {
     builderContextSignal: Writable<BuilderContextInterface>;
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;
@@ -21,6 +21,7 @@ declare const __propDef: {
         content?: BuilderEditorProps["content"];
         showContent: BuilderEditorProps["showContent"];
         contentWrapperProps?: BuilderEditorProps["contentWrapperProps"];
+        data?: BuilderEditorProps["data"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/lib/browser/components/content/content.helpers.d.ts

@@ -1,7 +1,7 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { Nullable } from '../../types/typescript.js';
 import type { ContentProps } from './content.types.js';
-export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
+export declare const getRootStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
     locale?: string | undefined;
 };
 export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;

package/lib/browser/components/content/content.helpers.js

@@ -1,4 +1,4 @@
-export const getContextStateInitialValue = ({ content, data, locale }) => {
+export const getRootStateInitialValue = ({ content, data, locale }) => {
     const defaultValues = {};
     const initialState = content?.data?.state || {};
     // set default values for content state inputs

package/lib/browser/components/content/content.svelte

@@ -9,7 +9,7 @@ import { getUpdateVariantVisibilityScript } from "../content-variants/helpers.js
 import InlinedScript from "../inlined-script.svelte";
 import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
-import { getContentInitialValue, getContextStateInitialValue, } from "./content.helpers.js";
+import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers.js";
 import "./wrap-component-ref.js";
 export let content = undefined;
 export let customComponents = undefined;
@@ -59,7 +59,7 @@ let builderContextSignal = writable({
         data: data,
     }),
     localState: undefined,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
         content: content,
         data: data,
         locale: locale,
@@ -92,6 +92,7 @@ setContext(ComponentsContext.key, {
 
 <EnableEditor
   {content}
+  {data}
   {model}
   {context}
   {apiKey}

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.3";
+export declare const SDK_VERSION = "0.11.4";

package/lib/browser/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.11.3";
+export const SDK_VERSION = "0.11.4";

package/lib/edge/components/content/components/enable-editor.svelte

@@ -28,6 +28,19 @@ export let enrich = undefined;
 export let content = undefined;
 export let showContent;
 export let contentWrapperProps = undefined;
+export let data = undefined;
+function mergeNewRootState(newData) {
+    const combinedState = {
+        ...$builderContextSignal.rootState,
+        ...newData,
+    };
+    if ($builderContextSignal.rootSetState) {
+        $builderContextSignal.rootSetState?.(combinedState);
+    }
+    else {
+        $builderContextSignal.rootState = combinedState;
+    }
+}
 function mergeNewContent(newContent) {
     const newContentValue = {
         ...$builderContextSignal.content,
@@ -217,6 +230,7 @@ function elementRef_onInitpreviewingbldr(event) {
 }
 let elementRef;
 let forceReRenderCount = 0;
+let firstRender = true;
 let lastUpdated = 0;
 let shouldSendResetCookie = false;
 let ContentWrapper = contentWrapper || "div";
@@ -277,6 +291,20 @@ function onUpdateFn_4(..._args) {
     emitStateUpdate();
 }
 $: onUpdateFn_4(...[$builderContextSignal.rootState]);
+function onUpdateFn_5(..._args) {
+    if (data) {
+        mergeNewRootState(data);
+    }
+}
+$: onUpdateFn_5(...[data]);
+function onUpdateFn_6(..._args) {
+    if (locale) {
+        mergeNewRootState({
+            locale: locale,
+        });
+    }
+}
+$: onUpdateFn_6(...[locale]);
 setContext(builderContext.key, builderContextSignal);
 onDestroy(() => {
     if (isBrowser()) {

package/lib/edge/components/content/components/enable-editor.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps"> & {
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps"> & {
     builderContextSignal: Writable<BuilderContextInterface>;
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;
@@ -21,6 +21,7 @@ declare const __propDef: {
         content?: BuilderEditorProps["content"];
         showContent: BuilderEditorProps["showContent"];
         contentWrapperProps?: BuilderEditorProps["contentWrapperProps"];
+        data?: BuilderEditorProps["data"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/lib/edge/components/content/content.helpers.d.ts

@@ -1,7 +1,7 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { Nullable } from '../../types/typescript.js';
 import type { ContentProps } from './content.types.js';
-export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
+export declare const getRootStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
     locale?: string | undefined;
 };
 export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;

package/lib/edge/components/content/content.helpers.js

@@ -1,4 +1,4 @@
-export const getContextStateInitialValue = ({ content, data, locale }) => {
+export const getRootStateInitialValue = ({ content, data, locale }) => {
     const defaultValues = {};
     const initialState = content?.data?.state || {};
     // set default values for content state inputs

package/lib/edge/components/content/content.svelte

@@ -9,7 +9,7 @@ import { getUpdateVariantVisibilityScript } from "../content-variants/helpers.js
 import InlinedScript from "../inlined-script.svelte";
 import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
-import { getContentInitialValue, getContextStateInitialValue, } from "./content.helpers.js";
+import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers.js";
 import "./wrap-component-ref.js";
 export let content = undefined;
 export let customComponents = undefined;
@@ -59,7 +59,7 @@ let builderContextSignal = writable({
         data: data,
     }),
     localState: undefined,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
         content: content,
         data: data,
         locale: locale,
@@ -92,6 +92,7 @@ setContext(ComponentsContext.key, {
 
 <EnableEditor
   {content}
+  {data}
   {model}
   {context}
   {apiKey}

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.3";
+export declare const SDK_VERSION = "0.11.4";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.11.3";
+export const SDK_VERSION = "0.11.4";

package/lib/node/components/content/components/enable-editor.svelte

@@ -28,6 +28,19 @@ export let enrich = undefined;
 export let content = undefined;
 export let showContent;
 export let contentWrapperProps = undefined;
+export let data = undefined;
+function mergeNewRootState(newData) {
+    const combinedState = {
+        ...$builderContextSignal.rootState,
+        ...newData,
+    };
+    if ($builderContextSignal.rootSetState) {
+        $builderContextSignal.rootSetState?.(combinedState);
+    }
+    else {
+        $builderContextSignal.rootState = combinedState;
+    }
+}
 function mergeNewContent(newContent) {
     const newContentValue = {
         ...$builderContextSignal.content,
@@ -217,6 +230,7 @@ function elementRef_onInitpreviewingbldr(event) {
 }
 let elementRef;
 let forceReRenderCount = 0;
+let firstRender = true;
 let lastUpdated = 0;
 let shouldSendResetCookie = false;
 let ContentWrapper = contentWrapper || "div";
@@ -277,6 +291,20 @@ function onUpdateFn_4(..._args) {
     emitStateUpdate();
 }
 $: onUpdateFn_4(...[$builderContextSignal.rootState]);
+function onUpdateFn_5(..._args) {
+    if (data) {
+        mergeNewRootState(data);
+    }
+}
+$: onUpdateFn_5(...[data]);
+function onUpdateFn_6(..._args) {
+    if (locale) {
+        mergeNewRootState({
+            locale: locale,
+        });
+    }
+}
+$: onUpdateFn_6(...[locale]);
 setContext(builderContext.key, builderContextSignal);
 onDestroy(() => {
     if (isBrowser()) {

package/lib/node/components/content/components/enable-editor.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps"> & {
+type BuilderEditorProps = Omit<ContentProps, "customComponents" | "apiVersion" | "isSsrAbTest" | "blocksWrapper" | "blocksWrapperProps"> & {
     builderContextSignal: Writable<BuilderContextInterface>;
     setBuilderContextSignal?: (signal: any) => any;
     children?: any;
@@ -21,6 +21,7 @@ declare const __propDef: {
         content?: BuilderEditorProps["content"];
         showContent: BuilderEditorProps["showContent"];
         contentWrapperProps?: BuilderEditorProps["contentWrapperProps"];
+        data?: BuilderEditorProps["data"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/lib/node/components/content/content.helpers.d.ts

@@ -1,7 +1,7 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { Nullable } from '../../types/typescript.js';
 import type { ContentProps } from './content.types.js';
-export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
+export declare const getRootStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
     locale?: string | undefined;
 };
 export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;

package/lib/node/components/content/content.helpers.js

@@ -1,4 +1,4 @@
-export const getContextStateInitialValue = ({ content, data, locale }) => {
+export const getRootStateInitialValue = ({ content, data, locale }) => {
     const defaultValues = {};
     const initialState = content?.data?.state || {};
     // set default values for content state inputs

package/lib/node/components/content/content.svelte

@@ -9,7 +9,7 @@ import { getUpdateVariantVisibilityScript } from "../content-variants/helpers.js
 import InlinedScript from "../inlined-script.svelte";
 import EnableEditor from "./components/enable-editor.svelte";
 import ContentStyles from "./components/styles.svelte";
-import { getContentInitialValue, getContextStateInitialValue, } from "./content.helpers.js";
+import { getContentInitialValue, getRootStateInitialValue, } from "./content.helpers.js";
 import "./wrap-component-ref.js";
 export let content = undefined;
 export let customComponents = undefined;
@@ -59,7 +59,7 @@ let builderContextSignal = writable({
         data: data,
     }),
     localState: undefined,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
         content: content,
         data: data,
         locale: locale,
@@ -92,6 +92,7 @@ setContext(ComponentsContext.key, {
 
 <EnableEditor
   {content}
+  {data}
   {model}
   {context}
   {apiKey}

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.3";
+export declare const SDK_VERSION = "0.11.4";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.11.3";
+export const SDK_VERSION = "0.11.4";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.11.3",
+  "version": "0.11.4",
   "type": "module",
   "files": [
     "lib",

package/src/components/content/components/enable-editor.svelte

@@ -2,7 +2,6 @@
   type BuilderEditorProps = Omit<
     ContentProps,
     | "customComponents"
-    | "data"
     | "apiVersion"
     | "isSsrAbTest"
     | "blocksWrapper"
@@ -38,6 +37,7 @@
   } from "../../../scripts/init-editing.js";
   import type { BuilderContent } from "../../../types/builder-content.js";
   import type { ComponentInfo } from "../../../types/components.js";
+  import type { Dictionary } from "../../../types/typescript.js";
   import type {
     BuilderComponentStateChange,
     ContentProps,
@@ -58,6 +58,19 @@
   export let contentWrapperProps: BuilderEditorProps["contentWrapperProps"] =
     undefined;
 
+  export let data: BuilderEditorProps["data"] = undefined;
+
+  function mergeNewRootState(newData: Dictionary<any>) {
+    const combinedState = {
+      ...$builderContextSignal.rootState,
+      ...newData,
+    };
+    if ($builderContextSignal.rootSetState) {
+      $builderContextSignal.rootSetState?.(combinedState);
+    } else {
+      $builderContextSignal.rootState = combinedState;
+    }
+  }
   function mergeNewContent(newContent: BuilderContent) {
     const newContentValue = {
       ...$builderContextSignal.content,
@@ -271,6 +284,7 @@
   let elementRef;
 
   let forceReRenderCount = 0;
+  let firstRender = true;
   let lastUpdated = 0;
   let shouldSendResetCookie = false;
   let ContentWrapper = contentWrapper || "div";
@@ -339,6 +353,20 @@
     emitStateUpdate();
   }
   $: onUpdateFn_4(...[$builderContextSignal.rootState]);
+  function onUpdateFn_5(..._args: any[]) {
+    if (data) {
+      mergeNewRootState(data);
+    }
+  }
+  $: onUpdateFn_5(...[data]);
+  function onUpdateFn_6(..._args: any[]) {
+    if (locale) {
+      mergeNewRootState({
+        locale: locale,
+      });
+    }
+  }
+  $: onUpdateFn_6(...[locale]);
 
   setContext(builderContext.key, builderContextSignal);
 

package/src/components/content/content.helpers.ts

@@ -2,7 +2,7 @@ import type { BuilderRenderState } from '../../context/types.js';
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { Nullable } from '../../types/typescript.js';
 import type { ContentProps } from './content.types.js';
-export const getContextStateInitialValue = ({
+export const getRootStateInitialValue = ({
   content,
   data,
   locale

package/src/components/content/content.svelte

@@ -23,7 +23,7 @@
   import ContentStyles from "./components/styles.svelte";
   import {
     getContentInitialValue,
-    getContextStateInitialValue,
+    getRootStateInitialValue,
   } from "./content.helpers.js";
   import type { ContentProps } from "./content.types.js";
   import { wrapComponentRef } from "./wrap-component-ref.js";
@@ -82,7 +82,7 @@
       data: data,
     }),
     localState: undefined,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: content,
       data: data,
       locale: locale,
@@ -119,6 +119,7 @@
 
 <EnableEditor
   {content}
+  {data}
   {model}
   {context}
   {apiKey}

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "0.11.3"
+export const SDK_VERSION = "0.11.4"