@builder.io/sdk-vue 2.0.28 → 2.0.29

package/lib/browser/{index-InL0mFtx.js → index-kI_vPJeb.js}

@@ -450,7 +450,7 @@ const Ce = "builder.", Jt = "options.", Fe = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Fe(e);
-}, De = "2.0.28", Le = () => ({
+}, De = "2.0.29", Le = () => ({
   "X-Builder-SDK": R,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": De
@@ -1227,22 +1227,22 @@ const Wn = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Mn = () => import("./block-styles-6qY_TBFM.js").then((e) => e.default).catch((e) => {
+}), Mn = () => import("./block-styles-sDAdmEJM.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Hn = () => import("./block-wrapper-3wYQPVms.js").then((e) => e.default).catch((e) => {
+}), Hn = () => import("./block-wrapper-xFO-VLSm.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), jn = () => import("./component-ref-xP2Elmh1.js").then((e) => e.default).catch((e) => {
+}), jn = () => import("./component-ref-SgAsKv83.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), Kn = () => import("./repeated-block-h6wP7nUB.js").then((e) => e.default).catch((e) => {
+}), Kn = () => import("./repeated-block-iaodALqW.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1413,8 +1413,8 @@ const be = /* @__PURE__ */ b(qn, [["render", zn]]), Li = /* @__PURE__ */ Object.
   props: [
     "blocks",
     "classNameProp",
-    "parent",
     "path",
+    "parent",
     "styleProp",
     "BlocksWrapperProps",
     "BlocksWrapper"
@@ -1429,6 +1429,12 @@ const be = /* @__PURE__ */ b(qn, [["render", zn]]), Li = /* @__PURE__ */ Object.
         (e = this.blocks) != null && e.length ? "" : "no-blocks",
         this.classNameProp
       ].filter(Boolean).join(" ");
+    },
+    dataPath() {
+      if (!this.path)
+        return;
+      const e = "component.options.";
+      return this.path.startsWith(e) ? this.path : `${e}${this.path || ""}`;
     }
   },
   methods: {
@@ -1439,7 +1445,7 @@ const be = /* @__PURE__ */ b(qn, [["render", zn]]), Li = /* @__PURE__ */ Object.
           type: "builder.clickEmptyBlocks",
           data: {
             parentElementId: this.parent,
-            dataPath: this.path
+            dataPath: this.dataPath
           }
         },
         "*"
@@ -1452,7 +1458,7 @@ const be = /* @__PURE__ */ b(qn, [["render", zn]]), Li = /* @__PURE__ */ Object.
           type: "builder.hoverEmptyBlocks",
           data: {
             parentElementId: this.parent,
-            dataPath: this.path
+            dataPath: this.dataPath
           }
         },
         "*"
