@code0-tech/pictor 0.9.2 → 0.10.0

package/dist/node_modules/motion-dom/dist/es/projection/node/create-projection-node.js

@@ -0,0 +1,618 @@
+import { animateSingleValue as lt } from "../../animation/animate/single-value.js";
+import { getOptimisedAppearId as ht } from "../../animation/optimized-appear/get-appear-id.js";
+import { getValueTransition as ut } from "../../animation/utils/get-value-transition.js";
+import { microtask as ct } from "../../frameloop/microtask.js";
+import { time as ft } from "../../frameloop/sync-time.js";
+import { scaleCorrectors as z } from "../styles/scale-correction.js";
+import { delay as dt } from "../../utils/delay.js";
+import { isSVGElement as mt } from "../../utils/is-svg-element.js";
+import { isSVGSVGElement as pt } from "../../utils/is-svg-svg-element.js";
+import { mixNumber as L } from "../../utils/mix/number.js";
+import { motionValue as yt } from "../../value/index.js";
+import { resolveMotionValue as C } from "../../value/utils/resolve-motion-value.js";
+import { mixValues as gt } from "../animation/mix-values.js";
+import { copyBoxInto as p, copyAxisDeltaInto as W, copyAxisInto as vt } from "../geometry/copy.js";
+import { translateAxis as R, transformBox as F, applyBoxDelta as Tt, applyTreeDeltas as xt } from "../geometry/delta-apply.js";
+import { calcLength as j, calcRelativeBox as Dt, calcRelativePosition as U, calcBoxDelta as w, isNear as Pt } from "../geometry/delta-calc.js";
+import { removeBoxTransforms as N } from "../geometry/delta-remove.js";
+import { createBox as f, createDelta as k } from "../geometry/models.js";
+import { boxEqualsRounded as it, isDeltaZero as st, axisDeltaEquals as H, boxEquals as Bt, aspectRatio as G } from "../geometry/utils.js";
+import { NodeStack as St } from "../shared/stack.js";
+import { buildProjectionTransform as At } from "../styles/transform.js";
+import { eachAxis as q } from "../utils/each-axis.js";
+import { FlatTree as Rt } from "../utils/flat-tree.js";
+import { hasTransform as V, hasScale as X, has2DTranslate as Vt } from "../utils/has-transform.js";
+import { globalProjectionState as O } from "./state.js";
+import { frame as E, cancelFrame as Y, frameSteps as I, frameData as y } from "../../frameloop/frame.js";
+import { SubscriptionManager as jt } from "../../../../../motion-utils/dist/es/subscription-manager.js";
+import { clamp as kt } from "../../../../../motion-utils/dist/es/clamp.js";
+import { noop as Lt } from "../../../../../motion-utils/dist/es/noop.js";
+const M = ["", "X", "Y", "Z"], Et = 1e3;
+let wt = 0;
+function b(e, l, h, c) {
+  const { latestValues: m } = l;
+  m[e] && (h[e] = m[e], l.setStaticValue(e, 0), c && (c[e] = 0));
+}
+function ot(e) {
+  if (e.hasCheckedOptimisedAppear = !0, e.root === e)
+    return;
+  const { visualElement: l } = e.options;
+  if (!l)
+    return;
+  const h = ht(l);
+  if (window.MotionHasOptimisedAnimation(h, "transform")) {
+    const { layout: m, layoutId: B } = e.options;
+    window.MotionCancelOptimisedAnimation(h, "transform", E, !(m || B));
+  }
+  const { parent: c } = e;
+  c && !c.hasCheckedOptimisedAppear && ot(c);
+}
+function Re({ attachResizeListener: e, defaultParent: l, measureScroll: h, checkIsScrollRoot: c, resetTransform: m }) {
+  return class {
+    constructor(t = {}, i = l?.()) {
+      this.id = wt++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+        this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
+      }, this.updateProjection = () => {
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(Ft), this.nodes.forEach(Wt), this.nodes.forEach(Nt), this.nodes.forEach(Ot);
+      }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = t, this.root = i ? i.root || i : this, this.path = i ? [...i.path, i] : [], this.parent = i, this.depth = i ? i.depth + 1 : 0;
+      for (let s = 0; s < this.path.length; s++)
+        this.path[s].shouldResetTransform = !0;
+      this.root === this && (this.nodes = new Rt());
+    }
+    addEventListener(t, i) {
+      return this.eventHandlers.has(t) || this.eventHandlers.set(t, new jt()), this.eventHandlers.get(t).add(i);
+    }
+    notifyListeners(t, ...i) {
+      const s = this.eventHandlers.get(t);
+      s && s.notify(...i);
+    }
+    hasListeners(t) {
+      return this.eventHandlers.has(t);
+    }
+    /**
+     * Lifecycles
+     */
+    mount(t) {
+      if (this.instance)
+        return;
+      this.isSVG = mt(t) && !pt(t), this.instance = t;
+      const { layoutId: i, layout: s, visualElement: o } = this.options;
+      if (o && !o.current && o.mount(t), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (s || i) && (this.isLayoutDirty = !0), e) {
+        let a, r = 0;
+        const n = () => this.root.updateBlockedByResize = !1;
+        E.read(() => {
+          r = window.innerWidth;
+        }), e(t, () => {
+          const u = window.innerWidth;
+          u !== r && (r = u, this.root.updateBlockedByResize = !0, a && a(), a = dt(n, 250), O.hasAnimatedSinceResize && (O.hasAnimatedSinceResize = !1, this.nodes.forEach(J)));
+        });
+      }
+      i && this.root.registerSharedNode(i, this), this.options.animate !== !1 && o && (i || s) && this.addEventListener("didUpdate", ({ delta: a, hasLayoutChanged: r, hasRelativeLayoutChanged: n, layout: u }) => {
+        if (this.isTreeAnimationBlocked()) {
+          this.target = void 0, this.relativeTarget = void 0;
+          return;
+        }
+        const d = this.options.transition || o.getDefaultTransition() || Yt, { onLayoutAnimationStart: g, onLayoutAnimationComplete: x } = o.getProps(), S = !this.targetLayout || !it(this.targetLayout, u), v = !r && n;
+        if (this.options.layoutRoot || this.resumeFrom || v || r && (S || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
+          const D = {
+            ...ut(d, "layout"),
+            onPlay: g,
+            onComplete: x
+          };
+          (o.shouldReduceMotion || this.options.layoutRoot) && (D.delay = 0, D.type = !1), this.startAnimation(D), this.setAnimationOrigin(a, v, D.path);
+        } else
+          r || J(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
+        this.targetLayout = u;
+      });
+    }
+    unmount() {
+      this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
+      const t = this.getStack();
+      t && t.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), Y(this.updateProjection);
+    }
+    // only on the root
+    blockUpdate() {
+      this.updateManuallyBlocked = !0;
+    }
+    unblockUpdate() {
+      this.updateManuallyBlocked = !1;
+    }
+    isUpdateBlocked() {
+      return this.updateManuallyBlocked || this.updateBlockedByResize;
+    }
+    isTreeAnimationBlocked() {
+      return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
+    }
+    // Note: currently only running on root node
+    startUpdate() {
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Ht), this.animationId++);
+    }
+    getTransformTemplate() {
+      const { visualElement: t } = this.options;
+      return t && t.getProps().transformTemplate;
+    }
+    willUpdate(t = !0) {
+      if (this.root.hasTreeAnimated = !0, this.root.isUpdateBlocked()) {
+        this.options.onExitComplete && this.options.onExitComplete();
+        return;
+      }
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && ot(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+        return;
+      this.isLayoutDirty = !0;
+      for (let a = 0; a < this.path.length; a++) {
+        const r = this.path[a];
+        r.shouldResetTransform = !0, (typeof r.latestValues.x == "string" || typeof r.latestValues.y == "string") && (r.isLayoutDirty = !0), r.updateScroll("snapshot"), r.options.layoutRoot && r.willUpdate(!1);
+      }
+      const { layoutId: i, layout: s } = this.options;
+      if (i === void 0 && !s)
+        return;
+      const o = this.getTransformTemplate();
+      this.prevTransformTemplateValue = o ? o(this.latestValues, "") : void 0, this.updateSnapshot(), t && this.notifyListeners("willUpdate");
+    }
+    update() {
+      if (this.updateScheduled = !1, this.isUpdateBlocked()) {
+        const s = this.updateBlockedByResize;
+        this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), s && this.nodes.forEach(Mt), this.nodes.forEach($);
+        return;
+      }
+      if (this.animationId <= this.animationCommitId) {
+        this.nodes.forEach(Z);
+        return;
+      }
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(bt), this.nodes.forEach(zt), this.nodes.forEach(Ut), this.nodes.forEach(Ct)) : this.nodes.forEach(Z), this.clearAllSnapshots();
+      const i = ft.now();
+      y.delta = kt(0, 1e3 / 60, i - y.timestamp), y.timestamp = i, y.isProcessing = !0, I.update.process(y), I.preRender.process(y), I.render.process(y), y.isProcessing = !1;
+    }
+    didUpdate() {
+      this.updateScheduled || (this.updateScheduled = !0, ct.read(this.scheduleUpdate));
+    }
+    clearAllSnapshots() {
+      this.nodes.forEach(It), this.sharedNodes.forEach(Gt);
+    }
+    scheduleUpdateProjection() {
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, E.preRender(this.updateProjection, !1, !0));
+    }
+    scheduleCheckAfterUnmount() {
+      E.postRender(() => {
+        this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
+      });
+    }
+    /**
+     * Update measurements
+     */
+    updateSnapshot() {
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !j(this.snapshot.measuredBox.x) && !j(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+    }
+    updateLayout() {
+      if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
+        return;
+      if (this.resumeFrom && !this.resumeFrom.instance)
+        for (let s = 0; s < this.path.length; s++)
+          this.path[s].updateScroll();
+      const t = this.layout;
+      this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected || (this.layoutCorrected = f()), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      const { visualElement: i } = this.options;
+      i && i.notify("LayoutMeasure", this.layout.layoutBox, t ? t.layoutBox : void 0);
+    }
+    updateScroll(t = "measure") {
+      let i = !!(this.options.layoutScroll && this.instance);
+      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === t && (i = !1), i && this.instance) {
+        const s = c(this.instance);
+        this.scroll = {
+          animationId: this.root.animationId,
+          phase: t,
+          isRoot: s,
+          offset: h(this.instance),
+          wasRoot: this.scroll ? this.scroll.isRoot : s
+        };
+      }
+    }
+    resetTransform() {
+      if (!m)
+        return;
+      const t = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, i = this.projectionDelta && !st(this.projectionDelta), s = this.getTransformTemplate(), o = s ? s(this.latestValues, "") : void 0, a = o !== this.prevTransformTemplateValue;
+      t && this.instance && (i || V(this.latestValues) || a) && (m(this.instance, o), this.shouldResetTransform = !1, this.scheduleRender());
+    }
+    measure(t = !0) {
+      const i = this.measurePageBox();
+      let s = this.removeElementScroll(i);
+      return t && (s = this.removeTransform(s)), $t(s), {
+        animationId: this.root.animationId,
+        measuredBox: i,
+        layoutBox: s,
+        latestValues: {},
+        source: this.id
+      };
+    }
+    measurePageBox() {
+      const { visualElement: t } = this.options;
+      if (!t)
+        return f();
+      const i = t.measureViewportBox();
+      if (!(this.scroll?.wasRoot || this.path.some(Zt))) {
+        const { scroll: o } = this.root;
+        o && (R(i.x, o.offset.x), R(i.y, o.offset.y));
+      }
+      return i;
+    }
+    removeElementScroll(t) {
+      const i = f();
+      if (p(i, t), this.scroll?.wasRoot)
+        return i;
+      for (let s = 0; s < this.path.length; s++) {
+        const o = this.path[s], { scroll: a, options: r } = o;
+        o !== this.root && a && r.layoutScroll && (a.wasRoot && p(i, t), R(i.x, a.offset.x), R(i.y, a.offset.y));
+      }
+      return i;
+    }
+    applyTransform(t, i = !1, s) {
+      const o = s || f();
+      p(o, t);
+      for (let a = 0; a < this.path.length; a++) {
+        const r = this.path[a];
+        !i && r.options.layoutScroll && r.scroll && r !== r.root && (R(o.x, -r.scroll.offset.x), R(o.y, -r.scroll.offset.y)), V(r.latestValues) && F(o, r.latestValues, r.layout?.layoutBox);
+      }
+      return V(this.latestValues) && F(o, this.latestValues, this.layout?.layoutBox), o;
+    }
+    removeTransform(t) {
+      const i = f();
+      p(i, t);
+      for (let s = 0; s < this.path.length; s++) {
+        const o = this.path[s];
+        if (!V(o.latestValues))
+          continue;
+        let a;
+        o.instance && (X(o.latestValues) && o.updateSnapshot(), a = f(), p(a, o.measurePageBox())), N(i, o.latestValues, o.snapshot?.layoutBox, a);
+      }
+      return V(this.latestValues) && N(i, this.latestValues), i;
+    }
+    setTargetDelta(t) {
+      this.targetDelta = t, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
+    }
+    setOptions(t) {
+      this.options = {
+        ...this.options,
+        ...t,
+        crossfade: t.crossfade !== void 0 ? t.crossfade : !0
+      };
+    }
+    clearMeasurements() {
+      this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
+    }
+    forceRelativeParentToResolveTarget() {
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== y.timestamp && this.relativeParent.resolveTargetDelta(!0);
+    }
+    resolveTargetDelta(t = !1) {
+      const i = this.getLead();
+      this.isProjectionDirty || (this.isProjectionDirty = i.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = i.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = i.isSharedProjectionDirty);
+      const s = !!this.resumingFrom || this !== i;
+      if (!(t || s && this.isSharedProjectionDirty || this.isProjectionDirty || this.parent?.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
+        return;
+      const { layout: a, layoutId: r } = this.options;
+      if (!this.layout || !(a || r))
+        return;
+      this.resolvedRelativeTargetAt = y.timestamp;
+      const n = this.getClosestProjectingParent();
+      n && this.linkedParentVersion !== n.layoutVersion && !n.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && n && n.layout ? this.createRelativeTarget(n, this.layout.layoutBox, n.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = f(), this.targetWithTransforms = f()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Dt(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : p(this.target, this.layout.layoutBox), Tt(this.target, this.targetDelta)) : p(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && n && !!n.resumingFrom == !!this.resumingFrom && !n.options.layoutScroll && n.target && this.animationProgress !== 1 ? this.createRelativeTarget(n, this.target, n.target) : this.relativeParent = this.relativeTarget = void 0));
+    }
+    getClosestProjectingParent() {
+      if (!(!this.parent || X(this.parent.latestValues) || Vt(this.parent.latestValues)))
+        return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
+    }
+    isProjecting() {
+      return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
+    }
+    createRelativeTarget(t, i, s) {
+      this.relativeParent = t, this.linkedParentVersion = t.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = f(), this.relativeTargetOrigin = f(), U(this.relativeTargetOrigin, i, s, this.options.layoutAnchor || void 0), p(this.relativeTarget, this.relativeTargetOrigin);
+    }
+    removeRelativeTarget() {
+      this.relativeParent = this.relativeTarget = void 0;
+    }
+    calcProjection() {
+      const t = this.getLead(), i = !!this.resumingFrom || this !== t;
+      let s = !0;
+      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (s = !1), i && (this.isSharedProjectionDirty || this.isTransformDirty) && (s = !1), this.resolvedRelativeTargetAt === y.timestamp && (s = !1), s)
+        return;
+      const { layout: o, layoutId: a } = this.options;
+      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(o || a))
+        return;
+      p(this.layoutCorrected, this.layout.layoutBox);
+      const r = this.treeScale.x, n = this.treeScale.y;
+      xt(this.layoutCorrected, this.treeScale, this.path, i), t.layout && !t.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (t.target = t.layout.layoutBox, t.targetWithTransforms = f());
+      const { target: u } = t;
+      if (!u) {
+        this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
+        return;
+      }
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (W(this.prevProjectionDelta.x, this.projectionDelta.x), W(this.prevProjectionDelta.y, this.projectionDelta.y)), w(this.projectionDelta, this.layoutCorrected, u, this.latestValues), (this.treeScale.x !== r || this.treeScale.y !== n || !H(this.projectionDelta.x, this.prevProjectionDelta.x) || !H(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", u));
+    }
+    hide() {
+      this.isVisible = !1;
+    }
+    show() {
+      this.isVisible = !0;
+    }
+    scheduleRender(t = !0) {
+      if (this.options.visualElement?.scheduleRender(), t) {
+        const i = this.getStack();
+        i && i.scheduleRender();
+      }
+      this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
+    }
+    createProjectionDeltas() {
+      this.prevProjectionDelta = k(), this.projectionDelta = k(), this.projectionDeltaWithTransform = k();
+    }
+    setAnimationOrigin(t, i = !1, s) {
+      const o = this.snapshot, a = o ? o.latestValues : {}, r = { ...this.latestValues }, n = k();
+      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !i;
+      const u = f(), d = o ? o.source : void 0, g = this.layout ? this.layout.source : void 0, x = d !== g, S = this.getStack(), v = !S || S.members.length <= 1, D = !!(x && !v && this.options.crossfade === !0 && !this.path.some(Xt));
+      this.animationProgress = 0;
+      let T;
+      const rt = s?.interpolateProjection(t);
+      this.mixTargetDelta = (nt) => {
+        const P = nt / 1e3, A = rt?.(P);
+        A ? (n.x.translate = A.x, n.x.scale = L(t.x.scale, 1, P), n.x.origin = t.x.origin, n.x.originPoint = t.x.originPoint, n.y.translate = A.y, n.y.scale = L(t.y.scale, 1, P), n.y.origin = t.y.origin, n.y.originPoint = t.y.originPoint) : (K(n.x, t.x, P), K(n.y, t.y, P)), this.setTargetDelta(n), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (U(u, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), qt(this.relativeTarget, this.relativeTargetOrigin, u, P), T && Bt(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = f()), p(T, this.relativeTarget)), x && (this.animationValues = r, gt(r, a, this.latestValues, P, D, v)), A && A.rotate !== void 0 && (this.animationValues || (this.animationValues = r), this.animationValues.pathRotation = A.rotate), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
+      }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
+    }
+    startAnimation(t) {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (Y(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = E.update(() => {
+        O.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = yt(0)), this.motionValue.jump(0, !1), this.currentAnimation = lt(this.motionValue, [0, 1e3], {
+          ...t,
+          velocity: 0,
+          isSync: !0,
+          onUpdate: (i) => {
+            this.mixTargetDelta(i), t.onUpdate && t.onUpdate(i);
+          },
+          onStop: () => {
+          },
+          onComplete: () => {
+            t.onComplete && t.onComplete(), this.completeAnimation();
+          }
+        }), this.resumingFrom && (this.resumingFrom.currentAnimation = this.currentAnimation), this.pendingAnimation = void 0;
+      });
+    }
+    completeAnimation() {
+      this.resumingFrom && (this.resumingFrom.currentAnimation = void 0, this.resumingFrom.preserveOpacity = void 0);
+      const t = this.getStack();
+      t && t.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
+    }
+    finishAnimation() {
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Et), this.currentAnimation.stop()), this.completeAnimation();
+    }
+    applyTransformsToTarget() {
+      const t = this.getLead();
+      let { targetWithTransforms: i, target: s, layout: o, latestValues: a } = t;
+      if (!(!i || !s || !o)) {
+        if (this !== t && this.layout && o && at(this.options.animationType, this.layout.layoutBox, o.layoutBox)) {
+          s = this.target || f();
+          const r = j(this.layout.layoutBox.x);
+          s.x.min = t.target.x.min, s.x.max = s.x.min + r;
+          const n = j(this.layout.layoutBox.y);
+          s.y.min = t.target.y.min, s.y.max = s.y.min + n;
+        }
+        p(i, s), F(i, a), w(this.projectionDeltaWithTransform, this.layoutCorrected, i, a);
+      }
+    }
+    registerSharedNode(t, i) {
+      this.sharedNodes.has(t) || this.sharedNodes.set(t, new St()), this.sharedNodes.get(t).add(i);
+      const o = i.options.initialPromotionConfig;
+      i.promote({
+        transition: o ? o.transition : void 0,
+        preserveFollowOpacity: o && o.shouldPreserveFollowOpacity ? o.shouldPreserveFollowOpacity(i) : void 0
+      });
+    }
+    isLead() {
+      const t = this.getStack();
+      return t ? t.lead === this : !0;
+    }
+    getLead() {
+      const { layoutId: t } = this.options;
+      return t ? this.getStack()?.lead || this : this;
+    }
+    getPrevLead() {
+      const { layoutId: t } = this.options;
+      return t ? this.getStack()?.prevLead : void 0;
+    }
+    getStack() {
+      const { layoutId: t } = this.options;
+      if (t)
+        return this.root.sharedNodes.get(t);
+    }
+    promote({ needsReset: t, transition: i, preserveFollowOpacity: s } = {}) {
+      const o = this.getStack();
+      o && o.promote(this, s), t && (this.projectionDelta = void 0, this.needsReset = !0), i && this.setOptions({ transition: i });
+    }
+    relegate() {
+      const t = this.getStack();
+      return t ? t.relegate(this) : !1;
+    }
+    resetSkewAndRotation() {
+      const { visualElement: t } = this.options;
+      if (!t)
+        return;
+      let i = !1;
+      const { latestValues: s } = t;
+      if ((s.z || s.rotate || s.rotateX || s.rotateY || s.rotateZ || s.skewX || s.skewY) && (i = !0), !i)
+        return;
+      const o = {};
+      s.z && b("z", t, o, this.animationValues);
+      for (let a = 0; a < M.length; a++)
+        b(`rotate${M[a]}`, t, o, this.animationValues), b(`skew${M[a]}`, t, o, this.animationValues);
+      t.render();
+      for (const a in o)
+        t.setStaticValue(a, o[a]), this.animationValues && (this.animationValues[a] = o[a]);
+      t.scheduleRender();
+    }
+    applyProjectionStyles(t, i) {
+      if (!this.instance || this.isSVG)
+        return;
+      if (!this.isVisible) {
+        t.visibility = "hidden";
+        return;
+      }
+      const s = this.getTransformTemplate();
+      if (this.needsReset) {
+        this.needsReset = !1, t.visibility = "", t.opacity = "", t.pointerEvents = C(i?.pointerEvents) || "", t.transform = s ? s(this.latestValues, "") : "none";
+        return;
+      }
+      const o = this.getLead();
+      if (!this.projectionDelta || !this.layout || !o.target) {
+        this.options.layoutId && (t.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, t.pointerEvents = C(i?.pointerEvents) || ""), this.hasProjected && !V(this.latestValues) && (t.transform = s ? s({}, "") : "none", this.hasProjected = !1);
+        return;
+      }
+      t.visibility = "";
+      const a = o.animationValues || o.latestValues;
+      this.applyTransformsToTarget();
+      let r = At(this.projectionDeltaWithTransform, this.treeScale, a);
+      s && (r = s(a, r)), t.transform = r;
+      const { x: n, y: u } = this.projectionDelta;
+      t.transformOrigin = `${n.origin * 100}% ${u.origin * 100}% 0`, o.animationValues ? t.opacity = o === this ? a.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : a.opacityExit : t.opacity = o === this ? a.opacity !== void 0 ? a.opacity : "" : a.opacityExit !== void 0 ? a.opacityExit : 0;
+      for (const d in z) {
+        if (a[d] === void 0)
+          continue;
+        const { correct: g, applyTo: x, isCSSVariable: S } = z[d], v = r === "none" ? a[d] : g(a[d], o);
+        if (x) {
+          const D = x.length;
+          for (let T = 0; T < D; T++)
+            t[x[T]] = v;
+        } else
+          S ? this.options.visualElement.renderState.vars[d] = v : t[d] = v;
+      }
+      this.options.layoutId && (t.pointerEvents = o === this ? C(i?.pointerEvents) || "" : "none");
+    }
+    clearSnapshot() {
+      this.resumeFrom = this.snapshot = void 0;
+    }
+    // Only run on root
+    resetTree() {
+      this.root.nodes.forEach((t) => t.currentAnimation?.stop()), this.root.nodes.forEach($), this.root.sharedNodes.clear();
+    }
+  };
+}
+function Ut(e) {
+  e.updateLayout();
+}
+function Ct(e) {
+  const l = e.resumeFrom?.snapshot || e.snapshot;
+  if (e.isLead() && e.layout && l && e.hasListeners("didUpdate")) {
+    const { layoutBox: h, measuredBox: c } = e.layout, { animationType: m } = e.options, B = l.source !== e.layout.source;
+    if (m === "size")
+      q((a) => {
+        const r = B ? l.measuredBox[a] : l.layoutBox[a], n = j(r);
+        r.min = h[a].min, r.max = r.min + n;
+      });
+    else if (m === "x" || m === "y") {
+      const a = m === "x" ? "y" : "x";
+      vt(B ? l.measuredBox[a] : l.layoutBox[a], h[a]);
+    } else at(m, l.layoutBox, h) && q((a) => {
+      const r = B ? l.measuredBox[a] : l.layoutBox[a], n = j(h[a]);
+      r.max = r.min + n, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[a].max = e.relativeTarget[a].min + n);
+    });
+    const t = k();
+    w(t, h, l.layoutBox);
+    const i = k();
+    B ? w(i, e.applyTransform(c, !0), l.measuredBox) : w(i, h, l.layoutBox);
+    const s = !st(t);
+    let o = !1;
+    if (!e.resumeFrom) {
+      const a = e.getClosestProjectingParent();
+      if (a && !a.resumeFrom) {
+        const { snapshot: r, layout: n } = a;
+        if (r && n) {
+          const u = e.options.layoutAnchor || void 0, d = f();
+          U(d, l.layoutBox, r.layoutBox, u);
+          const g = f();
+          U(g, h, n.layoutBox, u), it(d, g) || (o = !0), a.options.layoutRoot && (e.relativeTarget = g, e.relativeTargetOrigin = d, e.relativeParent = a);
+        }
+      }
+    }
+    e.notifyListeners("didUpdate", {
+      layout: h,
+      snapshot: l,
+      delta: i,
+      layoutDelta: t,
+      hasLayoutChanged: s,
+      hasRelativeLayoutChanged: o
+    });
+  } else if (e.isLead()) {
+    const { onExitComplete: h } = e.options;
+    h && h();
+  }
+  e.options.transition = void 0;
+}
+function Ft(e) {
+  e.parent && (e.isProjecting() || (e.isProjectionDirty = e.parent.isProjectionDirty), e.isSharedProjectionDirty || (e.isSharedProjectionDirty = !!(e.isProjectionDirty || e.parent.isProjectionDirty || e.parent.isSharedProjectionDirty)), e.isTransformDirty || (e.isTransformDirty = e.parent.isTransformDirty));
+}
+function Ot(e) {
+  e.isProjectionDirty = e.isSharedProjectionDirty = e.isTransformDirty = !1;
+}
+function It(e) {
+  e.clearSnapshot();
+}
+function $(e) {
+  e.clearMeasurements();
+}
+function Mt(e) {
+  e.isLayoutDirty = !0, e.updateLayout();
+}
+function Z(e) {
+  e.isLayoutDirty = !1;
+}
+function bt(e) {
+  e.isAnimationBlocked && e.layout && !e.isLayoutDirty && (e.snapshot = e.layout, e.isLayoutDirty = !0);
+}
+function zt(e) {
+  const { visualElement: l } = e.options;
+  l && l.getProps().onBeforeLayoutMeasure && l.notify("BeforeLayoutMeasure"), e.resetTransform();
+}
+function J(e) {
+  e.finishAnimation(), e.targetDelta = e.relativeTarget = e.target = void 0, e.isProjectionDirty = !0;
+}
+function Wt(e) {
+  e.resolveTargetDelta();
+}
+function Nt(e) {
+  e.calcProjection();
+}
+function Ht(e) {
+  e.resetSkewAndRotation();
+}
+function Gt(e) {
+  e.removeLeadSnapshot();
+}
+function K(e, l, h) {
+  e.translate = L(l.translate, 0, h), e.scale = L(l.scale, 1, h), e.origin = l.origin, e.originPoint = l.originPoint;
+}
+function Q(e, l, h, c) {
+  e.min = L(l.min, h.min, c), e.max = L(l.max, h.max, c);
+}
+function qt(e, l, h, c) {
+  Q(e.x, l.x, h.x, c), Q(e.y, l.y, h.y, c);
+}
+function Xt(e) {
+  return e.animationValues && e.animationValues.opacityExit !== void 0;
+}
+const Yt = {
+  duration: 0.45,
+  ease: [0.4, 0, 0.1, 1]
+}, _ = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), tt = _("applewebkit/") && !_("chrome/") ? Math.round : Lt;
+function et(e) {
+  e.min = tt(e.min), e.max = tt(e.max);
+}
+function $t(e) {
+  et(e.x), et(e.y);
+}
+function at(e, l, h) {
+  return e === "position" || e === "preserve-aspect" && !Pt(G(l), G(h), 0.2);
+}
+function Zt(e) {
+  return e !== e.root && e.scroll?.wasRoot;
+}
+export {
+  Ot as cleanDirtyNodes,
+  Re as createProjectionNode,
+  Q as mixAxis,
+  qt as mixBox,
+  Ft as propagateDirtyNodes
+};

package/dist/node_modules/motion-dom/dist/es/projection/node/state.js

@@ -0,0 +1,15 @@
+const e = {
+  /**
+   * Global flag as to whether the tree has animated since the last time
+   * we resized the window
+   */
+  hasAnimatedSinceResize: !0,
+  /**
+   * We set this to true once, on the first update. Any nodes added to the tree beyond that
+   * update will be given a `data-projection-id` attribute.
+   */
+  hasEverUpdated: !1
+};
+export {
+  e as globalProjectionState
+};