@builder.io/sdk-vue 0.12.3 → 0.12.5

package/lib/browser/index.js

@@ -1,5 +1,5 @@
 import "./style.css";
-import { f as n, i as r, j as o, C as i, F as g, k as c, R as l, h as m, S as C, l as d, m as p, V as u, q as f, p as h, A as B, t as R, u as S, v as k, y as E, x, n as y, o as P, r as v, s as A, z as F } from "./index.62a4dd7e.js";
+import { j as n, l as r, m as o, C as i, F as g, n as c, R as l, k as m, S as C, o as d, p, V as u, v as B, s as E, G as R, x as S, y as f, z as h, D as k, A as x, q as y, r as P, t as v, u as A, E as F } from "./index.dae5ffb2.js";
 import "vue";
 export {
   n as Blocks,
@@ -14,13 +14,13 @@ export {
   d as Symbol,
   p as Text,
   u as Video,
-  f as _processContentResult,
-  h as createRegisterComponentMessage,
-  B as fetchBuilderProps,
-  R as fetchEntries,
-  S as fetchOneEntry,
-  k as getAllContent,
-  E as getBuilderSearchParams,
+  B as _processContentResult,
+  E as createRegisterComponentMessage,
+  R as fetchBuilderProps,
+  S as fetchEntries,
+  f as fetchOneEntry,
+  h as getAllContent,
+  k as getBuilderSearchParams,
   x as getContent,
   y as isEditing,
   P as isPreviewing,

package/lib/browser/repeated-block.19e40e3c.cjs

@@ -0,0 +1 @@
+var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.6d8f74eb.cjs"),r=()=>Promise.resolve().then(()=>require("./index.6d8f74eb.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,k,m){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;

package/lib/browser/repeated-block.1daedcf0.js

@@ -0,0 +1,35 @@
+import "./style.css";
+import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
+import { i as s, _ as l } from "./index.dae5ffb2.js";
+const i = () => import("./index.dae5ffb2.js").then((e) => e.J).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Block at ../block.vue",
+    e
+  ), e;
+}), m = t({
+  name: "repeated-block",
+  components: { Block: n(i) },
+  props: ["repeatContext", "block", "registeredComponents", "linkComponent"],
+  data() {
+    return { store: this.repeatContext };
+  },
+  provide() {
+    const e = this;
+    return {
+      [s.key]: e.store
+    };
+  }
+});
+function a(e, k, d, u, C, b) {
+  const o = r("block");
+  return c(), p(o, {
+    block: e.block,
+    context: e.store,
+    registeredComponents: e.registeredComponents,
+    linkComponent: e.linkComponent
+  }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]);
+}
+const B = /* @__PURE__ */ l(m, [["render", a], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);
+export {
+  B as default
+};

package/lib/browser/style.css

@@ -1 +1 @@
-.component-1k2igrjdg3x[data-v-1f8aab9f]{display:flex;flex-direction:column;align-items:stretch}.div-16nol0lwi20[data-v-7be099dc]{display:flex;line-height:normal}.div-16nol0lwi20-2[data-v-7be099dc]{display:flex;flex-direction:column;align-items:stretch}.img-1be3j8m9ewb[data-v-58ca75d1]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-58ca75d1]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-58ca75d1]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}
+.component-1k2igrjdg3x[data-v-1f8aab9f]{display:flex;flex-direction:column;align-items:stretch}.div-16nol0lwi20[data-v-7be099dc]{display:flex;line-height:normal}.img-1be3j8m9ewb[data-v-58ca75d1]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-58ca75d1]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-58ca75d1]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}

package/lib/browser/types/builder-block.d.ts

@@ -54,6 +54,7 @@ export interface BuilderBlock {
     } | null;
     animations?: any[];
     style?: Partial<CSSStyleDeclaration>;
+    href?: string;
     /**
      * generated by the "Hide If" binding
      */

package/lib/browser/types/builder-props.d.ts

