@builder.io/sdk-vue 1.0.15 → 1.0.16

package/lib/browser/{block-styles-T4pQN2_K.js → block-styles-6TCYHFhw.js}

@@ -1,12 +1,12 @@
 import "./style.css";
-import { defineComponent as k, resolveComponent as y, openBlock as x, createBlock as f, createCommentVNode as B } from "vue";
-import { _, T as b, g as d, c as m, a as g, b as r, d as S, e as C } from "./index-4mbHsvBx.js";
+import { defineComponent as k, resolveComponent as y, openBlock as x, createBlock as f, createCommentVNode as b } from "vue";
+import { _ as B, T as _, g as d, c as m, a as g, b as r, d as S, e as C } from "./index-JoCrt5Mj.js";
 const v = k({
   name: "block-styles",
-  components: { InlinedStyles: _ },
+  components: { InlinedStyles: B },
   props: ["block", "context"],
   data() {
-    return { TARGET: b };
+    return { TARGET: _ };
   },
   computed: {
     canShowBlock() {
@@ -60,8 +60,9 @@ function T(t, e, o, c, a, l) {
   const s = y("inlined-styles");
   return t.TARGET !== "reactNative" && t.css && t.canShowBlock ? (x(), f(s, {
     key: 0,
+    id: "builderio-block",
     styles: t.css
-  }, null, 8, ["styles"])) : B("", !0);
+  }, null, 8, ["styles"])) : b("", !0);
 }
 const z = /* @__PURE__ */ C(v, [["render", T]]);
 export {

package/lib/browser/block-styles-Ms1wQqgK.cjs

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

package/lib/browser/{block-wrapper-BS6H_HBW.cjs → block-wrapper-8w1ok_04.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-WeCTcMri.cjs"),n=require("./index-Knuxd6qK.cjs"),c=()=>Promise.resolve().then(()=>require("./index-Knuxd6qK.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("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]]);exports.default=s;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-znBNJG9m.cjs"),n=require("./index-ZID1XPKY.cjs"),c=()=>Promise.resolve().then(()=>require("./index-ZID1XPKY.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("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]]);exports.default=s;

package/lib/browser/{block-wrapper-kApw6sWf.js → block-wrapper-TDrSjeun.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-7bc31nNM.js";
-import { e as m } from "./index-4mbHsvBx.js";
-const d = () => import("./index-4mbHsvBx.js").then((e) => e.E).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-swAAqr5Q.js";
+import { e as m } from "./index-JoCrt5Mj.js";
+const d = () => import("./index-JoCrt5Mj.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/{component-ref-T_Bt-NXH.js → component-ref-3TnMqFsh.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as m, openBlock as r, createBlock as l, resolveDynamicComponent as k, mergeProps as d, withCtx as u, renderSlot as P, resolveComponent as B, normalizeProps as g, createElementBlock as $, Fragment as v, renderList as S, createCommentVNode as W } from "vue";
-import { e as f, B as h, w } from "./index-4mbHsvBx.js";
-import { g as R, a as b } from "./get-block-properties-7bc31nNM.js";
+import { e as f, B as h, w } from "./index-JoCrt5Mj.js";
+import { g as R, a as b } from "./get-block-properties-swAAqr5Q.js";
 const I = m({
   name: "interactive-element",
   props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],

package/lib/browser/{component-ref-J4lTvF63.cjs → component-ref-piWtyJuS.cjs}

@@ -1 +1 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),p=require("./index-Knuxd6qK.cjs"),a=require("./get-block-properties-WeCTcMri.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,c,l,n,s){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 m=p._export_sfc(u,[["render",d]]),B=({componentOptions:e,builderBlock:t,context:c,componentRef:l,includeBlockProps:n,isInteractive:s,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return s?{Wrapper:l,block:t,context:c,wrapperProps:e,includeBlockProps:n}:r},f=o.defineComponent({name:"component-ref",components:{Block:p.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?p.wrapComponentRef(m):this.componentRef,getWrapperProps:B}}});function b(e,t,c,l,n,s){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,k)=>(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("",!0)}const C=p._export_sfc(f,[["render",b]]);exports.default=C;
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),p=require("./index-ZID1XPKY.cjs"),a=require("./get-block-properties-znBNJG9m.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,c,l,n,s){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 m=p._export_sfc(u,[["render",d]]),B=({componentOptions:e,builderBlock:t,context:c,componentRef:l,includeBlockProps:n,isInteractive:s,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return s?{Wrapper:l,block:t,context:c,wrapperProps:e,includeBlockProps:n}:r},f=o.defineComponent({name:"component-ref",components:{Block:p.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?p.wrapComponentRef(m):this.componentRef,getWrapperProps:B}}});function b(e,t,c,l,n,s){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,k)=>(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("",!0)}const C=p._export_sfc(f,[["render",b]]);exports.default=C;

package/lib/browser/components/content-variants/content-variants.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }>, unknown, {
     shouldRenderVariants: boolean;
     TARGET: import("../../types/targets.js").Target;
-    getScriptString: () => string;
+    getInitVariantsFnsScriptString: () => string;
     getVariants: (content: import("../../helpers/nullable.js").Nullable<import("../../server-index.js").BuilderContent>) => {
         testVariationId: string | undefined;
         id: string | undefined;

package/lib/browser/components/content-variants/helpers.d.ts

@@ -32,7 +32,7 @@ type VariantData = {
     id: string;
     testRatio?: number;
 };
-export declare const getScriptString: () => string;
+export declare const getInitVariantsFnsScriptString: () => string;
 export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
 export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {
     variationId: string;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.15";
+export declare const SDK_VERSION = "1.0.16";

package/lib/browser/{get-block-properties-7bc31nNM.js → get-block-properties-swAAqr5Q.js}

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

package/lib/browser/{get-block-properties-WeCTcMri.cjs → get-block-properties-znBNJG9m.cjs}

@@ -1 +1 @@
-var d=require("./style.css");const a=require("./index-Knuxd6qK.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,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:a.getStyle({block:e,context:t}),[a.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 a=require("./index-ZID1XPKY.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,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:a.getStyle({block:e,context:t}),[a.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-4mbHsvBx.js → index-JoCrt5Mj.js}

@@ -591,22 +591,22 @@ const Lt = ({
     },
     block: o
   }));
-}, Dt = () => import("./block-styles-T4pQN2_K.js").then((e) => e.default).catch((e) => {
+}, Dt = () => import("./block-styles-6TCYHFhw.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;
-}), jt = () => import("./block-wrapper-kApw6sWf.js").then((e) => e.default).catch((e) => {
+}), jt = () => import("./block-wrapper-TDrSjeun.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;
-}), Ht = () => import("./component-ref-T_Bt-NXH.js").then((e) => e.default).catch((e) => {
+}), Ht = () => import("./component-ref-3TnMqFsh.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;
-}), Kt = () => import("./repeated-block-yWT-i8YN.js").then((e) => e.default).catch((e) => {
+}), Kt = () => import("./repeated-block-0mjIhErN.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -858,7 +858,10 @@ function Xt(e, t, n, o, s, r) {
 }
 const Z = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
   render() {
-    return Re("style", { id: this.id, innerHTML: this.styles });
+    return Re("style", {
+      innerHTML: this.styles,
+      "data-id": this.id
+    });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
@@ -1035,6 +1038,7 @@ function en(e, t, n, o, s, r) {
   }, {}), [
     e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
+      id: "builderio-columns",
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : v("", !0),
     (u(!0), h($, null, L(e.columns, (c, m) => (u(), g(l, {
@@ -1066,7 +1070,7 @@ function en(e, t, n, o, s, r) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const tn = /* @__PURE__ */ y(_t, [["render", en], ["__scopeId", "data-v-d0d8b675"]]), nn = f({
+const tn = /* @__PURE__ */ y(_t, [["render", en], ["__scopeId", "data-v-4eaba73b"]]), nn = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -2998,7 +3002,10 @@ const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
     "${t}", "${e}", ${Ge}
   )`, Ye = f({
   render() {
-    return Re("script", { id: this.id, innerHTML: this.scriptStr });
+    return Re("script", {
+      innerHTML: this.scriptStr,
+      "data-id": this.id
+    });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
@@ -3320,7 +3327,7 @@ function nt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || vs).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const Cs = "1.0.15", Ie = {};
+const Cs = "1.0.16", Ie = {};
 function ws(e, t) {
   let n = Ie[e];
   if (n || (n = Ie[e] = []), n.push(t), I()) {
@@ -3872,7 +3879,10 @@ ${xs(this.isNestedRender)}
 });
 function Ws(e, t, n, o, s, r) {
   const i = k("inlined-styles");
-  return u(), g(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+  return u(), g(i, {
+    id: "builderio-content",
+    styles: e.injectedStyles
+  }, null, 8, ["styles"]);
 }
 const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
   content: e,
@@ -4021,6 +4031,7 @@ function Ms(e, t, n, o, s, r) {
       return [
         e.isSsrAbTest ? (u(), g(i, {
           key: 0,
+          id: "builderio-variant-visibility",
           scriptStr: e.scriptStr
         }, null, 8, ["scriptStr"])) : v("", !0),
         e.TARGET !== "reactNative" ? (u(), g(a, {
@@ -4074,7 +4085,7 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), js = f({
         content: this.content
       }),
       TARGET: V,
-      getScriptString: Go,
+      getInitVariantsFnsScriptString: Go,
       getVariants: G
     };
   },
@@ -4108,23 +4119,26 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), js = f({
   }
 });
 function Hs(e, t, n, o, s, r) {
-  var c;
   const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
   return u(), h($, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
-      scriptStr: e.getScriptString()
+      id: "builderio-init-variants-fns",
+      scriptStr: e.getInitVariantsFnsScriptString()
     }, null, 8, ["scriptStr"])) : v("", !0),
     e.shouldRenderVariants ? (u(), h($, { key: 1 }, [
       x(a, {
-        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
+        id: "builderio-variants",
         styles: e.hideVariantsStyleString
-      }, null, 8, ["id", "styles"]),
-      x(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (u(!0), h($, null, L(e.getVariants(e.content), (m, d) => (u(), g(l, {
-        key: m.testVariationId,
+      }, null, 8, ["styles"]),
+      x(i, {
+        id: "builderio-variants-visibility",
+        scriptStr: e.updateCookieAndStylesScriptStr
+      }, null, 8, ["scriptStr"]),
+      (u(!0), h($, null, L(e.getVariants(e.content), (c, m) => (u(), g(l, {
+        key: c.testVariationId,
         isNestedRender: e.isNestedRender,
-        content: m,
+        content: c,
         showContent: !1,
         model: e.model,
         data: e.data,