@new-black/lyra 0.0.19 → 0.0.22

package/dist/lyra278.js

@@ -1,4 +1,329 @@
-var r = {};
+import { useRef as a, useState as d, useMemo as u, useEffect as B } from "react";
+import { useControlledState as A } from "./lyra59.js";
+import { compareNodeOrder as f, getFirstItem as E, getChildNodes as C } from "./lyra52.js";
+class c extends Set {
+  constructor(e, t, l) {
+    super(e), e instanceof c ? (this.anchorKey = t || e.anchorKey, this.currentKey = l || e.currentKey) : (this.anchorKey = t, this.currentKey = l);
+  }
+}
+function R(i, e) {
+  if (i.size !== e.size)
+    return !1;
+  for (let t of i)
+    if (!e.has(t))
+      return !1;
+  return !0;
+}
+function D(i) {
+  let { selectionMode: e = "none", disallowEmptySelection: t, allowDuplicateSelectionEvents: l, selectionBehavior: s = "toggle", disabledBehavior: n = "all" } = i, S = a(!1), [, p] = d(!1), y = a(null), K = a(null), [, v] = d(null), w = u(() => b(i.selectedKeys), [
+    i.selectedKeys
+  ]), $ = u(() => b(i.defaultSelectedKeys, new c()), [
+    i.defaultSelectedKeys
+  ]), [r, I] = A(w, $, i.onSelectionChange), M = u(() => i.disabledKeys ? new Set(i.disabledKeys) : /* @__PURE__ */ new Set(), [
+    i.disabledKeys
+  ]), [g, h] = d(s);
+  s === "replace" && g === "toggle" && typeof r == "object" && r.size === 0 && h("replace");
+  let m = a(s);
+  return B(() => {
+    s !== m.current && (h(s), m.current = s);
+  }, [
+    s
+  ]), {
+    selectionMode: e,
+    disallowEmptySelection: t,
+    selectionBehavior: g,
+    setSelectionBehavior: h,
+    get isFocused() {
+      return S.current;
+    },
+    setFocused(o) {
+      S.current = o, p(o);
+    },
+    get focusedKey() {
+      return y.current;
+    },
+    get childFocusStrategy() {
+      return K.current;
+    },
+    setFocusedKey(o, F = "first") {
+      y.current = o, K.current = F, v(o);
+    },
+    selectedKeys: r,
+    setSelectedKeys(o) {
+      (l || !R(o, r)) && I(o);
+    },
+    disabledKeys: M,
+    disabledBehavior: n
+  };
+}
+function b(i, e) {
+  return i ? i === "all" ? "all" : new c(i) : e;
+}
+class N {
+  /**
+  * The type of selection that is allowed in the collection.
+  */
+  get selectionMode() {
+    return this.state.selectionMode;
+  }
+  /**
+  * Whether the collection allows empty selection.
+  */
+  get disallowEmptySelection() {
+    return this.state.disallowEmptySelection;
+  }
+  /**
+  * The selection behavior for the collection.
+  */
+  get selectionBehavior() {
+    return this.state.selectionBehavior;
+  }
+  /**
+  * Sets the selection behavior for the collection.
+  */
+  setSelectionBehavior(e) {
+    this.state.setSelectionBehavior(e);
+  }
+  /**
+  * Whether the collection is currently focused.
+  */
+  get isFocused() {
+    return this.state.isFocused;
+  }
+  /**
+  * Sets whether the collection is focused.
+  */
+  setFocused(e) {
+    this.state.setFocused(e);
+  }
+  /**
+  * The current focused key in the collection.
+  */
+  get focusedKey() {
+    return this.state.focusedKey;
+  }
+  /** Whether the first or last child of the focused key should receive focus. */
+  get childFocusStrategy() {
+    return this.state.childFocusStrategy;
+  }
+  /**
+  * Sets the focused key.
+  */
+  setFocusedKey(e, t) {
+    (e == null || this.collection.getItem(e)) && this.state.setFocusedKey(e, t);
+  }
+  /**
+  * The currently selected keys in the collection.
+  */
+  get selectedKeys() {
+    return this.state.selectedKeys === "all" ? new Set(this.getSelectAllKeys()) : this.state.selectedKeys;
+  }
+  /**
+  * The raw selection value for the collection.
+  * Either 'all' for select all, or a set of keys.
+  */
+  get rawSelection() {
+    return this.state.selectedKeys;
+  }
+  /**
+  * Returns whether a key is selected.
+  */
+  isSelected(e) {
+    return this.state.selectionMode === "none" ? !1 : (e = this.getKey(e), this.state.selectedKeys === "all" ? this.canSelectItem(e) : this.state.selectedKeys.has(e));
+  }
+  /**
+  * Whether the selection is empty.
+  */
+  get isEmpty() {
+    return this.state.selectedKeys !== "all" && this.state.selectedKeys.size === 0;
+  }
+  /**
+  * Whether all items in the collection are selected.
+  */
+  get isSelectAll() {
+    if (this.isEmpty)
+      return !1;
+    if (this.state.selectedKeys === "all")
+      return !0;
+    if (this._isSelectAll != null)
+      return this._isSelectAll;
+    let e = this.getSelectAllKeys(), t = this.state.selectedKeys;
+    return this._isSelectAll = e.every((l) => t.has(l)), this._isSelectAll;
+  }
+  get firstSelectedKey() {
+    let e = null;
+    for (let t of this.state.selectedKeys) {
+      let l = this.collection.getItem(t);
+      (!e || l && f(this.collection, l, e) < 0) && (e = l);
+    }
+    return e == null ? void 0 : e.key;
+  }
+  get lastSelectedKey() {
+    let e = null;
+    for (let t of this.state.selectedKeys) {
+      let l = this.collection.getItem(t);
+      (!e || l && f(this.collection, l, e) > 0) && (e = l);
+    }
+    return e == null ? void 0 : e.key;
+  }
+  get disabledKeys() {
+    return this.state.disabledKeys;
+  }
+  get disabledBehavior() {
+    return this.state.disabledBehavior;
+  }
+  /**
+  * Extends the selection to the given key.
+  */
+  extendSelection(e) {
+    if (this.selectionMode === "none")
+      return;
+    if (this.selectionMode === "single") {
+      this.replaceSelection(e);
+      return;
+    }
+    e = this.getKey(e);
+    let t;
+    if (this.state.selectedKeys === "all")
+      t = new c([
+        e
+      ], e, e);
+    else {
+      let l = this.state.selectedKeys, s = l.anchorKey || e;
+      t = new c(l, s, e);
+      for (let n of this.getKeyRange(s, l.currentKey || e))
+        t.delete(n);
+      for (let n of this.getKeyRange(e, s))
+        this.canSelectItem(n) && t.add(n);
+    }
+    this.state.setSelectedKeys(t);
+  }
+  getKeyRange(e, t) {
+    let l = this.collection.getItem(e), s = this.collection.getItem(t);
+    return l && s ? f(this.collection, l, s) <= 0 ? this.getKeyRangeInternal(e, t) : this.getKeyRangeInternal(t, e) : [];
+  }
+  getKeyRangeInternal(e, t) {
+    let l = [], s = e;
+    for (; s; ) {
+      let n = this.collection.getItem(s);
+      if ((n && n.type === "item" || n.type === "cell" && this.allowsCellSelection) && l.push(s), s === t)
+        return l;
+      s = this.collection.getKeyAfter(s);
+    }
+    return [];
+  }
+  getKey(e) {
+    let t = this.collection.getItem(e);
+    if (!t || t.type === "cell" && this.allowsCellSelection)
+      return e;
+    for (; t.type !== "item" && t.parentKey != null; )
+      t = this.collection.getItem(t.parentKey);
+    return !t || t.type !== "item" ? null : t.key;
+  }
+  /**
+  * Toggles whether the given key is selected.
+  */
+  toggleSelection(e) {
+    if (this.selectionMode === "none")
+      return;
+    if (this.selectionMode === "single" && !this.isSelected(e)) {
+      this.replaceSelection(e);
+      return;
+    }
+    if (e = this.getKey(e), e == null)
+      return;
+    let t = new c(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
+    t.has(e) ? t.delete(e) : this.canSelectItem(e) && (t.add(e), t.anchorKey = e, t.currentKey = e), !(this.disallowEmptySelection && t.size === 0) && this.state.setSelectedKeys(t);
+  }
+  /**
+  * Replaces the selection with only the given key.
+  */
+  replaceSelection(e) {
+    if (this.selectionMode === "none" || (e = this.getKey(e), e == null))
+      return;
+    let t = this.canSelectItem(e) ? new c([
+      e
+    ], e, e) : new c();
+    this.state.setSelectedKeys(t);
+  }
+  /**
+  * Replaces the selection with the given keys.
+  */
+  setSelectedKeys(e) {
+    if (this.selectionMode === "none")
+      return;
+    let t = new c();
+    for (let l of e)
+      if (l = this.getKey(l), l != null && (t.add(l), this.selectionMode === "single"))
+        break;
+    this.state.setSelectedKeys(t);
+  }
+  getSelectAllKeys() {
+    let e = [], t = (l) => {
+      for (; l; ) {
+        if (this.canSelectItem(l)) {
+          let s = this.collection.getItem(l);
+          s.type === "item" && e.push(l), s.hasChildNodes && (this.allowsCellSelection || s.type !== "item") && t(E(C(s, this.collection)).key);
+        }
+        l = this.collection.getKeyAfter(l);
+      }
+    };
+    return t(this.collection.getFirstKey()), e;
+  }
+  /**
+  * Selects all items in the collection.
+  */
+  selectAll() {
+    !this.isSelectAll && this.selectionMode === "multiple" && this.state.setSelectedKeys("all");
+  }
+  /**
+  * Removes all keys from the selection.
+  */
+  clearSelection() {
+    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new c());
+  }
+  /**
+  * Toggles between select all and an empty selection.
+  */
+  toggleSelectAll() {
+    this.isSelectAll ? this.clearSelection() : this.selectAll();
+  }
+  select(e, t) {
+    this.selectionMode !== "none" && (this.selectionMode === "single" ? this.isSelected(e) && !this.disallowEmptySelection ? this.toggleSelection(e) : this.replaceSelection(e) : this.selectionBehavior === "toggle" || t && (t.pointerType === "touch" || t.pointerType === "virtual") ? this.toggleSelection(e) : this.replaceSelection(e));
+  }
+  /**
+  * Returns whether the current selection is equal to the given selection.
+  */
+  isSelectionEqual(e) {
+    if (e === this.state.selectedKeys)
+      return !0;
+    let t = this.selectedKeys;
+    if (e.size !== t.size)
+      return !1;
+    for (let l of e)
+      if (!t.has(l))
+        return !1;
+    for (let l of t)
+      if (!e.has(l))
+        return !1;
+    return !0;
+  }
+  canSelectItem(e) {
+    if (this.state.selectionMode === "none" || this.state.disabledKeys.has(e))
+      return !1;
+    let t = this.collection.getItem(e);
+    return !(!t || t.type === "cell" && !this.allowsCellSelection);
+  }
+  isDisabled(e) {
+    return this.state.disabledKeys.has(e) && this.state.disabledBehavior === "all";
+  }
+  constructor(e, t, l) {
+    this.collection = e, this.state = t;
+    var s;
+    this.allowsCellSelection = (s = l == null ? void 0 : l.allowsCellSelection) !== null && s !== void 0 ? s : !1, this._isSelectAll = null;
+  }
+}
 export {
-  r as __exports
+  N as SelectionManager,
+  D as useMultipleSelectionState
 };

