@studiometa/js-toolkit 2.4.1 → 2.4.2

package/decorators/withScrolledInView.js

@@ -7,6 +7,25 @@ var __publicField = (obj, key, value) => {
 import withMountWhenInView from "./withMountWhenInView.js";
 import { damp, clamp, clamp01, getOffsetSizes, isFunction, useScheduler } from "../utils/index.js";
 const scheduler = useScheduler(["update", "render"]);
+function updateProps(props, dampFactor, dampPrecision, axis = "x") {
+  props.current[axis] = clamp(
+    axis === "x" ? window.pageXOffset : window.pageYOffset,
+    props.start[axis],
+    props.end[axis]
+  );
+  props.dampedCurrent[axis] = damp(
+    props.current[axis],
+    props.dampedCurrent[axis],
+    dampFactor,
+    dampPrecision
+  );
+  props.progress[axis] = clamp01(
+    (props.current[axis] - props.start[axis]) / (props.end[axis] - props.start[axis])
+  );
+  props.dampedProgress[axis] = clamp01(
+    (props.dampedCurrent[axis] - props.start[axis]) / (props.end[axis] - props.start[axis])
+  );
+}
 function withScrolledInView(BaseClass, options = {}) {
   var _a;
   return _a = class extends withMountWhenInView(BaseClass, options) {
@@ -25,6 +44,10 @@ function withScrolledInView(BaseClass, options = {}) {
           x: 0,
           y: 0
         },
+        dampedCurrent: {
+          x: 0,
+          y: 0
+        },
         progress: {
           x: 0,
           y: 0
@@ -36,6 +59,16 @@ function withScrolledInView(BaseClass, options = {}) {
       });
       __publicField(this, "dampFactor", 0.1);
       __publicField(this, "dampPrecision", 1e-3);
+      const render = () => {
+        scheduler.update(() => {
+          const renderFn = this.__callMethod("scrolledInView", this.__props);
+          if (isFunction(renderFn)) {
+            scheduler.render(() => {
+              renderFn(this.__props);
+            });
+          }
+        });
+      };
       const delegate = {
         handleEvent(event) {
           delegate[event.type](event.detail[0]);
@@ -49,23 +82,12 @@ function withScrolledInView(BaseClass, options = {}) {
           }
         },
         ticked: () => {
-          this.__props.current.x = clamp(window.pageXOffset, this.__props.start.x, this.__props.end.x);
-          this.__props.progress.x = clamp01((this.__props.current.x - this.__props.start.x) / (this.__props.end.x - this.__props.start.x));
-          this.__props.dampedProgress.x = damp(this.__props.progress.x, this.__props.dampedProgress.x, this.dampFactor, this.dampPrecision);
-          this.__props.current.y = clamp(window.pageYOffset, this.__props.start.y, this.__props.end.y);
-          this.__props.progress.y = clamp01((this.__props.current.y - this.__props.start.y) / (this.__props.end.y - this.__props.start.y));
-          this.__props.dampedProgress.y = damp(this.__props.progress.y, this.__props.dampedProgress.y, this.dampFactor, this.dampPrecision);
-          if (this.__props.dampedProgress.x === this.__props.progress.x && this.__props.dampedProgress.y === this.__props.progress.y) {
+          updateProps(this.__props, this.dampFactor, this.dampPrecision, "x");
+          updateProps(this.__props, this.dampFactor, this.dampPrecision, "y");
+          if (this.__props.dampedCurrent.x === this.__props.current.x && this.__props.dampedCurrent.y === this.__props.current.y) {
             this.$services.disable("ticked");
           }
-          scheduler.update(() => {
-            const renderFn = this.__callMethod("scrolledInView", this.__props);
-            if (isFunction(renderFn)) {
-              scheduler.render(() => {
-                renderFn(this.__props);
-              });
-            }
-          });
+          render();
         }
       };
       this.$on("before-mounted", () => {
@@ -80,6 +102,11 @@ function withScrolledInView(BaseClass, options = {}) {
         this.$off("resized", delegate);
         this.$off("scrolled", delegate);
         this.$off("ticked", delegate);
+        this.__props.dampedCurrent.x = this.__props.current.x;
+        this.__props.dampedCurrent.y = this.__props.current.y;
+        this.__props.dampedProgress.x = this.__props.progress.x;
+        this.__props.dampedProgress.y = this.__props.progress.y;
+        render();
       });
     }
     mounted() {
@@ -118,10 +145,26 @@ function withScrolledInView(BaseClass, options = {}) {
       this.__props.end.y = yEnd;
       this.__props.current.x = xCurrent;
       this.__props.current.y = yCurrent;
+      this.__props.dampedCurrent.x = damp(
+        xCurrent,
+        this.__props.dampedCurrent.x,
+        this.dampFactor,
+        this.dampPrecision
+      );
+      this.__props.dampedCurrent.y = damp(
+        yCurrent,
+        this.__props.dampedCurrent.y,
+        this.dampFactor,
+        this.dampPrecision
+      );
       this.__props.progress.x = xProgress;
       this.__props.progress.y = yProgress;
-      this.__props.dampedProgress.x = damp(xProgress, this.__props.dampedProgress.x);
-      this.__props.dampedProgress.y = damp(yProgress, this.__props.dampedProgress.y);
+      this.__props.dampedProgress.x = clamp01(
+        (this.__props.dampedCurrent.x - xStart) / (xEnd - xStart)
+      );
+      this.__props.dampedProgress.y = clamp01(
+        (this.__props.dampedCurrent.y - yStart) / (yEnd - yStart)
+      );
     }
   }, __publicField(_a, "config", {
     name: `${BaseClass.config.name}WithMountWhenInView`,

package/decorators/withVue2.d.ts

@@ -1,6 +1,6 @@
 declare function _default<T extends typeof import("../Base").default>(BaseClass: T, Vue: import('vue').VueConstructor): T;
 export default _default;
-export type Base = import('../Base').default;
+export type Base = import("../Base").default<any>;
 export type BaseConstructor = import('../Base').BaseConstructor;
 export type WithVue2Refs = {
     vue: HTMLElement;

package/helpers/getDirectChildren.d.ts

@@ -10,7 +10,7 @@
  * @param   {string} childrenName
  * @returns {Array<T>}
  */
-export function getDirectChildren<T extends import("../Base/index.js").default>(parentInstance: Base, parentName: string, childrenName: string): T[];
+export function getDirectChildren<T extends import("../Base/index.js").default<any>>(parentInstance: import("../Base/index.js").default<any>, parentName: string, childrenName: string): T[];
 /**
  * Test if a component instance is a direct child from the given component.
  *
@@ -20,5 +20,5 @@ export function getDirectChildren<T extends import("../Base/index.js").default>(
  * @param   {Base}    childInstance
  * @returns {boolean}
  */
-export function isDirectChild(parentInstance: Base, parentName: string, childrenName: string, childInstance: Base): boolean;
-export type Base = import('../Base/index.js').default;
+export function isDirectChild(parentInstance: import("../Base/index.js").default<any>, parentName: string, childrenName: string, childInstance: import("../Base/index.js").default<any>): boolean;
+export type Base = import("../Base/index.js").default<any>;

package/helpers/importOnInteraction.d.ts

@@ -18,6 +18,6 @@
  */
 export default function importOnInteraction<T extends typeof import("../Base/index.js").default>(fn: () => Promise<T | {
     default: T;
-}>, nameOrSelectorOrElement: string | HTMLElement | HTMLElement[], events: string | string[], parent?: Base): Promise<T>;
+}>, nameOrSelectorOrElement: string | HTMLElement | HTMLElement[], events: string | string[], parent?: import("../Base/index.js").default<any>): Promise<T>;
 export type BaseConstructor = import('../Base/index.js').BaseConstructor;
-export type Base = import('../Base/index.js').default;
+export type Base = import("../Base/index.js").default<any>;

package/helpers/importWhenIdle.cjs

@@ -38,11 +38,14 @@ function importWhenIdle(fn, options) {
         resolver(resolve);
       }, timeout);
     } else {
-      window.requestIdleCallback(() => {
-        setTimeout(() => {
-          resolver(resolve);
-        }, 0);
-      }, { timeout: options == null ? void 0 : options.timeout });
+      window.requestIdleCallback(
+        () => {
+          setTimeout(() => {
+            resolver(resolve);
+          }, 0);
+        },
+        { timeout: options == null ? void 0 : options.timeout }
+      );
     }
   });
 }