@@ -7,3 +7,6 @@ export type PropsWithBuilderData<T> = T & {
 export type BuilderComponentsProp = {
     builderComponents: RegisteredComponents;
 };
+export type BuilderLinkComponentProp = {
+    builderLinkComponent?: any;
+};

package/lib/edge/block-styles.d6a137a2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.0a0c8c92.cjs"),h=o.defineComponent({name:"block-styles",components:{InlinedStyles:e.InlinedStyles},props:["block","context"],data(){return{TARGET:e.TARGET}},computed:{canShowBlock(){const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return e.checkIsDefined(t.hide)?!t.hide:e.checkIsDefined(t.show)?t.show:!0},css(){var d;const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),s=t.responsiveStyles,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=s==null?void 0:s.large,i=s==null?void 0:s.medium,c=s==null?void 0:s.small,l=t.id;if(!l)return"";const u=a?e.createCssClass({className:l,styles:a}):"",S=i?e.createCssClass({className:l,styles:i,mediaQuery:e.getMaxWidthQueryForSize("medium",r)}):"",m=c?e.createCssClass({className:l,styles:c,mediaQuery:e.getMaxWidthQueryForSize("small",r)}):"";return[u,S,m].join(" ")}}});function k(t,s,n,r,a,i){const c=o.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("v-if",!0)}const p=e._export_sfc(h,[["render",k],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=p;

package/lib/{browser/block-styles.8d24c282.js → edge/block-styles.ff4e7cca.js}

@@ -1,7 +1,5 @@
-import "./style.css";
 import { defineComponent as k, resolveComponent as y, openBlock as f, createBlock as x, createCommentVNode as b } from "vue";
-import { I as B, T as g, g as m, c as d, a as _, b as u, _ as v } from "./index.62a4dd7e.js";
-import { c as r } from "./css.c99b7535.js";
+import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.e6d5cab7.js";
 const C = k({
   name: "block-styles",
   components: { InlinedStyles: B },
@@ -11,7 +9,7 @@ const C = k({
   },
   computed: {
     canShowBlock() {
-      const t = m({
+      const t = d({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -19,11 +17,11 @@ const C = k({
         context: this.context.context,
         shouldEvaluateBindings: !0
       });
-      return d(t.hide) ? !t.hide : d(t.show) ? t.show : !0;
+      return u(t.hide) ? !t.hide : u(t.show) ? t.show : !0;
     },
     css() {
       var i;
-      const t = m({
+      const t = d({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -35,25 +33,25 @@ const C = k({
       ), a = e == null ? void 0 : e.large, l = e == null ? void 0 : e.medium, s = e == null ? void 0 : e.small, n = t.id;
       if (!n)
         return "";
-      const p = a ? r({
+      const S = a ? r({
         className: n,
         styles: a
-      }) : "", S = l ? r({
+      }) : "", p = l ? r({
         className: n,
         styles: l,
-        mediaQuery: u(
+        mediaQuery: m(
           "medium",
           c
         )
       }) : "", h = s ? r({
         className: n,
         styles: s,
-        mediaQuery: u(
+        mediaQuery: m(
           "small",
           c
         )
       }) : "";
-      return [p, S, h].join(" ");
+      return [S, p, h].join(" ");
     }
   }
 });
@@ -64,7 +62,7 @@ function w(t, e, o, c, a, l) {
     styles: t.css
   }, null, 8, ["styles"])) : b("v-if", !0);
 }
-const I = /* @__PURE__ */ v(C, [["render", w], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);
+const $ = /* @__PURE__ */ v(C, [["render", w], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);
 export {
-  I as default
+  $ as default
 };

package/lib/edge/block-wrapper.7680c30d.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.d45ba61d.cjs"),n=require("./index.0a0c8c92.cjs"),c=()=>Promise.resolve().then(()=>require("./index.0a0c8c92.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,u,m){const r=t.resolveComponent("dynamic-renderer");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],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=s;

package/lib/{browser/block-wrapper.c5dfbc00.js → edge/block-wrapper.e888bded.js}

@@ -1,9 +1,7 @@
-import "./style.css";
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as p, renderSlot as i } from "vue";
-import { g as s, a as l } from "./get-block-actions.351bce86.js";
-import { _ as m } from "./index.62a4dd7e.js";
-import "./css.c99b7535.js";
-const d = () => import("./dynamic-renderer.72e99722.js").then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties.72a3dc12.js";
+import { _ as m } from "./index.e6d5cab7.js";
+const d = () => import("./index.e6d5cab7.js").then((e) => e.H).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e
@@ -39,7 +37,7 @@ function k(e, b, f, y, g, S) {
     _: 3
   }, 8, ["TagName", "attributes", "actionAttributes"]);
 }
-const v = /* @__PURE__ */ m(u, [["render", k], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);
+const A = /* @__PURE__ */ m(u, [["render", k], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);
 export {
-  v as default
+  A as default
 };

package/lib/edge/blocks/button/button.types.d.ts

@@ -1,4 +1,5 @@
-export interface ButtonProps {
+import type { BuilderLinkComponentProp } from '../../types/builder-props.js';
+export interface ButtonProps extends BuilderLinkComponentProp {
     attributes?: any;
     text?: string;
     link?: string;

package/lib/edge/blocks/button/button.vue.d.ts

@@ -4,17 +4,21 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     link?: any;
     attributes?: any;
     openLinkInNewTab?: any;
+    builderLinkComponent?: any;
 }>, unknown, {
+    getClassPropName: () => "className" | "class";
     filterAttrs: typeof filterAttrs;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     text?: any;
     link?: any;
     attributes?: any;
     openLinkInNewTab?: any;
+    builderLinkComponent?: any;
 }>>>, {
     readonly text?: any;
     readonly link?: any;
     readonly attributes?: any;
     readonly openLinkInNewTab?: any;
+    readonly builderLinkComponent?: any;
 }, {}>;
 export default _default;

package/lib/edge/blocks/columns/columns.types.d.ts

@@ -1,13 +1,13 @@
 import type { BuilderBlock } from '../../types/builder-block.js';
-import type { BuilderComponentsProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
+    link?: string;
 };
 type StackColumnsAt = 'tablet' | 'mobile' | 'never';
-export interface ColumnProps extends BuilderComponentsProp {
+export interface ColumnProps extends BuilderComponentsProp, BuilderLinkComponentProp {
     columns?: Column[];
-    builderBlock: BuilderBlock;
     space?: number;
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;

package/lib/edge/blocks/columns/columns.vue.d.ts

@@ -1,21 +1,25 @@
 import type { SizeName } from "../../constants/device-sizes.js";
+import { mapStyleObjToStrIfNeeded } from "../../functions/get-style.js";
 import type { Dictionary } from "../../types/typescript.js";
 type CSSVal = string | number;
 declare const _default: import("vue").DefineComponent<Readonly<{
     builderContext?: any;
+    builderLinkComponent?: any;
     columns?: any;
     builderBlock?: any;
     builderComponents?: any;
-    js?: any;
     space?: any;
     stackColumnsAt?: any;
     reverseColumnsWhenStacked?: any;
+    js?: any;
 }>, unknown, {
     gutterSize: number;
     cols: any;
     stackAt: any;
     flexDir: string;
     TARGET: import("../../types/targets").Target;
+    getClassPropName: () => "className" | "class";
+    mapStyleObjToStrIfNeeded: typeof mapStyleObjToStrIfNeeded;
 }, {
     columnsCssVars(): Dictionary<string>;
     columnsStyles(): string;
@@ -34,21 +38,23 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     getWidthForBreakpointSize(size: SizeName): number;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     builderContext?: any;
+    builderLinkComponent?: any;
     columns?: any;
     builderBlock?: any;
     builderComponents?: any;
-    js?: any;
     space?: any;
     stackColumnsAt?: any;
     reverseColumnsWhenStacked?: any;
+    js?: any;
 }>>>, {
     readonly builderContext?: any;
+    readonly builderLinkComponent?: any;
     readonly columns?: any;
     readonly builderBlock?: any;
     readonly builderComponents?: any;
-    readonly js?: any;
     readonly space?: any;
     readonly stackColumnsAt?: any;
     readonly reverseColumnsWhenStacked?: any;
+    readonly js?: any;
 }, {}>;
 export default _default;

package/lib/edge/blocks/symbol/symbol.types.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderContent } from '../../types/builder-content.js';
-import type { BuilderComponentsProp } from '../../types/builder-props.js';
+import type { BuilderComponentsProp, BuilderLinkComponentProp } from '../../types/builder-props.js';
 interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -8,7 +8,7 @@ interface SymbolInfo {
     inline?: boolean;
     dynamic?: boolean;
 }
-export interface SymbolProps extends BuilderComponentsProp {
+export interface SymbolProps extends BuilderComponentsProp, BuilderLinkComponentProp {
     symbol?: SymbolInfo;
     dataOnly?: boolean;
     dynamic?: boolean;

package/lib/edge/blocks/symbol/symbol.vue.d.ts

@@ -3,6 +3,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     symbol?: any;
     builderContext?: any;
     attributes?: any;
+    builderLinkComponent?: any;
     builderBlock?: any;
     builderComponents?: any;
     js?: any;
@@ -21,6 +22,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     symbol?: any;
     builderContext?: any;
     attributes?: any;
+    builderLinkComponent?: any;
     builderBlock?: any;
     builderComponents?: any;
     js?: any;
@@ -29,6 +31,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly symbol?: any;
     readonly builderContext?: any;
     readonly attributes?: any;
+    readonly builderLinkComponent?: any;
     readonly builderBlock?: any;
     readonly builderComponents?: any;
     readonly js?: any;

package/lib/edge/{component-ref.c15b3af0.js → component-ref.0085cff9.js}

@@ -1,7 +1,6 @@
-import { defineComponent as m, openBlock as r, createBlock as l, resolveDynamicComponent as u, mergeProps as k, withCtx as d, renderSlot as P, resolveComponent as g, normalizeProps as B, createElementBlock as C, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
-import { _ as f, B as S, w as W } from "./index.6b56947b.js";
-import { g as R, a as b } from "./get-block-actions.4687c8f3.js";
-import "./css.d221cd8e.js";
+import { defineComponent as m, openBlock as r, createBlock as i, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as v, resolveComponent as P, normalizeProps as g, createElementBlock as B, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
+import { _ as f, B as S, w as W } from "./index.e6d5cab7.js";
+import { g as R, a as b } from "./get-block-properties.72a3dc12.js";
 const I = m({
   name: "interactive-element",
   props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
@@ -9,8 +8,8 @@ const I = m({
     return { getBlockActions: R, getBlockProperties: b };
   }
 });
-function E(e, o, p, c, t, s) {
-  return r(), l(u(e.Wrapper), k({
+function E(e, o, p, s, t, c) {
+  return r(), i(k(e.Wrapper), u({
     attributes: e.includeBlockProps ? {
       ...e.getBlockProperties({
         block: e.block,
@@ -26,31 +25,31 @@ function E(e, o, p, c, t, s) {
     } : {}
   }, e.wrapperProps), {
     default: d(() => [
-      P(e.$slots, "default")
+      v(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["attributes"]);
 }
-const i = /* @__PURE__ */ f(I, [["render", E], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]), y = ({
+const a = /* @__PURE__ */ f(I, [["render", E], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]), y = ({
   componentOptions: e,
   builderBlock: o,
   context: p,
-  componentRef: c,
+  componentRef: s,
   includeBlockProps: t,
-  isInteractive: s,
-  contextValue: a
+  isInteractive: c,
+  contextValue: l
 }) => {
   const n = {
     ...e,
     ...t ? {
       attributes: b({
         block: o,
-        context: a
+        context: l
       })
     } : {}
   };
-  return s ? {
-    Wrapper: c,
+  return c ? {
+    Wrapper: s,
     block: o,
     context: p,
     wrapperProps: e,
@@ -58,50 +57,53 @@ const i = /* @__PURE__ */ f(I, [["render", E], ["__file", "/home/runner/work/bui
   } : n;
 }, A = m({
   name: "component-ref",
-  components: { Block: S, InteractiveElement: i },
+  components: { Block: S, InteractiveElement: a },
   props: [
     "isInteractive",
     "componentRef",
     "componentOptions",
     "builderBlock",
     "context",
+    "linkComponent",
     "includeBlockProps",
     "blockChildren",
     "registeredComponents"
   ],
   data() {
     return {
-      Wrapper: this.isInteractive ? W(i) : this.componentRef,
+      Wrapper: this.isInteractive ? W(a) : this.componentRef,
       getWrapperProps: y
     };
   }
 });
-function O(e, o, p, c, t, s) {
-  const a = g("block");
-  return e.componentRef ? (r(), l(u(e.Wrapper), B(k(
+function O(e, o, p, s, t, c) {
+  const l = P("block");
+  return e.componentRef ? (r(), i(k(e.Wrapper), g(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), C($, null, h(e.blockChildren, (n, v) => (r(), l(a, {
+      (r(!0), B($, null, h(e.blockChildren, (n, C) => (r(), i(l, {
         key: n.id,
         block: n,
         context: e.context,
-        registeredComponents: e.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128))
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
     ]),
     _: 1
   }, 16)) : w("v-if", !0);
 }
-const L = /* @__PURE__ */ f(A, [["render", O], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
+const F = /* @__PURE__ */ f(A, [["render", O], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
 export {
-  L as default
+  F as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.0a0c8c92.cjs"),a=require("./get-block-properties.d45ba61d.cjs"),u=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,p,s,n,l){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 k=c._export_sfc(u,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),b=({componentOptions:e,builderBlock:t,context:p,componentRef:s,includeBlockProps:n,isInteractive:l,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return l?{Wrapper:s,block:t,context:p,wrapperProps:e,includeBlockProps:n}:r},f=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:k},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(k):this.componentRef,getWrapperProps:b}}});function B(e,t,p,s,n,l){const i=o.resolveComponent("block");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,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(r,m)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(f,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;

package/lib/edge/components/block/block.vue.d.ts

@@ -4,11 +4,13 @@ export type BlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
+    linkComponent: any;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
     registeredComponents?: any;
+    linkComponent?: any;
 }>, unknown, {
     childrenContext: any;
 }, {
@@ -23,18 +25,21 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         componentRef: any;
         componentOptions: any;
         context: any;
+        linkComponent: any;
         registeredComponents: any;
         builderBlock: any;
         includeBlockProps: boolean;
         isInteractive: boolean;
     };
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
     registeredComponents?: any;
+    linkComponent?: any;
 }>>>, {
-    readonly block?: any;
     readonly context?: any;
+    readonly block?: any;
     readonly registeredComponents?: any;
+    readonly linkComponent?: any;
 }, {}>;
 export default _default;

package/lib/edge/components/block/components/block-styles.vue.d.ts

@@ -5,18 +5,18 @@ export type BlockStylesProps = {
     context: BuilderContextInterface;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
 }>, unknown, {
     TARGET: import("../../../types/targets.js").Target;
 }, {
     canShowBlock(): boolean;
     css(): string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
 }>>>, {
-    readonly block?: any;
     readonly context?: any;
+    readonly block?: any;
 }, {}>;
 export default _default;

package/lib/edge/components/block/components/block-wrapper.vue.d.ts

@@ -4,19 +4,19 @@ import { getBlockProperties } from "../../../functions/get-block-properties.js";
  * This component renders a block's wrapper HTML element (from the block's `tagName` property).
  */
 declare const _default: import("vue").DefineComponent<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
     Wrapper?: any;
 }>, unknown, {
     getBlockActions: typeof getBlockActions;
     getBlockProperties: typeof getBlockProperties;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
     Wrapper?: any;
 }>>>, {
-    readonly block?: any;
     readonly context?: any;
+    readonly block?: any;
     readonly Wrapper?: any;
 }, {}>;
 export default _default;

package/lib/edge/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -14,6 +14,7 @@ export interface ComponentProps {
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
+    linkComponent: any;
     builderBlock: BuilderBlock;
     includeBlockProps: boolean;
     isInteractive: boolean | undefined;
@@ -23,8 +24,7 @@ export declare const getWrapperProps: ({ componentOptions, builderBlock, context
 }) => InteractiveElementProps | {
     attributes?: {
         'builder-id': string | undefined;
-        style: string | Partial<CSSStyleDeclaration> | undefined;
-        class: string;
+        style: string | Partial<CSSStyleDeclaration>;
         href: any;
     } | {
         [index: string]: any;

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

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     blockChildren?: any;
     componentRef?: any;
     componentOptions?: any;
+    linkComponent?: any;
     builderBlock?: any;
     isInteractive?: any;
 }>, unknown, {
@@ -15,8 +16,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     }) => import("../interactive-element.vue").InteractiveElementProps | {
         attributes?: {
             'builder-id': string | undefined;
-            style: string | Partial<CSSStyleDeclaration> | undefined;
-            class: string;
+            style: string | Partial<CSSStyleDeclaration>;
             href: any;
         } | {
             [index: string]: any;
@@ -31,6 +31,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     blockChildren?: any;
     componentRef?: any;
     componentOptions?: any;
+    linkComponent?: any;
     builderBlock?: any;
     isInteractive?: any;
 }>>>, {
@@ -40,6 +41,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly blockChildren?: any;
     readonly componentRef?: any;
     readonly componentOptions?: any;
+    readonly linkComponent?: any;
     readonly builderBlock?: any;
     readonly isInteractive?: any;
 }, {}>;

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

@@ -11,8 +11,8 @@ export type InteractiveElementProps = {
     includeBlockProps: boolean;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
     wrapperProps?: any;
     includeBlockProps?: any;
     Wrapper?: any;
@@ -20,14 +20,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     getBlockActions: typeof getBlockActions;
     getBlockProperties: typeof getBlockProperties;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
     wrapperProps?: any;
     includeBlockProps?: any;
     Wrapper?: any;
 }>>>, {
-    readonly block?: any;
     readonly context?: any;
+    readonly block?: any;
     readonly wrapperProps?: any;
     readonly includeBlockProps?: any;
     readonly Wrapper?: any;