package/dist/lyra279.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra104.cjs"),g=require("react");function l(o){let e=a.useOverlayTriggerState(o),[u,r]=g.useState(null);return{focusStrategy:u,...e,open(t=null){r(t),e.open()},toggle(t=null){r(t),e.toggle()}}}exports.useMenuTriggerState=l;

package/dist/lyra279.js

@@ -1,4 +1,18 @@
-var e = {};
+import { useOverlayTriggerState as g } from "./lyra104.js";
+import { useState as l } from "react";
+function f(o) {
+  let e = g(o), [a, r] = l(null);
+  return {
+    focusStrategy: a,
+    ...e,
+    open(t = null) {
+      r(t), e.open();
+    },
+    toggle(t = null) {
+      r(t), e.toggle();
+    }
+  };
+}
 export {
-  e as __exports
+  f as useMenuTriggerState
 };

package/dist/lyra281.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./lyra325.cjs"),s=require("./lyra131.cjs"),u=require("./lyra297.cjs"),c=require("./lyra289.cjs");function i(e,n,r){for(const t in n)!s.isMotionValue(n[t])&&!o.isForcedMotionValue(t,r)&&(e[t]=n[t])}function d({transformTemplate:e},n,r){return l.useMemo(()=>{const t=c.createHtmlRenderState();return u.buildHTMLStyles(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)},[n])}function y(e,n,r){const t=e.style||{},a={};return i(a,t,e),Object.assign(a,d(e,n,r)),e.transformValues?e.transformValues(a):a}function f(e,n,r){const t={},a=y(e,n,r);return e.drag&&e.dragListener!==!1&&(t.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(t.tabIndex=0),t.style=a,t}exports.copyRawValuesOnly=i;exports.useHTMLProps=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./lyra325.cjs"),s=require("./lyra134.cjs"),u=require("./lyra297.cjs"),c=require("./lyra289.cjs");function i(e,n,r){for(const t in n)!s.isMotionValue(n[t])&&!o.isForcedMotionValue(t,r)&&(e[t]=n[t])}function d({transformTemplate:e},n,r){return l.useMemo(()=>{const t=c.createHtmlRenderState();return u.buildHTMLStyles(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)},[n])}function y(e,n,r){const t=e.style||{},a={};return i(a,t,e),Object.assign(a,d(e,n,r)),e.transformValues?e.transformValues(a):a}function f(e,n,r){const t={},a=y(e,n,r);return e.drag&&e.dragListener!==!1&&(t.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(t.tabIndex=0),t.style=a,t}exports.copyRawValuesOnly=i;exports.useHTMLProps=f;

package/dist/lyra281.js

@@ -1,6 +1,6 @@
 import { useMemo as r } from "react";
 import { isForcedMotionValue as i } from "./lyra325.js";
-import { isMotionValue as l } from "./lyra131.js";
+import { isMotionValue as l } from "./lyra134.js";
 import { buildHTMLStyles as s } from "./lyra297.js";
 import { createHtmlRenderState as u } from "./lyra289.js";
 function c(e, n, o) {

package/dist/lyra283.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra190.cjs"),n=require("./lyra298.cjs"),a=require("./lyra301.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra193.cjs"),n=require("./lyra298.cjs"),a=require("./lyra301.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;

package/dist/lyra283.js

@@ -1,4 +1,4 @@
-import { camelToDash as i } from "./lyra190.js";
+import { camelToDash as i } from "./lyra193.js";
 import { renderHTML as m } from "./lyra298.js";
 import { camelCaseAttributes as e } from "./lyra301.js";
 function c(o, t, f, s) {

package/dist/lyra284.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra131.cjs"),i=require("./lyra288.cjs"),a=require("./lyra159.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra134.cjs"),i=require("./lyra288.cjs"),a=require("./lyra162.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;

package/dist/lyra284.js

@@ -1,6 +1,6 @@
-import { isMotionValue as n } from "./lyra131.js";
+import { isMotionValue as n } from "./lyra134.js";
 import { scrapeMotionValuesFromProps as a } from "./lyra288.js";
-import { transformPropOrder as i } from "./lyra159.js";
+import { transformPropOrder as i } from "./lyra162.js";
 function u(r, t) {
   const e = a(r, t);
   for (const o in r)

package/dist/lyra288.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra325.cjs"),n=require("./lyra131.cjs");function u(t,i){const{style:e}=t,s={};for(const o in e)(n.isMotionValue(e[o])||i.style&&n.isMotionValue(i.style[o])||r.isForcedMotionValue(o,t))&&(s[o]=e[o]);return s}exports.scrapeMotionValuesFromProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra325.cjs"),n=require("./lyra134.cjs");function u(t,i){const{style:e}=t,s={};for(const o in e)(n.isMotionValue(e[o])||i.style&&n.isMotionValue(i.style[o])||r.isForcedMotionValue(o,t))&&(s[o]=e[o]);return s}exports.scrapeMotionValuesFromProps=u;

package/dist/lyra288.js

@@ -1,5 +1,5 @@
 import { isForcedMotionValue as r } from "./lyra325.js";
-import { isMotionValue as s } from "./lyra131.js";
+import { isMotionValue as s } from "./lyra134.js";
 function u(e, n) {
   const { style: t } = e, i = {};
   for (const o in t)

package/dist/lyra290.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(r,e)=>e?r===e?!0:t(r,e.parentElement):!1;exports.isNodeOrChild=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./lyra131.cjs"),b=require("./lyra291.cjs"),M=require("./lyra228.cjs"),E=require("./lyra156.cjs"),S=require("./lyra229.cjs"),d=require("./lyra328.cjs"),q=require("./lyra155.cjs"),g=require("./lyra315.cjs"),j=require("./lyra299.cjs"),k=require("./lyra231.cjs"),D=require("./lyra329.cjs"),B=require("./lyra230.cjs"),R=require("./lyra223.cjs"),x=require("./lyra201.cjs"),G=require("./lyra191.cjs"),T=require("./lyra255.cjs"),y=require("./lyra154.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/lyra290.js

@@ -1,4 +1,234 @@
-const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
+import { invariant as y } from "./lyra131.js";
+import { PanSession as L } from "./lyra291.js";
+import { getGlobalLock as x } from "./lyra228.js";
+import { isRefObject as v } from "./lyra156.js";
+import { addPointerEvent as M } from "./lyra229.js";
+import { applyConstraints as V, calcRelativeConstraints as b, resolveDragElastic as S, calcViewportConstraints as B, rebaseAxisConstraints as k, calcOrigin as j, defaultElastic as G } from "./lyra328.js";
+import { createBox as T } from "./lyra155.js";
+import { eachAxis as g } from "./lyra315.js";
+import { measurePageBox as w } from "./lyra299.js";
+import { extractEventInfo as R } from "./lyra231.js";
+import { convertBoxToBoundingBox as O, convertBoundingBoxToBox as U } from "./lyra329.js";
+import { addDomEvent as W } from "./lyra230.js";
+import { calcLength as z } from "./lyra223.js";
+import { mix as D } from "./lyra201.js";
+import { percent as I } from "./lyra191.js";
+import { animateMotionValue as _ } from "./lyra255.js";
+import { frame as A } from "./lyra154.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 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 {
-  t as isNodeOrChild
+  ct as VisualElementDragControls,
+  F as elementDragControls
 };