package/helpers/importWhenIdle.js

@@ -14,11 +14,14 @@ function importWhenIdle(fn, options) {
         resolver(resolve);
       }, timeout);
     } else {
-      window.requestIdleCallback(() => {
-        setTimeout(() => {
-          resolver(resolve);
-        }, 0);
-      }, { timeout: options == null ? void 0 : options.timeout });
+      window.requestIdleCallback(
+        () => {
+          setTimeout(() => {
+            resolver(resolve);
+          }, 0);
+        },
+        { timeout: options == null ? void 0 : options.timeout }
+      );
     }
   });
 }

package/helpers/importWhenVisible.d.ts

@@ -18,6 +18,6 @@
  */
 export default function importWhenVisible<T extends typeof import("../Base/index.js").default>(fn: () => Promise<T | {
     default: T;
-}>, nameOrSelectorOrElement: string | HTMLElement | HTMLElement[], parent?: Base, observerOptions?: IntersectionObserverInit): Promise<T>;
-export type Base = import('../Base/index.js').default;
+}>, nameOrSelectorOrElement: string | HTMLElement | HTMLElement[], parent?: import("../Base/index.js").default<any>, observerOptions?: IntersectionObserverInit): Promise<T>;
+export type Base = import("../Base/index.js").default<any>;
 export type BaseConstructor = import('../Base/index.js').BaseConstructor;

