@builder.io/sdk-qwik 0.16.0 → 0.16.2

package/lib/node/index.qwik.cjs

@@ -853,7 +853,10 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     ], "p0.styles"),
     "data-id": qwik._fnSignal((p0) => p0.id, [
       props
-    ], "p0.id")
+    ], "p0.id"),
+    nonce: qwik._fnSignal((p0) => p0.nonce, [
+      props
+    ], "p0.nonce")
   }, null, 3, "NG_0");
 }, "InlinedStyles_component_IOsg46hMexk"));
 const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -938,8 +941,14 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
       get styles() {
         return css.value;
       },
+      get nonce() {
+        return props.context.nonce;
+      },
       [qwik._IMMUTABLE]: {
         id: qwik._IMMUTABLE,
+        nonce: qwik._fnSignal((p0) => p0.context.nonce, [
+          props
+        ], "p0.context.nonce"),
         styles: qwik._fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1800,8 +1809,14 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
     /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
       id: "builderio-columns",
       styles: columnsStyles(props, state),
+      get nonce() {
+        return props.builderContext.nonce;
+      },
       [qwik._IMMUTABLE]: {
-        id: qwik._IMMUTABLE
+        id: qwik._IMMUTABLE,
+        nonce: qwik._fnSignal((p0) => p0.builderContext.nonce, [
+          props
+        ], "p0.builderContext.nonce")
       }
     }, 3, "c0_0"),
     (props.columns || []).map((column, index) => {
@@ -1928,6 +1943,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     // images, otherwise you can supply this prop manually
     !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/)))
       return props2.srcset;
+    if (props2.noWebp)
+      return void 0;
     if (props2.srcset && ((_a2 = props2.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
       if (!props2.srcset.includes(props2.image.split("?")[0])) {
         console.debug("Removed given srcset");
@@ -4928,7 +4945,10 @@ const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     ], "p0.scriptStr"),
     "data-id": qwik._fnSignal((p0) => p0.id, [
       props
-    ], "p0.id")
+    ], "p0.id"),
+    nonce: qwik._fnSignal((p0) => p0.nonce || "", [
+      props
+    ], 'p0.nonce||""')
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -5328,7 +5348,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.16.0";
+const SDK_VERSION = "0.16.2";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -5972,8 +5992,14 @@ ${getDefaultStyles(props.isNestedRender)}
     get styles() {
       return state.injectedStyles;
     },
