@builder.io/sdk-qwik 0.16.2 → 0.16.4

package/lib/browser/index.qwik.cjs

@@ -1612,6 +1612,7 @@ const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, sta
   return breakpointSizes[size].max;
 };
 const columnsStyles = function columnsStyles2(props, state) {
+  const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
         @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
@@ -1619,7 +1620,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -1631,7 +1632,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
@@ -1836,6 +1837,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [
@@ -3361,7 +3364,8 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -3384,14 +3388,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const processedText = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a;
+    const [props2] = qwik.useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ qwik._jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -4753,14 +4770,13 @@ const serializeFn = (fnValue) => {
   const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
-const serializeComponentInfo = ({ inputs, ...info }) => ({
-  ...fastClone(info),
-  inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
-    ...acc,
-    [key]: serializeValue(value)
-  }), {}))
-});
+function serializeComponentInfo(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function")
+      return serializeFn(value);
+    return value;
+  }));
+}
 const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 const UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME = "builderIoAbTest";
@@ -5203,7 +5219,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.16.2";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6179,8 +6195,6 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     props,
     state
   ]));
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {

package/lib/browser/index.qwik.mjs

@@ -1610,6 +1610,7 @@ const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, sta
   return breakpointSizes[size].max;
 };
 const columnsStyles = function columnsStyles2(props, state) {
+  const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
         @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
@@ -1617,7 +1618,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -1629,7 +1630,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
@@ -1834,6 +1835,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [
@@ -3359,7 +3362,8 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -3382,14 +3386,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const processedText = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a;
+    const [props2] = useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ _jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -4751,14 +4768,13 @@ const serializeFn = (fnValue) => {
   const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
-const serializeComponentInfo = ({ inputs, ...info }) => ({
-  ...fastClone(info),
-  inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
-    ...acc,
-    [key]: serializeValue(value)
-  }), {}))
-});
+function serializeComponentInfo(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function")
+      return serializeFn(value);
+    return value;
+  }));
+}
 const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 const UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME = "builderIoAbTest";
@@ -5201,7 +5217,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.16.2";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6177,8 +6193,6 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {

package/lib/edge/index.qwik.cjs

@@ -4836,6 +4836,7 @@ const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, sta
   return breakpointSizes[size].max;
 };
 const columnsStyles = function columnsStyles2(props, state) {
+  const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
         @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
@@ -4843,7 +4844,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -4855,7 +4856,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
@@ -5060,6 +5061,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [
@@ -6585,7 +6588,8 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -6608,14 +6612,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const processedText = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a;
+    const [props2] = qwik.useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ qwik._jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -7977,14 +7994,13 @@ const serializeFn = (fnValue) => {
   const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
-const serializeComponentInfo = ({ inputs, ...info }) => ({
-  ...fastClone(info),
-  inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
-    ...acc,
-    [key]: serializeValue(value)
-  }), {}))
-});
+function serializeComponentInfo(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function")
+      return serializeFn(value);
+    return value;
+  }));
+}
 const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 const UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME = "builderIoAbTest";
@@ -8427,7 +8443,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.16.2";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -9403,8 +9419,6 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     props,
     state
   ]));
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {

package/lib/edge/index.qwik.mjs

@@ -4834,6 +4834,7 @@ const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, sta
   return breakpointSizes[size].max;
 };
 const columnsStyles = function columnsStyles2(props, state) {
+  const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
         @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
@@ -4841,7 +4842,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -4853,7 +4854,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
@@ -5058,6 +5059,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [
@@ -6583,7 +6586,8 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -6606,14 +6610,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const processedText = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a;
+    const [props2] = useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ _jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -7975,14 +7992,13 @@ const serializeFn = (fnValue) => {
   const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
-const serializeComponentInfo = ({ inputs, ...info }) => ({
-  ...fastClone(info),
-  inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
-    ...acc,
-    [key]: serializeValue(value)
-  }), {}))
-});
+function serializeComponentInfo(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function")
+      return serializeFn(value);
+    return value;
+  }));
+}
 const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 const UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME = "builderIoAbTest";
@@ -8425,7 +8441,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.16.2";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -9401,8 +9417,6 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {

