targetj 1.0.216 → 1.0.218

package/README.md

@@ -12,7 +12,7 @@ It can be used as a full-featured framework or as a lightweight library alongsid
 
 ## The Philosophy Behind TargetJS
 
-Traditional frameworks model the UI as a function of state: change state, re-render the UI. When state changes from A to B, the UI immediately jumps to **B**. The framework doesn’t naturally represent the *journey* from A to B. But modern, rich user experiences are built on sequences that unfold over time. For example:
+Traditional frameworks model the UI as a function of state: change state, re-render the UI. When state changes from A to B, the UI immediately jumps to B. The framework doesn’t naturally represent the *journey* from A to B. But modern, rich user experiences are journeys, not jumps. They are built on sequences that unfold over time. For example:
 
 > Click → Animate button → Chain secondary animation → Fetch data → Render list → Animate items → Pause → Animate an important item
 
@@ -20,9 +20,9 @@ TargetJS is built for this reality. Instead of managing complex flags, your code
 
 It achieves this through Targets. A Target is a self-contained unit that merges data (fields) and logic (methods) into a single reactive block. Each Target has its own internal state, timing, and lifecycle, acting like a living cell within your app. By simply ordering them in your code, you create complex asynchronous workflows without async/await or .then() chains. 
 
-In addition, animation is built directly into the framework’s logic. 
+In addition, efficient animation is built directly into the framework using the Web Animations API, delivering CSS-level efficiency.
 
-By adopting a compact style, TargetJS makes the journey from A to B explicit, with significantly less code than traditional frameworks.
+By adopting a compact style, TargetJS makes the journey from A to B efficient and explicit, with significantly less code than traditional frameworks.
 
 ## ⚡ Quick Start (30 Seconds)
 
@@ -162,7 +162,7 @@ App({
       });
     }
   },
-  fetch$$: { method: "POST", id: 123, url: "/api/like" }, // Wait for hearts to finish, THEN fetch
+  fetch$$: { method: "POST", id: 123, url: "/api/like" }, // Wait for the heart to finish, THEN fetch
   removeHearts$$() { this.removeChildren(); }, // Wait for fetch to finish, THEN cleanup
   onKey(e) { if (e.key === "Enter") this.activateTarget("onClick"); } 
 }).mount("#likeButton");
