@new-black/lyra 1.0.19 → 1.0.21

package/dist/lyra826.js

@@ -1,26 +1,4 @@
-import { buildHTMLStyles as p } from "./lyra838.js";
-import { calcSVGTransformOrigin as v } from "./lyra866.js";
-import { buildSVGPath as w } from "./lyra867.js";
-function V(f, {
-  attrX: o,
-  attrY: s,
-  attrScale: m,
-  originX: i,
-  originY: e,
-  pathLength: u,
-  pathSpacing: l = 1,
-  pathOffset: t = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...y
-}, x, c, b) {
-  if (p(f, y, x, b), c) {
-    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
-    return;
-  }
-  f.attrs = f.style, f.style = {};
-  const { attrs: n, style: r, dimensions: d } = f;
-  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && w(n, u, l, t, !1);
-}
+const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
 export {
-  V as buildSVGAttrs
+  s as isSVGTag
 };

package/dist/lyra826.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra826.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.mjs"],"sourcesContent":["import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { calcSVGTransformOrigin } from './transform-origin.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * Build SVG visual attrbutes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, { attrX, attrY, attrScale, originX, originY, pathLength, pathSpacing = 1, pathOffset = 0, \n// This is object creation, which we try to avoid per-frame.\n...latest }, options, isSVGTag, transformTemplate) {\n    buildHTMLStyles(state, latest, options, transformTemplate);\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox;\n        }\n        return;\n    }\n    state.attrs = state.style;\n    state.style = {};\n    const { attrs, style, dimensions } = state;\n    /**\n     * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs\n     * and copy it into style.\n     */\n    if (attrs.transform) {\n        if (dimensions)\n            style.transform = attrs.transform;\n        delete attrs.transform;\n    }\n    // Parse transformOrigin\n    if (dimensions &&\n        (originX !== undefined || originY !== undefined || style.transform)) {\n        style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);\n    }\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined)\n        attrs.x = attrX;\n    if (attrY !== undefined)\n        attrs.y = attrY;\n    if (attrScale !== undefined)\n        attrs.scale = attrScale;\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n    }\n}\n\nexport { buildSVGAttrs };\n"],"names":["buildSVGAttrs","state","attrX","attrY","attrScale","originX","originY","pathLength","pathSpacing","pathOffset","latest","options","isSVGTag","transformTemplate","buildHTMLStyles","attrs","style","dimensions","calcSVGTransformOrigin","buildSVGPath"],"mappings":";;;AAOA,SAASA,EAAcC,GAAO;AAAA,EAAE,OAAAC;AAAA,EAAO,OAAAC;AAAA,EAAO,WAAAC;AAAA,EAAW,SAAAC;AAAA,EAAS,SAAAC;AAAA,EAAS,YAAAC;AAAA,EAAY,aAAAC,IAAc;AAAA,EAAG,YAAAC,IAAa;AAAA;AAAA,EAErH,GAAGC;GAAUC,GAASC,GAAUC,GAAmB;AAM/C,MALAC,EAAgBb,GAAOS,GAAQC,GAASE,CAAiB,GAKrDD,GAAU;AACV,IAAIX,EAAM,MAAM,YACZA,EAAM,MAAM,UAAUA,EAAM,MAAM;AAEtC;AAAA,EACH;AACD,EAAAA,EAAM,QAAQA,EAAM,OACpBA,EAAM,QAAQ;AACd,QAAM,EAAE,OAAAc,GAAO,OAAAC,GAAO,YAAAC,EAAU,IAAKhB;AAKrC,EAAIc,EAAM,cACFE,MACAD,EAAM,YAAYD,EAAM,YAC5B,OAAOA,EAAM,YAGbE,MACCZ,MAAY,UAAaC,MAAY,UAAaU,EAAM,eACzDA,EAAM,kBAAkBE,EAAuBD,GAAYZ,MAAY,SAAYA,IAAU,KAAKC,MAAY,SAAYA,IAAU,GAAG,IAGvIJ,MAAU,WACVa,EAAM,IAAIb,IACVC,MAAU,WACVY,EAAM,IAAIZ,IACVC,MAAc,WACdW,EAAM,QAAQX,IAEdG,MAAe,UACfY,EAAaJ,GAAOR,GAAYC,GAAaC,GAAY,EAAK;AAEtE;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra826.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n"],"names":["isSVGTag","tag"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,kBAAkB;","x_google_ignoreList":[0]}

