targetj 1.0.260 → 1.1.0

package/Export.js

@@ -20,6 +20,7 @@ export * from "./build/VisibilityUtil.js";
 export * from "./build/ScheduleUtil.js";
 export * from "./build/StateUtil.js";
 export * from "./build/ParticleTModel.js";
+export * from "./build/ParticleChild.js";
 export * from "./build/ParticleRenderer.js";
 export * from "./build/ParticleRuntime.js";
 export * from "./build/ParticleUtil.js";
@@ -46,6 +47,7 @@ import * as VisibilityUtilModule from "./build/VisibilityUtil.js";
 import * as ScheduleUtilModule from "./build/ScheduleUtil.js";
 import * as StateUtilModule from "./build/StateUtil.js";
 import * as ParticleTModelModule from "./build/ParticleTModel.js";
+import * as ParticleChildModule from "./build/ParticleChild.js";
 import * as ParticleRendererModule from "./build/ParticleRenderer.js";
 import * as ParticleRuntimeModule from "./build/ParticleRuntime.js";
 import * as ParticleUtilModule from "./build/ParticleUtil.js";
@@ -73,6 +75,7 @@ const TargetJS = {
     ...ScheduleUtilModule,
     ...StateUtilModule,
     ...ParticleTModelModule,
+    ...ParticleChildModule,
     ...ParticleRendererModule,
     ...ParticleRuntimeModule,
     ...ParticleUtilModule

package/build/AnimationManager.js

@@ -341,7 +341,7 @@ var AnimationManager = /*#__PURE__*/function () {
         if (targetValue) {
           var _targetValue$valueLis;
           targetValue.step = tmodel.getTargetSteps(originalKey);
-          targetValue.valuePointer = (_targetValue$valueLis = targetValue.valueList) !== null && _targetValue$valueLis !== void 0 && _targetValue$valueLis.length ? targetValue.valueList.length - 1 : 0;
+          targetValue.valuePointer = (_targetValue$valueLis = targetValue.valueList) !== null && _targetValue$valueLis !== void 0 && _targetValue$valueLis.length ? targetValue.valueList.length : 0;
           tmodel.setActual(originalKey, value);
           if (tmodel.isTargetImperative(originalKey)) {
             targetValue.cycle = targetValue.cycles;

package/build/App.js

@@ -106,7 +106,9 @@ var AppFn = function AppFn() {
           my.events.detachWindowEvents();
           my.events.attachWindowEvents();
           my.events.clearAll();
-          my.events.attachEvents(my.manager.getVisibles());
+          my.events.attachEvents(Object.values(App.tmodelIdMap).filter(function (tmodel) {
+            return tmodel.hasDom() && tmodel.$dom.element.isConnected;
+          }));
           _context.next = 10;
           return my.runScheduler.resetRuns();
         case 10:
@@ -144,6 +146,7 @@ var AppFn = function AppFn() {
     }, _callee2);
   }));
   my.reset = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var _i, _Object$values, _tmodel$particleRunti, _tmodel$particleRende, tmodel;
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -170,11 +173,16 @@ var AppFn = function AppFn() {
           _context3.next = 3;
           return my.runScheduler.resetRuns();
         case 3:
+          for (_i = 0, _Object$values = Object.values(App.tmodelIdMap); _i < _Object$values.length; _i++) {
+            tmodel = _Object$values[_i];
+            (_tmodel$particleRunti = tmodel.particleRuntime) === null || _tmodel$particleRunti === void 0 || _tmodel$particleRunti.dispose();
+            (_tmodel$particleRende = tmodel.particleRenderer) === null || _tmodel$particleRende === void 0 || _tmodel$particleRende.destroy();
+          }
           my.manager.clearAll();
           my.locationManager.clear();
           my.loader.clear();
           SearchUtil.clear();
-        case 7:
+        case 8:
         case "end":
           return _context3.stop();
       }

package/build/BaseModel.js

@@ -668,12 +668,16 @@ var BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetValue",
     value: function getTargetValue(key) {
-      var _target$value;
-      var target = this.targetValues[key] || this.targets[key];
-      if (!target) {
+      var targetValue = this.targetValues[key];
+      if (targetValue !== undefined) {
+        var _value = targetValue.value;
+        return typeof _value === 'function' ? _value.call(this) : _value;
+      }
+      var target = this.targets[key];
+      if (target === undefined) {
         return undefined;
       }
-      var value = (_target$value = target.value) !== null && _target$value !== void 0 ? _target$value : target;
+      var value = target && _typeof(target) === 'object' && Object.prototype.hasOwnProperty.call(target, 'value') ? target.value : target;
       return typeof value === 'function' ? value.call(this) : value;
     }
   }, {

package/build/Bracket.js

@@ -96,7 +96,7 @@ var Bracket = /*#__PURE__*/function (_TModel) {
   }, {
     key: "isVisible",
     value: function isVisible() {
-      return this.visibilityStatus ? this.visibilityStatus.top && this.visibilityStatus.bottom : false;
+      return this.visibilityStatus ? this.visibilityStatus.isVisible : false;
     }
   }, {
     key: "getBracketThreshold",
@@ -145,10 +145,16 @@ var Bracket = /*#__PURE__*/function (_TModel) {
       if (hasEventDirty) {
         return true;
       }
+      if (this.visibilityDirty) {
+        return true;
+      }
       if (this.currentBracketStatus >= 1 || this.isNowVisible || this.isNowInvisible) {
         this.currentBracketStatus = Math.max(0, this.currentBracketStatus - 1);
         return true;
       }
+      if (this.dirtyLayout !== false) {
+        return true;
+      }
       if (nowVisible) {
         this.currentBracketStatus = Math.min(2, this.currentBracketStatus + 1);
       }

package/build/EventListener.js

@@ -377,6 +377,15 @@ var EventListener = /*#__PURE__*/function () {
           mark(this.currentHandlers.scrollTop, "scrolltop-event");
           mark(this.currentHandlers.pinch, "pinch-event");
           break;
+        case "popstate":
+          for (var _i2 = 0, _Object$values = Object.values(getManager().visibleOidMap); _i2 < _Object$values.length; _i2++) {
+            var _tmodel$externalEvent;
+            var tmodel = _Object$values[_i2];
+            if ((_tmodel$externalEvent = tmodel.externalEventMap) !== null && _tmodel$externalEvent !== void 0 && _tmodel$externalEvent.has("onPopState")) {
+              mark(tmodel, "popstate-event");
+            }
+          }
+          break;
       }
     }
   }, {
@@ -698,7 +707,7 @@ var EventListener = /*#__PURE__*/function () {
       if (el && el.nodeType === 1) {
         oid = el.getAttribute('tgjs-oid') || el.id;
       }
-      if (!oid || !tApp.manager.visibleOidMap[oid]) {
+      if (!oid || !getManager().visibleOidMap[oid]) {
         oid = el === null || el === void 0 ? void 0 : el.id;
         if (!oid || !getManager().visibleOidMap[oid]) {
           oid = $Dom.findNearestParentWithId(event.target);

package/build/LocationManager.js

@@ -28,7 +28,7 @@ import { TargetData } from "./TargetData.js";
 import { TModelUtil } from "./TModelUtil.js";
 import { ScheduleUtil } from "./ScheduleUtil.js";
 import { TargetExecutor } from "./TargetExecutor.js";
-import { getTargetManager, tRoot, getEvents, getAnimationManager } from "./App.js";
+import { getTargetManager, tRoot, getEvents, getAnimationManager, getManager } from "./App.js";
 
 /*
  * It calculates the locations and dimensions of all objects and triggers the calculation of all targets. 
@@ -85,6 +85,7 @@ var LocationManager = /*#__PURE__*/function () {
     value: function () {
       var _calculateAll = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var budgetMs,
+          continueCalculation,
           calcEpoch,
           stack,
           ctx,
@@ -93,18 +94,21 @@ var LocationManager = /*#__PURE__*/function () {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               budgetMs = _args.length > 0 && _args[0] !== undefined ? _args[0] : 8;
+              continueCalculation = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
               calcEpoch = this.calcEpoch;
               if (!this.calcBusy) {
-                _context.next = 5;
+                _context.next = 6;
                 break;
               }
               this.calcQueued = true;
               return _context.abrupt("return");
-            case 5:
+            case 6:
               this.calcBusy = true;
-              this.hasLocationList.length = 0;
-              this.hasLocationMap = {};
-              this.locationListStats = [];
+              if (!continueCalculation) {
+                this.hasLocationList.length = 0;
+                this.hasLocationMap = {};
+                this.locationListStats = [];
+              }
               stack = [{
                 container: tRoot(),
                 stage: 'init',
@@ -117,24 +121,24 @@ var LocationManager = /*#__PURE__*/function () {
                 sliceStart: TUtil.now(),
                 calcEpoch: calcEpoch
               };
-              _context.next = 13;
+              _context.next = 12;
               return this.processStack(stack, ctx);
-            case 13:
+            case 12:
               if (!(ctx.calcEpoch !== this.calcEpoch)) {
-                _context.next = 15;
+                _context.next = 14;
                 break;
               }
               return _context.abrupt("return");
-            case 15:
+            case 14:
               this.processAfterStack();
               this.calcBusy = false;
               if (!this.calcQueued) {
-                _context.next = 20;
+                _context.next = 19;
                 break;
               }
               this.calcQueued = false;
-              return _context.abrupt("return", this.calculateAll(budgetMs));
-            case 20:
+              return _context.abrupt("return", this.calculateAll(budgetMs, true));
+            case 19:
             case "end":
               return _context.stop();
           }
@@ -167,15 +171,17 @@ var LocationManager = /*#__PURE__*/function () {
                 container.adjustViewport();
                 container.calcContentWidthHeight();
                 (_container$markLayout = container.markLayoutComplete) === null || _container$markLayout === void 0 || _container$markLayout.call(container, job.layoutEpoch);
+                _this.retryPendingTargets(container);
                 (_container$requestPar = container.requestParticleRender) === null || _container$requestPar === void 0 || _container$requestPar.call(container);
+                container.visibilityDirty = false;
               };
               resetDirtyLayout = function resetDirtyLayout(job) {
                 var children = job.children,
                   index = job.index;
                 var child = children[index];
                 if (child) {
-                  if (child.getDirtyLayout() && child.isComplete() && !child.hasChildren()) {
-                    child.removeLayoutDirty(child, child.dirtyLayout.oids ? Object.keys(child.dirtyLayout.oids) : undefined);
+                  if (child.getDirtyLayout() && child.isComplete()) {
+                    child.removeLayoutDirty(child);
                   }
                 }
                 job.stage = 'afterChild';
@@ -239,9 +245,31 @@ var LocationManager = /*#__PURE__*/function () {
                   }
                 }
                 viewport.setCurrentChild(child);
-                if (!child.getDirtyLayout() && !child.currentStatus && child.activeTargetList.length === 0) {
+                if (child.isLightweightChild) {
+                  _this.calcNextLightweightLocation(child, container, viewport);
+                  job.index++;
+                  return;
+                }
+                if (!child.getDirtyLayout() && !child.visibilityDirty && !container.visibilityDirty && !child.hasEventDirty() && !child.currentStatus && child.activeTargetList.length === 0) {
+                  var previousAbsX = child.absX;
+                  var previousAbsY = child.absY;
                   _this.calcNextLocation(child, container, viewport);
+                  var positionChanged = child.absX !== previousAbsX || child.absY !== previousAbsY;
+                  var needsRefresh = child.visibilityDirty || child.hasChildren() && child.isVisible() && positionChanged;
+                  if (child.getDirtyLayout()) {
+                    _this.calcQueued = true;
+                  }
                   job.index++;
+                  if (needsRefresh && child.hasChildren()) {
+                    child.visibilityDirty = true;
+                    stack.push({
+                      container: child,
+                      stage: 'init',
+                      children: [],
+                      viewport: undefined,
+                      index: 0
+                    });
+                  }
                   return;
                 }
                 if (child.isDomIsland()) {
@@ -273,13 +301,18 @@ var LocationManager = /*#__PURE__*/function () {
                 if (!TModelUtil.isYDefined(child)) {
                   child.actualValues.y = child.y;
                 }
+                _this.catchupNoDomLayoutTargets(child);
                 if (!child.isDomIsland()) {
                   child.calcAbsolutePosition(child.getX(), child.getY());
                 }
                 if (!child.excludeDefaultStyling()) {
                   _this.fixLocation(child, prevX, prevY);
                 }
+                var wasVisible = child.isVisible();
                 _this.calculateVisibility(child);
+                if (container.visibilityDirty && child.hasChildren() && (wasVisible || child.isVisible())) {
+                  child.visibilityDirty = true;
+                }
                 if (((_child$getDirtyLayout = child.getDirtyLayout()) === null || _child$getDirtyLayout === void 0 ? void 0 : _child$getDirtyLayout.count) > 0) {
                   var _child$getDirtyLayout2, _child$getDirtyLayout3;
                   _this.locationListStats.push("".concat(child.oid, "|").concat((_child$getDirtyLayout2 = child.getDirtyLayout()) === null || _child$getDirtyLayout2 === void 0 ? void 0 : _child$getDirtyLayout2.count, "|").concat((_child$getDirtyLayout3 = child.getDirtyLayout()) === null || _child$getDirtyLayout3 === void 0 ? void 0 : _child$getDirtyLayout3.lastKey));
@@ -421,10 +454,16 @@ var LocationManager = /*#__PURE__*/function () {
         this.calcNextLightweightLocation(child, container, viewport);
         return;
       }
+      var previousX = child.x;
+      var previousY = child.y;
       viewport.setLocation();
+      var overflowed = false;
       if (viewport.isOverflow()) {
+        overflowed = true;
         viewport.overflow();
         viewport.setLocation();
+      }
+      if (overflowed && (child.x !== previousX || child.y !== previousY)) {
         child.markLayoutDirty('overflow');
       }
       if (child.isIncluded()) {
@@ -441,6 +480,7 @@ var LocationManager = /*#__PURE__*/function () {
       if (!TModelUtil.isYDefined(child)) {
         child.actualValues.y = child.y;
       }
+      this.catchupNoDomLayoutTargets(child);
       if (!child.isDomIsland()) {
         child.calcAbsolutePosition(child.getX(), child.getY());
       }
@@ -452,6 +492,11 @@ var LocationManager = /*#__PURE__*/function () {
         this.addToLocationList(child);
       }
       this.calculateVisibility(child);
+      var registered = getManager().visibleOidMap[child.oid];
+      var shouldBeRegistered = child.isVisible() && child.isIncluded();
+      if (shouldBeRegistered ? registered !== child : registered !== undefined) {
+        this.addToLocationList(child);
+      }
       if (child.isInFlow()) {
         if (TUtil.isNumber(child.val('appendNewLine'))) {
           viewport.appendNewLine();
@@ -469,19 +514,25 @@ var LocationManager = /*#__PURE__*/function () {
         viewport.overflow();
         viewport.setLocation();
       }
+      if (!TModelUtil.isXDefined(child)) {
+        child.actualValues.x = child.x;
+      }
+      if (!TModelUtil.isYDefined(child)) {
+        child.actualValues.y = child.y;
+      }
+      this.catchupNoDomLayoutTargets(child);
       child.calcAbsolutePosition(child.getX(), child.getY());
       var visible = child.calcVisibility();
       child.actualValues.isVisible = visible;
       if (visible && child.isInFlow()) {
         container.visibleChildren.push(child);
       }
-      if (child.isInFlow()) {
-        if (TUtil.isNumber(child.val('appendNewLine'))) {
-          viewport.appendNewLine();
-        } else {
-          viewport.nextLocation();
-        }
+      if (TUtil.isNumber(child.val("appendNewLine"))) {
+        viewport.appendNewLine();
+      } else {
+        viewport.nextLocation();
       }
+      container.calcContentWidthHeight();
     }
   }, {
     key: "calculateVisibility",
@@ -512,10 +563,11 @@ var LocationManager = /*#__PURE__*/function () {
       }
       if (tmodel.isNowVisible || tmodel.isNowInvisible) {
         tmodel.markLayoutDirty('isNowVisible');
-      }
-      if (tmodel.isNowInvisible) {
         this.addToLocationList(tmodel);
       }
+      if (tmodel.isNowVisible && tmodel.hasChildren()) {
+        tmodel.visibilityDirty = true;
+      }
       ScheduleUtil.pauseResumeSchedule(tmodel);
       if (tmodel.type !== 'BI' && tmodel.isVisible() && tmodel.isInFlow() && tmodel.getParent()) {
         tmodel.getParent().visibleChildren.push(tmodel);
@@ -563,19 +615,58 @@ var LocationManager = /*#__PURE__*/function () {
         }
       }
       if (tmodel.isNowVisible || tmodel.hasDomNow) {
-        var pending = tmodel.pendingTargets;
-        if (pending) {
-          for (var _i = 0, _arr = _toConsumableArray(pending); _i < _arr.length; _i++) {
-            var _key2 = _arr[_i];
-            TargetUtil.cleanupTarget(tmodel, _key2);
-            TargetUtil.shouldActivateNextTarget(tmodel, _key2);
-          }
-        }
+        this.retryPendingTargets(tmodel);
       }
       tmodel.isNowVisible = false;
       tmodel.hasDomNow = false;
       tmodel.targetExecutionCount++;
     }
+  }, {
+    key: "retryPendingTargets",
+    value: function retryPendingTargets(tmodel) {
+      var pending = tmodel.pendingTargets;
+      if (!(pending !== null && pending !== void 0 && pending.size)) {
+        return;
+      }
+      for (var _i = 0, _arr = _toConsumableArray(pending); _i < _arr.length; _i++) {
+        var _tmodel$pendingTarget;
+        var key = _arr[_i];
+        if (!((_tmodel$pendingTarget = tmodel.pendingTargets) !== null && _tmodel$pendingTarget !== void 0 && _tmodel$pendingTarget.has(key))) {
+          continue;
+        }
+        TargetUtil.cleanupTarget(tmodel, key);
+        TargetUtil.shouldActivateNextTarget(tmodel, key);
+      }
+    }
+  }, {
+    key: "catchupNoDomLayoutTargets",
+    value: function catchupNoDomLayoutTargets(tmodel) {
+      var _tmodel$noDomUpdating;
+      if (!((_tmodel$noDomUpdating = tmodel.noDomUpdatingTargets) !== null && _tmodel$noDomUpdating !== void 0 && _tmodel$noDomUpdating.size)) {
+        return;
+      }
+      if (tmodel.isLightweightChild) {
+        tmodel.catchupNoDomLayoutTargets();
+        return;
+      }
+      var _iterator2 = _createForOfIteratorHelper(tmodel.noDomUpdatingTargets),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var key = _step2.value;
+          if (!TargetData.affectsVisibility(key)) {
+            continue;
+          }
+          getTargetManager().catchupTargetByElapsed(tmodel, key, {
+            fireEnd: false
+          });
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
   }, {
     key: "checkExternalEvents",
     value: function checkExternalEvents(tmodel) {
@@ -583,20 +674,20 @@ var LocationManager = /*#__PURE__*/function () {
       if ((externalEventMap === null || externalEventMap === void 0 ? void 0 : externalEventMap.size) > 0) {
         var eventTargets = [];
         var eventMap = TargetData.allEventMap;
-        var _iterator2 = _createForOfIteratorHelper(externalEventMap),
-          _step2;
+        var _iterator3 = _createForOfIteratorHelper(externalEventMap),
+          _step3;
         try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var _step2$value = _slicedToArray(_step2.value, 1),
-              targetName = _step2$value[0];
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var _step3$value = _slicedToArray(_step3.value, 1),
+              targetName = _step3$value[0];
             if (eventMap[targetName](tmodel)) {
               eventTargets.push(tmodel.allTargetMap[targetName]);
             }
           }
         } catch (err) {
-          _iterator2.e(err);
+          _iterator3.e(err);
         } finally {
-          _iterator2.f();
+          _iterator3.f();
         }
         this.runEventTargets(tmodel, eventTargets);
       }
@@ -608,20 +699,20 @@ var LocationManager = /*#__PURE__*/function () {
       var eventMap = TargetData.internalEventMap;
       var internalEventMap = tmodel.internalEventMap;
       if ((internalEventMap === null || internalEventMap === void 0 ? void 0 : internalEventMap.size) > 0) {
-        var _iterator3 = _createForOfIteratorHelper(internalEventMap),
-          _step3;
+        var _iterator4 = _createForOfIteratorHelper(internalEventMap),
+          _step4;
         try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            var _step3$value = _slicedToArray(_step3.value, 1),
-              targetName = _step3$value[0];
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var _step4$value = _slicedToArray(_step4.value, 1),
+              targetName = _step4$value[0];
             if (eventMap[targetName](tmodel)) {
               eventTargets.push(tmodel.allTargetMap[targetName]);
             }
           }
         } catch (err) {
-          _iterator3.e(err);
+          _iterator4.e(err);
         } finally {
-          _iterator3.f();
+          _iterator4.f();
         }
       }
       this.runEventTargets(tmodel, eventTargets);