targetj 1.0.242 → 1.0.243

package/README.md

@@ -569,7 +569,7 @@ TargetJS.tApp.throttle = 0; // Slow down execution (milliseconds between cycles)
 TargetJS.tApp.debugLevel = 1; // Log cycle execution
 ```
 - Use `t(id)` in the browser console to find an object by its element id.
-- Use `t(id).bug()` to inspect all the vital properties.
+- Use `t(id).debug()` to inspect all the vital properties.
 - Use `t(id).logTree()` to inspect the UI structure.
 
 ## Documentation

package/build/BaseModel.js

@@ -973,9 +973,7 @@ var BaseModel = /*#__PURE__*/function () {
           var _step2$value = _slicedToArray(_step2.value, 1),
             key = _step2$value[0];
           if (this.targetValues[key]) {
-            this.targetValues[key].status = 'done';
-            this.removeFromUpdatingTargets(key);
-            this.removeFromActiveTargets(key);
+            this.addTargetToStatusList(key);
           }
         }
       } catch (err) {

package/build/TModelManager.js

@@ -51,6 +51,7 @@ var TModelManager = /*#__PURE__*/function () {
       this.preservedDomMap = {};
       this.targetMethodMap = {};
       this.noDomMap = {};
+      this.domPolicyMap = new Map();
     }
   }, {
     key: "clearFrameLists",
@@ -76,6 +77,7 @@ var TModelManager = /*#__PURE__*/function () {
       this.preservedDomMap = {};
       this.clearFrameLists();
       this.deleteDoms();
+      this.domPolicyMap.clear();
     }
   }, {
     key: "analyze",
@@ -166,15 +168,13 @@ var TModelManager = /*#__PURE__*/function () {
               activated.push(tmodel);
             }
           }
-          if (visible || tmodel.requiresDom()) {
-            if (tmodel.canHaveDom() && !tmodel.hasDom() && tmodel.isIncluded() && !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');
             }
           }
         }
@@ -203,6 +203,9 @@ var TModelManager = /*#__PURE__*/function () {
       if (!tmodel.isIncluded()) {
         return false;
       }
+      if (this.getDomPolicy(tmodel) === "keep") {
+        return true;
+      }
       if (!tmodel.isVisible() && TUtil.isDefined(tmodel.targets.isVisible)) {
         return false;
       }
@@ -218,6 +221,38 @@ var TModelManager = /*#__PURE__*/function () {
       }
       return false;
     }
+  }, {
+    key: "shouldCreateDom",
+    value: function shouldCreateDom(tmodel, visible) {
+      if (!tmodel.canHaveDom() || !tmodel.isIncluded() || tmodel.hasDom()) {
+        return false;
+      }
+      if (visible) {
+        return true;
+      }
+      if (tmodel.requiresDom()) {
+        return true;
+      }
+      return this.getDomPolicy(tmodel) === "keep";
+    }
+  }, {
+    key: "getDomPolicy",
+    value: function getDomPolicy(tmodel) {
+      if (this.domPolicyMap.has(tmodel.oid)) {
+        return this.domPolicyMap.get(tmodel.oid);
+      }
+      var current = tmodel;
+      while (current && current !== tRoot()) {
+        var policy = current.val("domPolicy");
+        if (TUtil.isDefined(policy)) {
+          this.domPolicyMap.set(tmodel.oid, policy);
+          return policy;
+        }
+        current = current.parent;
+      }
+      this.domPolicyMap.set(tmodel.oid, "auto");
+      return "auto";
+    }
   }, {
     key: "isBracketVisible",
     value: function isBracketVisible(tmodel) {

package/build/TargetManager.js

@@ -230,10 +230,14 @@ var TargetManager = /*#__PURE__*/function () {
       var valuePointer = tmodel.getValueListPointer(key);
       var cycle = tmodel.getTargetCycle(key);
       var cycles = tmodel.getTargetCycles(key);
+      var step = tmodel.getTargetStep(key);
+      var steps = tmodel.getTargetSteps(key);
       if (Array.isArray(targetValue.valueList) && valuePointer < targetValue.valueList.length) {
         return 'updating';
       } else if (tmodel.isTargetImperative(key) && cycle < cycles - 1) {
         return 'updating';
+      } else if (step < steps) {
+        return 'updating';
       } else if (tmodel.isTargetInLoop(key) || cycle < cycles - 1) {
         return 'active';
       } else {