package/dist/lyra827.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="string"&&e.toLowerCase()==="svg";exports.isSVGTag=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra865.cjs"),n=require("./lyra678.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/lyra827.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra827.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n"],"names":["isSVGTag","tag"],"mappings":"gFAAK,MAACA,EAAYC,GAAQ,OAAOA,GAAQ,UAAYA,EAAI,gBAAkB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra827.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isForcedMotionValue } from '../../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const { style } = props;\n    const newValues = {};\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevProps.style && isMotionValue(prevProps.style[key])) ||\n            isForcedMotionValue(key, props)) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","style","newValues","key","isMotionValue","isForcedMotionValue"],"mappings":"4IAGA,SAASA,EAA4BC,EAAOC,EAAW,CACnD,KAAM,CAAE,MAAAC,CAAO,EAAGF,EACZG,EAAY,CAAA,EAClB,UAAWC,KAAOF,GACVG,EAAa,cAACH,EAAME,CAAG,CAAC,GACvBH,EAAU,OAASI,EAAa,cAACJ,EAAU,MAAMG,CAAG,CAAC,GACtDE,sBAAoBF,EAAKJ,CAAK,KAC9BG,EAAUC,CAAG,EAAIF,EAAME,CAAG,GAGlC,OAAOD,CACX","x_google_ignoreList":[0]}

package/dist/lyra827.js

@@ -1,4 +1,11 @@
-const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
+import { isForcedMotionValue as r } from "./lyra865.js";
+import { isMotionValue as s } from "./lyra678.js";
+function u(e, n) {
+  const { style: t } = e, i = {};
+  for (const o in t)
+    (s(t[o]) || n.style && s(n.style[o]) || r(o, e)) && (i[o] = t[o]);
+  return i;
+}
 export {
-  s as isSVGTag
+  u as scrapeMotionValuesFromProps
 };

package/dist/lyra827.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra827.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n"],"names":["isSVGTag","tag"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,kBAAkB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra827.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isForcedMotionValue } from '../../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const { style } = props;\n    const newValues = {};\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevProps.style && isMotionValue(prevProps.style[key])) ||\n            isForcedMotionValue(key, props)) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","style","newValues","key","isMotionValue","isForcedMotionValue"],"mappings":";;AAGA,SAASA,EAA4BC,GAAOC,GAAW;AACnD,QAAM,EAAE,OAAAC,EAAO,IAAGF,GACZG,IAAY,CAAA;AAClB,aAAWC,KAAOF;AACd,KAAIG,EAAcH,EAAME,CAAG,CAAC,KACvBH,EAAU,SAASI,EAAcJ,EAAU,MAAMG,CAAG,CAAC,KACtDE,EAAoBF,GAAKJ,CAAK,OAC9BG,EAAUC,CAAG,IAAIF,EAAME,CAAG;AAGlC,SAAOD;AACX;","x_google_ignoreList":[0]}

package/dist/lyra828.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra865.cjs"),n=require("./lyra678.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 e=()=>({style:{},transform:{},transformOrigin:{},vars:{}});exports.createHtmlRenderState=e;

package/dist/lyra828.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra828.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isForcedMotionValue } from '../../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const { style } = props;\n    const newValues = {};\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevProps.style && isMotionValue(prevProps.style[key])) ||\n            isForcedMotionValue(key, props)) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","style","newValues","key","isMotionValue","isForcedMotionValue"],"mappings":"4IAGA,SAASA,EAA4BC,EAAOC,EAAW,CACnD,KAAM,CAAE,MAAAC,CAAO,EAAGF,EACZG,EAAY,CAAA,EAClB,UAAWC,KAAOF,GACVG,EAAa,cAACH,EAAME,CAAG,CAAC,GACvBH,EAAU,OAASI,EAAa,cAACJ,EAAU,MAAMG,CAAG,CAAC,GACtDE,sBAAoBF,EAAKJ,CAAK,KAC9BG,EAAUC,CAAG,EAAIF,EAAME,CAAG,GAGlC,OAAOD,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra828.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n"],"names":["createHtmlRenderState"],"mappings":"gFAAK,MAACA,EAAwB,KAAO,CACjC,MAAO,CAAE,EACT,UAAW,CAAE,EACb,gBAAiB,CAAE,EACnB,KAAM,CAAE,CACZ","x_google_ignoreList":[0]}

