@builder.io/sdk-qwik 0.16.11 → 0.16.13

package/lib/browser/components/content/components/enable-editor.qwik.mjs

@@ -1,5 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, useSignal, useStore, useOn, useContextProvider, useTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
-import { Fragment } from "@builder.io/qwik/jsx-runtime";
+import { jsx, Fragment } from "@builder.io/qwik/jsx-runtime";
 import builderContext from "../../../context/builder.context.qwik.mjs";
 import { evaluate } from "../../../functions/evaluate/evaluate.qwik.mjs";
 import { fastClone } from "../../../functions/fast-clone.qwik.mjs";
@@ -17,16 +16,18 @@ import { createEditorListener } from "../../../helpers/subscribe-to-editor.qwik.
 import { registerInsertMenu, setupBrowserForEditing } from "../../../scripts/init-editing.qwik.mjs";
 import { triggerAnimation } from "../../block/animator.qwik.mjs";
 import { getWrapperClassName } from "./styles.helpers.qwik.mjs";
+import { component$, useComputed$, useSignal, useStore, useOn, $, useContextProvider, useTask$, Slot } from "@builder.io/qwik";
 const mergeNewRootState = function mergeNewRootState2(props, state, showContentProps, elementRef, newData) {
   var _a, _b;
   const combinedState = {
     ...props.builderContextSignal.rootState,
     ...newData
   };
-  if (props.builderContextSignal.rootSetState)
+  if (props.builderContextSignal.rootSetState) {
     (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, combinedState);
-  else
+  } else {
     props.builderContextSignal.rootState = combinedState;
+  }
 };
 const mergeNewContent = function mergeNewContent2(props, state, showContentProps, elementRef, newContent) {
   var _a, _b, _c, _d, _e;
@@ -53,14 +54,16 @@ const processMessage = function processMessage2(props, state, showContentProps,
       configureSdk: (messageContent) => {
         var _a;
         const { breakpoints, contentId } = messageContent;
-        if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
+        if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id)) {
           return;
-        if (breakpoints)
+        }
+        if (breakpoints) {
           mergeNewContent(props, state, showContentProps, elementRef, {
             meta: {
               breakpoints
             }
           });
+        }
       },
       animation: (animation) => {
         triggerAnimation(animation);
@@ -74,7 +77,7 @@ const processMessage = function processMessage2(props, state, showContentProps,
 const evaluateJsCode = function evaluateJsCode2(props, state, showContentProps, elementRef) {
   var _a, _b;
   const jsCode = (_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.jsCode;
-  if (jsCode)
+  if (jsCode) {
     evaluate({
       code: jsCode,
       context: props.context || {},
@@ -86,6 +89,7 @@ const evaluateJsCode = function evaluateJsCode2(props, state, showContentProps,
       */
       enableCache: false
     });
+  }
 };
 const onClick = function onClick2(props, state, showContentProps, elementRef, event) {
   var _a, _b;
@@ -102,8 +106,9 @@ const onClick = function onClick2(props, state, showContentProps, elementRef, ev
       unique: !state.clicked
     });
   }
-  if (!state.clicked)
+  if (!state.clicked) {
     state.clicked = true;
+  }
 };
 const runHttpRequests = function runHttpRequests2(props, state, showContentProps, elementRef) {
   var _a, _b;
@@ -137,7 +142,7 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, showContentProps, elementRef) {
-  if (isEditing())
+  if (isEditing()) {
     window.dispatchEvent(new CustomEvent("builder:component:stateChange", {
       detail: {
         state: fastClone(props.builderContextSignal.rootState),
@@ -146,19 +151,16 @@ const emitStateUpdate = function emitStateUpdate2(props, state, showContentProps
         }
       }
     }));
+  }
 };
-const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b;
-  _jsxBranch();
-  const showContentProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [props2] = useLexicalScope();
-    return props2.showContent ? {} : {
+const EnableEditor = component$((props) => {
+  var _a, _b, _c, _d, _e;
+  const showContentProps = useComputed$(() => {
+    return props.showContent ? {} : {
       hidden: true,
       "aria-hidden": true
     };
-  }, "EnableEditor_component_showContentProps_useComputed_aHr3V0Y8sNs", [
-    props
-  ]));
+  });
   const elementRef = useSignal();
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
@@ -168,66 +170,57 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   }, {
     deep: true
   });
