@builder.io/sdk-qwik 0.16.20 → 0.16.21

package/lib/edge/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/edge/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/edge/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/edge/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/edge/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

package/lib/edge/blocks/slot/slot.qwik.cjs

@@ -1,26 +1,52 @@
 "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 blocks = require("../../components/blocks/blocks.qwik.cjs");
 const deopt = require("../../functions/deopt.qwik.cjs");
-const qwik = require("@builder.io/qwik");
-const Slot = qwik.component$((props) => {
-  var _a, _b, _c;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    style: {
-      pointerEvents: "auto"
-    },
+const Slot = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b;
+  return /* @__PURE__ */ qwik._jsxS("div", {
     ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
       "builder-slot": props.name
     },
-    children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
-      parent: (_b = props.builderContext.context) == null ? void 0 : _b.symbolId,
-      path: `symbol.data.${props.name}`,
-      context: props.builderContext,
-      registeredComponents: props.builderComponents,
-      blocks: deopt.deoptSignal((_c = props.builderContext.rootState) == null ? void 0 : _c[props.name])
-    })
-  });
-});
+    children: /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
+      get parent() {
+        var _a2;
+        return (_a2 = props.builderContext.context) == null ? void 0 : _a2.symbolId;
+      },
+      get path() {
+        return `symbol.data.${props.name}`;
+      },
+      get context() {
+        return props.builderContext;
+      },
+      get registeredComponents() {
+        return props.builderComponents;
+      },
+      blocks: deopt.deoptSignal((_b = props.builderContext.rootState) == null ? void 0 : _b[props.name]),
+      [qwik._IMMUTABLE]: {
+        context: qwik._fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        parent: qwik._fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContext.context) == null ? void 0 : _a2.symbolId;
+        }, [
+          props
+        ], "p0.builderContext.context?.symbolId"),
+        path: qwik._fnSignal((p0) => `symbol.data.${p0.name}`, [
+          props
+        ], "`symbol.data.${p0.name}`"),
+        registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+          props
+        ], "p0.builderComponents")
+      }
+    }, 3, "B1_0")
+  }, {
+    style: {
+      pointerEvents: "auto"
+    }
+  }, 0, "B1_1");
+}, "Slot_component_WWgWgfV0bb0"));
 exports.Slot = Slot;
 exports.default = Slot;

package/lib/edge/blocks/slot/slot.qwik.mjs

@@ -1,25 +1,51 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { componentQrl, inlinedQrl, _jsxS, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
 import { deoptSignal } from "../../functions/deopt.qwik.mjs";
-import { component$ } from "@builder.io/qwik";
-const Slot = component$((props) => {
-  var _a, _b, _c;
-  return /* @__PURE__ */ jsx("div", {
-    style: {
-      pointerEvents: "auto"
-    },
+const Slot = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a, _b;
+  return /* @__PURE__ */ _jsxS("div", {
     ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
       "builder-slot": props.name
     },
-    children: /* @__PURE__ */ jsx(Blocks, {
-      parent: (_b = props.builderContext.context) == null ? void 0 : _b.symbolId,
-      path: `symbol.data.${props.name}`,
-      context: props.builderContext,
-      registeredComponents: props.builderComponents,
-      blocks: deoptSignal((_c = props.builderContext.rootState) == null ? void 0 : _c[props.name])
-    })
-  });
-});
+    children: /* @__PURE__ */ _jsxC(Blocks, {
+      get parent() {
+        var _a2;
+        return (_a2 = props.builderContext.context) == null ? void 0 : _a2.symbolId;
+      },
+      get path() {
+        return `symbol.data.${props.name}`;
+      },
+      get context() {
+        return props.builderContext;
+      },
+      get registeredComponents() {
+        return props.builderComponents;
+      },
+      blocks: deoptSignal((_b = props.builderContext.rootState) == null ? void 0 : _b[props.name]),
+      [_IMMUTABLE]: {
+        context: _fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        parent: _fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContext.context) == null ? void 0 : _a2.symbolId;
+        }, [
+          props
+        ], "p0.builderContext.context?.symbolId"),
+        path: _fnSignal((p0) => `symbol.data.${p0.name}`, [
+          props
+        ], "`symbol.data.${p0.name}`"),
+        registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+          props
+        ], "p0.builderComponents")
+      }
+    }, 3, "B1_0")
+  }, {
+    style: {
+      pointerEvents: "auto"
+    }
+  }, 0, "B1_1");
+}, "Slot_component_WWgWgfV0bb0"));
 export {
   Slot,
   Slot as default

package/lib/edge/blocks/symbol/symbol.helpers.qwik.cjs

@@ -4,7 +4,7 @@ const index = require("../../functions/get-content/index.qwik.cjs");
 const logger = require("../../helpers/logger.qwik.cjs");
 const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
   if ((symbol == null ? void 0 : symbol.model) && // This is a hack, we should not need to check for this, but it is needed for Svelte.
-  (builderContextValue == null ? void 0 : builderContextValue.apiKey)) {
+  (builderContextValue == null ? void 0 : builderContextValue.apiKey))
     return index.fetchOneEntry({
       model: symbol.model,
       apiKey: builderContextValue.apiKey,
@@ -18,7 +18,6 @@ const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
       logger.logger.error("Could not fetch symbol content: ", err);
       return void 0;
     });
-  }
   return void 0;
 };
 exports.fetchSymbolContent = fetchSymbolContent;

package/lib/edge/blocks/symbol/symbol.helpers.qwik.mjs

@@ -2,7 +2,7 @@ import { fetchOneEntry } from "../../functions/get-content/index.qwik.mjs";
 import { logger } from "../../helpers/logger.qwik.mjs";
 const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
   if ((symbol == null ? void 0 : symbol.model) && // This is a hack, we should not need to check for this, but it is needed for Svelte.
-  (builderContextValue == null ? void 0 : builderContextValue.apiKey)) {
+  (builderContextValue == null ? void 0 : builderContextValue.apiKey))
     return fetchOneEntry({
       model: symbol.model,
       apiKey: builderContextValue.apiKey,
@@ -16,7 +16,6 @@ const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
       logger.error("Could not fetch symbol content: ", err);
       return void 0;
     });
-  }
   return void 0;
 };
 export {