@builder.io/sdk-vue 0.11.0 → 0.11.2

package/lib/browser/{block-wrapper.500ec5f5.js → block-wrapper.166db2f3.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as l, openBlock as o, createBlock as t, resolveDynamicComponent as r, mergeProps as n, toHandlers as a, withCtx as c, renderSlot as p } from "vue";
-import { g as s, a as k } from "./get-block-actions.5e600864.js";
-import { _ as i } from "./index.6983b0a7.js";
+import { g as s, a as k } from "./get-block-actions.cf32df43.js";
+import { _ as i } from "./index.523c82d0.js";
 const u = l({
   name: "block-wrapper",
   props: ["Wrapper", "block", "context", "hasChildren"],

package/lib/browser/block-wrapper.c7230ad9.cjs

@@ -0,0 +1 @@
+var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./get-block-actions.8886d821.cjs"),r=require("./index.12ba04ce.cjs"),n=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:t.getBlockActions,getBlockProperties:t.getBlockProperties}}});function c(e,a,s,p,i,k){return e.hasChildren?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:0},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:1},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),null,16))}const l=r._export_sfc(n,[["render",c],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=l;

package/lib/{node/component-ref.ece91a5a.js → browser/component-ref.10189e21.js}

@@ -1,18 +1,17 @@
 import "./style.css";
-import { defineComponent as f, openBlock as o, createBlock as r, resolveDynamicComponent as v, mergeProps as g, withCtx as B, renderSlot as S, resolveComponent as m, normalizeProps as h, createElementBlock as k, Fragment as u, renderList as d, createCommentVNode as w } from "vue";
-import { _ as P, B as y, a as R, w as W } from "./index.df242b65.js";
-import { g as I, a as C } from "./get-block-actions.7691fb97.js";
-import "node:module";
+import { defineComponent as f, openBlock as t, createBlock as c, resolveDynamicComponent as v, mergeProps as B, withCtx as P, renderSlot as S, resolveComponent as m, normalizeProps as h, createElementBlock as u, Fragment as k, renderList as d, createCommentVNode as w } from "vue";
+import { _ as g, B as y, a as W, w as R } from "./index.523c82d0.js";
+import { g as I, a as C } from "./get-block-actions.cf32df43.js";
 const E = f({
   name: "interactive-element",
-  props: ["wrapperProps", "block", "context", "Wrapper"],
+  props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
   data() {
     return { getBlockActions: I, getBlockProperties: C };
   }
 });
-function A(e, n, c, p, s, l) {
-  return o(), r(v(e.Wrapper), g({
-    attributes: {
+function A(e, n, s, p, r, l) {
+  return t(), c(v(e.Wrapper), B({
+    attributes: e.includeBlockProps ? {
       ...e.getBlockProperties({
         block: e.block,
         context: e.context
@@ -24,40 +23,44 @@ function A(e, n, c, p, s, l) {
         localState: e.context.localState,
         context: e.context.context
       })
-    }
+    } : {}
   }, e.wrapperProps), {
-    default: B(() => [
+    default: P(() => [
       S(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["attributes"]);
 }
-const b = /* @__PURE__ */ P(E, [["render", A], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]), O = ({
+const b = /* @__PURE__ */ g(E, [["render", A], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]), O = ({
   componentOptions: e,
   builderBlock: n,
-  context: c,
+  context: s,
   componentRef: p,
-  includeBlockProps: s,
+  includeBlockProps: r,
   isInteractive: l,
   contextValue: a
-}) => l ? {
-  Wrapper: p,
-  block: n,
-  context: c,
-  wrapperProps: e
-} : {
-  ...e,
-  ...s ? {
-    attributes: C({
-      block: n,
-      context: a
-    })
-  } : {}
+}) => {
+  const i = {
+    ...e,
+    ...r ? {
+      attributes: C({
+        block: n,
+        context: a
+      })
+    } : {}
+  };
+  return l ? {
+    Wrapper: p,
+    block: n,
+    context: s,
+    wrapperProps: e,
+    includeBlockProps: r
+  } : i;
 }, V = f({
   name: "component-ref",
   components: {
     Block: y,
-    BlockStyles: R,
+    BlockStyles: W,
     InteractiveElement: b
   },
   props: [
@@ -72,14 +75,14 @@ const b = /* @__PURE__ */ P(E, [["render", A], ["__file", "/home/runner/work/bui
   ],
   data() {
     return {
-      Wrapper: this.isInteractive ? W(b) : this.componentRef,
+      Wrapper: this.isInteractive ? R(b) : this.componentRef,
       getWrapperProps: O
     };
   }
 });
-function x(e, n, c, p, s, l) {
+function z(e, n, s, p, r, l) {
   const a = m("block"), i = m("block-styles");
-  return e.componentRef ? (o(), r(v(e.Wrapper), h(g(
+  return e.componentRef ? (t(), c(v(e.Wrapper), h(B(
     { key: 0 },
     e.getWrapperProps({
       componentOptions: e.componentOptions,
@@ -91,23 +94,23 @@ function x(e, n, c, p, s, l) {
       contextValue: e.context
     })
   )), {
-    default: B(() => [
-      (o(!0), k(u, null, d(e.blockChildren, (t, $) => (o(), r(a, {
-        key: "block-" + t.id,
-        block: t,
+    default: P(() => [
+      (t(!0), u(k, null, d(e.blockChildren, (o, $) => (t(), c(a, {
+        key: "block-" + o.id,
+        block: o,
         context: e.context,
         registeredComponents: e.registeredComponents
       }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-      (o(!0), k(u, null, d(e.blockChildren, (t, $) => (o(), r(i, {
-        key: "block-style-" + t.id,
-        block: t,
+      (t(!0), u(k, null, d(e.blockChildren, (o, $) => (t(), c(i, {
+        key: "block-style-" + o.id,
+        block: o,
         context: e.context
       }, null, 8, ["block", "context"]))), 128))
     ]),
     _: 1
   }, 16)) : w("v-if", !0);
 }
-const j = /* @__PURE__ */ P(V, [["render", x], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
+const j = /* @__PURE__ */ g(V, [["render", z], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
 export {
   j as default
 };

package/lib/browser/component-ref.1ce72666.cjs

@@ -0,0 +1 @@
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.12ba04ce.cjs"),k=require("./get-block-actions.8886d821.cjs"),d=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:k.getBlockActions,getBlockProperties:k.getBlockProperties}}});function b(e,r,l,s,c,p){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const u=n._export_sfc(d,[["render",b],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),B=({componentOptions:e,builderBlock:r,context:l,componentRef:s,includeBlockProps:c,isInteractive:p,contextValue:i})=>{const a={...e,...c?{attributes:k.getBlockProperties({block:r,context:i})}:{}};return p?{Wrapper:s,block:r,context:l,wrapperProps:e,includeBlockProps:c}:a},f=o.defineComponent({name:"component-ref",components:{Block:n.Block,BlockStyles:n.BlockStyles,InteractiveElement:u},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?n.wrapComponentRef(u):this.componentRef,getWrapperProps:B}}});function g(e,r,l,s,c,p){const i=o.resolveComponent("block"),a=o.resolveComponent("block-styles");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(i,{key:"block-"+t.id,block:t,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(a,{key:"block-style-"+t.id,block:t,context:e.context},null,8,["block","context"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const v=n._export_sfc(f,[["render",g],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=v;

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

@@ -2,11 +2,11 @@ import type { ComponentProps } from "./component-ref.helpers.js";
 declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     registeredComponents?: any;
+    includeBlockProps?: any;
     blockChildren?: any;
     componentRef?: any;
     componentOptions?: any;
     builderBlock?: any;
-    includeBlockProps?: any;
     isInteractive?: any;
 }>, unknown, {
     Wrapper: any;
@@ -20,20 +20,20 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     registeredComponents?: any;
+    includeBlockProps?: any;
     blockChildren?: any;
     componentRef?: any;
     componentOptions?: any;
     builderBlock?: any;
-    includeBlockProps?: any;
     isInteractive?: any;
 }>>>, {
     readonly context?: any;
     readonly registeredComponents?: any;
+    readonly includeBlockProps?: any;
     readonly blockChildren?: any;
     readonly componentRef?: any;
     readonly componentOptions?: any;
     readonly builderBlock?: any;
-    readonly includeBlockProps?: any;
     readonly isInteractive?: any;
 }, {}>;
 export default _default;

package/lib/browser/components/block/components/interactive-element.vue.d.ts

@@ -2,16 +2,19 @@ import type { BuilderContextInterface } from "../../../context/types.js";
 import { getBlockActions } from "../../../functions/get-block-actions.js";
 import { getBlockProperties } from "../../../functions/get-block-properties.js";
 import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { Dictionary } from "../../../types/typescript.js";
 export type InteractiveElementProps = {
     Wrapper: any;
     block: BuilderBlock;
     context: BuilderContextInterface;
-    wrapperProps: object;
+    wrapperProps: Dictionary<any>;
+    includeBlockProps: boolean;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     block?: any;
     context?: any;
     wrapperProps?: any;
+    includeBlockProps?: any;
     Wrapper?: any;
 }>, unknown, {
     getBlockActions: typeof getBlockActions;
@@ -20,11 +23,13 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     block?: any;
     context?: any;
     wrapperProps?: any;
+    includeBlockProps?: any;
     Wrapper?: any;
 }>>>, {
     readonly block?: any;
     readonly context?: any;
     readonly wrapperProps?: any;
+    readonly includeBlockProps?: any;
     readonly Wrapper?: any;
 }, {}>;
 export default _default;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.0";
+export declare const SDK_VERSION = "0.11.2";

package/lib/browser/get-block-actions.8886d821.cjs

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

package/lib/{edge/get-block-actions.26e0301d.js → browser/get-block-actions.cf32df43.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { T as n, c as i, e as l } from "./index.e558d97b.js";
+import { T as n, c as i, e as l } from "./index.523c82d0.js";
 function u(e) {
   const t = {};
   if (typeof e != "string")