@builder.io/sdk-vue 2.0.26 → 2.0.28

package/lib/browser/{awaiter-vuM8zQLf.js → awaiter-uzRVzcZ6.js}

@@ -1,6 +1,6 @@
 import "./style.css";
 import { defineComponent as t, renderSlot as o } from "vue";
-import { e as r } from "./index-0riickyt.js";
+import { e as r } from "./index-InL0mFtx.js";
 const n = t({
   name: "awaiter",
   props: [],

package/lib/browser/{awaiter-a3wvmfgP.cjs → awaiter-zCZ9DAMz.cjs}

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

package/lib/browser/{block-styles-n4l-jUSQ.js → block-styles-6qY_TBFM.js}

@@ -1,6 +1,6 @@
 import "./style.css";
 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-0riickyt.js";
+import { _, T, c as h, g as w, a as l, b as k, d as I, e as N } from "./index-InL0mFtx.js";
 const z = C({
   name: "block-styles",
   components: { InlinedStyles: _ },

package/lib/browser/{block-styles-kJHBzLSK.cjs → block-styles-rFxKY8To.cjs}

@@ -1 +1 @@
-var v=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-mN28DUmZ.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,r=this.context.content,a=s.getSizesForBreakpoints(((y=r==null?void 0:r.meta)==null?void 0:y.breakpoints)||{}),i=t==null?void 0:t.large,d=t==null?void 0:t.medium,c=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=c?s.createCssClass({className:n,styles:c,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,r,a,i,d){const c=l.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(l.openBlock(),l.createBlock(c,{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;
+var v=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),s=require("./index-xPtbXnZX.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,r=this.context.content,a=s.getSizesForBreakpoints(((y=r==null?void 0:r.meta)==null?void 0:y.breakpoints)||{}),i=t==null?void 0:t.large,d=t==null?void 0:t.medium,c=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=c?s.createCssClass({className:n,styles:c,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,r,a,i,d){const c=l.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(l.openBlock(),l.createBlock(c,{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/browser/{block-wrapper-s8-kAmNG.js → block-wrapper-3wYQPVms.js}

@@ -1,8 +1,8 @@
 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-W8HK92DF.js";
-import { e as m } from "./index-0riickyt.js";
-const d = () => import("./index-0riickyt.js").then((e) => e.E).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-F4OIxBfF.js";
+import { e as m } from "./index-InL0mFtx.js";
+const d = () => import("./index-InL0mFtx.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/browser/{block-wrapper-ctT8deUt.cjs → block-wrapper-uWJvqmnk.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-pZHbg-st.cjs"),n=require("./index-mN28DUmZ.cjs"),c=()=>Promise.resolve().then(()=>require("./index-mN28DUmZ.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;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-UMUMlzuS.cjs"),n=require("./index-xPtbXnZX.cjs"),c=()=>Promise.resolve().then(()=>require("./index-xPtbXnZX.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/blocks/columns/columns.vue.d.ts

@@ -12,13 +12,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     builderBlock?: any;
     builderLinkComponent?: any;
 }>, unknown, {
-    gutterSize: number;
-    cols: any;
-    stackAt: any;
-    flexDir: string;
     TARGET: import("../../types/targets").Target;
     getColumnsClass: (id?: string | undefined) => string;
-}, {}, {
+}, {
+    gutterSize(): number;
+    cols(): any;
+    stackAt(): any;
+    flexDir(): "column" | "row" | "column-reverse";
+}, {
     getTagName(column: Column): any;
     getWidth(index: number): any;
     getColumnCssWidth(index: number): string;

package/lib/browser/{component-ref-xouuKyIf.cjs → component-ref-hBhFYTso.cjs}

@@ -1 +1 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-mN28DUmZ.cjs"),a=require("./get-block-properties-pZHbg-st.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-a3wvmfgP.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,i,r,l){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:i,includeBlockProps:r,isInteractive:l,contextValue:o})=>{const p={...e,...r?{attributes:a.getBlockProperties({block:n,context:o})}:{}};return l?{Wrapper:i,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,i,r,l){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;
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-xPtbXnZX.cjs"),a=require("./get-block-properties-UMUMlzuS.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-zCZ9DAMz.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,i,r,l){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:i,includeBlockProps:r,isInteractive:l,contextValue:o})=>{const p={...e,...r?{attributes:a.getBlockProperties({block:n,context:o})}:{}};return l?{Wrapper:i,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,i,r,l){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/browser/{component-ref-gRCzH9eX.js → component-ref-xP2Elmh1.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 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-0riickyt.js";
-import { a as C, g as A } from "./get-block-properties-W8HK92DF.js";
-const R = () => import("./awaiter-vuM8zQLf.js").then((e) => e.default).catch((e) => {
+import { e as h, B as S, w as y } from "./index-InL0mFtx.js";
+import { a as C, g as A } from "./get-block-properties-F4OIxBfF.js";
+const R = () => import("./awaiter-uzRVzcZ6.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     e

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

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

package/lib/browser/functions/evaluate/node-runtime/setIvm.d.ts

@@ -0,0 +1 @@
+export { setIvm } from './node-runtime';

package/lib/browser/{get-block-properties-W8HK92DF.js → get-block-properties-F4OIxBfF.js}

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

package/lib/browser/{get-block-properties-pZHbg-st.cjs → get-block-properties-UMUMlzuS.cjs}

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

package/lib/browser/{index-0riickyt.js → index-InL0mFtx.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.26", Le = () => ({
+}, De = "2.0.28", 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-n4l-jUSQ.js").then((e) => e.default).catch((e) => {
+}), Mn = () => import("./block-styles-6qY_TBFM.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-s8-kAmNG.js").then((e) => e.default).catch((e) => {
+}), Hn = () => import("./block-wrapper-3wYQPVms.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-gRCzH9eX.js").then((e) => e.default).catch((e) => {
+}), jn = () => import("./component-ref-xP2Elmh1.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-jXsbtR-B.js").then((e) => e.default).catch((e) => {
+}), Kn = () => import("./repeated-block-h6wP7nUB.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1605,14 +1605,21 @@ const G = /* @__PURE__ */ b(Zn, [["render", _n]]), eo = /* @__PURE__ */ Object.f
     "builderComponents"
   ],
   data() {
-    return {
-      gutterSize: typeof this.space == "number" ? this.space || 0 : 20,
-      cols: this.columns || [],
-      stackAt: this.stackColumnsAt || "tablet",
-      flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: R,
-      getColumnsClass: no
-    };
+    return { TARGET: R, getColumnsClass: no };
+  },
+  computed: {
+    gutterSize() {
+      return typeof this.space == "number" ? this.space || 0 : 20;
+    },
+    cols() {
+      return this.columns || [];
+    },
+    stackAt() {
+      return this.stackColumnsAt || "tablet";
+    },
+    flexDir() {
+      return this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
+    }
   },
   methods: {
     getTagName(e) {
@@ -1756,7 +1763,7 @@ function ro(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const io = /* @__PURE__ */ b(oo, [["render", ro], ["__scopeId", "data-v-adc066fc"]]), so = f({
+const io = /* @__PURE__ */ b(oo, [["render", ro], ["__scopeId", "data-v-f68a6aa7"]]), so = f({
   name: "builder-fragment-component",
   props: []
 });