package/lib/node/index.qwik.cjs

@@ -1757,6 +1757,7 @@ const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, sta
   return breakpointSizes[size].max;
 };
 const columnsStyles = function columnsStyles2(props, state) {
+  const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
         @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
@@ -1764,7 +1765,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -1776,7 +1777,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
@@ -1981,6 +1982,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       /* @__PURE__ */ qwik._jsxQ("picture", null, null, [
@@ -3506,7 +3509,8 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -3529,14 +3533,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const processedText = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a;
+    const [props2] = qwik.useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ qwik._jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -4898,14 +4915,13 @@ const serializeFn = (fnValue) => {
   const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
-const serializeComponentInfo = ({ inputs, ...info }) => ({
-  ...fastClone(info),
-  inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
-    ...acc,
-    [key]: serializeValue(value)
-  }), {}))
-});
+function serializeComponentInfo(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function")
+      return serializeFn(value);
+    return value;
+  }));
+}
 const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 const UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME = "builderIoAbTest";
@@ -5348,7 +5364,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.16.2";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6324,8 +6340,6 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     props,
     state
   ]));
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-  }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {

package/lib/node/index.qwik.mjs

@@ -1755,6 +1755,7 @@ const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, sta
   return breakpointSizes[size].max;
 };
 const columnsStyles = function columnsStyles2(props, state) {
+  const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
         @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
@@ -1762,7 +1763,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -1774,7 +1775,7 @@ const columnsStyles = function columnsStyles2(props, state) {
             align-items: stretch;
           }
 
-          .${props.builderBlock.id}-breakpoints > .builder-column {
+          ${childColumnDiv} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
@@ -1979,6 +1980,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
     props
   ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       /* @__PURE__ */ _jsxQ("picture", null, null, [
@@ -3504,7 +3507,8 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false
+    builderBlock: false,
+    builderContext: true
   },
   name: "Text",
   static: true,
@@ -3527,14 +3531,27 @@ const componentInfo$9 = {
   }
 };
 const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const processedText = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a;
+    const [props2] = useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
   return /* @__PURE__ */ _jsxQ("div", null, {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => {
-      var _a;
-      return ((_a = p0.text) == null ? void 0 : _a.toString()) || "";
-    }, [
-      props
-    ], 'p0.text?.toString()||""'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
     style: {
       outline: "none"
     }
@@ -4896,14 +4913,13 @@ const serializeFn = (fnValue) => {
   const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
   return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
 };
-const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
-const serializeComponentInfo = ({ inputs, ...info }) => ({
-  ...fastClone(info),
-  inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
-    ...acc,
-    [key]: serializeValue(value)
-  }), {}))
-});
+function serializeComponentInfo(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function")
+      return serializeFn(value);
+    return value;
+  }));
+}
 const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
 const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";
 const UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME = "builderIoAbTest";
@@ -5346,7 +5362,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.16.2";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6322,8 +6338,6 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     props,
     state
   ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {

package/package.json

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

package/types/src/blocks/image/image.types.d.ts

@@ -1,5 +1,6 @@
 import type { BuilderBlock } from '../../types/builder-block';
 export interface ImageProps {
+    attributes?: string;
     highPriority?: boolean;
     className?: string;
     image: string;
@@ -12,6 +13,7 @@ export interface ImageProps {
     backgroundPosition?: string;
     srcset?: string;
     aspectRatio?: number;
+    lockAspectRatio?: boolean;
     children?: any;
     fitContent?: boolean;
     builderBlock?: BuilderBlock;

package/types/src/blocks/symbol/symbol.types.d.ts

@@ -14,5 +14,6 @@ export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, Bu
     dynamic?: boolean;
     attributes?: any;
     inheritState?: boolean;
+    renderToLiquid?: boolean;
 }
 export {};

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

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

package/types/src/functions/register-component.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentInfo } from '../types/components';
 export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
-    data: ComponentInfo;
+    data: any;
 };
-export declare const serializeComponentInfo: ({ inputs, ...info }: ComponentInfo) => ComponentInfo;
+export declare function serializeComponentInfo(info: ComponentInfo): any;