@studiometa/js-toolkit 2.3.0 → 2.4.2

package/decorators/withVue2.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withVue2.js
 var withVue2_exports = {};
@@ -24,17 +29,13 @@ __export(withVue2_exports, {
 module.exports = __toCommonJS(withVue2_exports);
 var import_utils = require("../utils/index.cjs");
 var withVue2_default = (BaseClass, Vue) => {
-  return class WithVue2 extends BaseClass {
-    static config = {
-      ...BaseClass.config,
-      name: `${BaseClass.config.name}WithVue`,
-      refs: [...BaseClass.config?.refs ?? [], "vue"]
-    };
-    $vue;
-    static vueConfig;
+  var _a, _b, _c;
+  return _c = class extends BaseClass {
     constructor(element) {
+      var _a2;
       super(element);
-      const vueConfig = this.vueConfig ?? this.constructor.vueConfig;
+      __publicField(this, "$vue");
+      const vueConfig = (_a2 = this.vueConfig) != null ? _a2 : this.constructor.vueConfig;
       if (!vueConfig) {
         if (import_utils.isDev) {
           throw new Error("[withVue] You must define a `vueConfig` object.");
@@ -58,6 +59,10 @@ var withVue2_default = (BaseClass, Vue) => {
         this.$vue.$destroy();
       });
     }
-  };
+  }, __publicField(_c, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithVue`,
+    refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
+  }), __publicField(_c, "vueConfig"), _c;
 };
 if (module.exports.default) module.exports = module.exports.default;

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/decorators/withVue2.js

@@ -1,16 +1,18 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import { isDev, isFunction } from "../utils/index.js";
 var withVue2_default = (BaseClass, Vue) => {
-  return class WithVue2 extends BaseClass {
-    static config = {
-      ...BaseClass.config,
-      name: `${BaseClass.config.name}WithVue`,
-      refs: [...BaseClass.config?.refs ?? [], "vue"]
-    };
-    $vue;
-    static vueConfig;
+  var _a, _b, _c;
+  return _c = class extends BaseClass {
     constructor(element) {
+      var _a2;
       super(element);
-      const vueConfig = this.vueConfig ?? this.constructor.vueConfig;
+      __publicField(this, "$vue");
+      const vueConfig = (_a2 = this.vueConfig) != null ? _a2 : this.constructor.vueConfig;
       if (!vueConfig) {
         if (isDev) {
           throw new Error("[withVue] You must define a `vueConfig` object.");
@@ -34,7 +36,11 @@ var withVue2_default = (BaseClass, Vue) => {
         this.$vue.$destroy();
       });
     }
-  };
+  }, __publicField(_c, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithVue`,
+    refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
+  }), __publicField(_c, "vueConfig"), _c;
 };
 export {
   withVue2_default as default

package/helpers/getDirectChildren.cjs

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/helpers/getDirectChildren.js
+var getDirectChildren_exports = {};
+__export(getDirectChildren_exports, {
+  getDirectChildren: () => getDirectChildren,
+  isDirectChild: () => isDirectChild
+});
+module.exports = __toCommonJS(getDirectChildren_exports);
+var import_utils = require("../utils/index.cjs");
+function getDirectChildren(parentInstance, parentName, childrenName) {
+  const children = parentInstance.$children[childrenName];
+  const nestedParents = parentInstance.$children[parentName];
+  if (!(0, import_utils.isArray)(children)) {
+    return [];
+  }
+  if (!(0, import_utils.isArray)(nestedParents) || nestedParents.length <= 0) {
+    return children;
+  }
+  return children.filter((child) => {
+    return nestedParents.every((nestedParent) => {
+      const nestedChildren = nestedParent.$children[childrenName];
+      return (0, import_utils.isArray)(nestedChildren) ? !nestedChildren.includes(child) : true;
+    });
+  });
+}
+function isDirectChild(parentInstance, parentName, childrenName, childInstance) {
+  return getDirectChildren(parentInstance, parentName, childrenName).includes(childInstance);
+}
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/getDirectChildren.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @typedef {import('../Base/index.js').default} Base
+ */
+/**
+ * Get direct children from a parent when working with nested components.
+ *
+ * @template {Base} T
+ * @param   {Base} parentInstance
+ * @param   {string} parentName
+ * @param   {string} childrenName
+ * @returns {Array<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.
+ *
+ * @param   {Base}    parentInstance
+ * @param   {string}  parentName
+ * @param   {string}  childrenName
+ * @param   {Base}    childInstance
+ * @returns {boolean}
+ */
+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/getDirectChildren.js

@@ -0,0 +1,24 @@
+import { isArray } from "../utils/index.js";
+function getDirectChildren(parentInstance, parentName, childrenName) {
+  const children = parentInstance.$children[childrenName];
+  const nestedParents = parentInstance.$children[parentName];
+  if (!isArray(children)) {
+    return [];
+  }
+  if (!isArray(nestedParents) || nestedParents.length <= 0) {
+    return children;
+  }
+  return children.filter((child) => {
+    return nestedParents.every((nestedParent) => {
+      const nestedChildren = nestedParent.$children[childrenName];
+      return isArray(nestedChildren) ? !nestedChildren.includes(child) : true;
+    });
+  });
+}
+function isDirectChild(parentInstance, parentName, childrenName, childInstance) {
+  return getDirectChildren(parentInstance, parentName, childrenName).includes(childInstance);
+}
+export {
+  getDirectChildren,
+  isDirectChild
+};

package/helpers/getInstanceFromElement.cjs

@@ -23,9 +23,10 @@ __export(getInstanceFromElement_exports, {
 });
 module.exports = __toCommonJS(getInstanceFromElement_exports);
 function getInstanceFromElement(element, Constructor) {
+  var _a;
   if (!element.__base__) {
     return null;
   }
-  return element.__base__.get(Constructor) ?? null;
+  return (_a = element.__base__.get(Constructor)) != null ? _a : null;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/helpers/getInstanceFromElement.js

@@ -1,8 +1,9 @@
 function getInstanceFromElement(element, Constructor) {
+  var _a;
   if (!element.__base__) {
     return null;
   }
-  return element.__base__.get(Constructor) ?? null;
+  return (_a = element.__base__.get(Constructor)) != null ? _a : null;
 }
 export {
   getInstanceFromElement as default

package/helpers/importOnInteraction.cjs

@@ -34,7 +34,7 @@ function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
     });
   };
   return new Promise((resolve) => {
-    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent?.$el);
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     const eventListenerOptions = {
       capture: true,
       passive: true,

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/importOnInteraction.js

@@ -10,7 +10,7 @@ function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
     });
   };
   return new Promise((resolve) => {
-    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);
+    const elements = getTargetElements(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     const eventListenerOptions = {
       capture: true,
       passive: true,

package/helpers/importWhenIdle.cjs

@@ -31,17 +31,21 @@ function importWhenIdle(fn, options) {
     });
   };
   return new Promise((resolve) => {
-    const timeout = options?.timeout ?? 1;
+    var _a;
+    const timeout = (_a = options == null ? void 0 : options.timeout) != null ? _a : 1;
     if (!("requestIdleCallback" in window)) {
       setTimeout(() => {
         resolver(resolve);
       }, timeout);
     } else {
-      window.requestIdleCallback(() => {
-        setTimeout(() => {
-          resolver(resolve);
-        }, 0);
-      }, { timeout: options?.timeout });
+      window.requestIdleCallback(
+        () => {
+          setTimeout(() => {
+            resolver(resolve);
+          }, 0);
+        },
+        { timeout: options == null ? void 0 : options.timeout }
+      );
     }
   });
 }

package/helpers/importWhenIdle.js

@@ -7,17 +7,21 @@ function importWhenIdle(fn, options) {
     });
   };
   return new Promise((resolve) => {
-    const timeout = options?.timeout ?? 1;
+    var _a;
+    const timeout = (_a = options == null ? void 0 : options.timeout) != null ? _a : 1;
     if (!("requestIdleCallback" in window)) {
       setTimeout(() => {
         resolver(resolve);
       }, timeout);
     } else {
-      window.requestIdleCallback(() => {
-        setTimeout(() => {
-          resolver(resolve);
-        }, 0);
-      }, { timeout: options?.timeout });
+      window.requestIdleCallback(
+        () => {
+          setTimeout(() => {
+            resolver(resolve);
+          }, 0);
+        },
+        { timeout: options == null ? void 0 : options.timeout }
+      );
     }
   });
 }

