@studiometa/js-toolkit 2.3.0 → 2.4.0

package/decorators/withMountWhenInView.js

@@ -1,17 +1,16 @@
+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;
+};
 function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config,
-      name: `${BaseClass.config.name}WithMountWhenInView`,
-      options: {
-        ...BaseClass.config?.options || {},
-        intersectionObserver: Object
-      }
-    };
-    __isVisible = false;
-    __observer;
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "__isVisible", false);
+      __publicField(this, "__observer");
       this.__observer = new IntersectionObserver((entries) => {
         const isVisible = entries.reduce((acc, entry) => acc || entry.isIntersecting, false);
         if (this.__isVisible !== isVisible) {
@@ -34,7 +33,14 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    }
+  }), _b;
 }
 export {
   withMountWhenInView as default

package/decorators/withScrolledInView.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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 });
@@ -18,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 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);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withScrolledInView.js
 var withScrolledInView_exports = {};
@@ -29,37 +34,34 @@ var import_withMountWhenInView = __toESM(require("./withMountWhenInView.cjs"), 1
 var import_utils = require("../utils/index.cjs");
 var scheduler = (0, import_utils.useScheduler)(["update", "render"]);
 function withScrolledInView(BaseClass, options = {}) {
-  return class extends (0, import_withMountWhenInView.default)(BaseClass, options) {
-    static config = {
-      name: `${BaseClass.config.name}WithMountWhenInView`,
-      emits: ["scrolledInView"]
-    };
-    __props = {
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 0
-      },
-      current: {
-        x: 0,
-        y: 0
-      },
-      progress: {
-        x: 0,
-        y: 0
-      },
-      dampedProgress: {
-        x: 0,
-        y: 0
-      }
-    };
-    dampFactor = 0.1;
-    dampPrecision = 1e-3;
+  var _a;
+  return _a = class extends (0, import_withMountWhenInView.default)(BaseClass, options) {
     constructor(element) {
       super(element);
+      __publicField(this, "__props", {
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 0,
+          y: 0
+        },
+        current: {
+          x: 0,
+          y: 0
+        },
+        progress: {
+          x: 0,
+          y: 0
+        },
+        dampedProgress: {
+          x: 0,
+          y: 0
+        }
+      });
+      __publicField(this, "dampFactor", 0.1);
+      __publicField(this, "dampPrecision", 1e-3);
       const delegate = {
         handleEvent(event) {
           delegate[event.type](event.detail[0]);
@@ -147,6 +149,9 @@ function withScrolledInView(BaseClass, options = {}) {
       this.__props.dampedProgress.x = (0, import_utils.damp)(xProgress, this.__props.dampedProgress.x);
       this.__props.dampedProgress.y = (0, import_utils.damp)(yProgress, this.__props.dampedProgress.y);
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    emits: ["scrolledInView"]
+  }), _a;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withScrolledInView.js

@@ -1,38 +1,41 @@
+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 withMountWhenInView from "./withMountWhenInView.js";
 import { damp, clamp, clamp01, getOffsetSizes, isFunction, useScheduler } from "../utils/index.js";
 const scheduler = useScheduler(["update", "render"]);
 function withScrolledInView(BaseClass, options = {}) {
-  return class extends withMountWhenInView(BaseClass, options) {
-    static config = {
-      name: `${BaseClass.config.name}WithMountWhenInView`,
-      emits: ["scrolledInView"]
-    };
-    __props = {
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 0
-      },
-      current: {
-        x: 0,
-        y: 0
-      },
-      progress: {
-        x: 0,
-        y: 0
-      },
-      dampedProgress: {
-        x: 0,
-        y: 0
-      }
-    };
-    dampFactor = 0.1;
-    dampPrecision = 1e-3;
+  var _a;
+  return _a = class extends withMountWhenInView(BaseClass, options) {
     constructor(element) {
       super(element);
+      __publicField(this, "__props", {
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 0,
+          y: 0
+        },
+        current: {
+          x: 0,
+          y: 0
+        },
+        progress: {
+          x: 0,
+          y: 0
+        },
+        dampedProgress: {
+          x: 0,
+          y: 0
+        }
+      });
+      __publicField(this, "dampFactor", 0.1);
+      __publicField(this, "dampPrecision", 1e-3);
       const delegate = {
         handleEvent(event) {
           delegate[event.type](event.detail[0]);
@@ -120,7 +123,10 @@ function withScrolledInView(BaseClass, options = {}) {
       this.__props.dampedProgress.x = damp(xProgress, this.__props.dampedProgress.x);
       this.__props.dampedProgress.y = damp(yProgress, this.__props.dampedProgress.y);
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    emits: ["scrolledInView"]
+  }), _a;
 }
 export {
   withScrolledInView as default

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.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>(parentInstance: Base, 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: Base, parentName: string, childrenName: string, childInstance: Base): boolean;
+export type Base = import('../Base/index.js').default;

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.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,7 +31,8 @@ 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);
@@ -41,7 +42,7 @@ function importWhenIdle(fn, options) {
         setTimeout(() => {
           resolver(resolve);
         }, 0);
-      }, { timeout: options?.timeout });
+      }, { timeout: options == null ? void 0 : options.timeout });
     }
   });
 }

package/helpers/importWhenIdle.js

@@ -7,7 +7,8 @@ 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);
@@ -17,7 +18,7 @@ function importWhenIdle(fn, options) {
         setTimeout(() => {
           resolver(resolve);
         }, 0);
-      }, { timeout: options?.timeout });
+      }, { 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.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,6 +16,7 @@ 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
@@ -30,6 +31,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"

package/services/key.cjs

@@ -40,7 +40,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/utils/css/animate.cjs

@@ -48,10 +48,10 @@ 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 +73,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 = "";
     }
@@ -101,11 +102,14 @@ 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());
   }