@builder.io/sdk-react-nextjs 0.14.17 → 0.14.20

package/lib/node/{bundle-a8217ddb.js → bundle-08369562.js}

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "react";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, D as DynamicRenderer, C as CustomCode, E as Embed, b as ImgComponent, V as Video, c as Button, F as FragmentComponent, d as Image, S as SectionComponent, e as EnableEditor } from "./USE_CLIENT_BUNDLE-8dadab11.js";
 import { LRUCache } from "lru-cache";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, D as DynamicRenderer, C as CustomCode, E as Embed, b as ImgComponent, V as Video, c as Button, F as FragmentComponent, d as Image, S as SectionComponent, e as EnableEditor } from "./USE_CLIENT_BUNDLE-68277019.js";
 import "next/navigation";
 const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase()), TARGET = "rsc", getClassPropName = () => {
   switch (TARGET) {
@@ -13,6 +13,7 @@ const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col"
     case "vue":
     case "solid":
     case "qwik":
+    case "angular":
       return "class";
   }
 };
@@ -196,16 +197,16 @@ function theFunction() {
   ${e}
 }
 
-let output = theFunction()
+const output = theFunction()
 
 if (typeof output === 'object' && output !== null) {
-  output = JSON.stringify(output.copySync ? output.copySync() : output);
+  return JSON.stringify(output.copySync ? output.copySync() : output);
+} else {
+  return output;
 }
-
-output;
 `;
 };
-let IVM_INSTANCE = null;
+let IVM_INSTANCE = null, IVM_CONTEXT = null;
 const getIvm = () => {
   try {
     const e = safeDynamicRequire("isolated-vm");
@@ -222,12 +223,16 @@ const getIvm = () => {
 
     Please see the documentation for more information: https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments
     `);
