@new-black/lyra 1.0.1 → 1.0.2

package/dist/lyra867.js

@@ -1,28 +1,255 @@
-const e = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
+import { invariant as L } from "./lyra695.js";
+import { PanSession as M } from "./lyra868.js";
+import { getGlobalLock as V } from "./lyra771.js";
+import { isRefObject as P } from "./lyra697.js";
+import { addPointerEvent as S } from "./lyra772.js";
+import { applyConstraints as b, calcRelativeConstraints as B, resolveDragElastic as k, calcViewportConstraints as j, rebaseAxisConstraints as T, calcOrigin as w, defaultElastic as G } from "./lyra905.js";
+import { createBox as R } from "./lyra696.js";
+import { eachAxis as u } from "./lyra890.js";
+import { measurePageBox as _ } from "./lyra875.js";
+import { extractEventInfo as O } from "./lyra774.js";
+import { convertBoxToBoundingBox as W, convertBoundingBoxToBox as U } from "./lyra906.js";
+import { addDomEvent as z } from "./lyra773.js";
+import { calcLength as I } from "./lyra766.js";
+import { mix as y } from "./lyra744.js";
+import { percent as F } from "./lyra733.js";
+import { animateMotionValue as K } from "./lyra821.js";
+import { getContextWindow as q } from "./lyra869.js";
+import { frame as x } from "./lyra712.js";
+const H = /* @__PURE__ */ new WeakMap();
+class gt {
+  constructor(t) {
+    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = R(), this.visualElement = t;
+  }
+  start(t, { snapToCursor: s = !1 } = {}) {
+    const { presenceContext: i } = this.visualElement;
+    if (i && i.isPresent === !1)
+      return;
+    const n = (e) => {
+      const { dragSnapToOrigin: a } = this.getProps();
+      a ? this.pauseAnimation() : this.stopAnimation(), s && this.snapToCursor(O(e, "page").point);
+    }, r = (e, a) => {
+      const { drag: f, dragPropagation: d, onDragStart: m } = this.getProps();
+      if (f && !d && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = V(f), !this.openGlobalLock))
+        return;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), u((g) => {
+        let E = this.getAxisMotionValue(g).get() || 0;
+        if (F.test(E)) {
+          const { projection: C } = this.visualElement;
+          if (C && C.layout) {
+            const D = C.layout.layoutBox[g];
+            D && (E = I(D) * (parseFloat(E) / 100));
+          }
+        }
+        this.originPoint[g] = E;
+      }), m && x.update(() => m(e, a), !1, !0);
+      const { animationState: v } = this.visualElement;
+      v && v.setActive("whileDrag", !0);
+    }, o = (e, a) => {
+      const { dragPropagation: f, dragDirectionLock: d, onDirectionLock: m, onDrag: v } = this.getProps();
+      if (!f && !this.openGlobalLock)
+        return;
+      const { offset: g } = a;
+      if (d && this.currentDirection === null) {
+        this.currentDirection = J(g), this.currentDirection !== null && m && m(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", a.point, g), this.updateAxis("y", a.point, g), this.visualElement.render(), v && v(e, a);
+    }, l = (e, a) => this.stop(e, a), c = () => u((e) => {
+      var a;
+      return this.getAnimationState(e) === "paused" && ((a = this.getAxisMotionValue(e).animation) === null || a === void 0 ? void 0 : a.play());
+    }), { dragSnapToOrigin: h } = this.getProps();
+    this.panSession = new M(t, {
+      onSessionStart: n,
+      onStart: r,
+      onMove: o,
+      onSessionEnd: l,
+      resumeAnimation: c
+    }, {
+      transformPagePoint: this.visualElement.getTransformPagePoint(),
+      dragSnapToOrigin: h,
+      contextWindow: q(this.visualElement)
+    });
+  }
+  stop(t, s) {
+    const i = this.isDragging;
+    if (this.cancel(), !i)
+      return;
+    const { velocity: n } = s;
+    this.startAnimation(n);
+    const { onDragEnd: r } = this.getProps();
+    r && x.update(() => r(t, s));
+  }
+  cancel() {
+    this.isDragging = !1;
+    const { projection: t, animationState: s } = this.visualElement;
+    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    const { dragPropagation: i } = this.getProps();
+    !i && this.openGlobalLock && (this.openGlobalLock(), this.openGlobalLock = null), s && s.setActive("whileDrag", !1);
+  }
+  updateAxis(t, s, i) {
+    const { drag: n } = this.getProps();
+    if (!i || !A(t, n, this.currentDirection))
+      return;
+    const r = this.getAxisMotionValue(t);
+    let o = this.originPoint[t] + i[t];
+    this.constraints && this.constraints[t] && (o = b(o, this.constraints[t], this.elastic[t])), r.set(o);
+  }
+  resolveConstraints() {
+    var t;
+    const { dragConstraints: s, dragElastic: i } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, r = this.constraints;
+    s && P(s) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : s && n ? this.constraints = B(n.layoutBox, s) : this.constraints = !1, this.elastic = k(i), r !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && u((o) => {
+      this.getAxisMotionValue(o) && (this.constraints[o] = T(n.layoutBox[o], this.constraints[o]));
+    });
+  }
+  resolveRefConstraints() {
+    const { dragConstraints: t, onMeasureDragConstraints: s } = this.getProps();
+    if (!t || !P(t))
+      return !1;
+    const i = t.current;
+    L(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    const { projection: n } = this.visualElement;
+    if (!n || !n.layout)
+      return !1;
+    const r = _(i, n.root, this.visualElement.getTransformPagePoint());
+    let o = j(n.layout.layoutBox, r);
+    if (s) {
+      const l = s(W(o));
+      this.hasMutatedConstraints = !!l, l && (o = U(l));
+    }
+    return o;
+  }
+  startAnimation(t) {
+    const { drag: s, dragMomentum: i, dragElastic: n, dragTransition: r, dragSnapToOrigin: o, onDragTransitionEnd: l } = this.getProps(), c = this.constraints || {}, h = u((e) => {
+      if (!A(e, s, this.currentDirection))
+        return;
+      let a = c && c[e] || {};
+      o && (a = { min: 0, max: 0 });
+      const f = n ? 200 : 1e6, d = n ? 40 : 1e7, m = {
+        type: "inertia",
+        velocity: i ? t[e] : 0,
+        bounceStiffness: f,
+        bounceDamping: d,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...r,
+        ...a
+      };
+      return this.startAxisValueAnimation(e, m);
+    });
+    return Promise.all(h).then(l);
+  }
+  startAxisValueAnimation(t, s) {
+    const i = this.getAxisMotionValue(t);
+    return i.start(K(t, i, 0, s));
+  }
+  stopAnimation() {
+    u((t) => this.getAxisMotionValue(t).stop());
+  }
+  pauseAnimation() {
+    u((t) => {
+      var s;
+      return (s = this.getAxisMotionValue(t).animation) === null || s === void 0 ? void 0 : s.pause();
+    });
+  }
+  getAnimationState(t) {
+    var s;
+    return (s = this.getAxisMotionValue(t).animation) === null || s === void 0 ? void 0 : s.state;
+  }
+  /**
+   * Drag works differently depending on which props are provided.
+   *
+   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
+   * - Otherwise, we apply the delta to the x/y motion values.
+   */
+  getAxisMotionValue(t) {
+    const s = "_drag" + t.toUpperCase(), i = this.visualElement.getProps(), n = i[s];
+    return n || this.visualElement.getValue(t, (i.initial ? i.initial[t] : void 0) || 0);
+  }
+  snapToCursor(t) {
+    u((s) => {
+      const { drag: i } = this.getProps();
+      if (!A(s, i, this.currentDirection))
+        return;
+      const { projection: n } = this.visualElement, r = this.getAxisMotionValue(s);
+      if (n && n.layout) {
+        const { min: o, max: l } = n.layout.layoutBox[s];
+        r.set(t[s] - y(o, l, 0.5));
+      }
+    });
+  }
+  /**
+   * When the viewport resizes we want to check if the measured constraints
+   * have changed and, if so, reposition the element within those new constraints
+   * relative to where it was before the resize.
+   */
+  scalePositionWithinConstraints() {
+    if (!this.visualElement.current)
+      return;
+    const { drag: t, dragConstraints: s } = this.getProps(), { projection: i } = this.visualElement;
+    if (!P(s) || !i || !this.constraints)
+      return;
+    this.stopAnimation();
+    const n = { x: 0, y: 0 };
+    u((o) => {
+      const l = this.getAxisMotionValue(o);
+      if (l) {
+        const c = l.get();
+        n[o] = w({ min: c, max: c }, this.constraints[o]);
+      }
+    });
+    const { transformTemplate: r } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = r ? r({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), u((o) => {
+      if (!A(o, t, null))
+        return;
+      const l = this.getAxisMotionValue(o), { min: c, max: h } = this.constraints[o];
+      l.set(y(c, h, n[o]));
+    });
+  }
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    H.set(this.visualElement, this);
+    const t = this.visualElement.current, s = S(t, "pointerdown", (c) => {
+      const { drag: h, dragListener: e = !0 } = this.getProps();
+      h && e && this.start(c);
+    }), i = () => {
+      const { dragConstraints: c } = this.getProps();
+      P(c) && (this.constraints = this.resolveRefConstraints());
+    }, { projection: n } = this.visualElement, r = n.addEventListener("measure", i);
+    n && !n.layout && (n.root && n.root.updateScroll(), n.updateLayout()), i();
+    const o = z(window, "resize", () => this.scalePositionWithinConstraints()), l = n.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: h }) => {
+      this.isDragging && h && (u((e) => {
+        const a = this.getAxisMotionValue(e);
+        a && (this.originPoint[e] += c[e].translate, a.set(a.get() + c[e].translate));
+      }), this.visualElement.render());
+    });
+    return () => {
+      o(), s(), r(), l && l();
+    };
+  }
+  getProps() {
+    const t = this.visualElement.getProps(), { drag: s = !1, dragDirectionLock: i = !1, dragPropagation: n = !1, dragConstraints: r = !1, dragElastic: o = G, dragMomentum: l = !0 } = t;
+    return {
+      ...t,
+      drag: s,
+      dragDirectionLock: i,
+      dragPropagation: n,
+      dragConstraints: r,
+      dragElastic: o,
+      dragMomentum: l
+    };
+  }
+}
+function A(p, t, s) {
+  return (t === !0 || t === p) && (s === null || s === p);
+}
+function J(p, t = 10) {
+  let s = null;
+  return Math.abs(p.y) > t ? s = "y" : Math.abs(p.x) > t && (s = "x"), s;
+}
 export {
-  e as camelCaseAttributes
+  gt as VisualElementDragControls,
+  H as elementDragControls
 };

