framer-motion 12.15.0 → 12.16.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/dist/cjs/client.js +1 -1
- package/dist/cjs/{create-CozUbvT0.js → create-DflTeyPc.js} +1 -0
- package/dist/cjs/dom.js +1 -94
- package/dist/cjs/index.js +2 -95
- package/dist/dom.js +1 -1
- package/dist/es/projection/node/create-projection-node.mjs +1 -0
- package/dist/es/render/dom/scroll/track.mjs +1 -2
- package/dist/framer-motion.dev.js +103 -101
- package/dist/framer-motion.js +1 -1
- package/dist/size-rollup-dom-max.js +1 -1
- package/dist/size-rollup-motion.js +1 -1
- package/dist/size-rollup-scroll.js +1 -1
- package/package.json +3 -3
- package/dist/es/render/dom/resize/handle-element.mjs +0 -63
- package/dist/es/render/dom/resize/handle-window.mjs +0 -30
- package/dist/es/render/dom/resize/index.mjs +0 -8
package/dist/cjs/client.js
CHANGED
|
@@ -1956,6 +1956,7 @@ function createProjectionNode$1({ attachResizeListener, defaultParent, measureSc
|
|
|
1956
1956
|
this.motionValue || (this.motionValue = motionDom.motionValue(0));
|
|
1957
1957
|
this.currentAnimation = animateSingleValue(this.motionValue, [0, 1000], {
|
|
1958
1958
|
...options,
|
|
1959
|
+
velocity: 0,
|
|
1959
1960
|
isSync: true,
|
|
1960
1961
|
onUpdate: (latest) => {
|
|
1961
1962
|
this.mixTargetDelta(latest);
|
package/dist/cjs/dom.js
CHANGED
|
@@ -1941,99 +1941,6 @@ const createScopedWaapiAnimate = (scope) => {
|
|
|
1941
1941
|
};
|
|
1942
1942
|
const animateMini = /*@__PURE__*/ createScopedWaapiAnimate();
|
|
1943
1943
|
|
|
1944
|
-
const resizeHandlers = new WeakMap();
|
|
1945
|
-
let observer;
|
|
1946
|
-
function getElementSize(target, borderBoxSize) {
|
|
1947
|
-
if (borderBoxSize) {
|
|
1948
|
-
const { inlineSize, blockSize } = borderBoxSize[0];
|
|
1949
|
-
return { width: inlineSize, height: blockSize };
|
|
1950
|
-
}
|
|
1951
|
-
else if (motionDom.isSVGElement(target) && "getBBox" in target) {
|
|
1952
|
-
return target.getBBox();
|
|
1953
|
-
}
|
|
1954
|
-
else {
|
|
1955
|
-
return {
|
|
1956
|
-
width: target.offsetWidth,
|
|
1957
|
-
height: target.offsetHeight,
|
|
1958
|
-
};
|
|
1959
|
-
}
|
|
1960
|
-
}
|
|
1961
|
-
function notifyTarget({ target, contentRect, borderBoxSize, }) {
|
|
1962
|
-
resizeHandlers.get(target)?.forEach((handler) => {
|
|
1963
|
-
handler({
|
|
1964
|
-
target,
|
|
1965
|
-
contentSize: contentRect,
|
|
1966
|
-
get size() {
|
|
1967
|
-
return getElementSize(target, borderBoxSize);
|
|
1968
|
-
},
|
|
1969
|
-
});
|
|
1970
|
-
});
|
|
1971
|
-
}
|
|
1972
|
-
function notifyAll(entries) {
|
|
1973
|
-
entries.forEach(notifyTarget);
|
|
1974
|
-
}
|
|
1975
|
-
function createResizeObserver() {
|
|
1976
|
-
if (typeof ResizeObserver === "undefined")
|
|
1977
|
-
return;
|
|
1978
|
-
observer = new ResizeObserver(notifyAll);
|
|
1979
|
-
}
|
|
1980
|
-
function resizeElement(target, handler) {
|
|
1981
|
-
if (!observer)
|
|
1982
|
-
createResizeObserver();
|
|
1983
|
-
const elements = motionDom.resolveElements(target);
|
|
1984
|
-
elements.forEach((element) => {
|
|
1985
|
-
let elementHandlers = resizeHandlers.get(element);
|
|
1986
|
-
if (!elementHandlers) {
|
|
1987
|
-
elementHandlers = new Set();
|
|
1988
|
-
resizeHandlers.set(element, elementHandlers);
|
|
1989
|
-
}
|
|
1990
|
-
elementHandlers.add(handler);
|
|
1991
|
-
observer?.observe(element);
|
|
1992
|
-
});
|
|
1993
|
-
return () => {
|
|
1994
|
-
elements.forEach((element) => {
|
|
1995
|
-
const elementHandlers = resizeHandlers.get(element);
|
|
1996
|
-
elementHandlers?.delete(handler);
|
|
1997
|
-
if (!elementHandlers?.size) {
|
|
1998
|
-
observer?.unobserve(element);
|
|
1999
|
-
}
|
|
2000
|
-
});
|
|
2001
|
-
};
|
|
2002
|
-
}
|
|
2003
|
-
|
|
2004
|
-
const windowCallbacks = new Set();
|
|
2005
|
-
let windowResizeHandler;
|
|
2006
|
-
function createWindowResizeHandler() {
|
|
2007
|
-
windowResizeHandler = () => {
|
|
2008
|
-
const size = {
|
|
2009
|
-
width: window.innerWidth,
|
|
2010
|
-
height: window.innerHeight,
|
|
2011
|
-
};
|
|
2012
|
-
const info = {
|
|
2013
|
-
target: window,
|
|
2014
|
-
size,
|
|
2015
|
-
contentSize: size,
|
|
2016
|
-
};
|
|
2017
|
-
windowCallbacks.forEach((callback) => callback(info));
|
|
2018
|
-
};
|
|
2019
|
-
window.addEventListener("resize", windowResizeHandler);
|
|
2020
|
-
}
|
|
2021
|
-
function resizeWindow(callback) {
|
|
2022
|
-
windowCallbacks.add(callback);
|
|
2023
|
-
if (!windowResizeHandler)
|
|
2024
|
-
createWindowResizeHandler();
|
|
2025
|
-
return () => {
|
|
2026
|
-
windowCallbacks.delete(callback);
|
|
2027
|
-
if (!windowCallbacks.size && windowResizeHandler) {
|
|
2028
|
-
windowResizeHandler = undefined;
|
|
2029
|
-
}
|
|
2030
|
-
};
|
|
2031
|
-
}
|
|
2032
|
-
|
|
2033
|
-
function resize(a, b) {
|
|
2034
|
-
return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
|
|
2035
|
-
}
|
|
2036
|
-
|
|
2037
1944
|
/**
|
|
2038
1945
|
* A time in milliseconds, beyond which we consider the scroll velocity to be 0.
|
|
2039
1946
|
*/
|
|
@@ -2363,7 +2270,7 @@ function scrollInfo(onScroll, { container = document.scrollingElement, ...option
|
|
|
2363
2270
|
const target = getEventTarget(container);
|
|
2364
2271
|
window.addEventListener("resize", listener, { passive: true });
|
|
2365
2272
|
if (container !== document.documentElement) {
|
|
2366
|
-
resizeListeners.set(container, resize(container, listener));
|
|
2273
|
+
resizeListeners.set(container, motionDom.resize(container, listener));
|
|
2367
2274
|
}
|
|
2368
2275
|
target.addEventListener("scroll", listener, { passive: true });
|
|
2369
2276
|
listener();
|
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 create = require('./create-
|
|
7
|
+
var create = require('./create-DflTeyPc.js');
|
|
8
8
|
var motionDom = require('motion-dom');
|
|
9
9
|
var motionUtils = require('motion-utils');
|
|
10
10
|
|
|
@@ -1333,99 +1333,6 @@ const createScopedWaapiAnimate = (scope) => {
|
|
|
1333
1333
|
};
|
|
1334
1334
|
const animateMini = /*@__PURE__*/ createScopedWaapiAnimate();
|
|
1335
1335
|
|
|
1336
|
-
const resizeHandlers = new WeakMap();
|
|
1337
|
-
let observer;
|
|
1338
|
-
function getElementSize(target, borderBoxSize) {
|
|
1339
|
-
if (borderBoxSize) {
|
|
1340
|
-
const { inlineSize, blockSize } = borderBoxSize[0];
|
|
1341
|
-
return { width: inlineSize, height: blockSize };
|
|
1342
|
-
}
|
|
1343
|
-
else if (motionDom.isSVGElement(target) && "getBBox" in target) {
|
|
1344
|
-
return target.getBBox();
|
|
1345
|
-
}
|
|
1346
|
-
else {
|
|
1347
|
-
return {
|
|
1348
|
-
width: target.offsetWidth,
|
|
1349
|
-
height: target.offsetHeight,
|
|
1350
|
-
};
|
|
1351
|
-
}
|
|
1352
|
-
}
|
|
1353
|
-
function notifyTarget({ target, contentRect, borderBoxSize, }) {
|
|
1354
|
-
resizeHandlers.get(target)?.forEach((handler) => {
|
|
1355
|
-
handler({
|
|
1356
|
-
target,
|
|
1357
|
-
contentSize: contentRect,
|
|
1358
|
-
get size() {
|
|
1359
|
-
return getElementSize(target, borderBoxSize);
|
|
1360
|
-
},
|
|
1361
|
-
});
|
|
1362
|
-
});
|
|
1363
|
-
}
|
|
1364
|
-
function notifyAll(entries) {
|
|
1365
|
-
entries.forEach(notifyTarget);
|
|
1366
|
-
}
|
|
1367
|
-
function createResizeObserver() {
|
|
1368
|
-
if (typeof ResizeObserver === "undefined")
|
|
1369
|
-
return;
|
|
1370
|
-
observer = new ResizeObserver(notifyAll);
|
|
1371
|
-
}
|
|
1372
|
-
function resizeElement(target, handler) {
|
|
1373
|
-
if (!observer)
|
|
1374
|
-
createResizeObserver();
|
|
1375
|
-
const elements = motionDom.resolveElements(target);
|
|
1376
|
-
elements.forEach((element) => {
|
|
1377
|
-
let elementHandlers = resizeHandlers.get(element);
|
|
1378
|
-
if (!elementHandlers) {
|
|
1379
|
-
elementHandlers = new Set();
|
|
1380
|
-
resizeHandlers.set(element, elementHandlers);
|
|
1381
|
-
}
|
|
1382
|
-
elementHandlers.add(handler);
|
|
1383
|
-
observer?.observe(element);
|
|
1384
|
-
});
|
|
1385
|
-
return () => {
|
|
1386
|
-
elements.forEach((element) => {
|
|
1387
|
-
const elementHandlers = resizeHandlers.get(element);
|
|
1388
|
-
elementHandlers?.delete(handler);
|
|
1389
|
-
if (!elementHandlers?.size) {
|
|
1390
|
-
observer?.unobserve(element);
|
|
1391
|
-
}
|
|
1392
|
-
});
|
|
1393
|
-
};
|
|
1394
|
-
}
|
|
1395
|
-
|
|
1396
|
-
const windowCallbacks = new Set();
|
|
1397
|
-
let windowResizeHandler;
|
|
1398
|
-
function createWindowResizeHandler() {
|
|
1399
|
-
windowResizeHandler = () => {
|
|
1400
|
-
const size = {
|
|
1401
|
-
width: window.innerWidth,
|
|
1402
|
-
height: window.innerHeight,
|
|
1403
|
-
};
|
|
1404
|
-
const info = {
|
|
1405
|
-
target: window,
|
|
1406
|
-
size,
|
|
1407
|
-
contentSize: size,
|
|
1408
|
-
};
|
|
1409
|
-
windowCallbacks.forEach((callback) => callback(info));
|
|
1410
|
-
};
|
|
1411
|
-
window.addEventListener("resize", windowResizeHandler);
|
|
1412
|
-
}
|
|
1413
|
-
function resizeWindow(callback) {
|
|
1414
|
-
windowCallbacks.add(callback);
|
|
1415
|
-
if (!windowResizeHandler)
|
|
1416
|
-
createWindowResizeHandler();
|
|
1417
|
-
return () => {
|
|
1418
|
-
windowCallbacks.delete(callback);
|
|
1419
|
-
if (!windowCallbacks.size && windowResizeHandler) {
|
|
1420
|
-
windowResizeHandler = undefined;
|
|
1421
|
-
}
|
|
1422
|
-
};
|
|
1423
|
-
}
|
|
1424
|
-
|
|
1425
|
-
function resize(a, b) {
|
|
1426
|
-
return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
|
|
1427
|
-
}
|
|
1428
|
-
|
|
1429
1336
|
/**
|
|
1430
1337
|
* A time in milliseconds, beyond which we consider the scroll velocity to be 0.
|
|
1431
1338
|
*/
|
|
@@ -1755,7 +1662,7 @@ function scrollInfo(onScroll, { container = document.scrollingElement, ...option
|
|
|
1755
1662
|
const target = getEventTarget(container);
|
|
1756
1663
|
window.addEventListener("resize", listener, { passive: true });
|
|
1757
1664
|
if (container !== document.documentElement) {
|
|
1758
|
-
resizeListeners.set(container, resize(container, listener));
|
|
1665
|
+
resizeListeners.set(container, motionDom.resize(container, listener));
|
|
1759
1666
|
}
|
|
1760
1667
|
target.addEventListener("scroll", listener, { passive: true });
|
|
1761
1668
|
listener();
|