-}, getIsolateContext = () => {
-  const e = getIvm();
-  return new e.Isolate({
-    memoryLimit: 128
-  }).createContextSync();
-}, runInNode = ({
+};
+function setIsolateContext(e = {
+  memoryLimit: 128
+}) {
+  const t = getIvm(), o = new t.Isolate(e).createContextSync(), r = o.global;
+  return r.setSync("global", r.derefInto()), r.setSync("log", function(...i) {
+    console.log(...i);
+  }), r.setSync(INJECTED_IVM_GLOBAL, t), IVM_CONTEXT = o, o;
+}
+const getIsolateContext = () => IVM_CONTEXT || setIsolateContext(), runInNode = ({
   code: e,
   builder: t,
   context: n,
@@ -239,34 +244,32 @@ const getIvm = () => {
   const s = getIvm(), c = fastClone({
     ...a,
     ...r
-  }), u = getFunctionArguments({
+  }), d = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
     state: c
-  }), g = getIsolateContext(), d = g.global;
-  d.setSync("global", d.derefInto()), d.setSync("log", function(...m) {
-    console.log(...m);
-  }), d.setSync(BUILDER_SET_STATE_NAME, function(m, l) {
-    set(a, m, l), i == null || i(a);
-  }), u.forEach(([m, l]) => {
-    const b = typeof l == "object" ? new s.Reference(
+  }), f = getIsolateContext(), l = f.global;
+  l.setSync(BUILDER_SET_STATE_NAME, function(b, p) {
+    set(a, b, p), i == null || i(a);
+  }), d.forEach(([b, p]) => {
+    const v = typeof p == "object" ? new s.Reference(
       // workaround: methods with default values for arguments is not being cloned over
-      m === "builder" ? {
-        ...l,
-        getUserAttributes: () => l.getUserAttributes()
-      } : l
+      b === "builder" ? {
+        ...p,
+        getUserAttributes: () => p.getUserAttributes()
+      } : p
     ) : null;
-    d.setSync(getSyncValName(m), b);
-  }), d.setSync(INJECTED_IVM_GLOBAL, s);
-  const f = processCode({
+    l.setSync(getSyncValName(b), v);
+  });
+  const u = processCode({
     code: e,
-    args: u
-  }), h = g.evalSync(f);
+    args: d
+  }), g = f.evalClosureSync(u);
   try {
-    return JSON.parse(h);
+    return JSON.parse(g);
   } catch {
-    return h;
+    return g;
   }
 }, checkIsDefined = (e) => e != null;
 function isNodeRuntime() {
@@ -324,19 +327,19 @@ function evaluate({
     localState: n
   };
   if (s) {
-    const u = EvalCache.getCacheKey(c), g = EvalCache.getCachedValue(u);
-    if (g)
-      return g.value;
+    const d = EvalCache.getCacheKey(c), f = EvalCache.getCachedValue(d);
+    if (f)
+      return f.value;
   }
   try {
-    const u = chooseBrowserOrServerEval(c);
+    const d = chooseBrowserOrServerEval(c);
     if (s) {
-      const g = EvalCache.getCacheKey(c);
-      EvalCache.setCachedValue(g, u);
+      const f = EvalCache.getCacheKey(c);
+      EvalCache.setCachedValue(f, d);
     }
-    return u;
-  } catch (u) {
-    logger.error("Failed code evaluation: " + u.message, {
+    return d;
+  } catch (d) {
+    logger.error("Failed code evaluation: " + d.message, {
       code: e
     });
     return;
@@ -364,7 +367,7 @@ const evaluateBindings = ({
     }
   };
   for (const s in e.bindings) {
-    const c = e.bindings[s], u = evaluate({
+    const c = e.bindings[s], d = evaluate({
       code: c,
       localState: n,
       rootState: o,
@@ -372,7 +375,7 @@ const evaluateBindings = ({
       context: t,
       enableCache: !0
     });
-    set(a, s, u);
+    set(a, s, d);
   }
   return a;
 };
@@ -427,6 +430,7 @@ function mapStyleObjToStrIfNeeded(e) {
     case "svelte":
     case "vue":
     case "solid":
+    case "angular":
       return convertStyleMapToCSSArray(e).join(" ");
     case "qwik":
     case "reactNative":
@@ -478,20 +482,20 @@ const getComponent = ({
   if (!Array.isArray(r))
     return;
   const i = n.collection.split(".").pop(), a = n.itemName || (i ? i + "Item" : "item");
-  return r.map((c, u) => ({
+  return r.map((c, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: u,
+        $index: d,
         $item: c,
         [a]: c,
-        [`$${a}Index`]: u
+        [`$${a}Index`]: d
       }
     },
     block: o
   }));
-}, SIZES = {
+}, shouldPassLinkComponent = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), shouldPassRegisteredComponents = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), SIZES = {
   small: {
     min: 320,
     default: 321,
@@ -596,7 +600,7 @@ function BlockStyles(e) {
     });
     return checkIsDefined(r.hide) ? !r.hide : checkIsDefined(r.show) ? r.show : !0;
   }, n = function() {
-    var p, S, C;
+    var m, h, y;
     const r = getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
@@ -605,47 +609,47 @@ function BlockStyles(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), i = r.responsiveStyles, a = e.context.content, s = getSizesForBreakpoints(
-      ((p = a == null ? void 0 : a.meta) == null ? void 0 : p.breakpoints) || {}
-    ), c = i == null ? void 0 : i.large, u = i == null ? void 0 : i.medium, g = i == null ? void 0 : i.small, d = r.id;
-    if (!d)
+      ((m = a == null ? void 0 : a.meta) == null ? void 0 : m.breakpoints) || {}
+    ), c = i == null ? void 0 : i.large, d = i == null ? void 0 : i.medium, f = i == null ? void 0 : i.small, l = r.id;
+    if (!l)
       return "";
-    const f = c ? createCssClass({
-      className: d,
+    const u = c ? createCssClass({
+      className: l,
       styles: c
-    }) : "", h = u ? createCssClass({
-      className: d,
-      styles: u,
+    }) : "", g = d ? createCssClass({
+      className: l,
+      styles: d,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
         s
       )
-    }) : "", m = g ? createCssClass({
-      className: d,
-      styles: g,
+    }) : "", b = f ? createCssClass({
+      className: l,
+      styles: f,
       mediaQuery: getMaxWidthQueryForSize(
         "small",
         s
       )
-    }) : "", l = r.animations && r.animations.find((y) => y.trigger === "hover");
-    let b = "";
-    if (l) {
-      const y = ((C = (S = l.steps) == null ? void 0 : S[1]) == null ? void 0 : C.styles) || {};
-      b = createCssClass({
-        className: `${d}:hover`,
+    }) : "", p = r.animations && r.animations.find((S) => S.trigger === "hover");
+    let v = "";
+    if (p) {
+      const S = ((y = (h = p.steps) == null ? void 0 : h[1]) == null ? void 0 : y.styles) || {};
+      v = createCssClass({
+        className: `${l}:hover`,
         styles: {
-          ...y,
-          transition: `all ${l.duration}s ${camelCaseToKebabCase(
-            l.easing
+          ...S,
+          transition: `all ${p.duration}s ${camelCaseToKebabCase(
+            p.easing
           )}`,
-          transitionDelay: l.delay ? `${l.delay}s` : "0s"
+          transitionDelay: p.delay ? `${p.delay}s` : "0s"
         }
       }) || "";
     }
     return [
-      f,
-      h,
-      m,
-      b
+      u,
+      g,
+      b,
+      v
     ].join(" ");
   };
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { id: "builderio-block", styles: n() }) }) : null });
@@ -784,7 +788,7 @@ function RepeatedBlock(e) {
   );
 }
 function Block(e) {
-  var c, u, g;
+  var c, d, f;
   const t = function() {
     return getComponent({
       block: e.block,
@@ -797,8 +801,8 @@ function Block(e) {
       context: e.context
     });
   }, o = function() {
-    var f;
-    return (f = e.block.repeat) != null && f.collection ? e.block : getProcessedBlock({
+    var u;
+    return (u = e.block.repeat) != null && u.collection ? e.block : getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -807,29 +811,29 @@ function Block(e) {
       shouldEvaluateBindings: !0
     });
   }, r = function() {
-    var h;
-    return e.block.tagName === "a" || ((h = o().properties) == null ? void 0 : h.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var g;
+    return e.block.tagName === "a" || ((g = o().properties) == null ? void 0 : g.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, i = function() {
-    var m, l;
-    if ((m = e.block.repeat) != null && m.collection)
-      return !!((l = n()) != null && l.length);
-    const f = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !f;
+    var b, p;
+    if ((b = e.block.repeat) != null && b.collection)
+      return !!((p = n()) != null && p.length);
+    const u = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !u;
   }, a = function() {
-    var h;
-    return !((h = t()) != null && h.component) && !n() ? o().children ?? [] : [];
+    var g;
+    return !((g = t()) != null && g.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var f, h, m, l, b, p, S, C, y, v;
+    var u, g, b;
     return {
       blockChildren: o().children ?? [],
-      componentRef: (f = t()) == null ? void 0 : f.component,
+      componentRef: (u = t()) == null ? void 0 : u.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
-        ...((h = t()) == null ? void 0 : h.name) === "Core:Button" || ((m = t()) == null ? void 0 : m.name) === "Symbol" || ((l = t()) == null ? void 0 : l.name) === "Columns" || ((b = t()) == null ? void 0 : b.name) === "Form:Form" ? {
+        ...shouldPassLinkComponent(t()) ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...((p = t()) == null ? void 0 : p.name) === "Symbol" || ((S = t()) == null ? void 0 : S.name) === "Columns" || ((C = t()) == null ? void 0 : C.name) === "Form:Form" ? {
+        ...shouldPassRegisteredComponents(t()) ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -837,8 +841,8 @@ function Block(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((y = t()) == null ? void 0 : y.noWrap) === !0,
-      isInteractive: !((v = t()) != null && v.isRSC)
+      includeBlockProps: ((g = t()) == null ? void 0 : g.noWrap) === !0,
+      isInteractive: !((b = t()) != null && b.isRSC)
     };
   };
   return /* @__PURE__ */ jsx(Fragment, { children: i() ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -856,15 +860,15 @@ function Block(e) {
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (g = n()) == null ? void 0 : g.map((d, f) => /* @__PURE__ */ jsx(
+    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (f = n()) == null ? void 0 : f.map((l, u) => /* @__PURE__ */ jsx(
       RepeatedBlock,
       {
-        repeatContext: d.context,
-        block: d.block,
+        repeatContext: l.context,
+        block: l.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      f
+      u
     )) }) : /* @__PURE__ */ jsxs(
       BlockWrapper,
       {
@@ -887,15 +891,15 @@ function Block(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (u = a()) == null ? void 0 : u.map((d) => /* @__PURE__ */ jsx(
+          (d = a()) == null ? void 0 : d.map((l) => /* @__PURE__ */ jsx(
             Block,
             {
-              block: d,
+              block: l,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            d.id
+            l.id
           ))
         ]
       }
@@ -926,67 +930,70 @@ function Blocks(e) {
     }
   );
 }
+const getColumnsClass = (e) => `builder-columns ${e}-breakpoints`;
 function Columns(e) {
-  var h;
-  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", r = function(l) {
-    var b;
-    return ((b = n[l]) == null ? void 0 : b.width) || 100 / n.length;
-  }, i = function(l) {
-    const b = t * (n.length - 1) / n.length;
-    return `calc(${r(l)}% - ${b}px)`;
-  }, a = function({
-    stackedStyle: l,
-    desktopStyle: b
-  }) {
-    return o === "tablet" ? l : b;
+  var p, v;
+  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", r = function(h) {
+    return h.link ? e.builderLinkComponent || "a" : "div";
+  }, i = function(h) {
+    var y;
+    return ((y = n[h]) == null ? void 0 : y.width) || 100 / n.length;
+  }, a = function(h) {
+    const y = t * (n.length - 1) / n.length;
+    return `calc(${i(h)}% - ${y}px)`;
   }, s = function({
-    stackedStyle: l,
-    desktopStyle: b
+    stackedStyle: h,
+    desktopStyle: y
+  }) {
+    return o === "tablet" ? h : y;
+  }, c = function({
+    stackedStyle: h,
+    desktopStyle: y
   }) {
-    return o === "never" ? b : l;
-  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
+    return o === "never" ? y : h;
+  }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", f = function() {
     return {
-      "--flex-dir": c,
-      "--flex-dir-tablet": a({
-        stackedStyle: c,
+      "--flex-dir": d,
+      "--flex-dir-tablet": s({
+        stackedStyle: d,
         desktopStyle: "row"
       })
     };
-  }, g = function(l) {
-    const b = l === 0 ? 0 : t, p = i(l), S = `${b}px`, C = "100%", y = 0;
+  }, l = function(h) {
+    const y = h === 0 ? 0 : t, S = a(h), C = `${y}px`, I = "100%", x = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: p,
-      ["marginLeft"]: S,
-      "--column-width-mobile": s({
-        stackedStyle: C,
-        desktopStyle: p
-      }),
-      "--column-margin-left-mobile": s({
-        stackedStyle: y,
+      width: S,
+      ["marginLeft"]: C,
+      "--column-width-mobile": c({
+        stackedStyle: I,
         desktopStyle: S
       }),
-      "--column-width-tablet": a({
-        stackedStyle: C,
-        desktopStyle: p
+      "--column-margin-left-mobile": c({
+        stackedStyle: x,
+        desktopStyle: C
       }),
-      "--column-margin-left-tablet": a({
-        stackedStyle: y,
+      "--column-width-tablet": s({
+        stackedStyle: I,
         desktopStyle: S
+      }),
+      "--column-margin-left-tablet": s({
+        stackedStyle: x,
+        desktopStyle: C
       })
     };
-  }, d = function(l) {
-    var p, S;
+  }, u = function(h) {
+    var S, C;
     return getSizesForBreakpoints(
-      ((S = (p = e.builderContext.content) == null ? void 0 : p.meta) == null ? void 0 : S.breakpoints) || {}
-    )[l].max;
-  }, f = function() {
+      ((C = (S = e.builderContext.content) == null ? void 0 : S.meta) == null ? void 0 : C.breakpoints) || {}
+    )[h].max;
+  }, g = function() {
     return `
-        @media (max-width: ${d("medium")}px) {
+        @media (max-width: ${u("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -998,7 +1005,7 @@ function Columns(e) {
           }
         }
 
-        @media (max-width: ${d("small")}px) {
+        @media (max-width: ${u("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -1010,31 +1017,33 @@ function Columns(e) {
           }
         },
       `;
+  }, b = function(h, y) {
+    return {
+      ...h.link ? {
+        href: h.link
+      } : {},
+      [getClassPropName()]: "builder-column",
+      style: mapStyleObjToStrIfNeeded(l(y))
+    };
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-664216e4`,
-        style: u(),
+        className: getColumnsClass((p = e.builderBlock) == null ? void 0 : p.id) + " div-2651dce4",
+        style: f(),
         children: [
-          /* @__PURE__ */ jsx(InlinedStyles, { id: "builderio-columns", styles: f() }),
-          (h = e.columns) == null ? void 0 : h.map((m, l) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(InlinedStyles, { id: "builderio-columns", styles: g() }),
+          (v = e.columns) == null ? void 0 : v.map((m, h) => /* @__PURE__ */ jsx(
             DynamicRenderer,
             {
-              TagName: m.link ? e.builderLinkComponent || "a" : "div",
+              TagName: r(m),
               actionAttributes: {},
-              attributes: {
-                ...m.link ? {
-                  href: m.link
-                } : {},
-                [getClassPropName()]: "builder-column",
-                style: mapStyleObjToStrIfNeeded(g(l))
-              },
+              attributes: b(m, h),
               children: /* @__PURE__ */ jsx(
                 Blocks,
                 {
-                  path: `component.options.columns.${l}.blocks`,
+                  path: `component.options.columns.${h}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -1046,12 +1055,12 @@ function Columns(e) {
                 }
               )
             },
-            l
+            h
           ))
         ]
       }
     ),
-    /* @__PURE__ */ jsx("style", { children: `.div-664216e4 {
+    /* @__PURE__ */ jsx("style", { children: `.div-2651dce4 {
   display: flex;
   line-height: normal;
 }` })
@@ -1483,15 +1492,15 @@ const getTopLevelDomain = (e) => {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, s = 6e4) {
-        return new Promise((c, u) => {
-          const g = document.createElement("img");
-          let d = !1;
-          g.onload = () => {
-            d = !0, c(g);
-          }, g.addEventListener("error", (f) => {
-            console.warn("Image load failed", f.error), u(f.error);
-          }), g.src = a, setTimeout(() => {
-            d || u(new Error("Image load timed out"));
+        return new Promise((c, d) => {
+          const f = document.createElement("img");
+          let l = !1;
+          f.onload = () => {
+            l = !0, c(f);
+          }, f.addEventListener("error", (u) => {
+            console.warn("Image load failed", u.error), d(u.error);
+          }), f.src = a, setTimeout(() => {
+            l || d(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -2078,40 +2087,40 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     enrich: a,
     locale: s,
     apiVersion: c = DEFAULT_API_VERSION,
-    fields: u,
-    omit: g,
-    offset: d,
-    cacheSeconds: f,
-    staleCacheSeconds: h,
-    sort: m,
-    includeUnpublished: l
+    fields: d,
+    omit: f,
+    offset: l,
+    cacheSeconds: u,
+    staleCacheSeconds: g,
+    sort: b,
+    includeUnpublished: p
   } = e;
   if (!i)
     throw new Error("Missing API key");
   if (!["v3"].includes(c))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${c}'`);
-  const b = t !== 1, p = new URL(`https://cdn.builder.io/api/${c}/content/${r}`);
-  if (p.searchParams.set("apiKey", i), p.searchParams.set("limit", String(t)), p.searchParams.set("noTraverse", String(b)), p.searchParams.set("includeRefs", String(!0)), s && p.searchParams.set("locale", s), a && p.searchParams.set("enrich", String(a)), p.searchParams.set("omit", g || "meta.componentsUsed"), u && p.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && p.searchParams.set("offset", String(Math.floor(d))), typeof l == "boolean" && p.searchParams.set("includeUnpublished", String(l)), f && isPositiveNumber(f) && p.searchParams.set("cacheSeconds", String(f)), h && isPositiveNumber(h) && p.searchParams.set("staleCacheSeconds", String(h)), m) {
-    const y = flatten({
-      sort: m
+  const v = t !== 1, m = new URL(`https://cdn.builder.io/api/${c}/content/${r}`);
+  if (m.searchParams.set("apiKey", i), m.searchParams.set("limit", String(t)), m.searchParams.set("noTraverse", String(v)), m.searchParams.set("includeRefs", String(!0)), s && m.searchParams.set("locale", s), a && m.searchParams.set("enrich", String(a)), m.searchParams.set("omit", f || "meta.componentsUsed"), d && m.searchParams.set("fields", d), Number.isFinite(l) && l > -1 && m.searchParams.set("offset", String(Math.floor(l))), typeof p == "boolean" && m.searchParams.set("includeUnpublished", String(p)), u && isPositiveNumber(u) && m.searchParams.set("cacheSeconds", String(u)), g && isPositiveNumber(g) && m.searchParams.set("staleCacheSeconds", String(g)), b) {
+    const S = flatten({
+      sort: b
     });
-    for (const v in y)
-      p.searchParams.set(v, JSON.stringify(y[v]));
+    for (const C in S)
+      m.searchParams.set(C, JSON.stringify(S[C]));
   }
-  const S = {
+  const h = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, C = flatten(S);
-  for (const y in C)
-    p.searchParams.set(y, String(C[y]));
-  if (n && p.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const y = flatten({
+  }, y = flatten(h);
+  for (const S in y)
+    m.searchParams.set(S, String(y[S]));
+  if (n && m.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const S = flatten({
       query: o
     });
-    for (const v in y)
-      p.searchParams.set(v, JSON.stringify(y[v]));
+    for (const C in S)
+      m.searchParams.set(C, JSON.stringify(S[C]));
   }
-  return p;
+  return m;
 }, checkContentHasResults = (e) => "results" in e;
 async function fetchOneEntry(e) {
   const t = await fetchEntries({
@@ -2353,7 +2362,7 @@ function isFromTrustedHost(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "0.14.17", registry = {};
+const SDK_VERSION = "0.14.20", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2423,33 +2432,33 @@ const setupBrowserForEditing = (e = {}) => {
     if (r != null && r.type)
       switch (r.type) {
         case "builder.evaluate": {
-          const s = r.data.text, c = r.data.arguments || [], u = r.data.id, g = new Function(s);
-          let d, f = null;
+          const s = r.data.text, c = r.data.arguments || [], d = r.data.id, f = new Function(s);
+          let l, u = null;
           try {
-            d = g.apply(null, c);
-          } catch (h) {
-            f = h;
+            l = f.apply(null, c);
+          } catch (g) {
+            u = g;
           }
-          f ? (i = window.parent) == null || i.postMessage({
+          u ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: u,
-              error: f.message
+              id: d,
+              error: u.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((h) => {
-            var m;
-            (m = window.parent) == null || m.postMessage({
+          }, "*") : l && typeof l.then == "function" ? l.then((g) => {
+            var b;
+            (b = window.parent) == null || b.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: u,
-                result: h
+                id: d,
+                result: g
               }
             }, "*");
           }).catch(console.error) : (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: d,
-              id: u
+              result: l,
+              id: d
             }
           }, "*");
           break;
@@ -2552,7 +2561,7 @@ font-weight: ${a};
   text-align: inherit;
   font-family: inherit;
 }
-`, getDefaultStyles = (e) => e ? "" : DEFAULT_STYLES;
+`, getDefaultStyles = (e) => e ? "" : DEFAULT_STYLES, getWrapperClassName = (e) => `variant-${e}`;
 function ContentStyles(e) {
   const t = `
 ${getCss({
@@ -2595,7 +2604,7 @@ const getRootStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var r, i, a, s, c, u, g, d, f;
+  var r, i, a, s, c, d, f, l, u;
   const t = getUpdateVariantVisibilityScript({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (r = e.content) == null ? void 0 : r.testVariationId,
@@ -2605,11 +2614,11 @@ function ContentComponent(e) {
     ...getDefaultRegisteredComponents(),
     ...e.customComponents || []
   ].reduce(
-    (h, { component: m, ...l }) => ({
-      ...h,
-      [l.name]: {
-        component: m,
-        ...serializeComponentInfo(l)
+    (g, { component: b, ...p }) => ({
+      ...g,
+      [p.name]: {
+        component: b,
+        ...serializeComponentInfo(p)
       }
     }),
     {}
@@ -2632,9 +2641,9 @@ function ContentComponent(e) {
       ...getDefaultRegisteredComponents(),
       ...e.customComponents || []
     ].reduce(
-      (h, { component: m, ...l }) => ({
-        ...h,
-        [l.name]: serializeComponentInfo(l)
+      (g, { component: b, ...p }) => ({
+        ...g,
+        [p.name]: serializeComponentInfo(p)
       }),
       {}
     ),
@@ -2673,13 +2682,13 @@ function ContentComponent(e) {
             isNestedRender: e.isNestedRender,
             contentId: (a = o.content) == null ? void 0 : a.id,
             cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
-            customFonts: (g = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : g.customFonts
+            customFonts: (f = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : f.customFonts
           }
         ),
         /* @__PURE__ */ jsx(
           Blocks,
           {
-            blocks: (f = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : f.blocks,
+            blocks: (u = (l = o.content) == null ? void 0 : l.data) == null ? void 0 : u.blocks,
             context: o,
             registeredComponents: n,
             linkComponent: e.linkComponent
@@ -2810,20 +2819,24 @@ const fetchSymbolContent = async ({
     });
 };
 async function Symbol$1(e) {
-  var o, r, i, a, s;
+  var i, a, s, c, d;
   const t = function() {
-    var u, g;
+    return "div";
+  }, n = function() {
+    return "div";
+  }, o = function() {
+    var l, u;
     return [
       e.attributes[getClassPropName()],
       "builder-symbol",
-      (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
-      (g = e.symbol) != null && g.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (l = e.symbol) != null && l.inline ? "builder-inline-symbol" : void 0,
+      (u = e.symbol) != null && u.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, n = ((o = e.symbol) == null ? void 0 : o.content) || await fetchSymbolContent({
+  }, r = ((i = e.symbol) == null ? void 0 : i.content) || await fetchSymbolContent({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
-  return /* @__PURE__ */ jsx("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { ...e.attributes, className: o(), children: /* @__PURE__ */ jsx(
     ContentVariants,
     {
       isNestedRender: !0,
@@ -2831,19 +2844,19 @@ async function Symbol$1(e) {
       apiKey: e.builderContext.apiKey,
       context: {
         ...e.builderContext.context,
-        symbolId: (r = e.builderBlock) == null ? void 0 : r.id
+        symbolId: (a = e.builderBlock) == null ? void 0 : a.id
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(i = e.symbol) == null ? void 0 : i.data,
+        ...(s = e.symbol) == null ? void 0 : s.data,
         ...e.builderContext.localState,
-        ...(a = n == null ? void 0 : n.data) == null ? void 0 : a.state
+        ...(c = r == null ? void 0 : r.data) == null ? void 0 : c.state
       },
-      model: (s = e.symbol) == null ? void 0 : s.model,
-      content: n,
+      model: (d = e.symbol) == null ? void 0 : d.model,
+      content: r,
       linkComponent: e.builderLinkComponent,
-      blocksWrapper: "div",
-      contentWrapper: "div"
+      blocksWrapper: t(),
+      contentWrapper: n()
     }
   ) });
 }
@@ -2879,13 +2892,14 @@ const fetchBuilderProps = async (e) => {
   };
 };
 export {
-  track as A,
+  getBuilderSearchParams as A,
   Blocks as B,
   Columns as C,
-  subscribeToEditor as D,
-  fetchBuilderProps as E,
-  _processContentResult as F,
-  fetchEntries as G,
+  track as D,
+  subscribeToEditor as E,
+  fetchBuilderProps as F,
+  _processContentResult as G,
+  fetchEntries as H,
   Symbol$1 as S,
   Text as T,
   _track as _,
@@ -2899,20 +2913,20 @@ export {
   getDefaultCanTrack as h,
   isEmptyElement as i,
   isPreviewing as j,
-  createEditorListener as k,
+  getWrapperClassName as k,
   logger as l,
-  evaluate as m,
-  getInteractionPropertiesForEvent as n,
-  fetch$1 as o,
-  fastClone as p,
-  createRegisterComponentMessage as q,
+  createEditorListener as m,
+  evaluate as n,
+  getInteractionPropertiesForEvent as o,
+  fetch$1 as p,
+  fastClone as q,
   registerInsertMenu as r,
   setupBrowserForEditing as s,
   triggerAnimation as t,
-  fetchOneEntry as u,
-  init as v,
-  ContentVariants as w,
-  register as x,
-  setEditorSettings as y,
-  getBuilderSearchParams as z
+  createRegisterComponentMessage as u,
+  fetchOneEntry as v,
+  init as w,
+  ContentVariants as x,
+  register as y,
+  setEditorSettings as z
 };