package/dist/lyra828.js

@@ -1,11 +1,9 @@
-import { isForcedMotionValue as r } from "./lyra865.js";
-import { isMotionValue as s } from "./lyra678.js";
-function u(e, n) {
-  const { style: t } = e, i = {};
-  for (const o in t)
-    (s(t[o]) || n.style && s(n.style[o]) || r(o, e)) && (i[o] = t[o]);
-  return i;
-}
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
 export {
-  u as scrapeMotionValuesFromProps
+  r as createHtmlRenderState
 };

package/dist/lyra828.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra828.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isForcedMotionValue } from '../../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const { style } = props;\n    const newValues = {};\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevProps.style && isMotionValue(prevProps.style[key])) ||\n            isForcedMotionValue(key, props)) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","style","newValues","key","isMotionValue","isForcedMotionValue"],"mappings":";;AAGA,SAASA,EAA4BC,GAAOC,GAAW;AACnD,QAAM,EAAE,OAAAC,EAAO,IAAGF,GACZG,IAAY,CAAA;AAClB,aAAWC,KAAOF;AACd,KAAIG,EAAcH,EAAME,CAAG,CAAC,KACvBH,EAAU,SAASI,EAAcJ,EAAU,MAAMG,CAAG,CAAC,KACtDE,EAAoBF,GAAKJ,CAAK,OAC9BG,EAAUC,CAAG,IAAIF,EAAME,CAAG;AAGlC,SAAOD;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra828.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n"],"names":["createHtmlRenderState"],"mappings":"AAAK,MAACA,IAAwB,OAAO;AAAA,EACjC,OAAO,CAAE;AAAA,EACT,WAAW,CAAE;AAAA,EACb,iBAAiB,CAAE;AAAA,EACnB,MAAM,CAAE;AACZ;","x_google_ignoreList":[0]}