package/helpers/index.cjs

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/helpers/index.js

package/index.cjs

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/index.js

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"
@@ -39,7 +39,7 @@
     "toolkit"
   ],
   "dependencies": {
-    "@motionone/easing": "^10.9.0",
+    "@motionone/easing": "^10.14.0",
     "deepmerge": "^4.2.2"
   },
   "devDependencies": {

package/services/drag.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/services/drag.js

package/services/index.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/services/index.js

package/services/index.d.ts

@@ -24,3 +24,10 @@ export type ServiceInterface<T> = {
      */
     props: () => T;
 };
+export type DragServiceProps = import('./drag').DragServiceProps;
+export type KeyServiceProps = import('./key').KeyServiceProps;
+export type LoadServiceProps = import('./load').LoadServiceProps;
+export type PointerServiceProps = import('./pointer').PointerServiceProps;
+export type RafServiceProps = import('./raf').RafServiceProps;
+export type ResizeServiceProps = import('./resize').ResizeServiceProps;
+export type ScrollServiceProps = import('./scroll').ScrollServiceProps;

package/services/key.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/services/key.js

package/services/resize.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/services/resize.js

package/services/scroll.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/services/scroll.js

package/utils/collide/index.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/utils/collide/index.js

package/utils/css/animate.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/utils/css/animate.js
@@ -48,7 +51,11 @@ function getAnimationStepValue(val, getSizeRef) {
   }
   return CSSUnitConverter[val[1]](val[0], getSizeRef);
 }
-var generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(getAnimationStepValue(fromValue != null ? fromValue : 0, () => element[sizeRef]), getAnimationStepValue(toValue != null ? toValue : 0, () => element[sizeRef]), progress);
+var generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(
+  getAnimationStepValue(fromValue != null ? fromValue : 0, () => element[sizeRef]),
+  getAnimationStepValue(toValue != null ? toValue : 0, () => element[sizeRef]),
+  progress
+);
 var widthBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetWidth");
 var heightBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetHeight");
 var generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(fromValue != null ? fromValue : defaultValue, toValue != null ? toValue : defaultValue, progress);
@@ -86,9 +93,11 @@ function render(element, from, to, progress) {
     } else if (element.style.transformOrigin) {
       transformOrigin = "";
     }
