@brytdesigns/web-component-parallax 1.0.1 → 1.0.3

package/dist/esm/index.js

@@ -3,6 +3,8 @@ import { splitProps, createEffect, batch, onCleanup, mergeProps } 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) => {
@@ -104,53 +106,6 @@ function isInRange({
 }) {
   return start <= value && end >= value;
 }
-function abortablePromise(promise, signal) {
-  if (signal.aborted) {
-    return new Promise((_, rej) => rej(signal.reason));
-  }
-  return new Promise(async (res, rej) => {
-    signal.addEventListener(
-      "abort",
-      () => {
-        rej(signal.reason);
-      },
-      { once: true }
-    );
-    promise.then(res);
-  });
-}
-function awaitAllAnimations(promises) {
-  return new Promise((resolve, _) => {
-    const results = [];
-    let remaining = promises.length;
-    if (remaining === 0) {
-      resolve([]);
-      return;
-    }
-    function updateResults(value, index) {
-      results[index] = value;
-      remaining -= 1;
-      if (remaining === 0) {
-        resolve(results);
-      }
-    }
-    promises.forEach((p, i) => {
-      try {
-        if (p?.state === "idle") {
-          updateResults(null, i);
-        } else {
-          p.then(() => {
-            updateResults(null, i);
-          });
-        }
-      } catch (e) {
-        p.then(() => {
-          updateResults(null, i);
-        });
-      }
-    });
-  });
-}
 
 // src/hooks/useParallaxStickyLayer.ts
 function initializeParallaxStickyLayerContext(props) {
@@ -375,7 +330,7 @@ parallax-animate: Please fix the following issues:
 ${messages.join("\n")}`
     );
   element.style.willChange = "transform";
-  if (!window.getComputedStyle(element).getPropertyValue("display")) {
+  if (window.getComputedStyle(element).getPropertyValue("display") === "inline") {
     element.style.display = "block";
   }
   createEffect(() => {

package/dist/esm/index.js.map

@@ -1 +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","getContextFromProvider","Component","Name","animate","messages","unsub","transformValue","frame"],"mappings":"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","file":"index.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport { provideParallaxContext } from \"../../hooks/index.js\";\n\ntype ParallaxContainerProps = {\n  maxPages: number;\n};\n\nexport const Name = `parallax-container`;\n\nexport const Component: CorrectComponentType<ParallaxContainerProps> = (\n  props,\n  { element },\n) => {\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 { getContextFromProvider } from \"@brytdesigns/web-component-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  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 getParallaxContext = (element: Element) => {\n  const context = getContextFromProvider<ParallaxContext>(\n    ParallaxContextState,\n    element,\n  );\n  return useParallaxContext(context);\n};\n","import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport 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 abortablePromise(promise: Promise<any>, signal: AbortSignal) {\n  if (signal.aborted) {\n    return new Promise((_, rej) => rej(signal.reason));\n  }\n\n  return new Promise(async (res, rej) => {\n    signal.addEventListener(\n      \"abort\",\n      () => {\n        rej(signal.reason);\n      },\n      { once: true },\n    );\n    promise.then(res);\n  });\n}\n\nexport function awaitAllAnimations(\n  promises: AnimationPlaybackControlsWithThen[],\n) {\n  return new Promise((resolve, _) => {\n    const results: any[] = [];\n    let remaining = promises.length;\n    if (remaining === 0) {\n      resolve([]); // zero‐length edge case\n      return;\n    }\n\n    function updateResults<T>(value: T, index: number) {\n      results[index] = value;\n      remaining -= 1;\n      if (remaining === 0) {\n        resolve(results);\n      }\n    }\n\n    promises.forEach((p, i) => {\n      try {\n        if (p?.state === \"idle\") {\n          updateResults(null, i);\n        } else {\n          p.then(() => {\n            updateResults(null, i);\n          });\n        }\n      } catch (e) {\n        p.then(() => {\n          updateResults(null, i);\n        });\n      }\n    });\n  });\n}\n\nexport async function controlPromise(\n  controls: AnimationPlaybackControlsWithThen,\n) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n","import { onCleanup, createEffect, splitProps, mergeProps } from \"solid-js\";\nimport { getContextFromProvider } from \"@brytdesigns/web-component-utils\";\nimport {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport {\n  motionValue,\n  transformValue,\n  transform as mTransform,\n  frame,\n  animate,\n  type AnimationPlaybackControlsWithThen,\n} from \"motion\";\nimport { useParallax } from \"./useParallax\";\nimport {\n  normalizeTuple,\n  isInRange,\n  abortablePromise,\n  awaitAllAnimations,\n} from \"../utils\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  start: number;\n  end: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype ParallaxStickyLayerContext = ReturnType<\n  typeof initializeParallaxStickyLayerContext\n>;\n\nfunction initializeParallaxStickyLayerContext(props: CreateContextOptions) {\n  const [_internal, _state] = splitProps(props, [\"root\", \"start\", \"end\"]);\n  const parallax = useParallax(_internal.root);\n\n  const progress = motionValue(-1);\n  const inRange = motionValue(false);\n  const belowRange = motionValue(false);\n  const aboveRange = motionValue(false);\n\n  const position = transformValue(() =>\n    inRange.get() ? \"sticky\" : \"absolute\",\n  );\n  const transform = transformValue(() => {\n    const isInRange = inRange.get();\n    const isBelowRange = belowRange.get();\n    const isAboveRange = aboveRange.get();\n    if (isInRange) return \"none\";\n    if (isBelowRange) return `translate(0px, ${(_internal.start - 1) * 100}%)`;\n    if (isAboveRange) return `translate(0px, ${(_internal.end - 1) * 100}%)`;\n  });\n  const animations = motionValue<AnimationPlaybackControlsWithThen[]>([]);\n\n  const styles = transformValue(() => ({\n    position: position.get(),\n    transform: transform.get(),\n  }));\n\n  _internal.root.style.top = \"0\";\n  _internal.root.style.right = \"0\";\n  _internal.root.style.bottom = \"0\";\n  _internal.root.style.left = \"0\";\n  _internal.root.style.height = \"100vh\";\n  _internal.root.style.overflowX = \"hidden\";\n  _internal.root.style.maxWidth = \"100%\";\n  if (window.getComputedStyle(_internal.root).display === \"inline\") {\n    _internal.root.style.display = \"block\";\n  }\n\n  createEffect(() => {\n    const range = [_internal.start, _internal.end];\n    const maxPages = parallax.maxPages;\n    const normalizedRange = normalizeTuple(range as any, maxPages);\n    const [normStart, normEnd] = normalizedRange;\n    const transformer = mTransform(normalizedRange as any, [0, 1]);\n\n    const unsubscribe = parallax.scrollYProgress.on(\"change\", (value) => {\n      inRange.set(isInRange({ range: normalizedRange as any, value }));\n      belowRange.set(value <= normStart);\n      aboveRange.set(value >= normEnd);\n      progress.set(transformer(value));\n    });\n\n    return onCleanup(() => {\n      unsubscribe();\n    });\n  });\n\n  function updateStyles() {\n    const s = styles.get();\n    _internal.root.style.position = s.position;\n    _internal.root.style.transform = s.transform;\n  }\n\n  function renderStyles() {\n    frame.render(updateStyles);\n  }\n\n  function waitForAnimations() {\n    const a = animations.get();\n    const controller = new AbortController();\n    abortablePromise(awaitAllAnimations(a), controller.signal).then(() => {\n      animations.set([]);\n      renderStyles();\n    });\n  }\n\n  const unsubStyles = styles.on(\"change\", (_) => {\n    if (progress.get() === 1 || progress.get() === 0)\n      return waitForAnimations();\n    animations.set([]);\n    renderStyles();\n  });\n\n  function _animate(...args: Parameters<typeof animate>) {\n    const animation = animate(...args);\n    animations.set([...animations.get(), animation]);\n    return animation;\n  }\n\n  onCleanup(() => {\n    unsubStyles();\n  });\n\n  return [progress, { animate: _animate }] as const;\n}\n\nconst ParallaxStickyLayerContextState = createContext(\n  initializeParallaxStickyLayerContext,\n);\n\nexport const provideParallaxStickyLayerContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): ParallaxStickyLayerContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(ParallaxStickyLayerContextState, props, element);\n};\n\nexport const useParallaxStickyLayerContext = (\n  context: ParallaxStickyLayerContext,\n) => {\n  return context;\n};\n\nexport const useParallaxStickyLayer = (\n  element: HTMLElement & ICustomElement,\n) => {\n  const context: ParallaxStickyLayerContext = consume(\n    ParallaxStickyLayerContextState,\n    element,\n  );\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 useParallaxStickyLayerContext(context);\n};\n\nexport const getParallaxStickyLayerContext = (element: Element) => {\n  const context = getContextFromProvider<ParallaxStickyLayerContext>(\n    ParallaxStickyLayerContextState,\n    element,\n  );\n  return useParallaxStickyLayerContext(context);\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport { provideParallaxStickyLayerContext } from \"../../hooks/index.js\";\n\ntype StickyParallaxLayerProps = {\n  start: number;\n  end: number;\n};\n\nexport const Name = `parallax-sticky-layer`;\n\nexport const Component: CorrectComponentType<StickyParallaxLayerProps> = (\n  props,\n  { element },\n) => {\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-utils\";\nimport { onCleanup, createEffect } from \"solid-js\";\nimport {\n  motionValue,\n  transformValue,\n  transform as mTransform,\n  styleEffect,\n  frame,\n  type MotionValue,\n} from \"motion\";\n\nimport { useParallaxStickyLayer } from \"../../hooks/index.js\";\n\ntype ParallaxContainerProps = {\n  range: number[];\n  y: Array<string | number> | null;\n  x: Array<string | number> | null;\n  scale: Array<string | number> | null;\n  rotate: Array<string | number> | null;\n  opacity: Array<string | number> | null;\n  backgroundColor: string[] | null;\n  borderRadius: Array<string | number> | null;\n  top: Array<string | number> | null;\n  left: Array<string | number> | null;\n  right: Array<string | number> | null;\n  bottom: Array<string | number> | null;\n  width: Array<string | number> | null;\n  height: Array<string | number> | null;\n};\n\nexport const Name = `parallax-animation`;\n\nexport const PROPS = {\n  y: null,\n  x: null,\n  scale: null,\n  rotate: null,\n  opacity: null,\n  color: null,\n  backgroundColor: null,\n  borderRadius: null,\n  top: null,\n  left: null,\n  bottom: null,\n  right: null,\n  width: null,\n  height: null,\n};\n\nconst PROP_DEFAULTS = {\n  y: \"0%\",\n  x: \"0%\",\n  scale: 1,\n  rotate: 0,\n  opacity: null,\n  color: null,\n  backgroundColor: null,\n  borderRadius: null,\n  top: null,\n  left: null,\n  bottom: null,\n  right: null,\n  width: null,\n  height: null,\n};\n\nconst KEYS = Object.keys(PROPS);\n\nexport const Component: CorrectComponentType<ParallaxContainerProps> = (\n  props,\n  { element },\n) => {\n  const [progress, { animate }] = useParallaxStickyLayer(element);\n\n  if (\n    Object.keys(props).some(\n      (key) => KEYS.includes(key) && !Array.isArray(Reflect.get(props, key)),\n    )\n  )\n    return console.warn(\n      `parallax-animate: At least one of ${KEYS.join(\",\")} properties is required and must be an array of values!`,\n      element,\n    );\n\n  const messages = Object.entries(props).reduce((messages, [key, value]) => {\n    if (!KEYS.includes(key)) return messages;\n    if (value && value.length !== props.range.length) {\n      return messages.concat(\n        `${key} attribute must have the same length as range attribute!`,\n      );\n    }\n    return messages;\n  }, [] as string[]);\n\n  if (messages.length)\n    return console.warn(\n      element,\n      `\\nparallax-animate: Please fix the following issues:\\n${messages.join(\"\\n\")}`,\n    );\n\n  element.style.willChange = \"transform\";\n  if (!window.getComputedStyle(element).getPropertyValue(\"display\")) {\n    element.style.display = \"block\";\n  }\n\n  createEffect(() => {\n    // Subscribe to all changes\n    Object.values(props);\n    const range = props.range;\n\n    const valueSubscribers: VoidFunction[] = [];\n\n    const progressValue = Object.keys(PROP_DEFAULTS).reduce(\n      (values, key) => {\n        const fallback = Reflect.get(PROP_DEFAULTS, key);\n        const valueRange = Reflect.get(props, key);\n        if (valueRange?.length === range.length) {\n          const transform = mTransform(range, valueRange);\n          const value = motionValue(transform(progress.get()));\n          const unsub = progress.on(\"change\", (latest) => {\n            value.set(transform(latest));\n          });\n          valueSubscribers.push(unsub);\n          values[key] = value;\n        } else values[key] = fallback;\n        return values;\n      },\n      {} as Record<string, any>,\n    );\n\n    const animated = Object.keys(progressValue).reduce(\n      (obj, key) => {\n        const v = progressValue[key];\n        Reflect.set(\n          obj,\n          key,\n          motionValue(typeof v === \"object\" && v !== null ? v.get() : v),\n        );\n        return obj;\n      },\n      {} as Record<string, MotionValue>,\n    );\n\n    const transform = transformValue(\n      () =>\n        `translate(${animated.x?.get()}, ${animated.y?.get()}) scale(${animated.scale?.get()}) rotate(${animated.rotate?.get()}deg)`,\n    );\n\n    function animateValues() {\n      const sequence = Object.keys(animated)\n        .map((key) => {\n          let v = progressValue[key]?.get?.();\n          if (typeof v === \"undefined\") return null;\n          return [animated[key], v, { at: \"<\" }];\n        })\n        .filter((v) => v !== null);\n      //@ts-ignore\n      animate(sequence);\n    }\n\n    function scheduleAnimation() {\n      frame.update(animateValues);\n    }\n\n    const unsub = progress.on(\"change\", (_) => {\n      scheduleAnimation();\n    });\n\n    const styledValues = Object.keys(animated)\n      .filter(\n        (key) =>\n          key !== \"y\" && key !== \"x\" && key !== \"rotate\" && key !== \"scale\",\n      )\n      .reduce((obj, key) => {\n        Reflect.set(obj, key, animated[key]);\n        return obj;\n      }, {});\n\n    const unstyle = styleEffect(element, {\n      transform,\n      ...styledValues,\n    });\n\n    return onCleanup(() => {\n      unstyle();\n      unsub();\n      valueSubscribers.forEach((unsub) => unsub());\n      Object.values(animated).forEach((value) => {\n        value.destroy();\n      });\n      Object.values(progressValue).forEach((value) => {\n        value?.destroy?.();\n      });\n      transform.destroy();\n    });\n  });\n};\n","import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-utils\";\n\nimport {\n  ParallaxContainer,\n  ParallaxStickyLayer,\n  ParallaxAnimation,\n} from \"./components/index.js\";\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  {\n    range: [0, 1],\n    ...ParallaxAnimation.PROPS,\n  },\n  correctElementType(ParallaxAnimation.Component),\n);\n\nexport {\n  useParallax,\n  getParallaxContext,\n  useParallaxStickyLayer,\n  getParallaxStickyLayerContext,\n} from \"./hooks/index.js\";\n"]}
+{"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","getContextFromProvider","Component","Name","animate","messages","unsub","transformValue","frame"],"mappings":"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","file":"index.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport { provideParallaxContext } from \"../../hooks/index.js\";\n\ntype ParallaxContainerProps = {\n  maxPages: number;\n};\n\nexport const Name = `parallax-container`;\n\nexport const Component: CorrectComponentType<ParallaxContainerProps> = (\n  props,\n  { element },\n) => {\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 { getContextFromProvider } from \"@brytdesigns/web-component-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  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 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","import { onCleanup, createEffect, splitProps, mergeProps } from \"solid-js\";\nimport { getContextFromProvider } from \"@brytdesigns/web-component-utils\";\nimport {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport {\n  motionValue,\n  transformValue,\n  transform as mTransform,\n  frame,\n  animate,\n  type AnimationPlaybackControlsWithThen,\n} from \"motion\";\nimport { awaitAllAnimations } from \"@brytdesigns/web-component-core/animation\";\nimport { abortablePromise } from \"@brytdesigns/web-component-core/promise\";\nimport { useParallax } from \"./useParallax\";\nimport { normalizeTuple, isInRange } from \"../utils\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  start: number;\n  end: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype ParallaxStickyLayerContext = ReturnType<\n  typeof initializeParallaxStickyLayerContext\n>;\n\nfunction initializeParallaxStickyLayerContext(props: CreateContextOptions) {\n  const [_internal, _state] = splitProps(props, [\"root\", \"start\", \"end\"]);\n  const parallax = useParallax(_internal.root);\n\n  const progress = motionValue(-1);\n  const inRange = motionValue(false);\n  const belowRange = motionValue(false);\n  const aboveRange = motionValue(false);\n\n  const position = transformValue(() =>\n    inRange.get() ? \"sticky\" : \"absolute\",\n  );\n  const transform = transformValue(() => {\n    const isInRange = inRange.get();\n    const isBelowRange = belowRange.get();\n    const isAboveRange = aboveRange.get();\n    if (isInRange) return \"none\";\n    if (isBelowRange) return `translate(0px, ${(_internal.start - 1) * 100}%)`;\n    if (isAboveRange) return `translate(0px, ${(_internal.end - 1) * 100}%)`;\n  });\n  const animations = motionValue<AnimationPlaybackControlsWithThen[]>([]);\n\n  const styles = transformValue(() => ({\n    position: position.get(),\n    transform: transform.get(),\n  }));\n\n  _internal.root.style.top = \"0\";\n  _internal.root.style.right = \"0\";\n  _internal.root.style.bottom = \"0\";\n  _internal.root.style.left = \"0\";\n  _internal.root.style.height = \"100vh\";\n  _internal.root.style.overflowX = \"hidden\";\n  _internal.root.style.maxWidth = \"100%\";\n  if (window.getComputedStyle(_internal.root).display === \"inline\") {\n    _internal.root.style.display = \"block\";\n  }\n\n  createEffect(() => {\n    const range = [_internal.start, _internal.end];\n    const maxPages = parallax.maxPages;\n    const normalizedRange = normalizeTuple(range as any, maxPages);\n    const [normStart, normEnd] = normalizedRange;\n    const transformer = mTransform(normalizedRange as any, [0, 1]);\n\n    const unsubscribe = parallax.scrollYProgress.on(\"change\", (value) => {\n      inRange.set(isInRange({ range: normalizedRange as any, value }));\n      belowRange.set(value <= normStart);\n      aboveRange.set(value >= normEnd);\n      progress.set(transformer(value));\n    });\n\n    return onCleanup(() => {\n      unsubscribe();\n    });\n  });\n\n  function updateStyles() {\n    const s = styles.get();\n    _internal.root.style.position = s.position;\n    _internal.root.style.transform = s.transform;\n  }\n\n  function renderStyles() {\n    frame.render(updateStyles);\n  }\n\n  function waitForAnimations() {\n    const a = animations.get();\n    const controller = new AbortController();\n    abortablePromise(awaitAllAnimations(a), controller.signal).then(() => {\n      animations.set([]);\n      renderStyles();\n    });\n  }\n\n  const unsubStyles = styles.on(\"change\", (_) => {\n    if (progress.get() === 1 || progress.get() === 0)\n      return waitForAnimations();\n    animations.set([]);\n    renderStyles();\n  });\n\n  function _animate(...args: Parameters<typeof animate>) {\n    const animation = animate(...args);\n    animations.set([...animations.get(), animation]);\n    return animation;\n  }\n\n  onCleanup(() => {\n    unsubStyles();\n  });\n\n  return [progress, { animate: _animate }] as const;\n}\n\nconst ParallaxStickyLayerContextState = createContext(\n  initializeParallaxStickyLayerContext,\n);\n\nexport const provideParallaxStickyLayerContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): ParallaxStickyLayerContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(ParallaxStickyLayerContextState, props, element);\n};\n\nexport const useParallaxStickyLayerContext = (\n  context: ParallaxStickyLayerContext,\n) => {\n  return context;\n};\n\nexport const useParallaxStickyLayer = (\n  element: HTMLElement & ICustomElement,\n) => {\n  const context: ParallaxStickyLayerContext = consume(\n    ParallaxStickyLayerContextState,\n    element,\n  );\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 useParallaxStickyLayerContext(context);\n};\n\nexport const getParallaxStickyLayerContext = (element: Element) => {\n  const context = getContextFromProvider<ParallaxStickyLayerContext>(\n    ParallaxStickyLayerContextState,\n    element,\n  );\n  return useParallaxStickyLayerContext(context);\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport { provideParallaxStickyLayerContext } from \"../../hooks/index.js\";\n\ntype StickyParallaxLayerProps = {\n  start: number;\n  end: number;\n};\n\nexport const Name = `parallax-sticky-layer`;\n\nexport const Component: CorrectComponentType<StickyParallaxLayerProps> = (\n  props,\n  { element },\n) => {\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-utils\";\nimport { onCleanup, createEffect } from \"solid-js\";\nimport {\n  motionValue,\n  transformValue,\n  transform as mTransform,\n  styleEffect,\n  frame,\n  type MotionValue,\n} from \"motion\";\n\nimport { useParallaxStickyLayer } from \"../../hooks/index.js\";\n\ntype ParallaxContainerProps = {\n  range: number[];\n  y: Array<string | number> | null;\n  x: Array<string | number> | null;\n  scale: Array<string | number> | null;\n  rotate: Array<string | number> | null;\n  opacity: Array<string | number> | null;\n  backgroundColor: string[] | null;\n  borderRadius: Array<string | number> | null;\n  top: Array<string | number> | null;\n  left: Array<string | number> | null;\n  right: Array<string | number> | null;\n  bottom: Array<string | number> | null;\n  width: Array<string | number> | null;\n  height: Array<string | number> | null;\n};\n\nexport const Name = `parallax-animation`;\n\nexport const PROPS = {\n  y: null,\n  x: null,\n  scale: null,\n  rotate: null,\n  opacity: null,\n  color: null,\n  backgroundColor: null,\n  borderRadius: null,\n  top: null,\n  left: null,\n  bottom: null,\n  right: null,\n  width: null,\n  height: null,\n};\n\nconst PROP_DEFAULTS = {\n  y: \"0%\",\n  x: \"0%\",\n  scale: 1,\n  rotate: 0,\n  opacity: null,\n  color: null,\n  backgroundColor: null,\n  borderRadius: null,\n  top: null,\n  left: null,\n  bottom: null,\n  right: null,\n  width: null,\n  height: null,\n};\n\nconst KEYS = Object.keys(PROPS);\n\nexport const Component: CorrectComponentType<ParallaxContainerProps> = (\n  props,\n  { element },\n) => {\n  const [progress, { animate }] = useParallaxStickyLayer(element);\n\n  if (\n    Object.keys(props).some(\n      (key) => KEYS.includes(key) && !Array.isArray(Reflect.get(props, key)),\n    )\n  )\n    return console.warn(\n      `parallax-animate: At least one of ${KEYS.join(\",\")} properties is required and must be an array of values!`,\n      element,\n    );\n\n  const messages = Object.entries(props).reduce((messages, [key, value]) => {\n    if (!KEYS.includes(key)) return messages;\n    if (value && value.length !== props.range.length) {\n      return messages.concat(\n        `${key} attribute must have the same length as range attribute!`,\n      );\n    }\n    return messages;\n  }, [] as string[]);\n\n  if (messages.length)\n    return console.warn(\n      element,\n      `\\nparallax-animate: Please fix the following issues:\\n${messages.join(\"\\n\")}`,\n    );\n\n  element.style.willChange = \"transform\";\n  if (\n    window.getComputedStyle(element).getPropertyValue(\"display\") === \"inline\"\n  ) {\n    element.style.display = \"block\";\n  }\n\n  createEffect(() => {\n    // Subscribe to all changes\n    Object.values(props);\n    const range = props.range;\n\n    const valueSubscribers: VoidFunction[] = [];\n\n    const progressValue = Object.keys(PROP_DEFAULTS).reduce(\n      (values, key) => {\n        const fallback = Reflect.get(PROP_DEFAULTS, key);\n        const valueRange = Reflect.get(props, key);\n        if (valueRange?.length === range.length) {\n          const transform = mTransform(range, valueRange);\n          const value = motionValue(transform(progress.get()));\n          const unsub = progress.on(\"change\", (latest) => {\n            value.set(transform(latest));\n          });\n          valueSubscribers.push(unsub);\n          values[key] = value;\n        } else values[key] = fallback;\n        return values;\n      },\n      {} as Record<string, any>,\n    );\n\n    const animated = Object.keys(progressValue).reduce(\n      (obj, key) => {\n        const v = progressValue[key];\n        Reflect.set(\n          obj,\n          key,\n          motionValue(typeof v === \"object\" && v !== null ? v.get() : v),\n        );\n        return obj;\n      },\n      {} as Record<string, MotionValue>,\n    );\n\n    const transform = transformValue(\n      () =>\n        `translate(${animated.x?.get()}, ${animated.y?.get()}) scale(${animated.scale?.get()}) rotate(${animated.rotate?.get()}deg)`,\n    );\n\n    function animateValues() {\n      const sequence = Object.keys(animated)\n        .map((key) => {\n          let v = progressValue[key]?.get?.();\n          if (typeof v === \"undefined\") return null;\n          return [animated[key], v, { at: \"<\" }];\n        })\n        .filter((v) => v !== null);\n      //@ts-ignore\n      animate(sequence);\n    }\n\n    function scheduleAnimation() {\n      frame.update(animateValues);\n    }\n\n    const unsub = progress.on(\"change\", (_) => {\n      scheduleAnimation();\n    });\n\n    const styledValues = Object.keys(animated)\n      .filter(\n        (key) =>\n          key !== \"y\" && key !== \"x\" && key !== \"rotate\" && key !== \"scale\",\n      )\n      .reduce((obj, key) => {\n        Reflect.set(obj, key, animated[key]);\n        return obj;\n      }, {});\n\n    const unstyle = styleEffect(element, {\n      transform,\n      ...styledValues,\n    });\n\n    return onCleanup(() => {\n      unstyle();\n      unsub();\n      valueSubscribers.forEach((unsub) => unsub());\n      Object.values(animated).forEach((value) => {\n        value.destroy();\n      });\n      Object.values(progressValue).forEach((value) => {\n        value?.destroy?.();\n      });\n      transform.destroy();\n    });\n  });\n};\n","import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-utils\";\n\nimport {\n  ParallaxContainer,\n  ParallaxStickyLayer,\n  ParallaxAnimation,\n} from \"./components/index.js\";\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  {\n    range: [0, 1],\n    ...ParallaxAnimation.PROPS,\n  },\n  correctElementType(ParallaxAnimation.Component),\n);\n\nexport {\n  useParallax,\n  getParallaxContext,\n  useParallaxStickyLayer,\n  getParallaxStickyLayerContext,\n} from \"./hooks/index.js\";\n"]}

