@studiometa/js-toolkit 2.3.0 → 2.4.0

package/utils/css/animate.js

@@ -21,10 +21,10 @@ function getAnimationStepValue(val, getSizeRef) {
   }
   return CSSUnitConverter[val[1]](val[0], getSizeRef);
 }
-const generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => lerp(getAnimationStepValue(fromValue ?? 0, () => element[sizeRef]), getAnimationStepValue(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 ?? defaultValue, toValue ?? defaultValue, progress);
+const generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) => lerp(fromValue != null ? fromValue : defaultValue, toValue != null ? toValue : defaultValue, progress);
 const scaleRenderStrategy = generateLerpRenderStrategy(1);
 const degreesRenderStrategy = generateLerpRenderStrategy(0);
 const transformRenderStrategies = {
@@ -46,9 +46,10 @@ const transformRenderStrategies = {
 function render(element, from, to, progress) {
   const stepProgress = to.easing(map(progress, from.offset, to.offset, 0, 1));
   scheduler.read(function renderRead() {
+    var _a, _b;
     let opacity = false;
     if (isDefined(from.opacity) || isDefined(to.opacity)) {
-      opacity = map(stepProgress, 0, 1, from.opacity ?? 1, to.opacity ?? 1);
+      opacity = map(stepProgress, 0, 1, (_a = from.opacity) != null ? _a : 1, (_b = to.opacity) != null ? _b : 1);
     } else if (element.style.opacity) {
       opacity = "";
     }
@@ -74,11 +75,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: 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/matrix.cjs

@@ -23,7 +23,8 @@ __export(matrix_exports, {
 });
 module.exports = __toCommonJS(matrix_exports);
 function matrix(transform) {
+  var _a, _b, _c, _d, _e, _f;
   transform = transform || {};
-  return `matrix(${transform.scaleX ?? 1}, ${transform.skewY ?? 0}, ${transform.skewX ?? 0}, ${transform.scaleY ?? 1}, ${transform.translateX ?? 0}, ${transform.translateY ?? 0})`;
+  return `matrix(${(_a = transform.scaleX) != null ? _a : 1}, ${(_b = transform.skewY) != null ? _b : 0}, ${(_c = transform.skewX) != null ? _c : 0}, ${(_d = transform.scaleY) != null ? _d : 1}, ${(_e = transform.translateX) != null ? _e : 0}, ${(_f = transform.translateY) != null ? _f : 0})`;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/utils/css/matrix.js

@@ -1,6 +1,7 @@
 function matrix(transform) {
+  var _a, _b, _c, _d, _e, _f;
   transform = transform || {};
-  return `matrix(${transform.scaleX ?? 1}, ${transform.skewY ?? 0}, ${transform.skewX ?? 0}, ${transform.scaleY ?? 1}, ${transform.translateX ?? 0}, ${transform.translateY ?? 0})`;
+  return `matrix(${(_a = transform.scaleX) != null ? _a : 1}, ${(_b = transform.skewY) != null ? _b : 0}, ${(_c = transform.skewX) != null ? _c : 0}, ${(_d = transform.scaleY) != null ? _d : 1}, ${(_e = transform.translateX) != null ? _e : 0}, ${(_f = transform.translateY) != null ? _f : 0})`;
 }
 export {
   matrix as default

package/utils/css/transform.cjs

@@ -41,9 +41,10 @@ var TRANSFORM_PROPS = [
   "skewY"
 ];
 function transform(element, props) {
+  var _a, _b, _c;
   let value = "";
   if ((0, import_is.isDefined)(props.x) || (0, import_is.isDefined)(props.y) || (0, import_is.isDefined)(props.z)) {
-    value += `translate3d(${props.x ?? 0}px, ${props.y ?? 0}px, ${props.z ?? 0}px) `;
+    value += `translate3d(${(_a = props.x) != null ? _a : 0}px, ${(_b = props.y) != null ? _b : 0}px, ${(_c = props.z) != null ? _c : 0}px) `;
   }
   if ((0, import_is.isDefined)(props.rotate)) {
     value += `rotate(${props.rotate}deg) `;

package/utils/css/transform.js

@@ -16,9 +16,10 @@ const TRANSFORM_PROPS = [
   "skewY"
 ];
 function transform(element, props) {
+  var _a, _b, _c;
   let value = "";
   if (isDefined(props.x) || isDefined(props.y) || isDefined(props.z)) {
-    value += `translate3d(${props.x ?? 0}px, ${props.y ?? 0}px, ${props.z ?? 0}px) `;
+    value += `translate3d(${(_a = props.x) != null ? _a : 0}px, ${(_b = props.y) != null ? _b : 0}px, ${(_c = props.z) != null ? _c : 0}px) `;
   }
   if (isDefined(props.rotate)) {
     value += `rotate(${props.rotate}deg) `;

package/utils/css/transition.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/utils/css/transition.js
 var transition_exports = {};
@@ -33,9 +38,9 @@ var import_is = require("../is.cjs");
 var import_has = require("../has.cjs");
 var cache = /* @__PURE__ */ new WeakMap();
 var Transition = class {
-  isTransitioning = false;
-  transitionEndHandler = null;
   constructor(element) {
+    __publicField(this, "isTransitioning", false);
+    __publicField(this, "transitionEndHandler", null);
     cache.set(element, this);
   }
   static getInstance(element) {

package/utils/css/transition.js

@@ -1,3 +1,9 @@
+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 { nextFrame } from "../nextFrame.js";
 import * as classes from "./classes.js";
 import * as styles from "./styles.js";
@@ -5,9 +11,9 @@ import { isArray, isString } from "../is.js";
 import { hasWindow } from "../has.js";
 const cache = /* @__PURE__ */ new WeakMap();
 class Transition {
-  isTransitioning = false;
-  transitionEndHandler = null;
   constructor(element) {
+    __publicField(this, "isTransitioning", false);
+    __publicField(this, "transitionEndHandler", null);
     cache.set(element, this);
   }
   static getInstance(element) {

package/utils/tween.cjs

@@ -43,11 +43,12 @@ function normalizeEase(ease) {
   return ease;
 }
 function tween(callback, options = {}) {
+  var _a;
   const raf = (0, import_raf.default)();
   let progressValue = 0;
   let easedProgress = 0;
   const ease = normalizeEase(options.easing);
-  let duration = options.duration ?? 1;
+  let duration = (_a = options.duration) != null ? _a : 1;
   duration *= 1e3;
   let startTime = performance.now();
   let endTime = startTime + duration;

package/utils/tween.js

@@ -15,11 +15,12 @@ function normalizeEase(ease) {
   return ease;
 }
 function tween(callback, options = {}) {
+  var _a;
   const raf = useRaf();
   let progressValue = 0;
   let easedProgress = 0;
   const ease = normalizeEase(options.easing);
-  let duration = options.duration ?? 1;
+  let duration = (_a = options.duration) != null ? _a : 1;
   duration *= 1e3;
   let startTime = performance.now();
   let endTime = startTime + duration;