@builder.io/sdk-vue 4.0.3 → 4.0.5

package/lib/browser/{awaiter-T635T5iI.js → awaiter-Na4FhF0w.js}

@@ -1,6 +1,6 @@
 import "./style.css";
 import { defineComponent as t, renderSlot as o } from "vue";
-import { e as r } from "./index-zpEHIUKh.js";
+import { e as r } from "./index-X41L9CpV.js";
 const n = t({
   name: "awaiter",
   props: [],

package/lib/browser/{awaiter-5OhN8ApS.cjs → awaiter-gdSp9a3o.cjs}

@@ -1 +1 @@
-var p=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-WB_-12va.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,i,c,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;
+var p=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-rU3Ag1Be.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,i,c,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;

package/lib/browser/{block-styles-pUFf51sH.cjs → block-styles-HyV_Fqpu.cjs}

@@ -1 +1 @@
-var _=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("./index-WB_-12va.cjs"),x=a.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,k,C,f;const e=this.block,t=e.responsiveStyles,o=this.context.content,r=s.getSizesForBreakpoints(((S=o==null?void 0:o.meta)==null?void 0:S.breakpoints)||{}),d=!!((k=(h=o==null?void 0:o.meta)==null?void 0:h.breakpoints)!=null&&k.xsmall),i=t==null?void 0:t.large,c=t==null?void 0:t.medium,u=t==null?void 0:t.small,y=t==null?void 0:t.xsmall,n=e.id;if(!n)return"";const b=i?s.createCssClass({className:n,styles:i}):"",g=c?s.createCssClass({className:n,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",v=u?s.createCssClass({className:n,styles:u,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"",B=y&&d?s.createCssClass({className:n,styles:y,mediaQuery:s.getMaxWidthQueryForSize("xsmall",r)}):"",l=e.animations&&e.animations.find(m=>m.trigger==="hover");let p="";if(l){const m=((f=(C=l.steps)==null?void 0:C[1])==null?void 0:f.styles)||{};p=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${l.duration}s ${s.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[b,g,v,B,p].join(" ")}}});function T(e,t,o,r,d,i){const c=a.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(a.openBlock(),a.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):a.createCommentVNode("",!0)}const $=s._export_sfc(x,[["render",T]]);exports.default=$;
+var _=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("./index-rU3Ag1Be.cjs"),x=a.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,k,C,f;const e=this.block,t=e.responsiveStyles,o=this.context.content,r=s.getSizesForBreakpoints(((S=o==null?void 0:o.meta)==null?void 0:S.breakpoints)||{}),d=!!((k=(h=o==null?void 0:o.meta)==null?void 0:h.breakpoints)!=null&&k.xsmall),i=t==null?void 0:t.large,c=t==null?void 0:t.medium,u=t==null?void 0:t.small,y=t==null?void 0:t.xsmall,n=e.id;if(!n)return"";const b=i?s.createCssClass({className:n,styles:i}):"",g=c?s.createCssClass({className:n,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",v=u?s.createCssClass({className:n,styles:u,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"",B=y&&d?s.createCssClass({className:n,styles:y,mediaQuery:s.getMaxWidthQueryForSize("xsmall",r)}):"",l=e.animations&&e.animations.find(m=>m.trigger==="hover");let p="";if(l){const m=((f=(C=l.steps)==null?void 0:C[1])==null?void 0:f.styles)||{};p=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${l.duration}s ${s.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[b,g,v,B,p].join(" ")}}});function T(e,t,o,r,d,i){const c=a.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(a.openBlock(),a.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):a.createCommentVNode("",!0)}const $=s._export_sfc(x,[["render",T]]);exports.default=$;

package/lib/browser/{block-styles-Mji_WN2o.js → block-styles-adNaPac5.js}

@@ -1,6 +1,6 @@
 import "./style.css";
 import { defineComponent as _, resolveComponent as x, openBlock as T, createBlock as w, createCommentVNode as I } from "vue";
-import { _ as N, T as Q, c as C, g as z, a, b as m, d as A, e as D } from "./index-zpEHIUKh.js";
+import { _ as N, T as Q, c as C, g as z, a, b as m, d as A, e as D } from "./index-X41L9CpV.js";
 const E = _({
   name: "block-styles",
   components: { InlinedStyles: N },

package/lib/browser/{block-wrapper-soT7ooMT.cjs → block-wrapper-GYkBDhfB.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-PK3c3XD7.cjs"),n=require("./index-WB_-12va.cjs"),c=()=>Promise.resolve().then(()=>require("./index-WB_-12va.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-HYjBq-49.cjs"),n=require("./index-rU3Ag1Be.cjs"),c=()=>Promise.resolve().then(()=>require("./index-rU3Ag1Be.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;

package/lib/browser/{block-wrapper-yV8JarXL.js → block-wrapper-HyxydZnL.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as i, renderSlot as p } from "vue";
-import { g as s, a as l } from "./get-block-properties-M5SrUo_n.js";
-import { e as m } from "./index-zpEHIUKh.js";
-const d = () => import("./index-zpEHIUKh.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-18MNRsm7.js";
+import { e as m } from "./index-X41L9CpV.js";
+const d = () => import("./index-X41L9CpV.js").then((e) => e.G).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

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/blocks/image/image.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
+    title?: any;
     image?: any;
     className?: any;
     builderBlock?: any;
@@ -23,6 +24,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         readonly top: "0px";
     } | undefined;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    title?: any;
     image?: any;
     className?: any;
     builderBlock?: any;
@@ -37,6 +39,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     sizes?: any;
     fitContent?: any;
 }>>>, {
+    readonly title?: any;
     readonly image?: any;
     readonly className?: any;
     readonly builderBlock?: any;

package/lib/browser/component-ref-g5FHyHxO.cjs

@@ -0,0 +1 @@
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-rU3Ag1Be.cjs"),l=require("./get-block-properties-HYjBq-49.cjs"),k=()=>Promise.resolve().then(()=>require("./awaiter-gdSp9a3o.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),u=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(k)},props:["includeBlockProps","block","context","Wrapper","wrapperProps"],computed:{attributes(){return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function f(e,n,s,i,r,a){const o=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(o,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))}const m=c._export_sfc(u,[["render",f]]),b=({componentOptions:e,builderBlock:n,context:s,componentRef:i,includeBlockProps:r,isInteractive:a,contextValue:o})=>{const p={...e,...r?{attributes:l.getBlockProperties({block:n,context:o})}:{}};return a?{Wrapper:i,block:n,context:s,wrapperProps:e,includeBlockProps:r}:p},h=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["componentOptions","blockChildren","isInteractive","componentRef","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:b}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{onUpdateHook0(){return{0:this.componentOptions,1:this.blockChildren}}}});function C(e,n,s,i,r,a){const o=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(p,d)=>(t.openBlock(),t.createBlock(o,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const B=c._export_sfc(h,[["render",C]]);exports.default=B;

package/lib/browser/{component-ref-ys0ueCcY.js → component-ref-ngiwFAvH.js}

@@ -1,13 +1,13 @@
 import "./style.css";
-import { defineComponent as d, defineAsyncComponent as P, resolveComponent as k, openBlock as o, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as f, mergeProps as b, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as W } from "vue";
-import { e as h, B as S, w as y } from "./index-zpEHIUKh.js";
-import { a as C, g as A } from "./get-block-properties-M5SrUo_n.js";
-const R = () => import("./awaiter-T635T5iI.js").then((e) => e.default).catch((e) => {
+import { defineComponent as u, defineAsyncComponent as P, resolveComponent as k, openBlock as o, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as f, mergeProps as b, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as W } from "vue";
+import { e as h, B as S, w as y } from "./index-X41L9CpV.js";
+import { a as C, g as A } from "./get-block-properties-18MNRsm7.js";
+const R = () => import("./awaiter-Na4FhF0w.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     e
   ), e;
-}), E = d({
+}), E = u({
   name: "interactive-element",
   components: { Awaiter: P(R) },
   props: ["includeBlockProps", "block", "context", "Wrapper", "wrapperProps"],
@@ -52,7 +52,7 @@ function I(e, n, s, i, r, c) {
     _: 3
   }, 16, ["attributes"]));
 }
-const u = /* @__PURE__ */ h(E, [["render", I]]), O = ({
+const d = /* @__PURE__ */ h(E, [["render", I]]), O = ({
   componentOptions: e,
   builderBlock: n,
   context: s,
@@ -81,28 +81,41 @@ const u = /* @__PURE__ */ h(E, [["render", I]]), O = ({
     wrapperProps: e,
     includeBlockProps: r
   } : p;
-}, V = d({
+}, U = u({
   name: "component-ref",
-  components: { Block: S, InteractiveElement: u },
+  components: { Block: S, InteractiveElement: d },
   props: [
+    "componentOptions",
+    "blockChildren",
     "isInteractive",
     "componentRef",
-    "componentOptions",
     "builderBlock",
     "context",
     "linkComponent",
     "includeBlockProps",
-    "blockChildren",
     "registeredComponents"
   ],
   data() {
     return {
-      Wrapper: this.isInteractive ? y(u) : this.componentRef,
+      shouldUpdate: !1,
+      Wrapper: this.isInteractive ? y(d) : this.componentRef,
       getWrapperProps: O
     };
+  },
+  watch: {
+    onUpdateHook0: { handler() {
+    }, immediate: !0 }
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.componentOptions,
+        1: this.blockChildren
+      };
+    }
   }
 });
-function z(e, n, s, i, r, c) {
+function H(e, n, s, i, r, c) {
   const t = k("Block");
   return e.componentRef ? (o(), a(f(e.Wrapper), B(b(
     { key: 0 },
@@ -129,7 +142,7 @@ function z(e, n, s, i, r, c) {
     _: 1
   }, 16)) : W("", !0);
 }
-const j = /* @__PURE__ */ h(V, [["render", z]]);
+const L = /* @__PURE__ */ h(U, [["render", H]]);
 export {
-  j as default
+  L as default
 };

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

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     componentOptions?: any;
     isInteractive?: any;
 }>, unknown, {
+    shouldUpdate: boolean;
     Wrapper: any;
     getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
         contextValue: import("../../../..").BuilderContextInterface;
@@ -24,7 +25,12 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         builderBlock: import("../../../..").BuilderBlock;
         builderContext: import("../../../..").BuilderContextInterface;
     };
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {
+    onUpdateHook0(): {
+        0: any;
+        1: any;
+    };
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     builderBlock?: any;
     linkComponent?: any;

package/lib/browser/components/blocks/blocks-wrapper.vue.d.ts

@@ -23,9 +23,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     styleProp?: any;
     BlocksWrapperProps?: any;
     BlocksWrapper?: any;
-}>, unknown, unknown, {
+}>, unknown, {
+    shouldUpdate: boolean;
+}, {
     className(): string;
     dataPath(): any;
+    onUpdateHook0(): {
+        0: any;
+    };
 }, {
     onClick(): void;
     onMouseEnter(): void;

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/{get-block-properties-M5SrUo_n.js → get-block-properties-18MNRsm7.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { f as n, T as c, h as i, i as l } from "./index-zpEHIUKh.js";
+import { f as n, T as c, h as i, i as l } from "./index-X41L9CpV.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => n({
   code: e,
   context: t.context,

package/lib/browser/{get-block-properties-PK3c3XD7.cjs → get-block-properties-HYjBq-49.cjs}

@@ -1 +1 @@
-var d=require("./style.css");const s=require("./index-WB_-12va.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=c(o);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(a,e)}return t}function u({properties:e}){return e}const p=e=>({href:e.href});function f({block:e,context:t}){var o;const r={...p(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=f;
+var d=require("./style.css");const s=require("./index-rU3Ag1Be.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=c(o);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(a,e)}return t}function u({properties:e}){return e}const p=e=>({href:e.href});function f({block:e,context:t}){var o;const r={...p(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=f;

package/lib/browser/{index-zpEHIUKh.js → index-X41L9CpV.js}

@@ -504,7 +504,7 @@ const Pe = "builder.", an = "options.", Je = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Je(e);
-}, Ge = "4.0.3", Ye = () => ({
+}, Ge = "4.0.5", Ye = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": Ge
@@ -1385,22 +1385,22 @@ const ht = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), ro = () => import("./block-styles-Mji_WN2o.js").then((e) => e.default).catch((e) => {
+}), ro = () => import("./block-styles-adNaPac5.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), so = () => import("./block-wrapper-yV8JarXL.js").then((e) => e.default).catch((e) => {
+}), so = () => import("./block-wrapper-HyxydZnL.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), io = () => import("./component-ref-ys0ueCcY.js").then((e) => e.default).catch((e) => {
+}), io = () => import("./component-ref-ngiwFAvH.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), ao = () => import("./repeated-block-mSIesjGs.js").then((e) => e.default).catch((e) => {
+}), ao = () => import("./repeated-block-Q_ZwpK_f.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1578,8 +1578,15 @@ const ft = /* @__PURE__ */ b(lo, [["render", co]]), ii = /* @__PURE__ */ Object.
     "BlocksWrapperProps",
     "BlocksWrapper"
   ],
+  data() {
+    return { shouldUpdate: !1 };
+  },
   mounted() {
   },
+  watch: {
+    onUpdateHook0: { handler() {
+    }, immediate: !0 }
+  },
   computed: {
     className() {
       var e;
@@ -1594,6 +1601,11 @@ const ft = /* @__PURE__ */ b(lo, [["render", co]]), ii = /* @__PURE__ */ Object.
         return;
       const e = "this.", t = "component.options.";
       return this.path.startsWith(e) ? this.path.replace(e, "") : this.path.startsWith(t) ? this.path : `${t}${this.path || ""}`;
+    },
+    onUpdateHook0() {
+      return {
+        0: this.blocks
+      };
     }
   },
   methods: {
@@ -1642,7 +1654,7 @@ function po(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const mo = /* @__PURE__ */ b(uo, [["render", po], ["__scopeId", "data-v-4755f88c"]]), ho = g({
+const mo = /* @__PURE__ */ b(uo, [["render", po], ["__scopeId", "data-v-e05fb921"]]), ho = g({
   name: "builder-blocks",
   components: { BlocksWrapper: mo, Block: ft },
   props: [
@@ -1945,7 +1957,7 @@ function Co(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const wo = /* @__PURE__ */ b(So, [["render", Co], ["__scopeId", "data-v-bdc9da04"]]), To = g({
+const wo = /* @__PURE__ */ b(So, [["render", Co], ["__scopeId", "data-v-459e0e34"]]), To = g({
   name: "builder-fragment-component",
   props: []
 });
@@ -1995,6 +2007,7 @@ const Po = g({
     "aspectRatio",
     "highPriority",
     "altText",
+    "title",
     "backgroundPosition",
     "backgroundSize",
     "className",
@@ -2034,7 +2047,7 @@ const Po = g({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Bo = ["srcset"], Ao = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], xo = {
+}), Bo = ["srcset"], Ao = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], xo = {
   key: 2,
   class: "div-29wpyomtntv-2"
 };
@@ -2051,6 +2064,7 @@ function Vo(e, t, n, o, r, s) {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
+        title: e.title,
         role: e.altText ? void 0 : "presentation",
         style: U({
           objectPosition: e.backgroundPosition || "center",
@@ -2078,7 +2092,7 @@ function Vo(e, t, n, o, r, s) {
     ])) : S("", !0)
   ], 64);
 }
-const No = /* @__PURE__ */ b(Po, [["render", Vo], ["__scopeId", "data-v-33d4f353"]]), Wo = g({
+const No = /* @__PURE__ */ b(Po, [["render", Vo], ["__scopeId", "data-v-717bf141"]]), Wo = g({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2684,6 +2698,10 @@ const jo = /* @__PURE__ */ b(Lo, [["render", Ho]]), Ko = {
     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",