+    get nonce() {
+      return props.nonce;
+    },
     [qwik._IMMUTABLE]: {
       id: qwik._IMMUTABLE,
+      nonce: qwik._fnSignal((p0) => p0.nonce, [
+        props
+      ], "p0.nonce"),
       styles: qwik._fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -6008,7 +6034,7 @@ const getContentInitialValue = ({ content, data }) => {
   };
 };
 const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   qwik._jsxBranch();
   const state = qwik.useStore({
     builderContextSignal: {
@@ -6029,18 +6055,31 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
       apiVersion: props.apiVersion,
       componentInfos: [
         ...getDefaultRegisteredComponents(),
-        ...props.customComponents || []
+        ...((_a = props.customComponents) == null ? void 0 : _a.filter(({ models }) => {
+          if (!(models == null ? void 0 : models.length))
+            return true;
+          if (!props.model)
+            return true;
+          return models.includes(props.model);
+        })) || []
       ].reduce((acc, { component: _, ...info }) => ({
         ...acc,
         [info.name]: serializeComponentInfo(info)
       }), {}),
       inheritedStyles: {},
       BlocksWrapper: props.blocksWrapper || "div",
-      BlocksWrapperProps: props.blocksWrapperProps || {}
+      BlocksWrapperProps: props.blocksWrapperProps || {},
+      nonce: props.nonce || ""
     },
     registeredComponents: [
       ...getDefaultRegisteredComponents(),
-      ...props.customComponents || []
+      ...((_b = props.customComponents) == null ? void 0 : _b.filter(({ models }) => {
+        if (!(models == null ? void 0 : models.length))
+          return true;
+        if (!props.model)
+          return true;
+        return models.includes(props.model);
+      })) || []
     ].reduce((acc, { component, ...info }) => ({
       ...acc,
       [info.name]: {
@@ -6050,9 +6089,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     }), {}),
     scriptStr: getUpdateVariantVisibilityScript({
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      variationId: (_a = props.content) == null ? void 0 : _a.testVariationId,
+      variationId: (_c = props.content) == null ? void 0 : _c.testVariationId,
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      contentId: (_b = props.content) == null ? void 0 : _b.id
+      contentId: (_d = props.content) == null ? void 0 : _d.id
     })
   }, {
     deep: true
@@ -6061,6 +6100,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     registeredComponents: state.registeredComponents
   }));
   return /* @__PURE__ */ qwik._jsxC(EnableEditor, {
+    get nonce() {
+      return props.nonce;
+    },
     get content() {
       return props.content;
     },
@@ -6106,14 +6148,23 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
         get scriptStr() {
           return state.scriptStr;
         },
+        get nonce() {
+          return props.nonce || "";
+        },
         [qwik._IMMUTABLE]: {
           id: qwik._IMMUTABLE,
+          nonce: qwik._fnSignal((p0) => p0.nonce || "", [
+            props
+          ], 'p0.nonce||""'),
           scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
         }
       }, 3, "LQ_0") : null,
       /* @__PURE__ */ qwik._jsxC(ContentStyles, {
+        get nonce() {
+          return props.nonce || "";
+        },
         get isNestedRender() {
           return props.isNestedRender;
         },
@@ -6150,7 +6201,10 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
           ], "p0.builderContextSignal.content?.data?.customFonts"),
           isNestedRender: qwik._fnSignal((p0) => p0.isNestedRender, [
             props
-          ], "p0.isNestedRender")
+          ], "p0.isNestedRender"),
+          nonce: qwik._fnSignal((p0) => p0.nonce || "", [
+            props
+          ], 'p0.nonce||""')
         }
       }, 3, "LQ_1"),
       /* @__PURE__ */ qwik._jsxC(Blocks, {
@@ -6220,6 +6274,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
       model: qwik._fnSignal((p0) => p0.model, [
         props
       ], "p0.model"),
+      nonce: qwik._fnSignal((p0) => p0.nonce, [
+        props
+      ], "p0.nonce"),
       showContent: qwik._fnSignal((p0) => p0.showContent, [
         props
       ], "p0.showContent"),
@@ -6267,7 +6324,7 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     props,
     state
   ]));
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
   }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
@@ -6276,8 +6333,14 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
         get scriptStr() {
           return getInitVariantsFnsScriptString();
         },
+        get nonce() {
+          return props.nonce || "";
+        },
         [qwik._IMMUTABLE]: {
           id: qwik._IMMUTABLE,
+          nonce: qwik._fnSignal((p0) => p0.nonce || "", [
+            props
+          ], 'p0.nonce||""'),
           scriptStr: qwik._IMMUTABLE
         }
       }, 3, "XM_0") : null,
@@ -6288,8 +6351,14 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
             get styles() {
               return hideVariantsStyleString.value;
             },
