@builder.io/sdk-svelte 0.11.0 → 0.11.2

package/lib/browser/components/block/components/component-ref/component-ref.helpers.js

@@ -1,12 +1,6 @@
 import { getBlockProperties } from '../../../../functions/get-block-properties.js';
 export const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-    const interactiveElementProps = {
-        Wrapper: componentRef,
-        block: builderBlock,
-        context,
-        wrapperProps: componentOptions
-    };
-    return isInteractive ? interactiveElementProps : {
+    const wrapperPropsWithAttributes = {
         ...componentOptions,
         /**
          * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -19,4 +13,12 @@ export const getWrapperProps = ({ componentOptions, builderBlock, context, compo
             })
         } : {})
     };
+    const interactiveElementProps = {
+        Wrapper: componentRef,
+        block: builderBlock,
+        context,
+        wrapperProps: componentOptions,
+        includeBlockProps
+    };
+    return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };

package/lib/browser/components/block/components/interactive-element.svelte

@@ -4,6 +4,7 @@
 import { getBlockProperties } from "../../../functions/get-block-properties.js";
 export let Wrapper;
 export let wrapperProps;
+export let includeBlockProps;
 export let block;
 export let context;
 </script>
@@ -11,19 +12,21 @@ export let context;
 <svelte:component
   this={Wrapper}
   {...wrapperProps}
-  attributes={{
-    ...getBlockProperties({
-      block: block,
-      context: $context,
-    }),
-    ...getBlockActions({
-      block: block,
-      rootState: $context.rootState,
-      rootSetState: $context.rootSetState,
-      localState: $context.localState,
-      context: $context.context,
-    }),
-  }}
+  attributes={includeBlockProps
+    ? {
+        ...getBlockProperties({
+          block: block,
+          context: $context,
+        }),
+        ...getBlockActions({
+          block: block,
+          rootState: $context.rootState,
+          rootSetState: $context.rootSetState,
+          localState: $context.localState,
+          context: $context.context,
+        }),
+      }
+    : {}}
 >
   <slot />
 </svelte:component>

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.0";
+export declare const SDK_VERSION = "0.11.2";

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

@@ -1 +1 @@
-export const SDK_VERSION = "0.11.0";
+export const SDK_VERSION = "0.11.2";

package/lib/edge/components/block/components/component-ref/component-ref.helpers.js

@@ -1,12 +1,6 @@
 import { getBlockProperties } from '../../../../functions/get-block-properties.js';
 export const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-    const interactiveElementProps = {
-        Wrapper: componentRef,
-        block: builderBlock,
-        context,
-        wrapperProps: componentOptions
-    };
-    return isInteractive ? interactiveElementProps : {
+    const wrapperPropsWithAttributes = {
         ...componentOptions,
         /**
          * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -19,4 +13,12 @@ export const getWrapperProps = ({ componentOptions, builderBlock, context, compo
             })
         } : {})
     };
+    const interactiveElementProps = {
+        Wrapper: componentRef,
+        block: builderBlock,
+        context,
+        wrapperProps: componentOptions,
+        includeBlockProps
+    };
+    return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };

package/lib/edge/components/block/components/interactive-element.svelte

@@ -4,6 +4,7 @@
 import { getBlockProperties } from "../../../functions/get-block-properties.js";
 export let Wrapper;
 export let wrapperProps;
+export let includeBlockProps;
 export let block;
 export let context;
 </script>
@@ -11,19 +12,21 @@ export let context;
 <svelte:component
   this={Wrapper}
   {...wrapperProps}
-  attributes={{
-    ...getBlockProperties({
-      block: block,
-      context: $context,
-    }),
-    ...getBlockActions({
-      block: block,
-      rootState: $context.rootState,
-      rootSetState: $context.rootSetState,
-      localState: $context.localState,
-      context: $context.context,
-    }),
-  }}
+  attributes={includeBlockProps
+    ? {
+        ...getBlockProperties({
+          block: block,
+          context: $context,
+        }),
+        ...getBlockActions({
+          block: block,
+          rootState: $context.rootState,
+          rootSetState: $context.rootSetState,
+          localState: $context.localState,
+          context: $context.context,
+        }),
+      }
+    : {}}
 >
   <slot />
 </svelte:component>

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.0";
+export declare const SDK_VERSION = "0.11.2";

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

@@ -1 +1 @@
-export const SDK_VERSION = "0.11.0";
+export const SDK_VERSION = "0.11.2";

package/lib/node/components/block/components/component-ref/component-ref.helpers.js

@@ -1,12 +1,6 @@
 import { getBlockProperties } from '../../../../functions/get-block-properties.js';
 export const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-    const interactiveElementProps = {
-        Wrapper: componentRef,
-        block: builderBlock,
-        context,
-        wrapperProps: componentOptions
-    };
-    return isInteractive ? interactiveElementProps : {
+    const wrapperPropsWithAttributes = {
         ...componentOptions,
         /**
          * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -19,4 +13,12 @@ export const getWrapperProps = ({ componentOptions, builderBlock, context, compo
             })
         } : {})
     };
+    const interactiveElementProps = {
+        Wrapper: componentRef,
+        block: builderBlock,
+        context,
+        wrapperProps: componentOptions,
+        includeBlockProps
+    };
+    return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };

package/lib/node/components/block/components/interactive-element.svelte

@@ -4,6 +4,7 @@
 import { getBlockProperties } from "../../../functions/get-block-properties.js";
 export let Wrapper;
 export let wrapperProps;
+export let includeBlockProps;
 export let block;
 export let context;
 </script>
@@ -11,19 +12,21 @@ export let context;
 <svelte:component
   this={Wrapper}
   {...wrapperProps}
-  attributes={{
-    ...getBlockProperties({
-      block: block,
-      context: $context,
-    }),
-    ...getBlockActions({
-      block: block,
-      rootState: $context.rootState,
-      rootSetState: $context.rootSetState,
-      localState: $context.localState,
-      context: $context.context,
-    }),
-  }}
+  attributes={includeBlockProps
+    ? {
+        ...getBlockProperties({
+          block: block,
+          context: $context,
+        }),
+        ...getBlockActions({
+          block: block,
+          rootState: $context.rootState,
+          rootSetState: $context.rootSetState,
+          localState: $context.localState,
+          context: $context.context,
+        }),
+      }
+    : {}}
 >
   <slot />
 </svelte:component>

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.0";
+export declare const SDK_VERSION = "0.11.2";

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

@@ -1 +1 @@
-export const SDK_VERSION = "0.11.0";
+export const SDK_VERSION = "0.11.2";

package/package.json

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

package/src/components/block/components/component-ref/component-ref.helpers.ts

@@ -31,13 +31,7 @@ export const getWrapperProps = ({
 }: Omit<ComponentProps, 'blockChildren' | 'registeredComponents'> & {
   contextValue: BuilderContextInterface;
 }) => {
-  const interactiveElementProps: InteractiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
      * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -50,4 +44,12 @@ export const getWrapperProps = ({
       })
     } : {})
   };
+  const interactiveElementProps: InteractiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 }

package/src/components/block/components/interactive-element.svelte

@@ -3,7 +3,8 @@
     Wrapper: any;
     block: BuilderBlock;
     context: Writable<BuilderContextInterface>;
-    wrapperProps: object;
+    wrapperProps: Dictionary<any>;
+    includeBlockProps: boolean;
   };
 </script>
 
@@ -12,11 +13,15 @@
   import { getBlockActions } from "../../../functions/get-block-actions.js";
   import { getBlockProperties } from "../../../functions/get-block-properties.js";
   import type { BuilderBlock } from "../../../types/builder-block.js";
-  import type { PropsWithChildren } from "../../../types/typescript.js";
+  import type {
+    Dictionary,
+    PropsWithChildren,
+  } from "../../../types/typescript.js";
   import type { Writable } from "svelte/store";
 
   export let Wrapper: PropsWithChildren<InteractiveElementProps>["Wrapper"];
   export let wrapperProps: PropsWithChildren<InteractiveElementProps>["wrapperProps"];
+  export let includeBlockProps: PropsWithChildren<InteractiveElementProps>["includeBlockProps"];
   export let block: PropsWithChildren<InteractiveElementProps>["block"];
   export let context: PropsWithChildren<InteractiveElementProps>["context"];
 </script>
@@ -24,19 +29,21 @@
 <svelte:component
   this={Wrapper}
   {...wrapperProps}
-  attributes={{
-    ...getBlockProperties({
-      block: block,
-      context: $context,
-    }),
-    ...getBlockActions({
-      block: block,
-      rootState: $context.rootState,
-      rootSetState: $context.rootSetState,
-      localState: $context.localState,
-      context: $context.context,
-    }),
-  }}
+  attributes={includeBlockProps
+    ? {
+        ...getBlockProperties({
+          block: block,
+          context: $context,
+        }),
+        ...getBlockActions({
+          block: block,
+          rootState: $context.rootState,
+          rootSetState: $context.rootSetState,
+          localState: $context.localState,
+          context: $context.context,
+        }),
+      }
+    : {}}
 >
   <slot />
 </svelte:component>

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "0.11.0"
+export const SDK_VERSION = "0.11.2"