targetj 1.0.260 → 1.1.1

package/build/TModelManager.js

@@ -16,10 +16,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { $Dom } from "./$Dom.js";
 import { TUtil } from "./TUtil.js";
-import { getLocationManager, getEvents, getTargetManager, tRoot } from "./App.js";
+import { App, 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));
-            }
-            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 _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 (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() || !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);
@@ -225,32 +240,20 @@ var TModelManager = /*#__PURE__*/function () {
       if (!tmodel.isIncluded()) {
         return false;
       }
-      if (this.getDomPolicy(tmodel) === "keep") {
+      if (tmodel.reuseDomDefinition()) {
         return true;
       }
-      if (!tmodel.isVisible() && TUtil.isDefined(tmodel.targets.isVisible)) {
-        return false;
-      }
-      var parent = tmodel.parent;
-      while (parent && parent !== tRoot()) {
-        if (TUtil.isDefined(parent.targets.canDeleteDom)) {
-          return parent.val('canDeleteDom') === false;
-        }
-        if (TUtil.isDefined(parent.targets.isVisible)) {
-          return parent.val('isVisible') === true;
-        }
-        parent = parent.parent;
-      }
-      return false;
+      var policy = this.getDomPolicy(tmodel);
+      return policy === "keep" || policy === "required";
     }
   }, {
     key: "shouldHaveDom",
     value: function shouldHaveDom(tmodel) {
       var visible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : tmodel.isVisible();
-      if (!tmodel.canHaveDom() || !tmodel.isIncluded()) {
+      if (tmodel.isLightweightChild || !tmodel.canHaveDom() || !tmodel.isIncluded()) {
         return false;
       }
-      return visible || tmodel.requiresDom() || this.getDomPolicy(tmodel) === "keep";
+      return visible || tmodel.reuseDomDefinition() || this.getDomPolicy(tmodel) === "required";
     }
   }, {
     key: "shouldCreateDom",
@@ -350,12 +353,18 @@ var TModelManager = /*#__PURE__*/function () {
   }, {
     key: "addDeletedTree",
     value: function addDeletedTree(tmodel) {
+      var _tmodel$disposeRuntim;
       if (tmodel.isLightweightChild) {
         return;
       }
+      (_tmodel$disposeRuntim = tmodel.disposeRuntimeDerivedState) === null || _tmodel$disposeRuntim === void 0 || _tmodel$disposeRuntim.call(tmodel);
       delete this.visibleOidMap[tmodel.oid];
       delete this.preservedDomMap[tmodel.oid];
       this.domPolicyMap.delete(tmodel.oid);
+      if (App.tmodelIdMap[tmodel.oid] === tmodel) {
+        delete App.tmodelIdMap[tmodel.oid];
+      }
+      getLocationManager().domIslandSet.delete(tmodel);
       if (tmodel.hasDom() && !this.lists.deletedDom.includes(tmodel)) {
         this.lists.deletedDom.push(tmodel);
       }
@@ -535,9 +544,13 @@ var TModelManager = /*#__PURE__*/function () {
   }, {
     key: "deleteDom",
     value: function deleteDom(tmodel) {
+      var _tmodel$particleRende;
       if (tmodel.hasAnimatingTargets()) {
         AnimationUtil.detachAnimationsOnDeleteDom(tmodel);
       }
+
+      // Remove the GPU layer, which may be mounted as a sibling of the model's DOM.
+      (_tmodel$particleRende = tmodel.particleRenderer) === null || _tmodel$particleRende === void 0 || (_tmodel$particleRende = _tmodel$particleRende.canvasLayer) === null || _tmodel$particleRende === void 0 || _tmodel$particleRende.remove();
       var domParent = tmodel.getDomParent();
       if (domParent && domParent.$dom) {
         domParent.$dom.removeElement(tmodel.$dom.element);
@@ -554,6 +567,7 @@ var TModelManager = /*#__PURE__*/function () {
           var tmodel = _step8.value;
           if (tmodel.hasDom()) {
             TModelUtil.fixStyle(tmodel);
+            this.retryPendingTargetsAfterStyle(tmodel);
           }
         }
       } catch (err) {
@@ -572,6 +586,7 @@ var TModelManager = /*#__PURE__*/function () {
           var tmodel = _step9.value;
           if (tmodel.hasDom()) {
             TModelUtil.fixAsyncStyle(tmodel);
+            this.retryPendingTargetsAfterStyle(tmodel);
           }
         }
       } catch (err) {
@@ -580,6 +595,18 @@ var TModelManager = /*#__PURE__*/function () {
         _iterator9.f();
       }
     }
+  }, {
+    key: "retryPendingTargetsAfterStyle",
+    value: function retryPendingTargetsAfterStyle(tmodel) {
+      if (TargetUtil.hasPendingStyles(tmodel)) {
+        return;
+      }
+      for (var _i = 0, _arr = _toConsumableArray((_tmodel$pendingTarget = tmodel.pendingTargets) !== null && _tmodel$pendingTarget !== void 0 ? _tmodel$pendingTarget : []); _i < _arr.length; _i++) {
+        var _tmodel$pendingTarget;
+        var key = _arr[_i];
+        TargetUtil.shouldActivateNextTarget(tmodel, key);
+      }
+    }
   }, {
     key: "activatePendingTargetsAfterDom",
     value: function activatePendingTargetsAfterDom(tmodels) {
@@ -596,8 +623,8 @@ var TModelManager = /*#__PURE__*/function () {
             continue;
           }
           if (tmodel.noDomUpdatingTargets) {
-            for (var _i = 0, _arr = _toConsumableArray(tmodel.noDomUpdatingTargets); _i < _arr.length; _i++) {
-              var target = _arr[_i];
+            for (var _i2 = 0, _arr2 = _toConsumableArray(tmodel.noDomUpdatingTargets); _i2 < _arr2.length; _i2++) {
+              var target = _arr2[_i2];
               tmodel.addTargetToStatusList(target);
             }
             tmodel.noDomUpdatingTargets = undefined;
@@ -605,16 +632,16 @@ var TModelManager = /*#__PURE__*/function () {
           var pending = tmodel.pendingTargets;
           var visited = new Set();
           if (pending) {
-            for (var _i2 = 0, _arr2 = _toConsumableArray(pending); _i2 < _arr2.length; _i2++) {
-              var key = _arr2[_i2];
+            for (var _i3 = 0, _arr3 = _toConsumableArray(pending); _i3 < _arr3.length; _i3++) {
+              var key = _arr3[_i3];
               visited.add(key);
               TargetUtil.cleanupTarget(tmodel, key);
               TargetUtil.shouldActivateNextTarget(tmodel, key);
             }
           }
           if (restoredDoneTargets) {
-            for (var _i3 = 0, _Object$keys = Object.keys(tmodel.targetValues); _i3 < _Object$keys.length; _i3++) {
-              var _key = _Object$keys[_i3];
+            for (var _i4 = 0, _Object$keys = Object.keys(tmodel.targetValues); _i4 < _Object$keys.length; _i4++) {
+              var _key = _Object$keys[_i4];
               var targetValue = tmodel.targetValues[_key];
               if (targetValue.status !== 'done' || visited.has(_key)) {
                 continue;
@@ -622,9 +649,8 @@ var TModelManager = /*#__PURE__*/function () {
               if (tmodel.isTargetInLoop(_key) || tmodel.isTargetPassiveLoop(_key)) {
                 continue;
               }
-              if (TargetUtil.cleanupTarget(tmodel, _key)) {
-                TargetUtil.shouldActivateNextTarget(tmodel, _key);
-              }
+              TargetUtil.cleanupTarget(tmodel, _key);
+              TargetUtil.shouldActivateNextTarget(tmodel, _key);
             }
           }
         }
@@ -637,12 +663,12 @@ 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++) {
-        var key = _arr3[_i4];
+      for (var _i5 = 0, _arr4 = _toConsumableArray(tmodel.noDomUpdatingTargets); _i5 < _arr4.length; _i5++) {
+        var key = _arr4[_i5];
         var targetValue = tmodel.targetValues[key];
         if (!targetValue) {
           continue;
@@ -700,8 +726,8 @@ var TModelManager = /*#__PURE__*/function () {
       } finally {
         _iterator11.f();
       }
-      for (var _i5 = 0, _needsDom = needsDom; _i5 < _needsDom.length; _i5++) {
-        var tmodel = _needsDom[_i5];
+      for (var _i6 = 0, _needsDom = needsDom; _i6 < _needsDom.length; _i6++) {
+        var tmodel = _needsDom[_i6];
         var domHolder = tmodel.getDomHolder();
         if (!domHolder) {
           tmodel.markLayoutDirty('noDomHolder');
@@ -746,13 +772,13 @@ var TModelManager = /*#__PURE__*/function () {
       } finally {
         _iterator12.f();
       }
-      for (var _i6 = 0, _attached = attached; _i6 < _attached.length; _i6++) {
-        var _tmodel = _attached[_i6];
+      for (var _i7 = 0, _attached = attached; _i7 < _attached.length; _i7++) {
+        var _tmodel = _attached[_i7];
         this.catchupNoDomTargetsBeforeStyle(_tmodel);
       }
       var domReady = [];
-      for (var _i7 = 0, _styleBatch = styleBatch; _i7 < _styleBatch.length; _i7++) {
-        var _tmodel2 = _styleBatch[_i7];
+      for (var _i8 = 0, _styleBatch = styleBatch; _i8 < _styleBatch.length; _i8++) {
+        var _tmodel2 = _styleBatch[_i8];
         if (_tmodel2.hasDom()) {
           _tmodel2.hasDomNow = true;
           _tmodel2.markLayoutDirty('hasDomNow');
@@ -762,15 +788,12 @@ var TModelManager = /*#__PURE__*/function () {
         TModelUtil.fixStyle(_tmodel2);
         TModelUtil.fixAsyncStyle(_tmodel2);
       }
-      for (var _i8 = 0, _domReady = domReady; _i8 < _domReady.length; _i8++) {
-        var _tmodel3 = _domReady[_i8];
-        _tmodel3.onDomReady();
+      for (var _i9 = 0, _domReady = domReady; _i9 < _domReady.length; _i9++) {
+        var _tmodel3 = _domReady[_i9];
+        _tmodel3.onDomAvailable();
       }
       this.activatePendingTargetsAfterDom(attached);
-      getEvents().attachEvents(attached.filter(function (t) {
-        var _t$externalEventMap;
-        return ((_t$externalEventMap = t.externalEventMap) === null || _t$externalEventMap === void 0 ? void 0 : _t$externalEventMap.size) > 0;
-      }));
+      getEvents().attachEvents(attached);
     }
   }]);
 }();