+            get nonce() {
+              return props.nonce || "";
+            },
             [qwik._IMMUTABLE]: {
               id: qwik._IMMUTABLE,
+              nonce: qwik._fnSignal((p0) => p0.nonce || "", [
+                props
+              ], 'p0.nonce||""'),
               styles: qwik._fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
@@ -6300,8 +6369,14 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
+            get nonce() {
+              return props.nonce || "";
+            },
             [qwik._IMMUTABLE]: {
               id: qwik._IMMUTABLE,
+              nonce: qwik._fnSignal((p0) => p0.nonce || "", [
+                props
+              ], 'p0.nonce||""'),
               scriptStr: qwik._fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")
@@ -6312,6 +6387,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
               get isNestedRender() {
                 return props.isNestedRender;
               },
+              get nonce() {
+                return props.nonce;
+              },
               content: variant,
               showContent: false,
               get model() {
@@ -6411,6 +6489,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
                 model: qwik._fnSignal((p0) => p0.model, [
                   props
                 ], "p0.model"),
+                nonce: qwik._fnSignal((p0) => p0.nonce, [
+                  props
+                ], "p0.nonce"),
                 showContent: qwik._IMMUTABLE,
                 trustedHosts: qwik._fnSignal((p0) => p0.trustedHosts, [
                   props
@@ -6421,6 +6502,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
         ]
       }, 1, "XM_3") : null,
       /* @__PURE__ */ qwik._jsxC(ContentComponent, {
+        get nonce() {
+          return props.nonce;
+        },
         get isNestedRender() {
           return props.isNestedRender;
         },
@@ -6528,6 +6612,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
           model: qwik._fnSignal((p0) => p0.model, [
             props
           ], "p0.model"),
+          nonce: qwik._fnSignal((p0) => p0.nonce, [
+            props
+          ], "p0.nonce"),
           showContent: qwik._IMMUTABLE,
           trustedHosts: qwik._fnSignal((p0) => p0.trustedHosts, [
             props
@@ -6603,6 +6690,9 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
   return /* @__PURE__ */ qwik._jsxS("div", {
     ...props.attributes,
     children: /* @__PURE__ */ qwik._jsxC(ContentVariants, {
+      get nonce() {
+        return props.builderContext.nonce;
+      },
       isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
@@ -6698,7 +6788,10 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
           return (_a2 = p0.symbol) == null ? void 0 : _a2.model;
         }, [
           props
-        ], "p0.symbol?.model")
+        ], "p0.symbol?.model"),
+        nonce: qwik._fnSignal((p0) => p0.builderContext.nonce, [
+          props
+        ], "p0.builderContext.nonce")
       }
     }, 3, "Wt_0")
   }, {

package/lib/node/index.qwik.mjs

@@ -851,7 +851,10 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     ], "p0.styles"),
     "data-id": _fnSignal((p0) => p0.id, [
       props
-    ], "p0.id")
+    ], "p0.id"),
+    nonce: _fnSignal((p0) => p0.nonce, [
+      props
+    ], "p0.nonce")
   }, null, 3, "NG_0");
 }, "InlinedStyles_component_IOsg46hMexk"));
 const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -936,8 +939,14 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
       get styles() {
         return css.value;
       },
+      get nonce() {
+        return props.context.nonce;
+      },
       [_IMMUTABLE]: {
         id: _IMMUTABLE,
+        nonce: _fnSignal((p0) => p0.context.nonce, [
+          props
+        ], "p0.context.nonce"),
         styles: _fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1798,8 +1807,14 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     /* @__PURE__ */ _jsxC(InlinedStyles, {
       id: "builderio-columns",
       styles: columnsStyles(props, state),
+      get nonce() {
+        return props.builderContext.nonce;
+      },
       [_IMMUTABLE]: {
-        id: _IMMUTABLE
+        id: _IMMUTABLE,
+        nonce: _fnSignal((p0) => p0.builderContext.nonce, [
+          props
+        ], "p0.builderContext.nonce")
       }
     }, 3, "c0_0"),
     (props.columns || []).map((column, index) => {
@@ -1926,6 +1941,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     // images, otherwise you can supply this prop manually
     !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/)))
       return props2.srcset;
+    if (props2.noWebp)
+      return void 0;
     if (props2.srcset && ((_a2 = props2.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
       if (!props2.srcset.includes(props2.image.split("?")[0])) {
         console.debug("Removed given srcset");
@@ -4926,7 +4943,10 @@ const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     ], "p0.scriptStr"),
     "data-id": _fnSignal((p0) => p0.id, [
       props
-    ], "p0.id")
+    ], "p0.id"),
+    nonce: _fnSignal((p0) => p0.nonce || "", [
+      props
+    ], 'p0.nonce||""')
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -5326,7 +5346,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.16.0";
+const SDK_VERSION = "0.16.2";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -5970,8 +5990,14 @@ ${getDefaultStyles(props.isNestedRender)}
     get styles() {
       return state.injectedStyles;
     },
