@new-black/lyra 0.0.12 → 0.0.14

package/dist/lyra282.js

@@ -1,32 +1,21 @@
-import { circOut as R } from "./lyra187.js";
-import { progress as h } from "./lyra181.js";
-import { mix as f } from "./lyra179.js";
-import { noop as B } from "./lyra167.js";
-import { percent as p, px as L } from "./lyra169.js";
-const a = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], M = a.length, u = (t) => typeof t == "string" ? parseFloat(t) : t, d = (t) => typeof t == "number" || L.test(t);
-function $(t, i, o, n, x, b) {
-  x ? (t.opacity = f(
-    0,
-    // TODO Reinstate this if only child
-    o.opacity !== void 0 ? o.opacity : 1,
-    C(n)
-  ), t.opacityExit = f(i.opacity !== void 0 ? i.opacity : 1, 0, O(n))) : b && (t.opacity = f(i.opacity !== void 0 ? i.opacity : 1, o.opacity !== void 0 ? o.opacity : 1, n));
-  for (let s = 0; s < M; s++) {
-    const c = `border${a[s]}Radius`;
-    let r = m(i, c), e = m(o, c);
-    if (r === void 0 && e === void 0)
-      continue;
-    r || (r = 0), e || (e = 0), r === 0 || e === 0 || d(r) === d(e) ? (t[c] = Math.max(f(u(r), u(e), n), 0), (p.test(e) || p.test(r)) && (t[c] += "%")) : t[c] = e;
-  }
-  (i.rotate || o.rotate) && (t.rotate = f(i.rotate || 0, o.rotate || 0, n));
-}
-function m(t, i) {
-  return t[i] !== void 0 ? t[i] : t.borderRadius;
+const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
+  const r = c.get(e.target);
+  r && r(e);
+}, b = (e) => {
+  e.forEach(a);
+};
+function i({ root: e, ...r }) {
+  const t = e || document;
+  n.has(t) || n.set(t, {});
+  const s = n.get(t), o = JSON.stringify(r);
+  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
 }
-const C = y(0, 0.5, R), O = y(0.5, 0.95, B);
-function y(t, i, o) {
-  return (n) => n < t ? 0 : n > i ? 1 : o(h(t, i, n));
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
+  };
 }
 export {
-  $ as mixValues
+  v as observeIntersection
 };