package/helpers/importWhenVisible.cjs

@@ -44,7 +44,7 @@ function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions
         }, 0);
       }
     }, observerOptions);
-    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent?.$el);
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     elements.forEach((element) => observer.observe(element));
   });
 }

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/importWhenVisible.js

@@ -20,7 +20,7 @@ function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions
         }, 0);
       }
     }, observerOptions);
-    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);
+    const elements = getTargetElements(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     elements.forEach((element) => observer.observe(element));
   });
 }

package/helpers/index.cjs

@@ -16,7 +16,11 @@ 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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/helpers/index.js
@@ -30,6 +34,7 @@ __export(helpers_exports, {
 });
 module.exports = __toCommonJS(helpers_exports);
 var import_createApp = __toESM(require("./createApp.cjs"), 1);
+__reExport(helpers_exports, require("./getDirectChildren.cjs"), module.exports);
 var import_getInstanceFromElement = __toESM(require("./getInstanceFromElement.cjs"), 1);
 var import_importOnInteraction = __toESM(require("./importOnInteraction.cjs"), 1);
 var import_importWhenIdle = __toESM(require("./importWhenIdle.cjs"), 1);

package/helpers/index.d.ts

@@ -1,4 +1,5 @@
 export { default as createApp } from "./createApp.js";