@@ -170,7 +170,7 @@ App({
 
 ### Summary
 
-Instead of wiring callbacks and effects, you write a sequence of targets. All targets execute automatically in the order they are written. `$$` defers execution until all prior sibling steps finish. Animations, API calls, event handling, and child creation are all treated as the same kind of thing: targets. Complex asynchronous flows are expressed by structuring parent and child targets. In addition, targets also provide built-in capabilities such as `onComplete` callback, enabledOn, looping with delays, and more as explained below.
+Instead of wiring callbacks and effects, you write a sequence of targets. All targets execute automatically in the order they are written. `$$` defers execution until all prior sibling steps finish. Animations, API calls, event handling, and child creation are all treated as the same kind of thing: targets. Complex asynchronous flows are expressed by organizing work into parent and child targets. In addition, targets also provide built-in capabilities such as `onComplete` callback, enabledOn, looping with delays, and more as explained below.
 
 ---
 
@@ -178,7 +178,7 @@ Instead of wiring callbacks and effects, you write a sequence of targets. All ta
 
 1. [📦 Alternative Installation Via CDN](#-alternative-installation-via-cdn)
 1. [🚀 Why TargetJS?](#-why-targetjs)
-1. More Examples:
+1. Deeer Examples:
     - [Loading Five Users Example](#loading-five-users-example)
     - [Infinite Loading and Scrolling Example](#infinite-loading-and-scrolling-example)
 1. [Target Methods](#target-methods)
@@ -233,7 +233,7 @@ TargetJS can also be used as a "no-code" library. Elements with tg- attributes a
 4. Ultra-Compact: Write 70% less code than standard frameworks.
 5. Lower Cognitive Load: Code reads from top to bottom, exactly how the user experiences the interaction.
 
-## More Examples
+## Deeper Examples
 
 ### Loading Five Users Example
 
@@ -442,7 +442,7 @@ TargetJS maps directly to the DOM for zero-friction styling. For example:
 
 TargetJS provides built-in debugging tools:
 
-```js
+```javascript
 TargetJS.tApp.stop(); // Stop the application.
 TargetJS.tApp.start(); // Restart the application
 TargetJS.tApp.throttle = 0; // Slow down execution (milliseconds between cycles)

package/build/AnimationManager.js

@@ -88,7 +88,7 @@ var AnimationManager = exports.AnimationManager = /*#__PURE__*/function () {
             tmodel.tfMap[key] = tmodel.val(key);
           });
           var tfMap = _objectSpread(_objectSpread({}, tmodel.tfMap), frame.tfMap);
-          out.transform = _TModelUtil.TModelUtil.getTransformString(tfMap, tmodel.val('transformOrder'));
+          out.transform = _TModelUtil.TModelUtil.getTransformString(tmodel, tfMap);
           frame.tfMap = tfMap;
           transformAnimation = true;
         }
@@ -349,7 +349,7 @@ var AnimationManager = exports.AnimationManager = /*#__PURE__*/function () {
         });
         var tfMap = _objectSpread(_objectSpread({}, tmodel.tfMap), frame0.tfMap);
         frame0.tfMap = tfMap;
-        out.transform = _TModelUtil.TModelUtil.getTransformString(tfMap, tmodel.val('transformOrder'));
+        out.transform = _TModelUtil.TModelUtil.getTransformString(tmodel, tfMap);
       }
       _AnimationUtil.AnimationUtil.addUnitsToFrame(out);
       _AnimationUtil.AnimationUtil.fixStyleByAnimation(tmodel, out);

package/build/AnimationUtil.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.AnimationUtil = void 0;
 var _TargetUtil = require("./TargetUtil.js");
 var _TargetData = require("./TargetData.js");
+var _TModelUtil = require("./TModelUtil.js");
 var _App = require("./App.js");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
@@ -83,7 +84,7 @@ var AnimationUtil = exports.AnimationUtil = /*#__PURE__*/function () {
         keyMap: keyMap,
         totalDuration: 1
       };
-      (0, _App.getAnimationManager)().animate(tmodel, batch, _TargetUtil.TargetUtil.getAnimationHooks());
+      (0, _App.getAnimationManager)().animate(tmodel, batch, AnimationUtil.getAnimationHooks());
     }
   }, {
     key: "fixStyleByAnimation",
@@ -143,5 +144,20 @@ var AnimationUtil = exports.AnimationUtil = /*#__PURE__*/function () {
         }
       }
     }
+  }, {
+    key: "getAnimationHooks",
+    value: function getAnimationHooks() {
+      return {
+        morph: function morph(tm, key, from, to, step, steps) {
+          return _TModelUtil.TModelUtil.morph(tm, key, from, to, step, steps);
+        },
+        fireOnStep: function fireOnStep(tm, key, step) {
+          return (0, _App.getTargetManager)().fireOnStep(tm, key, step);
+        },
+        fireOnEnd: function fireOnEnd(tm, key) {
+          return (0, _App.getTargetManager)().fireOnEnd(tm, key);
+        }
+      };
+    }
   }]);
 }();

package/build/BaseModel.js

@@ -192,6 +192,7 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
     key: "initTargets",
     value: function initTargets() {
       var _this = this;
+      this.targetsVersion = 1;
       this.originalTargetNames = Object.keys(this.targets).filter(function (key) {
         return !_TargetData.TargetData.excludedTargetKeys.has(key);
       });
@@ -252,6 +253,7 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "processNewTarget",
     value: function processNewTarget(key, keyIndex) {
+      this.targetsVersion++;
       var cleanKey = _TargetUtil.TargetUtil.getTargetName(key);
       var target = this.targets[key];
       if (!_TUtil.TUtil.isDefined(target)) {

package/build/LocationManager.js

@@ -561,7 +561,7 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
               }
               var el = tmodel.$dom.getElement();
               if (el && el.isConnected && document.visibilityState === 'visible') {
-                (0, _App.getAnimationManager)().animate(tmodel, batch, _TargetUtil.TargetUtil.getAnimationHooks());
+                (0, _App.getAnimationManager)().animate(tmodel, batch, _AnimationUtil.AnimationUtil.getAnimationHooks());
                 tmodel.pausedBatch = undefined;
               }
             }

package/build/TModel.js

@@ -428,8 +428,8 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
     }
   }, {
     key: "getChild",
-    value: function getChild(index) {
-      return typeof index === 'number' ? this.getChildren()[index] : this.findChild(index);
+    value: function getChild(t) {
+      return typeof t === 'number' ? this.getChildren()[t] : this.findChild(t);
     }
   }, {
     key: "getChildIndex",

package/build/TModelUtil.js

@@ -194,7 +194,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
         _iterator2.f();
       }
       if (transformUpdate) {
-        tmodel.$dom.transform(TModelUtil.getTransformString(tmodel.tfMap, tmodel.val('transformOrder')));
+        tmodel.$dom.transform(TModelUtil.getTransformString(tmodel, tmodel.tfMap));
       }
       tmodel.styleTargetMap.clear();
     }