@@ -1464,7 +1470,7 @@ function Gn(e, t, n, o, r, i) {
   return d(), k(H(e.BlocksWrapper), C({
     ref: "blocksWrapperRef",
     class: e.className + " component-1k2igrjdg3x",
-    "builder-path": e.path,
+    "builder-path": e.dataPath,
     "builder-parent-id": e.parent,
     style: e.styleProp,
     onClick: (s) => e.onClick(),
@@ -1477,7 +1483,7 @@ function Gn(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Yn = /* @__PURE__ */ b(Jn, [["render", Gn], ["__scopeId", "data-v-e241e088"]]), Xn = f({
+const Yn = /* @__PURE__ */ b(Jn, [["render", Gn], ["__scopeId", "data-v-ba2bc5c0"]]), Xn = f({
   name: "builder-blocks",
   components: { BlocksWrapper: Yn, Block: be },
   props: [
@@ -1748,7 +1754,7 @@ function ro(e, t, n, o, r, i) {
     }, {
       default: W(() => [
         $(l, {
-          path: `component.options.columns.${c}.blocks`,
+          path: `columns.${c}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1763,7 +1769,7 @@ function ro(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const io = /* @__PURE__ */ b(oo, [["render", ro], ["__scopeId", "data-v-f68a6aa7"]]), so = f({
+const io = /* @__PURE__ */ b(oo, [["render", ro], ["__scopeId", "data-v-3354f136"]]), so = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -2154,8 +2160,10 @@ function Io(e, t, n, o, r, i) {
         class: q(e.getAccordionTitleClassName(a)),
         style: F({
           ...e.accordionTitleStyles,
-          width: e.grid ? e.gridRowWidth : void 0,
-          order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
+          ...e.grid && {
+            width: e.gridRowWidth,
+            order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
+          }
         }),
         "data-index": a,
         onClick: (u) => e.onClick(a)
@@ -2852,7 +2860,7 @@ function Mo(e, t, n, o, r, i) {
       }, [
         $(s, {
           parent: e.builderBlock.id,
-          path: `component.options.tabs.${a}.label`,
+          path: `tabs.${a}.label`,
           blocks: l.label,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
@@ -2863,7 +2871,7 @@ function Mo(e, t, n, o, r, i) {
     e.activeTabContent(e.activeTab) ? (d(), m("div", Uo, [
       $(s, {
         parent: e.builderBlock.id,
-        path: `component.options.tabs.${e.activeTab}.content`,
+        path: `tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
         context: e.builderContext,
         registeredComponents: e.builderComponents,

package/lib/browser/index.cjs

@@ -1 +1 @@
-var t=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-xPtbXnZX.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+var t=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-6aZwZO3-.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { n as a, j as r, k as o, C as i, o as n, F as c, I as g, S as m, l, m as u, V as d, z as p, r as C, y as B, A as E, D as S, u as f, p as h, q as x, s as b, t as k, x as y, v as P } from "./index-InL0mFtx.js";
+import { n as a, j as r, k as o, C as i, o as n, F as c, I as g, S as m, l, m as u, V as d, z as p, r as C, y as B, A as E, D as S, u as f, p as h, q as x, s as b, t as k, x as y, v as P } from "./index-kI_vPJeb.js";
 export {
   a as Blocks,
   r as BuilderContext,

package/lib/browser/{repeated-block-h6wP7nUB.js → repeated-block-iaodALqW.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as c } from "vue";
-import { j as s, e as l } from "./index-InL0mFtx.js";
-const i = () => import("./index-InL0mFtx.js").then((o) => o.G).then((o) => o.default).catch((o) => {
+import { j as s, e as l } from "./index-kI_vPJeb.js";
+const i = () => import("./index-kI_vPJeb.js").then((o) => o.G).then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     o

package/lib/browser/{repeated-block-ICKJlLUh.cjs → repeated-block-uIkcGKQC.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-xPtbXnZX.cjs"),r=()=>Promise.resolve().then(()=>require("./index-xPtbXnZX.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,m,a,d){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]]);exports.default=l;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-6aZwZO3-.cjs"),r=()=>Promise.resolve().then(()=>require("./index-6aZwZO3-.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,m,a,d){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]]);exports.default=l;

package/lib/browser/style.css

@@ -1 +1 @@
-.component-1k2igrjdg3x[data-v-e241e088]{display:flex;flex-direction:column;align-items:stretch}.div-4wbls88y960[data-v-f68a6aa7]{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}
+.component-1k2igrjdg3x[data-v-ba2bc5c0]{display:flex;flex-direction:column;align-items:stretch}.div-4wbls88y960[data-v-3354f136]{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/lib/edge/{awaiter-54l-bppu.cjs → awaiter-48RvRkNd.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index--uXyZwlg.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-MhoX9uwg.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;

package/lib/edge/{awaiter-hAyK-uXB.js → awaiter-Q7B7gBgW.js}

@@ -1,5 +1,5 @@
 import { defineComponent as t, renderSlot as o } from "vue";
-import { e as r } from "./index-uWdUvOrU.js";
+import { e as r } from "./index-A2oFnyUY.js";
 const n = t({
   name: "awaiter",
   props: [],

package/lib/edge/{block-styles-DQQzKxS2.js → block-styles-9MQCNPvC.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, resolveComponent as g, openBlock as $, createBlock as v, createCommentVNode as B } from "vue";
-import { _, T, c as h, g as w, a as l, b as k, d as I, e as N } from "./index-uWdUvOrU.js";
+import { _, T, c as h, g as w, a as l, b as k, d as I, e as N } from "./index-A2oFnyUY.js";
 const z = C({
   name: "block-styles",
   components: { InlinedStyles: _ },

package/lib/edge/{block-styles-gYcphkPV.cjs → block-styles-XIg11tMX.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index--uXyZwlg.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-MhoX9uwg.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/edge/{block-wrapper-tTIzEleC.js → block-wrapper-e7g10ccQ.js}

@@ -1,7 +1,7 @@
 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-A2Pw1eVE.js";
-import { e as m } from "./index-uWdUvOrU.js";
-const d = () => import("./index-uWdUvOrU.js").then((e) => e.E).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-JvBYR7T2.js";
+import { e as m } from "./index-A2oFnyUY.js";
+const d = () => import("./index-A2oFnyUY.js").then((e) => e.E).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

package/lib/edge/{block-wrapper-MiIe7noC.cjs → block-wrapper-tsLeR9cJ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-mpbl9Lr0.cjs"),n=require("./index--uXyZwlg.cjs"),c=()=>Promise.resolve().then(()=>require("./index--uXyZwlg.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-QZcs-Zmy.cjs"),n=require("./index-MhoX9uwg.cjs"),c=()=>Promise.resolve().then(()=>require("./index-MhoX9uwg.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/edge/{component-ref-UwiRkPk2.cjs → component-ref-HqIppl2q.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index--uXyZwlg.cjs"),a=require("./get-block-properties-mpbl9Lr0.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-54l-bppu.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),d=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["includeBlockProps","block","context","Wrapper","wrapperProps"],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 f(e,n,s,l,r,i){const o=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(o,{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.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))}const m=c._export_sfc(d,[["render",f]]),b=({componentOptions:e,builderBlock:n,context:s,componentRef:l,includeBlockProps:r,isInteractive:i,contextValue:o})=>{const p={...e,...r?{attributes:a.getBlockProperties({block:n,context:o})}:{}};return i?{Wrapper:l,block:n,context:s,wrapperProps:e,includeBlockProps:r}:p},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:b}}});function C(e,n,s,l,r,i){const o=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,(p,k)=>(t.openBlock(),t.createBlock(o,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const h=c._export_sfc(B,[["render",C]]);exports.default=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-MhoX9uwg.cjs"),a=require("./get-block-properties-QZcs-Zmy.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-48RvRkNd.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),d=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["includeBlockProps","block","context","Wrapper","wrapperProps"],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 f(e,n,s,l,r,i){const o=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(o,{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.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))}const m=c._export_sfc(d,[["render",f]]),b=({componentOptions:e,builderBlock:n,context:s,componentRef:l,includeBlockProps:r,isInteractive:i,contextValue:o})=>{const p={...e,...r?{attributes:a.getBlockProperties({block:n,context:o})}:{}};return i?{Wrapper:l,block:n,context:s,wrapperProps:e,includeBlockProps:r}:p},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:b}}});function C(e,n,s,l,r,i){const o=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,(p,k)=>(t.openBlock(),t.createBlock(o,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const h=c._export_sfc(B,[["render",C]]);exports.default=h;

package/lib/edge/{component-ref-kz3Obd_4.js → component-ref-RDssOT9Y.js}

@@ -1,7 +1,7 @@
 import { defineComponent as d, defineAsyncComponent as P, resolveComponent as k, openBlock as o, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as f, mergeProps as b, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as W } from "vue";
-import { e as h, B as S, w as y } from "./index-uWdUvOrU.js";
-import { a as C, g as A } from "./get-block-properties-A2Pw1eVE.js";
-const R = () => import("./awaiter-hAyK-uXB.js").then((e) => e.default).catch((e) => {
+import { e as h, B as S, w as y } from "./index-A2oFnyUY.js";
+import { a as C, g as A } from "./get-block-properties-JvBYR7T2.js";
+const R = () => import("./awaiter-Q7B7gBgW.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     e

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

@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     BlocksWrapper?: any;
 }>, unknown, unknown, {
     className(): string;
+    dataPath(): any;
 }, {
     onClick(): void;
     onMouseEnter(): void;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.28";
+export declare const SDK_VERSION = "2.0.29";

package/lib/edge/{get-block-properties-A2Pw1eVE.js → get-block-properties-JvBYR7T2.js}

@@ -1,4 +1,4 @@
-import { f as n, T as c, h as i, i as l } from "./index-uWdUvOrU.js";
+import { f as n, T as c, h as i, i as l } from "./index-A2oFnyUY.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => n({
   code: e,
   context: t.context,

package/lib/edge/{get-block-properties-mpbl9Lr0.cjs → get-block-properties-QZcs-Zmy.cjs}

@@ -1 +1 @@
-"use strict";const s=require("./index--uXyZwlg.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 f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(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=p;
+"use strict";const s=require("./index-MhoX9uwg.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 f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(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=p;

package/lib/edge/{index-uWdUvOrU.js → index-A2oFnyUY.js}

@@ -2932,7 +2932,7 @@ const Tr = "builder.", ji = "options.", Kr = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return Kr(e);
-}, qr = "2.0.28", Gr = () => ({
+}, qr = "2.0.29", Gr = () => ({
   "X-Builder-SDK": ae,
   "X-Builder-SDK-GEN": "2",
   "X-Builder-SDK-Version": qr
@@ -3709,22 +3709,22 @@ const bs = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Is = () => import("./block-styles-DQQzKxS2.js").then((e) => e.default).catch((e) => {
+}), Is = () => import("./block-styles-9MQCNPvC.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), xs = () => import("./block-wrapper-tTIzEleC.js").then((e) => e.default).catch((e) => {
+}), xs = () => import("./block-wrapper-e7g10ccQ.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), Rs = () => import("./component-ref-kz3Obd_4.js").then((e) => e.default).catch((e) => {
+}), Rs = () => import("./component-ref-RDssOT9Y.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), As = () => import("./repeated-block-ssAazECV.js").then((e) => e.default).catch((e) => {
+}), As = () => import("./repeated-block-luW_-FNb.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -3895,8 +3895,8 @@ const Dn = /* @__PURE__ */ N($s, [["render", Ps]]), Cu = /* @__PURE__ */ Object.
   props: [
     "blocks",
     "classNameProp",
-    "parent",
     "path",
+    "parent",
     "styleProp",
     "BlocksWrapperProps",
     "BlocksWrapper"
@@ -3911,6 +3911,12 @@ const Dn = /* @__PURE__ */ N($s, [["render", Ps]]), Cu = /* @__PURE__ */ Object.
         (e = this.blocks) != null && e.length ? "" : "no-blocks",
         this.classNameProp
       ].filter(Boolean).join(" ");
+    },
+    dataPath() {
+      if (!this.path)
+        return;
+      const e = "component.options.";
+      return this.path.startsWith(e) ? this.path : `${e}${this.path || ""}`;
     }
   },
   methods: {
@@ -3921,7 +3927,7 @@ const Dn = /* @__PURE__ */ N($s, [["render", Ps]]), Cu = /* @__PURE__ */ Object.
           type: "builder.clickEmptyBlocks",
           data: {
             parentElementId: this.parent,
-            dataPath: this.path
+            dataPath: this.dataPath
           }
         },
         "*"
@@ -3934,7 +3940,7 @@ const Dn = /* @__PURE__ */ N($s, [["render", Ps]]), Cu = /* @__PURE__ */ Object.
           type: "builder.hoverEmptyBlocks",
           data: {
             parentElementId: this.parent,
-            dataPath: this.path
+            dataPath: this.dataPath
           }
         },
         "*"
@@ -3946,7 +3952,7 @@ function js(e, t, n, r, o, i) {
   return y(), D(at(e.BlocksWrapper), G({
     ref: "blocksWrapperRef",
     class: e.className + " component-1k2igrjdg3x",
-    "builder-path": e.path,
+    "builder-path": e.dataPath,
     "builder-parent-id": e.parent,
     style: e.styleProp,
     onClick: (s) => e.onClick(),
@@ -3959,7 +3965,7 @@ function js(e, t, n, r, o, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Bs = /* @__PURE__ */ N(Os, [["render", js], ["__scopeId", "data-v-e241e088"]]), Ns = j({
+const Bs = /* @__PURE__ */ N(Os, [["render", js], ["__scopeId", "data-v-ba2bc5c0"]]), Ns = j({
   name: "builder-blocks",
   components: { BlocksWrapper: Bs, Block: Dn },
   props: [
@@ -4230,7 +4236,7 @@ function Hs(e, t, n, r, o, i) {
     }, {
       default: Te(() => [
         ie(u, {
-          path: `component.options.columns.${h}.blocks`,
+          path: `columns.${h}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -4245,7 +4251,7 @@ function Hs(e, t, n, r, o, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Ks = /* @__PURE__ */ N(Ls, [["render", Hs], ["__scopeId", "data-v-f68a6aa7"]]), qs = j({
+const Ks = /* @__PURE__ */ N(Ls, [["render", Hs], ["__scopeId", "data-v-3354f136"]]), qs = j({
   name: "builder-fragment-component",
   props: []
 });
@@ -4636,8 +4642,10 @@ function ua(e, t, n, r, o, i) {
         class: dt(e.getAccordionTitleClassName(p)),
         style: Ae({
           ...e.accordionTitleStyles,
-          width: e.grid ? e.gridRowWidth : void 0,
-          order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(p) : e.convertOrderNumberToString(p + 1)
+          ...e.grid && {
+            width: e.gridRowWidth,
+            order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(p) : e.convertOrderNumberToString(p + 1)
+          }
         }),
         "data-index": p,
         onClick: (g) => e.onClick(p)
@@ -5334,7 +5342,7 @@ function Ea(e, t, n, r, o, i) {
       }, [
         ie(s, {
           parent: e.builderBlock.id,
-          path: `component.options.tabs.${p}.label`,
+          path: `tabs.${p}.label`,
           blocks: u.label,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
@@ -5345,7 +5353,7 @@ function Ea(e, t, n, r, o, i) {
     e.activeTabContent(e.activeTab) ? (y(), T("div", Ta, [
       ie(s, {
         parent: e.builderBlock.id,
-        path: `component.options.tabs.${e.activeTab}.content`,
+        path: `tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
         context: e.builderContext,
         registeredComponents: e.builderComponents,