motion-v 1.0.0-beta.3 → 1.0.0

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/stats/animation-count.mjs

@@ -1,8 +0,0 @@
-const activeAnimations = {
-  layout: 0,
-  mainThread: 0,
-  waapi: 0
-};
-export {
-  activeAnimations
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/stats/index.mjs

@@ -1,114 +0,0 @@
-import { activeAnimations } from "./animation-count.mjs";
-import { statsBuffer } from "./buffer.mjs";
-import { frame, cancelFrame, frameData } from "../frameloop/frame.mjs";
-function record() {
-  const { value } = statsBuffer;
-  if (value === null) {
-    cancelFrame(record);
-    return;
-  }
-  value.frameloop.rate.push(frameData.delta);
-  value.animations.mainThread.push(activeAnimations.mainThread);
-  value.animations.waapi.push(activeAnimations.waapi);
-  value.animations.layout.push(activeAnimations.layout);
-}
-function mean(values) {
-  return values.reduce((acc, value) => acc + value, 0) / values.length;
-}
-function summarise(values, calcAverage = mean) {
-  if (values.length === 0) {
-    return {
-      min: 0,
-      max: 0,
-      avg: 0
-    };
-  }
-  return {
-    min: Math.min(...values),
-    max: Math.max(...values),
-    avg: calcAverage(values)
-  };
-}
-const msToFps = (ms) => Math.round(1e3 / ms);
-function clearStatsBuffer() {
-  statsBuffer.value = null;
-  statsBuffer.addProjectionMetrics = null;
-}
-function reportStats() {
-  const { value } = statsBuffer;
-  if (!value) {
-    throw new Error("Stats are not being measured");
-  }
-  clearStatsBuffer();
-  cancelFrame(record);
-  const summary = {
-    frameloop: {
-      setup: summarise(value.frameloop.setup),
-      rate: summarise(value.frameloop.rate),
-      read: summarise(value.frameloop.read),
-      resolveKeyframes: summarise(value.frameloop.resolveKeyframes),
-      preUpdate: summarise(value.frameloop.preUpdate),
-      update: summarise(value.frameloop.update),
-      preRender: summarise(value.frameloop.preRender),
-      render: summarise(value.frameloop.render),
-      postRender: summarise(value.frameloop.postRender)
-    },
-    animations: {
-      mainThread: summarise(value.animations.mainThread),
-      waapi: summarise(value.animations.waapi),
-      layout: summarise(value.animations.layout)
-    },
-    layoutProjection: {
-      nodes: summarise(value.layoutProjection.nodes),
-      calculatedTargetDeltas: summarise(value.layoutProjection.calculatedTargetDeltas),
-      calculatedProjections: summarise(value.layoutProjection.calculatedProjections)
-    }
-  };
-  const { rate } = summary.frameloop;
-  rate.min = msToFps(rate.min);
-  rate.max = msToFps(rate.max);
-  rate.avg = msToFps(rate.avg);
-  [rate.min, rate.max] = [rate.max, rate.min];
-  return summary;
-}
-function recordStats() {
-  if (statsBuffer.value) {
-    clearStatsBuffer();
-    throw new Error("Stats are already being measured");
-  }
-  const newStatsBuffer = statsBuffer;
-  newStatsBuffer.value = {
-    frameloop: {
-      setup: [],
-      rate: [],
-      read: [],
-      resolveKeyframes: [],
-      preUpdate: [],
-      update: [],
-      preRender: [],
-      render: [],
-      postRender: []
-    },
-    animations: {
-      mainThread: [],
-      waapi: [],
-      layout: []
-    },
-    layoutProjection: {
-      nodes: [],
-      calculatedTargetDeltas: [],
-      calculatedProjections: []
-    }
-  };
-  newStatsBuffer.addProjectionMetrics = (metrics) => {
-    const { layoutProjection } = newStatsBuffer.value;
-    layoutProjection.nodes.push(metrics.nodes);
-    layoutProjection.calculatedTargetDeltas.push(metrics.calculatedTargetDeltas);
-    layoutProjection.calculatedProjections.push(metrics.calculatedProjections);
-  };
-  frame.postRender(record, true);
-  return reportStats;
-}
-export {
-  recordStats
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/utils/supports/flags.mjs

@@ -1,4 +0,0 @@
-const supportsFlags = {};
-export {
-  supportsFlags
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/utils/supports/memo.mjs

@@ -1,9 +0,0 @@
-import { supportsFlags } from "./flags.mjs";
-import { memo } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/memo.mjs";
-function memoSupports(callback, supportsFlag) {
-  const memoized = memo(callback);
-  return () => supportsFlags[supportsFlag] ?? memoized();
-}
-export {
-  memoSupports
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/value/map-value.mjs

@@ -1,9 +0,0 @@
-import { transform } from "../utils/transform.mjs";
-import { transformValue } from "./transform-value.mjs";
-function mapValue(inputValue, inputRange, outputRange, options) {
-  const map = transform(inputRange, outputRange, options);
-  return transformValue(() => map(inputValue.get()));
-}
-export {
-  mapValue
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/value/subscribe-value.mjs

@@ -1,13 +0,0 @@
-import { cancelFrame, frame } from "../frameloop/frame.mjs";
-function subscribeValue(inputValues, outputValue, getLatest) {
-  const update = () => outputValue.set(getLatest());
-  const scheduleUpdate = () => frame.preRender(update, false, true);
-  const subscriptions = inputValues.map((v) => v.on("change", scheduleUpdate));
-  outputValue.on("destroy", () => {
-    subscriptions.forEach((unsubscribe) => unsubscribe());
-    cancelFrame(update);
-  });
-}
-export {
-  subscribeValue
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/value/transform-value.mjs

@@ -1,14 +0,0 @@
-import { collectMotionValues, motionValue } from "./index.mjs";
-import { subscribeValue } from "./subscribe-value.mjs";
-function transformValue(transform) {
-  const collectedValues = [];
-  collectMotionValues.current = collectedValues;
-  const initialValue = transform();
-  collectMotionValues.current = void 0;
-  const value = motionValue(initialValue);
-  subscribeValue(collectedValues, value, transform);
-  return value;
-}
-export {
-  transformValue
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils/find.mjs

@@ -1,9 +0,0 @@
-import { color } from "../color/index.mjs";
-import { complex } from "../complex/index.mjs";
-import { dimensionValueTypes } from "../dimensions.mjs";
-import { testValueType } from "../test.mjs";
-const valueTypes = [...dimensionValueTypes, color, complex];
-const findValueType = (v) => valueTypes.find(testValueType(v));
-export {
-  findValueType
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/index.mjs

@@ -1,65 +0,0 @@
-import { addToQueue } from "./queue.mjs";
-import { noop } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/noop.mjs";
-class ViewTransitionBuilder {
-  constructor(update, options = {}) {
-    this.currentTarget = "root";
-    this.targets = /* @__PURE__ */ new Map();
-    this.notifyReady = noop;
-    this.readyPromise = new Promise((resolve) => {
-      this.notifyReady = resolve;
-    });
-    this.update = update;
-    this.options = {
-      interrupt: "wait",
-      ...options
-    };
-    addToQueue(this);
-  }
-  get(selector) {
-    this.currentTarget = selector;
-    return this;
-  }
-  layout(keyframes, options) {
-    this.updateTarget("layout", keyframes, options);
-    return this;
-  }
-  new(keyframes, options) {
-    this.updateTarget("new", keyframes, options);
-    return this;
-  }
-  old(keyframes, options) {
-    this.updateTarget("old", keyframes, options);
-    return this;
-  }
-  enter(keyframes, options) {
-    this.updateTarget("enter", keyframes, options);
-    return this;
-  }
-  exit(keyframes, options) {
-    this.updateTarget("exit", keyframes, options);
-    return this;
-  }
-  crossfade(options) {
-    this.updateTarget("enter", { opacity: 1 }, options);
-    this.updateTarget("exit", { opacity: 0 }, options);
-    return this;
-  }
-  updateTarget(target, keyframes, options = {}) {
-    const { currentTarget, targets } = this;
-    if (!targets.has(currentTarget)) {
-      targets.set(currentTarget, {});
-    }
-    const targetData = targets.get(currentTarget);
-    targetData[target] = { keyframes, options };
-  }
-  then(resolve, reject) {
-    return this.readyPromise.then(resolve, reject);
-  }
-}
-function animateView(update, defaultOptions = {}) {
-  return new ViewTransitionBuilder(update, defaultOptions);
-}
-export {
-  ViewTransitionBuilder,
-  animateView
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/queue.mjs

@@ -1,45 +0,0 @@
-import { microtask } from "../frameloop/microtask.mjs";
-import { startViewAnimation } from "./start.mjs";
-import { removeItem } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/array.mjs";
-let builders = [];
-let current = null;
-function next() {
-  current = null;
-  const [nextBuilder] = builders;
-  if (nextBuilder)
-    start(nextBuilder);
-}
-function start(builder) {
-  removeItem(builders, builder);
-  current = builder;
-  startViewAnimation(builder).then((animation) => {
-    builder.notifyReady(animation);
-    animation.finished.finally(next);
-  });
-}
-function processQueue() {
-  var _a;
-  for (let i = builders.length - 1; i >= 0; i--) {
-    const builder = builders[i];
-    const { interrupt } = builder.options;
-    if (interrupt === "immediate") {
-      const batchedUpdates = builders.slice(0, i + 1).map((b) => b.update);
-      const remaining = builders.slice(i + 1);
-      builder.update = () => {
-        batchedUpdates.forEach((update) => update());
-      };
-      builders = [builder, ...remaining];
-      break;
-    }
-  }
-  if (!current || ((_a = builders[0]) == null ? void 0 : _a.options.interrupt) === "immediate") {
-    next();
-  }
-}
-function addToQueue(builder) {
-  builders.push(builder);
-  microtask.render(processQueue);
-}
-export {
-  addToQueue
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/start.mjs

@@ -1,115 +0,0 @@
-import { GroupAnimation } from "../animation/GroupAnimation.mjs";
-import { NativeAnimation } from "../animation/NativeAnimation.mjs";
-import { NativeAnimationWrapper } from "../animation/NativeAnimationWrapper.mjs";
-import { getValueTransition } from "../animation/utils/get-value-transition.mjs";
-import { mapEasingToNativeEasing } from "../animation/waapi/easing/map-easing.mjs";
-import { applyGeneratorOptions } from "../animation/waapi/utils/apply-generator.mjs";
-import { chooseLayerType } from "./utils/choose-layer-type.mjs";
-import { css } from "./utils/css.mjs";
-import { getLayerName } from "./utils/get-layer-name.mjs";
-import { getViewAnimations } from "./utils/get-view-animations.mjs";
-import { hasTarget } from "./utils/has-target.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/time-conversion.mjs";
-const definitionNames = ["layout", "enter", "exit", "new", "old"];
-function startViewAnimation(builder) {
-  const { update, targets, options: defaultOptions } = builder;
-  if (!document.startViewTransition) {
-    return new Promise(async (resolve) => {
-      await update();
-      resolve(new GroupAnimation([]));
-    });
-  }
-  if (!hasTarget("root", targets)) {
-    css.set(":root", {
-      "view-transition-name": "none"
-    });
-  }
-  css.set("::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*)", { "animation-timing-function": "linear !important" });
-  css.commit();
-  const transition = document.startViewTransition(async () => {
-    await update();
-  });
-  transition.finished.finally(() => {
-    css.remove();
-  });
-  return new Promise((resolve) => {
-    transition.ready.then(() => {
-      const generatedViewAnimations = getViewAnimations();
-      const animations = [];
-      targets.forEach((definition, target) => {
-        for (const key of definitionNames) {
-          if (!definition[key])
-            continue;
-          const { keyframes, options } = definition[key];
-          for (let [valueName, valueKeyframes] of Object.entries(keyframes)) {
-            if (!valueKeyframes)
-              continue;
-            const valueOptions = {
-              ...getValueTransition(defaultOptions, valueName),
-              ...getValueTransition(options, valueName)
-            };
-            const type = chooseLayerType(key);
-            if (valueName === "opacity" && !Array.isArray(valueKeyframes)) {
-              const initialValue = type === "new" ? 0 : 1;
-              valueKeyframes = [initialValue, valueKeyframes];
-            }
-            if (typeof valueOptions.delay === "function") {
-              valueOptions.delay = valueOptions.delay(0, 1);
-            }
-            valueOptions.duration && (valueOptions.duration = secondsToMilliseconds(valueOptions.duration));
-            valueOptions.delay && (valueOptions.delay = secondsToMilliseconds(valueOptions.delay));
-            const animation = new NativeAnimation({
-              ...valueOptions,
-              element: document.documentElement,
-              name: valueName,
-              pseudoElement: `::view-transition-${type}(${target})`,
-              keyframes: valueKeyframes
-            });
-            animations.push(animation);
-          }
-        }
-      });
-      for (const animation of generatedViewAnimations) {
-        if (animation.playState === "finished")
-          continue;
-        const { effect } = animation;
-        if (!effect || !(effect instanceof KeyframeEffect))
-          continue;
-        const { pseudoElement } = effect;
-        if (!pseudoElement)
-          continue;
-        const name = getLayerName(pseudoElement);
-        if (!name)
-          continue;
-        const targetDefinition = targets.get(name.layer);
-        if (!targetDefinition) {
-          const transitionName = name.type === "group" ? "layout" : "";
-          let animationTransition = {
-            ...getValueTransition(defaultOptions, transitionName)
-          };
-          animationTransition.duration && (animationTransition.duration = secondsToMilliseconds(animationTransition.duration));
-          animationTransition = applyGeneratorOptions(animationTransition);
-          const easing = mapEasingToNativeEasing(animationTransition.ease, animationTransition.duration);
-          effect.updateTiming({
-            delay: secondsToMilliseconds(animationTransition.delay ?? 0),
-            duration: animationTransition.duration,
-            easing
-          });
-          animations.push(new NativeAnimationWrapper(animation));
-        } else if (hasOpacity(targetDefinition, "enter") && hasOpacity(targetDefinition, "exit") && effect.getKeyframes().some((keyframe) => keyframe.mixBlendMode)) {
-          animations.push(new NativeAnimationWrapper(animation));
-        } else {
-          animation.cancel();
-        }
-      }
-      resolve(new GroupAnimation(animations));
-    });
-  });
-}
-function hasOpacity(target, key) {
-  var _a;
-  return (_a = target == null ? void 0 : target[key]) == null ? void 0 : _a.keyframes.opacity;
-}
-export {
-  startViewAnimation
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/choose-layer-type.mjs

@@ -1,12 +0,0 @@
-function chooseLayerType(valueName) {
-  if (valueName === "layout")
-    return "group";
-  if (valueName === "enter" || valueName === "new")
-    return "new";
-  if (valueName === "exit" || valueName === "old")
-    return "old";
-  return "group";
-}
-export {
-  chooseLayerType
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/css.mjs

@@ -1,35 +0,0 @@
-let pendingRules = {};
-let style = null;
-const css = {
-  set: (selector, values) => {
-    pendingRules[selector] = values;
-  },
-  commit: () => {
-    if (!style) {
-      style = document.createElement("style");
-      style.id = "motion-view";
-    }
-    let cssText = "";
-    for (const selector in pendingRules) {
-      const rule = pendingRules[selector];
-      cssText += `${selector} {
-`;
-      for (const [property, value] of Object.entries(rule)) {
-        cssText += `  ${property}: ${value};
-`;
-      }
-      cssText += "}\n";
-    }
-    style.textContent = cssText;
-    document.head.appendChild(style);
-    pendingRules = {};
-  },
-  remove: () => {
-    if (style && style.parentElement) {
-      style.parentElement.removeChild(style);
-    }
-  }
-};
-export {
-  css
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/get-layer-name.mjs

@@ -1,9 +0,0 @@
-function getLayerName(pseudoElement) {
-  const match = pseudoElement.match(/::view-transition-(old|new|group|image-pair)\((.*?)\)/);
-  if (!match)
-    return null;
-  return { layer: match[2], type: match[1] };
-}
-export {
-  getLayerName
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/get-view-animations.mjs

@@ -1,13 +0,0 @@
-function filterViewAnimations(animation) {
-  var _a;
-  const { effect } = animation;
-  if (!effect)
-    return false;
-  return effect.target === document.documentElement && ((_a = effect.pseudoElement) == null ? void 0 : _a.startsWith("::view-transition"));
-}
-function getViewAnimations() {
-  return document.getAnimations().filter(filterViewAnimations);
-}
-export {
-  getViewAnimations
-};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/has-target.mjs

@@ -1,6 +0,0 @@
-function hasTarget(target, targets) {
-  return targets.has(target) && Object.keys(targets.get(target)).length > 0;
-}
-export {
-  hasTarget
-};

package/dist/es/external/.pnpm/motion-utils@12.8.3/external/motion-utils/dist/es/array.mjs

@@ -1,23 +0,0 @@
-function addUniqueItem(arr, item) {
-  if (arr.indexOf(item) === -1)
-    arr.push(item);
-}
-function removeItem(arr, item) {
-  const index = arr.indexOf(item);
-  if (index > -1)
-    arr.splice(index, 1);
-}
-function moveItem([...arr], fromIndex, toIndex) {
-  const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;
-  if (startIndex >= 0 && startIndex < arr.length) {
-    const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;
-    const [item] = arr.splice(fromIndex, 1);
-    arr.splice(endIndex, 0, item);
-  }
-  return arr;
-}
-export {
-  addUniqueItem,
-  moveItem,
-  removeItem
-};

package/dist/es/external/.pnpm/motion-utils@12.8.3/external/motion-utils/dist/es/global-config.mjs

@@ -1,4 +0,0 @@
-const MotionGlobalConfig = {};
-export {
-  MotionGlobalConfig
-};