-    const props = Object.fromEntries(import_transform.TRANSFORM_PROPS.filter((name) => (0, import_is.isDefined)(from[name]) || (0, import_is.isDefined)(to[name])).map((name) => {
-      return [name, transformRenderStrategies[name](element, from[name], to[name], stepProgress)];
-    }));
+    const props = Object.fromEntries(
+      import_transform.TRANSFORM_PROPS.filter((name) => (0, import_is.isDefined)(from[name]) || (0, import_is.isDefined)(to[name])).map((name) => {
+        return [name, transformRenderStrategies[name](element, from[name], to[name], stepProgress)];
+      })
+    );
     import_scheduler.domScheduler.write(function renderWrite() {
       if (opacity !== false) {
         element.style.opacity = opacity;
@@ -102,14 +111,16 @@ function render(element, from, to, progress) {
 }
 function animate(element, keyframes, options = {}) {
   const keyframesCount = keyframes.length - 1;
-  const normalizedKeyframes = keyframes.map((keyframe, index) => {
-    var _a;
-    return {
-      ...keyframe,
-      offset: (_a = keyframe.offset) != null ? _a : index / keyframesCount,
-      easing: (0, import_tween.normalizeEase)(keyframe.easing)
-    };
-  });
+  const normalizedKeyframes = keyframes.map(
+    (keyframe, index) => {
+      var _a;
+      return {
+        ...keyframe,
+        offset: (_a = keyframe.offset) != null ? _a : index / keyframesCount,
+        easing: (0, import_tween.normalizeEase)(keyframe.easing)
+      };
+    }
+  );
   if (!running.has(element)) {
     running.set(element, /* @__PURE__ */ new Map());
   }

package/utils/css/animate.js

@@ -21,7 +21,11 @@ function getAnimationStepValue(val, getSizeRef) {
   }
   return CSSUnitConverter[val[1]](val[0], getSizeRef);
 }
-const generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => lerp(getAnimationStepValue(fromValue != null ? fromValue : 0, () => element[sizeRef]), getAnimationStepValue(toValue != null ? toValue : 0, () => element[sizeRef]), progress);
+const generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => lerp(
+  getAnimationStepValue(fromValue != null ? fromValue : 0, () => element[sizeRef]),
+  getAnimationStepValue(toValue != null ? toValue : 0, () => element[sizeRef]),
+  progress
+);
 const widthBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetWidth");
 const heightBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetHeight");
 const generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) => lerp(fromValue != null ? fromValue : defaultValue, toValue != null ? toValue : defaultValue, progress);
@@ -59,9 +63,11 @@ function render(element, from, to, progress) {
     } else if (element.style.transformOrigin) {
       transformOrigin = "";
     }
-    const props = Object.fromEntries(TRANSFORM_PROPS.filter((name) => isDefined(from[name]) || isDefined(to[name])).map((name) => {
-      return [name, transformRenderStrategies[name](element, from[name], to[name], stepProgress)];
-    }));
+    const props = Object.fromEntries(
+      TRANSFORM_PROPS.filter((name) => isDefined(from[name]) || isDefined(to[name])).map((name) => {
+        return [name, transformRenderStrategies[name](element, from[name], to[name], stepProgress)];
+      })
+    );
     scheduler.write(function renderWrite() {
       if (opacity !== false) {
         element.style.opacity = opacity;
@@ -75,14 +81,16 @@ function render(element, from, to, progress) {
 }
 function animate(element, keyframes, options = {}) {
   const keyframesCount = keyframes.length - 1;
-  const normalizedKeyframes = keyframes.map((keyframe, index) => {
-    var _a;
-    return {
-      ...keyframe,
-      offset: (_a = keyframe.offset) != null ? _a : index / keyframesCount,
-      easing: normalizeEase(keyframe.easing)
-    };
-  });
+  const normalizedKeyframes = keyframes.map(
+    (keyframe, index) => {
+      var _a;
+      return {
+        ...keyframe,
+        offset: (_a = keyframe.offset) != null ? _a : index / keyframesCount,
+        easing: normalizeEase(keyframe.easing)
+      };
+    }
+  );
   if (!running.has(element)) {
     running.set(element, /* @__PURE__ */ new Map());
   }

package/utils/css/index.cjs

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/utils/css/index.js

package/utils/css/transition.cjs

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -70,10 +73,7 @@ async function start(element, classesOrStyles) {
   trs.isTransitioning = true;
   setClassesOrStyles(element, classesOrStyles.from);
   await (0, import_nextFrame.nextFrame)();
-  await (0, import_nextFrame.nextFrame)();
   setClassesOrStyles(element, classesOrStyles.active);
-  await (0, import_nextFrame.nextFrame)();
-  await (0, import_nextFrame.nextFrame)();
 }
 async function next(element, classesOrStyles) {
   const hasTransition = testTransition(element);

package/utils/css/transition.js

@@ -43,10 +43,7 @@ async function start(element, classesOrStyles) {
   trs.isTransitioning = true;
   setClassesOrStyles(element, classesOrStyles.from);
   await nextFrame();
-  await nextFrame();
   setClassesOrStyles(element, classesOrStyles.active);
-  await nextFrame();
-  await nextFrame();
 }
 async function next(element, classesOrStyles) {
   const hasTransition = testTransition(element);

package/utils/focusTrap.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/utils/focusTrap.js

package/utils/history.cjs

@@ -51,7 +51,10 @@ function updateUrlSearchParam(params, name, value) {
   return params;
 }
 function objectToURLSearchParams(obj, defaultSearch = (0, import_has.hasWindow)() ? window.location.search : "") {
-  return Object.entries(obj).reduce((urlSearchParams, [name, value]) => updateUrlSearchParam(urlSearchParams, name, value), new URLSearchParams(defaultSearch));
+  return Object.entries(obj).reduce(
+    (urlSearchParams, [name, value]) => updateUrlSearchParam(urlSearchParams, name, value),
+    new URLSearchParams(defaultSearch)
+  );
 }
 function updateHistory(mode, options, data = {}, title = "") {
   if (!window.history) {

package/utils/history.js

@@ -25,7 +25,10 @@ function updateUrlSearchParam(params, name, value) {
   return params;
 }
 function objectToURLSearchParams(obj, defaultSearch = hasWindow() ? window.location.search : "") {
-  return Object.entries(obj).reduce((urlSearchParams, [name, value]) => updateUrlSearchParam(urlSearchParams, name, value), new URLSearchParams(defaultSearch));
+  return Object.entries(obj).reduce(
+    (urlSearchParams, [name, value]) => updateUrlSearchParam(urlSearchParams, name, value),
+    new URLSearchParams(defaultSearch)
+  );
 }
 function updateHistory(mode, options, data = {}, title = "") {
   if (!window.history) {

package/utils/index.cjs

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/utils/index.js

package/utils/math/clamp01.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/utils/math/clamp01.js

package/utils/math/index.cjs

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/utils/math/index.js

package/utils/math/inertiaFinalValue.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/utils/math/inertiaFinalValue.js

package/utils/nextTick.cjs

@@ -24,8 +24,10 @@ __export(nextTick_exports, {
 module.exports = __toCommonJS(nextTick_exports);
 var import_is = require("./is.cjs");
 async function nextTick(fn) {
-  return new Promise((resolve) => setTimeout(() => {
-    resolve((0, import_is.isFunction)(fn) && fn());
-  }, 0));
+  return new Promise(
+    (resolve) => setTimeout(() => {
+      resolve((0, import_is.isFunction)(fn) && fn());
+    }, 0)
+  );
 }
 if (module.exports.default) module.exports = module.exports.default;

package/utils/nextTick.js

@@ -1,8 +1,10 @@
 import { isFunction } from "./is.js";
 async function nextTick(fn) {
-  return new Promise((resolve) => setTimeout(() => {
-    resolve(isFunction(fn) && fn());
-  }, 0));
+  return new Promise(
+    (resolve) => setTimeout(() => {
+      resolve(isFunction(fn) && fn());
+    }, 0)
+  );
 }
 export {
   nextTick as default