package/dist/main/components/parallax-animation/index.js

@@ -62,7 +62,7 @@ parallax-animate: Please fix the following issues:
 ${messages.join("\n")}`
     );
   element.style.willChange = "transform";
-  if (!window.getComputedStyle(element).getPropertyValue("display")) {
+  if (window.getComputedStyle(element).getPropertyValue("display") === "inline") {
     element.style.display = "block";
   }
   createEffect(() => {

package/dist/main/components/parallax-animation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/parallax-animation/index.ts"],"names":["messages","transform","mTransform","unsub"],"mappings":"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","file":"index.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport { onCleanup, createEffect } from \"solid-js\";\nimport {\n  motionValue,\n  transformValue,\n  transform as mTransform,\n  styleEffect,\n  frame,\n  type MotionValue,\n} from \"motion\";\n\nimport { useParallaxStickyLayer } from \"../../hooks/index.js\";\n\ntype ParallaxContainerProps = {\n  range: number[];\n  y: Array<string | number> | null;\n  x: Array<string | number> | null;\n  scale: Array<string | number> | null;\n  rotate: Array<string | number> | null;\n  opacity: Array<string | number> | null;\n  backgroundColor: string[] | null;\n  borderRadius: Array<string | number> | null;\n  top: Array<string | number> | null;\n  left: Array<string | number> | null;\n  right: Array<string | number> | null;\n  bottom: Array<string | number> | null;\n  width: Array<string | number> | null;\n  height: Array<string | number> | null;\n};\n\nexport const Name = `parallax-animation`;\n\nexport const PROPS = {\n  y: null,\n  x: null,\n  scale: null,\n  rotate: null,\n  opacity: null,\n  color: null,\n  backgroundColor: null,\n  borderRadius: null,\n  top: null,\n  left: null,\n  bottom: null,\n  right: null,\n  width: null,\n  height: null,\n};\n\nconst PROP_DEFAULTS = {\n  y: \"0%\",\n  x: \"0%\",\n  scale: 1,\n  rotate: 0,\n  opacity: null,\n  color: null,\n  backgroundColor: null,\n  borderRadius: null,\n  top: null,\n  left: null,\n  bottom: null,\n  right: null,\n  width: null,\n  height: null,\n};\n\nconst KEYS = Object.keys(PROPS);\n\nexport const Component: CorrectComponentType<ParallaxContainerProps> = (\n  props,\n  { element },\n) => {\n  const [progress, { animate }] = useParallaxStickyLayer(element);\n\n  if (\n    Object.keys(props).some(\n      (key) => KEYS.includes(key) && !Array.isArray(Reflect.get(props, key)),\n    )\n  )\n    return console.warn(\n      `parallax-animate: At least one of ${KEYS.join(\",\")} properties is required and must be an array of values!`,\n      element,\n    );\n\n  const messages = Object.entries(props).reduce((messages, [key, value]) => {\n    if (!KEYS.includes(key)) return messages;\n    if (value && value.length !== props.range.length) {\n      return messages.concat(\n        `${key} attribute must have the same length as range attribute!`,\n      );\n    }\n    return messages;\n  }, [] as string[]);\n\n  if (messages.length)\n    return console.warn(\n      element,\n      `\\nparallax-animate: Please fix the following issues:\\n${messages.join(\"\\n\")}`,\n    );\n\n  element.style.willChange = \"transform\";\n  if (!window.getComputedStyle(element).getPropertyValue(\"display\")) {\n    element.style.display = \"block\";\n  }\n\n  createEffect(() => {\n    // Subscribe to all changes\n    Object.values(props);\n    const range = props.range;\n\n    const valueSubscribers: VoidFunction[] = [];\n\n    const progressValue = Object.keys(PROP_DEFAULTS).reduce(\n      (values, key) => {\n        const fallback = Reflect.get(PROP_DEFAULTS, key);\n        const valueRange = Reflect.get(props, key);\n        if (valueRange?.length === range.length) {\n          const transform = mTransform(range, valueRange);\n          const value = motionValue(transform(progress.get()));\n          const unsub = progress.on(\"change\", (latest) => {\n            value.set(transform(latest));\n          });\n          valueSubscribers.push(unsub);\n          values[key] = value;\n        } else values[key] = fallback;\n        return values;\n      },\n      {} as Record<string, any>,\n    );\n\n    const animated = Object.keys(progressValue).reduce(\n      (obj, key) => {\n        const v = progressValue[key];\n        Reflect.set(\n          obj,\n          key,\n          motionValue(typeof v === \"object\" && v !== null ? v.get() : v),\n        );\n        return obj;\n      },\n      {} as Record<string, MotionValue>,\n    );\n\n    const transform = transformValue(\n      () =>\n        `translate(${animated.x?.get()}, ${animated.y?.get()}) scale(${animated.scale?.get()}) rotate(${animated.rotate?.get()}deg)`,\n    );\n\n    function animateValues() {\n      const sequence = Object.keys(animated)\n        .map((key) => {\n          let v = progressValue[key]?.get?.();\n          if (typeof v === \"undefined\") return null;\n          return [animated[key], v, { at: \"<\" }];\n        })\n        .filter((v) => v !== null);\n      //@ts-ignore\n      animate(sequence);\n    }\n\n    function scheduleAnimation() {\n      frame.update(animateValues);\n    }\n\n    const unsub = progress.on(\"change\", (_) => {\n      scheduleAnimation();\n    });\n\n    const styledValues = Object.keys(animated)\n      .filter(\n        (key) =>\n          key !== \"y\" && key !== \"x\" && key !== \"rotate\" && key !== \"scale\",\n      )\n      .reduce((obj, key) => {\n        Reflect.set(obj, key, animated[key]);\n        return obj;\n      }, {});\n\n    const unstyle = styleEffect(element, {\n      transform,\n      ...styledValues,\n    });\n\n    return onCleanup(() => {\n      unstyle();\n      unsub();\n      valueSubscribers.forEach((unsub) => unsub());\n      Object.values(animated).forEach((value) => {\n        value.destroy();\n      });\n      Object.values(progressValue).forEach((value) => {\n        value?.destroy?.();\n      });\n      transform.destroy();\n    });\n  });\n};\n"]}
+{"version":3,"sources":["../../../../src/components/parallax-animation/index.ts"],"names":["messages","transform","mTransform","unsub"],"mappings":"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","file":"index.js","sourcesContent":["import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport { onCleanup, createEffect } from \"solid-js\";\nimport {\n  motionValue,\n  transformValue,\n  transform as mTransform,\n  styleEffect,\n  frame,\n  type MotionValue,\n} from \"motion\";\n\nimport { useParallaxStickyLayer } from \"../../hooks/index.js\";\n\ntype ParallaxContainerProps = {\n  range: number[];\n  y: Array<string | number> | null;\n  x: Array<string | number> | null;\n  scale: Array<string | number> | null;\n  rotate: Array<string | number> | null;\n  opacity: Array<string | number> | null;\n  backgroundColor: string[] | null;\n  borderRadius: Array<string | number> | null;\n  top: Array<string | number> | null;\n  left: Array<string | number> | null;\n  right: Array<string | number> | null;\n  bottom: Array<string | number> | null;\n  width: Array<string | number> | null;\n  height: Array<string | number> | null;\n};\n\nexport const Name = `parallax-animation`;\n\nexport const PROPS = {\n  y: null,\n  x: null,\n  scale: null,\n  rotate: null,\n  opacity: null,\n  color: null,\n  backgroundColor: null,\n  borderRadius: null,\n  top: null,\n  left: null,\n  bottom: null,\n  right: null,\n  width: null,\n  height: null,\n};\n\nconst PROP_DEFAULTS = {\n  y: \"0%\",\n  x: \"0%\",\n  scale: 1,\n  rotate: 0,\n  opacity: null,\n  color: null,\n  backgroundColor: null,\n  borderRadius: null,\n  top: null,\n  left: null,\n  bottom: null,\n  right: null,\n  width: null,\n  height: null,\n};\n\nconst KEYS = Object.keys(PROPS);\n\nexport const Component: CorrectComponentType<ParallaxContainerProps> = (\n  props,\n  { element },\n) => {\n  const [progress, { animate }] = useParallaxStickyLayer(element);\n\n  if (\n    Object.keys(props).some(\n      (key) => KEYS.includes(key) && !Array.isArray(Reflect.get(props, key)),\n    )\n  )\n    return console.warn(\n      `parallax-animate: At least one of ${KEYS.join(\",\")} properties is required and must be an array of values!`,\n      element,\n    );\n\n  const messages = Object.entries(props).reduce((messages, [key, value]) => {\n    if (!KEYS.includes(key)) return messages;\n    if (value && value.length !== props.range.length) {\n      return messages.concat(\n        `${key} attribute must have the same length as range attribute!`,\n      );\n    }\n    return messages;\n  }, [] as string[]);\n\n  if (messages.length)\n    return console.warn(\n      element,\n      `\\nparallax-animate: Please fix the following issues:\\n${messages.join(\"\\n\")}`,\n    );\n\n  element.style.willChange = \"transform\";\n  if (\n    window.getComputedStyle(element).getPropertyValue(\"display\") === \"inline\"\n  ) {\n    element.style.display = \"block\";\n  }\n\n  createEffect(() => {\n    // Subscribe to all changes\n    Object.values(props);\n    const range = props.range;\n\n    const valueSubscribers: VoidFunction[] = [];\n\n    const progressValue = Object.keys(PROP_DEFAULTS).reduce(\n      (values, key) => {\n        const fallback = Reflect.get(PROP_DEFAULTS, key);\n        const valueRange = Reflect.get(props, key);\n        if (valueRange?.length === range.length) {\n          const transform = mTransform(range, valueRange);\n          const value = motionValue(transform(progress.get()));\n          const unsub = progress.on(\"change\", (latest) => {\n            value.set(transform(latest));\n          });\n          valueSubscribers.push(unsub);\n          values[key] = value;\n        } else values[key] = fallback;\n        return values;\n      },\n      {} as Record<string, any>,\n    );\n\n    const animated = Object.keys(progressValue).reduce(\n      (obj, key) => {\n        const v = progressValue[key];\n        Reflect.set(\n          obj,\n          key,\n          motionValue(typeof v === \"object\" && v !== null ? v.get() : v),\n        );\n        return obj;\n      },\n      {} as Record<string, MotionValue>,\n    );\n\n    const transform = transformValue(\n      () =>\n        `translate(${animated.x?.get()}, ${animated.y?.get()}) scale(${animated.scale?.get()}) rotate(${animated.rotate?.get()}deg)`,\n    );\n\n    function animateValues() {\n      const sequence = Object.keys(animated)\n        .map((key) => {\n          let v = progressValue[key]?.get?.();\n          if (typeof v === \"undefined\") return null;\n          return [animated[key], v, { at: \"<\" }];\n        })\n        .filter((v) => v !== null);\n      //@ts-ignore\n      animate(sequence);\n    }\n\n    function scheduleAnimation() {\n      frame.update(animateValues);\n    }\n\n    const unsub = progress.on(\"change\", (_) => {\n      scheduleAnimation();\n    });\n\n    const styledValues = Object.keys(animated)\n      .filter(\n        (key) =>\n          key !== \"y\" && key !== \"x\" && key !== \"rotate\" && key !== \"scale\",\n      )\n      .reduce((obj, key) => {\n        Reflect.set(obj, key, animated[key]);\n        return obj;\n      }, {});\n\n    const unstyle = styleEffect(element, {\n      transform,\n      ...styledValues,\n    });\n\n    return onCleanup(() => {\n      unstyle();\n      unsub();\n      valueSubscribers.forEach((unsub) => unsub());\n      Object.values(animated).forEach((value) => {\n        value.destroy();\n      });\n      Object.values(progressValue).forEach((value) => {\n        value?.destroy?.();\n      });\n      transform.destroy();\n    });\n  });\n};\n"]}

