@frontify/fondue 13.9.0 → 14.0.0-beta.0

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

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