@builder.io/sdk-qwik 0.16.6 → 0.16.7

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

@@ -0,0 +1,405 @@
+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 builderContext from "../../../context/builder.context.qwik.mjs";
+import { evaluate } from "../../../functions/evaluate/evaluate.qwik.mjs";
+import { fastClone } from "../../../functions/fast-clone.qwik.mjs";
+import { fetchOneEntry } from "../../../functions/get-content/index.qwik.mjs";
+import { fetch } from "../../../functions/get-fetch.qwik.mjs";
+import { isBrowser } from "../../../functions/is-browser.qwik.mjs";
+import { isEditing } from "../../../functions/is-editing.qwik.mjs";
+import { isPreviewing } from "../../../functions/is-previewing.qwik.mjs";
+import { createRegisterComponentMessage } from "../../../functions/register-component.qwik.mjs";
+import { _track } from "../../../functions/track/index.qwik.mjs";
+import { getInteractionPropertiesForEvent } from "../../../functions/track/interaction.qwik.mjs";
+import { getDefaultCanTrack } from "../../../helpers/canTrack.qwik.mjs";
+import { logger } from "../../../helpers/logger.qwik.mjs";
+import { createEditorListener } from "../../../helpers/subscribe-to-editor.qwik.mjs";
+import { registerInsertMenu, setupBrowserForEditing } from "../../../scripts/init-editing.qwik.mjs";
+import { triggerAnimation } from "../../block/animator.qwik.mjs";
+import { getWrapperClassName } from "./styles.helpers.qwik.mjs";
+const mergeNewRootState = function mergeNewRootState2(props, state, showContentProps, elementRef, newData) {
+  var _a, _b;
+  const combinedState = {
+    ...props.builderContextSignal.rootState,
+    ...newData
+  };
+  if (props.builderContextSignal.rootSetState)
+    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, combinedState);
+  else
+    props.builderContextSignal.rootState = combinedState;
+};
+const mergeNewContent = function mergeNewContent2(props, state, showContentProps, elementRef, newContent) {
+  var _a, _b, _c, _d, _e;
+  const newContentValue = {
+    ...props.builderContextSignal.content,
+    ...newContent,
+    data: {
+      ...(_a = props.builderContextSignal.content) == null ? void 0 : _a.data,
+      ...newContent == null ? void 0 : newContent.data
+    },
+    meta: {
+      ...(_b = props.builderContextSignal.content) == null ? void 0 : _b.meta,
+      ...newContent == null ? void 0 : newContent.meta,
+      breakpoints: ((_c = newContent == null ? void 0 : newContent.meta) == null ? void 0 : _c.breakpoints) || ((_e = (_d = props.builderContextSignal.content) == null ? void 0 : _d.meta) == null ? void 0 : _e.breakpoints)
+    }
+  };
+  props.builderContextSignal.content = newContentValue;
+};
+const processMessage = function processMessage2(props, state, showContentProps, elementRef, event) {
+  return createEditorListener({
+    model: props.model,
+    trustedHosts: props.trustedHosts,
+    callbacks: {
+      configureSdk: (messageContent) => {
+        var _a;
+        const { breakpoints, contentId } = messageContent;
+        if (!contentId || contentId !== ((_a = props.builderContextSignal.content) == null ? void 0 : _a.id))
+          return;
+        if (breakpoints)
+          mergeNewContent(props, state, showContentProps, elementRef, {
+            meta: {
+              breakpoints
+            }
+          });
+      },
+      animation: (animation) => {
+        triggerAnimation(animation);
+      },
+      contentUpdate: (newContent) => {
+        mergeNewContent(props, state, showContentProps, elementRef, newContent);
+      }
+    }
+  })(event);
+};
+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)
+    evaluate({
+      code: jsCode,
+      context: props.context || {},
+      localState: void 0,
+      rootState: props.builderContextSignal.rootState,
+      rootSetState: props.builderContextSignal.rootSetState,
+      /**
+      * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+      */
+      enableCache: false
+    });
+};
+const onClick = function onClick2(props, state, showContentProps, elementRef, event) {
+  var _a, _b;
+  if (props.builderContextSignal.content) {
+    const variationId = (_a = props.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
+    const contentId = (_b = props.builderContextSignal.content) == null ? void 0 : _b.id;
+    _track({
+      type: "click",
+      canTrack: getDefaultCanTrack(props.canTrack),
+      contentId,
+      apiKey: props.apiKey,
+      variationId: variationId !== contentId ? variationId : void 0,
+      ...getInteractionPropertiesForEvent(event),
+      unique: !state.clicked
+    });
+  }
+  if (!state.clicked)
+    state.clicked = true;
+};
+const runHttpRequests = function runHttpRequests2(props, state, showContentProps, elementRef) {
+  var _a, _b;
+  const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
+  Object.entries(requests).forEach(([key, url]) => {
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.httpReqsPending[key] = true;
+    const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+      code: group,
+      context: props.context || {},
+      localState: void 0,
+      rootState: props.builderContextSignal.rootState,
+      rootSetState: props.builderContextSignal.rootSetState,
+      enableCache: true
+    })));
+    fetch(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, showContentProps, elementRef, {
+        [key]: json
+      });
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
+  });
+};
+const emitStateUpdate = function emitStateUpdate2(props, state, showContentProps, elementRef) {
+  if (isEditing())
+    window.dispatchEvent(new CustomEvent("builder:component:stateChange", {
+      detail: {
+        state: fastClone(props.builderContextSignal.rootState),
+        ref: {
+          name: props.model
+        }
+      }
+    }));
+};
+const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a, _b;
+  _jsxBranch();
+  const showContentProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return props2.showContent ? {} : {
+      hidden: true,
+      "aria-hidden": true
+    };
+  }, "EnableEditor_component_showContentProps_useComputed_aHr3V0Y8sNs", [
+    props
+  ]));
+  const elementRef = useSignal();
+  const state = useStore({
+    ContentWrapper: props.contentWrapper || "div",
+    clicked: false,
+    httpReqsData: {},
+    httpReqsPending: {}
+  }, {
+    deep: true
+  });
+  useOn("initeditingbldr", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [elementRef2, props2, showContentProps2, state2] = useLexicalScope();
+    window.addEventListener("message", processMessage.bind(null, props2, state2, showContentProps2, elementRef2));
+    registerInsertMenu();
+    setupBrowserForEditing({
+      ...props2.locale ? {
+        locale: props2.locale
+      } : {},
+      ...props2.enrich ? {
+        enrich: props2.enrich
+      } : {},
+      ...props2.trustedHosts ? {
+        trustedHosts: props2.trustedHosts
+      } : {}
+    });
+    Object.values(props2.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();
+    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))
+      fetchOneEntry({
+        model: props2.model,
+        apiKey: props2.apiKey,
+        apiVersion: props2.builderContextSignal.apiVersion
+      }).then((content) => {
+        if (content)
+          mergeNewContent(props2, state2, showContentProps2, elementRef2, content);
+      });
+  }, "EnableEditor_component_useOn_1_F94YipmknvI", [
+    elementRef,
+    props,
+    showContentProps,
+    state
+  ]));
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    var _a2, _b2, _c, _d;
+    if (isBrowser()) {
+      if (isEditing()) {
+        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;
+        _track({
+          type: "impression",
+          canTrack: true,
+          contentId,
+          apiKey: apiKeyProp,
+          variationId: variationId !== contentId ? variationId : void 0
+        });
+      }
+      if (isPreviewing() && !isEditing()) {
+        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)
+      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();
+    track(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = props2.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();
+    track(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = props2.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
+      });
+  }, "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,
+      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;
+      },
+      ...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"));
+export {
+  EnableEditor,
+  EnableEditor as default,
+  emitStateUpdate,
+  evaluateJsCode,
+  mergeNewContent,
+  mergeNewRootState,
+  onClick,
+  processMessage,
+  runHttpRequests
+};

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getCssFromFont = (font) => {
+  var _a;
+  const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
+  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)
+    str += `
+@font-face {
+font-family: "${family}";
+src: local("${name}"), url('${url}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim();
+  if (font.files)
+    for (const weight in font.files) {
+      const isNumber = String(Number(weight)) === weight;
+      if (!isNumber)
+        continue;
+      const weightUrl = font.files[weight];
+      if (weightUrl && weightUrl !== url)
+        str += `
+@font-face {
+font-family: "${family}";
+src: url('${weightUrl}') format('woff2');
+font-display: fallback;
+font-weight: ${weight};
+}
+        `.trim();
+    }
+  return str;
+};
+const getFontCss = ({ customFonts }) => {
+  var _a;
+  return ((_a = customFonts == null ? void 0 : customFonts.map((font) => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
+};
+const getCss = ({ cssCode, contentId }) => {
+  if (!cssCode)
+    return "";
+  if (!contentId)
+    return cssCode;
+  return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
+};
+const DEFAULT_STYLES = `
+.builder-button {
+  all: unset;
+}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`;
+const getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+const getWrapperClassName = (variationId) => {
+  return `variant-${variationId}`;
+};
+exports.getCss = getCss;
+exports.getDefaultStyles = getDefaultStyles;
+exports.getFontCss = getFontCss;
+exports.getWrapperClassName = getWrapperClassName;

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

@@ -0,0 +1,74 @@
+const getCssFromFont = (font) => {
+  var _a;
+  const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
+  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)
+    str += `
+@font-face {
+font-family: "${family}";
+src: local("${name}"), url('${url}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim();
+  if (font.files)
+    for (const weight in font.files) {
+      const isNumber = String(Number(weight)) === weight;
+      if (!isNumber)
+        continue;
+      const weightUrl = font.files[weight];
+      if (weightUrl && weightUrl !== url)
+        str += `
+@font-face {
+font-family: "${family}";
+src: url('${weightUrl}') format('woff2');
+font-display: fallback;
+font-weight: ${weight};
+}
+        `.trim();
+    }
+  return str;
+};
+const getFontCss = ({ customFonts }) => {
+  var _a;
+  return ((_a = customFonts == null ? void 0 : customFonts.map((font) => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
+};
+const getCss = ({ cssCode, contentId }) => {
+  if (!cssCode)
+    return "";
+  if (!contentId)
+    return cssCode;
+  return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
+};
+const DEFAULT_STYLES = `
+.builder-button {
+  all: unset;
+}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`;
+const getDefaultStyles = (isNested) => {
+  return !isNested ? DEFAULT_STYLES : "";
+};
+const getWrapperClassName = (variationId) => {
+  return `variant-${variationId}`;
+};
+export {
+  getCss,
+  getDefaultStyles,
+  getFontCss,
+  getWrapperClassName
+};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+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 state = qwik.useStore({
+    injectedStyles: `
+${styles_helpers.getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${styles_helpers.getFontCss({
+      customFonts: props.customFonts
+    })}
+${styles_helpers.getDefaultStyles(props.isNestedRender)}
+`.trim()
+  });
+  return /* @__PURE__ */ qwik._jsxC(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"));
+exports.ContentStyles = ContentStyles;
+exports.default = ContentStyles;

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

@@ -0,0 +1,39 @@
+import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { InlinedStyles } from "../../inlined-styles.qwik.mjs";
+import { getCss, getFontCss, getDefaultStyles } from "./styles.helpers.qwik.mjs";
+const ContentStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const state = useStore({
+    injectedStyles: `
+${getCss({
+      cssCode: props.cssCode,
+      contentId: props.contentId
+    })}
+${getFontCss({
+      customFonts: props.customFonts
+    })}
+${getDefaultStyles(props.isNestedRender)}
+`.trim()
+  });
+  return /* @__PURE__ */ _jsxC(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"));
+export {
+  ContentStyles,
+  ContentStyles as default
+};

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getRootStateInitialValue = ({ content, data, locale }) => {
+  var _a, _b, _c;
+  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)
+      defaultValues[input.name] = input.defaultValue;
+  });
+  return {
+    ...defaultValues,
+    ...initialState,
+    ...data,
+    ...locale ? {
+      locale
+    } : {}
+  };
+};
+const getContentInitialValue = ({ content, data }) => {
+  return !content ? void 0 : {
+    ...content,
+    data: {
+      ...content == null ? void 0 : content.data,
+      ...data
+    },
+    meta: content == null ? void 0 : content.meta
+  };
+};
+exports.getContentInitialValue = getContentInitialValue;
+exports.getRootStateInitialValue = getRootStateInitialValue;

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

@@ -0,0 +1,31 @@
+const getRootStateInitialValue = ({ content, data, locale }) => {
+  var _a, _b, _c;
+  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)
+      defaultValues[input.name] = input.defaultValue;
+  });
+  return {
+    ...defaultValues,
+    ...initialState,
+    ...data,
+    ...locale ? {
+      locale
+    } : {}
+  };
+};
+const getContentInitialValue = ({ content, data }) => {
+  return !content ? void 0 : {
+    ...content,
+    data: {
+      ...content == null ? void 0 : content.data,
+      ...data
+    },
+    meta: content == null ? void 0 : content.meta
+  };
+};
+export {
+  getContentInitialValue,
+  getRootStateInitialValue
+};