@builder.io/sdk-qwik 0.16.20 → 0.16.21

package/lib/browser/blocks/image/image.helpers.qwik.cjs

@@ -6,18 +6,15 @@ function removeProtocol(path) {
 function updateQueryParam(uri = "", key, value) {
   const re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
   const separator = uri.indexOf("?") !== -1 ? "&" : "?";
-  if (uri.match(re)) {
+  if (uri.match(re))
     return uri.replace(re, "$1" + key + "=" + encodeURIComponent(value) + "$2");
-  }
   return uri + separator + key + "=" + encodeURIComponent(value);
 }
 function getShopifyImageUrl(src, size) {
-  if (!src || !(src == null ? void 0 : src.match(/cdn\.shopify\.com/)) || !size) {
+  if (!src || !(src == null ? void 0 : src.match(/cdn\.shopify\.com/)) || !size)
     return src;
-  }
-  if (size === "master") {
+  if (size === "master")
     return removeProtocol(src);
-  }
   const match = src.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (match) {
     const prefix = src.split(match[0]);
@@ -28,9 +25,8 @@ function getShopifyImageUrl(src, size) {
   return null;
 }
 function getSrcSet(url) {
-  if (!url) {
+  if (!url)
     return url;
-  }
   const sizes = [
     100,
     200,
@@ -43,21 +39,19 @@ function getSrcSet(url) {
   if (url.match(/builder\.io/)) {
     let srcUrl = url;
     const widthInSrc = Number(url.split("?width=")[1]);
-    if (!isNaN(widthInSrc)) {
+    if (!isNaN(widthInSrc))
       srcUrl = `${srcUrl} ${widthInSrc}w`;
-    }
     return sizes.filter((size) => size !== widthInSrc).map((size) => `${updateQueryParam(url, "width", size)} ${size}w`).concat([
       srcUrl
     ]).join(", ");
   }
-  if (url.match(/cdn\.shopify\.com/)) {
+  if (url.match(/cdn\.shopify\.com/))
     return sizes.map((size) => [
       getShopifyImageUrl(url, `${size}x${size}`),
       size
     ]).filter(([sizeUrl]) => !!sizeUrl).map(([sizeUrl, size]) => `${sizeUrl} ${size}w`).concat([
       url
     ]).join(", ");
-  }
   return url;
 }
 exports.getSrcSet = getSrcSet;

package/lib/browser/blocks/image/image.helpers.qwik.mjs

@@ -4,18 +4,15 @@ function removeProtocol(path) {
 function updateQueryParam(uri = "", key, value) {
   const re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
   const separator = uri.indexOf("?") !== -1 ? "&" : "?";
-  if (uri.match(re)) {
+  if (uri.match(re))
     return uri.replace(re, "$1" + key + "=" + encodeURIComponent(value) + "$2");
-  }
   return uri + separator + key + "=" + encodeURIComponent(value);
 }
 function getShopifyImageUrl(src, size) {
-  if (!src || !(src == null ? void 0 : src.match(/cdn\.shopify\.com/)) || !size) {
+  if (!src || !(src == null ? void 0 : src.match(/cdn\.shopify\.com/)) || !size)
     return src;
-  }
-  if (size === "master") {
+  if (size === "master")
     return removeProtocol(src);
-  }
   const match = src.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (match) {
     const prefix = src.split(match[0]);
@@ -26,9 +23,8 @@ function getShopifyImageUrl(src, size) {
   return null;
 }
 function getSrcSet(url) {
-  if (!url) {
+  if (!url)
     return url;
-  }
   const sizes = [
     100,
     200,
@@ -41,21 +37,19 @@ function getSrcSet(url) {
   if (url.match(/builder\.io/)) {
     let srcUrl = url;
     const widthInSrc = Number(url.split("?width=")[1]);
-    if (!isNaN(widthInSrc)) {
+    if (!isNaN(widthInSrc))
       srcUrl = `${srcUrl} ${widthInSrc}w`;
-    }
     return sizes.filter((size) => size !== widthInSrc).map((size) => `${updateQueryParam(url, "width", size)} ${size}w`).concat([
       srcUrl
     ]).join(", ");
   }
-  if (url.match(/cdn\.shopify\.com/)) {
+  if (url.match(/cdn\.shopify\.com/))
     return sizes.map((size) => [
       getShopifyImageUrl(url, `${size}x${size}`),
       size
     ]).filter(([sizeUrl]) => !!sizeUrl).map(([sizeUrl, size]) => `${sizeUrl} ${size}w`).concat([
       url
     ]).join(", ");
-  }
   return url;
 }
 export {

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

@@ -1,42 +1,46 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
-const image_helpers = require("./image.helpers.qwik.cjs");
 const qwik = require("@builder.io/qwik");
-const Image = qwik.component$((props) => {
+const image_helpers = require("./image.helpers.qwik.cjs");
+const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f;
-  qwik.useStylesScoped$(STYLES);
-  const srcSetToUse = qwik.useComputed$(() => {
+  qwik._jsxBranch();
+  qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES, "Image_component_useStylesScoped_fBMYiVf9fuU"));
+  const srcSetToUse = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a2;
-    const imageToUse = props.image || props.src;
+    const [props2] = qwik.useLexicalScope();
+    const imageToUse = props2.image || props2.src;
     const url = imageToUse;
     if (!url || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/))) {
-      return props.srcset;
-    }
-    if (props.noWebp) {
+    !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/)))
+      return props2.srcset;
+    if (props2.noWebp)
       return void 0;
-    }
-    if (props.srcset && ((_a2 = props.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
-      if (!props.srcset.includes(props.image.split("?")[0])) {
+    if (props2.srcset && ((_a2 = props2.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
+      if (!props2.srcset.includes(props2.image.split("?")[0])) {
         console.debug("Removed given srcset");
         return image_helpers.getSrcSet(url);
       }
-    } else if (props.image && !props.srcset) {
+    } else if (props2.image && !props2.srcset)
       return image_helpers.getSrcSet(url);
-    }
     return image_helpers.getSrcSet(url);
-  });
-  const webpSrcSet = qwik.useComputed$(() => {
+  }, "Image_component_srcSetToUse_useComputed_TZMibf9Gpvw", [
+    props
+  ]));
+  const webpSrcSet = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a2;
-    if (((_a2 = srcSetToUse.value) == null ? void 0 : _a2.match(/builder\.io/)) && !props.noWebp) {
-      return srcSetToUse.value.replace(/\?/g, "?format=webp&");
-    } else {
+    const [props2, srcSetToUse2] = qwik.useLexicalScope();
+    if (((_a2 = srcSetToUse2.value) == null ? void 0 : _a2.match(/builder\.io/)) && !props2.noWebp)
+      return srcSetToUse2.value.replace(/\?/g, "?format=webp&");
+    else
       return "";
-    }
-  });
-  const aspectRatioCss = qwik.useComputed$(() => {
+  }, "Image_component_webpSrcSet_useComputed_01YCu72BBtA", [
+    props,
+    srcSetToUse
+  ]));
+  const aspectRatioCss = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
     const aspectRatioStyles = {
       position: "absolute",
       height: "100%",
@@ -44,50 +48,72 @@ const Image = qwik.component$((props) => {
       left: "0px",
       top: "0px"
     };
-    const out = props.aspectRatio ? aspectRatioStyles : void 0;
+    const out = props2.aspectRatio ? aspectRatioStyles : void 0;
     return out;
-  });
-  qwik.useVisibleTask$(() => {
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(qwik.Fragment, {
+  }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
+    props
+  ]));
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
+  return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("picture", {
-        children: [
-          webpSrcSet.value ? /* @__PURE__ */ jsxRuntime.jsx("source", {
-            type: "image/webp",
-            srcset: webpSrcSet.value
-          }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("img", {
-            loading: props.highPriority ? "eager" : "lazy",
-            fetchPriority: props.highPriority ? "high" : "auto",
-            alt: props.altText,
-            role: props.altText ? void 0 : "presentation",
-            style: {
-              objectPosition: props.backgroundPosition || "center",
-              objectFit: props.backgroundSize || "cover",
-              ...aspectRatioCss.value
-            },
-            class: "builder-image" + (props.className ? " " + props.className : "") + " img-Image",
-            src: props.image,
-            srcset: srcSetToUse.value,
-            sizes: props.sizes
-          })
-        ]
-      }),
-      props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+      /* @__PURE__ */ qwik._jsxQ("picture", null, null, [
+        webpSrcSet.value ? /* @__PURE__ */ qwik._jsxQ("source", null, {
+          srcset: qwik._fnSignal((p0) => p0.value, [
+            webpSrcSet
+          ], "p0.value"),
+          type: "image/webp"
+        }, null, 3, "0A_0") : null,
+        /* @__PURE__ */ qwik._jsxQ("img", null, {
+          alt: qwik._fnSignal((p0) => p0.altText, [
+            props
+          ], "p0.altText"),
+          class: qwik._fnSignal((p0) => "builder-image" + (p0.className ? " " + p0.className : "") + " img-Image", [
+            props
+          ], '"builder-image"+(p0.className?" "+p0.className:"")+" img-Image"'),
+          fetchPriority: qwik._fnSignal((p0) => p0.highPriority ? "high" : "auto", [
+            props
+          ], 'p0.highPriority?"high":"auto"'),
+          loading: qwik._fnSignal((p0) => p0.highPriority ? "eager" : "lazy", [
+            props
+          ], 'p0.highPriority?"eager":"lazy"'),
+          role: qwik._fnSignal((p0) => p0.altText ? void 0 : "presentation", [
+            props
+          ], 'p0.altText?undefined:"presentation"'),
+          sizes: qwik._fnSignal((p0) => p0.sizes, [
+            props
+          ], "p0.sizes"),
+          src: qwik._fnSignal((p0) => p0.image, [
+            props
+          ], "p0.image"),
+          srcset: qwik._fnSignal((p0) => p0.value, [
+            srcSetToUse
+          ], "p0.value"),
+          style: qwik._fnSignal((p0, p1) => ({
+            objectPosition: p1.backgroundPosition || "center",
+            objectFit: p1.backgroundSize || "cover",
+            ...p0.value
+          }), [
+            aspectRatioCss,
+            props
+          ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
+        }, null, 3, null)
+      ], 1, null),
+      props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ qwik._jsxQ("div", null, {
         class: "builder-image-sizer div-Image",
-        style: {
-          paddingTop: props.aspectRatio * 100 + "%"
-        }
-      }) : null,
-      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {}) : null,
-      !props.fitContent && ((_f = (_e = props.builderBlock) == null ? void 0 : _e.children) == null ? void 0 : _f.length) ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: "div-Image-2",
-        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
-      }) : null
+        style: qwik._fnSignal((p0) => ({
+          paddingTop: p0.aspectRatio * 100 + "%"
+        }), [
+          props
+        ], '{paddingTop:p0.aspectRatio*100+"%"}')
+      }, null, 3, "0A_1") : null,
+      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "0A_2") : null,
+      !props.fitContent && ((_f = (_e = props.builderBlock) == null ? void 0 : _e.children) == null ? void 0 : _f.length) ? /* @__PURE__ */ qwik._jsxQ("div", null, {
+        class: "div-Image-2"
+      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "0A_3"), 1, "0A_4") : null
     ]
-  });
-});
+  }, 1, "0A_5");
+}, "Image_component_LRxDkFa1EfU"));
 const STYLES = `
 .img-Image {
   opacity: 1;

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

@@ -1,40 +1,44 @@
-import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
 import { getSrcSet } from "./image.helpers.qwik.mjs";
-import { component$, useStylesScoped$, useComputed$, useVisibleTask$, Fragment, Slot } from "@builder.io/qwik";
-const Image = component$((props) => {
+const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f;
-  useStylesScoped$(STYLES);
-  const srcSetToUse = useComputed$(() => {
+  _jsxBranch();
+  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "Image_component_useStylesScoped_fBMYiVf9fuU"));
+  const srcSetToUse = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2;
-    const imageToUse = props.image || props.src;
+    const [props2] = useLexicalScope();
+    const imageToUse = props2.image || props2.src;
     const url = imageToUse;
     if (!url || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/))) {
-      return props.srcset;
-    }
-    if (props.noWebp) {
+    !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/)))
+      return props2.srcset;
+    if (props2.noWebp)
       return void 0;
-    }
-    if (props.srcset && ((_a2 = props.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
-      if (!props.srcset.includes(props.image.split("?")[0])) {
+    if (props2.srcset && ((_a2 = props2.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
+      if (!props2.srcset.includes(props2.image.split("?")[0])) {
         console.debug("Removed given srcset");
         return getSrcSet(url);
       }
-    } else if (props.image && !props.srcset) {
+    } else if (props2.image && !props2.srcset)
       return getSrcSet(url);
-    }
     return getSrcSet(url);
-  });
-  const webpSrcSet = useComputed$(() => {
+  }, "Image_component_srcSetToUse_useComputed_TZMibf9Gpvw", [
+    props
+  ]));
+  const webpSrcSet = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2;
-    if (((_a2 = srcSetToUse.value) == null ? void 0 : _a2.match(/builder\.io/)) && !props.noWebp) {
-      return srcSetToUse.value.replace(/\?/g, "?format=webp&");
-    } else {
+    const [props2, srcSetToUse2] = useLexicalScope();
+    if (((_a2 = srcSetToUse2.value) == null ? void 0 : _a2.match(/builder\.io/)) && !props2.noWebp)
+      return srcSetToUse2.value.replace(/\?/g, "?format=webp&");
+    else
       return "";
-    }
-  });
-  const aspectRatioCss = useComputed$(() => {
+  }, "Image_component_webpSrcSet_useComputed_01YCu72BBtA", [
+    props,
+    srcSetToUse
+  ]));
+  const aspectRatioCss = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
     const aspectRatioStyles = {
       position: "absolute",
       height: "100%",
@@ -42,50 +46,72 @@ const Image = component$((props) => {
       left: "0px",
       top: "0px"
     };
-    const out = props.aspectRatio ? aspectRatioStyles : void 0;
+    const out = props2.aspectRatio ? aspectRatioStyles : void 0;
     return out;
-  });
-  useVisibleTask$(() => {
-  });
-  return /* @__PURE__ */ jsxs(Fragment, {
+  }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
+    props
+  ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
+  return /* @__PURE__ */ _jsxC(Fragment, {
     children: [
-      /* @__PURE__ */ jsxs("picture", {
-        children: [
-          webpSrcSet.value ? /* @__PURE__ */ jsx("source", {
-            type: "image/webp",
-            srcset: webpSrcSet.value
-          }) : null,
-          /* @__PURE__ */ jsx("img", {
-            loading: props.highPriority ? "eager" : "lazy",
-            fetchPriority: props.highPriority ? "high" : "auto",
-            alt: props.altText,
-            role: props.altText ? void 0 : "presentation",
-            style: {
-              objectPosition: props.backgroundPosition || "center",
-              objectFit: props.backgroundSize || "cover",
-              ...aspectRatioCss.value
-            },
-            class: "builder-image" + (props.className ? " " + props.className : "") + " img-Image",
-            src: props.image,
-            srcset: srcSetToUse.value,
-            sizes: props.sizes
-          })
-        ]
-      }),
-      props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ jsx("div", {
+      /* @__PURE__ */ _jsxQ("picture", null, null, [
+        webpSrcSet.value ? /* @__PURE__ */ _jsxQ("source", null, {
+          srcset: _fnSignal((p0) => p0.value, [
+            webpSrcSet
+          ], "p0.value"),
+          type: "image/webp"
+        }, null, 3, "0A_0") : null,
+        /* @__PURE__ */ _jsxQ("img", null, {
+          alt: _fnSignal((p0) => p0.altText, [
+            props
+          ], "p0.altText"),
+          class: _fnSignal((p0) => "builder-image" + (p0.className ? " " + p0.className : "") + " img-Image", [
+            props
+          ], '"builder-image"+(p0.className?" "+p0.className:"")+" img-Image"'),
+          fetchPriority: _fnSignal((p0) => p0.highPriority ? "high" : "auto", [
+            props
+          ], 'p0.highPriority?"high":"auto"'),
+          loading: _fnSignal((p0) => p0.highPriority ? "eager" : "lazy", [
+            props
+          ], 'p0.highPriority?"eager":"lazy"'),
+          role: _fnSignal((p0) => p0.altText ? void 0 : "presentation", [
+            props
+          ], 'p0.altText?undefined:"presentation"'),
+          sizes: _fnSignal((p0) => p0.sizes, [
+            props
+          ], "p0.sizes"),
+          src: _fnSignal((p0) => p0.image, [
+            props
+          ], "p0.image"),
+          srcset: _fnSignal((p0) => p0.value, [
+            srcSetToUse
+          ], "p0.value"),
+          style: _fnSignal((p0, p1) => ({
+            objectPosition: p1.backgroundPosition || "center",
+            objectFit: p1.backgroundSize || "cover",
+            ...p0.value
+          }), [
+            aspectRatioCss,
+            props
+          ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
+        }, null, 3, null)
+      ], 1, null),
+      props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ _jsxQ("div", null, {
         class: "builder-image-sizer div-Image",
-        style: {
-          paddingTop: props.aspectRatio * 100 + "%"
-        }
-      }) : null,
-      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ jsx(Slot, {}) : null,
-      !props.fitContent && ((_f = (_e = props.builderBlock) == null ? void 0 : _e.children) == null ? void 0 : _f.length) ? /* @__PURE__ */ jsx("div", {
-        class: "div-Image-2",
-        children: /* @__PURE__ */ jsx(Slot, {})
-      }) : null
+        style: _fnSignal((p0) => ({
+          paddingTop: p0.aspectRatio * 100 + "%"
+        }), [
+          props
+        ], '{paddingTop:p0.aspectRatio*100+"%"}')
+      }, null, 3, "0A_1") : null,
+      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_2") : null,
+      !props.fitContent && ((_f = (_e = props.builderBlock) == null ? void 0 : _e.children) == null ? void 0 : _f.length) ? /* @__PURE__ */ _jsxQ("div", null, {
+        class: "div-Image-2"
+      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_3"), 1, "0A_4") : null
     ]
-  });
-});
+  }, 1, "0A_5");
+}, "Image_component_LRxDkFa1EfU"));
 const STYLES = `
 .img-Image {
   opacity: 1;

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

@@ -1,18 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
-const isEditing = require("../../functions/is-editing.qwik.cjs");
 const qwik = require("@builder.io/qwik");
-const ImgComponent = qwik.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("img", {
-    style: {
-      objectFit: props.backgroundSize || "cover",
-      objectPosition: props.backgroundPosition || "center"
-    },
-    alt: props.altText,
-    src: props.imgSrc || props.image,
+const isEditing = require("../../functions/is-editing.qwik.cjs");
+const ImgComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxS("img", {
     ...props.attributes
-  }, isEditing.isEditing() && props.imgSrc || "default-key");
-});
+  }, {
+    alt: qwik._fnSignal((p0) => p0.altText, [
+      props
+    ], "p0.altText"),
+    src: qwik._fnSignal((p0) => p0.imgSrc || p0.image, [
+      props
+    ], "p0.imgSrc||p0.image"),
+    style: qwik._fnSignal((p0) => ({
+      objectFit: p0.backgroundSize || "cover",
+      objectPosition: p0.backgroundPosition || "center"
+    }), [
+      props
+    ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
+  }, 0, isEditing.isEditing() && props.imgSrc || "default-key");
+}, "ImgComponent_component_FXvIDBSffO8"));
 exports.ImgComponent = ImgComponent;
 exports.default = ImgComponent;

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