package/dist/lyra829.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({style:{},transform:{},transformOrigin:{},vars:{}});exports.createHtmlRenderState=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra698.cjs"),S=require("./lyra830.cjs"),j=require("./lyra774.cjs"),P=require("./lyra700.cjs"),q=require("./lyra775.cjs"),m=require("./lyra868.cjs"),k=require("./lyra699.cjs"),u=require("./lyra854.cjs"),B=require("./lyra839.cjs"),T=require("./lyra777.cjs"),y=require("./lyra869.cjs"),w=require("./lyra776.cjs"),R=require("./lyra769.cjs"),V=require("./lyra747.cjs"),G=require("./lyra736.cjs"),O=require("./lyra795.cjs"),W=require("./lyra831.cjs"),M=require("./lyra715.cjs"),L=new WeakMap;class _{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=k.createBox(),this.visualElement=t}start(t,{snapToCursor:s=!1}={}){const{presenceContext:n}=this.visualElement;if(n&&n.isPresent===!1)return;const e=o=>{const{dragSnapToOrigin:a}=this.getProps();a?this.pauseAnimation():this.stopAnimation(),s&&this.snapToCursor(T.extractEventInfo(o,"page").point)},r=(o,a)=>{const{drag:f,dragPropagation:v,onDragStart:g}=this.getProps();if(f&&!v&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=j.getGlobalLock(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.eachAxis(p=>{let E=this.getAxisMotionValue(p).get()||0;if(G.percent.test(E)){const{projection:C}=this.visualElement;if(C&&C.layout){const D=C.layout.layoutBox[p];D&&(E=R.calcLength(D)*(parseFloat(E)/100))}}this.originPoint[p]=E}),g&&M.frame.update(()=>g(o,a),!1,!0);const{animationState:A}=this.visualElement;A&&A.setActive("whileDrag",!0)},i=(o,a)=>{const{dragPropagation:f,dragDirectionLock:v,onDirectionLock:g,onDrag:A}=this.getProps();if(!f&&!this.openGlobalLock)return;const{offset:p}=a;if(v&&this.currentDirection===null){this.currentDirection=I(p),this.currentDirection!==null&&g&&g(this.currentDirection);return}this.updateAxis("x",a.point,p),this.updateAxis("y",a.point,p),this.visualElement.render(),A&&A(o,a)},l=(o,a)=>this.stop(o,a),c=()=>u.eachAxis(o=>{var a;return this.getAnimationState(o)==="paused"&&((a=this.getAxisMotionValue(o).animation)===null||a===void 0?void 0:a.play())}),{dragSnapToOrigin:h}=this.getProps();this.panSession=new S.PanSession(t,{onSessionStart:e,onStart:r,onMove:i,onSessionEnd:l,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:h,contextWindow:W.getContextWindow(this.visualElement)})}stop(t,s){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:e}=s;this.startAnimation(e);const{onDragEnd:r}=this.getProps();r&&M.frame.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:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),s&&s.setActive("whileDrag",!1)}updateAxis(t,s,n){const{drag:e}=this.getProps();if(!n||!x(t,e,this.currentDirection))return;const r=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=m.applyConstraints(i,this.constraints[t],this.elastic[t])),r.set(i)}resolveConstraints(){var t;const{dragConstraints:s,dragElastic:n}=this.getProps(),e=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.isRefObject(s)?this.constraints||(this.constraints=this.resolveRefConstraints()):s&&e?this.constraints=m.calcRelativeConstraints(e.layoutBox,s):this.constraints=!1,this.elastic=m.resolveDragElastic(n),r!==this.constraints&&e&&this.constraints&&!this.hasMutatedConstraints&&u.eachAxis(i=>{this.getAxisMotionValue(i)&&(this.constraints[i]=m.rebaseAxisConstraints(e.layoutBox[i],this.constraints[i]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:s}=this.getProps();if(!t||!P.isRefObject(t))return!1;const n=t.current;b.invariant(n!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:e}=this.visualElement;if(!e||!e.layout)return!1;const r=B.measurePageBox(n,e.root,this.visualElement.getTransformPagePoint());let i=m.calcViewportConstraints(e.layout.layoutBox,r);if(s){const l=s(y.convertBoxToBoundingBox(i));this.hasMutatedConstraints=!!l,l&&(i=y.convertBoundingBoxToBox(l))}return i}startAnimation(t){const{drag:s,dragMomentum:n,dragElastic:e,dragTransition:r,dragSnapToOrigin:i,onDragTransitionEnd:l}=this.getProps(),c=this.constraints||{},h=u.eachAxis(o=>{if(!x(o,s,this.currentDirection))return;let a=c&&c[o]||{};i&&(a={min:0,max:0});const f=e?200:1e6,v=e?40:1e7,g={type:"inertia",velocity:n?t[o]:0,bounceStiffness:f,bounceDamping:v,timeConstant:750,restDelta:1,restSpeed:10,...r,...a};return this.startAxisValueAnimation(o,g)});return Promise.all(h).then(l)}startAxisValueAnimation(t,s){const n=this.getAxisMotionValue(t);return n.start(O.animateMotionValue(t,n,0,s))}stopAnimation(){u.eachAxis(t=>this.getAxisMotionValue(t).stop())}pauseAnimation(){u.eachAxis(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}getAxisMotionValue(t){const s="_drag"+t.toUpperCase(),n=this.visualElement.getProps(),e=n[s];return e||this.visualElement.getValue(t,(n.initial?n.initial[t]:void 0)||0)}snapToCursor(t){u.eachAxis(s=>{const{drag:n}=this.getProps();if(!x(s,n,this.currentDirection))return;const{projection:e}=this.visualElement,r=this.getAxisMotionValue(s);if(e&&e.layout){const{min:i,max:l}=e.layout.layoutBox[s];r.set(t[s]-V.mix(i,l,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:s}=this.getProps(),{projection:n}=this.visualElement;if(!P.isRefObject(s)||!n||!this.constraints)return;this.stopAnimation();const e={x:0,y:0};u.eachAxis(i=>{const l=this.getAxisMotionValue(i);if(l){const c=l.get();e[i]=m.calcOrigin({min:c,max:c},this.constraints[i])}});const{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",n.root&&n.root.updateScroll(),n.updateLayout(),this.resolveConstraints(),u.eachAxis(i=>{if(!x(i,t,null))return;const l=this.getAxisMotionValue(i),{min:c,max:h}=this.constraints[i];l.set(V.mix(c,h,e[i]))})}addListeners(){if(!this.visualElement.current)return;L.set(this.visualElement,this);const t=this.visualElement.current,s=q.addPointerEvent(t,"pointerdown",c=>{const{drag:h,dragListener:o=!0}=this.getProps();h&&o&&this.start(c)}),n=()=>{const{dragConstraints:c}=this.getProps();P.isRefObject(c)&&(this.constraints=this.resolveRefConstraints())},{projection:e}=this.visualElement,r=e.addEventListener("measure",n);e&&!e.layout&&(e.root&&e.root.updateScroll(),e.updateLayout()),n();const i=w.addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints()),l=e.addEventListener("didUpdate",({delta:c,hasLayoutChanged:h})=>{this.isDragging&&h&&(u.eachAxis(o=>{const a=this.getAxisMotionValue(o);a&&(this.originPoint[o]+=c[o].translate,a.set(a.get()+c[o].translate))}),this.visualElement.render())});return()=>{i(),s(),r(),l&&l()}}getProps(){const t=this.visualElement.getProps(),{drag:s=!1,dragDirectionLock:n=!1,dragPropagation:e=!1,dragConstraints:r=!1,dragElastic:i=m.defaultElastic,dragMomentum:l=!0}=t;return{...t,drag:s,dragDirectionLock:n,dragPropagation:e,dragConstraints:r,dragElastic:i,dragMomentum:l}}}function x(d,t,s){return(t===!0||t===d)&&(s===null||s===d)}function I(d,t=10){let s=null;return Math.abs(d.y)>t?s="y":Math.abs(d.x)>t&&(s="x"),s}exports.VisualElementDragControls=_;exports.elementDragControls=L;