package/dist/lyra867.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra867.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/camel-case-attrs.mjs"],"sourcesContent":["/**\n * A set of attribute names that are always read/written as camel case.\n */\nconst camelCaseAttributes = new Set([\n    \"baseFrequency\",\n    \"diffuseConstant\",\n    \"kernelMatrix\",\n    \"kernelUnitLength\",\n    \"keySplines\",\n    \"keyTimes\",\n    \"limitingConeAngle\",\n    \"markerHeight\",\n    \"markerWidth\",\n    \"numOctaves\",\n    \"targetX\",\n    \"targetY\",\n    \"surfaceScale\",\n    \"specularConstant\",\n    \"specularExponent\",\n    \"stdDeviation\",\n    \"tableValues\",\n    \"viewBox\",\n    \"gradientTransform\",\n    \"pathLength\",\n    \"startOffset\",\n    \"textLength\",\n    \"lengthAdjust\",\n]);\n\nexport { camelCaseAttributes };\n"],"names":["camelCaseAttributes"],"mappings":"AAGK,MAACA,IAAsB,oBAAI,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra867.js","sources":["../node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs"],"sourcesContent":["import { invariant } from '../../utils/errors.mjs';\nimport { PanSession } from '../pan/PanSession.mjs';\nimport { getGlobalLock } from './utils/lock.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { applyConstraints, calcRelativeConstraints, resolveDragElastic, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, calcOrigin } from './utils/constraints.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { eachAxis } from '../../projection/utils/each-axis.mjs';\nimport { measurePageBox } from '../../projection/utils/measure.mjs';\nimport { extractEventInfo } from '../../events/event-info.mjs';\nimport { convertBoxToBoundingBox, convertBoundingBoxToBox } from '../../projection/geometry/conversion.mjs';\nimport { addDomEvent } from '../../events/add-dom-event.mjs';\nimport { calcLength } from '../../projection/geometry/delta-calc.mjs';\nimport { mix } from '../../utils/mix.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { animateMotionValue } from '../../animation/interfaces/motion-value.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst elementDragControls = new WeakMap();\n/**\n *\n */\n// let latestPointerEvent: PointerEvent\nclass VisualElementDragControls {\n    constructor(visualElement) {\n        // This is a reference to the global drag gesture lock, ensuring only one component\n        // can \"capture\" the drag of one or both axes.\n        // TODO: Look into moving this into pansession?\n        this.openGlobalLock = null;\n        this.isDragging = false;\n        this.currentDirection = null;\n        this.originPoint = { x: 0, y: 0 };\n        /**\n         * The permitted boundaries of travel, in pixels.\n         */\n        this.constraints = false;\n        this.hasMutatedConstraints = false;\n        /**\n         * The per-axis resolved elastic values.\n         */\n        this.elastic = createBox();\n        this.visualElement = visualElement;\n    }\n    start(originEvent, { snapToCursor = false } = {}) {\n        /**\n         * Don't start dragging if this component is exiting\n         */\n        const { presenceContext } = this.visualElement;\n        if (presenceContext && presenceContext.isPresent === false)\n            return;\n        const onSessionStart = (event) => {\n            const { dragSnapToOrigin } = this.getProps();\n            // Stop or pause any animations on both axis values immediately. This allows the user to throw and catch\n            // the component.\n            dragSnapToOrigin ? this.pauseAnimation() : this.stopAnimation();\n            if (snapToCursor) {\n                this.snapToCursor(extractEventInfo(event, \"page\").point);\n            }\n        };\n        const onStart = (event, info) => {\n            // Attempt to grab the global drag gesture lock - maybe make this part of PanSession\n            const { drag, dragPropagation, onDragStart } = this.getProps();\n            if (drag && !dragPropagation) {\n                if (this.openGlobalLock)\n                    this.openGlobalLock();\n                this.openGlobalLock = getGlobalLock(drag);\n                // If we don 't have the lock, don't start dragging\n                if (!this.openGlobalLock)\n                    return;\n            }\n            this.isDragging = true;\n            this.currentDirection = null;\n            this.resolveConstraints();\n            if (this.visualElement.projection) {\n                this.visualElement.projection.isAnimationBlocked = true;\n                this.visualElement.projection.target = undefined;\n            }\n            /**\n             * Record gesture origin\n             */\n            eachAxis((axis) => {\n                let current = this.getAxisMotionValue(axis).get() || 0;\n                /**\n                 * If the MotionValue is a percentage value convert to px\n                 */\n                if (percent.test(current)) {\n                    const { projection } = this.visualElement;\n                    if (projection && projection.layout) {\n                        const measuredAxis = projection.layout.layoutBox[axis];\n                        if (measuredAxis) {\n                            const length = calcLength(measuredAxis);\n                            current = length * (parseFloat(current) / 100);\n                        }\n                    }\n                }\n                this.originPoint[axis] = current;\n            });\n            // Fire onDragStart event\n            if (onDragStart) {\n                frame.update(() => onDragStart(event, info), false, true);\n            }\n            const { animationState } = this.visualElement;\n            animationState && animationState.setActive(\"whileDrag\", true);\n        };\n        const onMove = (event, info) => {\n            // latestPointerEvent = event\n            const { dragPropagation, dragDirectionLock, onDirectionLock, onDrag, } = this.getProps();\n            // If we didn't successfully receive the gesture lock, early return.\n            if (!dragPropagation && !this.openGlobalLock)\n                return;\n            const { offset } = info;\n            // Attempt to detect drag direction if directionLock is true\n            if (dragDirectionLock && this.currentDirection === null) {\n                this.currentDirection = getCurrentDirection(offset);\n                // If we've successfully set a direction, notify listener\n                if (this.currentDirection !== null) {\n                    onDirectionLock && onDirectionLock(this.currentDirection);\n                }\n                return;\n            }\n            // Update each point with the latest position\n            this.updateAxis(\"x\", info.point, offset);\n            this.updateAxis(\"y\", info.point, offset);\n            /**\n             * Ideally we would leave the renderer to fire naturally at the end of\n             * this frame but if the element is about to change layout as the result\n             * of a re-render we want to ensure the browser can read the latest\n             * bounding box to ensure the pointer and element don't fall out of sync.\n             */\n            this.visualElement.render();\n            /**\n             * This must fire after the render call as it might trigger a state\n             * change which itself might trigger a layout update.\n             */\n            onDrag && onDrag(event, info);\n        };\n        const onSessionEnd = (event, info) => this.stop(event, info);\n        const resumeAnimation = () => eachAxis((axis) => {\n            var _a;\n            return this.getAnimationState(axis) === \"paused\" &&\n                ((_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.play());\n        });\n        const { dragSnapToOrigin } = this.getProps();\n        this.panSession = new PanSession(originEvent, {\n            onSessionStart,\n            onStart,\n            onMove,\n            onSessionEnd,\n            resumeAnimation,\n        }, {\n            transformPagePoint: this.visualElement.getTransformPagePoint(),\n            dragSnapToOrigin,\n            contextWindow: getContextWindow(this.visualElement),\n        });\n    }\n    stop(event, info) {\n        const isDragging = this.isDragging;\n        this.cancel();\n        if (!isDragging)\n            return;\n        const { velocity } = info;\n        this.startAnimation(velocity);\n        const { onDragEnd } = this.getProps();\n        if (onDragEnd) {\n            frame.update(() => onDragEnd(event, info));\n        }\n    }\n    cancel() {\n        this.isDragging = false;\n        const { projection, animationState } = this.visualElement;\n        if (projection) {\n            projection.isAnimationBlocked = false;\n        }\n        this.panSession && this.panSession.end();\n        this.panSession = undefined;\n        const { dragPropagation } = this.getProps();\n        if (!dragPropagation && this.openGlobalLock) {\n            this.openGlobalLock();\n            this.openGlobalLock = null;\n        }\n        animationState && animationState.setActive(\"whileDrag\", false);\n    }\n    updateAxis(axis, _point, offset) {\n        const { drag } = this.getProps();\n        // If we're not dragging this axis, do an early return.\n        if (!offset || !shouldDrag(axis, drag, this.currentDirection))\n            return;\n        const axisValue = this.getAxisMotionValue(axis);\n        let next = this.originPoint[axis] + offset[axis];\n        // Apply constraints\n        if (this.constraints && this.constraints[axis]) {\n            next = applyConstraints(next, this.constraints[axis], this.elastic[axis]);\n        }\n        axisValue.set(next);\n    }\n    resolveConstraints() {\n        var _a;\n        const { dragConstraints, dragElastic } = this.getProps();\n        const layout = this.visualElement.projection &&\n            !this.visualElement.projection.layout\n            ? this.visualElement.projection.measure(false)\n            : (_a = this.visualElement.projection) === null || _a === void 0 ? void 0 : _a.layout;\n        const prevConstraints = this.constraints;\n        if (dragConstraints && isRefObject(dragConstraints)) {\n            if (!this.constraints) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        }\n        else {\n            if (dragConstraints && layout) {\n                this.constraints = calcRelativeConstraints(layout.layoutBox, dragConstraints);\n            }\n            else {\n                this.constraints = false;\n            }\n        }\n        this.elastic = resolveDragElastic(dragElastic);\n        /**\n         * If we're outputting to external MotionValues, we want to rebase the measured constraints\n         * from viewport-relative to component-relative.\n         */\n        if (prevConstraints !== this.constraints &&\n            layout &&\n            this.constraints &&\n            !this.hasMutatedConstraints) {\n            eachAxis((axis) => {\n                if (this.getAxisMotionValue(axis)) {\n                    this.constraints[axis] = rebaseAxisConstraints(layout.layoutBox[axis], this.constraints[axis]);\n                }\n            });\n        }\n    }\n    resolveRefConstraints() {\n        const { dragConstraints: constraints, onMeasureDragConstraints } = this.getProps();\n        if (!constraints || !isRefObject(constraints))\n            return false;\n        const constraintsElement = constraints.current;\n        invariant(constraintsElement !== null, \"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.\");\n        const { projection } = this.visualElement;\n        // TODO\n        if (!projection || !projection.layout)\n            return false;\n        const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());\n        let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);\n        /**\n         * If there's an onMeasureDragConstraints listener we call it and\n         * if different constraints are returned, set constraints to that\n         */\n        if (onMeasureDragConstraints) {\n            const userConstraints = onMeasureDragConstraints(convertBoxToBoundingBox(measuredConstraints));\n            this.hasMutatedConstraints = !!userConstraints;\n            if (userConstraints) {\n                measuredConstraints = convertBoundingBoxToBox(userConstraints);\n            }\n        }\n        return measuredConstraints;\n    }\n    startAnimation(velocity) {\n        const { drag, dragMomentum, dragElastic, dragTransition, dragSnapToOrigin, onDragTransitionEnd, } = this.getProps();\n        const constraints = this.constraints || {};\n        const momentumAnimations = eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, this.currentDirection)) {\n                return;\n            }\n            let transition = (constraints && constraints[axis]) || {};\n            if (dragSnapToOrigin)\n                transition = { min: 0, max: 0 };\n            /**\n             * Overdamp the boundary spring if `dragElastic` is disabled. There's still a frame\n             * of spring animations so we should look into adding a disable spring option to `inertia`.\n             * We could do something here where we affect the `bounceStiffness` and `bounceDamping`\n             * using the value of `dragElastic`.\n             */\n            const bounceStiffness = dragElastic ? 200 : 1000000;\n            const bounceDamping = dragElastic ? 40 : 10000000;\n            const inertia = {\n                type: \"inertia\",\n                velocity: dragMomentum ? velocity[axis] : 0,\n                bounceStiffness,\n                bounceDamping,\n                timeConstant: 750,\n                restDelta: 1,\n                restSpeed: 10,\n                ...dragTransition,\n                ...transition,\n            };\n            // If we're not animating on an externally-provided `MotionValue` we can use the\n            // component's animation controls which will handle interactions with whileHover (etc),\n            // otherwise we just have to animate the `MotionValue` itself.\n            return this.startAxisValueAnimation(axis, inertia);\n        });\n        // Run all animations and then resolve the new drag constraints.\n        return Promise.all(momentumAnimations).then(onDragTransitionEnd);\n    }\n    startAxisValueAnimation(axis, transition) {\n        const axisValue = this.getAxisMotionValue(axis);\n        return axisValue.start(animateMotionValue(axis, axisValue, 0, transition));\n    }\n    stopAnimation() {\n        eachAxis((axis) => this.getAxisMotionValue(axis).stop());\n    }\n    pauseAnimation() {\n        eachAxis((axis) => { var _a; return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.pause(); });\n    }\n    getAnimationState(axis) {\n        var _a;\n        return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.state;\n    }\n    /**\n     * Drag works differently depending on which props are provided.\n     *\n     * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.\n     * - Otherwise, we apply the delta to the x/y motion values.\n     */\n    getAxisMotionValue(axis) {\n        const dragKey = \"_drag\" + axis.toUpperCase();\n        const props = this.visualElement.getProps();\n        const externalMotionValue = props[dragKey];\n        return externalMotionValue\n            ? externalMotionValue\n            : this.visualElement.getValue(axis, (props.initial ? props.initial[axis] : undefined) || 0);\n    }\n    snapToCursor(point) {\n        eachAxis((axis) => {\n            const { drag } = this.getProps();\n            // If we're not dragging this axis, do an early return.\n            if (!shouldDrag(axis, drag, this.currentDirection))\n                return;\n            const { projection } = this.visualElement;\n            const axisValue = this.getAxisMotionValue(axis);\n            if (projection && projection.layout) {\n                const { min, max } = projection.layout.layoutBox[axis];\n                axisValue.set(point[axis] - mix(min, max, 0.5));\n            }\n        });\n    }\n    /**\n     * When the viewport resizes we want to check if the measured constraints\n     * have changed and, if so, reposition the element within those new constraints\n     * relative to where it was before the resize.\n     */\n    scalePositionWithinConstraints() {\n        if (!this.visualElement.current)\n            return;\n        const { drag, dragConstraints } = this.getProps();\n        const { projection } = this.visualElement;\n        if (!isRefObject(dragConstraints) || !projection || !this.constraints)\n            return;\n        /**\n         * Stop current animations as there can be visual glitching if we try to do\n         * this mid-animation\n         */\n        this.stopAnimation();\n        /**\n         * Record the relative position of the dragged element relative to the\n         * constraints box and save as a progress value.\n         */\n        const boxProgress = { x: 0, y: 0 };\n        eachAxis((axis) => {\n            const axisValue = this.getAxisMotionValue(axis);\n            if (axisValue) {\n                const latest = axisValue.get();\n                boxProgress[axis] = calcOrigin({ min: latest, max: latest }, this.constraints[axis]);\n            }\n        });\n        /**\n         * Update the layout of this element and resolve the latest drag constraints\n         */\n        const { transformTemplate } = this.visualElement.getProps();\n        this.visualElement.current.style.transform = transformTemplate\n            ? transformTemplate({}, \"\")\n            : \"none\";\n        projection.root && projection.root.updateScroll();\n        projection.updateLayout();\n        this.resolveConstraints();\n        /**\n         * For each axis, calculate the current progress of the layout axis\n         * within the new constraints.\n         */\n        eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, null))\n                return;\n            /**\n             * Calculate a new transform based on the previous box progress\n             */\n            const axisValue = this.getAxisMotionValue(axis);\n            const { min, max } = this.constraints[axis];\n            axisValue.set(mix(min, max, boxProgress[axis]));\n        });\n    }\n    addListeners() {\n        if (!this.visualElement.current)\n            return;\n        elementDragControls.set(this.visualElement, this);\n        const element = this.visualElement.current;\n        /**\n         * Attach a pointerdown event listener on this DOM element to initiate drag tracking.\n         */\n        const stopPointerListener = addPointerEvent(element, \"pointerdown\", (event) => {\n            const { drag, dragListener = true } = this.getProps();\n            drag && dragListener && this.start(event);\n        });\n        const measureDragConstraints = () => {\n            const { dragConstraints } = this.getProps();\n            if (isRefObject(dragConstraints)) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        };\n        const { projection } = this.visualElement;\n        const stopMeasureLayoutListener = projection.addEventListener(\"measure\", measureDragConstraints);\n        if (projection && !projection.layout) {\n            projection.root && projection.root.updateScroll();\n            projection.updateLayout();\n        }\n        measureDragConstraints();\n        /**\n         * Attach a window resize listener to scale the draggable target within its defined\n         * constraints as the window resizes.\n         */\n        const stopResizeListener = addDomEvent(window, \"resize\", () => this.scalePositionWithinConstraints());\n        /**\n         * If the element's layout changes, calculate the delta and apply that to\n         * the drag gesture's origin point.\n         */\n        const stopLayoutUpdateListener = projection.addEventListener(\"didUpdate\", (({ delta, hasLayoutChanged }) => {\n            if (this.isDragging && hasLayoutChanged) {\n                eachAxis((axis) => {\n                    const motionValue = this.getAxisMotionValue(axis);\n                    if (!motionValue)\n                        return;\n                    this.originPoint[axis] += delta[axis].translate;\n                    motionValue.set(motionValue.get() + delta[axis].translate);\n                });\n                this.visualElement.render();\n            }\n        }));\n        return () => {\n            stopResizeListener();\n            stopPointerListener();\n            stopMeasureLayoutListener();\n            stopLayoutUpdateListener && stopLayoutUpdateListener();\n        };\n    }\n    getProps() {\n        const props = this.visualElement.getProps();\n        const { drag = false, dragDirectionLock = false, dragPropagation = false, dragConstraints = false, dragElastic = defaultElastic, dragMomentum = true, } = props;\n        return {\n            ...props,\n            drag,\n            dragDirectionLock,\n            dragPropagation,\n            dragConstraints,\n            dragElastic,\n            dragMomentum,\n        };\n    }\n}\nfunction shouldDrag(direction, drag, currentDirection) {\n    return ((drag === true || drag === direction) &&\n        (currentDirection === null || currentDirection === direction));\n}\n/**\n * Based on an x/y offset determine the current drag direction. If both axis' offsets are lower\n * than the provided threshold, return `null`.\n *\n * @param offset - The x/y offset from origin.\n * @param lockThreshold - (Optional) - the minimum absolute offset before we can determine a drag direction.\n */\nfunction getCurrentDirection(offset, lockThreshold = 10) {\n    let direction = null;\n    if (Math.abs(offset.y) > lockThreshold) {\n        direction = \"y\";\n    }\n    else if (Math.abs(offset.x) > lockThreshold) {\n        direction = \"x\";\n    }\n    return direction;\n}\n\nexport { VisualElementDragControls, elementDragControls };\n"],"names":["elementDragControls","VisualElementDragControls","visualElement","createBox","originEvent","snapToCursor","presenceContext","onSessionStart","event","dragSnapToOrigin","extractEventInfo","onStart","info","drag","dragPropagation","onDragStart","getGlobalLock","eachAxis","axis","current","percent","projection","measuredAxis","calcLength","frame","animationState","onMove","dragDirectionLock","onDirectionLock","onDrag","offset","getCurrentDirection","onSessionEnd","resumeAnimation","_a","PanSession","getContextWindow","isDragging","velocity","onDragEnd","_point","shouldDrag","axisValue","next","applyConstraints","dragConstraints","dragElastic","layout","prevConstraints","isRefObject","calcRelativeConstraints","resolveDragElastic","rebaseAxisConstraints","constraints","onMeasureDragConstraints","constraintsElement","invariant","constraintsBox","measurePageBox","measuredConstraints","calcViewportConstraints","userConstraints","convertBoxToBoundingBox","convertBoundingBoxToBox","dragMomentum","dragTransition","onDragTransitionEnd","momentumAnimations","transition","bounceStiffness","bounceDamping","inertia","animateMotionValue","dragKey","props","externalMotionValue","point","min","max","mix","boxProgress","latest","calcOrigin","transformTemplate","element","stopPointerListener","addPointerEvent","dragListener","measureDragConstraints","stopMeasureLayoutListener","stopResizeListener","addDomEvent","stopLayoutUpdateListener","delta","hasLayoutChanged","motionValue","defaultElastic","direction","currentDirection","lockThreshold"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra868.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("./lyra804.cjs"),k=require("./lyra805.cjs"),w=require("./lyra907.cjs"),P=require("./lyra715.cjs"),d=require("./lyra722.cjs"),C=require("./lyra886.cjs"),K=require("./lyra731.cjs"),b=require("./lyra712.cjs"),V=C.memo(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),v=new Set(["opacity","clipPath","filter","transform","backgroundColor"]),o=10,x=2e4,D=(i,r)=>r.type==="spring"||i==="backgroundColor"||!k.isWaapiSupportedEasing(r.ease);function O(i,r,{onUpdate:W,onComplete:p,...n}){if(!(V()&&v.has(r)&&!n.repeatDelay&&n.repeatType!=="mirror"&&n.damping!==0&&n.type!=="inertia"))return!1;let f=!1,y,g,s=!1;const h=()=>{g=new Promise(e=>{y=e})};h();let{keyframes:c,duration:m=300,ease:A,times:q}=n;if(D(r,n)){const e=P.animateValue({...n,repeat:0,delay:0});let a={done:!1,value:c[0]};const T=[];let l=0;for(;!a.done&&l<x;)a=e.sample(l),T.push(a.value),l+=o;q=void 0,c=T,m=l-o,A="linear"}const t=F.animateStyle(i.owner.current,r,c,{...n,duration:m,ease:A,times:q}),S=()=>{s=!1,t.cancel()},u=()=>{s=!0,b.frame.update(S),y(),h()};return t.onfinish=()=>{s||(i.set(w.getFinalKeyframe(c,n)),p&&p(),u())},{then(e,a){return g.then(e,a)},attachTimeline(e){return t.timeline=e,t.onfinish=null,K.noop},get time(){return d.millisecondsToSeconds(t.currentTime||0)},set time(e){t.currentTime=d.secondsToMilliseconds(e)},get speed(){return t.playbackRate},set speed(e){t.playbackRate=e},get duration(){return d.millisecondsToSeconds(m)},play:()=>{f||(t.play(),b.cancelFrame(S))},pause:()=>t.pause(),stop:()=>{if(f=!0,t.playState==="idle")return;const{currentTime:e}=t;if(e){const a=P.animateValue({...n,autoplay:!1});i.setWithVelocity(a.sample(e-o).value,a.sample(e).value,o)}u()},complete:()=>{s||t.finish()},cancel:u}}exports.createAcceleratedAnimation=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./lyra774.cjs"),x=require("./lyra722.cjs"),v=require("./lyra772.cjs"),q=require("./lyra745.cjs"),D=require("./lyra755.cjs"),T=require("./lyra775.cjs"),u=require("./lyra712.cjs");class W{constructor(n,o,{transformPagePoint:i,contextWindow:r,dragSnapToOrigin:h=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const e=P(this.lastMoveEventInfo,this.history),a=this.startEvent!==null,l=D.distance2D(e.offset,{x:0,y:0})>=3;if(!a&&!l)return;const{point:d}=e,{timestamp:f}=u.frameData;this.history.push({...d,timestamp:f});const{onStart:c,onMove:y}=this.handlers;a||(c&&c(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),y&&y(this.lastMoveEvent,e)},this.handlePointerMove=(e,a)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=m(a,this.transformPagePoint),u.frame.update(this.updatePoint,!0)},this.handlePointerUp=(e,a)=>{this.end();const{onEnd:l,onSessionEnd:d,resumeAnimation:f}=this.handlers;if(this.dragSnapToOrigin&&f&&f(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const c=P(e.type==="pointercancel"?this.lastMoveEventInfo:m(a,this.transformPagePoint),this.history);this.startEvent&&l&&l(e,c),d&&d(e,c)},!T.isPrimaryPointer(n))return;this.dragSnapToOrigin=h,this.handlers=o,this.transformPagePoint=i,this.contextWindow=r||window;const s=w.extractEventInfo(n),p=m(s,this.transformPagePoint),{point:I}=p,{timestamp:S}=u.frameData;this.history=[{...I,timestamp:S}];const{onSessionStart:E}=o;E&&E(n,P(p,this.history)),this.removeListeners=q.pipe(v.addPointerEvent(this.contextWindow,"pointermove",this.handlePointerMove),v.addPointerEvent(this.contextWindow,"pointerup",this.handlePointerUp),v.addPointerEvent(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(n){this.handlers=n}end(){this.removeListeners&&this.removeListeners(),u.cancelFrame(this.updatePoint)}}function m(t,n){return n?{point:n(t.point)}:t}function M(t,n){return{x:t.x-n.x,y:t.y-n.y}}function P({point:t},n){return{point:t,delta:M(t,g(n)),offset:M(t,b(n)),velocity:L(n,.1)}}function b(t){return t[0]}function g(t){return t[t.length-1]}function L(t,n){if(t.length<2)return{x:0,y:0};let o=t.length-1,i=null;const r=g(t);for(;o>=0&&(i=t[o],!(r.timestamp-i.timestamp>x.secondsToMilliseconds(n)));)o--;if(!i)return{x:0,y:0};const h=x.millisecondsToSeconds(r.timestamp-i.timestamp);if(h===0)return{x:0,y:0};const s={x:(r.x-i.x)/h,y:(r.y-i.y)/h};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}exports.PanSession=W;

package/dist/lyra868.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra868.cjs","sources":["../node_modules/framer-motion/dist/es/animation/animators/waapi/create-accelerated-animation.mjs"],"sourcesContent":["import { animateStyle } from './index.mjs';\nimport { isWaapiSupportedEasing } from './easing.mjs';\nimport { getFinalKeyframe } from './utils/get-final-keyframe.mjs';\nimport { animateValue } from '../js/index.mjs';\nimport { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';\nimport { memo } from '../../../utils/memo.mjs';\nimport { noop } from '../../../utils/noop.mjs';\nimport { frame, cancelFrame } from '../../../frameloop/frame.mjs';\n\nconst supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, \"animate\"));\n/**\n * A list of values that can be hardware-accelerated.\n */\nconst acceleratedValues = new Set([\n    \"opacity\",\n    \"clipPath\",\n    \"filter\",\n    \"transform\",\n    \"backgroundColor\",\n]);\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10; //ms\n/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxDuration = 20000;\nconst requiresPregeneratedKeyframes = (valueName, options) => options.type === \"spring\" ||\n    valueName === \"backgroundColor\" ||\n    !isWaapiSupportedEasing(options.ease);\nfunction createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ...options }) {\n    const canAccelerateAnimation = supportsWaapi() &&\n        acceleratedValues.has(valueName) &&\n        !options.repeatDelay &&\n        options.repeatType !== \"mirror\" &&\n        options.damping !== 0 &&\n        options.type !== \"inertia\";\n    if (!canAccelerateAnimation)\n        return false;\n    /**\n     * TODO: Unify with js/index\n     */\n    let hasStopped = false;\n    let resolveFinishedPromise;\n    let currentFinishedPromise;\n    /**\n     * Cancelling an animation will write to the DOM. For safety we want to defer\n     * this until the next `update` frame lifecycle. This flag tracks whether we\n     * have a pending cancel, if so we shouldn't allow animations to finish.\n     */\n    let pendingCancel = false;\n    /**\n     * Resolve the current Promise every time we enter the\n     * finished state. This is WAAPI-compatible behaviour.\n     */\n    const updateFinishedPromise = () => {\n        currentFinishedPromise = new Promise((resolve) => {\n            resolveFinishedPromise = resolve;\n        });\n    };\n    // Create the first finished promise\n    updateFinishedPromise();\n    let { keyframes, duration = 300, ease, times } = options;\n    /**\n     * If this animation needs pre-generated keyframes then generate.\n     */\n    if (requiresPregeneratedKeyframes(valueName, options)) {\n        const sampleAnimation = animateValue({\n            ...options,\n            repeat: 0,\n            delay: 0,\n        });\n        let state = { done: false, value: keyframes[0] };\n        const pregeneratedKeyframes = [];\n        /**\n         * Bail after 20 seconds of pre-generated keyframes as it's likely\n         * we're heading for an infinite loop.\n         */\n        let t = 0;\n        while (!state.done && t < maxDuration) {\n            state = sampleAnimation.sample(t);\n            pregeneratedKeyframes.push(state.value);\n            t += sampleDelta;\n        }\n        times = undefined;\n        keyframes = pregeneratedKeyframes;\n        duration = t - sampleDelta;\n        ease = \"linear\";\n    }\n    const animation = animateStyle(value.owner.current, valueName, keyframes, {\n        ...options,\n        duration,\n        /**\n         * This function is currently not called if ease is provided\n         * as a function so the cast is safe.\n         *\n         * However it would be possible for a future refinement to port\n         * in easing pregeneration from Motion One for browsers that\n         * support the upcoming `linear()` easing function.\n         */\n        ease: ease,\n        times,\n    });\n    const cancelAnimation = () => {\n        pendingCancel = false;\n        animation.cancel();\n    };\n    const safeCancel = () => {\n        pendingCancel = true;\n        frame.update(cancelAnimation);\n        resolveFinishedPromise();\n        updateFinishedPromise();\n    };\n    /**\n     * Prefer the `onfinish` prop as it's more widely supported than\n     * the `finished` promise.\n     *\n     * Here, we synchronously set the provided MotionValue to the end\n     * keyframe. If we didn't, when the WAAPI animation is finished it would\n     * be removed from the element which would then revert to its old styles.\n     */\n    animation.onfinish = () => {\n        if (pendingCancel)\n            return;\n        value.set(getFinalKeyframe(keyframes, options));\n        onComplete && onComplete();\n        safeCancel();\n    };\n    /**\n     * Animation interrupt callback.\n     */\n    const controls = {\n        then(resolve, reject) {\n            return currentFinishedPromise.then(resolve, reject);\n        },\n        attachTimeline(timeline) {\n            animation.timeline = timeline;\n            animation.onfinish = null;\n            return noop;\n        },\n        get time() {\n            return millisecondsToSeconds(animation.currentTime || 0);\n        },\n        set time(newTime) {\n            animation.currentTime = secondsToMilliseconds(newTime);\n        },\n        get speed() {\n            return animation.playbackRate;\n        },\n        set speed(newSpeed) {\n            animation.playbackRate = newSpeed;\n        },\n        get duration() {\n            return millisecondsToSeconds(duration);\n        },\n        play: () => {\n            if (hasStopped)\n                return;\n            animation.play();\n            /**\n             * Cancel any pending cancel tasks\n             */\n            cancelFrame(cancelAnimation);\n        },\n        pause: () => animation.pause(),\n        stop: () => {\n            hasStopped = true;\n            if (animation.playState === \"idle\")\n                return;\n            /**\n             * WAAPI doesn't natively have any interruption capabilities.\n             *\n             * Rather than read commited styles back out of the DOM, we can\n             * create a renderless JS animation and sample it twice to calculate\n             * its current value, \"previous\" value, and therefore allow\n             * Motion to calculate velocity for any subsequent animation.\n             */\n            const { currentTime } = animation;\n            if (currentTime) {\n                const sampleAnimation = animateValue({\n                    ...options,\n                    autoplay: false,\n                });\n                value.setWithVelocity(sampleAnimation.sample(currentTime - sampleDelta).value, sampleAnimation.sample(currentTime).value, sampleDelta);\n            }\n            safeCancel();\n        },\n        complete: () => {\n            if (pendingCancel)\n                return;\n            animation.finish();\n        },\n        cancel: safeCancel,\n    };\n    return controls;\n}\n\nexport { createAcceleratedAnimation };\n"],"names":["supportsWaapi","memo","acceleratedValues","sampleDelta","maxDuration","requiresPregeneratedKeyframes","valueName","options","isWaapiSupportedEasing","createAcceleratedAnimation","value","onUpdate","onComplete","hasStopped","resolveFinishedPromise","currentFinishedPromise","pendingCancel","updateFinishedPromise","resolve","keyframes","duration","ease","times","sampleAnimation","animateValue","state","pregeneratedKeyframes","t","animation","animateStyle","cancelAnimation","safeCancel","frame","getFinalKeyframe","reject","timeline","noop","millisecondsToSeconds","newTime","secondsToMilliseconds","newSpeed","cancelFrame","currentTime"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra868.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs"],"sourcesContent":["import { extractEventInfo } from '../../events/event-info.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../utils/time-conversion.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { pipe } from '../../utils/pipe.mjs';\nimport { distance2D } from '../../utils/distance.mjs';\nimport { isPrimaryPointer } from '../../events/utils/is-primary-pointer.mjs';\nimport { frame, cancelFrame, frameData } from '../../frameloop/frame.mjs';\n\n/**\n * @internal\n */\nclass PanSession {\n    constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {\n        /**\n         * @internal\n         */\n        this.startEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEventInfo = null;\n        /**\n         * @internal\n         */\n        this.handlers = {};\n        /**\n         * @internal\n         */\n        this.contextWindow = window;\n        this.updatePoint = () => {\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const info = getPanInfo(this.lastMoveEventInfo, this.history);\n            const isPanStarted = this.startEvent !== null;\n            // Only start panning if the offset is larger than 3 pixels. If we make it\n            // any larger than this we'll want to reset the pointer history\n            // on the first update to avoid visual snapping to the cursoe.\n            const isDistancePastThreshold = distance2D(info.offset, { x: 0, y: 0 }) >= 3;\n            if (!isPanStarted && !isDistancePastThreshold)\n                return;\n            const { point } = info;\n            const { timestamp } = frameData;\n            this.history.push({ ...point, timestamp });\n            const { onStart, onMove } = this.handlers;\n            if (!isPanStarted) {\n                onStart && onStart(this.lastMoveEvent, info);\n                this.startEvent = this.lastMoveEvent;\n            }\n            onMove && onMove(this.lastMoveEvent, info);\n        };\n        this.handlePointerMove = (event, info) => {\n            this.lastMoveEvent = event;\n            this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);\n            // Throttle mouse move event to once per frame\n            frame.update(this.updatePoint, true);\n        };\n        this.handlePointerUp = (event, info) => {\n            this.end();\n            const { onEnd, onSessionEnd, resumeAnimation } = this.handlers;\n            if (this.dragSnapToOrigin)\n                resumeAnimation && resumeAnimation();\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const panInfo = getPanInfo(event.type === \"pointercancel\"\n                ? this.lastMoveEventInfo\n                : transformPoint(info, this.transformPagePoint), this.history);\n            if (this.startEvent && onEnd) {\n                onEnd(event, panInfo);\n            }\n            onSessionEnd && onSessionEnd(event, panInfo);\n        };\n        // If we have more than one touch, don't start detecting this gesture\n        if (!isPrimaryPointer(event))\n            return;\n        this.dragSnapToOrigin = dragSnapToOrigin;\n        this.handlers = handlers;\n        this.transformPagePoint = transformPagePoint;\n        this.contextWindow = contextWindow || window;\n        const info = extractEventInfo(event);\n        const initialInfo = transformPoint(info, this.transformPagePoint);\n        const { point } = initialInfo;\n        const { timestamp } = frameData;\n        this.history = [{ ...point, timestamp }];\n        const { onSessionStart } = handlers;\n        onSessionStart &&\n            onSessionStart(event, getPanInfo(initialInfo, this.history));\n        this.removeListeners = pipe(addPointerEvent(this.contextWindow, \"pointermove\", this.handlePointerMove), addPointerEvent(this.contextWindow, \"pointerup\", this.handlePointerUp), addPointerEvent(this.contextWindow, \"pointercancel\", this.handlePointerUp));\n    }\n    updateHandlers(handlers) {\n        this.handlers = handlers;\n    }\n    end() {\n        this.removeListeners && this.removeListeners();\n        cancelFrame(this.updatePoint);\n    }\n}\nfunction transformPoint(info, transformPagePoint) {\n    return transformPagePoint ? { point: transformPagePoint(info.point) } : info;\n}\nfunction subtractPoint(a, b) {\n    return { x: a.x - b.x, y: a.y - b.y };\n}\nfunction getPanInfo({ point }, history) {\n    return {\n        point,\n        delta: subtractPoint(point, lastDevicePoint(history)),\n        offset: subtractPoint(point, startDevicePoint(history)),\n        velocity: getVelocity(history, 0.1),\n    };\n}\nfunction startDevicePoint(history) {\n    return history[0];\n}\nfunction lastDevicePoint(history) {\n    return history[history.length - 1];\n}\nfunction getVelocity(history, timeDelta) {\n    if (history.length < 2) {\n        return { x: 0, y: 0 };\n    }\n    let i = history.length - 1;\n    let timestampedPoint = null;\n    const lastPoint = lastDevicePoint(history);\n    while (i >= 0) {\n        timestampedPoint = history[i];\n        if (lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta)) {\n            break;\n        }\n        i--;\n    }\n    if (!timestampedPoint) {\n        return { x: 0, y: 0 };\n    }\n    const time = millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);\n    if (time === 0) {\n        return { x: 0, y: 0 };\n    }\n    const currentVelocity = {\n        x: (lastPoint.x - timestampedPoint.x) / time,\n        y: (lastPoint.y - timestampedPoint.y) / time,\n    };\n    if (currentVelocity.x === Infinity) {\n        currentVelocity.x = 0;\n    }\n    if (currentVelocity.y === Infinity) {\n        currentVelocity.y = 0;\n    }\n    return currentVelocity;\n}\n\nexport { PanSession };\n"],"names":["PanSession","event","handlers","transformPagePoint","contextWindow","dragSnapToOrigin","info","getPanInfo","isPanStarted","isDistancePastThreshold","distance2D","point","timestamp","frameData","onStart","onMove","transformPoint","frame","onEnd","onSessionEnd","resumeAnimation","panInfo","isPrimaryPointer","extractEventInfo","initialInfo","onSessionStart","pipe","addPointerEvent","cancelFrame","subtractPoint","a","b","history","lastDevicePoint","startDevicePoint","getVelocity","timeDelta","i","timestampedPoint","lastPoint","secondsToMilliseconds","time","millisecondsToSeconds","currentVelocity"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra868.js

@@ -1,107 +1,84 @@
-import { animateStyle as k } from "./lyra804.js";
-import { isWaapiSupportedEasing as w } from "./lyra805.js";
-import { getFinalKeyframe as F } from "./lyra907.js";
-import { animateValue as S } from "./lyra715.js";
-import { millisecondsToSeconds as b, secondsToMilliseconds as C } from "./lyra722.js";
-import { memo as D } from "./lyra886.js";
-import { noop as K } from "./lyra731.js";
-import { frame as V, cancelFrame as W } from "./lyra712.js";
-const x = D(() => Object.hasOwnProperty.call(Element.prototype, "animate")), E = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform",
-  "backgroundColor"
-]), c = 10, O = 2e4, R = (i, n) => n.type === "spring" || i === "backgroundColor" || !w(n.ease);
-function L(i, n, { onUpdate: j, onComplete: u, ...a }) {
-  if (!(x() && E.has(n) && !a.repeatDelay && a.repeatType !== "mirror" && a.damping !== 0 && a.type !== "inertia"))
-    return !1;
-  let f = !1, d, y, s = !1;
-  const h = () => {
-    y = new Promise((e) => {
-      d = e;
-    });
-  };
-  h();
-  let { keyframes: l, duration: m = 300, ease: g, times: A } = a;
-  if (R(n, a)) {
-    const e = S({
-      ...a,
-      repeat: 0,
-      delay: 0
-    });
-    let r = { done: !1, value: l[0] };
-    const T = [];
-    let o = 0;
-    for (; !r.done && o < O; )
-      r = e.sample(o), T.push(r.value), o += c;
-    A = void 0, l = T, m = o - c, g = "linear";
+import { extractEventInfo as w } from "./lyra774.js";
+import { secondsToMilliseconds as S, millisecondsToSeconds as D } from "./lyra722.js";
+import { addPointerEvent as d } from "./lyra772.js";
+import { pipe as T } from "./lyra745.js";
+import { distance2D as W } from "./lyra755.js";
+import { isPrimaryPointer as L } from "./lyra775.js";
+import { frame as U, cancelFrame as O, frameData as x } from "./lyra712.js";
+class B {
+  constructor(n, o, { transformPagePoint: e, contextWindow: r, dragSnapToOrigin: h = !1 } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const i = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = W(i.offset, { x: 0, y: 0 }) >= 3;
+      if (!a && !c)
+        return;
+      const { point: f } = i, { timestamp: m } = x;
+      this.history.push({ ...f, timestamp: m });
+      const { onStart: l, onMove: E } = this.handlers;
+      a || (l && l(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, i);
+    }, this.handlePointerMove = (i, a) => {
+      this.lastMoveEvent = i, this.lastMoveEventInfo = v(a, this.transformPagePoint), U.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (i, a) => {
+      this.end();
+      const { onEnd: c, onSessionEnd: f, resumeAnimation: m } = this.handlers;
+      if (this.dragSnapToOrigin && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const l = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
+      this.startEvent && c && c(i, l), f && f(i, l);
+    }, !L(n))
+      return;
+    this.dragSnapToOrigin = h, this.handlers = o, this.transformPagePoint = e, this.contextWindow = r || window;
+    const s = w(n), u = v(s, this.transformPagePoint), { point: g } = u, { timestamp: I } = x;
+    this.history = [{ ...g, timestamp: I }];
+    const { onSessionStart: P } = o;
+    P && P(n, p(u, this.history)), this.removeListeners = T(d(this.contextWindow, "pointermove", this.handlePointerMove), d(this.contextWindow, "pointerup", this.handlePointerUp), d(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
-  const t = k(i.owner.current, n, l, {
-    ...a,
-    duration: m,
-    /**
-     * This function is currently not called if ease is provided
-     * as a function so the cast is safe.
-     *
-     * However it would be possible for a future refinement to port
-     * in easing pregeneration from Motion One for browsers that
-     * support the upcoming `linear()` easing function.
-     */
-    ease: g,
-    times: A
-  }), P = () => {
-    s = !1, t.cancel();
-  }, p = () => {
-    s = !0, V.update(P), d(), h();
+  updateHandlers(n) {
+    this.handlers = n;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), O(this.updatePoint);
+  }
+}
+function v(t, n) {
+  return n ? { point: n(t.point) } : t;
+}
+function y(t, n) {
+  return { x: t.x - n.x, y: t.y - n.y };
+}
+function p({ point: t }, n) {
+  return {
+    point: t,
+    delta: y(t, M(n)),
+    offset: y(t, V(n)),
+    velocity: b(n, 0.1)
   };
-  return t.onfinish = () => {
-    s || (i.set(F(l, a)), u && u(), p());
-  }, {
-    then(e, r) {
-      return y.then(e, r);
-    },
-    attachTimeline(e) {
-      return t.timeline = e, t.onfinish = null, K;
-    },
-    get time() {
-      return b(t.currentTime || 0);
-    },
-    set time(e) {
-      t.currentTime = C(e);
-    },
-    get speed() {
-      return t.playbackRate;
-    },
-    set speed(e) {
-      t.playbackRate = e;
-    },
-    get duration() {
-      return b(m);
-    },
-    play: () => {
-      f || (t.play(), W(P));
-    },
-    pause: () => t.pause(),
-    stop: () => {
-      if (f = !0, t.playState === "idle")
-        return;
-      const { currentTime: e } = t;
-      if (e) {
-        const r = S({
-          ...a,
-          autoplay: !1
-        });
-        i.setWithVelocity(r.sample(e - c).value, r.sample(e).value, c);
-      }
-      p();
-    },
-    complete: () => {
-      s || t.finish();
-    },
-    cancel: p
+}
+function V(t) {
+  return t[0];
+}
+function M(t) {
+  return t[t.length - 1];
+}
+function b(t, n) {
+  if (t.length < 2)
+    return { x: 0, y: 0 };
+  let o = t.length - 1, e = null;
+  const r = M(t);
+  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > S(n))); )
+    o--;
+  if (!e)
+    return { x: 0, y: 0 };
+  const h = D(r.timestamp - e.timestamp);
+  if (h === 0)
+    return { x: 0, y: 0 };
+  const s = {
+    x: (r.x - e.x) / h,
+    y: (r.y - e.y) / h
   };
+  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
 }
 export {
-  L as createAcceleratedAnimation
+  B as PanSession
 };