package/dist/lyra283.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(o,t){o.min=t.min,o.max=t.max}function c(o,t){n(o.x,t.x),n(o.y,t.y)}exports.copyAxisInto=n;exports.copyBoxInto=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./lyra123.cjs"),b=require("./lyra284.cjs"),M=require("./lyra220.cjs"),E=require("./lyra148.cjs"),S=require("./lyra221.cjs"),d=require("./lyra318.cjs"),q=require("./lyra147.cjs"),g=require("./lyra306.cjs"),j=require("./lyra290.cjs"),k=require("./lyra223.cjs"),D=require("./lyra319.cjs"),B=require("./lyra222.cjs"),R=require("./lyra215.cjs"),x=require("./lyra193.cjs"),G=require("./lyra183.cjs"),T=require("./lyra249.cjs"),y=require("./lyra146.cjs"),L=new WeakMap;class w{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=q.createBox(),this.visualElement=t}start(t,{snapToCursor:e=!1}={}){const{presenceContext:s}=this.visualElement;if(s&&s.isPresent===!1)return;const n=r=>{this.stopAnimation(),e&&this.snapToCursor(k.extractEventInfo(r,"page").point)},o=(r,l)=>{const{drag:c,dragPropagation:u,onDragStart:p}=this.getProps();if(c&&!u&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=M.getGlobalLock(c),!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),g.eachAxis(h=>{let v=this.getAxisMotionValue(h).get()||0;if(G.percent.test(v)){const{projection:A}=this.visualElement;if(A&&A.layout){const C=A.layout.layoutBox[h];C&&(v=R.calcLength(C)*(parseFloat(v)/100))}}this.originPoint[h]=v}),p&&y.frame.update(()=>p(r,l),!1,!0);const{animationState:m}=this.visualElement;m&&m.setActive("whileDrag",!0)},i=(r,l)=>{const{dragPropagation:c,dragDirectionLock:u,onDirectionLock:p,onDrag:m}=this.getProps();if(!c&&!this.openGlobalLock)return;const{offset:h}=l;if(u&&this.currentDirection===null){this.currentDirection=O(h),this.currentDirection!==null&&p&&p(this.currentDirection);return}this.updateAxis("x",l.point,h),this.updateAxis("y",l.point,h),this.visualElement.render(),m&&m(r,l)},a=(r,l)=>this.stop(r,l);this.panSession=new b.PanSession(t,{onSessionStart:n,onStart:o,onMove:i,onSessionEnd:a},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const s=this.isDragging;if(this.cancel(),!s)return;const{velocity:n}=e;this.startAnimation(n);const{onDragEnd:o}=this.getProps();o&&y.frame.update(()=>o(t,e))}cancel(){this.isDragging=!1;const{projection:t,animationState:e}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),e&&e.setActive("whileDrag",!1)}updateAxis(t,e,s){const{drag:n}=this.getProps();if(!s||!P(t,n,this.currentDirection))return;const o=this.getAxisMotionValue(t);let i=this.originPoint[t]+s[t];this.constraints&&this.constraints[t]&&(i=d.applyConstraints(i,this.constraints[t],this.elastic[t])),o.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:s}=this.visualElement.projection||{},n=this.constraints;t&&E.isRefObject(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&s?this.constraints=d.calcRelativeConstraints(s.layoutBox,t):this.constraints=!1,this.elastic=d.resolveDragElastic(e),n!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&g.eachAxis(o=>{this.getAxisMotionValue(o)&&(this.constraints[o]=d.rebaseAxisConstraints(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!E.isRefObject(t))return!1;const s=t.current;V.invariant(s!==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 o=j.measurePageBox(s,n.root,this.visualElement.getTransformPagePoint());let i=d.calcViewportConstraints(n.layout.layoutBox,o);if(e){const a=e(D.convertBoxToBoundingBox(i));this.hasMutatedConstraints=!!a,a&&(i=D.convertBoundingBoxToBox(a))}return i}startAnimation(t){const{drag:e,dragMomentum:s,dragElastic:n,dragTransition:o,dragSnapToOrigin:i,onDragTransitionEnd:a}=this.getProps(),r=this.constraints||{},l=g.eachAxis(c=>{if(!P(c,e,this.currentDirection))return;let u=r&&r[c]||{};i&&(u={min:0,max:0});const p=n?200:1e6,m=n?40:1e7,h={type:"inertia",velocity:s?t[c]:0,bounceStiffness:p,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...o,...u};return this.startAxisValueAnimation(c,h)});return Promise.all(l).then(a)}startAxisValueAnimation(t,e){const s=this.getAxisMotionValue(t);return s.start(T.animateMotionValue(t,s,0,e))}stopAnimation(){g.eachAxis(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){const e="_drag"+t.toUpperCase(),s=this.visualElement.getProps(),n=s[e];return n||this.visualElement.getValue(t,(s.initial?s.initial[t]:void 0)||0)}snapToCursor(t){g.eachAxis(e=>{const{drag:s}=this.getProps();if(!P(e,s,this.currentDirection))return;const{projection:n}=this.visualElement,o=this.getAxisMotionValue(e);if(n&&n.layout){const{min:i,max:a}=n.layout.layoutBox[e];o.set(t[e]-x.mix(i,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:e}=this.getProps(),{projection:s}=this.visualElement;if(!E.isRefObject(e)||!s||!this.constraints)return;this.stopAnimation();const n={x:0,y:0};g.eachAxis(i=>{const a=this.getAxisMotionValue(i);if(a){const r=a.get();n[i]=d.calcOrigin({min:r,max:r},this.constraints[i])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),g.eachAxis(i=>{if(!P(i,t,null))return;const a=this.getAxisMotionValue(i),{min:r,max:l}=this.constraints[i];a.set(x.mix(r,l,n[i]))})}addListeners(){if(!this.visualElement.current)return;L.set(this.visualElement,this);const t=this.visualElement.current,e=S.addPointerEvent(t,"pointerdown",r=>{const{drag:l,dragListener:c=!0}=this.getProps();l&&c&&this.start(r)}),s=()=>{const{dragConstraints:r}=this.getProps();E.isRefObject(r)&&(this.constraints=this.resolveRefConstraints())},{projection:n}=this.visualElement,o=n.addEventListener("measure",s);n&&!n.layout&&(n.root&&n.root.updateScroll(),n.updateLayout()),s();const i=B.addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints()),a=n.addEventListener("didUpdate",({delta:r,hasLayoutChanged:l})=>{this.isDragging&&l&&(g.eachAxis(c=>{const u=this.getAxisMotionValue(c);u&&(this.originPoint[c]+=r[c].translate,u.set(u.get()+r[c].translate))}),this.visualElement.render())});return()=>{i(),e(),o(),a&&a()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:s=!1,dragPropagation:n=!1,dragConstraints:o=!1,dragElastic:i=d.defaultElastic,dragMomentum:a=!0}=t;return{...t,drag:e,dragDirectionLock:s,dragPropagation:n,dragConstraints:o,dragElastic:i,dragMomentum:a}}}function P(f,t,e){return(t===!0||t===f)&&(e===null||e===f)}function O(f,t=10){let e=null;return Math.abs(f.y)>t?e="y":Math.abs(f.x)>t&&(e="x"),e}exports.VisualElementDragControls=w;exports.elementDragControls=L;

