@builder.io/sdk-vue 4.0.10 → 4.1.1

package/lib/browser/{awaiter-_QmjZdDa.cjs → awaiter-Z8G2OoIt.cjs}

@@ -1 +1 @@
-var p=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-ZOIaGZSB.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-M8XDYZV0.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/{awaiter-SGR-8Tyj.js → awaiter-bHhcCAw-.js}

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

package/lib/browser/{block-styles-GhS2Neb5.cjs → block-styles-4D3dxqsc.cjs}

@@ -1 +1 @@
-var _=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("./index-ZOIaGZSB.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-M8XDYZV0.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-9_PWytNG.js → block-styles-EcElF-2-.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-XGOQf5Zo.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-HGAItB4u.js";
 const E = _({
   name: "block-styles",
   components: { InlinedStyles: N },

package/lib/browser/{block-wrapper-LRJ-a4Yv.cjs → block-wrapper-BphBSU8p.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-ZMO5aCzy.cjs"),n=require("./index-ZOIaGZSB.cjs"),c=()=>Promise.resolve().then(()=>require("./index-ZOIaGZSB.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--_pDaeyi.cjs"),n=require("./index-M8XDYZV0.cjs"),c=()=>Promise.resolve().then(()=>require("./index-M8XDYZV0.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-YBBdYoR2.js → block-wrapper-y6shAIfG.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-cWyJs3dm.js";
-import { e as m } from "./index-XGOQf5Zo.js";
-const d = () => import("./index-XGOQf5Zo.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-VN3bVHPk.js";
+import { e as m } from "./index-HGAItB4u.js";
+const d = () => import("./index-HGAItB4u.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/img/img.vue.d.ts

@@ -21,7 +21,9 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }>, unknown, {
     isEditing: typeof isEditing;
     filterAttrs: typeof filterAttrs;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {
+    srcSetToUse(): string | undefined;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     image?: any;
     attributes?: any;
     backgroundPosition?: any;

package/lib/browser/{component-ref-aowMl_8a.js → component-ref-pdyC0C4W.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as u, defineAsyncComponent as g, resolveComponent as k, openBlock as n, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as h, normalizeProps as f, mergeProps as b, createElementBlock as B, Fragment as W, renderList as $, createCommentVNode as v } from "vue";
-import { e as C, B as y, w as S } from "./index-XGOQf5Zo.js";
-import { a as w, g as A } from "./get-block-properties-cWyJs3dm.js";
-const R = () => import("./awaiter-SGR-8Tyj.js").then((e) => e.default).catch((e) => {
+import { e as C, B as y, w as S } from "./index-HGAItB4u.js";
+import { a as w, g as A } from "./get-block-properties-VN3bVHPk.js";
+const R = () => import("./awaiter-bHhcCAw-.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     e

package/lib/browser/{component-ref-TrZpO6ax.cjs → component-ref-ruzDdcxx.cjs}

@@ -1 +1 @@
-var B=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-ZOIaGZSB.cjs"),l=require("./get-block-properties-ZMO5aCzy.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-_QmjZdDa.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),k=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0}},watch:{onUpdateHook0:{handler(){},immediate:!0}},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})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function h(e,o,a,c,r,i){const n=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(n,{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.normalizeProps(t.mergeProps({key:1},e.targetWrapperProps)),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16))}const m=s._export_sfc(k,[["render",h]]),f=({componentOptions:e,builderBlock:o,context:a,componentRef:c,includeBlockProps:r,isInteractive:i,contextValue:n})=>{const p={...e,...r?{attributes:l.getBlockProperties({block:o,context:n})}:{}};return i?{Wrapper:c,block:o,context:a,wrapperProps:e,includeBlockProps:r}:p},b=t.defineComponent({name:"component-ref",components:{Block:s.Block,InteractiveElement:m},props:["componentOptions","blockChildren","isInteractive","componentRef","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?s.wrapComponentRef(m):this.componentRef,getWrapperProps:f}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{onUpdateHook0(){return{0:this.componentOptions,1:this.blockChildren}}}});function C(e,o,a,c,r,i){const n=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(n,{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 P=s._export_sfc(b,[["render",C]]);exports.default=P;
+var B=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-M8XDYZV0.cjs"),l=require("./get-block-properties--_pDaeyi.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-Z8G2OoIt.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),k=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0}},watch:{onUpdateHook0:{handler(){},immediate:!0}},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})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function h(e,o,a,c,r,i){const n=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(n,{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.normalizeProps(t.mergeProps({key:1},e.targetWrapperProps)),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16))}const m=s._export_sfc(k,[["render",h]]),f=({componentOptions:e,builderBlock:o,context:a,componentRef:c,includeBlockProps:r,isInteractive:i,contextValue:n})=>{const p={...e,...r?{attributes:l.getBlockProperties({block:o,context:n})}:{}};return i?{Wrapper:c,block:o,context:a,wrapperProps:e,includeBlockProps:r}:p},b=t.defineComponent({name:"component-ref",components:{Block:s.Block,InteractiveElement:m},props:["componentOptions","blockChildren","isInteractive","componentRef","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?s.wrapComponentRef(m):this.componentRef,getWrapperProps:f}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{onUpdateHook0(){return{0:this.componentOptions,1:this.blockChildren}}}});function C(e,o,a,c,r,i){const n=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(n,{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 P=s._export_sfc(b,[["render",C]]);exports.default=P;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.0.10";
+export declare const SDK_VERSION = "4.1.1";

package/lib/browser/{get-block-properties-ZMO5aCzy.cjs → get-block-properties--_pDaeyi.cjs}

@@ -1 +1 @@
-var d=require("./style.css");const s=require("./index-ZOIaGZSB.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-M8XDYZV0.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/{get-block-properties-cWyJs3dm.js → get-block-properties-VN3bVHPk.js}

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

package/lib/browser/{index-XGOQf5Zo.js → index-HGAItB4u.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as w, createBlock as S, resolveDynamicComponent as _, mergeProps as $, toHandlers as O, withCtx as U, renderSlot as N, resolveComponent as k, createTextVNode as Vt, toDisplayString as ce, defineAsyncComponent as X, createVNode as E, renderList as L, createCommentVNode as C, h as ze, createElementVNode as z, normalizeStyle as j, normalizeClass as ee, markRaw as Nt } from "vue";
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as w, createBlock as S, resolveDynamicComponent as _, mergeProps as $, toHandlers as O, withCtx as U, renderSlot as N, resolveComponent as k, createTextVNode as Vt, toDisplayString as de, defineAsyncComponent as X, createVNode as E, renderList as L, createCommentVNode as C, h as ze, createElementVNode as z, normalizeStyle as j, normalizeClass as ee, markRaw as Nt } from "vue";
 const Wt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), xt = (e) => typeof e == "string" && Wt.has(e.toLowerCase());
 function W(e = {}, t, n) {
   const o = {};
@@ -91,7 +91,7 @@ function Ft(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: U(() => [
-      Vt(ce(e.text), 1)
+      Vt(de(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
@@ -323,7 +323,7 @@ function rn(e, ...t) {
     delete n[o];
   return n;
 }
-function se(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
+function ae(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
   if (e == null || typeof e != "object") {
     t(e, (i) => {
       n !== null && o !== null && (n[o] = i);
@@ -333,11 +333,11 @@ function se(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
   r.has(e) || (r.add(e), Array.isArray(e) ? e.forEach((i, s) => {
     t(i, (l) => {
       e[s] = l;
-    }), se(i, t, e, s, r);
+    }), ae(i, t, e, s, r);
   }) : Object.entries(e).forEach(([i, s]) => {
     t(s, (l) => {
       e[i] = l;
-    }), se(s, t, e, i, r);
+    }), ae(s, t, e, i, r);
   }));
 }
 function Ze(e) {
@@ -347,7 +347,7 @@ function sn(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
-  return se(e, (n) => {
+  return ae(e, (n) => {
     if (Ze(n)) {
       t = !0;
       return;
@@ -355,7 +355,7 @@ function sn(e) {
   }), t;
 }
 function an(e, t) {
-  return !e || !Object.getOwnPropertyNames(e).length ? {} : (se(e, (n, o) => {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (ae(e, (n, o) => {
     Ze(n) && o(n[t] ?? void 0);
   }), e);
 }
@@ -451,17 +451,17 @@ function Ie(e) {
 }
 const mn = (e) => ({
   type: "builder.registerComponent",
-  data: ae(e)
+  data: le(e)
 }), hn = (e) => {
   const t = e.toString().trim(), n = /^[a-zA-Z0-9_]+\s*=>/i.test(t);
   return `return (${!t.startsWith("function") && !t.startsWith("async") && !t.startsWith("(") && !n ? "function " : ""}${t}).apply(this, arguments)`;
 };
-function ae(e) {
+function le(e) {
   return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? hn(n) : n));
 }
 const xe = {};
 function fn(e, t) {
-  e === "plugin" && (t = ae(t));
+  e === "plugin" && (t = le(t));
   let n = xe[e];
   if (n || (n = xe[e] = []), n.push(t), T()) {
     const o = {
@@ -504,7 +504,7 @@ const Oe = "builder.", bn = "options.", tt = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return tt(e);
-}, nt = "4.0.10", ot = () => ({
+}, nt = "4.1.1", ot = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": nt
@@ -513,7 +513,7 @@ const Oe = "builder.", bn = "options.", tt = (e) => {
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, de = ({
+}, ue = ({
   name: e,
   canTrack: t
 }) => {
@@ -524,7 +524,7 @@ const Oe = "builder.", bn = "options.", tt = (e) => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, rt = async (e) => de(e), vn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(K).join("; "), Sn = [["secure", ""], ["SameSite", "None"]], kn = ({
+}, rt = async (e) => ue(e), vn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(K).join("; "), Sn = [["secure", ""], ["SameSite", "None"]], kn = ({
   name: e,
   value: t,
   expires: n
@@ -865,7 +865,7 @@ const dt = (e) => {
   canTrack: !0
 }), On = ({
   contentId: e
-}) => de({
+}) => ue({
   name: Re(e),
   canTrack: !0
 }), Un = ({
@@ -972,7 +972,7 @@ function Le() {
       }), t.forEach((r) => r(o));
     },
     getUserAttributes() {
-      return T() ? JSON.parse(de({
+      return T() ? JSON.parse(ue({
         name: Fe,
         canTrack: e
       }) || "{}") : {};
@@ -991,11 +991,11 @@ function Le() {
 }
 let Se;
 T() && R === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Le()), Se = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : Se = Le();
-const le = Se, ws = (e) => {
-  le.setUserAttributes(e);
+const ce = Se, ws = (e) => {
+  ce.setUserAttributes(e);
 }, J = (e) => {
   const t = K(e) ? e : !0;
-  return le.setCanTrack(t), t;
+  return ce.setCanTrack(t), t;
 };
 function Mn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
@@ -1390,22 +1390,22 @@ const kt = (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;
-}), ho = () => import("./block-styles-9_PWytNG.js").then((e) => e.default).catch((e) => {
+}), ho = () => import("./block-styles-EcElF-2-.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;
-}), fo = () => import("./block-wrapper-YBBdYoR2.js").then((e) => e.default).catch((e) => {
+}), fo = () => import("./block-wrapper-y6shAIfG.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;
-}), bo = () => import("./component-ref-aowMl_8a.js").then((e) => e.default).catch((e) => {
+}), bo = () => import("./component-ref-pdyC0C4W.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;
-}), go = () => import("./repeated-block-Hv_GjZAU.js").then((e) => e.default).catch((e) => {
+}), go = () => import("./repeated-block-SZu5_uPp.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1719,7 +1719,7 @@ function $o(e, t, n, o, r, i) {
 const ne = /* @__PURE__ */ v(wo, [["render", $o]]), Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ne
-}, Symbol.toStringTag, { value: "Module" })), ue = y({
+}, Symbol.toStringTag, { value: "Module" })), pe = y({
   render() {
     return ze("style", {
       innerHTML: this.styles,
@@ -1791,7 +1791,7 @@ const ne = /* @__PURE__ */ v(wo, [["render", $o]]), Ro = /* @__PURE__ */ Object.
 }, Po = (e) => `builder-columns ${e}-breakpoints`, Ao = y({
   name: "builder-columns",
   components: {
-    InlinedStyles: ue,
+    InlinedStyles: pe,
     DynamicRenderer: Ce,
     Blocks: q,
     DynamicDiv: ne
@@ -1994,7 +1994,7 @@ function Oo(e, t) {
   }
   return null;
 }
-function pe(e) {
+function re(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -2035,10 +2035,10 @@ const Uo = y({
       if (!this.noWebp) {
         if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
           if (!this.srcset.includes(this.image.split("?")[0]))
-            return console.debug("Removed given srcset"), pe(t);
+            return console.debug("Removed given srcset"), re(t);
         } else if (this.image && !this.srcset)
-          return pe(t);
-        return pe(t);
+          return re(t);
+        return re(t);
       }
     },
     webpSrcSet() {
@@ -2345,7 +2345,7 @@ const Jo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, re = "default", Xo = "filterWithCustomTargeting", It = "builderIoPersonalization", wt = "updateVisibilityStylesScript", $t = ["react", "vue", "svelte", "qwik"], Rt = ["vue", "svelte", "qwik"];
+}`, ie = "default", Xo = "filterWithCustomTargeting", It = "builderIoPersonalization", wt = "updateVisibilityStylesScript", $t = ["react", "vue", "svelte", "qwik"], Rt = ["vue", "svelte", "qwik"];
 function _o(e, t) {
   return !(e && e.length > 0) || !t ? !1 : Rt.includes(R) ? !0 : !T();
 }
@@ -2359,7 +2359,7 @@ function Zo({
   const i = {
     blocks: r ?? [],
     path: "this.children",
-    index: re
+    index: ie
   };
   if (n && P()) {
     if (typeof t == "number" && t < ((e == null ? void 0 : e.length) ?? 0)) {
@@ -3067,7 +3067,7 @@ const lr = /* @__PURE__ */ v(ir, [["render", ar]]), cr = {
   name: "builder-personalization-container",
   components: {
     Blocks: q,
-    InlinedStyles: ue,
+    InlinedStyles: pe,
     InlinedScript: Ve
   },
   props: [
@@ -3081,7 +3081,7 @@ const lr = /* @__PURE__ */ v(ir, [["render", ar]]), cr = {
   data() {
     var e, t, n, o, r, i, s;
     return {
-      userAttributes: le.getUserAttributes(),
+      userAttributes: ce.getUserAttributes(),
       scriptStr: tr(
         this.variants,
         ((e = this.builderBlock) == null ? void 0 : e.id) || "none",
@@ -3099,14 +3099,14 @@ const lr = /* @__PURE__ */ v(ir, [["render", ar]]), cr = {
       ),
       shouldResetVariants: !1,
       TARGET: R,
-      DEFAULT_INDEX: re,
+      DEFAULT_INDEX: ie,
       SDKS_REQUIRING_RESET_APPROACH: Rt
     };
   },
   mounted() {
     var t;
     this.shouldResetVariants = !0;
-    const e = le.subscribeOnUserAttributesChange(
+    const e = ce.subscribeOnUserAttributesChange(
       (n) => {
         this.userAttributes = n;
       },
@@ -3119,7 +3119,7 @@ const lr = /* @__PURE__ */ v(ir, [["render", ar]]), cr = {
       this.$refs.rootRef && (this.$refs.rootRef.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
-            variant: n || re,
+            variant: n || ie,
             content: (t = this.builderContext) == null ? void 0 : t.content
           },
           bubbles: !0
@@ -3130,7 +3130,7 @@ const lr = /* @__PURE__ */ v(ir, [["render", ar]]), cr = {
           i.isIntersecting && this.$refs.rootRef && this.$refs.rootRef.dispatchEvent(
             new CustomEvent("builder.variantDisplayed", {
               detail: {
-                variant: n || re,
+                variant: n || ie,
                 content: (s = this.builderContext) == null ? void 0 : s.content
               },
               bubbles: !0
@@ -4228,7 +4228,7 @@ function Zr(e, t, n, o, r, i) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : C("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), h("pre", _r, ce(JSON.stringify(e.responseData, null, 2)), 1)) : C("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), h("pre", _r, de(JSON.stringify(e.responseData, null, 2)), 1)) : C("", !0),
     e.submissionState() === "success" ? (d(), S(s, {
       key: 3,
       path: "successMessage",
@@ -4374,7 +4374,7 @@ function di(e, t, n, o, r, i) {
     (d(!0), h(w, null, L(e.options, (s, a) => (d(), h("option", {
       key: `${s.name}-${a}`,
       value: s.value
-    }, ce(s.name || s.value), 9, ci))), 128))
+    }, de(s.name || s.value), 9, ci))), 128))
   ], 16, li);
 }
 const ui = /* @__PURE__ */ v(ai, [["render", di]]), pi = {
@@ -4410,7 +4410,7 @@ const ui = /* @__PURE__ */ v(ai, [["render", di]]), pi = {
   }
 });
 function hi(e, t, n, o, r, i) {
-  return d(), h("button", $({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ce(e.text), 17);
+  return d(), h("button", $({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), de(e.text), 17);
 }
 const fi = /* @__PURE__ */ v(mi, [["render", hi]]), bi = {
   name: "Form:TextArea",
@@ -4488,26 +4488,35 @@ const Si = /* @__PURE__ */ v(gi, [["render", vi]]), ki = {
 }, Ci = y({
   name: "builder-img-component",
   props: [
+    "imgSrc",
+    "image",
     "backgroundSize",
     "backgroundPosition",
-    "imgSrc",
     "altText",
-    "image",
     "attributes"
   ],
   data() {
     return { isEditing: P, filterAttrs: W };
+  },
+  computed: {
+    srcSetToUse() {
+      const e = this.imgSrc || this.image;
+      if (!(!e || typeof e != "string") && e.match(/builder\.io/))
+        return re(e);
+    }
   }
-}), Ti = ["alt", "src"];
+}), Ti = ["alt", "src", "srcSet"];
 function Ii(e, t, n, o, r, i) {
   return d(), h("img", $({
+    loading: "lazy",
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
     },
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
-    src: e.imgSrc || e.image
+    src: e.imgSrc || e.image,
+    srcSet: e.srcSetToUse
   }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ti);
 }
 const wi = /* @__PURE__ */ v(Ci, [["render", Ii]]), $i = {
@@ -4891,14 +4900,14 @@ const Ni = /* @__PURE__ */ v(Ri, [["render", Vi]]), Wi = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Pt = "builderIoAbTest", At = "builderIoRenderContent", ie = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Pt = "builderIoAbTest", At = "builderIoRenderContent", se = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), Oi = ({
   canTrack: e,
   content: t
-}) => !(!(ie(t).length > 0) || !e), Ui = (e) => e === "react" || e === "reactNative", Fi = R === "angular", Bt = Ui(R), Li = () => `
+}) => !(!(se(t).length > 0) || !e), Ui = (e) => e === "react" || e === "reactNative", Fi = R === "angular", Bt = Ui(R), Li = () => `
   window.${Pt} = ${xi}
   window.${At} = ${Di}
   `, Hi = (e, t) => `
@@ -5050,7 +5059,7 @@ font-weight: ${s};
       P() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       );
-      const o = this.builderContextSignal.content && J(this.canTrack), r = de({
+      const o = this.builderContextSignal.content && J(this.canTrack), r = ue({
         name: `builder.tests.${(e = this.builderContextSignal.content) == null ? void 0 : e.id}`,
         canTrack: !0
       }), i = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId;
@@ -5315,7 +5324,7 @@ function ts(e, t, n, o, r, i) {
 }
 const ns = /* @__PURE__ */ v(es, [["render", ts]]), os = y({
   name: "content-styles",
-  components: { InlinedStyles: ue },
+  components: { InlinedStyles: pe },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
@@ -5416,7 +5425,7 @@ const is = /* @__PURE__ */ v(os, [["render", rs]]), ss = ({
           ...n,
           [r.name]: {
             component: ls(o),
-            ...ae(r)
+            ...le(r)
           }
         }),
         {}
@@ -5443,7 +5452,7 @@ const is = /* @__PURE__ */ v(os, [["render", rs]]), ss = ({
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: ae(r)
+            [r.name]: le(r)
           }),
           {}
         ),
@@ -5539,7 +5548,7 @@ const us = /* @__PURE__ */ v(cs, [["render", ds]]), ps = y({
   name: "content-variants",
   components: {
     InlinedScript: Ve,
-    InlinedStyles: ue,
+    InlinedStyles: pe,
     ContentComponent: us
   },
   props: [
@@ -5573,7 +5582,7 @@ const us = /* @__PURE__ */ v(cs, [["render", ds]]), ps = y({
       getInitPersonalizationVariantsFnsScriptString: er,
       TARGET: R,
       getInitVariantsFnsScriptString: Li,
-      getVariants: ie
+      getVariants: se
     };
   },
   mounted() {
@@ -5582,7 +5591,7 @@ const us = /* @__PURE__ */ v(cs, [["render", ds]]), ps = y({
     updateCookieAndStylesScriptStr() {
       var e;
       return Hi(
-        ie(this.content).map((t) => ({
+        se(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -5590,7 +5599,7 @@ const us = /* @__PURE__ */ v(cs, [["render", ds]]), ps = y({
       );
     },
     hideVariantsStyleString() {
-      return ie(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return se(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
@@ -5809,7 +5818,7 @@ export {
   zo as S,
   R as T,
   Ni as V,
-  ue as _,
+  pe as _,
   Rs as a,
   As as b,
   K as c,