package/dist/main/hooks/useParallaxStickyLayer.js

@@ -2,8 +2,10 @@ import { splitProps, createEffect, onCleanup, mergeProps } from 'solid-js';
 import { getContextFromProvider } from '@brytdesigns/web-component-utils';
 import { createContext, provide, consume } from 'component-register';
 import { motionValue, transformValue, transform, frame, animate } from 'motion';
+import { awaitAllAnimations } from '@brytdesigns/web-component-core/animation';
+import { abortablePromise } from '@brytdesigns/web-component-core/promise';
 import { useParallax } from './useParallax';
-import { normalizeTuple, isInRange, abortablePromise, awaitAllAnimations } from '../utils';
+import { normalizeTuple, isInRange } from '../utils';
 
 function initializeParallaxStickyLayerContext(props) {
   const [_internal, _state] = splitProps(props, ["root", "start", "end"]);

package/dist/main/hooks/useParallaxStickyLayer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useParallaxStickyLayer.ts"],"names":["transform","isInRange","mTransform"],"mappings":"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","file":"useParallaxStickyLayer.js","sourcesContent":["import { onCleanup, createEffect, splitProps, mergeProps } from \"solid-js\";\nimport { getContextFromProvider } from \"@brytdesigns/web-component-utils\";\nimport {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport {\n  motionValue,\n  transformValue,\n  transform as mTransform,\n  frame,\n  animate,\n  type AnimationPlaybackControlsWithThen,\n} from \"motion\";\nimport { useParallax } from \"./useParallax\";\nimport {\n  normalizeTuple,\n  isInRange,\n  abortablePromise,\n  awaitAllAnimations,\n} from \"../utils\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  start: number;\n  end: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype ParallaxStickyLayerContext = ReturnType<\n  typeof initializeParallaxStickyLayerContext\n>;\n\nfunction initializeParallaxStickyLayerContext(props: CreateContextOptions) {\n  const [_internal, _state] = splitProps(props, [\"root\", \"start\", \"end\"]);\n  const parallax = useParallax(_internal.root);\n\n  const progress = motionValue(-1);\n  const inRange = motionValue(false);\n  const belowRange = motionValue(false);\n  const aboveRange = motionValue(false);\n\n  const position = transformValue(() =>\n    inRange.get() ? \"sticky\" : \"absolute\",\n  );\n  const transform = transformValue(() => {\n    const isInRange = inRange.get();\n    const isBelowRange = belowRange.get();\n    const isAboveRange = aboveRange.get();\n    if (isInRange) return \"none\";\n    if (isBelowRange) return `translate(0px, ${(_internal.start - 1) * 100}%)`;\n    if (isAboveRange) return `translate(0px, ${(_internal.end - 1) * 100}%)`;\n  });\n  const animations = motionValue<AnimationPlaybackControlsWithThen[]>([]);\n\n  const styles = transformValue(() => ({\n    position: position.get(),\n    transform: transform.get(),\n  }));\n\n  _internal.root.style.top = \"0\";\n  _internal.root.style.right = \"0\";\n  _internal.root.style.bottom = \"0\";\n  _internal.root.style.left = \"0\";\n  _internal.root.style.height = \"100vh\";\n  _internal.root.style.overflowX = \"hidden\";\n  _internal.root.style.maxWidth = \"100%\";\n  if (window.getComputedStyle(_internal.root).display === \"inline\") {\n    _internal.root.style.display = \"block\";\n  }\n\n  createEffect(() => {\n    const range = [_internal.start, _internal.end];\n    const maxPages = parallax.maxPages;\n    const normalizedRange = normalizeTuple(range as any, maxPages);\n    const [normStart, normEnd] = normalizedRange;\n    const transformer = mTransform(normalizedRange as any, [0, 1]);\n\n    const unsubscribe = parallax.scrollYProgress.on(\"change\", (value) => {\n      inRange.set(isInRange({ range: normalizedRange as any, value }));\n      belowRange.set(value <= normStart);\n      aboveRange.set(value >= normEnd);\n      progress.set(transformer(value));\n    });\n\n    return onCleanup(() => {\n      unsubscribe();\n    });\n  });\n\n  function updateStyles() {\n    const s = styles.get();\n    _internal.root.style.position = s.position;\n    _internal.root.style.transform = s.transform;\n  }\n\n  function renderStyles() {\n    frame.render(updateStyles);\n  }\n\n  function waitForAnimations() {\n    const a = animations.get();\n    const controller = new AbortController();\n    abortablePromise(awaitAllAnimations(a), controller.signal).then(() => {\n      animations.set([]);\n      renderStyles();\n    });\n  }\n\n  const unsubStyles = styles.on(\"change\", (_) => {\n    if (progress.get() === 1 || progress.get() === 0)\n      return waitForAnimations();\n    animations.set([]);\n    renderStyles();\n  });\n\n  function _animate(...args: Parameters<typeof animate>) {\n    const animation = animate(...args);\n    animations.set([...animations.get(), animation]);\n    return animation;\n  }\n\n  onCleanup(() => {\n    unsubStyles();\n  });\n\n  return [progress, { animate: _animate }] as const;\n}\n\nconst ParallaxStickyLayerContextState = createContext(\n  initializeParallaxStickyLayerContext,\n);\n\nexport const provideParallaxStickyLayerContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): ParallaxStickyLayerContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(ParallaxStickyLayerContextState, props, element);\n};\n\nexport const useParallaxStickyLayerContext = (\n  context: ParallaxStickyLayerContext,\n) => {\n  return context;\n};\n\nexport const useParallaxStickyLayer = (\n  element: HTMLElement & ICustomElement,\n) => {\n  const context: ParallaxStickyLayerContext = consume(\n    ParallaxStickyLayerContextState,\n    element,\n  );\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 useParallaxStickyLayerContext(context);\n};\n\nexport const getParallaxStickyLayerContext = (element: Element) => {\n  const context = getContextFromProvider<ParallaxStickyLayerContext>(\n    ParallaxStickyLayerContextState,\n    element,\n  );\n  return useParallaxStickyLayerContext(context);\n};\n"]}
+{"version":3,"sources":["../../../src/hooks/useParallaxStickyLayer.ts"],"names":["transform","isInRange","mTransform"],"mappings":"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","file":"useParallaxStickyLayer.js","sourcesContent":["import { onCleanup, createEffect, splitProps, mergeProps } from \"solid-js\";\nimport { getContextFromProvider } from \"@brytdesigns/web-component-utils\";\nimport {\n  type ICustomElement,\n  createContext,\n  provide,\n  consume,\n} from \"component-register\";\nimport {\n  motionValue,\n  transformValue,\n  transform as mTransform,\n  frame,\n  animate,\n  type AnimationPlaybackControlsWithThen,\n} from \"motion\";\nimport { awaitAllAnimations } from \"@brytdesigns/web-component-core/animation\";\nimport { abortablePromise } from \"@brytdesigns/web-component-core/promise\";\nimport { useParallax } from \"./useParallax\";\nimport { normalizeTuple, isInRange } from \"../utils\";\n\ntype CreateContextOptions = {\n  root: HTMLElement & ICustomElement;\n  start: number;\n  end: number;\n};\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype ParallaxStickyLayerContext = ReturnType<\n  typeof initializeParallaxStickyLayerContext\n>;\n\nfunction initializeParallaxStickyLayerContext(props: CreateContextOptions) {\n  const [_internal, _state] = splitProps(props, [\"root\", \"start\", \"end\"]);\n  const parallax = useParallax(_internal.root);\n\n  const progress = motionValue(-1);\n  const inRange = motionValue(false);\n  const belowRange = motionValue(false);\n  const aboveRange = motionValue(false);\n\n  const position = transformValue(() =>\n    inRange.get() ? \"sticky\" : \"absolute\",\n  );\n  const transform = transformValue(() => {\n    const isInRange = inRange.get();\n    const isBelowRange = belowRange.get();\n    const isAboveRange = aboveRange.get();\n    if (isInRange) return \"none\";\n    if (isBelowRange) return `translate(0px, ${(_internal.start - 1) * 100}%)`;\n    if (isAboveRange) return `translate(0px, ${(_internal.end - 1) * 100}%)`;\n  });\n  const animations = motionValue<AnimationPlaybackControlsWithThen[]>([]);\n\n  const styles = transformValue(() => ({\n    position: position.get(),\n    transform: transform.get(),\n  }));\n\n  _internal.root.style.top = \"0\";\n  _internal.root.style.right = \"0\";\n  _internal.root.style.bottom = \"0\";\n  _internal.root.style.left = \"0\";\n  _internal.root.style.height = \"100vh\";\n  _internal.root.style.overflowX = \"hidden\";\n  _internal.root.style.maxWidth = \"100%\";\n  if (window.getComputedStyle(_internal.root).display === \"inline\") {\n    _internal.root.style.display = \"block\";\n  }\n\n  createEffect(() => {\n    const range = [_internal.start, _internal.end];\n    const maxPages = parallax.maxPages;\n    const normalizedRange = normalizeTuple(range as any, maxPages);\n    const [normStart, normEnd] = normalizedRange;\n    const transformer = mTransform(normalizedRange as any, [0, 1]);\n\n    const unsubscribe = parallax.scrollYProgress.on(\"change\", (value) => {\n      inRange.set(isInRange({ range: normalizedRange as any, value }));\n      belowRange.set(value <= normStart);\n      aboveRange.set(value >= normEnd);\n      progress.set(transformer(value));\n    });\n\n    return onCleanup(() => {\n      unsubscribe();\n    });\n  });\n\n  function updateStyles() {\n    const s = styles.get();\n    _internal.root.style.position = s.position;\n    _internal.root.style.transform = s.transform;\n  }\n\n  function renderStyles() {\n    frame.render(updateStyles);\n  }\n\n  function waitForAnimations() {\n    const a = animations.get();\n    const controller = new AbortController();\n    abortablePromise(awaitAllAnimations(a), controller.signal).then(() => {\n      animations.set([]);\n      renderStyles();\n    });\n  }\n\n  const unsubStyles = styles.on(\"change\", (_) => {\n    if (progress.get() === 1 || progress.get() === 0)\n      return waitForAnimations();\n    animations.set([]);\n    renderStyles();\n  });\n\n  function _animate(...args: Parameters<typeof animate>) {\n    const animation = animate(...args);\n    animations.set([...animations.get(), animation]);\n    return animation;\n  }\n\n  onCleanup(() => {\n    unsubStyles();\n  });\n\n  return [progress, { animate: _animate }] as const;\n}\n\nconst ParallaxStickyLayerContextState = createContext(\n  initializeParallaxStickyLayerContext,\n);\n\nexport const provideParallaxStickyLayerContext = (\n  initialState: Omit<CreateContextOptions, \"root\">,\n  element: WalkableNode,\n): ParallaxStickyLayerContext => {\n  const props = mergeProps(initialState, { root: element });\n  return provide(ParallaxStickyLayerContextState, props, element);\n};\n\nexport const useParallaxStickyLayerContext = (\n  context: ParallaxStickyLayerContext,\n) => {\n  return context;\n};\n\nexport const useParallaxStickyLayer = (\n  element: HTMLElement & ICustomElement,\n) => {\n  const context: ParallaxStickyLayerContext = consume(\n    ParallaxStickyLayerContextState,\n    element,\n  );\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 useParallaxStickyLayerContext(context);\n};\n\nexport const getParallaxStickyLayerContext = (element: Element) => {\n  const context = getContextFromProvider<ParallaxStickyLayerContext>(\n    ParallaxStickyLayerContextState,\n    element,\n  );\n  return useParallaxStickyLayerContext(context);\n};\n"]}

