@builder.io/sdk-svelte 4.0.3 → 4.0.5

package/lib/browser/blocks/columns/columns.svelte

@@ -186,5 +186,6 @@ $: flexDir = () => {
   .div {
     display: flex;
     line-height: normal;
+    height: 100%;
   }
 </style>

package/lib/browser/blocks/image/component-info.js

@@ -87,6 +87,10 @@ export const componentInfo = {
             name: 'altText',
             type: 'string',
             helperText: 'Text to display when the user has images off'
+        }, {
+            name: 'title',
+            type: 'string',
+            helperText: 'Text to display when hovering over the asset'
         }, {
             name: 'height',
             type: 'number',

package/lib/browser/blocks/image/image.svelte

@@ -6,6 +6,7 @@ export let noWebp = undefined;
 export let aspectRatio = undefined;
 export let highPriority = undefined;
 export let altText = undefined;
+export let title = undefined;
 export let backgroundPosition = undefined;
 export let backgroundSize = undefined;
 export let className = undefined;
@@ -79,6 +80,7 @@ $: aspectRatioCss = () => {
     loading={highPriority ? "eager" : "lazy"}
     fetchpriority={highPriority ? "high" : "auto"}
     alt={altText}
+    {title}
     role={altText ? undefined : "presentation"}
     class={"builder-image" + (className ? " " + className : "") + " img"}
     src={image}

package/lib/browser/blocks/image/image.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         aspectRatio?: ImageProps["aspectRatio"];
         highPriority?: ImageProps["highPriority"];
         altText?: ImageProps["altText"];
+        title?: ImageProps["title"];
         backgroundPosition?: ImageProps["backgroundPosition"];
         backgroundSize?: ImageProps["backgroundSize"];
         className?: ImageProps["className"];

package/lib/browser/blocks/image/image.types.d.ts

@@ -9,6 +9,7 @@ export interface ImageProps {
     height?: number;
     width?: number;
     altText?: string;
+    title?: string;
     backgroundSize?: 'cover' | 'contain';
     backgroundPosition?: string;
     srcset?: string;

package/lib/browser/components/block/components/component-ref/component-ref.svelte

@@ -2,16 +2,19 @@
 import Block from "../../block.svelte";
 import InteractiveElement from "../interactive-element.svelte";
 import { getWrapperProps } from "./component-ref.helpers";
+export let componentOptions;
+export let blockChildren;
 export let isInteractive;
 export let componentRef;
-export let componentOptions;
 export let builderBlock;
 export let context;
 export let linkComponent;
 export let includeBlockProps;
-export let blockChildren;
 export let registeredComponents;
+let shouldUpdate = false;
 let Wrapper = isInteractive ? InteractiveElement : componentRef;
+function onUpdateFn_0(..._args) { }
+$: onUpdateFn_0(...[componentOptions, blockChildren]);
 </script>
 
 {#if componentRef}

package/lib/browser/components/block/components/component-ref/component-ref.svelte.d.ts

@@ -2,14 +2,14 @@ import { SvelteComponent } from "svelte";
 import type { ComponentProps } from "./component-ref.helpers";
 declare const __propDef: {
     props: {
+        componentOptions: ComponentProps["componentOptions"];
+        blockChildren: ComponentProps["blockChildren"];
         isInteractive: ComponentProps["isInteractive"];
         componentRef: ComponentProps["componentRef"];
-        componentOptions: ComponentProps["componentOptions"];
         builderBlock: ComponentProps["builderBlock"];
         context: ComponentProps["context"];
         linkComponent: ComponentProps["linkComponent"];
         includeBlockProps: ComponentProps["includeBlockProps"];
-        blockChildren: ComponentProps["blockChildren"];
         registeredComponents: ComponentProps["registeredComponents"];
     };
     events: {

package/lib/browser/components/blocks/blocks-wrapper.svelte

@@ -59,7 +59,10 @@ $: dataPath = () => {
             : `${pathPrefix}${path || ""}`;
 };
 let blocksWrapperRef;
+let shouldUpdate = false;
 onMount(() => { });
+function onUpdateFn_0(..._args) { }
+$: onUpdateFn_0(...[blocks]);
 </script>
 
 <svelte:element

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.0.3";
+export declare const SDK_VERSION = "4.0.5";

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

@@ -1 +1 @@
-export const SDK_VERSION = "4.0.3";
+export const SDK_VERSION = "4.0.5";

package/lib/edge/blocks/columns/columns.svelte

@@ -186,5 +186,6 @@ $: flexDir = () => {
   .div {
     display: flex;
     line-height: normal;
+    height: 100%;
   }
 </style>

package/lib/edge/blocks/image/component-info.js

@@ -87,6 +87,10 @@ export const componentInfo = {
             name: 'altText',
             type: 'string',
             helperText: 'Text to display when the user has images off'
+        }, {
+            name: 'title',
+            type: 'string',
+            helperText: 'Text to display when hovering over the asset'
         }, {
             name: 'height',
             type: 'number',

package/lib/edge/blocks/image/image.svelte

@@ -6,6 +6,7 @@ export let noWebp = undefined;
 export let aspectRatio = undefined;
 export let highPriority = undefined;
 export let altText = undefined;
+export let title = undefined;
 export let backgroundPosition = undefined;
 export let backgroundSize = undefined;
 export let className = undefined;
@@ -79,6 +80,7 @@ $: aspectRatioCss = () => {
     loading={highPriority ? "eager" : "lazy"}
     fetchpriority={highPriority ? "high" : "auto"}
     alt={altText}
+    {title}
     role={altText ? undefined : "presentation"}
     class={"builder-image" + (className ? " " + className : "") + " img"}
     src={image}

package/lib/edge/blocks/image/image.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         aspectRatio?: ImageProps["aspectRatio"];
         highPriority?: ImageProps["highPriority"];
         altText?: ImageProps["altText"];
+        title?: ImageProps["title"];
         backgroundPosition?: ImageProps["backgroundPosition"];
         backgroundSize?: ImageProps["backgroundSize"];
         className?: ImageProps["className"];

package/lib/edge/blocks/image/image.types.d.ts

@@ -9,6 +9,7 @@ export interface ImageProps {
     height?: number;
     width?: number;
     altText?: string;
+    title?: string;
     backgroundSize?: 'cover' | 'contain';
     backgroundPosition?: string;
     srcset?: string;

package/lib/edge/components/block/components/component-ref/component-ref.svelte

@@ -2,16 +2,19 @@
 import Block from "../../block.svelte";
 import InteractiveElement from "../interactive-element.svelte";
 import { getWrapperProps } from "./component-ref.helpers";
+export let componentOptions;
+export let blockChildren;
 export let isInteractive;
 export let componentRef;
-export let componentOptions;
 export let builderBlock;
 export let context;
 export let linkComponent;
 export let includeBlockProps;
-export let blockChildren;
 export let registeredComponents;
+let shouldUpdate = false;
 let Wrapper = isInteractive ? InteractiveElement : componentRef;
+function onUpdateFn_0(..._args) { }
+$: onUpdateFn_0(...[componentOptions, blockChildren]);
 </script>
 
 {#if componentRef}

package/lib/edge/components/block/components/component-ref/component-ref.svelte.d.ts

@@ -2,14 +2,14 @@ import { SvelteComponent } from "svelte";
 import type { ComponentProps } from "./component-ref.helpers";
 declare const __propDef: {
     props: {
+        componentOptions: ComponentProps["componentOptions"];
+        blockChildren: ComponentProps["blockChildren"];
         isInteractive: ComponentProps["isInteractive"];
         componentRef: ComponentProps["componentRef"];
-        componentOptions: ComponentProps["componentOptions"];
         builderBlock: ComponentProps["builderBlock"];
         context: ComponentProps["context"];
         linkComponent: ComponentProps["linkComponent"];
         includeBlockProps: ComponentProps["includeBlockProps"];
-        blockChildren: ComponentProps["blockChildren"];
         registeredComponents: ComponentProps["registeredComponents"];
     };
     events: {

package/lib/edge/components/blocks/blocks-wrapper.svelte

@@ -59,7 +59,10 @@ $: dataPath = () => {
             : `${pathPrefix}${path || ""}`;
 };
 let blocksWrapperRef;
+let shouldUpdate = false;
 onMount(() => { });
+function onUpdateFn_0(..._args) { }
+$: onUpdateFn_0(...[blocks]);
 </script>
 
 <svelte:element

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.0.3";
+export declare const SDK_VERSION = "4.0.5";

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

@@ -1 +1 @@
-export const SDK_VERSION = "4.0.3";
+export const SDK_VERSION = "4.0.5";

package/lib/node/blocks/columns/columns.svelte

@@ -186,5 +186,6 @@ $: flexDir = () => {
   .div {
     display: flex;
     line-height: normal;
+    height: 100%;
   }
 </style>

package/lib/node/blocks/image/component-info.js

@@ -87,6 +87,10 @@ export const componentInfo = {
             name: 'altText',
             type: 'string',
             helperText: 'Text to display when the user has images off'
+        }, {
+            name: 'title',
+            type: 'string',
+            helperText: 'Text to display when hovering over the asset'
         }, {
             name: 'height',
             type: 'number',

package/lib/node/blocks/image/image.svelte

@@ -6,6 +6,7 @@ export let noWebp = undefined;
 export let aspectRatio = undefined;
 export let highPriority = undefined;
 export let altText = undefined;
+export let title = undefined;
 export let backgroundPosition = undefined;
 export let backgroundSize = undefined;
 export let className = undefined;
@@ -79,6 +80,7 @@ $: aspectRatioCss = () => {
     loading={highPriority ? "eager" : "lazy"}
     fetchpriority={highPriority ? "high" : "auto"}
     alt={altText}
+    {title}
     role={altText ? undefined : "presentation"}
     class={"builder-image" + (className ? " " + className : "") + " img"}
     src={image}

package/lib/node/blocks/image/image.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         aspectRatio?: ImageProps["aspectRatio"];
         highPriority?: ImageProps["highPriority"];
         altText?: ImageProps["altText"];
+        title?: ImageProps["title"];
         backgroundPosition?: ImageProps["backgroundPosition"];
         backgroundSize?: ImageProps["backgroundSize"];
         className?: ImageProps["className"];

package/lib/node/blocks/image/image.types.d.ts

@@ -9,6 +9,7 @@ export interface ImageProps {
     height?: number;
     width?: number;
     altText?: string;
+    title?: string;
     backgroundSize?: 'cover' | 'contain';
     backgroundPosition?: string;
     srcset?: string;

package/lib/node/components/block/components/component-ref/component-ref.svelte

@@ -2,16 +2,19 @@
 import Block from "../../block.svelte";
 import InteractiveElement from "../interactive-element.svelte";
 import { getWrapperProps } from "./component-ref.helpers";
+export let componentOptions;
+export let blockChildren;
 export let isInteractive;
 export let componentRef;
-export let componentOptions;
 export let builderBlock;
 export let context;
 export let linkComponent;
 export let includeBlockProps;
-export let blockChildren;
 export let registeredComponents;
+let shouldUpdate = false;
 let Wrapper = isInteractive ? InteractiveElement : componentRef;
+function onUpdateFn_0(..._args) { }
+$: onUpdateFn_0(...[componentOptions, blockChildren]);
 </script>
 
 {#if componentRef}

package/lib/node/components/block/components/component-ref/component-ref.svelte.d.ts

@@ -2,14 +2,14 @@ import { SvelteComponent } from "svelte";
 import type { ComponentProps } from "./component-ref.helpers";
 declare const __propDef: {
     props: {
+        componentOptions: ComponentProps["componentOptions"];
+        blockChildren: ComponentProps["blockChildren"];
         isInteractive: ComponentProps["isInteractive"];
         componentRef: ComponentProps["componentRef"];
-        componentOptions: ComponentProps["componentOptions"];
         builderBlock: ComponentProps["builderBlock"];
         context: ComponentProps["context"];
         linkComponent: ComponentProps["linkComponent"];
         includeBlockProps: ComponentProps["includeBlockProps"];
-        blockChildren: ComponentProps["blockChildren"];
         registeredComponents: ComponentProps["registeredComponents"];
     };
     events: {

package/lib/node/components/blocks/blocks-wrapper.svelte

@@ -59,7 +59,10 @@ $: dataPath = () => {
             : `${pathPrefix}${path || ""}`;
 };
 let blocksWrapperRef;
+let shouldUpdate = false;
 onMount(() => { });
+function onUpdateFn_0(..._args) { }
+$: onUpdateFn_0(...[blocks]);
 </script>
 
 <svelte:element

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.0.3";
+export declare const SDK_VERSION = "4.0.5";

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

@@ -1 +1 @@
-export const SDK_VERSION = "4.0.3";
+export const SDK_VERSION = "4.0.5";

package/package.json

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

package/src/blocks/columns/columns.svelte

@@ -210,5 +210,6 @@
   .div {
     display: flex;
     line-height: normal;
+    height: 100%;
   }
 </style>

package/src/blocks/image/component-info.ts

@@ -89,6 +89,10 @@ export const componentInfo: ComponentInfo = {
     name: 'altText',
     type: 'string',
     helperText: 'Text to display when the user has images off'
+  }, {
+    name: 'title',
+    type: 'string',
+    helperText: 'Text to display when hovering over the asset'
   }, {
     name: 'height',
     type: 'number',

package/src/blocks/image/image.svelte

@@ -9,6 +9,7 @@
   export let aspectRatio: ImageProps["aspectRatio"] = undefined;
   export let highPriority: ImageProps["highPriority"] = undefined;
   export let altText: ImageProps["altText"] = undefined;
+  export let title: ImageProps["title"] = undefined;
   export let backgroundPosition: ImageProps["backgroundPosition"] = undefined;
   export let backgroundSize: ImageProps["backgroundSize"] = undefined;
   export let className: ImageProps["className"] = undefined;
@@ -86,6 +87,7 @@
     loading={highPriority ? "eager" : "lazy"}
     fetchpriority={highPriority ? "high" : "auto"}
     alt={altText}
+    {title}
     role={altText ? undefined : "presentation"}
     class={"builder-image" + (className ? " " + className : "") + " img"}
     src={image}

package/src/blocks/image/image.types.ts

@@ -9,6 +9,7 @@ export interface ImageProps {
   height?: number;
   width?: number;
   altText?: string;
+  title?: string;
   backgroundSize?: 'cover' | 'contain';
   backgroundPosition?: string;
   srcset?: string;

package/src/components/block/components/component-ref/component-ref.svelte

@@ -5,17 +5,22 @@
   import type { ComponentProps } from "./component-ref.helpers";
   import { getWrapperProps } from "./component-ref.helpers";
 
+  export let componentOptions: ComponentProps["componentOptions"];
+  export let blockChildren: ComponentProps["blockChildren"];
   export let isInteractive: ComponentProps["isInteractive"];
   export let componentRef: ComponentProps["componentRef"];
-  export let componentOptions: ComponentProps["componentOptions"];
   export let builderBlock: ComponentProps["builderBlock"];
   export let context: ComponentProps["context"];
   export let linkComponent: ComponentProps["linkComponent"];
   export let includeBlockProps: ComponentProps["includeBlockProps"];
-  export let blockChildren: ComponentProps["blockChildren"];
   export let registeredComponents: ComponentProps["registeredComponents"];
 
+  let shouldUpdate = false;
   let Wrapper = isInteractive ? InteractiveElement : componentRef;
+
+  function onUpdateFn_0(..._args: any[]) {}
+
+  $: onUpdateFn_0(...[componentOptions, blockChildren]);
 </script>
 
 {#if componentRef}

package/src/components/blocks/blocks-wrapper.svelte

@@ -90,7 +90,13 @@
 
   let blocksWrapperRef;
 
+  let shouldUpdate = false;
+
   onMount(() => {});
+
+  function onUpdateFn_0(..._args: any[]) {}
+
+  $: onUpdateFn_0(...[blocks]);
 </script>
 
 <svelte:element

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "4.0.3"
+export const SDK_VERSION = "4.0.5"