@builder.io/sdk-vue 5.1.0 → 5.2.0

package/lib/node/{style-wrapper-1rHE_XSt.js → style-wrapper-QtIk1dHP.js}

@@ -1,6 +1,6 @@
 import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as $, createCommentVNode as Q, createElementBlock as z, Fragment as G } from "vue";
-import { T as w, e as C } from "./should-force-browser-runtime-in-node-5h08TaCf.js";
-import { c as A, d as N, f as l, h as u, i as j, _ as I, j as H, b as R } from "./index-SH8gdiHf.js";
+import { T as w, h as C } from "./should-force-browser-runtime-in-node-0jTQ7bdA.js";
+import { c as A, d as N, f as l, h as u, i as j, _ as I, j as H, b as R } from "./index-9Wxomhx_.js";
 import { f as U } from "./find-block-3Ig0kVVe.js";
 const W = E({
   name: "block-styles",
@@ -15,9 +15,9 @@ const W = E({
       return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
     },
     css() {
-      var h, B, f, v, b;
+      var S, B, f, v, b;
       const e = this.block, s = e.responsiveStyles, t = this.context.content, o = N(
-        ((h = t == null ? void 0 : t.meta) == null ? void 0 : h.breakpoints) || {}
+        ((S = t == null ? void 0 : t.meta) == null ? void 0 : S.breakpoints) || {}
       ), p = !!((f = (B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) != null && f.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, r = s == null ? void 0 : s.xsmall, d = e.id;
       if (!d)
         return "";
@@ -46,10 +46,10 @@ const W = E({
           o
         )
       }) : "", c = e.animations && e.animations.find((k) => k.trigger === "hover");
-      let S = "";
+      let h = "";
       if (c) {
         const k = ((b = (v = c.steps) == null ? void 0 : v[1]) == null ? void 0 : b.styles) || {};
-        S = l({
+        h = l({
           className: `${d}:hover`,
           styles: {
             ...k,
@@ -65,7 +65,7 @@ const W = E({
         P,
         T,
         m,
-        S
+        h
       ].join(" ");
     }
   }
@@ -106,9 +106,9 @@ const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
       return C((e = this.processedBlock) == null ? void 0 : e.hide) ? !((s = this.processedBlock) != null && s.hide) : C((t = this.processedBlock) == null ? void 0 : t.show) ? (o = this.processedBlock) == null ? void 0 : o.show : !0;
     },
     css() {
-      var S, h, B, f, v, b, k;
-      const e = (S = this.processedBlock) == null ? void 0 : S.responsiveStyles, s = this.contextProvider.content, t = N(
-        ((h = s == null ? void 0 : s.meta) == null ? void 0 : h.breakpoints) || {}
+      var h, S, B, f, v, b, k;
+      const e = (h = this.processedBlock) == null ? void 0 : h.responsiveStyles, s = this.contextProvider.content, t = N(
+        ((S = s == null ? void 0 : s.meta) == null ? void 0 : S.breakpoints) || {}
       ), o = !!((f = (B = s == null ? void 0 : s.meta) == null ? void 0 : B.breakpoints) != null && f.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, r = (v = this.processedBlock) == null ? void 0 : v.id;
       if (!r)
         return "";

package/package.json

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

package/lib/browser/block-wrapper-8v7I2JSB.cjs

@@ -1 +0,0 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-GPPIll7t.cjs"),n=require("./index-Treb985Y.cjs"),c=()=>Promise.resolve().then(()=>require("./index-Treb985Y.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-s3-0mqGr.js

@@ -1,44 +0,0 @@
-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-dmm_DIxo.js";
-import { _ as m } from "./index-EQdaCBDB.js";
-const d = () => import("./index-EQdaCBDB.js").then((e) => e.J).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;
-}), f = o({
-  name: "block-wrapper",
-  components: { DynamicRenderer: r(d) },
-  props: ["Wrapper", "block", "context"],
-  data() {
-    return { getBlockActions: s, getBlockProperties: l };
-  }
-});
-function u(e, k, b, y, S, g) {
-  const t = n("DynamicRenderer");
-  return a(), c(t, {
-    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: i(() => [
-      p(e.$slots, "default")
-    ]),
-    _: 3
-  }, 8, ["TagName", "attributes", "actionAttributes"]);
-}
-const R = /* @__PURE__ */ m(f, [["render", u]]);
-export {
-  R as default
-};

package/lib/browser/component-ref-8g4g9kyF.js

@@ -1,178 +0,0 @@
-import "./style.css";
-import { defineComponent as b, defineAsyncComponent as u, resolveComponent as d, openBlock as o, createBlock as p, withCtx as i, renderSlot as m, createElementBlock as h, Fragment as w, resolveDynamicComponent as C, mergeProps as P, normalizeProps as B, renderList as E, createCommentVNode as k } from "vue";
-import { T as y, i as $, _ as g, B as R, w as A } from "./index-EQdaCBDB.js";
-import { a as v, g as S } from "./get-block-properties-dmm_DIxo.js";
-const L = () => import("./awaiter-5WjT5CVy.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
-    e
-  ), e;
-}), I = () => import("./live-edit-tO-V6Sv7.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",
-    e
-  ), e;
-}), T = b({
-  name: "interactive-element",
-  components: {
-    LiveEdit: u(I),
-    Awaiter: u(L)
-  },
-  props: ["wrapperProps", "block", "includeBlockProps", "context", "Wrapper"],
-  data() {
-    return { forceRenderCount: 0, TARGET: y, isEditing: $ };
-  },
-  watch: {
-    onUpdateHook0: { handler() {
-    }, immediate: !0 }
-  },
-  computed: {
-    attributes() {
-      return this.includeBlockProps ? {
-        ...v({
-          block: this.block,
-          context: this.context
-        }),
-        ...S({
-          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, t;
-      return {
-        0: this.wrapperProps,
-        1: (t = (e = this.block) == null ? void 0 : e.component) == null ? void 0 : t.options
-      };
-    }
-  }
-});
-function O(e, t, s, l, a, c) {
-  const n = d("Awaiter"), r = d("LiveEdit");
-  return e.Wrapper.load ? (o(), p(n, {
-    key: 0,
-    load: e.Wrapper.load,
-    fallback: e.Wrapper.fallback,
-    props: e.wrapperProps,
-    attributes: e.attributes
-  }, {
-    default: i(() => [
-      m(e.$slots, "default")
-    ]),
-    _: 3
-  }, 8, ["load", "fallback", "props", "attributes"])) : (o(), h(w, { key: 1 }, [
-    e.TARGET === "rsc" && e.isEditing() ? (o(), p(r, {
-      key: 0,
-      Wrapper: e.Wrapper,
-      id: e.block.id || "",
-      attributes: e.attributes
-    }, {
-      default: i(() => [
-        m(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["Wrapper", "id", "attributes"])) : (o(), p(C(e.Wrapper), P({
-      key: 1,
-      attributes: e.attributes
-    }, e.targetWrapperProps), {
-      default: i(() => [
-        m(e.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["attributes"]))
-  ], 64));
-}
-const f = /* @__PURE__ */ g(T, [["render", O]]), U = ({
-  componentOptions: e,
-  builderBlock: t,
-  context: s,
-  componentRef: l,
-  includeBlockProps: a,
-  isInteractive: c,
-  contextValue: n
-}) => {
-  const r = {
-    ...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.
-     */
-    ...a ? {
-      attributes: v({
-        block: t,
-        context: n
-      })
-    } : {}
-  };
-  return c ? {
-    Wrapper: l,
-    block: t,
-    context: s,
-    wrapperProps: e,
-    includeBlockProps: a
-  } : r;
-}, G = b({
-  name: "component-ref",
-  components: { Block: R, InteractiveElement: f },
-  props: [
-    "isInteractive",
-    "componentRef",
-    "componentOptions",
-    "builderBlock",
-    "context",
-    "linkComponent",
-    "includeBlockProps",
-    "blockChildren",
-    "registeredComponents"
-  ],
-  data() {
-    return {
-      shouldUpdate: !1,
-      Wrapper: this.isInteractive ? A(f) : this.componentRef,
-      getWrapperProps: U
-    };
-  }
-});
-function H(e, t, s, l, a, c) {
-  const n = d("Block");
-  return e.componentRef ? (o(), p(C(e.Wrapper), B(P(
-    { 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: i(() => [
-      e.componentRef ? (o(!0), h(w, { key: 0 }, E(e.blockChildren, (r, W) => (o(), p(n, {
-        key: r.id,
-        block: r,
-        context: e.context,
-        registeredComponents: e.registeredComponents,
-        linkComponent: e.linkComponent
-      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : k("", !0)
-    ]),
-    _: 1
-  }, 16)) : k("", !0);
-}
-const F = /* @__PURE__ */ g(G, [["render", H]]);
-export {
-  F as default
-};

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

@@ -1 +0,0 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),n=require("./index-Treb985Y.cjs"),l=require("./get-block-properties-GPPIll7t.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-GjRYxPnU.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),k=()=>Promise.resolve().then(()=>require("./live-edit-Jion_iv8.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",e),e}),f=t.defineComponent({name:"interactive-element",components:{LiveEdit:t.defineAsyncComponent(k),Awaiter:t.defineAsyncComponent(u)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0,TARGET:n.TARGET,isEditing:n.isEditing}},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,s,a,p,c){const i=t.resolveComponent("Awaiter"),r=t.resolveComponent("LiveEdit");return e.Wrapper.load?(t.openBlock(),t.createBlock(i,{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.createElementBlock(t.Fragment,{key:1},[e.TARGET==="rsc"&&e.isEditing()?(t.openBlock(),t.createBlock(r,{key:0,Wrapper:e.Wrapper,id:e.block.id||"",attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["Wrapper","id","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.targetWrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))],64))}const m=n._export_sfc(f,[["render",h]]),b=({componentOptions:e,builderBlock:o,context:s,componentRef:a,includeBlockProps:p,isInteractive:c,contextValue:i})=>{const r={...e,...p?{attributes:l.getBlockProperties({block:o,context:i})}:{}};return c?{Wrapper:a,block:o,context:s,wrapperProps:e,includeBlockProps:p}:r},C=t.defineComponent({name:"component-ref",components:{Block:n.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?n.wrapComponentRef(m):this.componentRef,getWrapperProps:b}}});function B(e,o,s,a,p,c){const i=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(()=>[e.componentRef?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.blockChildren,(r,d)=>(t.openBlock(),t.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128)):t.createCommentVNode("",!0)]),_:1},16)):t.createCommentVNode("",!0)}const v=n._export_sfc(C,[["render",B]]);exports.default=v;

package/lib/browser/get-block-properties-GPPIll7t.cjs

@@ -1 +0,0 @@
-var d=require("./style.css");const s=require("./index-Treb985Y.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;