@builder.io/sdk-qwik 0.16.6 → 0.16.9

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

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  qwik._jsxBranch();
+  const videoProps = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    return {
+      ...props2.autoPlay === true ? {
+        autoPlay: true
+      } : {},
+      ...props2.muted === true ? {
+        muted: true
+      } : {},
+      ...props2.controls === true ? {
+        controls: true
+      } : {},
+      ...props2.loop === true ? {
+        loop: true
+      } : {},
+      ...props2.playsInline === true ? {
+        playsInline: true
+      } : {}
+    };
+  }, "Video_component_videoProps_useComputed_60AadUGY06E", [
+    props
+  ]));
+  const spreadProps = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [videoProps2] = qwik.useLexicalScope();
+    return {
+      ...videoProps2.value
+    };
+  }, "Video_component_spreadProps_useComputed_ZdLsx18NYH4", [
+    videoProps
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", null, {
+    style: {
+      position: "relative"
+    }
+  }, [
+    /* @__PURE__ */ qwik._jsxS("video", {
+      ...spreadProps.value,
+      children: !props.lazyLoad ? /* @__PURE__ */ qwik._jsxQ("source", null, {
+        src: qwik._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: qwik._fnSignal((p0) => p0.posterImage, [
+        props
+      ], "p0.posterImage"),
+      preload: qwik._fnSignal((p0) => p0.preload || "metadata", [
+        props
+      ], 'p0.preload||"metadata"'),
+      src: qwik._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__ */ qwik._jsxQ("div", null, {
+      style: qwik._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__ */ qwik._jsxQ("div", null, {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch"
+      }
+    }, /* @__PURE__ */ qwik._jsxC(qwik.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__ */ qwik._jsxQ("div", null, {
+      style: {
+        pointerEvents: "none",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "stretch",
+        position: "absolute",
+        top: "0",
+        left: "0",
+        width: "100%",
+        height: "100%"
+      }
+    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "j7_4"), 1, "j7_5") : null
+  ], 1, "j7_6");
+}, "Video_component_qdcTZflYyoQ"));
+exports.Video = Video;
+exports.default = Video;

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

@@ -0,0 +1,109 @@
+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;
+  _jsxBranch();
+  const videoProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return {
+      ...props2.autoPlay === true ? {
+        autoPlay: true
+      } : {},
+      ...props2.muted === true ? {
+        muted: true
+      } : {},
+      ...props2.controls === true ? {
+        controls: true
+      } : {},
+      ...props2.loop === true ? {
+        loop: true
+      } : {},
+      ...props2.playsInline === true ? {
+        playsInline: true
+      } : {}
+    };
+  }, "Video_component_videoProps_useComputed_60AadUGY06E", [
+    props
+  ]));
+  const spreadProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [videoProps2] = useLexicalScope();
+    return {
+      ...videoProps2.value
+    };
+  }, "Video_component_spreadProps_useComputed_ZdLsx18NYH4", [
+    videoProps
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", null, {
+    style: {
+      position: "relative"
+    }
+  }, [
+    /* @__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/edge/components/block/animator.qwik.cjs

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const camelToKebabCase = require("../../functions/camel-to-kebab-case.qwik.cjs");
+function throttle(func, wait, options = {}) {
+  let context;
+  let args;
+  let result;
+  let timeout = null;
+  let previous = 0;
+  const later = function() {
+    previous = options.leading === false ? 0 : Date.now();
+    timeout = null;
+    result = func.apply(context, args);
+    if (!timeout)
+      context = args = null;
+  };
+  return function() {
+    const now = Date.now();
+    if (!previous && options.leading === false)
+      previous = now;
+    const remaining = wait - (now - previous);
+    context = this;
+    args = arguments;
+    if (remaining <= 0 || remaining > wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      previous = now;
+      result = func.apply(context, args);
+      if (!timeout)
+        context = args = null;
+    } else if (!timeout && options.trailing !== false)
+      timeout = setTimeout(later, remaining);
+    return result;
+  };
+}
+function assign(target, ..._args) {
+  const to = Object(target);
+  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))
+          to[nextKey] = nextSource[nextKey];
+    }
+  }
+  return to;
+}
+function bindAnimations(animations) {
+  for (const animation of animations)
+    switch (animation.trigger) {
+      case "pageLoad":
+        triggerAnimation(animation);
+        break;
+      case "scrollInView":
+        bindScrollInViewAnimation(animation);
+        break;
+    }
+}
+function warnElementNotPresent(id) {
+  console.warn(`Cannot animate element: element with ID ${id} not found!`);
+}
+function augmentAnimation(animation, element) {
+  const stylesUsed = getAllStylesUsed(animation);
+  const computedStyle = getComputedStyle(element);
+  const firstStyles = animation.steps[0].styles;
+  const lastStyles = animation.steps[animation.steps.length - 1].styles;
+  const bothStyles = [
+    firstStyles,
+    lastStyles
+  ];
+  for (const styles of bothStyles) {
+    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)
+        properties.push(key);
+  }
+  return properties;
+}
+function triggerAnimation(animation) {
+  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
+  if (!elements.length) {
+    warnElementNotPresent(animation.elementId || animation.id || "");
+    return;
+  }
+  Array.from(elements).forEach((element) => {
+    augmentAnimation(animation, element);
+    element.style.transition = "none";
+    element.style.transitionDelay = "0";
+    assign(element.style, animation.steps[0].styles);
+    setTimeout(() => {
+      element.style.transition = `all ${animation.duration}s ${camelToKebabCase.camelToKebabCase(animation.easing)}`;
+      if (animation.delay)
+        element.style.transitionDelay = animation.delay + "s";
+      assign(element.style, animation.steps[1].styles);
+      setTimeout(() => {
+        element.style.transition = "";
+        element.style.transitionDelay = "";
+      }, (animation.delay || 0) * 1e3 + animation.duration * 1e3 + 100);
+    });
+  });
+}
+function bindScrollInViewAnimation(animation) {
+  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
+  if (!elements.length) {
+    warnElementNotPresent(animation.elementId || animation.id || "");
+    return;
+  }
+  Array.from(elements).forEach((element) => {
+    augmentAnimation(animation, element);
+    let triggered = false;
+    let pendingAnimation = false;
+    function immediateOnScroll() {
+      if (!triggered && isScrolledIntoView(element)) {
+        triggered = true;
+        pendingAnimation = true;
+        setTimeout(() => {
+          assign(element.style, animation.steps[1].styles);
+          if (!animation.repeat)
+            document.removeEventListener("scroll", onScroll);
+          setTimeout(() => {
+            pendingAnimation = false;
+            if (!animation.repeat) {
+              element.style.transition = "";
+              element.style.transitionDelay = "";
+            }
+          }, (animation.duration + (animation.delay || 0)) * 1e3 + 100);
+        });
+      } else if (animation.repeat && triggered && !pendingAnimation && !isScrolledIntoView(element)) {
+        triggered = false;
+        assign(element.style, animation.steps[0].styles);
+      }
+    }
+    const onScroll = throttle(immediateOnScroll, 200, {
+      leading: false
+    });
+    function isScrolledIntoView(elem) {
+      const rect = elem.getBoundingClientRect();
+      const windowHeight = window.innerHeight;
+      const thresholdPercent = (animation.thresholdPercent || 0) / 100;
+      const threshold = thresholdPercent * windowHeight;
+      return rect.bottom > threshold && rect.top < windowHeight - threshold;
+    }
+    const defaultState = animation.steps[0].styles;
+    function attachDefaultState() {
+      assign(element.style, defaultState);
+    }
+    attachDefaultState();
+    setTimeout(() => {
+      element.style.transition = `all ${animation.duration}s ${camelToKebabCase.camelToKebabCase(animation.easing)}`;
+      if (animation.delay)
+        element.style.transitionDelay = animation.delay + "s";
+    });
+    document.addEventListener("scroll", onScroll, {
+      capture: true,
+      passive: true
+    });
+    immediateOnScroll();
+  });
+}
+exports.bindAnimations = bindAnimations;
+exports.bindScrollInViewAnimation = bindScrollInViewAnimation;
+exports.triggerAnimation = triggerAnimation;

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

@@ -0,0 +1,171 @@
+import { camelToKebabCase } from "../../functions/camel-to-kebab-case.qwik.mjs";
+function throttle(func, wait, options = {}) {
+  let context;
+  let args;
+  let result;
+  let timeout = null;
+  let previous = 0;
+  const later = function() {
+    previous = options.leading === false ? 0 : Date.now();
+    timeout = null;
+    result = func.apply(context, args);
+    if (!timeout)
+      context = args = null;
+  };
+  return function() {
+    const now = Date.now();
+    if (!previous && options.leading === false)
+      previous = now;
+    const remaining = wait - (now - previous);
+    context = this;
+    args = arguments;
+    if (remaining <= 0 || remaining > wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      previous = now;
+      result = func.apply(context, args);
+      if (!timeout)
+        context = args = null;
+    } else if (!timeout && options.trailing !== false)
+      timeout = setTimeout(later, remaining);
+    return result;
+  };
+}
+function assign(target, ..._args) {
+  const to = Object(target);
+  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))
+          to[nextKey] = nextSource[nextKey];
+    }
+  }
+  return to;
+}
+function bindAnimations(animations) {
+  for (const animation of animations)
+    switch (animation.trigger) {
+      case "pageLoad":
+        triggerAnimation(animation);
+        break;
+      case "scrollInView":
+        bindScrollInViewAnimation(animation);
+        break;
+    }
+}
+function warnElementNotPresent(id) {
+  console.warn(`Cannot animate element: element with ID ${id} not found!`);
+}
+function augmentAnimation(animation, element) {
+  const stylesUsed = getAllStylesUsed(animation);
+  const computedStyle = getComputedStyle(element);
+  const firstStyles = animation.steps[0].styles;
+  const lastStyles = animation.steps[animation.steps.length - 1].styles;
+  const bothStyles = [
+    firstStyles,
+    lastStyles
+  ];
+  for (const styles of bothStyles) {
+    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)
+        properties.push(key);
+  }
+  return properties;
+}
+function triggerAnimation(animation) {
+  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
+  if (!elements.length) {
+    warnElementNotPresent(animation.elementId || animation.id || "");
+    return;
+  }
+  Array.from(elements).forEach((element) => {
+    augmentAnimation(animation, element);
+    element.style.transition = "none";
+    element.style.transitionDelay = "0";
+    assign(element.style, animation.steps[0].styles);
+    setTimeout(() => {
+      element.style.transition = `all ${animation.duration}s ${camelToKebabCase(animation.easing)}`;
+      if (animation.delay)
+        element.style.transitionDelay = animation.delay + "s";
+      assign(element.style, animation.steps[1].styles);
+      setTimeout(() => {
+        element.style.transition = "";
+        element.style.transitionDelay = "";
+      }, (animation.delay || 0) * 1e3 + animation.duration * 1e3 + 100);
+    });
+  });
+}
+function bindScrollInViewAnimation(animation) {
+  const elements = Array.prototype.slice.call(document.getElementsByClassName(animation.elementId || animation.id || ""));
+  if (!elements.length) {
+    warnElementNotPresent(animation.elementId || animation.id || "");
+    return;
+  }
+  Array.from(elements).forEach((element) => {
+    augmentAnimation(animation, element);
+    let triggered = false;
+    let pendingAnimation = false;
+    function immediateOnScroll() {
+      if (!triggered && isScrolledIntoView(element)) {
+        triggered = true;
+        pendingAnimation = true;
+        setTimeout(() => {
+          assign(element.style, animation.steps[1].styles);
+          if (!animation.repeat)
+            document.removeEventListener("scroll", onScroll);
+          setTimeout(() => {
+            pendingAnimation = false;
+            if (!animation.repeat) {
+              element.style.transition = "";
+              element.style.transitionDelay = "";
+            }
+          }, (animation.duration + (animation.delay || 0)) * 1e3 + 100);
+        });
+      } else if (animation.repeat && triggered && !pendingAnimation && !isScrolledIntoView(element)) {
+        triggered = false;
+        assign(element.style, animation.steps[0].styles);
+      }
+    }
+    const onScroll = throttle(immediateOnScroll, 200, {
+      leading: false
+    });
+    function isScrolledIntoView(elem) {
+      const rect = elem.getBoundingClientRect();
+      const windowHeight = window.innerHeight;
+      const thresholdPercent = (animation.thresholdPercent || 0) / 100;
+      const threshold = thresholdPercent * windowHeight;
+      return rect.bottom > threshold && rect.top < windowHeight - threshold;
+    }
+    const defaultState = animation.steps[0].styles;
+    function attachDefaultState() {
+      assign(element.style, defaultState);
+    }
+    attachDefaultState();
+    setTimeout(() => {
+      element.style.transition = `all ${animation.duration}s ${camelToKebabCase(animation.easing)}`;
+      if (animation.delay)
+        element.style.transitionDelay = animation.delay + "s";
+    });
+    document.addEventListener("scroll", onScroll, {
+      capture: true,
+      passive: true
+    });
+    immediateOnScroll();
+  });
+}
+export {
+  bindAnimations,
+  bindScrollInViewAnimation,
+  triggerAnimation
+};

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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)
+    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
+    return ref;
+};
+const getRepeatItemData = ({ block, context }) => {
+  const { repeat, ...blockWithoutRepeat } = block;
+  if (!(repeat == null ? void 0 : repeat.collection))
+    return void 0;
+  const itemsArray = evaluate.evaluate({
+    code: repeat.collection,
+    localState: context.localState,
+    rootState: context.rootState,
+    rootSetState: context.rootSetState,
+    context: context.context,
+    enableCache: true
+  });
+  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) => ({
+    context: {
+      ...context,
+      localState: {
+        ...context.localState,
+        $index: index,
+        $item: item,
+        [itemNameToUse]: item,
+        [`$${itemNameToUse}Index`]: index
+      }
+    },
+    block: blockWithoutRepeat
+  }));
+  return repeatArray;
+};
+const provideLinkComponent = (block, linkComponent) => {
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderLinkComponent)
+    return {
+      builderLinkComponent: linkComponent
+    };
+  return {};
+};
+const provideRegisteredComponents = (block, registeredComponents) => {
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderComponents)
+    return {
+      builderComponents: registeredComponents
+    };
+  return {};
+};
+const provideBuilderBlock = (block, builderBlock) => {
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderBlock)
+    return {
+      builderBlock
+    };
+  return {};
+};
+const provideBuilderContext = (block, context) => {
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderContext)
+    return {
+      builderContext: context
+    };
+  return {};
+};
+exports.getComponent = getComponent;
+exports.getRepeatItemData = getRepeatItemData;
+exports.provideBuilderBlock = provideBuilderBlock;
+exports.provideBuilderContext = provideBuilderContext;
+exports.provideLinkComponent = provideLinkComponent;
+exports.provideRegisteredComponents = provideRegisteredComponents;