framer-motion 7.0.3 → 7.1.2

package/dist/es/render/html/utils/transform.mjs

@@ -2,21 +2,17 @@
  * A list of all transformable axes. We'll use this list to generated a version
  * of each axes for each transform.
  */
-var transformAxes = ["", "X", "Y", "Z"];
+const transformAxes = ["", "X", "Y", "Z"];
 /**
  * An ordered array of each transformable value. By default, transform values
  * will be sorted to this order.
  */
-var order = ["translate", "scale", "rotate", "skew"];
+const order = ["translate", "scale", "rotate", "skew"];
 /**
  * Generate a list of every possible transform key.
  */
-var transformProps = ["transformPerspective", "x", "y", "z"];
-order.forEach(function (operationKey) {
-    return transformAxes.forEach(function (axesKey) {
-        return transformProps.push(operationKey + axesKey);
-    });
-});
+const transformProps = ["transformPerspective", "x", "y", "z"];
+order.forEach((operationKey) => transformAxes.forEach((axesKey) => transformProps.push(operationKey + axesKey)));
 /**
  * A function to use with Array.sort to sort transform keys by their default order.
  */
@@ -26,14 +22,14 @@ function sortTransformProps(a, b) {
 /**
  * A quick lookup for transform props.
  */
-var transformPropSet = new Set(transformProps);
+const transformPropSet = new Set(transformProps);
 function isTransformProp(key) {
     return transformPropSet.has(key);
 }
 /**
  * A quick lookup for transform origin props
  */
-var transformOriginProps = new Set(["originX", "originY", "originZ"]);
+const transformOriginProps = new Set(["originX", "originY", "originZ"]);
 function isTransformOriginProp(key) {
     return transformOriginProps.has(key);
 }

package/dist/es/render/html/visual-element.mjs

@@ -1,4 +1,4 @@
-import { __rest, __assign } from 'tslib';
+import { __rest } from 'tslib';
 import { visualElement } from '../index.mjs';
 import { getOrigin, checkTargetForNewValues } from '../utils/setters.mjs';
 import { buildHTMLStyles } from './utils/build-styles.mjs';
@@ -13,22 +13,22 @@ import { measureViewportBox } from '../../projection/utils/measure.mjs';
 function getComputedStyle(element) {
     return window.getComputedStyle(element);
 }
-var htmlConfig = {
+const htmlConfig = {
     treeType: "dom",
-    readValueFromInstance: function (domElement, key) {
+    readValueFromInstance(domElement, key) {
         if (isTransformProp(key)) {
-            var defaultType = getDefaultValueType(key);
+            const defaultType = getDefaultValueType(key);
             return defaultType ? defaultType.default || 0 : 0;
         }
         else {
-            var computedStyle = getComputedStyle(domElement);
-            var value = (isCSSVariable(key)
+            const computedStyle = getComputedStyle(domElement);
+            const value = (isCSSVariable(key)
                 ? computedStyle.getPropertyValue(key)
                 : computedStyle[key]) || 0;
             return typeof value === "string" ? value.trim() : value;
         }
     },
-    sortNodePosition: function (a, b) {
+    sortNodePosition(a, b) {
         /**
          * compareDocumentPosition returns a bitmask, by using the bitwise &
          * we're returning true if 2 in that bitmask is set to true. 2 is set
@@ -36,12 +36,11 @@ var htmlConfig = {
          */
         return a.compareDocumentPosition(b) & 2 ? 1 : -1;
     },
-    getBaseTarget: function (props, key) {
+    getBaseTarget(props, key) {
         var _a;
         return (_a = props.style) === null || _a === void 0 ? void 0 : _a[key];
     },
-    measureViewportBox: function (element, _a) {
-        var transformPagePoint = _a.transformPagePoint;
+    measureViewportBox(element, { transformPagePoint }) {
         return measureViewportBox(element, transformPagePoint);
     },
     /**
@@ -51,19 +50,18 @@ var htmlConfig = {
      * layout transforms up the tree in the same way this.getBoundingBoxWithoutTransforms
      * works
      */
-    resetTransform: function (element, domElement, props) {
-        var transformTemplate = props.transformTemplate;
+    resetTransform(element, domElement, props) {
+        const { transformTemplate } = props;
         domElement.style.transform = transformTemplate
             ? transformTemplate({}, "")
             : "none";
         // Ensure that whatever happens next, we restore our transform on the next frame
         element.scheduleRender();
     },
-    restoreTransform: function (instance, mutableState) {
+    restoreTransform(instance, mutableState) {
         instance.style.transform = mutableState.style.transform;
     },
-    removeValueFromRenderState: function (key, _a) {
-        var vars = _a.vars, style = _a.style;
+    removeValueFromRenderState(key, { vars, style }) {
         delete vars[key];
         delete style[key];
     },
@@ -71,11 +69,11 @@ var htmlConfig = {
      * Ensure that HTML and Framer-specific value types like `px`->`%` and `Color`
      * can be animated by Motion.
      */
-    makeTargetAnimatable: function (element, _a, _b, isMounted) {
-        var transition = _a.transition, transitionEnd = _a.transitionEnd, target = __rest(_a, ["transition", "transitionEnd"]);
+    makeTargetAnimatable(element, _a, _b, isMounted) {
+        var { transition, transitionEnd } = _a, target = __rest(_a, ["transition", "transitionEnd"]);
         var transformValues = _b.transformValues;
         if (isMounted === void 0) { isMounted = true; }
-        var origin = getOrigin(target, transition || {}, element);
+        let origin = getOrigin(target, transition || {}, element);
         /**
          * If Framer has provided a function to convert `Color` etc value types, convert them
          */
@@ -89,14 +87,15 @@ var htmlConfig = {
         }
         if (isMounted) {
             checkTargetForNewValues(element, target, origin);
-            var parsed = parseDomVariant(element, target, origin, transitionEnd);
+            const parsed = parseDomVariant(element, target, origin, transitionEnd);
             transitionEnd = parsed.transitionEnd;
             target = parsed.target;
         }
-        return __assign({ transition: transition, transitionEnd: transitionEnd }, target);
+        return Object.assign({ transition,
+            transitionEnd }, target);
     },
-    scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
-    build: function (element, renderState, latestValues, options, props) {
+    scrapeMotionValuesFromProps,
+    build(element, renderState, latestValues, options, props) {
         if (element.isVisible !== undefined) {
             renderState.style.visibility = element.isVisible
                 ? "visible"
@@ -106,6 +105,6 @@ var htmlConfig = {
     },
     render: renderHTML,
 };
-var htmlVisualElement = visualElement(htmlConfig);
+const htmlVisualElement = visualElement(htmlConfig);
 
 export { getComputedStyle, htmlConfig, htmlVisualElement };