+export * from "./getDirectChildren.js";
 export { default as getInstanceFromElement } from "./getInstanceFromElement.js";
 export { default as importOnInteraction } from "./importOnInteraction.js";
 export { default as importWhenIdle } from "./importWhenIdle.js";

package/helpers/index.js

@@ -1,4 +1,5 @@
 import { default as default2 } from "./createApp.js";
+export * from "./getDirectChildren.js";
 import { default as default3 } from "./getInstanceFromElement.js";
 import { default as default4 } from "./importOnInteraction.js";
 import { default as default5 } from "./importWhenIdle.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.3.0",
+  "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
@@ -40,7 +43,7 @@ function createKeyService() {
     if (!previousEvent) {
       props.triggered = 0;
     }
-    if (props.event.type === "keydown" && previousEvent?.type === "keydown") {
+    if (props.event.type === "keydown" && (previousEvent == null ? void 0 : previousEvent.type) === "keydown") {
       props.triggered += 1;
     } else {
       props.triggered = 1;

package/services/key.js

@@ -13,7 +13,7 @@ function createKeyService() {
     if (!previousEvent) {
       props.triggered = 0;
     }
-    if (props.event.type === "keydown" && previousEvent?.type === "keydown") {
+    if (props.event.type === "keydown" && (previousEvent == null ? void 0 : previousEvent.type) === "keydown") {
       props.triggered += 1;
     } else {
       props.triggered = 1;

package/services/pointer.cjs

@@ -29,14 +29,15 @@ function isTouchEvent(event) {
 var events = ["mousemove", "touchmove", "mousedown", "touchstart", "mouseup", "touchend"];
 function createPointerService() {
   function updateProps(event) {
+    var _a, _b;
     props.event = event;
     const yLast = props.y;
     const xLast = props.x;
-    const y = isTouchEvent(event) ? event.touches[0]?.clientY : event.clientY;
+    const y = isTouchEvent(event) ? (_a = event.touches[0]) == null ? void 0 : _a.clientY : event.clientY;
     if (y !== props.y) {
       props.y = y;
     }
-    const x = isTouchEvent(event) ? event.touches[0]?.clientX : event.clientX;
+    const x = isTouchEvent(event) ? (_b = event.touches[0]) == null ? void 0 : _b.clientX : event.clientX;
     if (x !== props.x) {
       props.x = x;
     }

package/services/pointer.js

@@ -5,14 +5,15 @@ function isTouchEvent(event) {
 const events = ["mousemove", "touchmove", "mousedown", "touchstart", "mouseup", "touchend"];
 function createPointerService() {
   function updateProps(event) {
+    var _a, _b;
     props.event = event;
     const yLast = props.y;
     const xLast = props.x;
-    const y = isTouchEvent(event) ? event.touches[0]?.clientY : event.clientY;
+    const y = isTouchEvent(event) ? (_a = event.touches[0]) == null ? void 0 : _a.clientY : event.clientY;
     if (y !== props.y) {
       props.y = y;
     }
-    const x = isTouchEvent(event) ? event.touches[0]?.clientX : event.clientX;
+    const x = isTouchEvent(event) ? (_b = event.touches[0]) == null ? void 0 : _b.clientX : event.clientX;
     if (x !== props.x) {
       props.x = x;
     }

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,10 +51,14 @@ function getAnimationStepValue(val, getSizeRef) {
   }
   return CSSUnitConverter[val[1]](val[0], getSizeRef);
 }
-var generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(getAnimationStepValue(fromValue ?? 0, () => element[sizeRef]), getAnimationStepValue(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 ?? defaultValue, toValue ?? defaultValue, progress);
+var generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(fromValue != null ? fromValue : defaultValue, toValue != null ? toValue : defaultValue, progress);
 var scaleRenderStrategy = generateLerpRenderStrategy(1);
 var degreesRenderStrategy = generateLerpRenderStrategy(0);
 var transformRenderStrategies = {
@@ -73,9 +80,10 @@ var transformRenderStrategies = {
 function render(element, from, to, progress) {
   const stepProgress = to.easing((0, import_math.map)(progress, from.offset, to.offset, 0, 1));
   import_scheduler.domScheduler.read(function renderRead() {
+    var _a, _b;
     let opacity = false;
     if ((0, import_is.isDefined)(from.opacity) || (0, import_is.isDefined)(to.opacity)) {
-      opacity = (0, import_math.map)(stepProgress, 0, 1, from.opacity ?? 1, to.opacity ?? 1);
+      opacity = (0, import_math.map)(stepProgress, 0, 1, (_a = from.opacity) != null ? _a : 1, (_b = to.opacity) != null ? _b : 1);
     } else if (element.style.opacity) {
       opacity = "";
     }
@@ -85,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;
@@ -101,11 +111,16 @@ function render(element, from, to, progress) {
 }
 function animate(element, keyframes, options = {}) {
   const keyframesCount = keyframes.length - 1;
-  const normalizedKeyframes = keyframes.map((keyframe, index) => ({
-    ...keyframe,
-    offset: keyframe.offset ?? 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());
   }