@builder.io/sdk-qwik 0.16.3 → 0.16.4

package/lib/browser/index.qwik.cjs

@@ -1837,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, [
@@ -3362,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,
@@ -3385,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"
     }
@@ -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.3";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/browser/index.qwik.mjs

@@ -1835,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, [
@@ -3360,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,
@@ -3383,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"
     }
@@ -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.3";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/edge/index.qwik.cjs

@@ -5061,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, [
@@ -6586,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,
@@ -6609,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"
     }
@@ -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.3";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/edge/index.qwik.mjs

@@ -5059,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, [
@@ -6584,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,
@@ -6607,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"
     }
@@ -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.3";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/node/index.qwik.cjs

@@ -1982,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, [
@@ -3507,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,
@@ -3530,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"
     }
@@ -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.3";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/node/index.qwik.mjs

@@ -1980,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, [
@@ -3505,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,
@@ -3528,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"
     }
@@ -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.3";
+const SDK_VERSION = "0.16.4";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.16.3",
+  "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.3";
+export declare const SDK_VERSION = "0.16.4";