@@ -346,9 +346,167 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
       var n = Number(v);
       return Number.isFinite(n) ? n : fallback;
     }
+  }, {
+    key: "shouldUseImplicitTransformOrder",
+    value: function shouldUseImplicitTransformOrder(tmodel) {
+      var names = tmodel.originalTargetNames || [];
+      var hasAny = function hasAny(arr) {
+        return arr.some(function (k) {
+          return names.indexOf(k) >= 0;
+        });
+      };
+      var hasPerspective = hasAny(["perspective"]);
+      var hasTranslate = hasAny(["translateX", "translateY", "translateZ", "x", "y", "z"]);
+      var hasRotate = hasAny(["rotateX", "rotateY", "rotateZ"]) || hasAny(["rotate3DX"]) && hasAny(["rotate3DY"]) && hasAny(["rotate3DZ"]) && hasAny(["rotate3DAngle"]);
+      var hasSkew = hasAny(["skewX", "skewY"]);
+      var hasScale = hasAny(["scaleX", "scaleY", "scaleZ"]) || hasAny(["scale3DX"]) && hasAny(["scale3DY"]) && hasAny(["scale3DZ"]);
+      var groups = 0;
+      if (hasPerspective) {
+        groups++;
+      }
+      if (hasTranslate) {
+        groups++;
+      }
+      if (hasRotate) {
+        groups++;
+      }
+      if (hasSkew) {
+        groups++;
+      }
+      if (hasScale) {
+        groups++;
+      }
+      return groups > 1;
+    }
+  }, {
+    key: "buildImplicitTransformOrderMap",
+    value: function buildImplicitTransformOrderMap(names) {
+      var has = function has(k) {
+        return names.indexOf(k) >= 0;
+      };
+      var firstIdx = function firstIdx(candidates) {
+        var best = Infinity;
+        var _iterator4 = _createForOfIteratorHelper(candidates),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var c = _step4.value;
+            var i = names.indexOf(c);
+            if (i >= 0 && i < best) {
+              best = i;
+            }
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+        return best;
+      };
+      var hasExplicitTranslate = has("translateX") || has("translateY") || has("translateZ");
+      var hasXYZ = has("x") || has("y") || has("z");
+      var hasRotate3d = has("rotate3DX") && has("rotate3DY") && has("rotate3DZ") && has("rotate3DAngle");
+      var hasScale3d = has("scale3DX") && has("scale3DY") && has("scale3DZ");
+      var hasBothSkew = has("skewX") && has("skewY");
+      var groups = [];
+      if (has("perspective")) {
+        groups.push({
+          group: "perspective",
+          order: firstIdx(["perspective"]),
+          outputs: ["perspective"]
+        });
+      }
+      if (hasExplicitTranslate) {
+        groups.push({
+          group: "translate",
+          order: firstIdx(["translateX", "translateY", "translateZ"]),
+          outputs: ["translateX", "translateY", "translateZ"].filter(has)
+        });
+      } else if (hasXYZ) {
+        groups.push({
+          group: "translate",
+          order: firstIdx(["x", "y", "z"]),
+          outputs: ["translate3d"]
+        });
+      }
+      if (hasRotate3d) {
+        groups.push({
+          group: "rotate",
+          order: firstIdx(["rotate3DX", "rotate3DY", "rotate3DZ", "rotate3DAngle"]),
+          outputs: ["rotate3d"]
+        });
+      } else {
+        var rotKeys = ["rotateX", "rotateY", "rotateZ", "rotate"];
+        var rotPresent = rotKeys.filter(has);
+        if (rotPresent.length) {
+          groups.push({
+            group: "rotate",
+            order: firstIdx(rotKeys),
+            outputs: rotPresent
+          });
+        }
+      }
+      if (hasBothSkew) {
+        groups.push({
+          group: "skew",
+          order: firstIdx(["skewX", "skewY"]),
+          outputs: ["skew"]
+        });
+      } else {
+        var skewPresent = ["skewX", "skewY"].filter(has);
+        if (skewPresent.length) {
+          groups.push({
+            group: "skew",
+            order: firstIdx(["skewX", "skewY"]),
+            outputs: skewPresent
+          });
+        }
+      }
+      if (hasScale3d) {
+        groups.push({
+          group: "scale",
+          order: firstIdx(["scale3DX", "scale3DY", "scale3DZ"]),
+          outputs: ["scale3d"]
+        });
+      } else {
+        var scaleKeys = ["scaleX", "scaleY", "scaleZ", "scale"];
+        var scalePresent = scaleKeys.filter(has);
+        if (scalePresent.length) {
+          groups.push({
+            group: "scale",
+            order: firstIdx(scaleKeys),
+            outputs: scalePresent
+          });
+        }
+      }
+      var tieRank = {
+        perspective: 0,
+        translate: 1,
+        rotate: 2,
+        skew: 3,
+        scale: 4
+      };
+      groups.sort(function (a, b) {
+        var _tieRank$a$group, _tieRank$b$group;
+        var oa = Number.isFinite(a.order) ? a.order : Infinity;
+        var ob = Number.isFinite(b.order) ? b.order : Infinity;
+        if (oa !== ob) {
+          return oa - ob;
+        }
+        return ((_tieRank$a$group = tieRank[a.group]) !== null && _tieRank$a$group !== void 0 ? _tieRank$a$group : 999) - ((_tieRank$b$group = tieRank[b.group]) !== null && _tieRank$b$group !== void 0 ? _tieRank$b$group : 999);
+      });
+      var orderList = groups.flatMap(function (g) {
+        return g.outputs;
+      });
+      var map = {};
+      orderList.forEach(function (k, i) {
+        return map[k] = i;
+      });
+      return map;
+    }
   }, {
     key: "getTransformString",
-    value: function getTransformString(values, transformOrderList) {
+    value: function getTransformString(tmodel, values) {
       var processed = {};
       var transformMap = {};
       var hasExplicitTranslate = _TUtil.TUtil.isDefined(values.translateX) || _TUtil.TUtil.isDefined(values.translateY) || _TUtil.TUtil.isDefined(values.translateZ);
@@ -442,12 +600,22 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
         }
       }
       var orderMap = {};
+      var transformOrderList = tmodel.val('transformOrder');
       if (Array.isArray(transformOrderList) && transformOrderList.length) {
         transformOrderList.forEach(function (name, index) {
           orderMap[name] = index;
         });
       } else {
-        orderMap = _TargetData.TargetData.transformOrder || {};
+        if (TModelUtil.shouldUseImplicitTransformOrder(tmodel)) {
+          if (tmodel.implicitTransformOrderVersion !== tmodel.targetsVersion) {
+            tmodel.implicitTransformOrderMap = TModelUtil.buildImplicitTransformOrderMap(tmodel.originalTargetNames);
+            tmodel.implicitTransformOrderVersion = tmodel.targetsVersion;
+          }
+          orderMap = tmodel.implicitTransformOrderMap;
+        }
+      }
+      if (!Object.keys(orderMap).length && Object.keys(transformMap).length) {
+        orderMap = _TargetData.TargetData.transformOrder;
       }
       var sortedKeys = Object.keys(transformMap).sort(function (a, b) {
         var _orderMap$a, _orderMap$b;

package/build/TUtil.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TUtil = void 0;
 var _App = require("./App.js");
+var _TargetUtil = require("./TargetUtil.js");
+var _TargetData = require("./TargetData.js");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -254,6 +256,59 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
         return t.oid;
       }));
     }
