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.
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var create = require('./create-CozUbvT0.js');
5
+ var create = require('./create-DflTeyPc.js');
6
6
  require('motion-dom');
7
7
  require('motion-utils');
8
8
  require('react/jsx-runtime');
@@ -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-CozUbvT0.js');
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();