@builder.io/sdk-qwik 0.16.20 → 0.16.21

package/lib/node/blocks/video/video.qwik.mjs

@@ -1,94 +1,108 @@
-import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useComputed$, Slot } from "@builder.io/qwik";
-const Video = component$((props) => {
+import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, _jsxQ, _jsxS, _fnSignal, _jsxC, Slot } from "@builder.io/qwik";
+const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  const videoProps = useComputed$(() => {
+  _jsxBranch();
+  const videoProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
     return {
-      ...props.autoPlay === true ? {
+      ...props2.autoPlay === true ? {
         autoPlay: true
       } : {},
-      ...props.muted === true ? {
+      ...props2.muted === true ? {
         muted: true
       } : {},
-      ...props.controls === true ? {
+      ...props2.controls === true ? {
         controls: true
       } : {},
-      ...props.loop === true ? {
+      ...props2.loop === true ? {
         loop: true
       } : {},
-      ...props.playsInline === true ? {
+      ...props2.playsInline === true ? {
         playsInline: true
       } : {}
     };
-  });
-  const spreadProps = useComputed$(() => {
+  }, "Video_component_videoProps_useComputed_60AadUGY06E", [
+    props
+  ]));
+  const spreadProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [videoProps2] = useLexicalScope();
     return {
-      ...videoProps.value
+      ...videoProps2.value
     };
-  });
-  return /* @__PURE__ */ jsxs("div", {
+  }, "Video_component_spreadProps_useComputed_ZdLsx18NYH4", [
+    videoProps
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", null, {
     style: {
       position: "relative"
-    },
-    children: [
-      /* @__PURE__ */ jsx("video", {
-        class: "builder-video",
-        ...spreadProps.value,
-        preload: props.preload || "metadata",
-        style: {
-          width: "100%",
-          height: "100%",
-          ...(_a = props.attributes) == null ? void 0 : _a.style,
-          objectFit: props.fit,
-          objectPosition: props.position,
-          // Hack to get object fit to work as expected and
-          // not have the video overflow
-          zIndex: 2,
-          borderRadius: "1px",
-          ...props.aspectRatio ? {
-            position: "absolute"
-          } : null
-        },
-        src: props.video || "no-src",
-        poster: props.posterImage,
-        children: !props.lazyLoad ? /* @__PURE__ */ jsx("source", {
-          type: "video/mp4",
-          src: props.video
-        }) : null
-      }),
-      props.aspectRatio && !(props.fitContent && ((_c = (_b = props.builderBlock) == null ? void 0 : _b.children) == null ? void 0 : _c.length)) ? /* @__PURE__ */ jsx("div", {
-        style: {
-          width: "100%",
-          paddingTop: props.aspectRatio * 100 + "%",
-          pointerEvents: "none",
-          fontSize: "0px"
-        }
-      }) : null,
-      ((_e = (_d = props.builderBlock) == null ? void 0 : _d.children) == null ? void 0 : _e.length) && props.fitContent ? /* @__PURE__ */ jsx("div", {
-        style: {
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "stretch"
-        },
-        children: /* @__PURE__ */ jsx(Slot, {})
-      }) : null,
-      ((_g = (_f = props.builderBlock) == null ? void 0 : _f.children) == null ? void 0 : _g.length) && !props.fitContent ? /* @__PURE__ */ jsx("div", {
-        style: {
-          pointerEvents: "none",
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "stretch",
-          position: "absolute",
-          top: "0",
-          left: "0",
-          width: "100%",
-          height: "100%"
-        },
-        children: /* @__PURE__ */ jsx(Slot, {})
-      }) : null
-    ]
-  });
-});
+    }
+  }, [
+    /* @__PURE__ */ _jsxS("video", {
+      ...spreadProps.value,
+      children: !props.lazyLoad ? /* @__PURE__ */ _jsxQ("source", null, {
+        src: _fnSignal((p0) => p0.video, [
+          props
+        ], "p0.video"),
+        type: "video/mp4"
+      }, null, 3, "j7_0") : null,
+      style: {
+        width: "100%",
+        height: "100%",
+        ...(_a = props.attributes) == null ? void 0 : _a.style,
+        objectFit: props.fit,
+        objectPosition: props.position,
+        // Hack to get object fit to work as expected and
+        // not have the video overflow
+        zIndex: 2,
+        borderRadius: "1px",
+        ...props.aspectRatio ? {
+          position: "absolute"
+        } : null
+      }
+    }, {
+      class: "builder-video",
+      poster: _fnSignal((p0) => p0.posterImage, [
+        props
+      ], "p0.posterImage"),
+      preload: _fnSignal((p0) => p0.preload || "metadata", [
+        props
+      ], 'p0.preload||"metadata"'),
+      src: _fnSignal((p0) => p0.video || "no-src", [
+        props
+      ], 'p0.video||"no-src"')
+    }, 0, null),
+    props.aspectRatio && !(props.fitContent && ((_c = (_b = props.builderBlock) == null ? void 0 : _b.children) == null ? void 0 : _c.length)) ? /* @__PURE__ */ _jsxQ("div", null, {
+      style: _fnSignal((p0) => ({
+        width: "100%",
+        paddingTop: p0.aspectRatio * 100 + "%",
+        pointerEvents: "none",
+        fontSize: "0px"
+      }), [
+        props
+      ], '{width:"100%",paddingTop:p0.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}')
+    }, null, 3, "j7_1") : null,
+    ((_e = (_d = props.builderBlock) == null ? void 0 : _d.children) == null ? void 0 : _e.length) && props.fitContent ? /* @__PURE__ */ _jsxQ("div", null, {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch"
+      }
+    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "j7_2"), 1, "j7_3") : null,
+    ((_g = (_f = props.builderBlock) == null ? void 0 : _f.children) == null ? void 0 : _g.length) && !props.fitContent ? /* @__PURE__ */ _jsxQ("div", null, {
+      style: {
+        pointerEvents: "none",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch",
+        position: "absolute",
+        top: "0",
+        left: "0",
+        width: "100%",
+        height: "100%"
+      }
+    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "j7_4"), 1, "j7_5") : null
+  ], 1, "j7_6");
+}, "Video_component_qdcTZflYyoQ"));
 export {
   Video,
   Video as default

package/lib/node/components/awaiter.qwik.cjs

@@ -1,13 +1,12 @@
 "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 Awaiter = qwik.component$((props) => {
-  qwik.useVisibleTask$(() => {
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(qwik.Fragment, {
-    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
-  });
-});
+const Awaiter = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "Awaiter_component_useVisibleTask_GMx1IPL7vl0"));
+  return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
+    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "iM_0")
+  }, 1, "iM_1");
+}, "Awaiter_component_Uc1j2U3wluQ"));
 exports.Awaiter = Awaiter;
 exports.default = Awaiter;