@@ -1,17 +1,23 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { componentQrl, inlinedQrl, _jsxS, _fnSignal } from "@builder.io/qwik";
 import { isEditing } from "../../functions/is-editing.qwik.mjs";
-import { component$ } from "@builder.io/qwik";
-const ImgComponent = component$((props) => {
-  return /* @__PURE__ */ jsx("img", {
-    style: {
-      objectFit: props.backgroundSize || "cover",
-      objectPosition: props.backgroundPosition || "center"
-    },
-    alt: props.altText,
-    src: props.imgSrc || props.image,
+const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxS("img", {
     ...props.attributes
-  }, isEditing() && props.imgSrc || "default-key");
-});
+  }, {
+    alt: _fnSignal((p0) => p0.altText, [
+      props
+    ], "p0.altText"),
+    src: _fnSignal((p0) => p0.imgSrc || p0.image, [
+      props
+    ], "p0.imgSrc||p0.image"),
+    style: _fnSignal((p0) => ({
+      objectFit: p0.backgroundSize || "cover",
+      objectPosition: p0.backgroundPosition || "center"
+    }), [
+      props
+    ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
+  }, 0, isEditing() && props.imgSrc || "default-key");
+}, "ImgComponent_component_FXvIDBSffO8"));
 export {
   ImgComponent,
   ImgComponent as default

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
-const SectionComponent = qwik.component$((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("section", {
+const SectionComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxS("section", {
     ...props.attributes,
+    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "2Y_0"),
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -16,9 +16,8 @@ const SectionComponent = qwik.component$((props) => {
       alignItems: "stretch",
       marginLeft: "auto",
       marginRight: "auto"
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
-  });
-});
+    }
+  }, null, 0, "2Y_1");
+}, "SectionComponent_component_ZWF9iD5WeLg"));
 exports.SectionComponent = SectionComponent;
 exports.default = SectionComponent;

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

@@ -1,8 +1,8 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, Slot } from "@builder.io/qwik";
-const SectionComponent = component$((props) => {
-  return /* @__PURE__ */ jsx("section", {
+import { componentQrl, inlinedQrl, _jsxS, _jsxC, Slot } from "@builder.io/qwik";
+const SectionComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxS("section", {
     ...props.attributes,
+    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "2Y_0"),
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -14,10 +14,9 @@ const SectionComponent = component$((props) => {
       alignItems: "stretch",
       marginLeft: "auto",
       marginRight: "auto"
-    },
-    children: /* @__PURE__ */ jsx(Slot, {})
-  });
-});
+    }
+  }, null, 0, "2Y_1");
+}, "SectionComponent_component_ZWF9iD5WeLg"));
 export {
   SectionComponent,
   SectionComponent as default