@builder.io/sdk-vue 2.0.0 → 2.0.1

package/lib/browser/{index-pDvo-fub.js → index-zc0i09p9.js}

@@ -112,7 +112,8 @@ const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), ce = {
     componentInfos: {},
     inheritedStyles: {},
     BlocksWrapper: "div",
-    BlocksWrapperProps: {}
+    BlocksWrapperProps: {},
+    nonce: ""
   },
   key: wt
 }, Tt = Symbol(), Ae = {
@@ -595,22 +596,22 @@ const Ht = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Qt = () => import("./block-styles-cVSrkWog.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./block-styles-svOVzDaV.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;
-}), Xt = () => import("./block-wrapper-maIbj8Gi.js").then((e) => e.default).catch((e) => {
+}), Xt = () => import("./block-wrapper-KGQI5yrU.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;
-}), Zt = () => import("./component-ref-1N_Kijok.js").then((e) => e.default).catch((e) => {
+}), Zt = () => import("./component-ref-k5NF2o_L.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;
-}), _t = () => import("./repeated-block-nP-Etgd7.js").then((e) => e.default).catch((e) => {
+}), _t = () => import("./repeated-block-BxE-FBVv.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -876,11 +877,12 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
   render() {
     return xe("style", {
       innerHTML: this.styles,
-      "data-id": this.id
+      "data-id": this.id,
+      nonce: this.nonce
     });
   },
   name: "inlined-styles",
-  props: ["styles", "id"]
+  props: ["styles", "id", "nonce"]
 }), Ke = {
   small: {
     min: 320,
@@ -1066,8 +1068,9 @@ function hn(e, t, n, o, r, i) {
     e.TARGET !== "reactNative" ? (d(), k(s, {
       key: 0,
       id: "builderio-columns",
-      styles: e.columnsStyles()
-    }, null, 8, ["styles"])) : v("", !0),
+      styles: e.columnsStyles(),
+      nonce: e.builderContext.nonce
+    }, null, 8, ["styles", "nonce"])) : v("", !0),
     (d(!0), p(I, null, N(e.columns, (h, c) => (d(), k(a, {
       key: c,
       TagName: e.getTagName(h),
@@ -1091,7 +1094,7 @@ function hn(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-5320212d"]]), bn = f({
+const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-975347d5"]]), bn = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -3593,11 +3596,12 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   render() {
     return xe("script", {
       innerHTML: this.scriptStr,
-      "data-id": this.id
+      "data-id": this.id,
+      nonce: this.nonce
     });
   },
   name: "inlined-script",
-  props: ["scriptStr", "id"]
+  props: ["scriptStr", "id", "nonce"]
 });
 function Rr() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
@@ -3923,7 +3927,7 @@ function lt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || Xr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const Zr = "2.0.0", Be = {};
+const Zr = "2.0.1", Be = {};
 function _r(e, t) {
   let n = Be[e];
   if (n || (n = Be[e] = []), n.push(t), T()) {
@@ -4451,7 +4455,7 @@ function li(e, t, n, o, r, i) {
 const ci = /* @__PURE__ */ b(ai, [["render", li]]), di = f({
   name: "content-styles",
   components: { InlinedStyles: be },
-  props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
+  props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
@@ -4471,8 +4475,9 @@ function ui(e, t, n, o, r, i) {
   const s = g("InlinedStyles");
   return d(), k(s, {
     id: "builderio-content",
-    styles: e.injectedStyles
-  }, null, 8, ["styles"]);
+    styles: e.injectedStyles,
+    nonce: e.nonce
+  }, null, 8, ["styles", "nonce"]);
 }
 const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
   content: e,
@@ -4521,6 +4526,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     "apiVersion",
     "blocksWrapper",
     "blocksWrapperProps",
+    "nonce",
     "model",
     "enrich",
     "showContent",
@@ -4581,7 +4587,8 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
         ),
         inheritedStyles: {},
         BlocksWrapper: this.blocksWrapper || "div",
-        BlocksWrapperProps: this.blocksWrapperProps || {}
+        BlocksWrapperProps: this.blocksWrapperProps || {},
+        nonce: this.nonce || ""
       },
       TARGET: A
     };
@@ -4603,6 +4610,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
 function gi(e, t, n, o, r, i) {
   const s = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
   return d(), k(u, C({
+    nonce: e.nonce,
     content: e.content,
     data: e.data,
     model: e.model,
@@ -4623,15 +4631,17 @@ function gi(e, t, n, o, r, i) {
         e.isSsrAbTest ? (d(), k(s, {
           key: 0,
           id: "builderio-variant-visibility",
-          scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : v("", !0),
+          scriptStr: e.scriptStr,
+          nonce: e.nonce || ""
+        }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
         e.TARGET !== "reactNative" ? (d(), k(l, {
           key: 1,
+          nonce: e.nonce || "",
           isNestedRender: e.isNestedRender,
           contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
           cssCode: (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.cssCode,
           customFonts: (y = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : y.customFonts
-        }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
+        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
         $(a, {
           blocks: (X = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : X.blocks,
           context: e.builderContextSignal,
@@ -4641,7 +4651,7 @@ function gi(e, t, n, o, r, i) {
       ];
     }),
     _: 1
-  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
+  }, 16, ["nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
 const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
   name: "content-variants",
@@ -4654,6 +4664,7 @@ const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
     "canTrack",
     "content",
     "isNestedRender",
+    "nonce",
     "model",
     "data",
     "context",
@@ -4716,20 +4727,24 @@ function vi(e, t, n, o, r, i) {
     !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
       key: 0,
       id: "builderio-init-variants-fns",
-      scriptStr: e.getInitVariantsFnsScriptString()
-    }, null, 8, ["scriptStr"])) : v("", !0),
+      scriptStr: e.getInitVariantsFnsScriptString(),
+      nonce: e.nonce || ""
+    }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
     e.shouldRenderVariants ? (d(), p(I, { key: 1 }, [
       $(l, {
         id: "builderio-variants",
-        styles: e.hideVariantsStyleString
-      }, null, 8, ["styles"]),
+        styles: e.hideVariantsStyleString,
+        nonce: e.nonce || ""
+      }, null, 8, ["styles", "nonce"]),
       $(s, {
         id: "builderio-variants-visibility",
-        scriptStr: e.updateCookieAndStylesScriptStr
-      }, null, 8, ["scriptStr"]),
+        scriptStr: e.updateCookieAndStylesScriptStr,
+        nonce: e.nonce || ""
+      }, null, 8, ["scriptStr", "nonce"]),
       (d(!0), p(I, null, N(e.getVariants(e.content), (u, h) => (d(), k(a, {
         key: u.testVariationId,
         isNestedRender: e.isNestedRender,
+        nonce: e.nonce,
         content: u,
         showContent: !1,
         model: e.model,
@@ -4748,9 +4763,10 @@ function vi(e, t, n, o, r, i) {
         contentWrapper: e.contentWrapper,
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
-      }, null, 8, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
+      }, null, 8, ["isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : v("", !0),
     $(a, C({
+      nonce: e.nonce,
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4772,7 +4788,7 @@ function vi(e, t, n, o, r, i) {
       trustedHosts: e.trustedHosts
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
+    }), null, 16, ["nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
 const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
@@ -4858,6 +4874,7 @@ function Ti(e, t, n, o, r, i) {
   const s = g("ContentVariants");
   return d(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     $(s, {
+      nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -4877,7 +4894,7 @@ function Ti(e, t, n, o, r, i) {
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,
       contentWrapper: e.contentWrapper
-    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
+    }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
 const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), Ee = {};

package/lib/browser/index.cjs

@@ -1 +1 @@
-var t=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7PcQ3One.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-5WrmkFk4.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 { o as a, k as r, l as o, C as i, p as n, F as c, I as g, S as m, m as l, n as u, V as d, A as p, s as C, z as E, D as B, E as S, v as f, q as h, r as x, t as b, u as k, y, x as P } from "./index-pDvo-fub.js";
+import { o as a, k as r, l as o, C as i, p as n, F as c, I as g, S as m, m as l, n as u, V as d, A as p, s as C, z as E, D as B, E as S, v as f, q as h, r as x, t as b, u as k, y, x as P } from "./index-zc0i09p9.js";
 export {
   a as Blocks,
   r as BuilderContext,

package/lib/browser/{repeated-block-nP-Etgd7.js → repeated-block-BxE-FBVv.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 { k as s, f as l } from "./index-pDvo-fub.js";
-const i = () => import("./index-pDvo-fub.js").then((o) => o.H).then((o) => o.default).catch((o) => {
+import { k as s, f as l } from "./index-zc0i09p9.js";
+const i = () => import("./index-zc0i09p9.js").then((o) => o.H).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-Z2UnXIU-.cjs → repeated-block-U8EfEnWl.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-7PcQ3One.cjs"),r=()=>Promise.resolve().then(()=>require("./index-7PcQ3One.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-5WrmkFk4.cjs"),r=()=>Promise.resolve().then(()=>require("./index-5WrmkFk4.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-178o76acnws[data-v-a5b13ef9]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-5320212d]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-0d528855]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-0d528855]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-0d528855]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3i4ezorcfhi[data-v-489330f7]{padding:10px;color:red;text-align:center}
+.component-178o76acnws[data-v-a5b13ef9]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-975347d5]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-0d528855]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-0d528855]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-0d528855]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3i4ezorcfhi[data-v-489330f7]{padding:10px;color:red;text-align:center}

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

@@ -10,3 +10,6 @@ export type BuilderComponentsProp = {
 export type BuilderLinkComponentProp = {
     builderLinkComponent?: any;
 };
+export type BuilderNonceProp = {
+    nonce: string;
+};

package/lib/edge/{block-styles--vY4nPqp.js → block-styles-F04q1oh7.js}

@@ -1,8 +1,8 @@
-import { defineComponent as g, resolveComponent as B, openBlock as v, createBlock as C, createCommentVNode as _ } from "vue";
-import { _ as $, T, g as p, c as y, a as w, b as l, d as k, e as E, f as I } from "./index-OtE_7PIE.js";
+import { defineComponent as g, resolveComponent as B, openBlock as v, createBlock as C, createCommentVNode as $ } from "vue";
+import { _, T, g as p, c as y, a as w, b as c, d as k, e as E, f as I } from "./index-Hw76nggP.js";
 const N = g({
   name: "block-styles",
-  components: { InlinedStyles: $ },
+  components: { InlinedStyles: _ },
   props: ["block", "context"],
   data() {
     return { TARGET: T };
@@ -28,33 +28,33 @@ const N = g({
         rootSetState: this.context.rootSetState,
         context: this.context.context,
         shouldEvaluateBindings: !0
-      }), e = t.responsiveStyles, n = this.context.content, c = w(
+      }), e = t.responsiveStyles, n = this.context.content, l = w(
         ((S = n == null ? void 0 : n.meta) == null ? void 0 : S.breakpoints) || {}
       ), r = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, a = e == null ? void 0 : e.small, o = t.id;
       if (!o)
         return "";
-      const f = r ? l({
+      const f = r ? c({
         className: o,
         styles: r
-      }) : "", x = i ? l({
+      }) : "", x = i ? c({
         className: o,
         styles: i,
         mediaQuery: k(
           "medium",
-          c
+          l
         )
-      }) : "", b = a ? l({
+      }) : "", b = a ? c({
         className: o,
         styles: a,
         mediaQuery: k(
           "small",
-          c
+          l
         )
       }) : "", s = t.animations && t.animations.find((d) => d.trigger === "hover");
       let m = "";
       if (s) {
         const d = ((h = (u = s.steps) == null ? void 0 : u[1]) == null ? void 0 : h.styles) || {};
-        m = l({
+        m = c({
           className: `${o}:hover`,
           styles: {
             ...d,
@@ -74,13 +74,14 @@ const N = g({
     }
   }
 });
-function z(t, e, n, c, r, i) {
+function z(t, e, n, l, r, i) {
   const a = B("InlinedStyles");
   return t.TARGET !== "reactNative" && t.css && t.canShowBlock ? (v(), C(a, {
     key: 0,
     id: "builderio-block",
-    styles: t.css
-  }, null, 8, ["styles"])) : _("", !0);
+    styles: t.css,
+    nonce: t.context.nonce
+  }, null, 8, ["styles", "nonce"])) : $("", !0);
 }
 const D = /* @__PURE__ */ I(N, [["render", z]]);
 export {

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),t=require("./index-kEvRBdly.cjs"),f=c.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 m,h,y;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}),s=e.responsiveStyles,a=this.context.content,r=t.getSizesForBreakpoints(((m=a==null?void 0:a.meta)==null?void 0:m.breakpoints)||{}),i=s==null?void 0:s.large,d=s==null?void 0:s.medium,l=s==null?void 0:s.small,n=e.id;if(!n)return"";const k=i?t.createCssClass({className:n,styles:i}):"",p=d?t.createCssClass({className:n,styles:d,mediaQuery:t.getMaxWidthQueryForSize("medium",r)}):"",C=l?t.createCssClass({className:n,styles:l,mediaQuery:t.getMaxWidthQueryForSize("small",r)}):"",o=e.animations&&e.animations.find(u=>u.trigger==="hover");let S="";if(o){const u=((y=(h=o.steps)==null?void 0:h[1])==null?void 0:y.styles)||{};S=t.createCssClass({className:`${n}:hover`,styles:{...u,transition:`all ${o.duration}s ${t.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[k,p,C,S].join(" ")}}});function g(e,s,a,r,i,d){const l=c.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(c.openBlock(),c.createBlock(l,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):c.createCommentVNode("",!0)}const x=t._export_sfc(f,[["render",g]]);exports.default=x;

package/lib/edge/{block-wrapper-JdVK1HVZ.js → block-wrapper-8j2OMXf0.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-hYo7UjjZ.js";
-import { f as m } from "./index-OtE_7PIE.js";
-const d = () => import("./index-OtE_7PIE.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-aLqPRHin.js";
+import { f as m } from "./index-Hw76nggP.js";
+const d = () => import("./index-Hw76nggP.js").then((e) => e.G).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/{node/block-wrapper-TveOxTSb.cjs → edge/block-wrapper-ai3_EF77.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-inIHDjNu.cjs"),n=require("./index-QFbjU7Zd.cjs"),c=()=>Promise.resolve().then(()=>require("./index-QFbjU7Zd.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-T-X8E9sU.cjs"),n=require("./index-kEvRBdly.cjs"),c=()=>Promise.resolve().then(()=>require("./index-kEvRBdly.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/{node/component-ref-N8Z1onkW.cjs → edge/component-ref-adfadHtQ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-QFbjU7Zd.cjs"),a=require("./get-block-properties-inIHDjNu.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],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 d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},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:f}}});function b(e,o,p,s,n,i){const l=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,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-kEvRBdly.cjs"),a=require("./get-block-properties-T-X8E9sU.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],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 d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},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:f}}});function b(e,o,p,s,n,i){const l=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,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;

package/lib/{node/component-ref-KnwCIp0k.js → edge/component-ref-okii_K_0.js}

@@ -1,6 +1,6 @@
 import { defineComponent as m, openBlock as r, createBlock as a, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as h, resolveComponent as B, normalizeProps as P, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as S } from "vue";
-import { f, B as W, w } from "./index-EVLuO1iu.js";
-import { a as b, g as R } from "./get-block-properties-Xr5L4Okr.js";
+import { f, B as W, w } from "./index-Hw76nggP.js";
+import { a as b, g as R } from "./get-block-properties-aLqPRHin.js";
 const x = m({
   name: "interactive-element",
   props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],

package/lib/edge/components/content/components/enable-editor.vue.d.ts

@@ -32,6 +32,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
             inheritedStyles: {};
             BlocksWrapper: string;
             BlocksWrapperProps: {};
+            nonce: string;
         };
         key: symbol;
     };

package/lib/edge/components/content/components/styles.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
+    nonce?: any;
     contentId?: any;
     cssCode?: any;
     customFonts?: any;
@@ -6,11 +7,13 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }>, unknown, {
     injectedStyles: string;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    nonce?: any;
     contentId?: any;
     cssCode?: any;
     customFonts?: any;
     isNestedRender?: any;
 }>>>, {
+    readonly nonce?: any;
     readonly contentId?: any;
     readonly cssCode?: any;
     readonly customFonts?: any;

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

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     content?: any;
     apiKey?: any;
     apiVersion?: any;
+    nonce?: any;
     canTrack?: any;
     linkComponent?: any;
     locale?: any;
@@ -39,6 +40,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         inheritedStyles: {};
         BlocksWrapper: any;
         BlocksWrapperProps: any;
+        nonce: any;
     };
     TARGET: import("../../types/targets").Target;
 }, {}, {
@@ -49,6 +51,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     content?: any;
     apiKey?: any;
     apiVersion?: any;
+    nonce?: any;
     canTrack?: any;
     linkComponent?: any;
     locale?: any;
@@ -69,6 +72,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly content?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly nonce?: any;
     readonly canTrack?: any;
     readonly linkComponent?: any;
     readonly locale?: any;

package/lib/edge/components/content-variants/content-variants.types.d.ts

@@ -68,4 +68,8 @@ export interface ContentVariantsPrps {
      * List of hosts to allow editing content from.
      */
     trustedHosts?: string[];
+    /**
+     * A CSP nonce to use for the SDK's inlined `<script>` and `<style>` tags.
+     */
+    nonce?: string;
 }

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

@@ -4,6 +4,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     content?: any;
     apiKey?: any;
     apiVersion?: any;
+    nonce?: any;
     canTrack?: any;
     linkComponent?: any;
     locale?: any;
@@ -54,6 +55,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     content?: any;
     apiKey?: any;
     apiVersion?: any;
+    nonce?: any;
     canTrack?: any;
     linkComponent?: any;
     locale?: any;
@@ -72,6 +74,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly content?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly nonce?: any;
     readonly canTrack?: any;
     readonly linkComponent?: any;
     readonly locale?: any;

package/lib/edge/components/inlined-script.vue.d.ts

@@ -1,10 +1,13 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
+    nonce?: any;
     id?: any;
     scriptStr?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    nonce?: any;
     id?: any;
     scriptStr?: any;
 }>>>, {
+    readonly nonce?: any;
     readonly id?: any;
     readonly scriptStr?: any;
 }, {}>;

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

@@ -1,10 +1,13 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
+    nonce?: any;
     styles?: any;
     id?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    nonce?: any;
     styles?: any;
     id?: any;
 }>>>, {
+    readonly nonce?: any;
     readonly styles?: any;
     readonly id?: any;
 }, {}>;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.0";
+export declare const SDK_VERSION = "2.0.1";

package/lib/edge/context/builder.context.d.ts

@@ -11,6 +11,7 @@ declare const _default: {
         inheritedStyles: {};
         BlocksWrapper: string;
         BlocksWrapperProps: {};
+        nonce: string;
     };
     key: symbol;
 };

package/lib/edge/context/types.d.ts

@@ -33,5 +33,6 @@ export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'Block
     apiVersion: ApiVersion | undefined;
     componentInfos: Dictionary<ComponentInfo>;
     inheritedStyles: Record<string, unknown>;
+    nonce: string;
     canTrack?: boolean;
 }

package/lib/edge/{get-block-properties-dww-G4lx.cjs → get-block-properties-T-X8E9sU.cjs}

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

package/lib/edge/{get-block-properties-hYo7UjjZ.js → get-block-properties-aLqPRHin.js}

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