targetj 1.0.235 → 1.0.237

package/Export.js

@@ -35,6 +35,7 @@ import * as Easing from './build/Easing.js';
 import * as TargetExecutor from './build/TargetExecutor.js';
 import * as AnimationManager from './build/AnimationManager.js';
 import * as AnimationUtil from './build/AnimationUtil.js';
+import * as VisibilityUtil from './build/VisibilityUtil.js';
 
 const TargetJS = {
   ...App,
@@ -53,7 +54,8 @@ const TargetJS = {
   ...Easing,
   ...TargetExecutor,
   ...AnimationManager,
-  ...AnimationUtil
+  ...AnimationUtil,
+  ...VisibilityUtil
 };
 
 if (typeof window !== 'undefined') {

package/build/BaseModel.js

@@ -649,9 +649,37 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "isScheduledPending",
     value: function isScheduledPending(key) {
+      var remainingTime = this.getScheduleRemainingTime(key);
+      if (_TUtil.TUtil.isDefined(remainingTime)) {
+        return remainingTime > 0;
+      }
       var lastScheduledTime = this.getScheduleTimeStamp(key);
       var interval = this.getTargetInterval(key);
-      return lastScheduledTime && lastScheduledTime + interval > _TUtil.TUtil.now();
+      return _TUtil.TUtil.isDefined(lastScheduledTime) && lastScheduledTime + interval > _TUtil.TUtil.now();
+    }
+  }, {
+    key: "getScheduleRemainingTime",
+    value: function getScheduleRemainingTime(key) {
+      var _this$targetValues$ke8;
+      return (_this$targetValues$ke8 = this.targetValues[key]) === null || _this$targetValues$ke8 === void 0 ? void 0 : _this$targetValues$ke8.scheduleRemainingTime;
+    }
+  }, {
+    key: "setScheduleRemainingTime",
+    value: function setScheduleRemainingTime(key, remainingTime) {
+      var targetValue = this.targetValues[key];
+      if (!targetValue) {
+        return;
+      }
+      targetValue.scheduleRemainingTime = remainingTime;
+    }
+  }, {
+    key: "resetScheduleRemainingTime",
+    value: function resetScheduleRemainingTime(key) {
+      var targetValue = this.targetValues[key];
+      if (!targetValue) {
+        return;
+      }
+      delete targetValue.scheduleRemainingTime;
     }
   }, {
     key: "isTargetInLoop",
@@ -685,14 +713,14 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetInitialValue",
     value: function getTargetInitialValue(key) {
-      var _this$targetValues$ke8;
-      return (_this$targetValues$ke8 = this.targetValues[key]) === null || _this$targetValues$ke8 === void 0 ? void 0 : _this$targetValues$ke8.initialValue;
+      var _this$targetValues$ke9;
+      return (_this$targetValues$ke9 = this.targetValues[key]) === null || _this$targetValues$ke9 === void 0 ? void 0 : _this$targetValues$ke9.initialValue;
     }
   }, {
     key: "getLastUpdate",
     value: function getLastUpdate(key) {
-      var _this$targetValues$ke9;
-      return (_this$targetValues$ke9 = this.targetValues[key]) === null || _this$targetValues$ke9 === void 0 ? void 0 : _this$targetValues$ke9.lastUpdate;
+      var _this$targetValues$ke10;
+      return (_this$targetValues$ke10 = this.targetValues[key]) === null || _this$targetValues$ke10 === void 0 ? void 0 : _this$targetValues$ke10.lastUpdate;
     }
   }, {
     key: "getDimLastUpdate",
@@ -703,8 +731,8 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetActivationTime",
     value: function getTargetActivationTime(key) {
-      var _this$targetValues$ke10, _this$targetValues$ke11;
-      return (_this$targetValues$ke10 = (_this$targetValues$ke11 = this.targetValues[key]) === null || _this$targetValues$ke11 === void 0 ? void 0 : _this$targetValues$ke11.activationTime) !== null && _this$targetValues$ke10 !== void 0 ? _this$targetValues$ke10 : 0;
+      var _this$targetValues$ke11, _this$targetValues$ke12;
+      return (_this$targetValues$ke11 = (_this$targetValues$ke12 = this.targetValues[key]) === null || _this$targetValues$ke12 === void 0 ? void 0 : _this$targetValues$ke12.activationTime) !== null && _this$targetValues$ke11 !== void 0 ? _this$targetValues$ke11 : 0;
     }
   }, {
     key: "getTargetCreationTime",
@@ -727,8 +755,8 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetEasing",
     value: function getTargetEasing(key) {
-      var _this$targetValues$ke12;
-      var easing = (_this$targetValues$ke12 = this.targetValues[key]) === null || _this$targetValues$ke12 === void 0 ? void 0 : _this$targetValues$ke12.easing;
+      var _this$targetValues$ke13;
+      var easing = (_this$targetValues$ke13 = this.targetValues[key]) === null || _this$targetValues$ke13 === void 0 ? void 0 : _this$targetValues$ke13.easing;
       var target = this.targets[key];
       if (!target) {
         return easing;
@@ -738,8 +766,8 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetInterval",
     value: function getTargetInterval(key) {
-      var _this$targetValues$ke13, _this$targetValues$ke14;
-      var interval = (_this$targetValues$ke13 = (_this$targetValues$ke14 = this.targetValues[key]) === null || _this$targetValues$ke14 === void 0 ? void 0 : _this$targetValues$ke14.interval) !== null && _this$targetValues$ke13 !== void 0 ? _this$targetValues$ke13 : 0;
+      var _this$targetValues$ke14, _this$targetValues$ke15;
+      var interval = (_this$targetValues$ke14 = (_this$targetValues$ke15 = this.targetValues[key]) === null || _this$targetValues$ke15 === void 0 ? void 0 : _this$targetValues$ke15.interval) !== null && _this$targetValues$ke14 !== void 0 ? _this$targetValues$ke14 : 0;
       var target = this.targets[key];
       if (!target) {
         return interval;
@@ -749,8 +777,8 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetSteps",
     value: function getTargetSteps(key) {
-      var _this$targetValues$ke15, _this$targetValues$ke16;
-      var steps = (_this$targetValues$ke15 = (_this$targetValues$ke16 = this.targetValues[key]) === null || _this$targetValues$ke16 === void 0 ? void 0 : _this$targetValues$ke16.steps) !== null && _this$targetValues$ke15 !== void 0 ? _this$targetValues$ke15 : 0;
+      var _this$targetValues$ke16, _this$targetValues$ke17;
+      var steps = (_this$targetValues$ke16 = (_this$targetValues$ke17 = this.targetValues[key]) === null || _this$targetValues$ke17 === void 0 ? void 0 : _this$targetValues$ke17.steps) !== null && _this$targetValues$ke16 !== void 0 ? _this$targetValues$ke16 : 0;
       var target = this.targets[key];
       if (!target) {
         return steps;
@@ -760,8 +788,8 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetCycles",
     value: function getTargetCycles(key) {
-      var _this$targetValues$ke17, _this$targetValues$ke18;
-      var cycles = (_this$targetValues$ke17 = (_this$targetValues$ke18 = this.targetValues[key]) === null || _this$targetValues$ke18 === void 0 ? void 0 : _this$targetValues$ke18.cycles) !== null && _this$targetValues$ke17 !== void 0 ? _this$targetValues$ke17 : 1;
+      var _this$targetValues$ke18, _this$targetValues$ke19;
+      var cycles = (_this$targetValues$ke18 = (_this$targetValues$ke19 = this.targetValues[key]) === null || _this$targetValues$ke19 === void 0 ? void 0 : _this$targetValues$ke19.cycles) !== null && _this$targetValues$ke18 !== void 0 ? _this$targetValues$ke18 : 1;
       var target = this.targets[key];
       if (!target) {
         return cycles;
@@ -771,14 +799,14 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetCycle",
     value: function getTargetCycle(key) {
-      var _this$targetValues$ke19, _this$targetValues$ke20;
-      return (_this$targetValues$ke19 = (_this$targetValues$ke20 = this.targetValues[key]) === null || _this$targetValues$ke20 === void 0 ? void 0 : _this$targetValues$ke20.cycle) !== null && _this$targetValues$ke19 !== void 0 ? _this$targetValues$ke19 : 0;
+      var _this$targetValues$ke20, _this$targetValues$ke21;
+      return (_this$targetValues$ke20 = (_this$targetValues$ke21 = this.targetValues[key]) === null || _this$targetValues$ke21 === void 0 ? void 0 : _this$targetValues$ke21.cycle) !== null && _this$targetValues$ke20 !== void 0 ? _this$targetValues$ke20 : 0;
     }
   }, {
     key: "getValueListPointer",
     value: function getValueListPointer(key) {
-      var _this$targetValues$ke21, _this$targetValues$ke22;
-      return (_this$targetValues$ke21 = (_this$targetValues$ke22 = this.targetValues[key]) === null || _this$targetValues$ke22 === void 0 ? void 0 : _this$targetValues$ke22.valuePointer) !== null && _this$targetValues$ke21 !== void 0 ? _this$targetValues$ke21 : 0;
+      var _this$targetValues$ke22, _this$targetValues$ke23;
+      return (_this$targetValues$ke22 = (_this$targetValues$ke23 = this.targetValues[key]) === null || _this$targetValues$ke23 === void 0 ? void 0 : _this$targetValues$ke23.valuePointer) !== null && _this$targetValues$ke22 !== void 0 ? _this$targetValues$ke22 : 0;
     }
   }, {
     key: "incrementTargetCycle",
@@ -1000,9 +1028,9 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "addToAnimatingMap",
     value: function addToAnimatingMap(key) {
-      var _this$targetValues$ke23, _this$getParent7;
+      var _this$targetValues$ke24, _this$getParent7;
       var record = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      if ((_this$targetValues$ke23 = this.targetValues[key]) !== null && _this$targetValues$ke23 !== void 0 && _this$targetValues$ke23.snapAnimation) {
+      if ((_this$targetValues$ke24 = this.targetValues[key]) !== null && _this$targetValues$ke24 !== void 0 && _this$targetValues$ke24.snapAnimation) {
         return;
       }
       this.animatingMap || (this.animatingMap = new Map());

package/build/Bracket.js

@@ -159,6 +159,10 @@ var Bracket = exports.Bracket = /*#__PURE__*/function (_TModel) {
     key: "shouldCalculateChildren",
     value: function shouldCalculateChildren() {
       var nowVisible = this.isVisible();
+      var hasEventDirty = this.hasEventDirty();
+      if (hasEventDirty) {
+        return true;
+      }
       if (this.currentBrakcetStatus >= 1 || this.isNowVisible || this.isNowInvisible) {
         this.currentBrakcetStatus = Math.max(0, this.currentBrakcetStatus - 1);
         return true;
@@ -174,7 +178,8 @@ var Bracket = exports.Bracket = /*#__PURE__*/function (_TModel) {
   }, {
     key: "getDirtyLayout",
     value: function getDirtyLayout() {
-      return this.getRealParent().managesOwnScroll() ? this.getRealParent().backupDirtyLayout : this.dirtyLayout;
+      var parentDirty = this.getRealParent().managesOwnScroll() ? this.getRealParent().backupDirtyLayout : false;
+      return this.dirtyLayout || parentDirty || false;
     }
   }, {
     key: "validateVisibilityInParent",

package/build/EventListener.js

@@ -486,6 +486,8 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
             var clickHandler = _SearchUtil.SearchUtil.findFirstClickHandler(tmodel);
             var canAcceptClick = !this.start0 || clickHandler === this.currentHandlers.click && (clickHandler !== this.currentHandlers.swipe || this.getSwipeDistance() < 5);
             if (clickHandler && canAcceptClick) {
+              clickHandler.markEventDirty();
+              clickHandler.markLayoutDirty('event');
               this.eventQueue.length = 0;
               this.eventQueue.push({
                 eventName: eventName,
@@ -498,6 +500,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
               });
             }
             this.clearEnd();
+            this.clearStart();
             this.touchCount = 0;
             event.stopPropagation();
             break;
@@ -543,7 +546,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
         case 'resize':
           this.windowEpoch++;
           this.resizeRoot();
-          (0, _App.getManager)().getVisibles().forEach(function (t) {
+          (0, _App.getManager)().getAvailableDoms().forEach(function (t) {
             if (t.targets['onResize']) {
               t.markLayoutDirty('resize-event');
             }
@@ -1078,7 +1081,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
       this.currentTouch.prevDeltaY += deltaY;
       this.currentTouch.deltaX = this.currentTouch.prevDeltaX;
       this.currentTouch.deltaY = this.currentTouch.prevDeltaY;
-      if (this.scrollEndTimeStamp.x > 0 || this.scrollEndTimeStamp.y > 0) {
+      if (endDelay && (this.scrollEndTimeStamp.x > 0 || this.scrollEndTimeStamp.y > 0)) {
         (0, _App.getRunScheduler)().schedule(endDelay, 'scroll-end-check');
       }
     }

package/build/LocationManager.js

@@ -18,7 +18,11 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -495,9 +499,61 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
       }
       if (tmodel.isNowInvisible) {
         this.addToLocationList(tmodel);
+        this.pauseSchedules(tmodel);
+      }
+      if (tmodel.isNowVisible) {
+        this.resumeSchedules(tmodel);
       }
       tmodel.addToParentVisibleChildren();
     }
+  }, {
+    key: "pauseSchedules",
+    value: function pauseSchedules(tmodel) {
+      if (tmodel.type === 'BI') {
+        return;
+      }
+      var keys = new Set([].concat(_toConsumableArray(tmodel.activeTargetList), _toConsumableArray(tmodel.updatingTargetList)));
+      var _iterator = _createForOfIteratorHelper(keys),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var key = _step.value;
+          var target = tmodel.targets[key];
+          if (_TUtil.TUtil.isDefined(tmodel.getScheduleTimeStamp(key)) && (target === null || target === void 0 ? void 0 : target.pauseOn) === 'hidden') {
+            _TUtil.TUtil.pauseSchedule(tmodel, key);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }, {
+    key: "resumeSchedules",
+    value: function resumeSchedules(tmodel) {
+      if (tmodel.type === 'BI') {
+        return;
+      }
+      var keys = new Set([].concat(_toConsumableArray(tmodel.activeTargetList), _toConsumableArray(tmodel.updatingTargetList)));
+      var _iterator2 = _createForOfIteratorHelper(keys),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var key = _step2.value;
+          var target = tmodel.targets[key];
+          var remaining = tmodel.getScheduleRemainingTime(key);
+          if (_TUtil.TUtil.isDefined(remaining) && (target === null || target === void 0 ? void 0 : target.pauseOn) === 'hidden') {
+            _TUtil.TUtil.resumeSchedule(tmodel, key);
+            (0, _App.getRunScheduler)().schedule(remaining, 'resume-' + tmodel.oid + '-' + key);
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
   }, {
     key: "calculateTargets",
     value: function calculateTargets(tmodel) {
@@ -512,17 +568,17 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
       while (tmodel.activatedTargets.length && guard++ < 50) {
         var batch = tmodel.activatedTargets.slice(0);
         tmodel.activatedTargets.length = 0;
-        var _iterator = _createForOfIteratorHelper(batch),
-          _step;
+        var _iterator3 = _createForOfIteratorHelper(batch),
+          _step3;
         try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var key = _step.value;
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var key = _step3.value;
             (0, _App.getTargetManager)().applyTargetValue(tmodel, key);
           }
         } catch (err) {
-          _iterator.e(err);
+          _iterator3.e(err);
         } finally {
-          _iterator.f();
+          _iterator3.f();
         }
       }
       (0, _App.getTargetManager)().applyTargetValues(tmodel);
@@ -561,11 +617,11 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
           var list = _this2.resumePausedList.slice();
           _this2.resumePausedList.length = 0;
           _this2.resumePausedMap = {};
-          var _iterator2 = _createForOfIteratorHelper(list),
-            _step2;
+          var _iterator4 = _createForOfIteratorHelper(list),
+            _step4;
           try {
-            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-              var tmodel = _step2.value;
+            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+              var tmodel = _step4.value;
               var batch = tmodel.pausedBatch;
               if (!batch || !tmodel.hasDom()) {
                 continue;
@@ -577,9 +633,9 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
               }
             }
           } catch (err) {
-            _iterator2.e(err);
+            _iterator4.e(err);
           } finally {
-            _iterator2.f();
+            _iterator4.f();
           }
         });
       });
@@ -591,20 +647,20 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
       if ((externalEventMap === null || externalEventMap === void 0 ? void 0 : externalEventMap.size) > 0) {
         var eventTargets = [];
         var eventMap = _TargetData.TargetData.allEventMap;
-        var _iterator3 = _createForOfIteratorHelper(externalEventMap),
-          _step3;
+        var _iterator5 = _createForOfIteratorHelper(externalEventMap),
+          _step5;
         try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            var _step3$value = _slicedToArray(_step3.value, 1),
-              targetName = _step3$value[0];
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var _step5$value = _slicedToArray(_step5.value, 1),
+              targetName = _step5$value[0];
             if (eventMap[targetName](tmodel)) {
               eventTargets.push(tmodel.allTargetMap[targetName]);
             }
           }
         } catch (err) {
-          _iterator3.e(err);
+          _iterator5.e(err);
         } finally {
-          _iterator3.f();
+          _iterator5.f();
         }
         this.runEventTargets(tmodel, eventTargets);
       }
@@ -616,20 +672,20 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
       var eventMap = _TargetData.TargetData.internalEventMap;
       var internalEventMap = tmodel.internalEventMap;
       if ((internalEventMap === null || internalEventMap === void 0 ? void 0 : internalEventMap.size) > 0) {
-        var _iterator4 = _createForOfIteratorHelper(internalEventMap),
-          _step4;
+        var _iterator6 = _createForOfIteratorHelper(internalEventMap),
+          _step6;
         try {
-          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-            var _step4$value = _slicedToArray(_step4.value, 1),
-              targetName = _step4$value[0];
+          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+            var _step6$value = _slicedToArray(_step6.value, 1),
+              targetName = _step6$value[0];
             if (eventMap[targetName](tmodel)) {
               eventTargets.push(tmodel.allTargetMap[targetName]);
             }
           }
         } catch (err) {
-          _iterator4.e(err);
+          _iterator6.e(err);
         } finally {
-          _iterator4.f();
+          _iterator6.f();
         }
       }
       this.runEventTargets(tmodel, eventTargets);

package/build/Moves.js

@@ -131,25 +131,30 @@ var Moves = exports.Moves = /*#__PURE__*/function () {
   }, {
     key: "shake",
     value: function shake(tmodel) {
-      var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : tmodel.getWidth();
-      var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : tmodel.getHeight();
-      var _ref3 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
+      var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref3$xStart = _ref3.xStart,
+        xStart = _ref3$xStart === void 0 ? undefined : _ref3$xStart,
+        _ref3$width = _ref3.width,
+        width = _ref3$width === void 0 ? undefined : _ref3$width,
+        _ref3$height = _ref3.height,
+        height = _ref3$height === void 0 ? undefined : _ref3$height,
         _ref3$bFactor = _ref3.bFactor,
         bFactor = _ref3$bFactor === void 0 ? 0.6 : _ref3$bFactor,
         _ref3$cFactor = _ref3.cFactor,
         cFactor = _ref3$cFactor === void 0 ? 0.3 : _ref3$cFactor,
         _ref3$strength = _ref3.strength,
         strength = _ref3$strength === void 0 ? 20 : _ref3$strength;
-      var xStart = (tmodel.getParentValue('width') - width) / 2;
+      var widthStart = _TUtil.TUtil.isDefined(width) ? width : tmodel.getWidth();
+      var heightStart = _TUtil.TUtil.isDefined(height) ? height : tmodel.getHeight();
+      var resolvedXStart = _TUtil.TUtil.isDefined(xStart) ? xStart : tmodel.getX();
       var yStart = tmodel.getY();
-      var widthStart = width;
-      var heightStart = height;
       var bounce = Moves.bounce(yStart - strength, yStart, {
-        xStart: xStart,
+        xStart: resolvedXStart,
         widthStart: widthStart,
         heightStart: heightStart,
         bFactor: bFactor,
-        cFactor: cFactor
+        cFactor: cFactor,
+        rIncrement: 0
       });
       return {
         x: bounce.x,

package/build/PageManager.js

@@ -162,7 +162,7 @@ var PageManager = exports.PageManager = /*#__PURE__*/function () {
     value: function onPageClose() {
       _App.tApp.resizeLastUpdate = _TUtil.TUtil.now();
       (0, _App.getEvents)().resizeRoot();
-      _App.tApp.manager.getVisibles().forEach(function (tmodel) {
+      _App.tApp.manager.getAvailableDoms().forEach(function (tmodel) {
         (0, _App.getLocationManager)().runEventTargets(tmodel, ['onPageClose']);
       });
     }

package/build/TModel.js

@@ -8,6 +8,7 @@ var _BaseModel2 = require("./BaseModel.js");
 var _App = require("./App.js");
 var _Viewport = require("./Viewport.js");
 var _TUtil = require("./TUtil.js");
+var _VisibilityUtil = require("./VisibilityUtil.js");
 var _TargetData = require("./TargetData.js");
 var _SearchUtil = require("./SearchUtil.js");
 var _TargetUtil = require("./TargetUtil.js");
@@ -166,10 +167,11 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
           var foundKey = Object.keys(this.actualValues).find(function (key) {
             return _this2.actualValues[key] === child;
           });
+          var childDefinition = _TUtil.TUtil.cloneTargetDefinition(child);
           if (foundKey) {
-            child = new TModel(child.id || foundKey, child);
+            child = new TModel(childDefinition.id || foundKey, childDefinition);
           } else {
-            child = new TModel("".concat(this.oid, "_"), child);
+            child = new TModel("".concat(this.oid, "_"), childDefinition);
           }
         }
         if (!child.toDiscard) {
@@ -347,6 +349,9 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
     key: "markEventDirty",
     value: function markEventDirty() {
       this.eventDirtyEpoch = (0, _App.getEvents)().eventEpoch;
+      if (this.bracket) {
+        this.bracket.markEventDirty();
+      }
       if (this.parent) {
         this.parent.markEventDirty();
       }
@@ -644,7 +649,7 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "calcVisibility",
     value: function calcVisibility() {
-      return _TUtil.TUtil.calcVisibility(this);
+      return _VisibilityUtil.VisibilityUtil.calcVisibility(this);
     }
   }, {
     key: "validateVisibilityInParent",