package/dist/main/utils.js

@@ -13,59 +13,7 @@ function isInRange({
 }) {
   return start <= value && end >= value;
 }
-function abortablePromise(promise, signal) {
-  if (signal.aborted) {
-    return new Promise((_, rej) => rej(signal.reason));
-  }
-  return new Promise(async (res, rej) => {
-    signal.addEventListener(
-      "abort",
-      () => {
-        rej(signal.reason);
-      },
-      { once: true }
-    );
-    promise.then(res);
-  });
-}
-function awaitAllAnimations(promises) {
-  return new Promise((resolve, _) => {
-    const results = [];
-    let remaining = promises.length;
-    if (remaining === 0) {
-      resolve([]);
-      return;
-    }
-    function updateResults(value, index) {
-      results[index] = value;
-      remaining -= 1;
-      if (remaining === 0) {
-        resolve(results);
-      }
-    }
-    promises.forEach((p, i) => {
-      try {
-        if (p?.state === "idle") {
-          updateResults(null, i);
-        } else {
-          p.then(() => {
-            updateResults(null, i);
-          });
-        }
-      } catch (e) {
-        p.then(() => {
-          updateResults(null, i);
-        });
-      }
-    });
-  });
-}
-async function controlPromise(controls) {
-  return new Promise((resolve) => {
-    controls.then(() => resolve(null));
-  });
-}
 