package/dist/lyra829.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra829.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n"],"names":["createHtmlRenderState"],"mappings":"gFAAK,MAACA,EAAwB,KAAO,CACjC,MAAO,CAAE,EACT,UAAW,CAAE,EACb,gBAAiB,CAAE,EACnB,KAAM,CAAE,CACZ","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra829.cjs","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/lyra829.js

@@ -1,9 +1,255 @@
-const r = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
+import { invariant as L } from "./lyra698.js";
+import { PanSession as M } from "./lyra830.js";
+import { getGlobalLock as V } from "./lyra774.js";
+import { isRefObject as P } from "./lyra700.js";
+import { addPointerEvent as S } from "./lyra775.js";
+import { applyConstraints as b, calcRelativeConstraints as B, resolveDragElastic as k, calcViewportConstraints as j, rebaseAxisConstraints as T, calcOrigin as w, defaultElastic as G } from "./lyra868.js";
+import { createBox as R } from "./lyra699.js";
+import { eachAxis as u } from "./lyra854.js";
+import { measurePageBox as _ } from "./lyra839.js";
+import { extractEventInfo as O } from "./lyra777.js";
+import { convertBoxToBoundingBox as W, convertBoundingBoxToBox as U } from "./lyra869.js";
+import { addDomEvent as z } from "./lyra776.js";
+import { calcLength as I } from "./lyra769.js";
+import { mix as y } from "./lyra747.js";
+import { percent as F } from "./lyra736.js";
+import { animateMotionValue as K } from "./lyra795.js";
+import { getContextWindow as q } from "./lyra831.js";
+import { frame as x } from "./lyra715.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 {
-  r as createHtmlRenderState
+  gt as VisualElementDragControls,
+  H as elementDragControls
 };

package/dist/lyra829.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra829.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n"],"names":["createHtmlRenderState"],"mappings":"AAAK,MAACA,IAAwB,OAAO;AAAA,EACjC,OAAO,CAAE;AAAA,EACT,WAAW,CAAE;AAAA,EACb,iBAAiB,CAAE;AAAA,EACnB,MAAM,CAAE;AACZ;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra829.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]}