@builder.io/sdk-vue 2.0.16 → 2.0.20

package/lib/node/should-force-browser-runtime-in-node-Hy3G5eB4.js

@@ -0,0 +1,248 @@
+import { createRequire } from "node:module";
+const TARGET = "vue", 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((o, n) => {
+    t[n] = o;
+  }), 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() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  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";
+    }
+  }, o = e.match(/Tablet|iPad/i), n = getLocation();
+  return {
+    urlPath: n == null ? void 0 : n.pathname,
+    host: (n == null ? void 0 : n.host) || (n == null ? void 0 : n.hostname),
+    device: o ? "tablet" : t.any() ? "mobile" : "desktop"
+  };
+}, getFunctionArguments = ({
+  builder: e,
+  context: t,
+  event: o,
+  state: n
+}) => Object.entries({
+  state: n,
+  Builder: e,
+  // legacy
+  builder: e,
+  context: t,
+  event: o
+}), getBuilderGlobals = () => ({
+  isEditing: isEditing(),
+  isBrowser: isBrowser(),
+  isServer: !isBrowser(),
+  getUserAttributes: () => getUserAttributes()
+}), parseCode = (e, {
+  isExpression: t = !0
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, 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)), set = (e, t, o) => {
+  if (Object(e) !== e)
+    return e;
+  const n = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
+  return n.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(n[i + 1])) >> 0 === +n[i + 1] ? [] : {}, e)[n[n.length - 1]] = o, e;
+}, noop = () => {
+};
+let safeDynamicRequire = noop;
+try {
+  safeDynamicRequire = createRequire(import.meta.url);
+} catch (error) {
+  try {
+    safeDynamicRequire = eval("require");
+  } catch (e) {
+  }
+}
+const getSyncValName = (e) => `bldr_${e}_sync`, BUILDER_SET_STATE_NAME = "BUILDER_SET_STATE", INJECTED_IVM_GLOBAL = "BUILDER_IVM", REF_TO_PROXY_FN = `
+var refToProxy = (obj) => {
+  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);
+        }
+        return val;
+    },
+    set(target, key, value) {
+        const v = typeof value === 'object' ? new ${INJECTED_IVM_GLOBAL}.Reference(value) : value;
+        obj.setSync(key, v);
+        ${BUILDER_SET_STATE_NAME}(key, value)
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+    }
+  })
+}
+`, processCode = ({
+  code: e,
+  args: t
+}) => {
+  const o = t.map(([n]) => `var ${n} = refToProxy(${getSyncValName(n)}); `).join("");
+  return `
+${REF_TO_PROXY_FN}
+${o}
+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_CONTEXT = null;
+const setIvm = (e, t = {}) => {
+  IVM_INSTANCE = e, setIsolateContext(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);
+};
+function setIsolateContext(e = {
+  memoryLimit: 128
+}) {
+  const t = getIvm(), n = new t.Isolate(e).createContextSync(), r = n.global;
+  return r.setSync("global", r.derefInto()), r.setSync("log", function(...s) {
+    console.log(...s);
+  }), r.setSync(INJECTED_IVM_GLOBAL, t), IVM_CONTEXT = n, n;
+}
+const getIsolateContext = () => IVM_CONTEXT || setIsolateContext(), runInNode = ({
+  code: e,
+  builder: t,
+  context: o,
+  event: n,
+  localState: r,
+  rootSetState: s,
+  rootState: i
+}) => {
+  const f = getIvm(), m = fastClone({
+    ...i,
+    ...r
+  }), u = getFunctionArguments({
+    builder: t,
+    context: o,
+    event: n,
+    state: m
+  }), l = getIsolateContext(), d = l.global;
+  d.setSync(BUILDER_SET_STATE_NAME, function(c, a) {
+    set(i, c, a), s == null || s(i);
+  }), u.forEach(([c, a]) => {
+    const E = typeof a == "object" ? new f.Reference(
+      // workaround: methods with default values for arguments is not being cloned over
+      c === "builder" ? {
+        ...a,
+        getUserAttributes: () => a.getUserAttributes()
+      } : a
+    ) : null;
+    d.setSync(getSyncValName(c), E);
+  });
+  const p = processCode({
+    code: e,
+    args: u
+  }), g = l.evalClosureSync(p);
+  try {
+    return JSON.parse(g);
+  } catch {
+    return g;
+  }
+}, checkIsDefined = (e) => e != null;
+function isNodeRuntime() {
+  var e;
+  return typeof process < "u" && checkIsDefined((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+}
+const shouldForceBrowserRuntimeInNode = ({
+  shouldLogWarning: e
+}) => {
+  var r;
+  if (!isNodeRuntime())
+    return !1;
+  const t = process.arch === "arm64", o = process.version.startsWith("v20"), n = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
+  return t && o && !n ? (e && 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;
+};
+export {
+  TARGET as T,
+  getBuilderGlobals as a,
+  set as b,
+  getSearchString as c,
+  checkIsDefined as d,
+  isEditing as e,
+  fastClone as f,
+  getFunctionArguments as g,
+  getUserAttributes as h,
+  isBrowser as i,
+  setIvm as j,
+  logger as l,
+  normalizeSearchParams as n,
+  parseCode as p,
+  runInNode as r,
+  shouldForceBrowserRuntimeInNode as s
+};

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

@@ -0,0 +1,48 @@
+"use strict";const node_module=require("node:module");var _documentCurrentScript=typeof document<"u"?document.currentScript:null;const TARGET="vue",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((o,n)=>{t[n]=o}),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"}},o=e.match(/Tablet|iPad/i),n=getLocation();return{urlPath:n==null?void 0:n.pathname,host:(n==null?void 0:n.host)||(n==null?void 0:n.hostname),device:o?"tablet":t.any()?"mobile":"desktop"}},getFunctionArguments=({builder:e,context:t,event:o,state:n})=>Object.entries({state:n,Builder:e,builder:e,context:t,event:o}),getBuilderGlobals=()=>({isEditing:isEditing(),isBrowser:isBrowser(),isServer:!isBrowser(),getUserAttributes:()=>getUserAttributes()}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,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)),set=(e,t,o)=>{if(Object(e)!==e)return e;const n=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((r,s,i)=>Object(r[s])===r[s]?r[s]:r[s]=Math.abs(Number(n[i+1]))>>0===+n[i+1]?[]:{},e)[n[n.length-1]]=o,e},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-cm1lg4FM.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",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
+var refToProxy = (obj) => {
+  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);
+        }
+        return val;
+    },
+    set(target, key, value) {
+        const v = typeof value === 'object' ? new ${INJECTED_IVM_GLOBAL}.Reference(value) : value;
+        obj.setSync(key, v);
+        ${BUILDER_SET_STATE_NAME}(key, value)
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+    }
+  })
+}
+`,processCode=({code:e,args:t})=>{const o=t.map(([n])=>`var ${n} = refToProxy(${getSyncValName(n)}); `).join("");return`
+${REF_TO_PROXY_FN}
+${o}
+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_CONTEXT=null;const setIvm=(e,t={})=>{IVM_INSTANCE=e,setIsolateContext(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)};function setIsolateContext(e={memoryLimit:128}){const t=getIvm(),n=new t.Isolate(e).createContextSync(),r=n.global;return r.setSync("global",r.derefInto()),r.setSync("log",function(...s){console.log(...s)}),r.setSync(INJECTED_IVM_GLOBAL,t),IVM_CONTEXT=n,n}const getIsolateContext=()=>IVM_CONTEXT||setIsolateContext(),runInNode=({code:e,builder:t,context:o,event:n,localState:r,rootSetState:s,rootState:i})=>{const g=getIvm(),m=fastClone({...i,...r}),u=getFunctionArguments({builder:t,context:o,event:n,state:m}),l=getIsolateContext(),d=l.global;d.setSync(BUILDER_SET_STATE_NAME,function(c,a){set(i,c,a),s==null||s(i)}),u.forEach(([c,a])=>{const S=typeof a=="object"?new g.Reference(c==="builder"?{...a,getUserAttributes:()=>a.getUserAttributes()}:a):null;d.setSync(getSyncValName(c),S)});const f=processCode({code:e,args:u}),p=l.evalClosureSync(f);try{return JSON.parse(p)}catch{return p}},checkIsDefined=e=>e!=null;function isNodeRuntime(){var e;return typeof process<"u"&&checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const shouldForceBrowserRuntimeInNode=({shouldLogWarning:e})=>{var r;if(!isNodeRuntime())return!1;const t=process.arch==="arm64",o=process.version.startsWith("v20"),n=(r=process.env.NODE_OPTIONS)==null?void 0:r.includes("--no-node-snapshot");return t&&o&&!n?(e&&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.TARGET=TARGET;exports.checkIsDefined=checkIsDefined;exports.fastClone=fastClone;exports.getBuilderGlobals=getBuilderGlobals;exports.getFunctionArguments=getFunctionArguments;exports.getSearchString=getSearchString;exports.getUserAttributes=getUserAttributes;exports.isBrowser=isBrowser;exports.isEditing=isEditing;exports.logger=logger;exports.normalizeSearchParams=normalizeSearchParams;exports.parseCode=parseCode;exports.runInNode=runInNode;exports.set=set;exports.setIvm=setIvm;exports.shouldForceBrowserRuntimeInNode=shouldForceBrowserRuntimeInNode;

package/lib/node/style.css

@@ -1 +1 @@
-.component-178o76acnws[data-v-824f09a8]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-52366f16]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-b1147753]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-b1147753]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-b1147753]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3i4ezorcfhi[data-v-489330f7]{padding:10px;color:red;text-align:center}
+.component-1k2igrjdg3x[data-v-162df12b]{display:flex;flex-direction:column;align-items:stretch}.div-4wbls88y960[data-v-adc066fc]{display:flex;line-height:normal}.img-29wpyomtntv[data-v-77f8a6c4]{opacity:1;transition:opacity .2s ease-in-out}.div-29wpyomtntv[data-v-77f8a6c4]{width:100%;pointer-events:none;font-size:0}.div-29wpyomtntv-2[data-v-77f8a6c4]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3q96myty4lk[data-v-6e18f21b]{padding:10px;color:red;text-align:center}

package/nuxt-isolated-vm-plugin.js

@@ -0,0 +1,14 @@
+import { defineNuxtPlugin } from 'nuxt/app';
+
+export default defineNuxtPlugin((nuxtApp) => {
+  // initialize Isolated VM on node runtime
+  if (process.server || import.meta.server) {
+    async function importIsolatedVM() {
+      const { initializeNodeRuntime } = await import(
+        '@builder.io/sdk-vue/node/init'
+      );
+      initializeNodeRuntime();
+    }
+    importIsolatedVM();
+  }
+});

package/nuxt.js

@@ -1,10 +1,39 @@
-import { defineNuxtModule } from '@nuxt/kit';
+import { addPlugin, defineNuxtModule } from '@nuxt/kit';
 
 export default defineNuxtModule({
   setup(options, nuxt) {
+    const includeCompiledCss = options.includeCompiledCss ?? true;
+    const initializeNodeRuntime = options.initializeNodeRuntime ?? false;
     /**
      * Add the compiled Builder.io CSS to the Nuxt CSS array.
      */
-    nuxt.options.css.push('@builder.io/sdk-vue/css');
+    if (includeCompiledCss) {
+      nuxt.options.css.push('@builder.io/sdk-vue/css');
+    }
+    /**
+     * This is because Vite tries to optimize the isolated-vm dependency while
+     * running the dev server (first build), which is not needed and throws an error.
+     * `isolated-vm` is a Node.js native module which should only be imported and used in Node.js environments.
+     */
+    if (initializeNodeRuntime) {
+      if (nuxt.options.vite?.optimizeDeps?.exclude) {
+        nuxt.options.vite.optimizeDeps.exclude.push(
+          '@builder.io/sdk-vue/node/init'
+        );
+      } else {
+        nuxt.options.vite = {
+          ...nuxt.options.vite,
+          optimizeDeps: {
+            ...nuxt.options.vite?.optimizeDeps,
+            exclude: ['@builder.io/sdk-vue/node/init'],
+          },
+        };
+      }
+
+      addPlugin({
+        src: './nuxt-isolated-vm-plugin.js',
+        mode: 'server',
+      });
+    }
   },
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "2.0.16",
+  "version": "2.0.20",
   "main": "./lib/node/index.cjs",
   "module": "./lib/node/index.mjs",
   "type": "module",
@@ -13,7 +13,8 @@
   },
   "files": [
     "lib",
-    "nuxt.js"
+    "nuxt.js",
+    "nuxt-isolated-vm-plugin.js"
   ],
   "sideEffects": [
     "./lib/browser/style.css",
@@ -82,6 +83,10 @@
         "import": "./lib/browser/index.mjs",
         "require": "./lib/browser/index.cjs"
       }
+    },
+    "./node/init": {
+      "import": "./lib/node/init.mjs",
+      "require": "./lib/node/init.cjs"
     }
   },
   "scripts": {

package/lib/browser/component-ref-ZQ1LWsdM.js

@@ -1,114 +0,0 @@
-import "./style.css";
-import { defineComponent as m, openBlock as r, createBlock as a, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as h, resolveComponent as B, normalizeProps as P, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as S } from "vue";
-import { e as f, B as W, w } from "./index-LzjDY2XM.js";
-import { a as b, g as R } from "./get-block-properties-9178299s.js";
-const x = m({
-  name: "interactive-element",
-  props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],
-  computed: {
-    attributes() {
-      return this.includeBlockProps ? {
-        ...b({
-          block: this.block,
-          context: this.context
-        }),
-        ...R({
-          block: this.block,
-          rootState: this.context.rootState,
-          rootSetState: this.context.rootSetState,
-          localState: this.context.localState,
-          context: this.context.context
-        })
-      } : {};
-    }
-  }
-});
-function I(e, t, p, s, o, c) {
-  return r(), a(k(e.Wrapper), u({ attributes: e.attributes }, e.wrapperProps), {
-    default: d(() => [
-      h(e.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["attributes"]);
-}
-const l = /* @__PURE__ */ f(x, [["render", I]]), E = ({
-  componentOptions: e,
-  builderBlock: t,
-  context: p,
-  componentRef: s,
-  includeBlockProps: o,
-  isInteractive: c,
-  contextValue: i
-}) => {
-  const n = {
-    ...e,
-    /**
-     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
-     * component itself directly. Otherwise, they are provided to the wrapper element.
-     */
-    ...o ? {
-      attributes: b({
-        block: t,
-        context: i
-      })
-    } : {}
-  };
-  return c ? {
-    Wrapper: s,
-    block: t,
-    context: p,
-    wrapperProps: e,
-    includeBlockProps: o
-  } : n;
-}, y = m({
-  name: "component-ref",
-  components: { Block: W, InteractiveElement: l },
-  props: [
-    "isInteractive",
-    "componentRef",
-    "componentOptions",
-    "builderBlock",
-    "context",
-    "linkComponent",
-    "includeBlockProps",
-    "blockChildren",
-    "registeredComponents"
-  ],
-  data() {
-    return {
-      Wrapper: this.isInteractive ? w(l) : this.componentRef,
-      getWrapperProps: E
-    };
-  }
-});
-function A(e, t, p, s, o, c) {
-  const i = B("Block");
-  return e.componentRef ? (r(), a(k(e.Wrapper), P(u(
-    { 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: d(() => [
-      (r(!0), g($, null, v(e.blockChildren, (n, C) => (r(), a(i, {
-        key: n.id,
-        block: n,
-        context: e.context,
-        registeredComponents: e.registeredComponents,
-        linkComponent: e.linkComponent
-      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
-    ]),
-    _: 1
-  }, 16)) : S("", !0);
-}
-const F = /* @__PURE__ */ f(y, [["render", A]]);
-export {
-  F as default
-};

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

@@ -1 +0,0 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-NFUE2Jgz.cjs"),a=require("./get-block-properties-EYg8xaCR.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=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,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;

package/lib/edge/component-ref-Gmo3ST7V.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-sCP9BbUb.cjs"),a=require("./get-block-properties-YnnLDBjt.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=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,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;

package/lib/edge/component-ref-J3KW7NWq.js

@@ -1,113 +0,0 @@
-import { defineComponent as m, openBlock as r, createBlock as a, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as h, resolveComponent as B, normalizeProps as P, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as S } from "vue";
-import { e as f, B as W, w } from "./index-_G5Jct0s.js";
-import { a as b, g as R } from "./get-block-properties-1IIhEm1L.js";
-const x = m({
-  name: "interactive-element",
-  props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],
-  computed: {
-    attributes() {
-      return this.includeBlockProps ? {
-        ...b({
-          block: this.block,
-          context: this.context
-        }),
-        ...R({
-          block: this.block,
-          rootState: this.context.rootState,
-          rootSetState: this.context.rootSetState,
-          localState: this.context.localState,
-          context: this.context.context
-        })
-      } : {};
-    }
-  }
-});
-function I(e, t, p, s, o, c) {
-  return r(), a(k(e.Wrapper), u({ attributes: e.attributes }, e.wrapperProps), {
-    default: d(() => [
-      h(e.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["attributes"]);
-}
-const l = /* @__PURE__ */ f(x, [["render", I]]), E = ({
-  componentOptions: e,
-  builderBlock: t,
-  context: p,
-  componentRef: s,
-  includeBlockProps: o,
-  isInteractive: c,
-  contextValue: i
-}) => {
-  const n = {
-    ...e,
-    /**
-     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
-     * component itself directly. Otherwise, they are provided to the wrapper element.
-     */
-    ...o ? {
-      attributes: b({
-        block: t,
-        context: i
-      })
-    } : {}
-  };
-  return c ? {
-    Wrapper: s,
-    block: t,
-    context: p,
-    wrapperProps: e,
-    includeBlockProps: o
-  } : n;
-}, y = m({
-  name: "component-ref",
-  components: { Block: W, InteractiveElement: l },
-  props: [
-    "isInteractive",
-    "componentRef",
-    "componentOptions",
-    "builderBlock",
-    "context",
-    "linkComponent",
-    "includeBlockProps",
-    "blockChildren",
-    "registeredComponents"
-  ],
-  data() {
-    return {
-      Wrapper: this.isInteractive ? w(l) : this.componentRef,
-      getWrapperProps: E
-    };
-  }
-});
-function A(e, t, p, s, o, c) {
-  const i = B("Block");
-  return e.componentRef ? (r(), a(k(e.Wrapper), P(u(
-    { 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: d(() => [
-      (r(!0), g($, null, v(e.blockChildren, (n, C) => (r(), a(i, {
-        key: n.id,
-        block: n,
-        context: e.context,
-        registeredComponents: e.registeredComponents,
-        linkComponent: e.linkComponent
-      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
-    ]),
-    _: 1
-  }, 16)) : S("", !0);
-}
-const D = /* @__PURE__ */ f(y, [["render", A]]);
-export {
-  D as default
-};

package/lib/node/block-styles-_qZsI9c3.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-Yv0J5kjl.cjs"),f=l.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 y,p,h;const e=this.block,t=e.responsiveStyles,c=this.context.content,a=s.getSizesForBreakpoints(((y=c==null?void 0:c.meta)==null?void 0:y.breakpoints)||{}),i=t==null?void 0:t.large,d=t==null?void 0:t.medium,r=t==null?void 0:t.small,n=e.id;if(!n)return"";const S=i?s.createCssClass({className:n,styles:i}):"",k=d?s.createCssClass({className:n,styles:d,mediaQuery:s.getMaxWidthQueryForSize("medium",a)}):"",C=r?s.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("small",a)}):"",o=e.animations&&e.animations.find(m=>m.trigger==="hover");let u="";if(o){const m=((h=(p=o.steps)==null?void 0:p[1])==null?void 0:h.styles)||{};u=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${o.duration}s ${s.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[S,k,C,u].join(" ")}}});function b(e,t,c,a,i,d){const r=l.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(l.openBlock(),l.createBlock(r,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):l.createCommentVNode("",!0)}const g=s._export_sfc(f,[["render",b]]);exports.default=g;

package/lib/node/component-ref--fBJ8B90.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-Yv0J5kjl.cjs"),a=require("./get-block-properties-WxCzIZPQ.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=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,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;