package/dist/lyra283.js

@@ -1,10 +1,234 @@
-function c(n, t) {
-  n.min = t.min, n.max = t.max;
+import { invariant as y } from "./lyra123.js";
+import { PanSession as L } from "./lyra284.js";
+import { getGlobalLock as x } from "./lyra220.js";
+import { isRefObject as v } from "./lyra148.js";
+import { addPointerEvent as M } from "./lyra221.js";
+import { applyConstraints as V, calcRelativeConstraints as b, resolveDragElastic as S, calcViewportConstraints as B, rebaseAxisConstraints as k, calcOrigin as j, defaultElastic as G } from "./lyra318.js";
+import { createBox as T } from "./lyra147.js";
+import { eachAxis as g } from "./lyra306.js";
+import { measurePageBox as w } from "./lyra290.js";
+import { extractEventInfo as R } from "./lyra223.js";
+import { convertBoxToBoundingBox as O, convertBoundingBoxToBox as U } from "./lyra319.js";
+import { addDomEvent as W } from "./lyra222.js";
+import { calcLength as z } from "./lyra215.js";
+import { mix as D } from "./lyra193.js";
+import { percent as I } from "./lyra183.js";
+import { animateMotionValue as _ } from "./lyra249.js";
+import { frame as A } from "./lyra146.js";
+const F = /* @__PURE__ */ new WeakMap();
+class ct {
+  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 = T(), this.visualElement = t;
+  }
+  start(t, { snapToCursor: n = !1 } = {}) {
+    const { presenceContext: s } = this.visualElement;
+    if (s && s.isPresent === !1)
+      return;
+    const i = (r) => {
+      this.stopAnimation(), n && this.snapToCursor(R(r, "page").point);
+    }, e = (r, l) => {
+      const { drag: c, dragPropagation: u, onDragStart: p } = this.getProps();
+      if (c && !u && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = x(c), !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), g((h) => {
+        let d = this.getAxisMotionValue(h).get() || 0;
+        if (I.test(d)) {
+          const { projection: P } = this.visualElement;
+          if (P && P.layout) {
+            const C = P.layout.layoutBox[h];
+            C && (d = z(C) * (parseFloat(d) / 100));
+          }
+        }
+        this.originPoint[h] = d;
+      }), p && A.update(() => p(r, l), !1, !0);
+      const { animationState: m } = this.visualElement;
+      m && m.setActive("whileDrag", !0);
+    }, o = (r, l) => {
+      const { dragPropagation: c, dragDirectionLock: u, onDirectionLock: p, onDrag: m } = this.getProps();
+      if (!c && !this.openGlobalLock)
+        return;
+      const { offset: h } = l;
+      if (u && this.currentDirection === null) {
+        this.currentDirection = K(h), this.currentDirection !== null && p && p(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", l.point, h), this.updateAxis("y", l.point, h), this.visualElement.render(), m && m(r, l);
+    }, a = (r, l) => this.stop(r, l);
+    this.panSession = new L(t, {
+      onSessionStart: i,
+      onStart: e,
+      onMove: o,
+      onSessionEnd: a
+    }, { transformPagePoint: this.visualElement.getTransformPagePoint() });
+  }
+  stop(t, n) {
+    const s = this.isDragging;
+    if (this.cancel(), !s)
+      return;
+    const { velocity: i } = n;
+    this.startAnimation(i);
+    const { onDragEnd: e } = this.getProps();
+    e && A.update(() => e(t, n));
+  }
+  cancel() {
+    this.isDragging = !1;
+    const { projection: t, animationState: n } = this.visualElement;
+    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    const { dragPropagation: s } = this.getProps();
+    !s && this.openGlobalLock && (this.openGlobalLock(), this.openGlobalLock = null), n && n.setActive("whileDrag", !1);
+  }
+  updateAxis(t, n, s) {
+    const { drag: i } = this.getProps();
+    if (!s || !E(t, i, this.currentDirection))
+      return;
+    const e = this.getAxisMotionValue(t);
+    let o = this.originPoint[t] + s[t];
+    this.constraints && this.constraints[t] && (o = V(o, this.constraints[t], this.elastic[t])), e.set(o);
+  }
+  resolveConstraints() {
+    const { dragConstraints: t, dragElastic: n } = this.getProps(), { layout: s } = this.visualElement.projection || {}, i = this.constraints;
+    t && v(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && s ? this.constraints = b(s.layoutBox, t) : this.constraints = !1, this.elastic = S(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && g((e) => {
+      this.getAxisMotionValue(e) && (this.constraints[e] = k(s.layoutBox[e], this.constraints[e]));
+    });
+  }
+  resolveRefConstraints() {
+    const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
+    if (!t || !v(t))
+      return !1;
+    const s = t.current;
+    y(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    const { projection: i } = this.visualElement;
+    if (!i || !i.layout)
+      return !1;
+    const e = w(s, i.root, this.visualElement.getTransformPagePoint());
+    let o = B(i.layout.layoutBox, e);
+    if (n) {
+      const a = n(O(o));
+      this.hasMutatedConstraints = !!a, a && (o = U(a));
+    }
+    return o;
+  }
+  startAnimation(t) {
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: e, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), r = this.constraints || {}, l = g((c) => {
+      if (!E(c, n, this.currentDirection))
+        return;
+      let u = r && r[c] || {};
+      o && (u = { min: 0, max: 0 });
+      const p = i ? 200 : 1e6, m = i ? 40 : 1e7, h = {
+        type: "inertia",
+        velocity: s ? t[c] : 0,
+        bounceStiffness: p,
+        bounceDamping: m,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...e,
+        ...u
+      };
+      return this.startAxisValueAnimation(c, h);
+    });
+    return Promise.all(l).then(a);
+  }
+  startAxisValueAnimation(t, n) {
+    const s = this.getAxisMotionValue(t);
+    return s.start(_(t, s, 0, n));
+  }
+  stopAnimation() {
+    g((t) => this.getAxisMotionValue(t).stop());
+  }
+  /**
+   * 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 n = "_drag" + t.toUpperCase(), s = this.visualElement.getProps(), i = s[n];
+    return i || this.visualElement.getValue(t, (s.initial ? s.initial[t] : void 0) || 0);
+  }
+  snapToCursor(t) {
+    g((n) => {
+      const { drag: s } = this.getProps();
+      if (!E(n, s, this.currentDirection))
+        return;
+      const { projection: i } = this.visualElement, e = this.getAxisMotionValue(n);
+      if (i && i.layout) {
+        const { min: o, max: a } = i.layout.layoutBox[n];
+        e.set(t[n] - D(o, a, 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: n } = this.getProps(), { projection: s } = this.visualElement;
+    if (!v(n) || !s || !this.constraints)
+      return;
+    this.stopAnimation();
+    const i = { x: 0, y: 0 };
+    g((o) => {
+      const a = this.getAxisMotionValue(o);
+      if (a) {
+        const r = a.get();
+        i[o] = j({ min: r, max: r }, this.constraints[o]);
+      }
+    });
+    const { transformTemplate: e } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = e ? e({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), g((o) => {
+      if (!E(o, t, null))
+        return;
+      const a = this.getAxisMotionValue(o), { min: r, max: l } = this.constraints[o];
+      a.set(D(r, l, i[o]));
+    });
+  }
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    F.set(this.visualElement, this);
+    const t = this.visualElement.current, n = M(t, "pointerdown", (r) => {
+      const { drag: l, dragListener: c = !0 } = this.getProps();
+      l && c && this.start(r);
+    }), s = () => {
+      const { dragConstraints: r } = this.getProps();
+      v(r) && (this.constraints = this.resolveRefConstraints());
+    }, { projection: i } = this.visualElement, e = i.addEventListener("measure", s);
+    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), s();
+    const o = W(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: r, hasLayoutChanged: l }) => {
+      this.isDragging && l && (g((c) => {
+        const u = this.getAxisMotionValue(c);
+        u && (this.originPoint[c] += r[c].translate, u.set(u.get() + r[c].translate));
+      }), this.visualElement.render());
+    });
+    return () => {
+      o(), n(), e(), a && a();
+    };
+  }
+  getProps() {
+    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: e = !1, dragElastic: o = G, dragMomentum: a = !0 } = t;
+    return {
+      ...t,
+      drag: n,
+      dragDirectionLock: s,
+      dragPropagation: i,
+      dragConstraints: e,
+      dragElastic: o,
+      dragMomentum: a
+    };
+  }
 }
-function m(n, t) {
-  c(n.x, t.x), c(n.y, t.y);
+function E(f, t, n) {
+  return (t === !0 || t === f) && (n === null || n === f);
+}
+function K(f, t = 10) {
+  let n = null;
+  return Math.abs(f.y) > t ? n = "y" : Math.abs(f.x) > t && (n = "x"), n;
 }
 export {
-  c as copyAxisInto,
-  m as copyBoxInto
+  ct as VisualElementDragControls,
+  F as elementDragControls
 };

package/dist/lyra284.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./lyra179.cjs"),d=require("./lyra290.cjs");function u(n,t,e){const l=n-e,o=t*l;return e+o}function c(n,t,e,l,o){return o!==void 0&&(n=u(n,o,l)),u(n,e,l)+t}function a(n,t=0,e=1,l,o){n.min=c(n.min,t,e,l,o),n.max=c(n.max,t,e,l,o)}function x(n,{x:t,y:e}){a(n.x,t.translate,t.scale,t.originPoint),a(n.y,e.translate,e.scale,e.originPoint)}function g(n,t,e,l=!1){const o=e.length;if(!o)return;t.x=t.y=1;let i,s;for(let r=0;r<o;r++){i=e[r],s=i.projectionDelta;const f=i.instance;f&&f.style&&f.style.display==="contents"||(l&&i.options.layoutScroll&&i.scroll&&i!==i.root&&p(n,{x:-i.scroll.offset.x,y:-i.scroll.offset.y}),s&&(t.x*=s.x.scale,t.y*=s.y.scale,x(n,s)),l&&d.hasTransform(i.latestValues)&&p(n,i.latestValues))}t.x=m(t.x),t.y=m(t.y)}function m(n){return Number.isInteger(n)||n>1.0000000000001||n<.999999999999?n:1}function A(n,t){n.min=n.min+t,n.max=n.max+t}function y(n,t,[e,l,o]){const i=t[o]!==void 0?t[o]:.5,s=D.mix(n.min,n.max,i);a(n,t[e],t[l],s,t.scale)}const T=["x","scaleX","originX"],B=["y","scaleY","originY"];function p(n,t){y(n.x,t,T),y(n.y,t,B)}exports.applyAxisDelta=a;exports.applyBoxDelta=x;exports.applyPointDelta=c;exports.applyTreeDeltas=g;exports.scalePoint=u;exports.transformAxis=y;exports.transformBox=p;exports.translateAxis=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./lyra223.cjs"),E=require("./lyra146.cjs"),y=require("./lyra172.cjs"),d=require("./lyra221.cjs"),q=require("./lyra194.cjs"),w=require("./lyra204.cjs"),M=require("./lyra191.cjs"),D=require("./lyra224.cjs");class T{constructor(n,o,{transformPagePoint:i}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const e=v(this.lastMoveEventInfo,this.history),h=this.startEvent!==null,l=w.distance2D(e.offset,{x:0,y:0})>=3;if(!h&&!l)return;const{point:c}=e,{timestamp:u}=M.frameData;this.history.push({...c,timestamp:u});const{onStart:m,onMove:p}=this.handlers;h||(m&&m(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),p&&p(this.lastMoveEvent,e)},this.handlePointerMove=(e,h)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=f(h,this.transformPagePoint),E.frame.update(this.updatePoint,!0)},this.handlePointerUp=(e,h)=>{if(this.end(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const{onEnd:l,onSessionEnd:c}=this.handlers,u=v(e.type==="pointercancel"?this.lastMoveEventInfo:f(h,this.transformPagePoint),this.history);this.startEvent&&l&&l(e,u),c&&c(e,u)},!D.isPrimaryPointer(n))return;this.handlers=o,this.transformPagePoint=i;const r=S.extractEventInfo(n),a=f(r,this.transformPagePoint),{point:s}=a,{timestamp:g}=M.frameData;this.history=[{...s,timestamp:g}];const{onSessionStart:P}=o;P&&P(n,v(a,this.history)),this.removeListeners=q.pipe(d.addPointerEvent(window,"pointermove",this.handlePointerMove),d.addPointerEvent(window,"pointerup",this.handlePointerUp),d.addPointerEvent(window,"pointercancel",this.handlePointerUp))}updateHandlers(n){this.handlers=n}end(){this.removeListeners&&this.removeListeners(),E.cancelFrame(this.updatePoint)}}function f(t,n){return n?{point:n(t.point)}:t}function x(t,n){return{x:t.x-n.x,y:t.y-n.y}}function v({point:t},n){return{point:t,delta:x(t,I(n)),offset:x(t,b(n)),velocity:L(n,.1)}}function b(t){return t[0]}function I(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=I(t);for(;o>=0&&(i=t[o],!(r.timestamp-i.timestamp>y.secondsToMilliseconds(n)));)o--;if(!i)return{x:0,y:0};const a=y.millisecondsToSeconds(r.timestamp-i.timestamp);if(a===0)return{x:0,y:0};const s={x:(r.x-i.x)/a,y:(r.y-i.y)/a};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}exports.PanSession=T;

package/dist/lyra284.js

@@ -1,55 +1,83 @@
-import { mix as x } from "./lyra179.js";
-import { hasTransform as d } from "./lyra290.js";
-function r(n, t, o) {
-  const e = n - o, i = t * e;
-  return o + i;
-}
-function y(n, t, o, e, i) {
-  return i !== void 0 && (n = r(n, i, e)), r(n, o, e) + t;
-}
-function c(n, t = 0, o = 1, e, i) {
-  n.min = y(n.min, t, o, e, i), n.max = y(n.max, t, o, e, i);
+import { extractEventInfo as I } from "./lyra223.js";
+import { frame as g, cancelFrame as w } from "./lyra146.js";
+import { secondsToMilliseconds as S, millisecondsToSeconds as D } from "./lyra172.js";
+import { addPointerEvent as m } from "./lyra221.js";
+import { pipe as L } from "./lyra194.js";
+import { distance2D as T } from "./lyra204.js";
+import { frameData as E } from "./lyra191.js";
+import { isPrimaryPointer as U } from "./lyra224.js";
+class C {
+  constructor(n, o, { transformPagePoint: e } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const i = p(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, l = T(i.offset, { x: 0, y: 0 }) >= 3;
+      if (!h && !l)
+        return;
+      const { point: f } = i, { timestamp: c } = E;
+      this.history.push({ ...f, timestamp: c });
+      const { onStart: d, onMove: P } = this.handlers;
+      h || (d && d(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, i);
+    }, this.handlePointerMove = (i, h) => {
+      this.lastMoveEvent = i, this.lastMoveEventInfo = v(h, this.transformPagePoint), g.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (i, h) => {
+      if (this.end(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const { onEnd: l, onSessionEnd: f } = this.handlers, c = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(h, this.transformPagePoint), this.history);
+      this.startEvent && l && l(i, c), f && f(i, c);
+    }, !U(n))
+      return;
+    this.handlers = o, this.transformPagePoint = e;
+    const r = I(n), a = v(r, this.transformPagePoint), { point: s } = a, { timestamp: x } = E;
+    this.history = [{ ...s, timestamp: x }];
+    const { onSessionStart: u } = o;
+    u && u(n, p(a, this.history)), this.removeListeners = L(m(window, "pointermove", this.handlePointerMove), m(window, "pointerup", this.handlePointerUp), m(window, "pointercancel", this.handlePointerUp));
+  }
+  updateHandlers(n) {
+    this.handlers = n;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), w(this.updatePoint);
+  }
 }
-function g(n, { x: t, y: o }) {
-  c(n.x, t.translate, t.scale, t.originPoint), c(n.y, o.translate, o.scale, o.originPoint);
+function v(t, n) {
+  return n ? { point: n(t.point) } : t;
 }
-function T(n, t, o, e = !1) {
-  const i = o.length;
-  if (!i)
-    return;
-  t.x = t.y = 1;
-  let l, f;
-  for (let s = 0; s < i; s++) {
-    l = o[s], f = l.projectionDelta;
-    const u = l.instance;
-    u && u.style && u.style.display === "contents" || (e && l.options.layoutScroll && l.scroll && l !== l.root && p(n, {
-      x: -l.scroll.offset.x,
-      y: -l.scroll.offset.y
-    }), f && (t.x *= f.x.scale, t.y *= f.y.scale, g(n, f)), e && d(l.latestValues) && p(n, l.latestValues));
-  }
-  t.x = m(t.x), t.y = m(t.y);
+function y(t, n) {
+  return { x: t.x - n.x, y: t.y - n.y };
 }
-function m(n) {
-  return Number.isInteger(n) || n > 1.0000000000001 || n < 0.999999999999 ? n : 1;
+function p({ point: t }, n) {
+  return {
+    point: t,
+    delta: y(t, M(n)),
+    offset: y(t, V(n)),
+    velocity: b(n, 0.1)
+  };
 }
-function V(n, t) {
-  n.min = n.min + t, n.max = n.max + t;
+function V(t) {
+  return t[0];
 }
-function a(n, t, [o, e, i]) {
-  const l = t[i] !== void 0 ? t[i] : 0.5, f = x(n.min, n.max, l);
-  c(n, t[o], t[e], f, t.scale);
+function M(t) {
+  return t[t.length - 1];
 }
-const D = ["x", "scaleX", "originX"], A = ["y", "scaleY", "originY"];
-function p(n, t) {
-  a(n.x, t, D), a(n.y, t, A);
+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 a = D(r.timestamp - e.timestamp);
+  if (a === 0)
+    return { x: 0, y: 0 };
+  const s = {
+    x: (r.x - e.x) / a,
+    y: (r.y - e.y) / a
+  };
+  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
 }
 export {
-  c as applyAxisDelta,
-  g as applyBoxDelta,
-  y as applyPointDelta,
-  T as applyTreeDeltas,
-  r as scalePoint,
-  a as transformAxis,
-  p as transformBox,
-  V as translateAxis
+  C as PanSession
 };

package/dist/lyra285.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./lyra179.cjs"),l=require("./lyra169.cjs"),c=require("./lyra284.cjs");function t(e,n,m,i,f){return e-=n,e=c.scalePoint(e,1/m,i),f!==void 0&&(e=c.scalePoint(e,1/f,i)),e}function o(e,n=0,m=1,i=.5,f,r=e,u=e){if(l.percent.test(n)&&(n=parseFloat(n),n=y.mix(u.min,u.max,n/100)-u.min),typeof n!="number")return;let d=y.mix(r.min,r.max,i);e===r&&(d-=n),e.min=t(e.min,n,m,d,f),e.max=t(e.max,n,m,d,f)}function v(e,n,[m,i,f],r,u){o(e,n[m],n[i],n[f],n.scale,r,u)}const P=["x","scaleX","originX"],T=["y","scaleY","originY"];function D(e,n,m,i){v(e.x,n,P,m?m.x:void 0,i?i.x:void 0),v(e.y,n,T,m?m.y:void 0,i?i.y:void 0)}exports.removeAxisDelta=o;exports.removeAxisTransforms=v;exports.removeBoxTransforms=D;exports.removePointDelta=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hasAnimatedSinceResize:!0,hasEverUpdated:!1};exports.globalProjectionState=e;

package/dist/lyra285.js

@@ -1,25 +1,15 @@
-import { mix as v } from "./lyra179.js";
-import { percent as p } from "./lyra169.js";
-import { scalePoint as c } from "./lyra284.js";
-function r(e, m, f, n, d) {
-  return e -= m, e = c(e, 1 / f, n), d !== void 0 && (e = c(e, 1 / d, n)), e;
-}
-function D(e, m = 0, f = 1, n = 0.5, d, y = e, i = e) {
-  if (p.test(m) && (m = parseFloat(m), m = v(i.min, i.max, m / 100) - i.min), typeof m != "number")
-    return;
-  let u = v(y.min, y.max, n);
-  e === y && (u -= m), e.min = r(e.min, m, f, u, d), e.max = r(e.max, m, f, u, d);
-}
-function P(e, m, [f, n, d], y, i) {
-  D(e, m[f], m[n], m[d], m.scale, y, i);
-}
-const K = ["x", "scaleX", "originX"], T = ["y", "scaleY", "originY"];
-function h(e, m, f, n) {
-  P(e.x, m, K, f ? f.x : void 0, n ? n.x : void 0), P(e.y, m, T, f ? f.y : void 0, n ? n.y : void 0);
-}
+const e = {
+  /**
+   * Global flag as to whether the tree has animated since the last time
+   * we resized the window
+   */
+  hasAnimatedSinceResize: !0,
+  /**
+   * We set this to true once, on the first update. Any nodes added to the tree beyond that
+   * update will be given a `data-projection-id` attribute.
+   */
+  hasEverUpdated: !1
+};
 export {
-  D as removeAxisDelta,
-  P as removeAxisTransforms,
-  h as removeBoxTransforms,
-  r as removePointDelta
+  e as globalProjectionState
 };

package/dist/lyra286.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra201.cjs");function i(t){return t.translate===0&&t.scale===1}function r(t){return i(t.x)&&i(t.y)}function a(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function c(t){return n.calcLength(t.x)/n.calcLength(t.y)}exports.aspectRatio=c;exports.boxEquals=a;exports.isDeltaZero=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra183.cjs");function t(r,e){return e.max===e.min?0:r/(e.max-e.min)*100}const i={correct:(r,e)=>{if(!e.target)return r;if(typeof r=="string")if(c.px.test(r))r=parseFloat(r);else return r;const n=t(r,e.target.x),o=t(r,e.target.y);return`${n}% ${o}%`}};exports.correctBorderRadius=i;exports.pixelsToPercent=t;

package/dist/lyra286.js

@@ -1,18 +1,21 @@
-import { calcLength as r } from "./lyra201.js";
-function i(n) {
-  return n.translate === 0 && n.scale === 1;
-}
-function e(n) {
-  return i(n.x) && i(n.y);
-}
-function m(n, t) {
-  return n.x.min === t.x.min && n.x.max === t.x.max && n.y.min === t.y.min && n.y.max === t.y.max;
-}
-function o(n) {
-  return r(n.x) / r(n.y);
+import { px as c } from "./lyra183.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
 }
+const f = {
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
+  }
+};
 export {
-  o as aspectRatio,
-  m as boxEquals,
-  e as isDeltaZero
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };

package/dist/lyra287.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra175.cjs");class o{constructor(){this.members=[]}add(e){a.addUniqueItem(this.members,e),e.scheduleRender()}remove(e){if(a.removeItem(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const s=this.members[this.members.length-1];s&&this.promote(s)}}relegate(e){const s=this.members.findIndex(i=>e===i);if(s===0)return!1;let t;for(let i=s;i>=0;i--){const r=this.members[i];if(r.isPresent!==!1){t=r;break}}return t?(this.promote(t),!0):!1}promote(e,s){const t=this.lead;if(e!==t&&(this.prevLead=t,this.lead=e,e.show(),t)){t.instance&&t.scheduleRender(),e.scheduleRender(),e.resumeFrom=t,s&&(e.resumeFrom.preserveOpacity=!0),t.snapshot&&(e.snapshot=t.snapshot,e.snapshot.latestValues=t.animationValues||t.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);const{crossfade:i}=e.options;i===!1&&t.hide()}}exitAnimationComplete(){this.members.forEach(e=>{const{options:s,resumingFrom:t}=e;s.onExitComplete&&s.onExitComplete(),t&&t.options.onExitComplete&&t.options.onExitComplete()})}scheduleRender(){this.members.forEach(e=>{e.instance&&e.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}exports.NodeStack=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra193.cjs"),i=require("./lyra179.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;

package/dist/lyra287.js

@@ -1,58 +1,16 @@
-import { addUniqueItem as a, removeItem as o } from "./lyra175.js";
-class n {
-  constructor() {
-    this.members = [];
+import { mix as i } from "./lyra193.js";
+import { complex as m } from "./lyra179.js";
+const l = {
+  correct: (e, { treeScale: c, projectionDelta: t }) => {
+    const a = e, o = m.parse(e);
+    if (o.length > 5)
+      return a;
+    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
+    o[0 + r] /= n, o[1 + r] /= s;
+    const f = i(n, s, 0.5);
+    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
   }
-  add(e) {
-    a(this.members, e), e.scheduleRender();
-  }
-  remove(e) {
-    if (o(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
-      const t = this.members[this.members.length - 1];
-      t && this.promote(t);
-    }
-  }
-  relegate(e) {
-    const t = this.members.findIndex((i) => e === i);
-    if (t === 0)
-      return !1;
-    let s;
-    for (let i = t; i >= 0; i--) {
-      const r = this.members[i];
-      if (r.isPresent !== !1) {
-        s = r;
-        break;
-      }
-    }
-    return s ? (this.promote(s), !0) : !1;
-  }
-  promote(e, t) {
-    const s = this.lead;
-    if (e !== s && (this.prevLead = s, this.lead = e, e.show(), s)) {
-      s.instance && s.scheduleRender(), e.scheduleRender(), e.resumeFrom = s, t && (e.resumeFrom.preserveOpacity = !0), s.snapshot && (e.snapshot = s.snapshot, e.snapshot.latestValues = s.animationValues || s.latestValues), e.root && e.root.isUpdating && (e.isLayoutDirty = !0);
-      const { crossfade: i } = e.options;
-      i === !1 && s.hide();
-    }
-  }
-  exitAnimationComplete() {
-    this.members.forEach((e) => {
-      const { options: t, resumingFrom: s } = e;
-      t.onExitComplete && t.onExitComplete(), s && s.options.onExitComplete && s.options.onExitComplete();
-    });
-  }
-  scheduleRender() {
-    this.members.forEach((e) => {
-      e.instance && e.scheduleRender(!1);
-    });
-  }
-  /**
-   * Clear any leads that have been removed this render to prevent them from being
-   * used in future animations and to prevent memory leaks
-   */
-  removeLeadSnapshot() {
-    this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
-  }
-}
+};
 export {
-  n as NodeStack
+  l as correctBoxShadow
 };

package/dist/lyra288.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(o,t,s){let n="";const r=o.x.translate/t.x,a=o.y.translate/t.y;if((r||a)&&(n=`translate3d(${r}px, ${a}px, 0) `),(t.x!==1||t.y!==1)&&(n+=`scale(${1/t.x}, ${1/t.y}) `),s){const{rotate:f,rotateX:c,rotateY:x}=s;f&&(n+=`rotate(${f}deg) `),c&&(n+=`rotateX(${c}deg) `),x&&(n+=`rotateY(${x}deg) `)}const i=o.x.scale*t.x,e=o.y.scale*t.y;return(i!==1||e!==1)&&(n+=`scale(${i}, ${e})`),n||"none"}exports.buildProjectionTransform=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra164.cjs"),b=require("./lyra180.cjs"),d=require("./lyra154.cjs"),p=require("./lyra320.cjs"),S=require("./lyra314.cjs");function q(f,i,c,a){const{style:e,vars:g,transform:y,transformOrigin:u}=f;let l=!1,m=!1,o=!0;for(const r in i){const s=i[r];if(b.isCSSVariableName(r)){g[r]=s;continue}const n=S.numberValueTypes[r],t=p.getValueAsType(s,n);if(d.transformProps.has(r)){if(l=!0,y[r]=t,!o)continue;s!==(n.default||0)&&(o=!1)}else r.startsWith("origin")?(m=!0,u[r]=t):e[r]=t}if(i.transform||(l||a?e.transform=T.buildTransform(f.transform,c,o,a):e.transform&&(e.transform="none")),m){const{originX:r="50%",originY:s="50%",originZ:n=0}=u;e.transformOrigin=`${r} ${s} ${n}`}}exports.buildHTMLStyles=q;