framer-motion 12.35.2 → 12.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -15
- package/dist/cjs/client.js +1 -1
- package/dist/cjs/dom.js +38 -6
- package/dist/cjs/dom.js.map +1 -1
- package/dist/cjs/{feature-bundle-DqHxNjy5.js → feature-bundle-CBfLWgGA.js} +47 -6
- package/dist/cjs/feature-bundle-CBfLWgGA.js.map +1 -0
- package/dist/cjs/index.js +41 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/m.js +7 -1
- package/dist/cjs/m.js.map +1 -1
- package/dist/dom-mini.js +1 -1
- package/dist/dom.js +1 -1
- package/dist/es/components/AnimatePresence/PopChild.mjs +1 -0
- package/dist/es/components/AnimatePresence/PopChild.mjs.map +1 -1
- package/dist/es/components/AnimatePresence/index.mjs +1 -1
- package/dist/es/components/AnimatePresence/index.mjs.map +1 -1
- package/dist/es/gestures/drag/VisualElementDragControls.mjs +2 -1
- package/dist/es/gestures/drag/VisualElementDragControls.mjs.map +1 -1
- package/dist/es/gestures/pan/PanSession.mjs.map +1 -1
- package/dist/es/motion/features/animation/exit.mjs +31 -1
- package/dist/es/motion/features/animation/exit.mjs.map +1 -1
- package/dist/es/motion/features/viewport/index.mjs +7 -3
- package/dist/es/motion/features/viewport/index.mjs.map +1 -1
- package/dist/es/render/dom/scroll/utils/offset-to-range.mjs +38 -6
- package/dist/es/render/dom/scroll/utils/offset-to-range.mjs.map +1 -1
- package/dist/es/render/dom/utils/filter-props.mjs +8 -1
- package/dist/es/render/dom/utils/filter-props.mjs.map +1 -1
- package/dist/es/value/use-spring.mjs.map +1 -1
- package/dist/framer-motion.dev.js +272 -88
- package/dist/framer-motion.js +1 -1
- package/dist/mini.js +1 -1
- package/dist/size-rollup-animate.js +1 -1
- package/dist/size-rollup-animate.js.map +1 -1
- package/dist/size-rollup-dom-animation-assets.js +1 -1
- package/dist/size-rollup-dom-animation-m.js +1 -1
- package/dist/size-rollup-dom-animation.js +1 -1
- package/dist/size-rollup-dom-max-assets.js +1 -1
- package/dist/size-rollup-dom-max.js +1 -1
- package/dist/size-rollup-m.js +1 -1
- package/dist/size-rollup-m.js.map +1 -1
- package/dist/size-rollup-motion.js +1 -1
- package/dist/size-rollup-motion.js.map +1 -1
- package/dist/size-rollup-scroll.js +1 -1
- package/dist/size-rollup-scroll.js.map +1 -1
- package/dist/size-rollup-waapi-animate.js +1 -1
- package/dist/size-rollup-waapi-animate.js.map +1 -1
- package/dist/types/index.d.ts +5 -4
- package/package.json +4 -4
- package/dist/cjs/feature-bundle-DqHxNjy5.js.map +0 -1
package/dist/cjs/index.js
CHANGED
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var featureBundle = require('./feature-bundle-
|
|
7
|
+
var featureBundle = require('./feature-bundle-CBfLWgGA.js');
|
|
8
8
|
var motionDom = require('motion-dom');
|
|
9
9
|
var motionUtils = require('motion-utils');
|
|
10
10
|
|
|
@@ -170,6 +170,7 @@ function PopChild({ children, isPresent, anchorX, anchorY, root, pop }) {
|
|
|
170
170
|
`);
|
|
171
171
|
}
|
|
172
172
|
return () => {
|
|
173
|
+
ref.current?.removeAttribute("data-motion-pop-id");
|
|
173
174
|
if (parent.contains(style)) {
|
|
174
175
|
parent.removeChild(style);
|
|
175
176
|
}
|
|
@@ -383,8 +384,8 @@ const AnimatePresence = ({ children, custom, initial = true, onExitComplete, pre
|
|
|
383
384
|
if (exitingComponents.current.has(key)) {
|
|
384
385
|
return;
|
|
385
386
|
}
|
|
386
|
-
exitingComponents.current.add(key);
|
|
387
387
|
if (exitComplete.has(key)) {
|
|
388
|
+
exitingComponents.current.add(key);
|
|
388
389
|
exitComplete.set(key, true);
|
|
389
390
|
}
|
|
390
391
|
else {
|
|
@@ -2029,16 +2030,48 @@ const presets = [
|
|
|
2029
2030
|
[ScrollOffset.Any, "cover"],
|
|
2030
2031
|
[ScrollOffset.All, "contain"],
|
|
2031
2032
|
];
|
|
2032
|
-
|
|
2033
|
+
const stringToProgress = {
|
|
2034
|
+
start: 0,
|
|
2035
|
+
end: 1,
|
|
2036
|
+
};
|
|
2037
|
+
function parseStringOffset(s) {
|
|
2038
|
+
const parts = s.trim().split(/\s+/);
|
|
2039
|
+
if (parts.length !== 2)
|
|
2040
|
+
return undefined;
|
|
2041
|
+
const a = stringToProgress[parts[0]];
|
|
2042
|
+
const b = stringToProgress[parts[1]];
|
|
2043
|
+
if (a === undefined || b === undefined)
|
|
2044
|
+
return undefined;
|
|
2045
|
+
return [a, b];
|
|
2046
|
+
}
|
|
2047
|
+
function normaliseOffset(offset) {
|
|
2033
2048
|
if (offset.length !== 2)
|
|
2049
|
+
return undefined;
|
|
2050
|
+
const result = [];
|
|
2051
|
+
for (const item of offset) {
|
|
2052
|
+
if (Array.isArray(item)) {
|
|
2053
|
+
result.push(item);
|
|
2054
|
+
}
|
|
2055
|
+
else if (typeof item === "string") {
|
|
2056
|
+
const parsed = parseStringOffset(item);
|
|
2057
|
+
if (!parsed)
|
|
2058
|
+
return undefined;
|
|
2059
|
+
result.push(parsed);
|
|
2060
|
+
}
|
|
2061
|
+
else {
|
|
2062
|
+
return undefined;
|
|
2063
|
+
}
|
|
2064
|
+
}
|
|
2065
|
+
return result;
|
|
2066
|
+
}
|
|
2067
|
+
function matchesPreset(offset, preset) {
|
|
2068
|
+
const normalised = normaliseOffset(offset);
|
|
2069
|
+
if (!normalised)
|
|
2034
2070
|
return false;
|
|
2035
2071
|
for (let i = 0; i < 2; i++) {
|
|
2036
|
-
const o =
|
|
2072
|
+
const o = normalised[i];
|
|
2037
2073
|
const p = preset[i];
|
|
2038
|
-
if (
|
|
2039
|
-
o.length !== 2 ||
|
|
2040
|
-
o[0] !== p[0] ||
|
|
2041
|
-
o[1] !== p[1])
|
|
2074
|
+
if (o[0] !== p[0] || o[1] !== p[1])
|
|
2042
2075
|
return false;
|
|
2043
2076
|
}
|
|
2044
2077
|
return true;
|