@builder.io/sdk-svelte 4.0.3 → 4.0.4

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/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.4";

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

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

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/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.4";

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

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

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/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.4";

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

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

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.4",
   "type": "module",
   "files": [
     "lib",

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/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.4"