package/lib/node/components/awaiter.qwik.mjs

@@ -1,12 +1,11 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useVisibleTask$, Fragment, Slot } from "@builder.io/qwik";
-const Awaiter = component$((props) => {
-  useVisibleTask$(() => {
-  });
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsx(Slot, {})
-  });
-});
+import { componentQrl, inlinedQrl, useVisibleTaskQrl, _jsxC, Fragment, Slot } from "@builder.io/qwik";
+const Awaiter = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "Awaiter_component_useVisibleTask_GMx1IPL7vl0"));
+  return /* @__PURE__ */ _jsxC(Fragment, {
+    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "iM_0")
+  }, 1, "iM_1");
+}, "Awaiter_component_Uc1j2U3wluQ"));
 export {
   Awaiter,
   Awaiter as default

package/lib/node/components/block/animator.qwik.cjs

@@ -30,9 +30,8 @@ function throttle(func, wait, options = {}) {
       result = func.apply(context, args);
       if (!timeout)
         context = args = null;
-    } else if (!timeout && options.trailing !== false) {
+    } else if (!timeout && options.trailing !== false)
       timeout = setTimeout(later, remaining);
-    }
     return result;
   };
 }
@@ -41,17 +40,15 @@ function assign(target, ..._args) {
   for (let index = 1; index < arguments.length; index++) {
     const nextSource = arguments[index];
     if (nextSource != null) {
-      for (const nextKey in nextSource) {
-        if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+      for (const nextKey in nextSource)
+        if (Object.prototype.hasOwnProperty.call(nextSource, nextKey))
           to[nextKey] = nextSource[nextKey];
-        }
-      }
     }
   }
   return to;
 }
 function bindAnimations(animations) {
-  for (const animation of animations) {
+  for (const animation of animations)
     switch (animation.trigger) {
       case "pageLoad":
         triggerAnimation(animation);
@@ -60,7 +57,6 @@ function bindAnimations(animations) {
         bindScrollInViewAnimation(animation);
         break;
     }
-  }
 }
 function warnElementNotPresent(id) {
   console.warn(`Cannot animate element: element with ID ${id} not found!`);
@@ -75,21 +71,17 @@ function augmentAnimation(animation, element) {
     lastStyles
   ];
   for (const styles of bothStyles) {
-    for (const style of stylesUsed) {
-      if (!(style in styles)) {
+    for (const style of stylesUsed)
+      if (!(style in styles))
         styles[style] = computedStyle[style];
-      }
-    }
   }
 }
 function getAllStylesUsed(animation) {
   const properties = [];
   for (const step of animation.steps) {
-    for (const key in step.styles) {
-      if (properties.indexOf(key) === -1) {
+    for (const key in step.styles)
+      if (properties.indexOf(key) === -1)
         properties.push(key);
-      }
-    }
   }
   return properties;
 }
@@ -106,9 +98,8 @@ function triggerAnimation(animation) {
     assign(element.style, animation.steps[0].styles);
     setTimeout(() => {
       element.style.transition = `all ${animation.duration}s ${camelToKebabCase.camelToKebabCase(animation.easing)}`;
-      if (animation.delay) {
+      if (animation.delay)
         element.style.transitionDelay = animation.delay + "s";
-      }
       assign(element.style, animation.steps[1].styles);
       setTimeout(() => {
         element.style.transition = "";
@@ -133,9 +124,8 @@ function bindScrollInViewAnimation(animation) {
         pendingAnimation = true;
         setTimeout(() => {
           assign(element.style, animation.steps[1].styles);
-          if (!animation.repeat) {
+          if (!animation.repeat)
             document.removeEventListener("scroll", onScroll);
-          }
           setTimeout(() => {
             pendingAnimation = false;
             if (!animation.repeat) {
@@ -166,9 +156,8 @@ function bindScrollInViewAnimation(animation) {
     attachDefaultState();
     setTimeout(() => {
       element.style.transition = `all ${animation.duration}s ${camelToKebabCase.camelToKebabCase(animation.easing)}`;
-      if (animation.delay) {
+      if (animation.delay)
         element.style.transitionDelay = animation.delay + "s";
-      }
     });
     document.addEventListener("scroll", onScroll, {
       capture: true,

package/lib/node/components/block/animator.qwik.mjs

@@ -28,9 +28,8 @@ function throttle(func, wait, options = {}) {
       result = func.apply(context, args);
       if (!timeout)
         context = args = null;
-    } else if (!timeout && options.trailing !== false) {
+    } else if (!timeout && options.trailing !== false)
       timeout = setTimeout(later, remaining);
-    }
     return result;
   };
 }
@@ -39,17 +38,15 @@ function assign(target, ..._args) {
   for (let index = 1; index < arguments.length; index++) {
     const nextSource = arguments[index];
     if (nextSource != null) {
-      for (const nextKey in nextSource) {
-        if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+      for (const nextKey in nextSource)
+        if (Object.prototype.hasOwnProperty.call(nextSource, nextKey))
           to[nextKey] = nextSource[nextKey];
-        }
-      }
     }
   }
   return to;
 }
 function bindAnimations(animations) {
-  for (const animation of animations) {
+  for (const animation of animations)
     switch (animation.trigger) {
       case "pageLoad":
         triggerAnimation(animation);
@@ -58,7 +55,6 @@ function bindAnimations(animations) {
         bindScrollInViewAnimation(animation);
         break;
     }
-  }
 }
 function warnElementNotPresent(id) {
   console.warn(`Cannot animate element: element with ID ${id} not found!`);
@@ -73,21 +69,17 @@ function augmentAnimation(animation, element) {
     lastStyles
   ];
   for (const styles of bothStyles) {
-    for (const style of stylesUsed) {
-      if (!(style in styles)) {
+    for (const style of stylesUsed)
+      if (!(style in styles))
         styles[style] = computedStyle[style];
-      }
-    }
   }
 }
 function getAllStylesUsed(animation) {
   const properties = [];
   for (const step of animation.steps) {
-    for (const key in step.styles) {
-      if (properties.indexOf(key) === -1) {
+    for (const key in step.styles)
+      if (properties.indexOf(key) === -1)
         properties.push(key);
-      }
-    }
   }
   return properties;
 }
@@ -104,9 +96,8 @@ function triggerAnimation(animation) {
     assign(element.style, animation.steps[0].styles);
     setTimeout(() => {
       element.style.transition = `all ${animation.duration}s ${camelToKebabCase(animation.easing)}`;
-      if (animation.delay) {
+      if (animation.delay)
         element.style.transitionDelay = animation.delay + "s";
-      }
       assign(element.style, animation.steps[1].styles);
       setTimeout(() => {
         element.style.transition = "";
@@ -131,9 +122,8 @@ function bindScrollInViewAnimation(animation) {
         pendingAnimation = true;
         setTimeout(() => {
           assign(element.style, animation.steps[1].styles);
-          if (!animation.repeat) {
+          if (!animation.repeat)
             document.removeEventListener("scroll", onScroll);
-          }
           setTimeout(() => {
             pendingAnimation = false;
             if (!animation.repeat) {
@@ -164,9 +154,8 @@ function bindScrollInViewAnimation(animation) {
     attachDefaultState();
     setTimeout(() => {
       element.style.transition = `all ${animation.duration}s ${camelToKebabCase(animation.easing)}`;
-      if (animation.delay) {
+      if (animation.delay)
         element.style.transitionDelay = animation.delay + "s";
-      }
     });
     document.addEventListener("scroll", onScroll, {
       capture: true,

package/lib/node/components/block/block.helpers.qwik.cjs

@@ -4,24 +4,21 @@ const evaluate = require("../../functions/evaluate/evaluate.qwik.cjs");
 const getComponent = ({ block, registeredComponents }) => {
   var _a;
   const componentName = (_a = block.component) == null ? void 0 : _a.name;
-  if (!componentName) {
+  if (!componentName)
     return null;
-  }
   const ref = registeredComponents[componentName];
   if (!ref) {
     console.warn(`
       Could not find a registered component named "${componentName}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
     return void 0;
-  } else {
+  } else
     return ref;
-  }
 };
 const getRepeatItemData = ({ block, context }) => {
   const { repeat, ...blockWithoutRepeat } = block;
-  if (!(repeat == null ? void 0 : repeat.collection)) {
+  if (!(repeat == null ? void 0 : repeat.collection))
     return void 0;
-  }
   const itemsArray = evaluate.evaluate({
     code: repeat.collection,
     localState: context.localState,
@@ -29,9 +26,8 @@ const getRepeatItemData = ({ block, context }) => {
     rootSetState: context.rootSetState,
     context: context.context
   });
-  if (!Array.isArray(itemsArray)) {
+  if (!Array.isArray(itemsArray))
     return void 0;
-  }
   const collectionName = repeat.collection.split(".").pop();
   const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
   const repeatArray = itemsArray.map((item, index) => ({

package/lib/node/components/block/block.helpers.qwik.mjs

@@ -2,24 +2,21 @@ import { evaluate } from "../../functions/evaluate/evaluate.qwik.mjs";
 const getComponent = ({ block, registeredComponents }) => {
   var _a;
   const componentName = (_a = block.component) == null ? void 0 : _a.name;
-  if (!componentName) {
+  if (!componentName)
     return null;
-  }
   const ref = registeredComponents[componentName];
   if (!ref) {
     console.warn(`
       Could not find a registered component named "${componentName}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
     return void 0;
-  } else {
+  } else
     return ref;
-  }
 };
 const getRepeatItemData = ({ block, context }) => {
   const { repeat, ...blockWithoutRepeat } = block;
-  if (!(repeat == null ? void 0 : repeat.collection)) {
+  if (!(repeat == null ? void 0 : repeat.collection))
     return void 0;
-  }
   const itemsArray = evaluate({
     code: repeat.collection,
     localState: context.localState,
@@ -27,9 +24,8 @@ const getRepeatItemData = ({ block, context }) => {
     rootSetState: context.rootSetState,
     context: context.context
   });
-  if (!Array.isArray(itemsArray)) {
+  if (!Array.isArray(itemsArray))
     return void 0;
-  }
   const collectionName = repeat.collection.split(".").pop();
   const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
   const repeatArray = itemsArray.map((item, index) => ({