@builder.io/sdk-qwik 0.16.18 → 0.16.20

package/lib/browser/blocks/columns/columns.qwik.cjs

@@ -10,36 +10,36 @@ const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs")
 const getStyle = require("../../functions/get-style.qwik.cjs");
 const helpers = require("./helpers.qwik.cjs");
 const qwik = require("@builder.io/qwik");
-const getTagName = function getTagName2(props, state, column) {
+const getTagName = function getTagName2(props, state, gutterSize, cols, stackAt, flexDir, column) {
   return column.link ? props.builderLinkComponent || "a" : "div";
 };
-const getWidth = function getWidth2(props, state, index) {
+const getWidth = function getWidth2(props, state, gutterSize, cols, stackAt, flexDir, index) {
   var _a;
-  return ((_a = state.cols[index]) == null ? void 0 : _a.width) || 100 / state.cols.length;
+  return ((_a = cols.value[index]) == null ? void 0 : _a.width) || 100 / cols.value.length;
 };
-const getColumnCssWidth = function getColumnCssWidth2(props, state, index) {
-  const width = getWidth(props, state, index);
-  const subtractWidth = state.gutterSize * (state.cols.length - 1) * (width / 100);
+const getColumnCssWidth = function getColumnCssWidth2(props, state, gutterSize, cols, stackAt, flexDir, index) {
+  const width = getWidth(props, state, gutterSize, cols, stackAt, flexDir, index);
+  const subtractWidth = gutterSize.value * (cols.value.length - 1) * (width / 100);
   return `calc(${width}% - ${subtractWidth}px)`;
 };
-const getTabletStyle = function getTabletStyle2(props, state, { stackedStyle, desktopStyle }) {
-  return state.stackAt === "tablet" ? stackedStyle : desktopStyle;
+const getTabletStyle = function getTabletStyle2(props, state, gutterSize, cols, stackAt, flexDir, { stackedStyle, desktopStyle }) {
+  return stackAt.value === "tablet" ? stackedStyle : desktopStyle;
 };
-const getMobileStyle = function getMobileStyle2(props, state, { stackedStyle, desktopStyle }) {
-  return state.stackAt === "never" ? desktopStyle : stackedStyle;
+const getMobileStyle = function getMobileStyle2(props, state, gutterSize, cols, stackAt, flexDir, { stackedStyle, desktopStyle }) {
+  return stackAt.value === "never" ? desktopStyle : stackedStyle;
 };
-const columnsCssVars = function columnsCssVars2(props, state) {
+const columnsCssVars = function columnsCssVars2(props, state, gutterSize, cols, stackAt, flexDir) {
   return {
-    "--flex-dir": state.flexDir,
-    "--flex-dir-tablet": getTabletStyle(props, state, {
-      stackedStyle: state.flexDir,
+    "--flex-dir": flexDir.value,
+    "--flex-dir-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
+      stackedStyle: flexDir.value,
       desktopStyle: "row"
     })
   };
 };
-const columnCssVars = function columnCssVars2(props, state, index) {
-  const gutter = index === 0 ? 0 : state.gutterSize;
-  const width = getColumnCssWidth(props, state, index);
+const columnCssVars = function columnCssVars2(props, state, gutterSize, cols, stackAt, flexDir, index) {
+  const gutter = index === 0 ? 0 : gutterSize.value;
+  const width = getColumnCssWidth(props, state, gutterSize, cols, stackAt, flexDir, index);
   const gutterPixels = `${gutter}px`;
   const mobileWidth = "100%";
   const mobileMarginLeft = 0;
@@ -53,33 +53,33 @@ const columnCssVars = function columnCssVars2(props, state, index) {
     ...sharedStyles,
     width,
     [marginLeftKey]: gutterPixels,
-    "--column-width-mobile": getMobileStyle(props, state, {
+    "--column-width-mobile": getMobileStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileWidth,
       desktopStyle: width
     }),
-    "--column-margin-left-mobile": getMobileStyle(props, state, {
+    "--column-margin-left-mobile": getMobileStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileMarginLeft,
       desktopStyle: gutterPixels
     }),
-    "--column-width-tablet": getTabletStyle(props, state, {
+    "--column-width-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileWidth,
       desktopStyle: width
     }),
-    "--column-margin-left-tablet": getTabletStyle(props, state, {
+    "--column-margin-left-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileMarginLeft,
       desktopStyle: gutterPixels
     })
   };
 };
-const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, state, size) {
+const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, state, gutterSize, cols, stackAt, flexDir, size) {
   var _a, _b;
   const breakpointSizes = deviceSizes.getSizesForBreakpoints(((_b = (_a = props.builderContext.content) == null ? void 0 : _a.meta) == null ? void 0 : _b.breakpoints) || {});
   return breakpointSizes[size].max;
 };
-const columnsStyles = function columnsStyles2(props, state) {
+const columnsStyles = function columnsStyles2(props, state, gutterSize, cols, stackAt, flexDir) {
   const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
-        @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
+        @media (max-width: ${getWidthForBreakpointSize(props, state, gutterSize, cols, stackAt, flexDir, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -91,7 +91,7 @@ const columnsStyles = function columnsStyles2(props, state) {
           }
         }
 
-        @media (max-width: ${getWidthForBreakpointSize(props, state, "small")}px) {
+        @media (max-width: ${getWidthForBreakpointSize(props, state, gutterSize, cols, stackAt, flexDir, "small")}px) {
           .${props.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -104,39 +104,46 @@ const columnsStyles = function columnsStyles2(props, state) {
         },
       `;
 };
-const getAttributes = function getAttributes2(props, state, column, index) {
+const getAttributes = function getAttributes2(props, state, gutterSize, cols, stackAt, flexDir, column, index) {
   return {
     ...{},
     ...column.link ? {
       href: column.link
     } : {},
     [getClassPropName.getClassPropName()]: "builder-column",
-    style: getStyle.mapStyleObjToStrIfNeeded(columnCssVars(props, state, index))
+    style: getStyle.mapStyleObjToStrIfNeeded(columnCssVars(props, state, gutterSize, cols, stackAt, flexDir, index))
   };
 };
 const Columns = qwik.component$((props) => {
   var _a;
-  const state = qwik.useStore({
-    cols: props.columns || [],
-    flexDir: props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column",
-    gutterSize: typeof props.space === "number" ? props.space || 0 : 20,
-    stackAt: props.stackColumnsAt || "tablet"
-  });
+  const state = {};
   qwik.useStylesScoped$(STYLES);
+  const gutterSize = qwik.useComputed$(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = qwik.useComputed$(() => {
+    return props.columns || [];
+  });
+  const stackAt = qwik.useComputed$(() => {
+    return props.stackColumnsAt || "tablet";
+  });
+  const flexDir = qwik.useComputed$(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: helpers.getColumnsClass((_a = props.builderBlock) == null ? void 0 : _a.id) + " div-Columns",
-    style: columnsCssVars(props, state),
+    style: columnsCssVars(props, state, gutterSize, cols, stackAt, flexDir),
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(inlinedStyles.InlinedStyles, {
         id: "builderio-columns",
-        styles: columnsStyles(props, state),
+        styles: columnsStyles(props, state, gutterSize, cols, stackAt, flexDir),
         nonce: props.builderContext.nonce
       }),
       (props.columns || []).map((column, index) => {
         return /* @__PURE__ */ jsxRuntime.jsx(dynamicRenderer.DynamicRenderer, {
-          TagName: getTagName(props, state, column),
+          TagName: getTagName(props, state, gutterSize, cols, stackAt, flexDir, column),
           actionAttributes: {},
-          attributes: getAttributes(props, state, column, index),
+          attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
           children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
             path: `component.options.columns.${index}.blocks`,
             parent: props.builderBlock.id,

package/lib/browser/blocks/columns/columns.qwik.mjs

@@ -7,37 +7,37 @@ import { deoptSignal } from "../../functions/deopt.qwik.mjs";
 import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
 import { mapStyleObjToStrIfNeeded } from "../../functions/get-style.qwik.mjs";
 import { getColumnsClass } from "./helpers.qwik.mjs";
-import { component$, useStore, useStylesScoped$ } from "@builder.io/qwik";
-const getTagName = function getTagName2(props, state, column) {
+import { component$, useStylesScoped$, useComputed$ } from "@builder.io/qwik";
+const getTagName = function getTagName2(props, state, gutterSize, cols, stackAt, flexDir, column) {
   return column.link ? props.builderLinkComponent || "a" : "div";
 };
-const getWidth = function getWidth2(props, state, index) {
+const getWidth = function getWidth2(props, state, gutterSize, cols, stackAt, flexDir, index) {
   var _a;
-  return ((_a = state.cols[index]) == null ? void 0 : _a.width) || 100 / state.cols.length;
+  return ((_a = cols.value[index]) == null ? void 0 : _a.width) || 100 / cols.value.length;
 };
-const getColumnCssWidth = function getColumnCssWidth2(props, state, index) {
-  const width = getWidth(props, state, index);
-  const subtractWidth = state.gutterSize * (state.cols.length - 1) * (width / 100);
+const getColumnCssWidth = function getColumnCssWidth2(props, state, gutterSize, cols, stackAt, flexDir, index) {
+  const width = getWidth(props, state, gutterSize, cols, stackAt, flexDir, index);
+  const subtractWidth = gutterSize.value * (cols.value.length - 1) * (width / 100);
   return `calc(${width}% - ${subtractWidth}px)`;
 };
-const getTabletStyle = function getTabletStyle2(props, state, { stackedStyle, desktopStyle }) {
-  return state.stackAt === "tablet" ? stackedStyle : desktopStyle;
+const getTabletStyle = function getTabletStyle2(props, state, gutterSize, cols, stackAt, flexDir, { stackedStyle, desktopStyle }) {
+  return stackAt.value === "tablet" ? stackedStyle : desktopStyle;
 };
-const getMobileStyle = function getMobileStyle2(props, state, { stackedStyle, desktopStyle }) {
-  return state.stackAt === "never" ? desktopStyle : stackedStyle;
+const getMobileStyle = function getMobileStyle2(props, state, gutterSize, cols, stackAt, flexDir, { stackedStyle, desktopStyle }) {
+  return stackAt.value === "never" ? desktopStyle : stackedStyle;
 };
-const columnsCssVars = function columnsCssVars2(props, state) {
+const columnsCssVars = function columnsCssVars2(props, state, gutterSize, cols, stackAt, flexDir) {
   return {
-    "--flex-dir": state.flexDir,
-    "--flex-dir-tablet": getTabletStyle(props, state, {
-      stackedStyle: state.flexDir,
+    "--flex-dir": flexDir.value,
+    "--flex-dir-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
+      stackedStyle: flexDir.value,
       desktopStyle: "row"
     })
   };
 };
-const columnCssVars = function columnCssVars2(props, state, index) {
-  const gutter = index === 0 ? 0 : state.gutterSize;
-  const width = getColumnCssWidth(props, state, index);
+const columnCssVars = function columnCssVars2(props, state, gutterSize, cols, stackAt, flexDir, index) {
+  const gutter = index === 0 ? 0 : gutterSize.value;
+  const width = getColumnCssWidth(props, state, gutterSize, cols, stackAt, flexDir, index);
   const gutterPixels = `${gutter}px`;
   const mobileWidth = "100%";
   const mobileMarginLeft = 0;
@@ -51,33 +51,33 @@ const columnCssVars = function columnCssVars2(props, state, index) {
     ...sharedStyles,
     width,
     [marginLeftKey]: gutterPixels,
-    "--column-width-mobile": getMobileStyle(props, state, {
+    "--column-width-mobile": getMobileStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileWidth,
       desktopStyle: width
     }),
-    "--column-margin-left-mobile": getMobileStyle(props, state, {
+    "--column-margin-left-mobile": getMobileStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileMarginLeft,
       desktopStyle: gutterPixels
     }),
-    "--column-width-tablet": getTabletStyle(props, state, {
+    "--column-width-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileWidth,
       desktopStyle: width
     }),
-    "--column-margin-left-tablet": getTabletStyle(props, state, {
+    "--column-margin-left-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileMarginLeft,
       desktopStyle: gutterPixels
     })
   };
 };
-const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, state, size) {
+const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, state, gutterSize, cols, stackAt, flexDir, size) {
   var _a, _b;
   const breakpointSizes = getSizesForBreakpoints(((_b = (_a = props.builderContext.content) == null ? void 0 : _a.meta) == null ? void 0 : _b.breakpoints) || {});
   return breakpointSizes[size].max;
 };
-const columnsStyles = function columnsStyles2(props, state) {
+const columnsStyles = function columnsStyles2(props, state, gutterSize, cols, stackAt, flexDir) {
   const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
-        @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
+        @media (max-width: ${getWidthForBreakpointSize(props, state, gutterSize, cols, stackAt, flexDir, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -89,7 +89,7 @@ const columnsStyles = function columnsStyles2(props, state) {
           }
         }
 
-        @media (max-width: ${getWidthForBreakpointSize(props, state, "small")}px) {
+        @media (max-width: ${getWidthForBreakpointSize(props, state, gutterSize, cols, stackAt, flexDir, "small")}px) {
           .${props.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -102,39 +102,46 @@ const columnsStyles = function columnsStyles2(props, state) {
         },
       `;
 };
-const getAttributes = function getAttributes2(props, state, column, index) {
+const getAttributes = function getAttributes2(props, state, gutterSize, cols, stackAt, flexDir, column, index) {
   return {
     ...{},
     ...column.link ? {
       href: column.link
     } : {},
     [getClassPropName()]: "builder-column",
-    style: mapStyleObjToStrIfNeeded(columnCssVars(props, state, index))
+    style: mapStyleObjToStrIfNeeded(columnCssVars(props, state, gutterSize, cols, stackAt, flexDir, index))
   };
 };
 const Columns = component$((props) => {
   var _a;
-  const state = useStore({
-    cols: props.columns || [],
-    flexDir: props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column",
-    gutterSize: typeof props.space === "number" ? props.space || 0 : 20,
-    stackAt: props.stackColumnsAt || "tablet"
-  });
+  const state = {};
   useStylesScoped$(STYLES);
+  const gutterSize = useComputed$(() => {
+    return typeof props.space === "number" ? props.space || 0 : 20;
+  });
+  const cols = useComputed$(() => {
+    return props.columns || [];
+  });
+  const stackAt = useComputed$(() => {
+    return props.stackColumnsAt || "tablet";
+  });
+  const flexDir = useComputed$(() => {
+    return props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  });
   return /* @__PURE__ */ jsxs("div", {
     class: getColumnsClass((_a = props.builderBlock) == null ? void 0 : _a.id) + " div-Columns",
-    style: columnsCssVars(props, state),
+    style: columnsCssVars(props, state, gutterSize, cols, stackAt, flexDir),
     children: [
       /* @__PURE__ */ jsx(InlinedStyles, {
         id: "builderio-columns",
-        styles: columnsStyles(props, state),
+        styles: columnsStyles(props, state, gutterSize, cols, stackAt, flexDir),
         nonce: props.builderContext.nonce
       }),
       (props.columns || []).map((column, index) => {
         return /* @__PURE__ */ jsx(DynamicRenderer, {
-          TagName: getTagName(props, state, column),
+          TagName: getTagName(props, state, gutterSize, cols, stackAt, flexDir, column),
           actionAttributes: {},
-          attributes: getAttributes(props, state, column, index),
+          attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
           children: /* @__PURE__ */ jsx(Blocks, {
             path: `component.options.columns.${index}.blocks`,
             parent: props.builderBlock.id,

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

@@ -80,6 +80,7 @@ const onClick = function onClick2(props, state, showContentProps, elementRef, ev
     const variationId = (_a = props.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
     const contentId = (_b = props.builderContextSignal.content) == null ? void 0 : _b.id;
     index$1._track({
+      apiHost: props.apiHost,
       type: "click",
       canTrack: canTrack.getDefaultCanTrack(props.canTrack),
       contentId,
@@ -193,7 +194,7 @@ const EnableEditor = qwik.component$((props) => {
   qwik.useOn("qvisible", qwik.$((event, element) => {
     var _a2, _b2, _c2, _d2;
     if (isBrowser.isBrowser()) {
-      if (isEditing.isEditing()) {
+      if (isEditing.isEditing() && !props.isNestedRender) {
         if (element) {
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
         }
@@ -204,6 +205,7 @@ const EnableEditor = qwik.component$((props) => {
         const contentId = (_c2 = element.attributes.getNamedItem("contentId")) == null ? void 0 : _c2.value;
         const apiKeyProp = (_d2 = element.attributes.getNamedItem("apiKey")) == null ? void 0 : _d2.value;
         index$1._track({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,

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

@@ -78,6 +78,7 @@ const onClick = function onClick2(props, state, showContentProps, elementRef, ev
     const variationId = (_a = props.builderContextSignal.content) == null ? void 0 : _a.testVariationId;
     const contentId = (_b = props.builderContextSignal.content) == null ? void 0 : _b.id;
     _track({
+      apiHost: props.apiHost,
       type: "click",
       canTrack: getDefaultCanTrack(props.canTrack),
       contentId,
@@ -191,7 +192,7 @@ const EnableEditor = component$((props) => {
   useOn("qvisible", $((event, element) => {
     var _a2, _b2, _c2, _d2;
     if (isBrowser()) {
-      if (isEditing()) {
+      if (isEditing() && !props.isNestedRender) {
         if (element) {
           element.dispatchEvent(new CustomEvent("initeditingbldr"));
         }
@@ -202,6 +203,7 @@ const EnableEditor = component$((props) => {
         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({
+          apiHost: props.apiHost,
           type: "impression",
           canTrack: true,
           contentId,

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

@@ -99,6 +99,7 @@ const ContentComponent = qwik.component$((props) => {
     }
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(enableEditor.EnableEditor, {
+    apiHost: props.apiHost,
     nonce: props.nonce,
     content: props.content,
     data: props.data,
@@ -113,6 +114,7 @@ const ContentComponent = qwik.component$((props) => {
     contentWrapper: props.contentWrapper,
     contentWrapperProps: props.contentWrapperProps,
     trustedHosts: props.trustedHosts,
+    isNestedRender: props.isNestedRender,
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ jsxRuntime.jsx(inlinedScript.InlinedScript, {
         id: "builderio-variant-visibility",

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

@@ -97,6 +97,7 @@ const ContentComponent = component$((props) => {
     }
   });
   return /* @__PURE__ */ jsxs(EnableEditor, {
+    apiHost: props.apiHost,
     nonce: props.nonce,
     content: props.content,
     data: props.data,
@@ -111,6 +112,7 @@ const ContentComponent = component$((props) => {
     contentWrapper: props.contentWrapper,
     contentWrapperProps: props.contentWrapperProps,
     trustedHosts: props.trustedHosts,
+    isNestedRender: props.isNestedRender,
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ jsx(InlinedScript, {
         id: "builderio-variant-visibility",

package/lib/browser/components/content-variants/content-variants.qwik.cjs

@@ -57,6 +57,7 @@ const ContentVariants = qwik.component$((props) => {
           }),
           (helpers.getVariants(props.content) || []).map((variant) => {
             return /* @__PURE__ */ jsxRuntime.jsx(content.ContentComponent, {
+              apiHost: props.apiHost,
               isNestedRender: props.isNestedRender,
               nonce: props.nonce,
               content: variant,
@@ -82,6 +83,7 @@ const ContentVariants = qwik.component$((props) => {
         ]
       }) : null,
       /* @__PURE__ */ jsxRuntime.jsx(content.ContentComponent, {
+        apiHost: props.apiHost,
         nonce: props.nonce,
         isNestedRender: props.isNestedRender,
         content: defaultContent.value,

package/lib/browser/components/content-variants/content-variants.qwik.mjs

@@ -55,6 +55,7 @@ const ContentVariants = component$((props) => {
           }),
           (getVariants(props.content) || []).map((variant) => {
             return /* @__PURE__ */ jsx(ContentComponent, {
+              apiHost: props.apiHost,
               isNestedRender: props.isNestedRender,
               nonce: props.nonce,
               content: variant,
@@ -80,6 +81,7 @@ const ContentVariants = component$((props) => {
         ]
       }) : null,
       /* @__PURE__ */ jsx(ContentComponent, {
+        apiHost: props.apiHost,
         nonce: props.nonce,
         isNestedRender: props.isNestedRender,
         content: defaultContent.value,

package/lib/browser/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.16.18";
+const SDK_VERSION = "0.16.20";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/browser/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.16.18";
+const SDK_VERSION = "0.16.20";
 export {
   SDK_VERSION
 };

package/lib/browser/functions/get-content/generate-content-url.qwik.cjs

@@ -6,7 +6,7 @@ const apiVersion = require("../../types/api-version.qwik.cjs");
 const index = require("../get-builder-search-params/index.qwik.cjs");
 const isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 const generateContentUrl = (options) => {
-  const { limit = 30, userAttributes, query, model, apiKey, enrich, locale, apiVersion: apiVersion$1 = apiVersion.DEFAULT_API_VERSION, fields, omit, offset, cacheSeconds, staleCacheSeconds, sort, includeUnpublished } = options;
+  const { limit = 30, userAttributes, query, model, apiKey, enrich, locale, apiVersion: apiVersion$1 = apiVersion.DEFAULT_API_VERSION, fields, omit, offset, cacheSeconds, staleCacheSeconds, sort, includeUnpublished, apiHost } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
   }
@@ -16,7 +16,8 @@ const generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion$1}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion$1}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion$1}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));

package/lib/browser/functions/get-content/generate-content-url.qwik.mjs

@@ -4,7 +4,7 @@ import { DEFAULT_API_VERSION } from "../../types/api-version.qwik.mjs";
 import { getBuilderSearchParamsFromWindow } from "../get-builder-search-params/index.qwik.mjs";
 const isPositiveNumber = (thing) => typeof thing === "number" && !isNaN(thing) && thing >= 0;
 const generateContentUrl = (options) => {
-  const { limit = 30, userAttributes, query, model, apiKey, enrich, locale, apiVersion = DEFAULT_API_VERSION, fields, omit, offset, cacheSeconds, staleCacheSeconds, sort, includeUnpublished } = options;
+  const { limit = 30, userAttributes, query, model, apiKey, enrich, locale, apiVersion = DEFAULT_API_VERSION, fields, omit, offset, cacheSeconds, staleCacheSeconds, sort, includeUnpublished, apiHost } = options;
   if (!apiKey) {
     throw new Error("Missing API key");
   }
@@ -14,7 +14,8 @@ const generateContentUrl = (options) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${apiVersion}'`);
   }
   const noTraverse = limit !== 1;
-  const url = new URL(`https://cdn.builder.io/api/${apiVersion}/content/${model}`);
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  const url = new URL(`${baseUrl}/api/${apiVersion}/content/${model}`);
   url.searchParams.set("apiKey", apiKey);
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));

package/lib/browser/functions/track/index.qwik.cjs

@@ -41,7 +41,7 @@ const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...pro
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({ apiHost, ...eventProps }) {
   if (!eventProps.apiKey) {
     logger.logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -55,7 +55,8 @@ async function _track(eventProps) {
   if (!(isBrowser.isBrowser() || target.TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [

package/lib/browser/functions/track/index.qwik.mjs

@@ -39,7 +39,7 @@ const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...pro
     ownerId: apiKey
   }
 });
-async function _track(eventProps) {
+async function _track({ apiHost, ...eventProps }) {
   if (!eventProps.apiKey) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -53,7 +53,8 @@ async function _track(eventProps) {
   if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
-  return fetch(`https://cdn.builder.io/api/v1/track`, {
+  const baseUrl = apiHost || "https://cdn.builder.io";
+  return fetch(`${baseUrl}/api/v1/track`, {
     method: "POST",
     body: JSON.stringify({
       events: [