+    get nonce() {
+      return props.nonce;
+    },
     [_IMMUTABLE]: {
       id: _IMMUTABLE,
+      nonce: _fnSignal((p0) => p0.nonce, [
+        props
+      ], "p0.nonce"),
       styles: _fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -6006,7 +6032,7 @@ const getContentInitialValue = ({ content, data }) => {
   };
 };
 const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   _jsxBranch();
   const state = useStore({
     builderContextSignal: {
@@ -6027,18 +6053,31 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       apiVersion: props.apiVersion,
       componentInfos: [
         ...getDefaultRegisteredComponents(),
-        ...props.customComponents || []
+        ...((_a = props.customComponents) == null ? void 0 : _a.filter(({ models }) => {
+          if (!(models == null ? void 0 : models.length))
+            return true;
+          if (!props.model)
+            return true;
+          return models.includes(props.model);
+        })) || []
       ].reduce((acc, { component: _, ...info }) => ({
         ...acc,
         [info.name]: serializeComponentInfo(info)
       }), {}),
       inheritedStyles: {},
       BlocksWrapper: props.blocksWrapper || "div",
-      BlocksWrapperProps: props.blocksWrapperProps || {}
+      BlocksWrapperProps: props.blocksWrapperProps || {},
+      nonce: props.nonce || ""
     },
     registeredComponents: [
       ...getDefaultRegisteredComponents(),
-      ...props.customComponents || []
+      ...((_b = props.customComponents) == null ? void 0 : _b.filter(({ models }) => {
+        if (!(models == null ? void 0 : models.length))
+          return true;
+        if (!props.model)
+          return true;
+        return models.includes(props.model);
+      })) || []
     ].reduce((acc, { component, ...info }) => ({
       ...acc,
       [info.name]: {
@@ -6048,9 +6087,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     }), {}),
     scriptStr: getUpdateVariantVisibilityScript({
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      variationId: (_a = props.content) == null ? void 0 : _a.testVariationId,
+      variationId: (_c = props.content) == null ? void 0 : _c.testVariationId,
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      contentId: (_b = props.content) == null ? void 0 : _b.id
+      contentId: (_d = props.content) == null ? void 0 : _d.id
     })
   }, {
     deep: true
@@ -6059,6 +6098,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     registeredComponents: state.registeredComponents
   }));
   return /* @__PURE__ */ _jsxC(EnableEditor, {
+    get nonce() {
+      return props.nonce;
+    },
     get content() {
       return props.content;
     },
@@ -6104,14 +6146,23 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
         get scriptStr() {
           return state.scriptStr;
         },
+        get nonce() {
+          return props.nonce || "";
+        },
         [_IMMUTABLE]: {
           id: _IMMUTABLE,
+          nonce: _fnSignal((p0) => p0.nonce || "", [
+            props
+          ], 'p0.nonce||""'),
           scriptStr: _fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
         }
       }, 3, "LQ_0") : null,
       /* @__PURE__ */ _jsxC(ContentStyles, {
+        get nonce() {
+          return props.nonce || "";
+        },
         get isNestedRender() {
           return props.isNestedRender;
         },
@@ -6148,7 +6199,10 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
           ], "p0.builderContextSignal.content?.data?.customFonts"),
           isNestedRender: _fnSignal((p0) => p0.isNestedRender, [
             props
-          ], "p0.isNestedRender")
+          ], "p0.isNestedRender"),
+          nonce: _fnSignal((p0) => p0.nonce || "", [
+            props
+          ], 'p0.nonce||""')
         }
       }, 3, "LQ_1"),
       /* @__PURE__ */ _jsxC(Blocks, {
@@ -6218,6 +6272,9 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
       model: _fnSignal((p0) => p0.model, [
         props
       ], "p0.model"),
+      nonce: _fnSignal((p0) => p0.nonce, [
+        props
+      ], "p0.nonce"),
       showContent: _fnSignal((p0) => p0.showContent, [
         props
       ], "p0.showContent"),
@@ -6265,7 +6322,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track: track2 }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
   }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
@@ -6274,8 +6331,14 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         get scriptStr() {
           return getInitVariantsFnsScriptString();
         },
