targetj 1.0.260 → 1.1.0

package/build/TModel.js

@@ -448,7 +448,7 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
       var hasDirtyEvent = this.hasEventDirty();
       var hasDom = this.hasDom();
       var visible = this.isVisible();
-      var result = this.currentStatus === 'active' || hasDirtyLayout || visible && hasDirtyEvent || this.isNowVisible || hasDom && hasDirtyEvent;
+      var result = this.currentStatus === 'active' || this.visibilityDirty || hasDirtyLayout || visible && hasDirtyEvent || this.isNowVisible || hasDom && hasDirtyEvent;
       this.currentStatus = undefined;
       return result;
     }

package/build/TModelManager.js

@@ -20,6 +20,7 @@ import { getLocationManager, getEvents, getTargetManager, tRoot } from "./App.js
 import { TModelUtil } from "./TModelUtil.js";
 import { TargetUtil } from "./TargetUtil.js";
 import { AnimationUtil } from "./AnimationUtil.js";
+import { TargetData } from "./TargetData.js";
 
 /**
  * It analyzes all objects and based on their needs, creates or removes DOM elements, restyles objects, and rerenders them. 
@@ -44,6 +45,7 @@ var TModelManager = /*#__PURE__*/function () {
         noDom: [],
         updatingTModels: [],
         activeTModels: [],
+        noDomVisibilityTModels: [],
         updatingTargets: [],
         activeTargets: []
       };
