@builder.io/sdk-vue 5.2.16 → 5.4.0

package/lib/node/should-force-browser-runtime-in-node-ljCjC7PN.cjs

@@ -0,0 +1,56 @@
+"use strict";const node_module=require("node:module");var _documentCurrentScript=typeof document<"u"?document.currentScript:null;const TARGET="vue",createBoundedCache=e=>{const t=new Map;return{get:n=>t.get(n),set:(n,r)=>{!t.has(n)&&t.size>=e&&t.delete(t.keys().next().value),t.set(n,r)}}},MSG_PREFIX="[Builder.io]: ",logger={log:(...e)=>console.log(MSG_PREFIX,...e),error:(...e)=>console.error(MSG_PREFIX,...e),warn:(...e)=>console.warn(MSG_PREFIX,...e),debug:(...e)=>console.debug(MSG_PREFIX,...e)};function isBrowser(){return typeof window<"u"&&typeof document<"u"}const convertSearchParamsToQueryObject=e=>{const t={};return e.forEach((n,r)=>{t[r]=n}),t},normalizeSearchParams=e=>e instanceof URLSearchParams?convertSearchParamsToQueryObject(e):e,getSearchString=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function isIframe(){return isBrowser()&&window.self!==window.top}function isEditing(e){return isIframe()&&getSearchString(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const getLocation=()=>{if(isBrowser()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},getUserAgent=()=>typeof navigator=="object"&&navigator.userAgent||"",getUserAttributes=()=>{const e=getUserAgent(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||TARGET==="reactNative"}},n=e.match(/Tablet|iPad/i),r=getLocation();return{urlPath:r==null?void 0:r.pathname,host:(r==null?void 0:r.host)||(r==null?void 0:r.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},SDK_VERSION="5.4.0",getSdkHeaders=()=>({"X-Builder-SDK":TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":SDK_VERSION}),checkIsDefined=e=>e!=null,getTopLevelDomain=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},getCookieSync=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(r=>r.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(r){logger.warn("[COOKIE] GET error: ",(r==null?void 0:r.message)||r);return}},getCookie=async e=>getCookieSync(e),stringifyCookie=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(checkIsDefined).join("; "),SECURE_CONFIG=[["secure",""],["SameSite","None"]],createCookieString=({name:e,value:t,expires:n})=>{const o=(isBrowser()?location.protocol==="https:":!0)?SECURE_CONFIG:[[]],s=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...s,["path","/"],["domain",getTopLevelDomain(window.location.hostname)],...o];return stringifyCookie(a)},setCookie=async({name:e,value:t,expires:n,canTrack:r})=>{try{if(!r)return;const o=createCookieString({name:e,value:t,expires:n});document.cookie=o}catch(o){logger.warn("[COOKIE] SET error: ",(o==null?void 0:o.message)||o)}};function uuidv4(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function uuid(){return uuidv4().replace(/-/g,"")}const SESSION_LOCAL_STORAGE_KEY="builderSessionId",getSessionId=async({canTrack:e})=>{if(!e)return;const t=await getCookie({name:SESSION_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const n=createSessionId();return setSessionId({id:n,canTrack:e}),n}},createSessionId=()=>uuid(),setSessionId=({id:e,canTrack:t})=>setCookie({name:SESSION_LOCAL_STORAGE_KEY,value:e,canTrack:t}),getLocalStorage=()=>isBrowser()&&typeof localStorage<"u"?localStorage:void 0,getLocalStorageItem=({key:e,canTrack:t})=>{var n;try{return t?(n=getLocalStorage())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},setLocalStorageItem=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=getLocalStorage())==null||r.setItem(e,n))}catch(o){console.debug("[LocalStorage] SET error: ",o)}},VISITOR_LOCAL_STORAGE_KEY="builderVisitorId",getVisitorId=({canTrack:e})=>{if(!e)return;const t=getLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const n=createVisitorId();return setVisitorId({id:n,canTrack:e}),n}},createVisitorId=()=>uuid(),setVisitorId=({id:e,canTrack:t})=>setLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,value:e,canTrack:t});function logFetch(e){var t;typeof process<"u"&&((t=process.env)!=null&&t.DEBUG)&&String(process.env.DEBUG)=="true"&&logger.log(e)}const getTrackingEventData=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await getSessionId({canTrack:e}),n=getVisitorId({canTrack:e});return{sessionId:t,visitorId:n}},createEvent=async({type:e,canTrack:t,apiKey:n,metadata:r,...o})=>({type:e,data:{...o,metadata:{url:location.href,...r},...await getTrackingEventData({canTrack:t}),userAttributes:getUserAttributes(),ownerId:n}});async function _track({apiHost:e,...t}){if(!t.apiKey){logger.error("Missing API key for track call. Please provide your API key.");return}if(!t.canTrack||isEditing()||!(isBrowser()||TARGET==="reactNative"))return;const r=`${e||"https://cdn.builder.io"}/api/v1/track`;return logFetch(r),fetch(r,{method:"POST",body:JSON.stringify({events:[await createEvent(t)]}),headers:{"content-type":"application/json",...getSdkHeaders()},mode:"cors"}).catch(o=>{console.error("Failed to track: ",o)})}const track=e=>_track({...e,canTrack:!0}),getFunctionArguments=({builder:e,context:t,event:n,state:r})=>Object.entries({state:r,Builder:e,builder:e,context:t,event:n}),getBuilderGlobals=e=>({isEditing:isEditing(),isBrowser:isBrowser(),isServer:!isBrowser(),getUserAttributes:()=>getUserAttributes(),trackConversion:(t,n)=>{!(e!=null&&e.apiKey)||(e==null?void 0:e.canTrack)===!1||_track({type:"conversion",apiKey:e.apiKey,canTrack:e.canTrack??!0,contentId:e.contentId,variationId:e.variationId!==e.contentId?e.variationId:void 0,metadata:{...n||{},...t!==void 0?{amount:t}:{}}})}}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function flattenState({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(r,o)=>{if(t&&o in t)return t[o];const s=r[o];return typeof s=="object"&&s!==null?flattenState({rootState:s,localState:void 0,rootSetState:n?a=>{r[o]=a,n(r)}:void 0}):s},set:(r,o,s)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return r[o]=s,n==null||n(r),!0}})}const SDK_NAME_FOR_TARGET=(()=>{switch(TARGET){case"rsc":return"react-nextjs";case"reactNative":return"react-native";default:return TARGET}})(),SDK_NAME=`@builder.io/sdk-${SDK_NAME_FOR_TARGET}`,fastClone=e=>JSON.parse(JSON.stringify(e)),parsePath=e=>e.toString().match(/[^.[\]]+/g),isArrayIndex=e=>Math.abs(Number(e))>>0===+e,hasUnsafeSegment=e=>e.some((t,n)=>t==="__proto__"||n<e.length-1&&(t==="constructor"||t==="prototype")),getOwn=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)?e[t]:void 0,set=(e,t,n)=>{if(Object(e)!==e)return e;const r=Array.isArray(t)?t:parsePath(t);return!r||hasUnsafeSegment(r)||(r.slice(0,-1).reduce((o,s,a)=>{const c=getOwn(o,s);return Object(c)===c?c:o[s]=isArrayIndex(r[a+1])?[]:{}},e)[r[r.length-1]]=n),e},setCopyOnWrite=(e,t,n,r)=>{if(Object(e)!==e)return e;const o=parsePath(t);if(!o||hasUnsafeSegment(o))return e;r.add(e);let s=e;for(let a=0;a<o.length-1;a++){const c=o[a];let i=getOwn(s,c);Object(i)!==i?(i=isArrayIndex(o[a+1])?[]:{},r.add(i),s[c]=i):typeof i=="object"&&!r.has(i)&&(i=Array.isArray(i)?i.slice():{...i},r.add(i),s[c]=i),s=i}return s[o[o.length-1]]=n,e},unset=(e,t)=>{if(Object(e)!==e||!t.length||hasUnsafeSegment(t))return e;const n=t.slice(0,-1).reduce((r,o)=>Object(r)===r?getOwn(r,o):void 0,e);return Object(n)===n&&delete n[t[t.length-1]],e},IDENTIFIER=/^[A-Za-z_$][\w$]*/,NUMBER=/^(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/,getStringLiteralLength=e=>{const t=e[0];if(t!=='"'&&t!=="'")return 0;for(let n=1;n<e.length;n++){const r=e[n];if(r===t)return n+1;if(r==="\\"||r===`
+`||r==="\r")return 0}return 0},OPERATORS=["===","!==","==","!=","<=",">=","&&","||","??","<",">","!","+","-","*","/","%","?",":"],LITERAL_KEYWORDS=new Set(["true","false","null","undefined"]),BLOCKED_PROPERTIES=new Set(["constructor","__proto__","prototype","__defineGetter__","__defineSetter__","__lookupGetter__","__lookupSetter__"]),MAX_EXPRESSION_LENGTH=500,getSafeStateExpression=e=>{var s;if(e.length>MAX_EXPRESSION_LENGTH)return null;let t=e.trim();if(!t)return null;let n=0,r=!1,o=!1;for(;t;){const a=/^\s+/.exec(t);if(a){t=t.slice(a[0].length);continue}const c=IDENTIFIER.exec(t);if(c){if(r)return null;const d=c[0];if(t=t.slice(d.length),LITERAL_KEYWORDS.has(d)){r=!0;continue}if(d!=="state")return null;let S=!1,l=/^\s*\.\s*([A-Za-z_$][\w$]*)/.exec(t);for(;l;){if(BLOCKED_PROPERTIES.has(l[1]))return null;S=!0,t=t.slice(l[0].length),l=/^\s*\.\s*([A-Za-z_$][\w$]*)/.exec(t)}if(!S)return null;o=!0,r=!0;continue}const i=((s=NUMBER.exec(t))==null?void 0:s[0].length)||getStringLiteralLength(t);if(i){if(r)return null;t=t.slice(i),r=!0;continue}if(t[0]==="("){if(r)return null;n++,t=t.slice(1);continue}if(t[0]===")"){if(n===0)return null;n--,t=t.slice(1),r=!0;continue}const u=OPERATORS.find(d=>t.startsWith(d));if(!u||u==="?"&&t[1]==="."||(u==="+"||u==="-")&&t[1]===u)return null;t=t.slice(u.length),r=!1}return n!==0||!o||!r?null:e.trim()},RETURN_EXPRESSION=/^\s*return\s*\(([\s\S]*)\);\s*$/,VIRTUAL_INDEX_EXPRESSION=/^\s*var\s+_virtual_index\s*=\s*([\s\S]*?);?\s*return\s+_virtual_index\s*;?\s*$/,getSafeStateExpressionFromCode=e=>{const t=RETURN_EXPRESSION.exec(e)||VIRTUAL_INDEX_EXPRESSION.exec(e);return t?getSafeStateExpression(t[1]):null},isPrimitiveValue=e=>e===null||typeof e!="object"&&typeof e!="function",MAX_CACHED_EXPRESSIONS=5e3,COMPILED_EXPRESSIONS=createBoundedCache(MAX_CACHED_EXPRESSIONS),getSafeStateExpressionFn=e=>{let t=COMPILED_EXPRESSIONS.get(e);if(t===void 0){const n=getSafeStateExpressionFromCode(e);if(t=null,n)try{t=new Function("state",`return (${n});`)}catch{t=null}COMPILED_EXPRESSIONS.set(e,t)}return t},UNSAFE_STATE_READ=Symbol("unsafe state read"),isPlainContainer=e=>{const t=Object.getPrototypeOf(e);return t===Object.prototype||t===Array.prototype||t===null},READ_ONLY_TRAPS={set:()=>!1,deleteProperty:()=>!1},findDescriptor=(e,t)=>{for(let n=e;n;n=Object.getPrototypeOf(n)){const r=Object.getOwnPropertyDescriptor(n,t);if(r)return r}},getReadOnlyStateView=(e,t,n)=>{const r=c=>!n(c)&&isPlainContainer(c);if(!r(e)||t&&n(t))throw UNSAFE_STATE_READ;const o=new WeakMap,s=c=>{if(c===null||typeof c!="object"){if(typeof c=="function")throw UNSAFE_STATE_READ;return c}if(!r(c))throw UNSAFE_STATE_READ;let i=o.get(c);return i||(i=new Proxy(Array.isArray(c)?[]:{},{get:(u,d)=>a(c,d),...READ_ONLY_TRAPS}),o.set(c,i)),i},a=(c,i)=>{const u=findDescriptor(c,i);if(u&&(u.get||u.set))throw UNSAFE_STATE_READ;return s(u==null?void 0:u.value)};return new Proxy({},{get:(c,i)=>t&&Object.prototype.hasOwnProperty.call(t,i)?a(t,i):a(e,i),...READ_ONLY_TRAPS})},NOT_EVALUATED=Symbol("not evaluated"),evaluateSafeStateExpression=(e,t,n,r)=>{const o=getSafeStateExpressionFn(e);if(!o)return NOT_EVALUATED;let s;try{s=o(getReadOnlyStateView(t,n,r))}catch{return NOT_EVALUATED}return isPrimitiveValue(s)?s:NOT_EVALUATED},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=node_module.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:_documentCurrentScript&&_documentCurrentScript.src||new URL("should-force-browser-runtime-in-node-ljCjC7PN.cjs",document.baseURI).href)}catch(error){try{safeDynamicRequire=eval("require")}catch(e){}}const getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",BUILDER_DELETE_STATE_NAME="BUILDER_DELETE_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
+var refToProxy = (obj, path) => {
+  if (typeof obj !== 'object' || obj === null) {
+    return obj;
+  }
+  return new Proxy({}, {
+    get(target, key) {
+        if (key === 'copySync') {
+          return () => obj.copySync();
+        }
+        const val = obj.getSync(key);
+        if (typeof val?.getSync === 'function') {
+            return refToProxy(val, path && path.concat(key));
+        }
+        return val;
+    },
+    set(target, key, value) {
+        // Functions cannot cross the isolate boundary, and server renders never call them.
+        if (typeof value === 'function') {
+          return true;
+        }
+        const v = typeof value === 'object' ? new ${INJECTED_IVM_GLOBAL}.Reference(value) : value;
+        obj.setSync(key, v);
+        if (path) ${BUILDER_SET_STATE_NAME}(path.concat(key), value);
+        return true;
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+        if (path) ${BUILDER_DELETE_STATE_NAME}(path.concat(key));
+        return true;
+    }
+  })
+}
+`,processCode=({code:e,args:t})=>{const n=t.map(([r])=>`var ${r} = refToProxy(${getSyncValName(r)}${r==="state"?", []":""}); `).join("");return`(function () {
+${REF_TO_PROXY_FN}
+${n}
+function theFunction() {
+  ${e}
+}
+
+const output = theFunction()
+
+if (typeof output === 'object' && output !== null) {
+  return JSON.stringify(output.copySync ? output.copySync() : output);
+} else {
+  return output;
+}
+})()`};let IVM_INSTANCE=null,IVM_OPTIONS={memoryLimit:128};const MAX_EVALUATIONS_PER_ISOLATE=1e3;let POOLED=null,DISPOSE_TIMER=null,IS_EXIT_HANDLER_REGISTERED=!1;const disposePooledIsolate=()=>{if(DISPOSE_TIMER&&(clearTimeout(DISPOSE_TIMER),DISPOSE_TIMER=null),POOLED&&!POOLED.isolate.isDisposed)try{POOLED.isolate.dispose()}catch{}POOLED=null},getPooledIsolate=e=>{var t;return(!POOLED||POOLED.isolate.isDisposed||POOLED.evaluations>=MAX_EVALUATIONS_PER_ISOLATE)&&(disposePooledIsolate(),POOLED={isolate:new e.Isolate(IVM_OPTIONS),evaluations:0,scripts:new Map}),DISPOSE_TIMER||(DISPOSE_TIMER=setTimeout(disposePooledIsolate,0),(t=DISPOSE_TIMER.unref)==null||t.call(DISPOSE_TIMER)),!IS_EXIT_HANDLER_REGISTERED&&typeof process<"u"&&typeof process.once=="function"&&(IS_EXIT_HANDLER_REGISTERED=!0,process.once("exit",disposePooledIsolate)),POOLED.evaluations++,POOLED},setIvm=(e,t)=>{IVM_INSTANCE||(IVM_INSTANCE=e,t&&(IVM_OPTIONS=t))},SHOULD_MENTION_INITIALIZE_SCRIPT=SDK_NAME==="@builder.io/sdk-react-nextjs"||SDK_NAME==="@builder.io/sdk-react"||SDK_NAME==="@builder.io/sdk-qwik"||SDK_NAME==="@builder.io/sdk-vue",getIvm=()=>{try{if(IVM_INSTANCE)return IVM_INSTANCE;const t=safeDynamicRequire("isolated-vm");if(t)return t}catch(t){logger.error("isolated-vm import error.",t)}const e=`${MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
+    
+    SOLUTION: In a server-only execution path within your application, do one of the following:
+  
+    ${SHOULD_MENTION_INITIALIZE_SCRIPT?`- import and call \`initializeNodeRuntime()\` from "${SDK_NAME}/node/init".`:""}
+    - add the following import: \`await import('isolated-vm')\`.
+
+    For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(e)};let IS_PROXY;const getIsProxy=()=>{var e,t;if(IS_PROXY===void 0)try{IS_PROXY=((t=(e=safeDynamicRequire("node:util"))==null?void 0:e.types)==null?void 0:t.isProxy)??null}catch{IS_PROXY=null}return IS_PROXY},runInNode=({code:e,builder:t,context:n,event:r,localState:o,rootSetState:s,rootState:a})=>{const c=getIsProxy();if(c){const l=evaluateSafeStateExpression(e,a,o,c);if(l!==NOT_EVALUATED)return l}const i=getIvm(),u=getPooledIsolate(i),d=u.isolate.createContextSync(),S=[];try{const l=d.global;l.setSync("global",l.derefInto()),l.setSync("log",function(...E){console.log(...E)}),l.setSync(INJECTED_IVM_GLOBAL,i);const I=fastClone({...a,...o}),g=getFunctionArguments({builder:t,context:n,event:r,state:I});l.setSync(BUILDER_SET_STATE_NAME,function(E,f){set(a,E,f),s==null||s(a)}),l.setSync(BUILDER_DELETE_STATE_NAME,function(E){unset(a,E),s==null||s(a)}),g.forEach(([E,f])=>{const p=typeof f=="object"?new i.Reference(E==="builder"?{...f,getUserAttributes:()=>f.getUserAttributes()}:f):null;p&&S.push(p),l.setSync(getSyncValName(E),p)});let _=u.scripts.get(e);_||(_=u.isolate.compileScriptSync(processCode({code:e,args:g})),u.scripts.set(e,_));const O=_.runSync(d);try{return JSON.parse(O)}catch{return O}}finally{S.forEach(l=>{try{l.release()}catch{}});try{d.release()}catch{}}};function isNodeRuntime(){var e;return typeof process<"u"&&checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}let hasLoggedWarning=!1;const shouldForceBrowserRuntimeInNode=({shouldLogWarning:e})=>{var o;if(!isNodeRuntime())return!1;const t=process.arch==="arm64",n=process.version.startsWith("v20"),r=(o=process.env.NODE_OPTIONS)==null?void 0:o.includes("--no-node-snapshot");return t&&n&&!r?(e&&!hasLoggedWarning&&(hasLoggedWarning=!0,logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    ")),!0):!1};exports.SDK_VERSION=SDK_VERSION;exports.TARGET=TARGET;exports._track=_track;exports.checkIsDefined=checkIsDefined;exports.createBoundedCache=createBoundedCache;exports.fastClone=fastClone;exports.flattenState=flattenState;exports.getBuilderGlobals=getBuilderGlobals;exports.getCookie=getCookie;exports.getCookieSync=getCookieSync;exports.getFunctionArguments=getFunctionArguments;exports.getSdkHeaders=getSdkHeaders;exports.getSearchString=getSearchString;exports.isBrowser=isBrowser;exports.isEditing=isEditing;exports.logFetch=logFetch;exports.logger=logger;exports.normalizeSearchParams=normalizeSearchParams;exports.parseCode=parseCode;exports.runInNode=runInNode;exports.set=set;exports.setCookie=setCookie;exports.setCopyOnWrite=setCopyOnWrite;exports.setIvm=setIvm;exports.shouldForceBrowserRuntimeInNode=shouldForceBrowserRuntimeInNode;exports.track=track;

package/lib/node/{style-wrapper-If0xZQdH.js → style-wrapper-8sWObtTj.js}

@@ -1,10 +1,10 @@
 import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as g, createCommentVNode as N, createElementBlock as G, Fragment as H } from "vue";
-import { T as w, h as C } from "./should-force-browser-runtime-in-node-GnAFs4J8.js";
-import { c as R, d as W, f as j, h as l, i as u, j as z, _ as Q, k as U, b as D } from "./index-xh_ab-8r.js";
+import { T as w, j as C } from "./should-force-browser-runtime-in-node-dSSMAIhU.js";
+import { c as j, d as R, f as W, h as l, i as u, j as z, _ as Q, k as U, b as D } from "./index-BFBRlmya.js";
 import { f as F } from "./find-block-3Ig0kVVe.js";
 const L = E({
   name: "block-styles",
-  components: { InlinedStyles: R },
+  components: { InlinedStyles: j },
   props: ["block", "context"],
   data() {
     return { TARGET: w };
@@ -16,10 +16,10 @@ const L = E({
     },
     css() {
       var S, B, f, v, b, $;
-      const e = this.block, s = W(
+      const e = this.block, s = R(
         e.responsiveStyles,
         ((S = e.component) == null ? void 0 : S.name) === "Image"
-      ), t = this.context.content, o = j(
+      ), t = this.context.content, o = W(
         ((B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) || {}
       ), p = !!((v = (f = t == null ? void 0 : t.meta) == null ? void 0 : f.breakpoints) != null && v.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, c = s == null ? void 0 : s.xsmall, d = e.id;
       if (!d)
@@ -84,7 +84,7 @@ function X(e, s, t, o, p, i) {
 }
 const K = /* @__PURE__ */ Q(L, [["render", X]]), M = E({
   name: "live-edit-block-styles",
-  components: { InlinedStyles: R },
+  components: { InlinedStyles: j },
   props: ["contextProvider", "id"],
   data() {
     return { TARGET: w };
@@ -110,10 +110,10 @@ const K = /* @__PURE__ */ Q(L, [["render", X]]), M = E({
     },
     css() {
       var h, S, B, f, v, b, $, k, A;
-      const e = W(
+      const e = R(
         (h = this.processedBlock) == null ? void 0 : h.responsiveStyles,
         ((B = (S = this.processedBlock) == null ? void 0 : S.component) == null ? void 0 : B.name) === "Image"
-      ), s = this.contextProvider.content, t = j(
+      ), s = this.contextProvider.content, t = W(
         ((f = s == null ? void 0 : s.meta) == null ? void 0 : f.breakpoints) || {}
       ), o = !!((b = (v = s == null ? void 0 : s.meta) == null ? void 0 : v.breakpoints) != null && b.xsmall), p = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small, a = e == null ? void 0 : e.xsmall, c = ($ = this.processedBlock) == null ? void 0 : $.id;
       if (!c)

package/lib/node/{style-wrapper-1VLAyo7U.cjs → style-wrapper-ol70p_wf.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-Kyj0J4tl.cjs"),s=require("./index-RMd-8REX.cjs"),I=require("./find-block-FREohLcp.cjs"),P=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:u.TARGET}},computed:{canShowBlock(){const e=this.block;return u.checkIsDefined(e.hide)?!e.hide:u.checkIsDefined(e.show)?e.show:!0},css(){var S,B,C,f,v,b;const e=this.block,t=s.getResponsiveStylesWithImagePosition(e.responsiveStyles,((S=e.component)==null?void 0:S.name)==="Image"),n=this.context.content,l=s.getSizesForBreakpoints(((B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)||{}),k=!!((f=(C=n==null?void 0:n.meta)==null?void 0:C.breakpoints)!=null&&f.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const g=a?s.createCssClass({className:m,styles:a}):"",x=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",$=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",p=r&&k?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(y=>y.trigger==="hover");let h="";if(i){const y=((b=(v=i.steps)==null?void 0:v[1])==null?void 0:b.styles)||{};h=s.createCssClass({className:`${m}:hover`,styles:{...y,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[g,x,$,p,h].join(" ")}}});function E(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const Q=s._export_sfc(P,[["render",E]]),R=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:u.TARGET}},computed:{block(){return I.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return u.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):u.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var h,S,B,C,f,v,b,y,_;const e=s.getResponsiveStylesWithImagePosition((h=this.processedBlock)==null?void 0:h.responsiveStyles,((B=(S=this.processedBlock)==null?void 0:S.component)==null?void 0:B.name)==="Image"),t=this.contextProvider.content,n=s.getSizesForBreakpoints(((C=t==null?void 0:t.meta)==null?void 0:C.breakpoints)||{}),l=!!((v=(f=t==null?void 0:t.meta)==null?void 0:f.breakpoints)!=null&&v.xsmall),k=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(b=this.processedBlock)==null?void 0:b.id;if(!r)return"";const m=k?s.createCssClass({className:r,styles:k}):"",g=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",x=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",$=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",p=this.processedBlock.animations&&this.processedBlock.animations.find(T=>T.trigger==="hover");let i="";if(p){const T=((_=(y=p.steps)==null?void 0:y[1])==null?void 0:_.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...T,transition:`all ${p.duration}s ${s.camelToKebabCase(p.easing)}`,transitionDelay:p.delay?`${p.delay}s`:"0s"}})||""}return[m,g,x,$,i].join(" ")}}});function A(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const W=s._export_sfc(R,[["render",A]]),w=o.defineComponent({name:"style-wrapper",components:{BlockStyles:Q,LiveEditBlockStyles:W},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:u.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,k,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const F=s._export_sfc(w,[["render",z]]);exports.default=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-ljCjC7PN.cjs"),s=require("./index-C8cK6fMj.cjs"),I=require("./find-block-FREohLcp.cjs"),P=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:u.TARGET}},computed:{canShowBlock(){const e=this.block;return u.checkIsDefined(e.hide)?!e.hide:u.checkIsDefined(e.show)?e.show:!0},css(){var S,B,C,f,v,b;const e=this.block,t=s.getResponsiveStylesWithImagePosition(e.responsiveStyles,((S=e.component)==null?void 0:S.name)==="Image"),n=this.context.content,l=s.getSizesForBreakpoints(((B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)||{}),k=!!((f=(C=n==null?void 0:n.meta)==null?void 0:C.breakpoints)!=null&&f.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const g=a?s.createCssClass({className:m,styles:a}):"",x=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",$=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",p=r&&k?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(y=>y.trigger==="hover");let h="";if(i){const y=((b=(v=i.steps)==null?void 0:v[1])==null?void 0:b.styles)||{};h=s.createCssClass({className:`${m}:hover`,styles:{...y,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[g,x,$,p,h].join(" ")}}});function E(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const Q=s._export_sfc(P,[["render",E]]),R=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:u.TARGET}},computed:{block(){return I.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return u.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):u.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var h,S,B,C,f,v,b,y,_;const e=s.getResponsiveStylesWithImagePosition((h=this.processedBlock)==null?void 0:h.responsiveStyles,((B=(S=this.processedBlock)==null?void 0:S.component)==null?void 0:B.name)==="Image"),t=this.contextProvider.content,n=s.getSizesForBreakpoints(((C=t==null?void 0:t.meta)==null?void 0:C.breakpoints)||{}),l=!!((v=(f=t==null?void 0:t.meta)==null?void 0:f.breakpoints)!=null&&v.xsmall),k=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(b=this.processedBlock)==null?void 0:b.id;if(!r)return"";const m=k?s.createCssClass({className:r,styles:k}):"",g=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",x=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",$=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",p=this.processedBlock.animations&&this.processedBlock.animations.find(T=>T.trigger==="hover");let i="";if(p){const T=((_=(y=p.steps)==null?void 0:y[1])==null?void 0:_.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...T,transition:`all ${p.duration}s ${s.camelToKebabCase(p.easing)}`,transitionDelay:p.delay?`${p.delay}s`:"0s"}})||""}return[m,g,x,$,i].join(" ")}}});function A(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const W=s._export_sfc(R,[["render",A]]),w=o.defineComponent({name:"style-wrapper",components:{BlockStyles:Q,LiveEditBlockStyles:W},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:u.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,k,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const F=s._export_sfc(w,[["render",z]]);exports.default=F;

package/lib/node/style.css

@@ -1 +1 @@
-.component-5vz8uirn7sc[data-v-82fc93d6]{display:flex;flex-direction:column;align-items:stretch}.div-1be3j8m9ewb[data-v-ab15749a]{display:flex;line-height:normal;height:100%}.img-t43jfuqn6g[data-v-8fff0ea5]{opacity:1;transition:opacity .2s ease-in-out}.div-t43jfuqn6g[data-v-8fff0ea5]{width:100%;pointer-events:none;font-size:0}.div-t43jfuqn6g-2[data-v-8fff0ea5]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-2oa2wtipkzk[data-v-77c7888c]{padding:10px;color:red;text-align:center}
+.component-1zgn626bpbf[data-v-bab174f6]{display:flex;flex-direction:column;align-items:stretch}.div-20351ewpue7[data-v-b0ce0948]{display:flex;line-height:normal;height:100%}.img-1ifnufbde19[data-v-a28af777]{opacity:1;transition:opacity .2s ease-in-out}.div-1ifnufbde19[data-v-a28af777]{width:100%;pointer-events:none;font-size:0}.div-1ifnufbde19-2[data-v-a28af777]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-7fq9d0i380[data-v-d1f88a0c]{padding:10px;color:red;text-align:center}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "5.2.16",
+  "version": "5.4.0",
   "main": "./lib/node/index.cjs",
   "module": "./lib/node/index.mjs",
   "type": "module",

package/lib/browser/get-block-properties-2sbfjttK.cjs

@@ -1 +0,0 @@
-var d=require("./style.css");const a=require("./index-i151V2-T.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,trackingContext:t.trackingContext});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.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=p;