+  }, {
+    key: "handleValueChange",
+    value: function handleValueChange(tmodel, key) {
+      var target = tmodel.targets[key];
+      if (!target) {
+        key = _TargetUtil.TargetUtil.getTargetName(key);
+        target = tmodel.targets[key];
+      }
+      var newValue = tmodel.val(key);
+      var lastValue = tmodel.lastVal(key);
+      if (_typeof(target) === 'object' && typeof target.onValueChange === 'function') {
+        var valueChanged = !TUtil.areEqual(newValue, lastValue, target.deepEquality);
+        if (valueChanged) {
+          target.onValueChange.call(tmodel, newValue, lastValue, tmodel.getTargetCycle(key));
+          tmodel.setTargetMethodName(key, 'onValueChange');
+        }
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: "scheduleExecution",
+    value: function scheduleExecution(tmodel, key) {
+      var interval = tmodel.getTargetInterval(key);
+      var now = TUtil.now();
+      if (interval <= 0) {
+        return 0;
+      }
+      if (tmodel.isTargetImperative(key) && tmodel.getTargetStep(key) === 0) {
+        tmodel.setScheduleTimeStamp(key, now);
+        return 0;
+      }
+      var lastScheduledTime = tmodel.getScheduleTimeStamp(key);
+      if (TUtil.isDefined(lastScheduledTime)) {
+        var elapsed = now - lastScheduledTime;
+        return Math.max(interval - elapsed, 0);
+      }
+      tmodel.setScheduleTimeStamp(key, now);
+      return interval;
+    }
+  }, {
+    key: "runTargetValue",
+    value: function runTargetValue(tmodel, target, key, cycle, lastValue) {
+      var cleanKey = _TargetUtil.TargetUtil.getTargetName(key);
+      var isExternalEvent = _TargetData.TargetData.allEventMap[cleanKey];
+      if (isExternalEvent) {
+        return typeof target.value === 'function' ? target.value.call(tmodel, (0, _App.getEvents)().getCurrentOriginalEvent(), cycle, lastValue) : TUtil.isDefined(target.value) ? target.value : target;
+      } else if (tmodel.val("___".concat(key))) {
+        return typeof target.value === 'function' ? target.value.call(tmodel, tmodel.val("___".concat(key)), cycle, lastValue) : TUtil.isDefined(target.value) ? target.value : target;
+      } else {
+        return typeof target.value === 'function' ? target.value.call(tmodel, cycle, lastValue) : TUtil.isDefined(target.value) ? target.value : target;
+      }
+    }
   }, {
     key: "mergeTargets",
     value: function mergeTargets(tmodel1, tmodel2) {

package/build/TargetData.js

@@ -211,7 +211,9 @@ _defineProperty(TargetData, "asyncStyleTargetMap", {
   backgroundSize: true,
   flexWrap: true,
   userSelect: true,
-  outline: true
+  outline: true,
+  backfaceVisibility: true,
+  filter: true
 });
 _defineProperty(TargetData, "scaleMap", {
   scale: true,
@@ -761,7 +763,8 @@ _defineProperty(TargetData, "attributesToTargets", {
   arialabel: 'ariaLabel',
   ariacurrent: 'ariaCurrent',
   ariapressed: 'ariaPressed',
-  tabindex: 'tabIndex'
+  tabindex: 'tabIndex',
+  backfacevisibility: 'backfaceVisibility'
 });
 _defineProperty(TargetData, "targetToEventsMapping", {
   onStart: ['touchStart', 'mouseStart'],

package/build/TargetExecutor.js

@@ -56,9 +56,7 @@ var TargetExecutor = exports.TargetExecutor = /*#__PURE__*/function () {
       tmodel.allTargetMap[cleanKey] = key;
       TargetExecutor.resolveTargetValue(tmodel, key);
       TargetExecutor.updateTarget(tmodel, tmodel.targetValues[key], key, false);
-      if (tmodel.isTargetDone(key)) {
-        _TargetUtil.TargetUtil.shouldActivateNextTarget(tmodel, key);
-      }
+      _TargetUtil.TargetUtil.shouldActivateNextTarget(tmodel, key);
     }
   }, {
     key: "assignImperativeTargetValue",
@@ -229,7 +227,7 @@ var TargetExecutor = exports.TargetExecutor = /*#__PURE__*/function () {
       if (!tmodel.hasValidAnimation() || !tmodel.canBeAnimated(key)) {
         tmodel.val(key, newValue);
         tmodel.setActual(key, newValue);
-        _TargetUtil.TargetUtil.handleValueChange(tmodel, key);
+        _TUtil.TUtil.handleValueChange(tmodel, key);
         return;
       }
       _AnimationUtil.AnimationUtil.overrideAnimatedKeyWithSnap(tmodel, key, newValue);

package/build/TargetManager.js

@@ -11,6 +11,7 @@ var _TargetUtil = require("./TargetUtil.js");
 var _TModelUtil = require("./TModelUtil.js");
 var _SearchUtil = require("./SearchUtil.js");
 var _TargetData = require("./TargetData.js");
+var _AnimationUtil = require("./AnimationUtil.js");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -62,7 +63,7 @@ var TargetManager = exports.TargetManager = /*#__PURE__*/function () {
         if (tmodel.isScheduledPending(key)) {
           return;
         }
-        var schedulePeriod = _TargetUtil.TargetUtil.scheduleExecution(tmodel, key);
+        var schedulePeriod = _TUtil.TUtil.scheduleExecution(tmodel, key);
         if (schedulePeriod > 0) {
           (0, _App.getRunScheduler)().timeSchedule(schedulePeriod, "targetSchedule__".concat(tmodel.oid, "__").concat(key, "_").concat(schedulePeriod));
           return;
@@ -91,7 +92,7 @@ var TargetManager = exports.TargetManager = /*#__PURE__*/function () {
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           var key = _step2.value;
-          schedulePeriod = _TargetUtil.TargetUtil.scheduleExecution(tmodel, key);
+          schedulePeriod = _TUtil.TUtil.scheduleExecution(tmodel, key);
           if (schedulePeriod > 0) {
             (0, _App.getRunScheduler)().schedule(schedulePeriod, "setActualValues-".concat(tmodel.oid, "__").concat(key, "_").concat(schedulePeriod));
           } else {
@@ -109,7 +110,7 @@ var TargetManager = exports.TargetManager = /*#__PURE__*/function () {
         tmodel.waapiBatch = undefined;
         return;
       }
-      (0, _App.getAnimationManager)().animate(tmodel, batch, _TargetUtil.TargetUtil.getAnimationHooks());
+      (0, _App.getAnimationManager)().animate(tmodel, batch, _AnimationUtil.AnimationUtil.getAnimationHooks());
       tmodel.waapiBatch = undefined;
     }
   }, {
@@ -155,7 +156,7 @@ var TargetManager = exports.TargetManager = /*#__PURE__*/function () {
           }
         }
       } else {
-        needsRefire = _TargetUtil.TargetUtil.handleValueChange(tmodel, key);
+        needsRefire = _TUtil.TUtil.handleValueChange(tmodel, key);
         if (target !== null && target !== void 0 && target.activateNextTarget && !target.activateNextTarget.endsWith('$$') && target.activateNextTarget.endsWith('$')) {
           needsRefire = true;
           _TargetUtil.TargetUtil.shouldActivateNextTarget(tmodel, key);

package/build/TargetParser.js

@@ -260,7 +260,7 @@ var TargetParser = exports.TargetParser = /*#__PURE__*/function () {
 
         // Plain objects: compute value + params (steps/interval/easing/cycles)
         if (_typeof(target) === "object" && target !== null && Object.getPrototypeOf(target) === Object.prototype) {
-          var valueResult = _TargetUtil.TargetUtil.runTargetValue(tmodel, target, key, cycle, lastValue);
+          var valueResult = _TUtil.TUtil.runTargetValue(tmodel, target, key, cycle, lastValue);
           if (TargetParser.isPrimitiveArray(valueResult) && (_TUtil.TUtil.isDefined(target.steps) || _TUtil.TUtil.isDefined(target.interval) || _TUtil.TUtil.isDefined(target.easing) || _TUtil.TUtil.isDefined(target.cycles))) {
             value = {
               list: valueResult