+        get nonce() {
+          return props.nonce || "";
+        },
         [_IMMUTABLE]: {
           id: _IMMUTABLE,
+          nonce: _fnSignal((p0) => p0.nonce || "", [
+            props
+          ], 'p0.nonce||""'),
           scriptStr: _IMMUTABLE
         }
       }, 3, "XM_0") : null,
@@ -6286,8 +6349,14 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
             get styles() {
               return hideVariantsStyleString.value;
             },
+            get nonce() {
+              return props.nonce || "";
+            },
             [_IMMUTABLE]: {
               id: _IMMUTABLE,
+              nonce: _fnSignal((p0) => p0.nonce || "", [
+                props
+              ], 'p0.nonce||""'),
               styles: _fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
@@ -6298,8 +6367,14 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
+            get nonce() {
+              return props.nonce || "";
+            },
             [_IMMUTABLE]: {
               id: _IMMUTABLE,
+              nonce: _fnSignal((p0) => p0.nonce || "", [
+                props
+              ], 'p0.nonce||""'),
               scriptStr: _fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")
@@ -6310,6 +6385,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
               get isNestedRender() {
                 return props.isNestedRender;
               },
+              get nonce() {
+                return props.nonce;
+              },
               content: variant,
               showContent: false,
               get model() {
@@ -6409,6 +6487,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 model: _fnSignal((p0) => p0.model, [
                   props
                 ], "p0.model"),
+                nonce: _fnSignal((p0) => p0.nonce, [
+                  props
+                ], "p0.nonce"),
                 showContent: _IMMUTABLE,
                 trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
                   props
@@ -6419,6 +6500,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
         ]
       }, 1, "XM_3") : null,
       /* @__PURE__ */ _jsxC(ContentComponent, {
+        get nonce() {
+          return props.nonce;
+        },
         get isNestedRender() {
           return props.isNestedRender;
         },
@@ -6526,6 +6610,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
           model: _fnSignal((p0) => p0.model, [
             props
           ], "p0.model"),
+          nonce: _fnSignal((p0) => p0.nonce, [
+            props
+          ], "p0.nonce"),
           showContent: _IMMUTABLE,
           trustedHosts: _fnSignal((p0) => p0.trustedHosts, [
             props
@@ -6601,6 +6688,9 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
   return /* @__PURE__ */ _jsxS("div", {
     ...props.attributes,
     children: /* @__PURE__ */ _jsxC(ContentVariants, {
+      get nonce() {
+        return props.builderContext.nonce;
+      },
       isNestedRender: true,
       get apiVersion() {
         return props.builderContext.apiVersion;
@@ -6696,7 +6786,10 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
           return (_a2 = p0.symbol) == null ? void 0 : _a2.model;
         }, [
           props
-        ], "p0.symbol?.model")
+        ], "p0.symbol?.model"),
+        nonce: _fnSignal((p0) => p0.builderContext.nonce, [
+          props
+        ], "p0.builderContext.nonce")
       }
     }, 3, "Wt_0")
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.16.0",
+  "version": "0.16.2",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/components/content/components/styles.d.ts

@@ -1,5 +1,6 @@
+import { BuilderNonceProp } from "../../../types/builder-props";
 import { CustomFont } from "./styles.helpers";
-interface Props {
+interface Props extends BuilderNonceProp {
     cssCode?: string;
     customFonts?: CustomFont[];
     contentId?: string;

package/types/src/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/types/src/components/inlined-script.d.ts

@@ -1,4 +1,5 @@
-interface Props {
+import { BuilderNonceProp } from "../types/builder-props";
+interface Props extends BuilderNonceProp {
     scriptStr: string;
     id: string;
 }

package/types/src/components/inlined-styles.d.ts

@@ -1,4 +1,5 @@
-interface Props {
+import { BuilderNonceProp } from "../types/builder-props";
+interface Props extends BuilderNonceProp {
     styles: string;
     id: string;
 }

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.0";
+export declare const SDK_VERSION = "0.16.2";

package/types/src/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/types/src/types/builder-props.d.ts

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