@brytdesigns/web-component-parallax 3.3.2 → 3.3.3

package/dist/esm/index.js

@@ -0,0 +1,507 @@
+import { createWithElementContext, customShadowlessElement, correctElementType, getContextFromProvider } from '@brytdesigns/web-component-core/utils';
+import { splitProps, createEffect, batch, onCleanup, mergeProps, createMemo } from 'solid-js';
+import { createStore } from 'solid-js/store';
+import { createContext, consume, provide } from 'component-register';
+import { motionValue, scroll, transformValue, transform, frame, animate, styleEffect } from 'motion';
+import { awaitAllAnimations } from '@brytdesigns/web-component-core/animation';
+import { abortablePromise } from '@brytdesigns/web-component-core/promise';
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/components/parallax-container/index.ts
+var parallax_container_exports = {};
+__export(parallax_container_exports, {
+  Component: () => Component,
+  Name: () => Name
+});
+function initializeParallaxContext(props) {
+  const [_internal, _state] = splitProps(props, ["root"]);
+  const scrollYProgress = motionValue(-1);
+  const scrollY = motionValue(-1);
+  const [info, setInfo] = createStore({
+    offset: [-1, -1],
+    scrollLength: -1
+  });
+  window.addEventListener("resize", () => {
+  });
+  createEffect(() => {
+    const pages = _state.maxPages;
+    _internal.root.style.height = `${pages * 100}vh`;
+    _internal.root.style.width = `100%`;
+    _internal.root.style.position = "relative";
+    if (!_internal.root.style.display) {
+      _internal.root.style.display = "block";
+    }
+    const remove = scroll(
+      (_, info2) => {
+        const { y } = info2;
+        scrollYProgress.set(y.progress);
+        scrollY.set(y.current);
+        batch(() => {
+          setInfo("offset", 0, y.offset?.at(0) || 0);
+          setInfo("offset", 1, y.offset?.at(1) || 0);
+          setInfo("scrollLength", y.scrollLength);
+        });
+      },
+      {
+        target: _internal.root,
+        axis: "y",
+        offset: ["start start", "end end"]
+      }
+    );
+    onCleanup(() => {
+      if (remove) {
+        remove();
+      }
+      scrollYProgress.destroy();
+      scrollY.destroy();
+    });
+  });
+  return mergeProps(_state, {
+    scrollYProgress,
+    scrollY,
+    info
+  });
+}
+var ParallaxContextState = createContext(initializeParallaxContext);
+var provideParallaxContext = (initialState, element) => {
+  const props = mergeProps(initialState, { root: element });
+  return provide(ParallaxContextState, props, element);
+};
+var useParallaxContext = (context) => {
+  return context;
+};
+var useParallax = (element) => {
+  const context = consume(ParallaxContextState, element);
+  if (!context) {
+    throw console.error(
+      "ParallaxContext not found! Please ensure to wrap your custom element with parallax-container element."
+    );
+  }
+  return useParallaxContext(context);
+};
+var withParallaxElementContext = createWithElementContext(ParallaxContextState);
+var getParallaxContext = (element) => {
+  const context = getContextFromProvider(
+    ParallaxContextState,
+    element
+  );
+  return useParallaxContext(context);
+};
+
+// src/utils.ts
+function normalizeTuple(range, max) {
+  if (max <= 1) {
+    throw new Error("The maximum value must be greater than 1.");
+  }
+  const [start, end] = range;
+  const normalizedStart = (start - 1) / (max - 1);
+  const normalizedEnd = (end - 1) / (max - 1);
+  return [normalizedStart, normalizedEnd];
+}
+function isInRange({
+  range: [start, end],
+  value
+}) {
+  return start <= value && end >= value;
+}
+function getActiveBreakpoints(queries) {
+  return queries.map((query) => window.matchMedia(query).matches);
+}
+function getLastTruthyIndex(values) {
+  for (let i = values.length - 1; i >= 0; i--) {
+    if (values[i]) return i;
+  }
+  return -1;
+}
+
+// src/hooks/useParallaxStickyLayer.ts
+function initializeParallaxStickyLayerContext(props) {
+  const [_internal, _state] = splitProps(props, ["root", "start", "end"]);
+  const parallax = useParallax(_internal.root);
+  const progress = motionValue(-1);
+  const inRange = motionValue(false);
+  const belowRange = motionValue(false);
+  const aboveRange = motionValue(false);
+  const position = transformValue(
+    () => inRange.get() ? "sticky" : "absolute"
+  );
+  const transform$1 = transformValue(() => {
+    const isInRange2 = inRange.get();
+    const isBelowRange = belowRange.get();
+    const isAboveRange = aboveRange.get();
+    if (isInRange2) return "none";
+    if (isBelowRange) return `translate(0px, ${(_internal.start - 1) * 100}vh)`;
+    if (isAboveRange) return `translate(0px, ${(_internal.end - 1) * 100}vh)`;
+  });
+  const animations = motionValue([]);
+  const styles = transformValue(() => ({
+    position: position.get(),
+    transform: transform$1.get()
+  }));
+  _internal.root.style.top = "0px";
+  _internal.root.style.right = "0px";
+  _internal.root.style.bottom = "0px";
+  _internal.root.style.left = "0px";
+  _internal.root.style.height = `100dvh`;
+  _internal.root.style.overflowX = "hidden";
+  _internal.root.style.maxWidth = "100%";
+  if (window.getComputedStyle(_internal.root).display === "inline") {
+    _internal.root.style.display = "block";
+  }
+  createEffect(() => {
+    const range = [_internal.start, _internal.end];
+    const maxPages = parallax.maxPages;
+    const normalizedRange = normalizeTuple(range, maxPages);
+    const [normStart, normEnd] = normalizedRange;
+    const transformer = transform(normalizedRange, [0, 1]);
+    const unsubscribe = parallax.scrollYProgress.on("change", (value) => {
+      inRange.set(isInRange({ range: normalizedRange, value }));
+      belowRange.set(value <= normStart);
+      aboveRange.set(value >= normEnd);
+      progress.set(transformer(value));
+    });
+    return onCleanup(() => {
+      unsubscribe();
+    });
+  });
+  function updateStyles() {
+    const s = styles.get();
+    _internal.root.style.position = s.position;
+    _internal.root.style.transform = s.transform;
+  }
+  function renderStyles() {
+    frame.render(updateStyles);
+  }
+  function waitForAnimations() {
+    const a = animations.get();
+    const controller = new AbortController();
+    abortablePromise(awaitAllAnimations(a), controller.signal).then(() => {
+      animations.set([]);
+      renderStyles();
+    });
+  }
+  const unsubStyles = styles.on("change", (_) => {
+    if (progress.get() === 1 || progress.get() === 0)
+      return waitForAnimations();
+    animations.set([]);
+    renderStyles();
+  });
+  function _animate(...args) {
+    const animation = animate(...args);
+    animations.set([...animations.get(), animation]);
+    return animation;
+  }
+  onCleanup(() => {
+    unsubStyles();
+  });
+  return [progress, { animate: _animate }];
+}
+var ParallaxStickyLayerContextState = createContext(
+  initializeParallaxStickyLayerContext
+);
+var provideParallaxStickyLayerContext = (initialState, element) => {
+  const props = mergeProps(initialState, { root: element });
+  return provide(ParallaxStickyLayerContextState, props, element);
+};
+var useParallaxStickyLayerContext = (context) => {
+  return context;
+};
+var useParallaxStickyLayer = (element) => {
+  const context = consume(
+    ParallaxStickyLayerContextState,
+    element
+  );
+  if (!context) {
+    throw console.error(
+      "ParallaxContext not found! Please ensure to wrap your custom element with parallax-container element."
+    );
+  }
+  return useParallaxStickyLayerContext(context);
+};
+var withParallaxStickyLayerContext = createWithElementContext(ParallaxStickyLayerContextState);
+var getParallaxStickyLayerContext = (element) => {
+  const context = getContextFromProvider(
+    ParallaxStickyLayerContextState,
+    element
+  );
+  return useParallaxStickyLayerContext(context);
+};
+
+// src/components/parallax-container/index.ts
+var Name = `parallax-container`;
+var Component = (props, { element }) => {
+  if (!props.maxPages)
+    return console.warn(
+      `${Name}: requires max-pages attribute to be set!`,
+      element
+    );
+  if (props.maxPages < 1)
+    return console.warn(
+      `${Name}: max-pages must be greater than or equal to 1!`,
+      element
+    );
+  provideParallaxContext(props, element);
+};
+
+// src/components/parallax-sticky-layer/index.ts
+var parallax_sticky_layer_exports = {};
+__export(parallax_sticky_layer_exports, {
+  Component: () => Component2,
+  Name: () => Name2
+});
+var Name2 = `parallax-sticky-layer`;
+var Component2 = (props, { element }) => {
+  if (!props.start)
+    return console.warn(
+      `${Name2}: requires start attribute to be set!`,
+      element
+    );
+  if (!props.end)
+    return console.warn(`${Name2}: requires end attribute to be set!`, element);
+  if (props.end <= props.start)
+    return console.warn(
+      `${Name2}: the start attribute must be less than the end attribute!`,
+      element
+    );
+  if (props.start < 1 || props.end < 1)
+    return console.warn(
+      `${Name2}: The start and end attributes must be greater than or equal to 1!`,
+      element
+    );
+  provideParallaxStickyLayerContext(props, element);
+};
+
+// src/components/parallax-animation/index.ts
+var parallax_animation_exports = {};
+__export(parallax_animation_exports, {
+  Component: () => Component3,
+  Name: () => Name3,
+  PROPS: () => PROPS
+});
+function keysFromObject(object) {
+  return Object.keys(object);
+}
+var Name3 = `parallax-animation`;
+var PROPS = {
+  breakpoints: [""],
+  range: [0, 1],
+  y: null,
+  x: null,
+  scale: null,
+  rotate: null,
+  opacity: null,
+  color: null,
+  backgroundColor: null,
+  borderRadius: null
+};
+var PROP_DEFAULTS = {
+  y: "0%",
+  x: "0%",
+  scale: 1,
+  rotate: 0,
+  opacity: null,
+  color: null,
+  backgroundColor: null,
+  borderRadius: null
+};
+var KEYS = Object.keys(PROPS);
+var isNestedAnimatableArray = (values) => {
+  return Array.isArray(values) && (Array.isArray(values[0]) || values[0] === null);
+};
+var flattenAnimatableArray = (value, index = 0) => {
+  if (isNestedAnimatableArray(value)) {
+    return value[index];
+  }
+  return value;
+};
+var Component3 = (props, { element }) => {
+  if (Object.keys(props).some(
+    (key) => KEYS.includes(key) && !Array.isArray(Reflect.get(props, key))
+  ))
+    return console.warn(
+      `parallax-animate: At least one of ${KEYS.join(",")} properties is required and must be an array of values!`,
+      element
+    );
+  const messages = Object.entries(props).reduce((messages2, [key, value]) => {
+    if (!KEYS.includes(key)) return messages2;
+    if (value && value.length !== props.range.length) {
+      return messages2.concat(
+        `${key} attribute must have the same length as range attribute!`
+      );
+    }
+    return messages2;
+  }, []);
+  if (messages.length)
+    return console.warn(
+      element,
+      `
+parallax-animate: Please fix the following issues:
+${messages.join("\n")}`
+    );
+  const [progress, { animate: animate2 }] = useParallaxStickyLayer(element);
+  const [activeBreakpoints, setActiveBreakpoints] = createStore(
+    getActiveBreakpoints(props.breakpoints)
+  );
+  const activeBreakpointIndex = createMemo(
+    () => getLastTruthyIndex(activeBreakpoints)
+  );
+  const [_, importantProps] = splitProps(props, ["breakpoints"]);
+  const animateableProps = mergeProps(importantProps, {});
+  const activeProps = createMemo(() => {
+    const index = activeBreakpointIndex();
+    if (index === -1) {
+      const { breakpoints, ...active2 } = PROPS;
+      return active2;
+    }
+    const keys = keysFromObject(animateableProps);
+    const active = keys.reduce((active2, key) => {
+      const value = animateableProps[key];
+      if (isNestedAnimatableArray(value)) {
+        const flattenedValue = flattenAnimatableArray(value, index);
+        return {
+          ...active2,
+          [key]: flattenedValue
+        };
+      }
+      return {
+        ...active2,
+        [key]: value
+      };
+    }, {});
+    return active;
+  });
+  createEffect(() => {
+    const breakpoints = props.breakpoints;
+    const controller = new AbortController();
+    for (let i = 0; i < breakpoints.length; i++) {
+      const query = breakpoints[i];
+      if (!query) continue;
+      const mediaQuery = window.matchMedia(query);
+      mediaQuery.addEventListener(
+        "change",
+        (e) => setActiveBreakpoints(i, e.matches),
+        { signal: controller.signal }
+      );
+    }
+    return onCleanup(() => {
+      controller.abort();
+    });
+  });
+  element.style.willChange = "transform";
+  if (window.getComputedStyle(element).getPropertyValue("display") === "inline") {
+    element.style.display = "block";
+  }
+  createEffect(() => {
+    const active = activeProps();
+    const { range, ...props2 } = active;
+    const valueSubscribers = [];
+    let disposed = false;
+    const progressValue = Object.keys(PROP_DEFAULTS).reduce(
+      (values, key) => {
+        const fallback = Reflect.get(PROP_DEFAULTS, key);
+        const valueRange = Reflect.get(props2, key);
+        if (valueRange?.length === range.length) {
+          const transform2 = transform(range, valueRange);
+          const value = motionValue(transform2(progress.get()));
+          const unsub2 = progress.on("change", (latest) => {
+            value.set(transform2(latest));
+          });
+          valueSubscribers.push(unsub2);
+          values[key] = value;
+        } else values[key] = fallback;
+        return values;
+      },
+      {}
+    );
+    const animated = Object.keys(progressValue).reduce(
+      (obj, key) => {
+        const v = progressValue[key];
+        Reflect.set(
+          obj,
+          key,
+          motionValue(typeof v === "object" && v !== null ? v.get() : v)
+        );
+        return obj;
+      },
+      {}
+    );
+    const transform$1 = transformValue(
+      () => `translate(${animated.x?.get()}, ${animated.y?.get()}) scale(${animated.scale?.get()}) rotate(${animated.rotate?.get()}deg)`
+    );
+    function animateValues() {
+      if (disposed) return;
+      const sequence = Object.keys(animated).map((key) => {
+        const subject = animated[key];
+        const v = progressValue[key]?.get?.();
+        if (!subject) return null;
+        if (typeof v === "undefined" || v === null) return null;
+        if (typeof v !== "string" && typeof v !== "number") return null;
+        return [animated[key], v, { at: "<" }];
+      }).filter((v) => v !== null);
+      if (sequence.length === 0) return;
+      animate2(sequence);
+    }
+    function scheduleAnimation() {
+      frame.update(animateValues);
+    }
+    const unsub = progress.on("change", (_2) => {
+      scheduleAnimation();
+    });
+    const styledValues = Object.keys(animated).filter(
+      (key) => key !== "y" && key !== "x" && key !== "rotate" && key !== "scale"
+    ).reduce((obj, key) => {
+      Reflect.set(obj, key, animated[key]);
+      return obj;
+    }, {});
+    const unstyle = styleEffect(element, {
+      transform: transform$1,
+      ...styledValues
+    });
+    return onCleanup(() => {
+      disposed = true;
+      unstyle();
+      unsub();
+      valueSubscribers.forEach((unsub2) => {
+        unsub2();
+      });
+      Object.values(animated).forEach((value) => {
+        value.destroy();
+      });
+      Object.values(progressValue).forEach((value) => {
+        value?.destroy?.();
+      });
+      transform$1.destroy();
+    });
+  });
+};
+
+// src/index.ts
+customShadowlessElement(
+  parallax_container_exports.Name,
+  {
+    maxPages: 2
+  },
+  correctElementType(parallax_container_exports.Component)
+);
+customShadowlessElement(
+  parallax_sticky_layer_exports.Name,
+  {
+    start: 1,
+    end: 2
+  },
+  correctElementType(parallax_sticky_layer_exports.Component)
+);
+customShadowlessElement(
+  parallax_animation_exports.Name,
+  parallax_animation_exports.PROPS,
+  correctElementType(parallax_animation_exports.Component)
+);
+
+export { getParallaxContext, getParallaxStickyLayerContext, useParallax, useParallaxStickyLayer, withParallaxElementContext, withParallaxStickyLayerContext };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/parallax-container/index.ts","../../src/hooks/useParallax.ts","../../src/utils.ts","../../src/hooks/useParallaxStickyLayer.ts","../../src/components/parallax-sticky-layer/index.ts","../../src/components/parallax-animation/index.ts","../../src/index.ts"],"names":["info","splitProps","motionValue","transform","isInRange","createEffect","mTransform","onCleanup","createContext","mergeProps","provide","consume","createWithElementContext","getContextFromProvider","Component","Name","messages","animate","createStore","active","props","unsub","transformValue","frame","_"],"mappings":"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","file":"index.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport { provideParallaxContext } from \"../../hooks/index.js\";\n\nexport type Props = {\n  maxPages: number;\n};\n\nexport const Name = `parallax-container`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  if (!props.maxPages)\n    return console.warn(\n      `${Name}: requires max-pages attribute to be set!`,\n      element,\n    );\n  if (props.maxPages < 1)\n    return console.warn(\n      `${Name}: max-pages must be greater than or equal to 1!`,\n      element,\n    );\n  provideParallaxContext(props, element);\n};\n","import {\n  onCleanup,\n  createEffect,\n  splitProps,\n  mergeProps,\n  batch,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\nimport {\n  getContextFromProvider,\n  createWithElementContext,\n} from \"@brytdesigns/web-component-core/utils\";\nimport {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport { scroll, motionValue } from \"motion\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  maxPages: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype ParallaxContext = ReturnType<typeof initializeParallaxContext>;\n\nfunction initializeParallaxContext(props: CreateContextOptions) {\n  const [_internal, _state] = splitProps(props, [\"root\"]);\n\n  const scrollYProgress = motionValue(-1);\n  const scrollY = motionValue(-1);\n  const [info, setInfo] = createStore({\n    offset: [-1, -1],\n    scrollLength: -1,\n  });\n\n  window.addEventListener(\"resize\", () => {});\n\n  createEffect(() => {\n    const pages = _state.maxPages;\n\n    _internal.root.style.height = `${pages * 100}vh`;\n    _internal.root.style.width = `100%`;\n    _internal.root.style.position = \"relative\";\n    if (!_internal.root.style.display) {\n      _internal.root.style.display = \"block\";\n    }\n\n    const remove = scroll(\n      (_, info) => {\n        const { y } = info;\n\n        scrollYProgress.set(y.progress);\n        scrollY.set(y.current);\n        batch(() => {\n          setInfo(\"offset\", 0, y.offset?.at(0) || 0);\n          setInfo(\"offset\", 1, y.offset?.at(1) || 0);\n          setInfo(\"scrollLength\", y.scrollLength);\n        });\n      },\n      {\n        target: _internal.root,\n        axis: \"y\",\n        offset: [\"start start\", \"end end\"],\n      },\n    );\n\n    onCleanup(() => {\n      if (remove) {\n        remove();\n      }\n      scrollYProgress.destroy();\n      scrollY.destroy();\n    });\n  });\n\n  return mergeProps(_state, {\n    scrollYProgress,\n    scrollY,\n    info,\n  });\n}\n\nconst ParallaxContextState = createContext(initializeParallaxContext);\n\nexport const provideParallaxContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): ParallaxContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(ParallaxContextState, props, element);\n};\n\nexport const useParallaxContext = (context: ParallaxContext) => {\n  return context;\n};\n\nexport const useParallax = (element: HTMLElement & ICustomElement) => {\n  const context: ParallaxContext = consume(ParallaxContextState, element);\n\n  if (!context) {\n    throw console.error(\n      \"ParallaxContext not found! Please ensure to wrap your custom element with parallax-container element.\",\n    );\n  }\n\n  return useParallaxContext(context);\n};\n\nexport const withParallaxElementContext = createWithElementContext<\n  typeof ParallaxContextState,\n  ParallaxContext\n>(ParallaxContextState);\n\nexport const getParallaxContext = (element: Element) => {\n  const context = getContextFromProvider<ParallaxContext>(\n    ParallaxContextState,\n    element,\n  );\n  return useParallaxContext(context);\n};\n","export function normalizeTuple(range: [number, number], max: number) {\n  if (max <= 1) {\n    throw new Error(\"The maximum value must be greater than 1.\");\n  }\n\n  const [start, end] = range;\n  const normalizedStart = (start - 1) / (max - 1);\n  const normalizedEnd = (end - 1) / (max - 1);\n\n  return [normalizedStart, normalizedEnd] as const;\n}\n\nexport function isInRange({\n  range: [start, end],\n  value,\n}: {\n  range: [number, number];\n  value: number;\n}) {\n  return start <= value && end >= value;\n}\n\nexport function getLastMatchingMediaQueryIndex(queries: string[]): number {\n  let lastMatchIndex = -1;\n\n  for (let i = 0; i < queries.length; i++) {\n    const query = queries[i];\n    if (typeof query !== \"string\") continue;\n    if (window.matchMedia(query).matches) {\n      lastMatchIndex = i;\n    }\n  }\n\n  return lastMatchIndex;\n}\n\nexport function getActiveBreakpoints(queries: string[]): boolean[] {\n  return queries.map((query) => window.matchMedia(query).matches);\n}\n\nexport function getLastTruthyIndex(values: boolean[]): number {\n  for (let i = values.length - 1; i >= 0; i--) {\n    if (values[i]) return i;\n  }\n  return -1;\n}\nexport function getLastValidValue<T>(\n  arr: (T | null)[],\n  index: number,\n): T | null {\n  if (arr[index] != null) return arr[index]!;\n\n  for (let i = index - 1; i >= 0; i--) {\n    if (arr[i] != null) return arr[i]!;\n  }\n\n  return null;\n}\n","import { onCleanup, createEffect, splitProps, mergeProps } from \"solid-js\";\nimport {\n\ttype ICustomElement,\n\tcreateContext,\n\tprovide,\n\tconsume,\n} from \"component-register\";\nimport {\n\tmotionValue,\n\ttransformValue,\n\ttransform as mTransform,\n\tframe,\n\tanimate,\n\ttype AnimationPlaybackControlsWithThen,\n} from \"motion\";\nimport { awaitAllAnimations } from \"@brytdesigns/web-component-core/animation\";\nimport { abortablePromise } from \"@brytdesigns/web-component-core/promise\";\nimport {\n\tgetContextFromProvider,\n\tcreateWithElementContext,\n} from \"@brytdesigns/web-component-core/utils\";\n\nimport { useParallax } from \"./useParallax\";\nimport { normalizeTuple, isInRange } from \"../utils\";\n\ntype CreateContextOptions = {\n\troot: HTMLElement & ICustomElement;\n\tstart: number;\n\tend: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype ParallaxStickyLayerContext = ReturnType<\n\ttypeof initializeParallaxStickyLayerContext\n>;\n\nfunction initializeParallaxStickyLayerContext(props: CreateContextOptions) {\n\tconst [_internal, _state] = splitProps(props, [\"root\", \"start\", \"end\"]);\n\tconst parallax = useParallax(_internal.root);\n\n\tconst progress = motionValue(-1);\n\tconst inRange = motionValue(false);\n\tconst belowRange = motionValue(false);\n\tconst aboveRange = motionValue(false);\n\n\tconst position = transformValue(() =>\n\t\tinRange.get() ? \"sticky\" : \"absolute\",\n\t);\n\tconst transform = transformValue(() => {\n\t\tconst isInRange = inRange.get();\n\t\tconst isBelowRange = belowRange.get();\n\t\tconst isAboveRange = aboveRange.get();\n\t\tif (isInRange) return \"none\";\n\t\tif (isBelowRange) return `translate(0px, ${(_internal.start - 1) * 100}vh)`;\n\t\tif (isAboveRange) return `translate(0px, ${(_internal.end - 1) * 100}vh)`;\n\t});\n\tconst animations = motionValue<AnimationPlaybackControlsWithThen[]>([]);\n\n\tconst styles = transformValue(() => ({\n\t\tposition: position.get(),\n\t\ttransform: transform.get(),\n\t}));\n\n\t_internal.root.style.top = \"0px\";\n\t_internal.root.style.right = \"0px\";\n\t_internal.root.style.bottom = \"0px\";\n\t_internal.root.style.left = \"0px\";\n\t_internal.root.style.height = `100dvh`;\n\t_internal.root.style.overflowX = \"hidden\";\n\t_internal.root.style.maxWidth = \"100%\";\n\tif (window.getComputedStyle(_internal.root).display === \"inline\") {\n\t\t_internal.root.style.display = \"block\";\n\t}\n\n\tcreateEffect(() => {\n\t\tconst range = [_internal.start, _internal.end];\n\t\tconst maxPages = parallax.maxPages;\n\t\tconst normalizedRange = normalizeTuple(range as any, maxPages);\n\t\tconst [normStart, normEnd] = normalizedRange;\n\t\tconst transformer = mTransform(normalizedRange as any, [0, 1]);\n\n\t\tconst unsubscribe = parallax.scrollYProgress.on(\"change\", (value) => {\n\t\t\tinRange.set(isInRange({ range: normalizedRange as any, value }));\n\t\t\tbelowRange.set(value <= normStart);\n\t\t\taboveRange.set(value >= normEnd);\n\t\t\tprogress.set(transformer(value));\n\t\t});\n\n\t\treturn onCleanup(() => {\n\t\t\tunsubscribe();\n\t\t});\n\t});\n\n\tfunction updateStyles() {\n\t\tconst s = styles.get();\n\t\t_internal.root.style.position = s.position;\n\t\t_internal.root.style.transform = s.transform;\n\t}\n\n\tfunction renderStyles() {\n\t\tframe.render(updateStyles);\n\t}\n\n\tfunction waitForAnimations() {\n\t\tconst a = animations.get();\n\t\tconst controller = new AbortController();\n\t\tabortablePromise(awaitAllAnimations(a), controller.signal).then(() => {\n\t\t\tanimations.set([]);\n\t\t\trenderStyles();\n\t\t});\n\t}\n\n\tconst unsubStyles = styles.on(\"change\", (_) => {\n\t\tif (progress.get() === 1 || progress.get() === 0)\n\t\t\treturn waitForAnimations();\n\t\tanimations.set([]);\n\t\trenderStyles();\n\t});\n\n\tfunction _animate(...args: Parameters<typeof animate>) {\n\t\tconst animation = animate(...args);\n\t\tanimations.set([...animations.get(), animation]);\n\t\treturn animation;\n\t}\n\n\tonCleanup(() => {\n\t\tunsubStyles();\n\t});\n\n\treturn [progress, { animate: _animate }] as const;\n}\n\nconst ParallaxStickyLayerContextState = createContext(\n\tinitializeParallaxStickyLayerContext,\n);\n\nexport const provideParallaxStickyLayerContext = (\n\tinitialState: Omit<CreateContextOptions, \"root\">,\n\telement: WalkableNode,\n): ParallaxStickyLayerContext => {\n\tconst props = mergeProps(initialState, { root: element });\n\treturn provide(ParallaxStickyLayerContextState, props, element);\n};\n\nexport const useParallaxStickyLayerContext = (\n\tcontext: ParallaxStickyLayerContext,\n) => {\n\treturn context;\n};\n\nexport const useParallaxStickyLayer = (\n\telement: HTMLElement & ICustomElement,\n) => {\n\tconst context: ParallaxStickyLayerContext = consume(\n\t\tParallaxStickyLayerContextState,\n\t\telement,\n\t);\n\n\tif (!context) {\n\t\tthrow console.error(\n\t\t\t\"ParallaxContext not found! Please ensure to wrap your custom element with parallax-container element.\",\n\t\t);\n\t}\n\n\treturn useParallaxStickyLayerContext(context);\n};\n\nexport const withParallaxStickyLayerContext = createWithElementContext<\n\ttypeof ParallaxStickyLayerContextState,\n\tParallaxStickyLayerContext\n>(ParallaxStickyLayerContextState);\n\nexport const getParallaxStickyLayerContext = (element: Element) => {\n\tconst context = getContextFromProvider<ParallaxStickyLayerContext>(\n\t\tParallaxStickyLayerContextState,\n\t\telement,\n\t);\n\treturn useParallaxStickyLayerContext(context);\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport { provideParallaxStickyLayerContext } from \"../../hooks/index.js\";\n\nexport type Props = {\n  start: number;\n  end: number;\n};\n\nexport const Name = `parallax-sticky-layer`;\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n  if (!props.start)\n    return console.warn(\n      `${Name}: requires start attribute to be set!`,\n      element,\n    );\n  if (!props.end)\n    return console.warn(`${Name}: requires end attribute to be set!`, element);\n  if (props.end <= props.start)\n    return console.warn(\n      `${Name}: the start attribute must be less than the end attribute!`,\n      element,\n    );\n  if (props.start < 1 || props.end < 1)\n    return console.warn(\n      `${Name}: The start and end attributes must be greater than or equal to 1!`,\n      element,\n    );\n  provideParallaxStickyLayerContext(props, element);\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-core/utils\";\nimport {\n\tframe,\n\ttype MotionValue,\n\tmotionValue,\n\ttransform as mTransform,\n\tstyleEffect,\n\ttransformValue,\n} from \"motion\";\nimport {\n\tcreateEffect,\n\tcreateMemo,\n\tmergeProps,\n\tonCleanup,\n\tsplitProps,\n} from \"solid-js\";\nimport { createStore } from \"solid-js/store\";\n\nimport { useParallaxStickyLayer } from \"../../hooks/index.js\";\nimport { getActiveBreakpoints, getLastTruthyIndex } from \"../../utils.js\";\n\ntype AnimatableArray = Array<string | number> | null;\n\nexport type Props = {\n\tbreakpoints: string[];\n\trange: number[] | number[][];\n\ty: AnimatableArray | AnimatableArray[];\n\tx: AnimatableArray | AnimatableArray[];\n\tscale: AnimatableArray | AnimatableArray[];\n\trotate: AnimatableArray | AnimatableArray[];\n\topacity: AnimatableArray | AnimatableArray[];\n\tbackgroundColor: AnimatableArray | AnimatableArray[];\n\tborderRadius: AnimatableArray | AnimatableArray[];\n};\n\ntype ActiveProps = {\n\trange: number[];\n\ty: AnimatableArray;\n\tx: AnimatableArray;\n\tscale: AnimatableArray;\n\trotate: AnimatableArray;\n\topacity: AnimatableArray;\n\tbackgroundColor: AnimatableArray;\n\tborderRadius: AnimatableArray;\n};\n\nfunction keysFromObject<T extends object>(object: T): (keyof T)[] {\n\treturn Object.keys(object) as (keyof T)[];\n}\n\nexport const Name = `parallax-animation`;\n\nexport const PROPS = {\n\tbreakpoints: [\"\"],\n\trange: [0, 1],\n\ty: null,\n\tx: null,\n\tscale: null,\n\trotate: null,\n\topacity: null,\n\tcolor: null,\n\tbackgroundColor: null,\n\tborderRadius: null,\n};\n\nconst PROP_DEFAULTS = {\n\ty: \"0%\",\n\tx: \"0%\",\n\tscale: 1,\n\trotate: 0,\n\topacity: null,\n\tcolor: null,\n\tbackgroundColor: null,\n\tborderRadius: null,\n};\n\nconst KEYS = Object.keys(PROPS);\n\nconst isNestedAnimatableArray = (\n\tvalues: AnimatableArray | AnimatableArray[],\n): values is AnimatableArray[] => {\n\treturn (\n\t\tArray.isArray(values) && (Array.isArray(values[0]) || values[0] === null)\n\t);\n};\n\nconst flattenAnimatableArray = (\n\tvalue: AnimatableArray | AnimatableArray[],\n\tindex: number = 0,\n) => {\n\tif (isNestedAnimatableArray(value)) {\n\t\treturn value[index]!;\n\t}\n\treturn value;\n};\n\nexport const Component: CorrectComponentType<Props> = (props, { element }) => {\n\tif (\n\t\tObject.keys(props).some(\n\t\t\t(key) => KEYS.includes(key) && !Array.isArray(Reflect.get(props, key)),\n\t\t)\n\t)\n\t\treturn console.warn(\n\t\t\t`parallax-animate: At least one of ${KEYS.join(\",\")} properties is required and must be an array of values!`,\n\t\t\telement,\n\t\t);\n\n\tconst messages = Object.entries(props).reduce((messages, [key, value]) => {\n\t\tif (!KEYS.includes(key)) return messages;\n\t\tif (value && value.length !== props.range.length) {\n\t\t\treturn messages.concat(\n\t\t\t\t`${key} attribute must have the same length as range attribute!`,\n\t\t\t);\n\t\t}\n\t\treturn messages;\n\t}, [] as string[]);\n\n\tif (messages.length)\n\t\treturn console.warn(\n\t\t\telement,\n\t\t\t`\\nparallax-animate: Please fix the following issues:\\n${messages.join(\"\\n\")}`,\n\t\t);\n\n\tconst [progress, { animate }] = useParallaxStickyLayer(element);\n\n\tconst [activeBreakpoints, setActiveBreakpoints] = createStore<boolean[]>(\n\t\tgetActiveBreakpoints(props.breakpoints),\n\t);\n\tconst activeBreakpointIndex = createMemo(() =>\n\t\tgetLastTruthyIndex(activeBreakpoints),\n\t);\n\n\tconst [_, importantProps] = splitProps(props, [\"breakpoints\"]);\n\tconst animateableProps = mergeProps(importantProps, {});\n\n\tconst activeProps = createMemo<ActiveProps>(() => {\n\t\tconst index = activeBreakpointIndex();\n\n\t\tif (index === -1) {\n\t\t\tconst { breakpoints, ...active } = PROPS;\n\t\t\treturn active;\n\t\t}\n\n\t\tconst keys = keysFromObject(animateableProps);\n\n\t\tconst active = keys.reduce((active, key) => {\n\t\t\tconst value = animateableProps[key];\n\t\t\tif (isNestedAnimatableArray(value)) {\n\t\t\t\tconst flattenedValue = flattenAnimatableArray(value, index);\n\t\t\t\treturn {\n\t\t\t\t\t...active,\n\t\t\t\t\t[key]: flattenedValue,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\t...active,\n\t\t\t\t[key]: value,\n\t\t\t};\n\t\t}, {} as ActiveProps);\n\n\t\treturn active;\n\t});\n\n\tcreateEffect(() => {\n\t\tconst breakpoints = props.breakpoints;\n\t\tconst controller = new AbortController();\n\n\t\tfor (let i = 0; i < breakpoints.length; i++) {\n\t\t\tconst query = breakpoints[i];\n\t\t\tif (!query) continue;\n\t\t\tconst mediaQuery = window.matchMedia(query);\n\t\t\tmediaQuery.addEventListener(\n\t\t\t\t\"change\",\n\t\t\t\t(e) => setActiveBreakpoints(i, e.matches),\n\t\t\t\t{ signal: controller.signal },\n\t\t\t);\n\t\t}\n\n\t\treturn onCleanup(() => {\n\t\t\tcontroller.abort();\n\t\t});\n\t});\n\n\telement.style.willChange = \"transform\";\n\tif (\n\t\twindow.getComputedStyle(element).getPropertyValue(\"display\") === \"inline\"\n\t) {\n\t\telement.style.display = \"block\";\n\t}\n\n\tcreateEffect(() => {\n\t\tconst active = activeProps();\n\t\tconst { range, ...props } = active;\n\t\tconst valueSubscribers: VoidFunction[] = [];\n\t\tlet disposed = false;\n\n\t\tconst progressValue = Object.keys(PROP_DEFAULTS).reduce(\n\t\t\t(values, key) => {\n\t\t\t\tconst fallback = Reflect.get(PROP_DEFAULTS, key);\n\t\t\t\tconst valueRange = Reflect.get(props, key);\n\t\t\t\tif (valueRange?.length === range.length) {\n\t\t\t\t\tconst transform = mTransform(range, valueRange);\n\t\t\t\t\tconst value = motionValue(transform(progress.get()));\n\t\t\t\t\tconst unsub = progress.on(\"change\", (latest) => {\n\t\t\t\t\t\tvalue.set(transform(latest));\n\t\t\t\t\t});\n\t\t\t\t\tvalueSubscribers.push(unsub);\n\t\t\t\t\tvalues[key] = value;\n\t\t\t\t} else values[key] = fallback;\n\t\t\t\treturn values;\n\t\t\t},\n\t\t\t{} as Record<string, any>,\n\t\t);\n\n\t\tconst animated = Object.keys(progressValue).reduce(\n\t\t\t(obj, key) => {\n\t\t\t\tconst v = progressValue[key];\n\t\t\t\tReflect.set(\n\t\t\t\t\tobj,\n\t\t\t\t\tkey,\n\t\t\t\t\tmotionValue(typeof v === \"object\" && v !== null ? v.get() : v),\n\t\t\t\t);\n\t\t\t\treturn obj;\n\t\t\t},\n\t\t\t{} as Record<string, MotionValue>,\n\t\t);\n\n\t\tconst transform = transformValue(\n\t\t\t() =>\n\t\t\t\t`translate(${animated.x?.get()}, ${animated.y?.get()}) scale(${animated.scale?.get()}) rotate(${animated.rotate?.get()}deg)`,\n\t\t);\n\n\t\tfunction animateValues() {\n\t\t\tif (disposed) return;\n\n\t\t\tconst sequence = Object.keys(animated)\n\t\t\t\t.map((key) => {\n\t\t\t\t\tconst subject = animated[key];\n\t\t\t\t\tconst v = progressValue[key]?.get?.();\n\t\t\t\t\tif (!subject) return null;\n\t\t\t\t\tif (typeof v === \"undefined\" || v === null) return null;\n\t\t\t\t\tif (typeof v !== \"string\" && typeof v !== \"number\") return null;\n\t\t\t\t\treturn [animated[key], v, { at: \"<\" }];\n\t\t\t\t})\n\t\t\t\t.filter((v) => v !== null);\n\n\t\t\tif (sequence.length === 0) return;\n\t\t\t//@ts-expect-error\n\t\t\tanimate(sequence);\n\t\t}\n\n\t\tfunction scheduleAnimation() {\n\t\t\tframe.update(animateValues);\n\t\t}\n\n\t\tconst unsub = progress.on(\"change\", (_) => {\n\t\t\tscheduleAnimation();\n\t\t});\n\n\t\tconst styledValues = Object.keys(animated)\n\t\t\t.filter(\n\t\t\t\t(key) =>\n\t\t\t\t\tkey !== \"y\" && key !== \"x\" && key !== \"rotate\" && key !== \"scale\",\n\t\t\t)\n\t\t\t.reduce((obj, key) => {\n\t\t\t\tReflect.set(obj, key, animated[key]);\n\t\t\t\treturn obj;\n\t\t\t}, {});\n\n\t\tconst unstyle = styleEffect(element, {\n\t\t\ttransform,\n\t\t\t...styledValues,\n\t\t});\n\n\t\treturn onCleanup(() => {\n\t\t\tdisposed = true;\n\t\t\tunstyle();\n\t\t\tunsub();\n\t\t\tvalueSubscribers.forEach((unsub) => {\n\t\t\t\tunsub();\n\t\t\t});\n\t\t\tObject.values(animated).forEach((value) => {\n\t\t\t\tvalue.destroy();\n\t\t\t});\n\t\t\tObject.values(progressValue).forEach((value) => {\n\t\t\t\tvalue?.destroy?.();\n\t\t\t});\n\t\t\ttransform.destroy();\n\t\t});\n\t});\n};\n","import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-core/utils\";\n\nimport {\n  ParallaxContainer,\n  ParallaxStickyLayer,\n  ParallaxAnimation,\n} from \"./components/index.js\";\n\nexport type ParallaxContainerProps = ParallaxContainer.Props;\nexport type ParallaxStickyLayerProps = ParallaxStickyLayer.Props;\nexport type ParallaxAnimationProps = ParallaxAnimation.Props;\n\ncustomShadowlessElement(\n  ParallaxContainer.Name,\n  {\n    maxPages: 2,\n  },\n  correctElementType(ParallaxContainer.Component),\n);\n\ncustomShadowlessElement(\n  ParallaxStickyLayer.Name,\n  {\n    start: 1,\n    end: 2,\n  },\n  correctElementType(ParallaxStickyLayer.Component),\n);\n\ncustomShadowlessElement(\n  ParallaxAnimation.Name,\n  ParallaxAnimation.PROPS,\n  correctElementType(ParallaxAnimation.Component),\n);\n\nexport {\n  useParallax,\n  getParallaxContext,\n  useParallaxStickyLayer,\n  getParallaxStickyLayerContext,\n  withParallaxElementContext,\n  withParallaxStickyLayerContext,\n} from \"./hooks/index.js\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/web-component-parallax",
-  "version": "3.3.2",
+  "version": "3.3.3",
   "description": "Headless parallax animation web component",
   "main": "./dist/main/index.js",
   "module": "./dist/main/index.js",
@@ -19,7 +19,7 @@
   "author": "Bryt Designs",
   "license": "ISC",
   "dependencies": {
-    "@brytdesigns/web-component-core": "3.3.2",
+    "@brytdesigns/web-component-core": "3.3.3",
     "component-register": "0.8.7",
     "motion": "^12.43.0",
     "solid-js": "2.0.0-rc.14"