targetj 1.0.235 → 1.0.237

package/build/TModelManager.js

@@ -44,7 +44,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
         reasyncStyle: [],
         reattach: [],
         relocation: [],
-        invisibleDom: [],
+        deletedDom: [],
         noDom: [],
         updatingTModels: [],
         activeTModels: [],
@@ -52,6 +52,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
         activeTargets: []
       };
       this.visibleOidMap = {};
+      this.preservedDomMap = {};
       this.targetMethodMap = {};
       this.noDomMap = {};
     }
@@ -76,6 +77,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
     key: "clearAll",
     value: function clearAll() {
       this.visibleOidMap = {};
+      this.preservedDomMap = {};
       this.clearFrameLists();
       this.deleteDoms();
     }
@@ -84,6 +86,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
     value: function analyze() {
       var _this = this;
       var lastVisibleMap = _objectSpread({}, this.visibleOidMap);
+      var lastPreservedMap = _objectSpread({}, this.preservedDomMap);
       this.clearFrameLists();
       var activated = [];
       var _iterator = _createForOfIteratorHelper((0, _App.getLocationManager)().hasLocationList),
@@ -92,35 +95,40 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var tmodel = _step.value;
           lastVisibleMap[tmodel.oid] = undefined;
+          lastPreservedMap[tmodel.oid] = undefined;
           if (!tmodel.exists()) {
             if (tmodel.hasDom()) {
-              this.addToInvisibleDom(tmodel);
+              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 keepDom = this.shouldPreserveDom(tmodel);
-          if (keepDom) {
-            this.visibleOidMap[tmodel.oid] = tmodel;
+          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 && !keepDom) {
-              this.addToInvisibleDom(tmodel);
+            if (!tmodel.canHaveDom() || !tmodel.isIncluded() || tmodel.canDeleteDom() && !visible && !preserveDom) {
+              this.addToDeletedDom(tmodel);
               tmodel.getChildren().forEach(function (tmodel) {
                 if (!tmodel.managesOwnScroll()) {
-                  _this.addToRecursiveInvisibleDom(tmodel);
+                  _this.addToRecursiveDeletedDom(tmodel);
                 }
               });
             }
           }
-          if (visible || tmodel.isActivated() || keepDom) {
+          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()) {
@@ -132,7 +140,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
               this.lists.activeTargets = [].concat(_toConsumableArray(this.lists.activeTargets), _toConsumableArray(state.activeTargetList));
             }
           }
-          if (visible || tmodel.isActivated() || keepDom) {
+          if (visible || tmodel.isActivated()) {
             if (this.needsRerender(tmodel)) {
               this.lists.rerender.push(tmodel);
             }
@@ -157,7 +165,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
               activated.push(tmodel);
             }
           }
-          if (visible || tmodel.requiresDom() || keepDom) {
+          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]) {
@@ -177,27 +185,27 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
       activated.forEach(function (t) {
         return t.deactivate();
       });
-      Object.values(lastVisibleMap).filter(function (v) {
+      Object.values(_objectSpread(_objectSpread({}, lastVisibleMap), lastPreservedMap)).filter(function (v) {
         return v !== undefined;
       }).forEach(function (tmodel) {
         if (tmodel.hasDom()) {
           if (!tmodel.exists() || !tmodel.isIncluded()) {
-            _this.addToInvisibleDom(tmodel);
+            _this.addToDeletedDom(tmodel);
           }
         }
       });
-      return this.lists.noDom.length > 0 ? 0 : this.lists.reattach.length > 0 ? 1 : this.lists.relocation.length > 0 ? 2 : this.lists.rerender.length > 0 ? 3 : this.lists.reasyncStyle.length > 0 ? 4 : this.lists.invisibleDom.length > 0 ? 5 : this.lists.restyle.length > 0 ? 10 : -1;
+      return this.lists.noDom.length > 0 ? 0 : this.lists.reattach.length > 0 ? 1 : this.lists.relocation.length > 0 ? 2 : this.lists.rerender.length > 0 ? 3 : this.lists.reasyncStyle.length > 0 ? 4 : this.lists.deletedDom.length > 0 ? 5 : this.lists.restyle.length > 0 ? 10 : -1;
     }
   }, {
     key: "shouldPreserveDom",
     value: function shouldPreserveDom(tmodel) {
-      if (!tmodel.isVisible() && _TUtil.TUtil.isDefined(tmodel.targets.isVisible)) {
+      if (!tmodel.isIncluded()) {
         return false;
       }
-      var parent = tmodel.parent;
-      if (!tmodel.isIncluded()) {
+      if (!tmodel.isVisible() && _TUtil.TUtil.isDefined(tmodel.targets.isVisible)) {
         return false;
       }
+      var parent = tmodel.parent;
       while (parent && parent !== (0, _App.tRoot)()) {
         if (_TUtil.TUtil.isDefined(parent.targets.canDeleteDom)) {
           return parent.val('canDeleteDom') === false;
@@ -225,27 +233,29 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
       return true;
     }
   }, {
-    key: "addToRecursiveInvisibleDom",
-    value: function addToRecursiveInvisibleDom(tmodel) {
+    key: "addToRecursiveDeletedDom",
+    value: function addToRecursiveDeletedDom(tmodel) {
       var _this2 = this;
       delete this.visibleOidMap[tmodel.oid];
-      if (!this.lists.invisibleDom.includes(tmodel)) {
+      delete this.preservedDomMap[tmodel.oid];
+      if (!this.lists.deletedDom.includes(tmodel)) {
         if (tmodel.hasDom()) {
-          this.lists.invisibleDom.push(tmodel);
+          this.lists.deletedDom.push(tmodel);
         }
         tmodel.getChildren().forEach(function (tmodel) {
           if (!tmodel.managesOwnScroll()) {
-            _this2.addToRecursiveInvisibleDom(tmodel);
+            _this2.addToRecursiveDeletedDom(tmodel);
           }
         });
       }
     }
   }, {
-    key: "addToInvisibleDom",
-    value: function addToInvisibleDom(tmodel) {
+    key: "addToDeletedDom",
+    value: function addToDeletedDom(tmodel) {
       delete this.visibleOidMap[tmodel.oid];
-      if (!this.lists.invisibleDom.includes(tmodel)) {
-        this.lists.invisibleDom.push(tmodel);
+      delete this.preservedDomMap[tmodel.oid];
+      if (!this.lists.deletedDom.includes(tmodel)) {
+        this.lists.deletedDom.push(tmodel);
       }
     }
   }, {
@@ -253,6 +263,11 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
     value: function getVisibles() {
       return Object.values(this.visibleOidMap);
     }
+  }, {
+    key: "getAvailableDoms",
+    value: function getAvailableDoms() {
+      return Object.values(_objectSpread(_objectSpread({}, this.preservedDomMap), this.visibleOidMap));
+    }
   }, {
     key: "needsRelocation",
     value: function needsRelocation(tmodel) {
@@ -384,7 +399,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
   }, {
     key: "deleteDoms",
     value: function deleteDoms() {
-      var _iterator5 = _createForOfIteratorHelper(this.lists.invisibleDom),
+      var _iterator5 = _createForOfIteratorHelper(this.lists.deletedDom),
         _step5;
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
@@ -399,7 +414,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
       } finally {
         _iterator5.f();
       }
-      this.lists.invisibleDom.length = 0;
+      this.lists.deletedDom.length = 0;
     }
   }, {
     key: "deleteDom",

package/build/TUtil.js

@@ -7,6 +7,7 @@ exports.TUtil = void 0;
 var _App = require("./App.js");
 var _TargetUtil = require("./TargetUtil.js");
 var _TargetData = require("./TargetData.js");
+var _TModel = require("./TModel.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(); }
@@ -22,134 +23,13 @@ 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); }
 /**
  * 
- * It provide a variety of helping functions that are used by the framework.
+ * It provides a variety of helping functions that are used by the framework.
  */
 var TUtil = exports.TUtil = /*#__PURE__*/function () {
   function TUtil() {
     _classCallCheck(this, TUtil);
   }
   return _createClass(TUtil, null, [{
-    key: "calcVisibility",
-    value: function calcVisibility(child) {
-      var _parent$targets$onVis;
-      var parent = child.getRealParent();
-      var onVisibleChildrenChange = (_parent$targets$onVis = parent === null || parent === void 0 ? void 0 : parent.targets['onVisibleChildrenChange']) !== null && _parent$targets$onVis !== void 0 ? _parent$targets$onVis : false;
-      if (!onVisibleChildrenChange && child.isVisible() && (child.isTargetUpdating(child.allTargetMap['x']) || child.isTargetUpdating(child.allTargetMap['y']))) {
-        return true;
-      }
-      var domParent = child.getDomParent();
-      var scale = (domParent.getMeasuringScale() || 1) * child.getMeasuringScale();
-      var x = child.absX;
-      var y = child.absY;
-      var width = TUtil.isDefined(child.getWidth()) ? scale * child.getWidth() : 0;
-      var height = TUtil.isDefined(child.getHeight()) ? scale * child.getHeight() : 0;
-      var visibilityMargin = 20;
-      if (!child.visibilityStatus) {
-        child.visibilityStatus = {};
-      }
-      var status = child.visibilityStatus;
-      var clip = this.getVisibilityClipRect(child.getParent());
-      if (clip) {
-        status.right = x - visibilityMargin <= clip.r;
-        status.left = x + width + visibilityMargin >= clip.x;
-        status.bottom = y - child.getTopMargin() - visibilityMargin <= clip.b;
-        status.top = y + height + visibilityMargin >= clip.y;
-        status.clipX = clip.x;
-        status.clipY = clip.y;
-        status.clipR = clip.r;
-        status.clipB = clip.b;
-        status.parent = clip.source;
-        status.isVisible = status.left && status.right && status.top && status.bottom;
-      } else {
-        status.right = true;
-        status.left = true;
-        status.bottom = true;
-        status.top = true;
-        status.clipX = undefined;
-        status.clipY = undefined;
-        status.clipR = undefined;
-        status.clipB = undefined;
-        status.parent = "none";
-        status.isVisible = true;
-      }
-      status.x = x;
-      status.y = y;
-      status.width = width;
-      status.height = height;
-      child.actualValues.isVisible = status.isVisible;
-      return status.isVisible;
-    }
-  }, {
-    key: "getVisibilityClipRect",
-    value: function getVisibilityClipRect(container) {
-      var rect = TUtil.getScreenViewportRect();
-      while (container && container !== (0, _App.tRoot)()) {
-        if (this.shouldClipByAncestor(container)) {
-          var ancestorRect = this.getAncestorViewportRect(container);
-          rect = rect && !container.allTargetMap['onWindowScroll'] ? this.intersectVisibilityRects(rect, ancestorRect) : ancestorRect;
-          if (rect.r <= rect.x || rect.b <= rect.y) {
-            break;
-          }
-        }
-        container = container.getRealParent();
-      }
-      return rect;
-    }
-  }, {
-    key: "getScreenViewportRect",
-    value: function getScreenViewportRect() {
-      return {
-        x: 0,
-        y: 0,
-        r: (0, _App.getScreenWidth)(),
-        b: (0, _App.getScreenHeight)(),
-        source: "screen"
-      };
-    }
-  }, {
-    key: "shouldClipByAncestor",
-    value: function shouldClipByAncestor(ancestor) {
-      return ancestor.managesOwnScroll();
-    }
-  }, {
-    key: "getAncestorViewportRect",
-    value: function getAncestorViewportRect(ancestor) {
-      var _ancestor$$dom, _ancestor$$dom2;
-      var domScrollLeft = ((_ancestor$$dom = ancestor.$dom) === null || _ancestor$$dom === void 0 ? void 0 : _ancestor$$dom.getScrollLeft()) || 0;
-      var domScrollTop = ((_ancestor$$dom2 = ancestor.$dom) === null || _ancestor$$dom2 === void 0 ? void 0 : _ancestor$$dom2.getScrollTop()) || 0;
-      return {
-        x: ancestor.absX + domScrollLeft,
-        y: ancestor.absY + domScrollTop,
-        r: ancestor.absX + domScrollLeft + ancestor.getWidth(),
-        b: ancestor.absY + domScrollTop + ancestor.getHeight(),
-        source: ancestor
-      };
-    }
-  }, {
-    key: "intersectVisibilityRects",
-    value: function intersectVisibilityRects(a, b) {
-      return {
-        x: Math.max(a.x, b.x),
-        y: Math.max(a.y, b.y),
-        r: Math.min(a.r, b.r),
-        b: Math.min(a.b, b.b),
-        source: b.source
-      };
-    }
-  }, {
-    key: "updateClipRect",
-    value: function updateClipRect(tmodel) {
-      var parent = tmodel.getParent();
-      var inheritedClip = (parent === null || parent === void 0 ? void 0 : parent.visibilityClipRect) || null;
-      if (this.shouldClipByAncestor(tmodel)) {
-        var localRect = this.getLocalViewportRect(tmodel);
-        tmodel.visibilityClipRect = inheritedClip ? this.intersectVisibilityRects(inheritedClip, localRect) : localRect;
-      } else {
-        tmodel.visibilityClipRect = inheritedClip;
-      }
-      return tmodel.visibilityClipRect;
-    }
-  }, {
     key: "contains",
     value: function contains(container, tmodel) {
       var _tmodel$getDomParent;
@@ -364,6 +244,12 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
         tmodel.setScheduleTimeStamp(key, now);
         return 0;
       }
+      var remaining = tmodel.getScheduleRemainingTime(key);
+      if (TUtil.isDefined(remaining)) {
+        tmodel.setScheduleTimeStamp(key, now - Math.max(interval - remaining, 0));
+        tmodel.resetScheduleRemainingTime(key);
+        return remaining;
+      }
       var lastScheduledTime = tmodel.getScheduleTimeStamp(key);
       if (TUtil.isDefined(lastScheduledTime)) {
         var elapsed = now - lastScheduledTime;
@@ -372,6 +258,32 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
       tmodel.setScheduleTimeStamp(key, now);
       return interval;
     }
+  }, {
+    key: "pauseSchedule",
+    value: function pauseSchedule(tmodel, key) {
+      var interval = tmodel.getTargetInterval(key);
+      var lastScheduledTime = tmodel.getScheduleTimeStamp(key);
+      if (interval <= 0 || !TUtil.isDefined(lastScheduledTime)) {
+        return;
+      }
+      var now = TUtil.now();
+      var elapsed = now - lastScheduledTime;
+      var remaining = Math.max(interval - elapsed, 0);
+      tmodel.setScheduleRemainingTime(key, remaining);
+      tmodel.resetScheduleTimeStamp(key);
+    }
+  }, {
+    key: "resumeSchedule",
+    value: function resumeSchedule(tmodel, key) {
+      var remaining = tmodel.getScheduleRemainingTime(key);
+      if (!TUtil.isDefined(remaining)) {
+        return;
+      }
+      var now = TUtil.now();
+      var interval = tmodel.getTargetInterval(key);
+      tmodel.setScheduleTimeStamp(key, now - Math.max(interval - remaining, 0));
+      tmodel.resetScheduleRemainingTime(key);
+    }
   }, {
     key: "runTargetValue",
     value: function runTargetValue(tmodel, target, key, cycle, lastValue) {
@@ -405,5 +317,56 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
         tmodel1.processNewTarget(key, keyIndex);
       });
     }
+  }, {
+    key: "cloneTargetDefinition",
+    value: function cloneTargetDefinition(value) {
+      var seen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new WeakMap();
+      if (!TUtil.isDefined(value) || _typeof(value) !== 'object') {
+        return value;
+      }
+
+      // Keep functions shared. They are behavior, not per-instance state.
+      if (typeof value === 'function') {
+        return value;
+      }
+
+      // Avoid cloning DOM wrappers, real DOM nodes, TModels, etc.
+      if (value instanceof _TModel.TModel || value instanceof Element || value instanceof Node || value instanceof Date || value instanceof RegExp) {
+        return value;
+      }
+      if (seen.has(value)) {
+        return seen.get(value);
+      }
+      if (Array.isArray(value)) {
+        var arr = [];
+        seen.set(value, arr);
+        var _iterator2 = _createForOfIteratorHelper(value),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var item = _step2.value;
+            arr.push(TUtil.cloneTargetDefinition(item, seen));
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+        return arr;
+      }
+      var proto = Object.getPrototypeOf(value);
+
+      // Only deep-clone plain objects.
+      if (proto !== Object.prototype && proto !== null) {
+        return value;
+      }
+      var cloned = {};
+      seen.set(value, cloned);
+      for (var _i = 0, _Object$keys = Object.keys(value); _i < _Object$keys.length; _i++) {
+        var key = _Object$keys[_i];
+        cloned[key] = TUtil.cloneTargetDefinition(value[key], seen);
+      }
+      return cloned;
+    }
   }]);
 }();

package/build/TargetUtil.js

@@ -311,7 +311,7 @@ var TargetUtil = exports.TargetUtil = /*#__PURE__*/function () {
         tmodel.setTargetMethodName(key, "onComplete");
       }
       var fetchAction = target === null || target === void 0 ? void 0 : target.fetchAction;
-      if (fetchAction && (0, _App.getLoader)().isLoadingComplete(tmodel, key)) {
+      if (fetchAction && (0, _App.getLoader)().isLoadingSuccessful(tmodel, key)) {
         var index = tmodel.fetchActionTargetList.indexOf(key);
         if (index >= 0) {
           tmodel.fetchActionTargetList.splice(index, 1);
@@ -439,7 +439,7 @@ var TargetUtil = exports.TargetUtil = /*#__PURE__*/function () {
         }
         if (tmodel.isTargetTreeComplete(targetName) !== true) {
           //const activeChildrenList = [ ...TargetUtil.getActiveChildren(tmodel, tmodel.targets[targetName].completionScope).values() ];
-          //return  tmodel.oid + "." + targetName + " ==> " + tmodel.getTargetStatus(targetName) + ", " + tmodel.isTargetTreeComplete(targetName) + ":: " + activeChildrenList.map(t => t.oid + ':' + t.hasAnyUpdates()) + ", " + [ ...TargetUtil.getUpdatingChildren(tmodel, targetName).keys() ]; 
+          //return  tmodel.oid + "." + targetName + " ==> " + tmodel.getTargetStatus(targetName) + ", " + tmodel.isTargetTreeComplete(targetName) + ":: " + activeChildrenList.map(t => t.oid + ':' + t.hasAnyUpdates()) + ", " + [ ...TargetUtil.getUpdatingChildren(tmodel, targetName, tmodel.targets[targetName].completionScope).keys() ]; 
           return false;
         }
       }
@@ -579,6 +579,9 @@ var TargetUtil = exports.TargetUtil = /*#__PURE__*/function () {
   }, {
     key: "shouldIgnoreChildForCompletion",
     value: function shouldIgnoreChildForCompletion(child, completionScope) {
+      if (!child.exists()) {
+        return true;
+      }
       if (completionScope === "none") {
         return true;
       }

package/build/VisibilityUtil.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VisibilityUtil = void 0;
+var _App = require("./App.js");
+var _TUtil = require("./TUtil.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"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), 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); }
+/**
+ * 
+ * It provides a variety of helping functions for calculating visibility
+ */
+var VisibilityUtil = exports.VisibilityUtil = /*#__PURE__*/function () {
+  function VisibilityUtil() {
+    _classCallCheck(this, VisibilityUtil);
+  }
+  return _createClass(VisibilityUtil, null, [{
+    key: "calcVisibility",
+    value: function calcVisibility(child) {
+      var _parent$targets$onVis;
+      var parent = child.getRealParent();
+      var onVisibleChildrenChange = (_parent$targets$onVis = parent === null || parent === void 0 ? void 0 : parent.targets['onVisibleChildrenChange']) !== null && _parent$targets$onVis !== void 0 ? _parent$targets$onVis : false;
+      if (!onVisibleChildrenChange && child.isVisible() && (child.isTargetUpdating(child.allTargetMap['x']) || child.isTargetUpdating(child.allTargetMap['y']))) {
+        return true;
+      }
+      var domParent = child.getDomParent();
+      var scale = (domParent.getMeasuringScale() || 1) * child.getMeasuringScale();
+      var x = child.absX;
+      var y = child.absY;
+      var width = _TUtil.TUtil.isDefined(child.getWidth()) ? scale * child.getWidth() : 0;
+      var height = _TUtil.TUtil.isDefined(child.getHeight()) ? scale * child.getHeight() : 0;
+      var visibilityMargin = 20;
+      if (!child.visibilityStatus) {
+        child.visibilityStatus = {};
+      }
+      var status = child.visibilityStatus;
+      var clip = VisibilityUtil.getVisibilityClipRect(child.getParent());
+      if (clip) {
+        status.right = x - visibilityMargin <= clip.r;
+        status.left = x + width + visibilityMargin >= clip.x;
+        status.bottom = y - child.getTopMargin() - visibilityMargin <= clip.b;
+        status.top = y + height + visibilityMargin >= clip.y;
+        status.clipX = clip.x;
+        status.clipY = clip.y;
+        status.clipR = clip.r;
+        status.clipB = clip.b;
+        status.parent = clip.source;
+        status.isVisible = status.left && status.right && status.top && status.bottom;
+      } else {
+        status.right = true;
+        status.left = true;
+        status.bottom = true;
+        status.top = true;
+        status.clipX = undefined;
+        status.clipY = undefined;
+        status.clipR = undefined;
+        status.clipB = undefined;
+        status.parent = "none";
+        status.isVisible = true;
+      }
+      status.x = x;
+      status.y = y;
+      status.width = width;
+      status.height = height;
+      child.actualValues.isVisible = status.isVisible;
+      return status.isVisible;
+    }
+  }, {
+    key: "getVisibilityClipRect",
+    value: function getVisibilityClipRect(container) {
+      var rect = VisibilityUtil.getScreenViewportRect();
+      while (container && container !== (0, _App.tRoot)()) {
+        if (VisibilityUtil.shouldClipByAncestor(container)) {
+          var ancestorRect = VisibilityUtil.getAncestorViewportRect(container);
+          rect = rect && !container.allTargetMap['onWindowScroll'] ? VisibilityUtil.intersectVisibilityRects(rect, ancestorRect) : ancestorRect;
+          if (rect.r <= rect.x || rect.b <= rect.y) {
+            break;
+          }
+        }
+        container = container.getRealParent();
+      }
+      return rect;
+    }
+  }, {
+    key: "getScreenViewportRect",
+    value: function getScreenViewportRect() {
+      return {
+        x: 0,
+        y: 0,
+        r: (0, _App.getScreenWidth)(),
+        b: (0, _App.getScreenHeight)(),
+        source: "screen"
+      };
+    }
+  }, {
+    key: "shouldClipByAncestor",
+    value: function shouldClipByAncestor(ancestor) {
+      return ancestor.managesOwnScroll();
+    }
+  }, {
+    key: "getAncestorViewportRect",
+    value: function getAncestorViewportRect(ancestor) {
+      var _ancestor$$dom, _ancestor$$dom2;
+      var domScrollLeft = ((_ancestor$$dom = ancestor.$dom) === null || _ancestor$$dom === void 0 ? void 0 : _ancestor$$dom.getScrollLeft()) || 0;
+      var domScrollTop = ((_ancestor$$dom2 = ancestor.$dom) === null || _ancestor$$dom2 === void 0 ? void 0 : _ancestor$$dom2.getScrollTop()) || 0;
+      return {
+        x: ancestor.absX + domScrollLeft,
+        y: ancestor.absY + domScrollTop,
+        r: ancestor.absX + domScrollLeft + ancestor.getWidth(),
+        b: ancestor.absY + domScrollTop + ancestor.getHeight(),
+        source: ancestor
+      };
+    }
+  }, {
+    key: "intersectVisibilityRects",
+    value: function intersectVisibilityRects(a, b) {
+      return {
+        x: Math.max(a.x, b.x),
+        y: Math.max(a.y, b.y),
+        r: Math.min(a.r, b.r),
+        b: Math.min(a.b, b.b),
+        source: b.source
+      };
+    }
+  }]);
+}();

package/build/index.js

@@ -200,4 +200,15 @@ Object.keys(_AnimationUtil).forEach(function (key) {
       return _AnimationUtil[key];
     }
   });
+});
+var _VisibilityUtil = require("./VisibilityUtil.js");
+Object.keys(_VisibilityUtil).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VisibilityUtil[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VisibilityUtil[key];
+    }
+  });
 });