@builder.io/sdk-vue 2.0.0 → 2.0.2

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

@@ -0,0 +1 @@
+var b=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),t=require("./index-5K25vfnv.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 p=i?t.createCssClass({className:n,styles:i}):"",k=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[p,k,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/browser/{block-styles-cVSrkWog.js → block-styles-sZJR1URf.js}

@@ -1,9 +1,9 @@
 import "./style.css";
-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-pDvo-fub.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---sv1Dmc.js";
 const N = g({
   name: "block-styles",
-  components: { InlinedStyles: $ },
+  components: { InlinedStyles: _ },
   props: ["block", "context"],
   data() {
     return { TARGET: T };
@@ -29,33 +29,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,
@@ -75,13 +75,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 F = /* @__PURE__ */ I(N, [["render", z]]);
 export {

package/lib/browser/{block-wrapper-maIbj8Gi.js → block-wrapper-ody6Sxkr.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-AuDiFohY.js";
-import { f as m } from "./index-pDvo-fub.js";
-const d = () => import("./index-pDvo-fub.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-O0W_2V2s.js";
+import { f as m } from "./index---sv1Dmc.js";
+const d = () => import("./index---sv1Dmc.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/browser/{block-wrapper-WsC3tXV8.cjs → block-wrapper-qFFX6RFF.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-0QNsXkZI.cjs"),n=require("./index-7PcQ3One.cjs"),c=()=>Promise.resolve().then(()=>require("./index-7PcQ3One.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-trq7EGpq.cjs"),n=require("./index-5K25vfnv.cjs"),c=()=>Promise.resolve().then(()=>require("./index-5K25vfnv.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/{component-ref-da6lIO9c.cjs → component-ref-DSNF4azA.cjs}

@@ -1 +1 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-7PcQ3One.cjs"),a=require("./get-block-properties-0QNsXkZI.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;
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-5K25vfnv.cjs"),a=require("./get-block-properties-trq7EGpq.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/browser/{component-ref-1N_Kijok.js → component-ref-rf4-wS3o.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 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-pDvo-fub.js";
-import { a as b, g as R } from "./get-block-properties-AuDiFohY.js";
+import { f, B as W, w } from "./index---sv1Dmc.js";
+import { a as b, g as R } from "./get-block-properties-O0W_2V2s.js";
 const x = m({
   name: "interactive-element",
   props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],

package/lib/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/constants/sdk-version.d.ts

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

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

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

package/lib/browser/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/browser/{get-block-properties-AuDiFohY.js → get-block-properties-O0W_2V2s.js}

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

package/lib/browser/{get-block-properties-0QNsXkZI.cjs → get-block-properties-trq7EGpq.cjs}

@@ -1 +1 @@
-var d=require("./style.css");const a=require("./index-7PcQ3One.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-5K25vfnv.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-pDvo-fub.js → index---sv1Dmc.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-sZJR1URf.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-ody6Sxkr.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-rf4-wS3o.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-4hDqPbdf.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: []
 });
@@ -1156,12 +1159,14 @@ const Sn = f({
       // images, otherwise you can supply this prop manually
       !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
         return this.srcset;
-      if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
-        if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), re(t);
-      } else if (this.image && !this.srcset)
+      if (!this.noWebp) {
+        if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
+          if (!this.srcset.includes(this.image.split("?")[0]))
+            return console.debug("Removed given srcset"), re(t);
+        } else if (this.image && !this.srcset)
+          return re(t);
         return re(t);
-      return re(t);
+      }
     },
     webpSrcSet() {
       var e;
@@ -1222,7 +1227,7 @@ function In(e, t, n, o, r, i) {
     ])) : v("", !0)
   ], 64);
 }
-const $n = /* @__PURE__ */ b(Sn, [["render", In], ["__scopeId", "data-v-0d528855"]]), Rn = f({
+const $n = /* @__PURE__ */ b(Sn, [["render", In], ["__scopeId", "data-v-ce62b8d6"]]), Rn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -3593,11 +3598,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 +3929,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.2", Be = {};
 function _r(e, t) {
   let n = Be[e];
   if (n || (n = Be[e] = []), n.push(t), T()) {
@@ -4451,7 +4457,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 +4477,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,
@@ -4513,6 +4520,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
   props: [
     "content",
     "customComponents",
+    "model",
     "data",
     "locale",
     "context",
@@ -4521,7 +4529,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     "apiVersion",
     "blocksWrapper",
     "blocksWrapperProps",
-    "model",
+    "nonce",
     "enrich",
     "showContent",
     "contentWrapper",
@@ -4532,7 +4540,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     "linkComponent"
   ],
   data() {
-    var e, t;
+    var e, t, n, o;
     return {
       scriptStr: $r({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -4542,13 +4550,13 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
       }),
       registeredComponents: [
         ...we(),
-        ...this.customComponents || []
+        ...((n = this.customComponents) == null ? void 0 : n.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
       ].reduce(
-        (n, { component: o, ...r }) => ({
-          ...n,
-          [r.name]: {
-            component: fi(o),
-            ...de(r)
+        (r, { component: i, ...s }) => ({
+          ...r,
+          [s.name]: {
+            component: fi(i),
+            ...de(s)
           }
         }),
         {}
@@ -4571,17 +4579,18 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
         apiVersion: this.apiVersion,
         componentInfos: [
           ...we(),
-          ...this.customComponents || []
+          ...((o = this.customComponents) == null ? void 0 : o.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
         ].reduce(
-          (n, { component: o, ...r }) => ({
-            ...n,
-            [r.name]: de(r)
+          (r, { component: i, ...s }) => ({
+            ...r,
+            [s.name]: de(s)
           }),
           {}
         ),
         inheritedStyles: {},
         BlocksWrapper: this.blocksWrapper || "div",
-        BlocksWrapperProps: this.blocksWrapperProps || {}
+        BlocksWrapperProps: this.blocksWrapperProps || {},
+        nonce: this.nonce || ""
       },
       TARGET: A
     };
@@ -4603,6 +4612,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 +4633,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 +4653,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 +4666,7 @@ const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
     "canTrack",
     "content",
     "isNestedRender",
+    "nonce",
     "model",
     "data",
     "context",
@@ -4682,8 +4695,6 @@ const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
   },
   mounted() {
   },
-  updated() {
-  },
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
@@ -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 = {};