-  useOn("initeditingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
-    window.addEventListener("message", processMessage.bind(null, props2, state2, showContentProps2, elementRef2));
+  useOn("initeditingbldr", $((event, element) => {
+    window.addEventListener("message", processMessage.bind(null, props, state, showContentProps, elementRef));
     registerInsertMenu();
     setupBrowserForEditing({
-      ...props2.locale ? {
-        locale: props2.locale
+      ...props.locale ? {
+        locale: props.locale
       } : {},
-      ...props2.enrich ? {
-        enrich: props2.enrich
+      ...props.enrich ? {
+        enrich: props.enrich
       } : {},
-      ...props2.trustedHosts ? {
-        trustedHosts: props2.trustedHosts
+      ...props.trustedHosts ? {
+        trustedHosts: props.trustedHosts
       } : {}
     });
-    Object.values(props2.builderContextSignal.componentInfos).forEach((registeredComponent) => {
+    Object.values(props.builderContextSignal.componentInfos).forEach((registeredComponent) => {
       var _a2;
       const message = createRegisterComponentMessage(registeredComponent);
       (_a2 = window.parent) == null ? void 0 : _a2.postMessage(message, "*");
     });
-    window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props2, state2, showContentProps2, elementRef2));
-  }, "EnableEditor_component_useOn_Qs8c0yql2i0", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  useOn("initpreviewingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
+    window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate.bind(null, props, state, showContentProps, elementRef));
+  }));
+  useOn("initpreviewingbldr", $((event, element) => {
     const searchParams = new URL(location.href).searchParams;
     const searchParamPreviewModel = searchParams.get("builder.preview");
     const searchParamPreviewId = searchParams.get(`builder.overrides.${searchParamPreviewModel}`);
     const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
-    if (searchParamPreviewModel === props2.model && previewApiKey === props2.apiKey && (!props2.content || searchParamPreviewId === props2.content.id))
+    if (searchParamPreviewModel === props.model && previewApiKey === props.apiKey && (!props.content || searchParamPreviewId === props.content.id)) {
       fetchOneEntry({
-        model: props2.model,
-        apiKey: props2.apiKey,
-        apiVersion: props2.builderContextSignal.apiVersion
+        model: props.model,
+        apiKey: props.apiKey,
+        apiVersion: props.builderContextSignal.apiVersion
       }).then((content) => {
-        if (content)
-          mergeNewContent(props2, state2, showContentProps2, elementRef2, content);
+        if (content) {
+          mergeNewContent(props, state, showContentProps, elementRef, content);
+        }
       });
-  }, "EnableEditor_component_useOn_1_F94YipmknvI", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
-    var _a2, _b2, _c, _d;
+    }
+  }));
+  useOn("qvisible", $((event, element) => {
+    var _a2, _b2, _c2, _d2;
     if (isBrowser()) {
       if (isEditing()) {
-        if (element)
+        if (element) {
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
+        }
       }
       const shouldTrackImpression = ((_a2 = element.attributes.getNamedItem("shouldTrack")) == null ? void 0 : _a2.value) === "true";
       if (shouldTrackImpression) {
         const variationId = (_b2 = element.attributes.getNamedItem("variationId")) == null ? void 0 : _b2.value;
-        const contentId = (_c = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c.value;
-        const apiKeyProp = (_d = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d.value;
+        const contentId = (_c2 = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c2.value;
+        const apiKeyProp = (_d2 = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d2.value;
         _track({
           type: "impression",
           canTrack: true,
@@ -237,161 +230,76 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         });
       }
       if (isPreviewing() && !isEditing()) {
-        if (element)
+        if (element) {
           element.dispatchEvent(new CustomEvent("initpreviewingbldr"));
+        }
       }
     }
-  }, "EnableEditor_component_useOn_2_FyR0YPSlJlw"));
+  }));
   useContextProvider(builderContext, props.builderContextSignal);
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
-    if (!props2.apiKey)
+  useTask$(() => {
+    if (!props.apiKey) {
       logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
-    evaluateJsCode(props2);
-    runHttpRequests(props2, state2, showContentProps2, elementRef2);
-    emitStateUpdate(props2);
-  }, "EnableEditor_component_useTask_Nb2VI04qp0M", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
-    track(() => props2.content);
-    if (props2.content)
-      mergeNewContent(props2, state2, showContentProps2, elementRef2, props2.content);
-  }, "EnableEditor_component_useTask_1_m0y1Z9vk4eQ", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
+    }
+    evaluateJsCode(props);
+    runHttpRequests(props, state, showContentProps, elementRef);
+    emitStateUpdate(props);
+  });
+  useTask$(({ track }) => {
+    track(() => props.content);
+    if (props.content) {
+      mergeNewContent(props, state, showContentProps, elementRef, props.content);
+    }
+  });
+  useTask$(({ track }) => {
     track(() => {
       var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
+      return (_b2 = (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.jsCode;
     });
-    evaluateJsCode(props2);
-  }, "EnableEditor_component_useTask_2_xVyv0tDqZLs", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
+    evaluateJsCode(props);
+  });
+  useTask$(({ track }) => {
     track(() => {
       var _a2, _b2;
-      return (_b2 = (_a2 = props2.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
+      return (_b2 = (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.httpRequests;
     });
-    runHttpRequests(props2, state2, showContentProps2, elementRef2);
-  }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
-    track(() => props2.builderContextSignal.rootState);
-    emitStateUpdate(props2);
-  }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
-    track(() => props2.data);
-    if (props2.data)
-      mergeNewRootState(props2, state2, showContentProps2, elementRef2, props2.data);
-  }, "EnableEditor_component_useTask_5_24QxS0r0KF8", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
-    track(() => props2.locale);
-    if (props2.locale)
-      mergeNewRootState(props2, state2, showContentProps2, elementRef2, {
-        locale: props2.locale
+    runHttpRequests(props, state, showContentProps, elementRef);
+  });
+  useTask$(({ track }) => {
+    track(() => props.builderContextSignal.rootState);
+    emitStateUpdate(props);
+  });
+  useTask$(({ track }) => {
+    track(() => props.data);
+    if (props.data) {
+      mergeNewRootState(props, state, showContentProps, elementRef, props.data);
+    }
+  });
+  useTask$(({ track }) => {
+    track(() => props.locale);
+    if (props.locale) {
+      mergeNewRootState(props, state, showContentProps, elementRef, {
+        locale: props.locale
       });
-  }, "EnableEditor_component_useTask_6_0CaFTUOgv08", [
-    elementRef,
-    props,
-    showContentProps,
-    state
-  ]));
-  return /* @__PURE__ */ _jsxC(Fragment, {
-    children: props.builderContextSignal.content ? /* @__PURE__ */ _jsxC(state.ContentWrapper, {
-      get apiKey() {
-        return props.apiKey;
-      },
-      get contentId() {
-        var _a2;
-        return (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.id;
-      },
-      get variationId() {
-        var _a2;
-        return (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.testVariationId;
-      },
-      onClick$: /* @__PURE__ */ inlinedQrl((event) => {
-        const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
-        return onClick(props2, state2, showContentProps2, elementRef2, event);
-      }, "EnableEditor_component__Fragment_onClick_b4nYT3DrjEk", [
-        elementRef,
-        props,
-        showContentProps,
-        state
-      ]),
-      ref: elementRef,
+    }
+  });
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: props.builderContextSignal.content ? /* @__PURE__ */ jsx(state.ContentWrapper, {
+      apiKey: props.apiKey,
+      contentId: (_a = props.builderContextSignal.content) == null ? void 0 : _a.id,
+      variationId: (_b = props.builderContextSignal.content) == null ? void 0 : _b.testVariationId,
       shouldTrack: String(props.builderContextSignal.content && getDefaultCanTrack(props.canTrack)),
-      get "builder-content-id"() {
-        var _a2;
-        return (_a2 = props.builderContextSignal.content) == null ? void 0 : _a2.id;
-      },
-      get "builder-model"() {
-        return props.model;
-      },
+      ref: elementRef,
+      onClick$: $((event) => onClick(props, state, showContentProps, elementRef, event)),
+      "builder-content-id": (_c = props.builderContextSignal.content) == null ? void 0 : _c.id,
+      "builder-model": props.model,
       ...showContentProps.value,
       ...props.contentWrapperProps,
-      children: /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0"),
-      class: getWrapperClassName(((_a = props.content) == null ? void 0 : _a.testVariationId) || ((_b = props.content) == null ? void 0 : _b.id)),
-      [_IMMUTABLE]: {
-        apiKey: _fnSignal((p0) => p0.apiKey, [
-          props
-        ], "p0.apiKey"),
-        "builder-content-id": _fnSignal((p0) => {
-          var _a2;
-          return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
-        }, [
-          props
-        ], "p0.builderContextSignal.content?.id"),
-        "builder-model": _fnSignal((p0) => p0.model, [
-          props
-        ], "p0.model"),
-        contentId: _fnSignal((p0) => {
-          var _a2;
-          return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
-        }, [
-          props
-        ], "p0.builderContextSignal.content?.id"),
-        ref: _IMMUTABLE,
-        variationId: _fnSignal((p0) => {
-          var _a2;
-          return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.testVariationId;
-        }, [
-          props
-        ], "p0.builderContextSignal.content?.testVariationId")
-      }
-    }, 0, "06_1") : null
-  }, 1, "06_2");
-}, "EnableEditor_component_ko1mO8oaj8k"));
+      class: getWrapperClassName(((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)),
+      children: /* @__PURE__ */ jsx(Slot, {})
+    }) : null
+  });
+});
 export {
   EnableEditor,
   EnableEditor as default,

package/lib/browser/components/content/components/styles.helpers.qwik.cjs

@@ -6,7 +6,7 @@ const getCssFromFont = (font) => {
   const name = family.split(",")[0];
   const url = font.fileUrl ?? ((_a = font == null ? void 0 : font.files) == null ? void 0 : _a.regular);
   let str = "";
-  if (url && family && name)
+  if (url && family && name) {
     str += `
 @font-face {
 font-family: "${family}";
@@ -15,13 +15,15 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim();
-  if (font.files)
+  }
+  if (font.files) {
     for (const weight in font.files) {
       const isNumber = String(Number(weight)) === weight;
-      if (!isNumber)
+      if (!isNumber) {
         continue;
+      }
       const weightUrl = font.files[weight];
-      if (weightUrl && weightUrl !== url)
+      if (weightUrl && weightUrl !== url) {
         str += `
 @font-face {
 font-family: "${family}";
@@ -30,7 +32,9 @@ font-display: fallback;
 font-weight: ${weight};
 }
         `.trim();
+      }
     }
+  }
   return str;
 };
 const getFontCss = ({ customFonts }) => {
@@ -38,10 +42,12 @@ const getFontCss = ({ customFonts }) => {
   return ((_a = customFonts == null ? void 0 : customFonts.map((font) => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
 };
 const getCss = ({ cssCode, contentId }) => {
-  if (!cssCode)
+  if (!cssCode) {
     return "";
-  if (!contentId)
+  }
+  if (!contentId) {
     return cssCode;
+  }
   return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
 };
 const DEFAULT_STYLES = `

package/lib/browser/components/content/components/styles.helpers.qwik.mjs

@@ -4,7 +4,7 @@ const getCssFromFont = (font) => {
   const name = family.split(",")[0];
   const url = font.fileUrl ?? ((_a = font == null ? void 0 : font.files) == null ? void 0 : _a.regular);
   let str = "";
-  if (url && family && name)
+  if (url && family && name) {
     str += `
 @font-face {
 font-family: "${family}";
@@ -13,13 +13,15 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim();
-  if (font.files)
+  }
+  if (font.files) {
     for (const weight in font.files) {
       const isNumber = String(Number(weight)) === weight;
-      if (!isNumber)
+      if (!isNumber) {
         continue;
+      }
       const weightUrl = font.files[weight];
-      if (weightUrl && weightUrl !== url)
+      if (weightUrl && weightUrl !== url) {
         str += `
 @font-face {
 font-family: "${family}";
@@ -28,7 +30,9 @@ font-display: fallback;
 font-weight: ${weight};
 }
         `.trim();
+      }
     }
+  }
   return str;
 };
 const getFontCss = ({ customFonts }) => {
@@ -36,10 +40,12 @@ const getFontCss = ({ customFonts }) => {
   return ((_a = customFonts == null ? void 0 : customFonts.map((font) => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
 };
 const getCss = ({ cssCode, contentId }) => {
-  if (!cssCode)
+  if (!cssCode) {
     return "";
-  if (!contentId)
+  }
+  if (!contentId) {
     return cssCode;
+  }
   return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
 };
 const DEFAULT_STYLES = `

package/lib/browser/components/content/components/styles.qwik.cjs

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const inlinedStyles = require("../../inlined-styles.qwik.cjs");
 const styles_helpers = require("./styles.helpers.qwik.cjs");
-const ContentStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const qwik = require("@builder.io/qwik");
+const ContentStyles = qwik.component$((props) => {
   const state = qwik.useStore({
     injectedStyles: `
 ${styles_helpers.getCss({
@@ -16,24 +17,11 @@ ${styles_helpers.getFontCss({
 ${styles_helpers.getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
-  return /* @__PURE__ */ qwik._jsxC(inlinedStyles.InlinedStyles, {
+  return /* @__PURE__ */ jsxRuntime.jsx(inlinedStyles.InlinedStyles, {
     id: "builderio-content",
-    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")
-    }
-  }, 3, "8O_0");
-}, "ContentStyles_component_Qbhu1myPWm0"));
+    styles: state.injectedStyles,
+    nonce: props.nonce
+  });
+});
 exports.ContentStyles = ContentStyles;
 exports.default = ContentStyles;

package/lib/browser/components/content/components/styles.qwik.mjs

@@ -1,7 +1,8 @@
-import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { InlinedStyles } from "../../inlined-styles.qwik.mjs";
 import { getCss, getFontCss, getDefaultStyles } from "./styles.helpers.qwik.mjs";
-const ContentStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+import { component$, useStore } from "@builder.io/qwik";
+const ContentStyles = component$((props) => {
   const state = useStore({
     injectedStyles: `
 ${getCss({
@@ -14,25 +15,12 @@ ${getFontCss({
 ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
-  return /* @__PURE__ */ _jsxC(InlinedStyles, {
+  return /* @__PURE__ */ jsx(InlinedStyles, {
     id: "builderio-content",
-    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")
-    }
-  }, 3, "8O_0");
-}, "ContentStyles_component_Qbhu1myPWm0"));
+    styles: state.injectedStyles,
+    nonce: props.nonce
+  });
+});
 export {
   ContentStyles,
   ContentStyles as default

package/lib/browser/components/content/content.helpers.qwik.cjs

@@ -5,8 +5,9 @@ const getRootStateInitialValue = ({ content, data, locale }) => {
   const defaultValues = {};
   const initialState = ((_a = content == null ? void 0 : content.data) == null ? void 0 : _a.state) || {};
   (_c = (_b = content == null ? void 0 : content.data) == null ? void 0 : _b.inputs) == null ? void 0 : _c.forEach((input) => {
-    if (input.name && input.defaultValue !== void 0)
+    if (input.name && input.defaultValue !== void 0) {
       defaultValues[input.name] = input.defaultValue;
+    }
   });
   return {
     ...defaultValues,

package/lib/browser/components/content/content.helpers.qwik.mjs

@@ -3,8 +3,9 @@ const getRootStateInitialValue = ({ content, data, locale }) => {
   const defaultValues = {};
   const initialState = ((_a = content == null ? void 0 : content.data) == null ? void 0 : _a.state) || {};
   (_c = (_b = content == null ? void 0 : content.data) == null ? void 0 : _b.inputs) == null ? void 0 : _c.forEach((input) => {
-    if (input.name && input.defaultValue !== void 0)
+    if (input.name && input.defaultValue !== void 0) {
       defaultValues[input.name] = input.defaultValue;
+    }
   });
   return {
     ...defaultValues,