@builder.io/sdk-qwik 0.16.10 → 0.16.13

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

@@ -1,44 +1,40 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
 import { getSrcSet } from "./image.helpers.qwik.mjs";
-const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+import { component$, useStylesScoped$, useComputed$, useVisibleTask$, Fragment, Slot } from "@builder.io/qwik";
+const Image = component$((props) => {
   var _a, _b, _c, _d, _e, _f;
-  _jsxBranch();
-  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "Image_component_useStylesScoped_fBMYiVf9fuU"));
-  const srcSetToUse = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+  useStylesScoped$(STYLES);
+  const srcSetToUse = useComputed$(() => {
     var _a2;
-    const [props2] = useLexicalScope();
-    const imageToUse = props2.image || props2.src;
+    const imageToUse = props.image || props.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 props2.srcset;
-    if (props2.noWebp)
+    !(url.match(/builder\.io/) || url.match(/cdn\.shopify\.com/))) {
+      return props.srcset;
+    }
+    if (props.noWebp) {
       return void 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])) {
+    }
+    if (props.srcset && ((_a2 = props.image) == null ? void 0 : _a2.includes("builder.io/api/v1/image"))) {
+      if (!props.srcset.includes(props.image.split("?")[0])) {
         console.debug("Removed given srcset");
         return getSrcSet(url);
       }
-    } else if (props2.image && !props2.srcset)
+    } else if (props.image && !props.srcset) {
       return getSrcSet(url);
+    }
     return getSrcSet(url);
-  }, "Image_component_srcSetToUse_useComputed_TZMibf9Gpvw", [
-    props
-  ]));
-  const webpSrcSet = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+  });
+  const webpSrcSet = useComputed$(() => {
     var _a2;
-    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
+    if (((_a2 = srcSetToUse.value) == null ? void 0 : _a2.match(/builder\.io/)) && !props.noWebp) {
+      return srcSetToUse.value.replace(/\?/g, "?format=webp&");
+    } else {
       return "";
-  }, "Image_component_webpSrcSet_useComputed_01YCu72BBtA", [
-    props,
-    srcSetToUse
-  ]));
-  const aspectRatioCss = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [props2] = useLexicalScope();
+    }
+  });
+  const aspectRatioCss = useComputed$(() => {
     const aspectRatioStyles = {
       position: "absolute",
       height: "100%",
@@ -46,72 +42,50 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       left: "0px",
       top: "0px"
     };
-    const out = props2.aspectRatio ? aspectRatioStyles : void 0;
+    const out = props.aspectRatio ? aspectRatioStyles : void 0;
     return out;
-  }, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
-    props
-  ]));
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
-  return /* @__PURE__ */ _jsxC(Fragment, {
+  });
+  useVisibleTask$(() => {
+  });
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__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, {
+      /* @__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", {
         class: "builder-image-sizer div-Image",
-        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
+        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
     ]
-  }, 1, "0A_5");
-}, "Image_component_LRxDkFa1EfU"));
+  });
+});
 const STYLES = `
 .img-Image {
   opacity: 1;

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

@@ -1,24 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const isEditing = require("../../functions/is-editing.qwik.cjs");
-const ImgComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  return /* @__PURE__ */ qwik._jsxS("img", {
+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,
     ...props.attributes
-  }, {
-    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"));
+  }, isEditing.isEditing() && props.imgSrc || "default-key");
+});
 exports.ImgComponent = ImgComponent;
 exports.default = ImgComponent;

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

@@ -1,23 +1,17 @@
-import { componentQrl, inlinedQrl, _jsxS, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { isEditing } from "../../functions/is-editing.qwik.mjs";
-const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxS("img", {
+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,
     ...props.attributes
-  }, {
-    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"));
+  }, isEditing() && props.imgSrc || "default-key");
+});
 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 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  return /* @__PURE__ */ qwik._jsxS("section", {
+const SectionComponent = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", {
     ...props.attributes,
-    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "2Y_0"),
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -16,8 +16,9 @@ const SectionComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
       alignItems: "stretch",
       marginLeft: "auto",
       marginRight: "auto"
-    }
-  }, null, 0, "2Y_1");
-}, "SectionComponent_component_ZWF9iD5WeLg"));
+    },
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
 exports.SectionComponent = SectionComponent;
 exports.default = SectionComponent;

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

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

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

@@ -1,52 +1,26 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const blocks = require("../../components/blocks/blocks.qwik.cjs");
 const deopt = require("../../functions/deopt.qwik.cjs");
-const Slot = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  var _a, _b;
-  return /* @__PURE__ */ qwik._jsxS("div", {
+const qwik = require("@builder.io/qwik");
+const Slot = qwik.component$((props) => {
+  var _a, _b, _c;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    style: {
+      pointerEvents: "auto"
+    },
     ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
       "builder-slot": 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"));
+    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])
+    })
+  });
+});
 exports.Slot = Slot;
 exports.default = Slot;

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

@@ -1,51 +1,25 @@
-import { componentQrl, inlinedQrl, _jsxS, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
 import { deoptSignal } from "../../functions/deopt.qwik.mjs";
-const Slot = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a, _b;
-  return /* @__PURE__ */ _jsxS("div", {
+import { component$ } from "@builder.io/qwik";
+const Slot = component$((props) => {
+  var _a, _b, _c;
+  return /* @__PURE__ */ jsx("div", {
+    style: {
+      pointerEvents: "auto"
+    },
     ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
       "builder-slot": 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"));
+    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])
+    })
+  });
+});
 export {
   Slot,
   Slot as default

package/lib/browser/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,6 +18,7 @@ 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/browser/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,6 +16,7 @@ const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
       logger.error("Could not fetch symbol content: ", err);
       return void 0;
     });
+  }
   return void 0;
 };
 export {