-export { abortablePromise, awaitAllAnimations, controlPromise, isInRange, normalizeTuple };
+export { isInRange, normalizeTuple };
 //# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map

package/dist/main/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils.ts"],"names":[],"mappings":"AAEO,SAAS,cAAA,CAAe,OAAyB,GAAa,EAAA;AACnE,EAAA,IAAI,OAAO,CAAG,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,2CAA2C,CAAA;AAAA;AAG7D,EAAM,MAAA,CAAC,KAAO,EAAA,GAAG,CAAI,GAAA,KAAA;AACrB,EAAM,MAAA,eAAA,GAAA,CAAmB,KAAQ,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,CAAA;AAC7C,EAAM,MAAA,aAAA,GAAA,CAAiB,GAAM,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,CAAA;AAEzC,EAAO,OAAA,CAAC,iBAAiB,aAAa,CAAA;AACxC;AAEO,SAAS,SAAU,CAAA;AAAA,EACxB,KAAA,EAAO,CAAC,KAAA,EAAO,GAAG,CAAA;AAAA,EAClB;AACF,CAGG,EAAA;AACD,EAAO,OAAA,KAAA,IAAS,SAAS,GAAO,IAAA,KAAA;AAClC;AAEO,SAAS,gBAAA,CAAiB,SAAuB,MAAqB,EAAA;AAC3E,EAAA,IAAI,OAAO,OAAS,EAAA;AAClB,IAAO,OAAA,IAAI,QAAQ,CAAC,CAAA,EAAG,QAAQ,GAAI,CAAA,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA;AAGnD,EAAA,OAAO,IAAI,OAAA,CAAQ,OAAO,GAAA,EAAK,GAAQ,KAAA;AACrC,IAAO,MAAA,CAAA,gBAAA;AAAA,MACL,OAAA;AAAA,MACA,MAAM;AACJ,QAAA,GAAA,CAAI,OAAO,MAAM,CAAA;AAAA,OACnB;AAAA,MACA,EAAE,MAAM,IAAK;AAAA,KACf;AACA,IAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,GACjB,CAAA;AACH;AAEO,SAAS,mBACd,QACA,EAAA;AACA,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,CAAM,KAAA;AACjC,IAAA,MAAM,UAAiB,EAAC;AACxB,IAAA,IAAI,YAAY,QAAS,CAAA,MAAA;AACzB,IAAA,IAAI,cAAc,CAAG,EAAA;AACnB,MAAA,OAAA,CAAQ,EAAE,CAAA;AACV,MAAA;AAAA;AAGF,IAAS,SAAA,aAAA,CAAiB,OAAU,KAAe,EAAA;AACjD,MAAA,OAAA,CAAQ,KAAK,CAAI,GAAA,KAAA;AACjB,MAAa,SAAA,IAAA,CAAA;AACb,MAAA,IAAI,cAAc,CAAG,EAAA;AACnB,QAAA,OAAA,CAAQ,OAAO,CAAA;AAAA;AACjB;AAGF,IAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,CAAM,KAAA;AACzB,MAAI,IAAA;AACF,QAAI,IAAA,CAAA,EAAG,UAAU,MAAQ,EAAA;AACvB,UAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,SAChB,MAAA;AACL,UAAA,CAAA,CAAE,KAAK,MAAM;AACX,YAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,WACtB,CAAA;AAAA;AACH,eACO,CAAG,EAAA;AACV,QAAA,CAAA,CAAE,KAAK,MAAM;AACX,UAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,SACtB,CAAA;AAAA;AACH,KACD,CAAA;AAAA,GACF,CAAA;AACH;AAEA,eAAsB,eACpB,QACA,EAAA;AACA,EAAO,OAAA,IAAI,OAAQ,CAAA,CAAC,OAAY,KAAA;AAC9B,IAAA,QAAA,CAAS,IAAK,CAAA,MAAM,OAAQ,CAAA,IAAI,CAAC,CAAA;AAAA,GAClC,CAAA;AACH","file":"utils.js","sourcesContent":["import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport 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 abortablePromise(promise: Promise<any>, signal: AbortSignal) {\n  if (signal.aborted) {\n    return new Promise((_, rej) => rej(signal.reason));\n  }\n\n  return new Promise(async (res, rej) => {\n    signal.addEventListener(\n      \"abort\",\n      () => {\n        rej(signal.reason);\n      },\n      { once: true },\n    );\n    promise.then(res);\n  });\n}\n\nexport function awaitAllAnimations(\n  promises: AnimationPlaybackControlsWithThen[],\n) {\n  return new Promise((resolve, _) => {\n    const results: any[] = [];\n    let remaining = promises.length;\n    if (remaining === 0) {\n      resolve([]); // zero‐length edge case\n      return;\n    }\n\n    function updateResults<T>(value: T, index: number) {\n      results[index] = value;\n      remaining -= 1;\n      if (remaining === 0) {\n        resolve(results);\n      }\n    }\n\n    promises.forEach((p, i) => {\n      try {\n        if (p?.state === \"idle\") {\n          updateResults(null, i);\n        } else {\n          p.then(() => {\n            updateResults(null, i);\n          });\n        }\n      } catch (e) {\n        p.then(() => {\n          updateResults(null, i);\n        });\n      }\n    });\n  });\n}\n\nexport async function controlPromise(\n  controls: AnimationPlaybackControlsWithThen,\n) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n"]}
+{"version":3,"sources":["../../src/utils.ts"],"names":[],"mappings":"AAAO,SAAS,cAAA,CAAe,OAAyB,GAAa,EAAA;AACnE,EAAA,IAAI,OAAO,CAAG,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,2CAA2C,CAAA;AAAA;AAG7D,EAAM,MAAA,CAAC,KAAO,EAAA,GAAG,CAAI,GAAA,KAAA;AACrB,EAAM,MAAA,eAAA,GAAA,CAAmB,KAAQ,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,CAAA;AAC7C,EAAM,MAAA,aAAA,GAAA,CAAiB,GAAM,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,CAAA;AAEzC,EAAO,OAAA,CAAC,iBAAiB,aAAa,CAAA;AACxC;AAEO,SAAS,SAAU,CAAA;AAAA,EACxB,KAAA,EAAO,CAAC,KAAA,EAAO,GAAG,CAAA;AAAA,EAClB;AACF,CAGG,EAAA;AACD,EAAO,OAAA,KAAA,IAAS,SAAS,GAAO,IAAA,KAAA;AAClC","file":"utils.js","sourcesContent":["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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/web-component-parallax",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Headless parallax animation web component",
   "main": "./dist/main/index.js",
   "module": "./dist/main/index.js",
@@ -23,7 +23,8 @@
     "motion": "^12.18.1",
     "solid-element": "^1.9.1",
     "solid-js": "^1.9.7",
-    "@brytdesigns/web-component-utils": "0.1.14"
+    "@brytdesigns/web-component-utils": "0.1.14",
+    "@brytdesigns/web-component-core": "1.0.1"
   },
   "devDependencies": {
     "dts-bundle-generator": "^9.5.1",