@@ -66,6 +68,7 @@ var TModelManager = /*#__PURE__*/function () {
       this.lists.noDom.length = 0;
       this.lists.updatingTModels.length = 0;
       this.lists.activeTModels.length = 0;
+      this.lists.noDomVisibilityTModels.length = 0;
       this.lists.updatingTargets.length = 0;
       this.lists.activeTargets.length = 0;
       this.targetMethodMap = {};
@@ -92,104 +95,116 @@ var TModelManager = /*#__PURE__*/function () {
       var _iterator = _createForOfIteratorHelper(getLocationManager().hasLocationList),
         _step;
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var tmodel = _step.value;
-          if (tmodel.isLightweightChild) {
-            delete lastVisibleMap[tmodel.oid];
-            delete lastPreservedMap[tmodel.oid];
-            delete this.visibleOidMap[tmodel.oid];
-            delete this.preservedDomMap[tmodel.oid];
-            this.domPolicyMap.delete(tmodel.oid);
-            continue;
-          }
-          lastVisibleMap[tmodel.oid] = undefined;
-          lastPreservedMap[tmodel.oid] = undefined;
-          if (!tmodel.exists()) {
-            if (tmodel.hasDom()) {
-              this.addToDeletedDom(tmodel);
-            }
-            delete this.visibleOidMap[tmodel.oid];
-            delete this.preservedDomMap[tmodel.oid];
-            continue;
-          }
-          var visible = tmodel.isVisible();
-          if (visible && tmodel.isIncluded()) {
-            this.visibleOidMap[tmodel.oid] = tmodel;
-            delete this.preservedDomMap[tmodel.oid];
-            this.lists.visible.push(tmodel);
-          } else {
-            delete this.visibleOidMap[tmodel.oid];
-          }
-          var preserveDom = this.shouldPreserveDom(tmodel);
-          if (!visible && preserveDom && tmodel.hasDom()) {
-            this.preservedDomMap[tmodel.oid] = tmodel;
-          } else {
-            delete this.preservedDomMap[tmodel.oid];
-          }
-          if (tmodel.hasDom()) {
-            if (!tmodel.canHaveDom() || !tmodel.isIncluded() || tmodel.canDeleteDom() && !visible && !preserveDom) {
-              this.addToDeletedDom(tmodel);
-              tmodel.getChildren().forEach(function (child) {
-                if (child.isLightweightChild) {
-                  return;
-                }
-                if (!child.managesOwnScroll()) {
-                  _this.addToRecursiveDeletedDom(child);
-                }
-              });
-            }
-          }
-          if (visible || tmodel.isActivated()) {
-            var _state$updatingTarget, _state$activeTargetLi;
-            var state = tmodel.state();
-            if (((_state$updatingTarget = state.updatingTargetList) === null || _state$updatingTarget === void 0 ? void 0 : _state$updatingTarget.length) > 0 || tmodel.hasAnimatingTargets()) {
-              this.lists.updatingTModels.push(tmodel);
-              this.lists.updatingTargets = [].concat(_toConsumableArray(this.lists.updatingTargets), _toConsumableArray(state.updatingTargetList));
+        var _loop = function _loop() {
+            var _tmodel$noDomUpdating;
+            var tmodel = _step.value;
+            if (tmodel.isLightweightChild) {
+              delete lastVisibleMap[tmodel.oid];
+              delete lastPreservedMap[tmodel.oid];
+              delete _this.visibleOidMap[tmodel.oid];
+              delete _this.preservedDomMap[tmodel.oid];
+              _this.domPolicyMap.delete(tmodel.oid);
+              return 0; // continue
             }
-            if (((_state$activeTargetLi = state.activeTargetList) === null || _state$activeTargetLi === void 0 ? void 0 : _state$activeTargetLi.length) > 0) {
-              this.lists.activeTModels.push(tmodel);
-              this.lists.activeTargets = [].concat(_toConsumableArray(this.lists.activeTargets), _toConsumableArray(state.activeTargetList));
-            }
-          }
-          if (preserveDom && !visible && !tmodel.isActivated()) {
-            if (this.needsRestyle(tmodel)) {
-              this.lists.restyle.push(tmodel);
+            lastVisibleMap[tmodel.oid] = undefined;
+            lastPreservedMap[tmodel.oid] = undefined;
+            if (!tmodel.exists()) {
+              if (tmodel.hasDom()) {
+                _this.addToDeletedDom(tmodel);
+              }
+              delete _this.visibleOidMap[tmodel.oid];
+              delete _this.preservedDomMap[tmodel.oid];
+              return 0; // continue
             }
-          }
-          if (visible || tmodel.isActivated()) {
-            if (this.needsRerender(tmodel)) {
-              this.lists.rerender.push(tmodel);
+            var visible = tmodel.isVisible();
+            if (!visible && (_tmodel$noDomUpdating = tmodel.noDomUpdatingTargets) !== null && _tmodel$noDomUpdating !== void 0 && _tmodel$noDomUpdating.size && _toConsumableArray(tmodel.noDomUpdatingTargets).some(function (key) {
+              var targetValue = tmodel.targetValues[key];
+              return TargetData.affectsVisibility(key) && (targetValue === null || targetValue === void 0 ? void 0 : targetValue.catchupAt) !== undefined;
+            })) {
+              _this.lists.noDomVisibilityTModels.push(tmodel);
             }
-            if (this.needsRestyle(tmodel)) {
-              this.lists.restyle.push(tmodel);
+            if (visible && tmodel.isIncluded()) {
+              _this.visibleOidMap[tmodel.oid] = tmodel;
+              delete _this.preservedDomMap[tmodel.oid];
+              _this.lists.visible.push(tmodel);
+            } else {
+              delete _this.visibleOidMap[tmodel.oid];
             }
-            if (this.needsReasyncStyle(tmodel)) {
-              this.lists.reasyncStyle.push(tmodel);
+            var preserveDom = _this.shouldPreserveDom(tmodel);
+            if (!visible && preserveDom && tmodel.hasDom()) {
+              _this.preservedDomMap[tmodel.oid] = tmodel;
+            } else {
+              delete _this.preservedDomMap[tmodel.oid];
             }
-            if (this.needsReattach(tmodel)) {
-              this.lists.reattach.push(tmodel);
+            if (tmodel.hasDom()) {
+              if (!tmodel.canHaveDom() || !tmodel.isIncluded() || tmodel.canDeleteDom() && !visible && !preserveDom) {
+                _this.addToDeletedDom(tmodel);
+                tmodel.getChildren().forEach(function (child) {
+                  if (child.isLightweightChild) {
+                    return;
+                  }
+                  if (!child.managesOwnScroll()) {
+                    _this.addToRecursiveDeletedDom(child);
+                  }
+                });
+              }
             }
-            if (this.needsRelocation(tmodel)) {
-              this.lists.relocation.push(tmodel);
+            if (visible || tmodel.isActivated()) {
+              var _state$updatingTarget, _state$activeTargetLi;
+              var state = tmodel.state();
+              if (((_state$updatingTarget = state.updatingTargetList) === null || _state$updatingTarget === void 0 ? void 0 : _state$updatingTarget.length) > 0 || tmodel.hasAnimatingTargets()) {
+                _this.lists.updatingTModels.push(tmodel);
+                _this.lists.updatingTargets = [].concat(_toConsumableArray(_this.lists.updatingTargets), _toConsumableArray(state.updatingTargetList));
+              }
+              if (((_state$activeTargetLi = state.activeTargetList) === null || _state$activeTargetLi === void 0 ? void 0 : _state$activeTargetLi.length) > 0) {
+                _this.lists.activeTModels.push(tmodel);
+                _this.lists.activeTargets = [].concat(_toConsumableArray(_this.lists.activeTargets), _toConsumableArray(state.activeTargetList));
+              }
             }
-            var _state = tmodel.state();
-            if (_state.targetMethodMap && Object.keys(_state.targetMethodMap).length > 0) {
-              this.targetMethodMap[tmodel.oid] = _objectSpread({}, _state.targetMethodMap);
-              _state.targetMethodMap = {};
+            if (preserveDom && !visible && !tmodel.isActivated()) {
+              if (_this.needsRestyle(tmodel)) {
+                _this.lists.restyle.push(tmodel);
+              }
             }
-            if (tmodel.isActivated()) {
-              activated.push(tmodel);
+            if (visible || tmodel.isActivated()) {
+              if (_this.needsRerender(tmodel)) {
+                _this.lists.rerender.push(tmodel);
+              }
+              if (_this.needsRestyle(tmodel)) {
+                _this.lists.restyle.push(tmodel);
+              }
+              if (_this.needsReasyncStyle(tmodel)) {
+                _this.lists.reasyncStyle.push(tmodel);
+              }
+              if (_this.needsReattach(tmodel)) {
+                _this.lists.reattach.push(tmodel);
+              }
+              if (_this.needsRelocation(tmodel)) {
+                _this.lists.relocation.push(tmodel);
+              }
+              var _state = tmodel.state();
+              if (_state.targetMethodMap && Object.keys(_state.targetMethodMap).length > 0) {
+                _this.targetMethodMap[tmodel.oid] = _objectSpread({}, _state.targetMethodMap);
+                _state.targetMethodMap = {};
+              }
+              if (tmodel.isActivated()) {
+                activated.push(tmodel);
+              }
             }
-          }
-          if (this.shouldCreateDom(tmodel, visible) && !this.noDomMap[tmodel.oid]) {
-            var _tmodel$getDomHolder, _tmodel$getDomParent;
-            if ((_tmodel$getDomHolder = tmodel.getDomHolder()) !== null && _tmodel$getDomHolder !== void 0 && _tmodel$getDomHolder.exists() || this.noDomMap[(_tmodel$getDomParent = tmodel.getDomParent()) === null || _tmodel$getDomParent === void 0 ? void 0 : _tmodel$getDomParent.oid]) {
-              this.lists.noDom.push(tmodel);
-              this.noDomMap[tmodel.oid] = true;
-            } else {
-              tmodel.markLayoutDirty('noDomHolder');
+            if (_this.shouldCreateDom(tmodel, visible) && !_this.noDomMap[tmodel.oid]) {
+              var _tmodel$getDomHolder, _tmodel$getDomParent;
+              if ((_tmodel$getDomHolder = tmodel.getDomHolder()) !== null && _tmodel$getDomHolder !== void 0 && _tmodel$getDomHolder.exists() || _this.noDomMap[(_tmodel$getDomParent = tmodel.getDomParent()) === null || _tmodel$getDomParent === void 0 ? void 0 : _tmodel$getDomParent.oid]) {
+                _this.lists.noDom.push(tmodel);
+                _this.noDomMap[tmodel.oid] = true;
+              } else {
+                tmodel.markLayoutDirty('noDomHolder');
+              }
             }
-          }
+          },
+          _ret;
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          _ret = _loop();
+          if (_ret === 0) continue;
         }
       } catch (err) {
         _iterator.e(err);
@@ -637,8 +652,8 @@ var TModelManager = /*#__PURE__*/function () {
   }, {
     key: "catchupNoDomTargetsBeforeStyle",
     value: function catchupNoDomTargetsBeforeStyle(tmodel) {
-      var _tmodel$noDomUpdating;
-      if (!((_tmodel$noDomUpdating = tmodel.noDomUpdatingTargets) !== null && _tmodel$noDomUpdating !== void 0 && _tmodel$noDomUpdating.size)) {
+      var _tmodel$noDomUpdating2;
+      if (!((_tmodel$noDomUpdating2 = tmodel.noDomUpdatingTargets) !== null && _tmodel$noDomUpdating2 !== void 0 && _tmodel$noDomUpdating2.size)) {
         return;
       }
       for (var _i4 = 0, _arr3 = _toConsumableArray(tmodel.noDomUpdatingTargets); _i4 < _arr3.length; _i4++) {

package/build/TModelUtil.js

@@ -147,8 +147,8 @@ var TModelUtil = /*#__PURE__*/function () {
       };
     }
   }, {
-    key: "restoreDomState",
-    value: function restoreDomState($root, domState) {
+    key: "restoreMountedDom",
+    value: function restoreMountedDom($root, domState) {
       if (!($root !== null && $root !== void 0 && $root.getElement()) || !domState) {
         return;
       }
@@ -157,22 +157,25 @@ var TModelUtil = /*#__PURE__*/function () {
         _step;
       try {
         var _loop = function _loop() {
+          var _element$tagName2;
           var state = _step.value;
           var element = elements[state.index];
           if (!element) {
             return 1; // continue
           }
-          if (state.kind === "input") {
+          var tagName = (_element$tagName2 = element.tagName) === null || _element$tagName2 === void 0 ? void 0 : _element$tagName2.toLowerCase();
+          if (state.kind === "input" && tagName === "input") {
             element.value = state.value;
             element.checked = state.checked;
             element.indeterminate = state.indeterminate;
-          } else if (state.kind === "textarea") {
+          } else if (state.kind === "textarea" && tagName === "textarea") {
             element.value = state.value;
-          } else if (state.kind === "select") {
-            _toConsumableArray(element.options).forEach(function (option, index) {
-              option.selected = state.selected[index] === true;
+          } else if (state.kind === "select" && tagName === "select") {
+            Array.from(element.options).forEach(function (option, index) {
+              var _state$selected;
+              option.selected = ((_state$selected = state.selected) === null || _state$selected === void 0 ? void 0 : _state$selected[index]) === true;
             });
-          } else if (state.kind === "details") {
+          } else if (state.kind === "details" && tagName === "details") {
             element.open = state.open;
           }
         };

package/build/TUtil.js

@@ -11,9 +11,8 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { getLocationManager, tRoot, getEvents } from "./App.js";
+import { getLocationManager, tRoot } from "./App.js";
 import { TargetUtil } from "./TargetUtil.js";
-import { TargetData } from "./TargetData.js";
 import { TModel } from "./TModel.js";
 
 /**
@@ -99,6 +98,11 @@ var TUtil = /*#__PURE__*/function () {
     value: function isDefined(obj) {
       return typeof obj !== "undefined" && obj !== null;
     }
+  }, {
+    key: "hasProperty",
+    value: function hasProperty(obj, key) {
+      return Object.prototype.hasOwnProperty.call(obj, key);
+    }
   }, {
     key: "isNumber",
     value: function isNumber(num) {
@@ -234,24 +238,6 @@ var TUtil = /*#__PURE__*/function () {
       }
       return false;
     }
-  }, {
-    key: "runTargetValue",
-    value: function runTargetValue(tmodel, target, key, cycle, lastValue) {
-      var instance = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;
-      var cleanKey = TargetUtil.getTargetName(key);
-      var isExternalEvent = TargetData.allEventMap[cleanKey];
-      var instanceArgs = TUtil.isDefined(instance) ? [instance] : [];
-      if (isExternalEvent) {
-        var _target$value;
-        return typeof target.value === 'function' ? (_target$value = target.value).call.apply(_target$value, [tmodel].concat(instanceArgs, [getEvents().getCurrentOriginalEvent(), cycle, lastValue])) : TUtil.isDefined(target.value) ? target.value : target;
-      } else if (tmodel.val("___".concat(key))) {
-        var _target$value2;
-        return typeof target.value === 'function' ? (_target$value2 = target.value).call.apply(_target$value2, [tmodel].concat(instanceArgs, [tmodel.val("___".concat(key)), cycle, lastValue])) : TUtil.isDefined(target.value) ? target.value : target;
-      } else {
-        var _target$value3;
-        return typeof target.value === 'function' ? (_target$value3 = target.value).call.apply(_target$value3, [tmodel].concat(instanceArgs, [cycle, lastValue])) : TUtil.isDefined(target.value) ? target.value : target;
-      }
-    }
   }, {
     key: "mergeTargets",
     value: function mergeTargets(tmodel1, tmodel2) {
@@ -326,7 +312,7 @@ var TUtil = /*#__PURE__*/function () {
   }, {
     key: "advanceTargetByElapsed",
     value: function advanceTargetByElapsed(tmodel, key) {
-      var _targetValue$valueLis2;
+      var _targetValue$valueLis3;
       var targetValue = tmodel.targetValues[key];
       if (!targetValue) {
         return {
@@ -336,21 +322,24 @@ var TUtil = /*#__PURE__*/function () {
           done: false
         };
       }
-      if (!targetValue.catchupAt) {
-        var _targetValue$valueLis;
+      if (!TUtil.isDefined(targetValue.catchupAt)) {
+        var _targetValue$valueLis, _targetValue$valueLis2;
+        var step = tmodel.getTargetStep(key);
+        var valuePointer = (_targetValue$valueLis = targetValue.valueList) !== null && _targetValue$valueLis !== void 0 && _targetValue$valueLis.length ? tmodel.getValueListPointer(key) : 0;
         return {
-          step: tmodel.getTargetStep(key),
+          step: step,
           cycle: tmodel.getTargetCycle(key),
-          valuePointer: (_targetValue$valueLis = targetValue.valueList) !== null && _targetValue$valueLis !== void 0 && _targetValue$valueLis.length ? tmodel.getValueListPointer(key) : 0,
-          done: tmodel.getTargetStep(key) >= tmodel.getTargetSteps(key)
+          valuePointer: valuePointer,
+          done: (_targetValue$valueLis2 = targetValue.valueList) !== null && _targetValue$valueLis2 !== void 0 && _targetValue$valueLis2.length ? valuePointer >= targetValue.valueList.length : false
         };
       }
-      var elapsedMs = TUtil.now() - targetValue.catchupAt;
-      if ((_targetValue$valueLis2 = targetValue.valueList) !== null && _targetValue$valueLis2 !== void 0 && _targetValue$valueLis2.length) {
-        return TUtil.advanceValueListTargetByElapsed(tmodel, key, elapsedMs);
-      } else {
-        return TUtil.advanceSimpleTargetByElapsed(tmodel, key, elapsedMs);
+      var now = TUtil.now();
+      var elapsedMs = now - targetValue.catchupAt;
+      var progress = (_targetValue$valueLis3 = targetValue.valueList) !== null && _targetValue$valueLis3 !== void 0 && _targetValue$valueLis3.length ? TUtil.advanceValueListTargetByElapsed(tmodel, key, elapsedMs) : TUtil.advanceSimpleTargetByElapsed(tmodel, key, elapsedMs);
+      if (!progress.done) {
+        targetValue.catchupAt = now - progress.remainingMs;
       }
+      return progress;
     }
   }, {
     key: "advanceSimpleTargetByElapsed",
@@ -360,15 +349,16 @@ var TUtil = /*#__PURE__*/function () {
       var cycles = tmodel.getTargetCycles(key);
       var step = tmodel.getTargetStep(key);
       var cycle = tmodel.getTargetCycle(key);
+      var remainingMs = elapsedMs;
       if (steps <= 0) {
         return {
           step: steps,
           valuePointer: 0,
           cycle: cycles,
-          done: true
+          done: true,
+          remainingMs: 0
         };
       }
-      var remainingMs = elapsedMs;
       while (remainingMs > 0 && cycle < cycles) {
         var remainingSteps = Math.max(steps - step, 0);
         var remainingSegmentMs = remainingSteps * interval;
@@ -380,7 +370,8 @@ var TUtil = /*#__PURE__*/function () {
               step: steps,
               valuePointer: 0,
               cycle: cycles,
-              done: true
+              done: true,
+              remainingMs: remainingMs
             };
           }
           step = 0;
@@ -388,12 +379,14 @@ var TUtil = /*#__PURE__*/function () {
         }
         var advancedSteps = TUtil.limit(Math.floor(remainingMs / interval), 0, remainingSteps);
         step += advancedSteps;
+        remainingMs -= advancedSteps * interval;
         return {
           step: step,
           steps: steps,
           valuePointer: 0,
           cycle: cycle,
-          done: false
+          done: false,
+          remainingMs: remainingMs
         };
       }
       return {
@@ -401,7 +394,8 @@ var TUtil = /*#__PURE__*/function () {
         steps: steps,
         valuePointer: 0,
         cycle: cycle,
-        done: cycle >= cycles
+        done: cycle >= cycles,
+        remainingMs: remainingMs
       };
     }
   }, {
@@ -416,7 +410,7 @@ var TUtil = /*#__PURE__*/function () {
       var valuePointer = tmodel.getValueListPointer(key);
       var step = tmodel.getTargetStep(key);
       var remainingMs = elapsedMs;
-      while (remainingMs > 0 && cycle < cycles) {
+      while (cycle < cycles) {
         while (remainingMs > 0 && valuePointer < valueList.length) {
           var segmentSteps = stepList[(valuePointer - 1) % stepList.length];
           var interval = intervalList[(valuePointer - 1) % intervalList.length] || 8;
@@ -431,29 +425,39 @@ var TUtil = /*#__PURE__*/function () {
           }
           var advancedSteps = TUtil.limit(Math.floor(remainingMs / interval), 0, remainingSteps);
           step += advancedSteps;
+          remainingMs -= advancedSteps * interval;
           return {
             step: step,
             steps: segmentSteps,
             valuePointer: valuePointer,
             cycle: cycle,
-            done: false
+            done: false,
+            remainingMs: remainingMs
           };
         }
-        cycle++;
-        if (cycle >= cycles) {
-          var finalPointer = valueList.length;
-          var finalStepIndex = Math.max(0, valueList.length - 2);
-          var finalSteps = stepList[finalStepIndex % stepList.length];
-          return {
-            step: finalSteps,
-            steps: finalSteps,
-            valuePointer: finalPointer,
-            cycle: cycles,
-            done: true
-          };
+        if (valuePointer >= valueList.length) {
+          cycle++;
+          if (cycle >= cycles) {
+            var finalPointer = valueList.length;
+            var finalStepIndex = Math.max(0, valueList.length - 2);
+            var finalSteps = stepList[finalStepIndex % stepList.length];
+            return {
+              step: finalSteps,
+              steps: finalSteps,
+              valuePointer: finalPointer,
+              cycle: cycles,
+              done: true,
+              remainingMs: remainingMs
+            };
+          }
+          valuePointer = 1;
+          step = 0;
+          if (remainingMs <= 0) {
+            break;
+          }
+          continue;
         }
-        valuePointer = 1;
-        step = 0;
+        break;
       }
       var currentSteps = stepList[(valuePointer - 1) % stepList.length];
       return {
@@ -461,6 +465,7 @@ var TUtil = /*#__PURE__*/function () {
         steps: currentSteps,
         valuePointer: valuePointer,
         cycle: cycle,
+        remainingMs: remainingMs,
         done: cycle >= cycles
       };
     }

package/build/TargetData.js

@@ -68,6 +68,12 @@ var TargetData = /*#__PURE__*/function () {
     value: function isTransformKey(key) {
       return !!TargetData.transformMap[key];
     }
+  }, {
+    key: "affectsVisibility",
+    value: function affectsVisibility(key) {
+      key = TargetUtil.getTargetName(key);
+      return ["x", "y", "width", "height", "dim"].includes(TargetUtil.getTargetName(key));
+    }
   }]);
 }();
 _TargetData = TargetData;

package/build/TargetExecutor.js

@@ -160,8 +160,12 @@ var TargetExecutor = /*#__PURE__*/function () {
         TargetExecutor.assignSingleTarget(targetValue, value, undefined, steps, cycles, interval, easing);
       }
       if (targetValue) {
+        var _tmodel$noDomUpdating;
         TargetExecutor.resetImperativeProgress(targetValue);
         TargetExecutor.assignTargetOptions(targetValue, options);
+        if (targetValue.steps > 0 && (_tmodel$noDomUpdating = tmodel.noDomUpdatingTargets) !== null && _tmodel$noDomUpdating !== void 0 && _tmodel$noDomUpdating.has(key)) {
+          targetValue.catchupAt = TUtil.now();
+        }
         TargetExecutor.updateTarget(tmodel, targetValue, key, true, snapUpdates);
         if (tmodel.isTargetDone(key)) {
           TargetUtil.shouldActivateNextTarget(tmodel, key);
@@ -252,7 +256,7 @@ var TargetExecutor = /*#__PURE__*/function () {
   }, {
     key: "snapActualToTarget",
     value: function snapActualToTarget(tmodel, key, snapUpdates) {
-      var _tmodel$animatingMap2;
+      var _tmodel$animatingMap$, _tmodel$animatingMap2;
       var targetValue = tmodel.targetValues[key];
       var newValue;
       if (Array.isArray(targetValue.valueList)) {
@@ -264,7 +268,11 @@ var TargetExecutor = /*#__PURE__*/function () {
         newValue = typeof value === 'function' ? value.call(tmodel) : value;
       }
       var valueChanged = tmodel.val(key) !== newValue;
-      var isAnimating = (_tmodel$animatingMap2 = tmodel.animatingMap) === null || _tmodel$animatingMap2 === void 0 ? void 0 : _tmodel$animatingMap2.has(key);
+      var cleanKey = TargetUtil.getTargetName(key);
+      var animatedKey = _toConsumableArray((_tmodel$animatingMap$ = (_tmodel$animatingMap2 = tmodel.animatingMap) === null || _tmodel$animatingMap2 === void 0 ? void 0 : _tmodel$animatingMap2.keys()) !== null && _tmodel$animatingMap$ !== void 0 ? _tmodel$animatingMap$ : []).find(function (animatedKey) {
+        return TargetUtil.getTargetName(animatedKey) === cleanKey;
+      });
+      var isAnimating = !!animatedKey;
       if (!valueChanged && !isAnimating) {
         return;
       }
@@ -273,7 +281,7 @@ var TargetExecutor = /*#__PURE__*/function () {
         tmodel.setActual(key, newValue);
         TUtil.handleValueChange(tmodel, key);
       }
-      if (!tmodel.hasValidAnimation() || !tmodel.canBeAnimated(key)) {
+      if (!isAnimating || !tmodel.hasValidAnimation() || !tmodel.canBeAnimated(key)) {
         targetValue.snapAnimation = false;
         return;
       }