targetj 1.0.156 → 1.0.158

package/README.md

@@ -417,6 +417,8 @@ If you inspect the HTML elements in the browser's developer tools, you'll notice
 import { App, getEvents, fetch, getScreenWidth, getScreenHeight } from "targetj";
 
 App({
+    domHolder: true,
+    preventDefault: true,
     containerOverflowMode: "always",
     children() {
         const childrenCount = this.getChildren().length;

package/build/BaseModel.js

@@ -40,34 +40,212 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
     var uniqueId = _App.App.getOid(this.type);
     this.oid = uniqueId.oid;
     this.oidNum = uniqueId.num;
-    this.targetValues = {};
-    this.actualValues = {};
-    this.lastActualValues = {};
-    this.activeTargetList = [];
-    this.activeTargetMap = {};
-    this.updatingTargetList = [];
-    this.updatingTargetMap = {};
-    this.updatingChildrenList = [];
-    this.updatingChildrenMap = {};
-    this.activeChildrenList = [];
-    this.activeChildrenMap = {};
-    this.externalEventList = [];
-    this.externalEventMap = {};
-    this.internalEventList = [];
-    this.internalEventMap = {};
-    this.coreTargets = [];
-    this.allStyleTargetList = [];
-    this.allStyleTargetMap = {};
-    this.styleTargetList = [];
-    this.styleTargetMap = {};
-    this.asyncStyleTargetList = [];
-    this.asyncStyleTargetMap = {};
-    this.activatedTargets = [];
-    this.targetExecutionCount = 0;
-    this.parent = null;
-    this.targetMethodMap = {};
+    this._state = {};
   }
   return _createClass(BaseModel, [{
+    key: "state",
+    value: function state() {
+      return this._state;
+    }
+  }, {
+    key: "targetValues",
+    get: function get() {
+      var _this$state, _this$state$targetVal;
+      return (_this$state$targetVal = (_this$state = this.state()).targetValues) !== null && _this$state$targetVal !== void 0 ? _this$state$targetVal : _this$state.targetValues = {};
+    },
+    set: function set(val) {
+      this.state().targetValues = val;
+    }
+  }, {
+    key: "actualValues",
+    get: function get() {
+      var _this$state2, _this$state2$actualVa;
+      return (_this$state2$actualVa = (_this$state2 = this.state()).actualValues) !== null && _this$state2$actualVa !== void 0 ? _this$state2$actualVa : _this$state2.actualValues = {};
+    },
+    set: function set(val) {
+      this.state().actualValues = val;
+    }
+  }, {
+    key: "lastActualValues",
+    get: function get() {
+      var _this$state3, _this$state3$lastActu;
+      return (_this$state3$lastActu = (_this$state3 = this.state()).lastActualValues) !== null && _this$state3$lastActu !== void 0 ? _this$state3$lastActu : _this$state3.lastActualValues = {};
+    }
+  }, {
+    key: "activeTargetList",
+    get: function get() {
+      var _this$state4, _this$state4$activeTa;
+      return (_this$state4$activeTa = (_this$state4 = this.state()).activeTargetList) !== null && _this$state4$activeTa !== void 0 ? _this$state4$activeTa : _this$state4.activeTargetList = [];
+    },
+    set: function set(val) {
+      this.state().activeTargetList = val;
+    }
+  }, {
+    key: "activeTargetMap",
+    get: function get() {
+      var _this$state5, _this$state5$activeTa;
+      return (_this$state5$activeTa = (_this$state5 = this.state()).activeTargetMap) !== null && _this$state5$activeTa !== void 0 ? _this$state5$activeTa : _this$state5.activeTargetMap = {};
+    },
+    set: function set(val) {
+      this.state().activeTargetMap = val;
+    }
+  }, {
+    key: "updatingTargetList",
+    get: function get() {
+      var _this$state6, _this$state6$updating;
+      return (_this$state6$updating = (_this$state6 = this.state()).updatingTargetList) !== null && _this$state6$updating !== void 0 ? _this$state6$updating : _this$state6.updatingTargetList = [];
+    }
+  }, {
+    key: "updatingTargetMap",
+    get: function get() {
+      var _this$state7, _this$state7$updating;
+      return (_this$state7$updating = (_this$state7 = this.state()).updatingTargetMap) !== null && _this$state7$updating !== void 0 ? _this$state7$updating : _this$state7.updatingTargetMap = {};
+    }
+  }, {
+    key: "updatingChildrenList",
+    get: function get() {
+      var _this$state8, _this$state8$updating;
+      return (_this$state8$updating = (_this$state8 = this.state()).updatingChildrenList) !== null && _this$state8$updating !== void 0 ? _this$state8$updating : _this$state8.updatingChildrenList = [];
+    }
+  }, {
+    key: "updatingChildrenMap",
+    get: function get() {
+      var _this$state9, _this$state9$updating;
+      return (_this$state9$updating = (_this$state9 = this.state()).updatingChildrenMap) !== null && _this$state9$updating !== void 0 ? _this$state9$updating : _this$state9.updatingChildrenMap = {};
+    }
+  }, {
+    key: "activeChildrenList",
+    get: function get() {
+      var _this$state10, _this$state10$activeC;
+      return (_this$state10$activeC = (_this$state10 = this.state()).activeChildrenList) !== null && _this$state10$activeC !== void 0 ? _this$state10$activeC : _this$state10.activeChildrenList = [];
+    }
+  }, {
+    key: "activeChildrenMap",
+    get: function get() {
+      var _this$state11, _this$state11$activeC;
+      return (_this$state11$activeC = (_this$state11 = this.state()).activeChildrenMap) !== null && _this$state11$activeC !== void 0 ? _this$state11$activeC : _this$state11.activeChildrenMap = {};
+    }
+  }, {
+    key: "externalEventList",
+    get: function get() {
+      var _this$state12, _this$state12$externa;
+      return (_this$state12$externa = (_this$state12 = this.state()).externalEventList) !== null && _this$state12$externa !== void 0 ? _this$state12$externa : _this$state12.externalEventList = [];
+    }
+  }, {
+    key: "externalEventMap",
+    get: function get() {
+      var _this$state13, _this$state13$externa;
+      return (_this$state13$externa = (_this$state13 = this.state()).externalEventMap) !== null && _this$state13$externa !== void 0 ? _this$state13$externa : _this$state13.externalEventMap = {};
+    }
+  }, {
+    key: "internalEventList",
+    get: function get() {
+      var _this$state14, _this$state14$interna;
+      return (_this$state14$interna = (_this$state14 = this.state()).internalEventList) !== null && _this$state14$interna !== void 0 ? _this$state14$interna : _this$state14.internalEventList = [];
+    }
+  }, {
+    key: "internalEventMap",
+    get: function get() {
+      var _this$state15, _this$state15$interna;
+      return (_this$state15$interna = (_this$state15 = this.state()).internalEventMap) !== null && _this$state15$interna !== void 0 ? _this$state15$interna : _this$state15.internalEventMap = {};
+    }
+  }, {
+    key: "coreTargets",
+    get: function get() {
+      var _this$state16, _this$state16$coreTar;
+      return (_this$state16$coreTar = (_this$state16 = this.state()).coreTargets) !== null && _this$state16$coreTar !== void 0 ? _this$state16$coreTar : _this$state16.coreTargets = [];
+    }
+  }, {
+    key: "allStyleTargetList",
+    get: function get() {
+      var _this$state17, _this$state17$allStyl;
+      return (_this$state17$allStyl = (_this$state17 = this.state()).allStyleTargetList) !== null && _this$state17$allStyl !== void 0 ? _this$state17$allStyl : _this$state17.allStyleTargetList = [];
+    }
+  }, {
+    key: "allStyleTargetMap",
+    get: function get() {
+      var _this$state18, _this$state18$allStyl;
+      return (_this$state18$allStyl = (_this$state18 = this.state()).allStyleTargetMap) !== null && _this$state18$allStyl !== void 0 ? _this$state18$allStyl : _this$state18.allStyleTargetMap = {};
+    }
+  }, {
+    key: "styleTargetList",
+    get: function get() {
+      var _this$state19, _this$state19$styleTa;
+      return (_this$state19$styleTa = (_this$state19 = this.state()).styleTargetList) !== null && _this$state19$styleTa !== void 0 ? _this$state19$styleTa : _this$state19.styleTargetList = [];
+    }
+  }, {
+    key: "styleTargetMap",
+    get: function get() {
+      var _this$state20, _this$state20$styleTa;
+      return (_this$state20$styleTa = (_this$state20 = this.state()).styleTargetMap) !== null && _this$state20$styleTa !== void 0 ? _this$state20$styleTa : _this$state20.styleTargetMap = {};
+    }
+  }, {
+    key: "asyncStyleTargetList",
+    get: function get() {
+      var _this$state21, _this$state21$asyncSt;
+      return (_this$state21$asyncSt = (_this$state21 = this.state()).asyncStyleTargetList) !== null && _this$state21$asyncSt !== void 0 ? _this$state21$asyncSt : _this$state21.asyncStyleTargetList = [];
+    }
+  }, {
+    key: "asyncStyleTargetMap",
+    get: function get() {
+      var _this$state22, _this$state22$asyncSt;
+      return (_this$state22$asyncSt = (_this$state22 = this.state()).asyncStyleTargetMap) !== null && _this$state22$asyncSt !== void 0 ? _this$state22$asyncSt : _this$state22.asyncStyleTargetMap = {};
+    }
+  }, {
+    key: "activatedTargets",
+    get: function get() {
+      var _this$state23, _this$state23$activat;
+      return (_this$state23$activat = (_this$state23 = this.state()).activatedTargets) !== null && _this$state23$activat !== void 0 ? _this$state23$activat : _this$state23.activatedTargets = [];
+    }
+  }, {
+    key: "targetMethodMap",
+    get: function get() {
+      var _this$state24, _this$state24$targetM;
+      return (_this$state24$targetM = (_this$state24 = this.state()).targetMethodMap) !== null && _this$state24$targetM !== void 0 ? _this$state24$targetM : _this$state24.targetMethodMap = [];
+    }
+  }, {
+    key: "targetExecutionCount",
+    get: function get() {
+      var _this$state25, _this$state25$targetE;
+      return (_this$state25$targetE = (_this$state25 = this.state()).targetExecutionCount) !== null && _this$state25$targetE !== void 0 ? _this$state25$targetE : _this$state25.targetExecutionCount = 0;
+    },
+    set: function set(val) {
+      this.state().targetExecutionCount = val;
+    }
+  }, {
+    key: "addedChildren",
+    get: function get() {
+      var _this$state26, _this$state26$addedCh;
+      return (_this$state26$addedCh = (_this$state26 = this.state()).addedChildren) !== null && _this$state26$addedCh !== void 0 ? _this$state26$addedCh : _this$state26.addedChildren = [];
+    }
+  }, {
+    key: "deletedChildren",
+    get: function get() {
+      var _this$state27, _this$state27$deleted;
+      return (_this$state27$deleted = (_this$state27 = this.state()).deletedChildren) !== null && _this$state27$deleted !== void 0 ? _this$state27$deleted : _this$state27.deletedChildren = [];
+    }
+  }, {
+    key: "movedChildren",
+    get: function get() {
+      var _this$state28, _this$state28$movedCh;
+      return (_this$state28$movedCh = (_this$state28 = this.state()).movedChildren) !== null && _this$state28$movedCh !== void 0 ? _this$state28$movedCh : _this$state28.movedChildren = [];
+    }
+  }, {
+    key: "lastChildrenUpdate",
+    get: function get() {
+      var _this$state29, _this$state29$lastChi;
+      return (_this$state29$lastChi = (_this$state29 = this.state()).lastChildrenUpdate) !== null && _this$state29$lastChi !== void 0 ? _this$state29$lastChi : _this$state29.lastChildrenUpdate = {
+        additions: [],
+        deletions: []
+      };
+    }
+  }, {
+    key: "visibleChildren",
+    get: function get() {
+      var _this$state30, _this$state30$visible;
+      return (_this$state30$visible = (_this$state30 = this.state()).visibleChildren) !== null && _this$state30$visible !== void 0 ? _this$state30$visible : _this$state30.visibleChildren = [];
+    }
+  }, {
     key: "getParent",
     value: function getParent() {
       return this.parent;
@@ -780,27 +958,11 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getCoreTargets",
     value: function getCoreTargets() {
-      return _TUtil.TUtil.isDefined(this.val('coreTargets')) ? this.val('coreTargets') : this.coreTargets;
-    }
-  }, {
-    key: "getExternalEventList",
-    value: function getExternalEventList() {
-      return this.externalEventList;
-    }
-  }, {
-    key: "getInternalEventList",
-    value: function getInternalEventList() {
-      return this.internalEventList;
-    }
-  }, {
-    key: "hasExternalEvents",
-    value: function hasExternalEvents() {
-      return this.getExternalEventList().length > 0;
-    }
-  }, {
-    key: "getExternalEventMap",
-    value: function getExternalEventMap() {
-      return this.externalEventMap;
+      var explicit = this.val('coreTargets');
+      if (_TUtil.TUtil.isDefined(explicit)) {
+        return explicit;
+      }
+      return this.state().coreTargets;
     }
   }, {
     key: "setTargetMethodName",

package/build/EventListener.js

@@ -117,18 +117,26 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
   }, {
     key: "attachEvents",
     value: function attachEvents(tmodels) {
-      var _this6 = this;
       var _iterator = _createForOfIteratorHelper(tmodels),
         _step;
       try {
-        var _loop = function _loop() {
-          var tmodel = _step.value;
-          tmodel.getExternalEventList().forEach(function (targetName) {
-            _this6.attachTargetEvents(tmodel, targetName);
-          });
-        };
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          _loop();
+          var tmodel = _step.value;
+          var externalList = tmodel.state().externalEventList;
+          if ((externalList === null || externalList === void 0 ? void 0 : externalList.length) > 0) {
+            var _iterator2 = _createForOfIteratorHelper(externalList),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var targetName = _step2.value;
+                this.attachTargetEvents(tmodel, targetName);
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+          }
         }
       } catch (err) {
         _iterator.e(err);
@@ -139,7 +147,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
   }, {
     key: "attachTargetEvents",
     value: function attachTargetEvents(tmodel, targetName) {
-      var _this7 = this;
+      var _this6 = this;
       var targetKey = "".concat(tmodel.oid, " ").concat(targetName);
       if (!tmodel.hasDom() || this.eventTargetMap[targetKey] && this.eventTargetMap[targetKey] === tmodel.$dom) {
         return;
@@ -152,9 +160,9 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
           var eventKey = "".concat(tmodel.oid, " ").concat(key);
           var eventItem = eventMap[key];
           var $dom = eventItem.windowEvent ? _App.tApp.$window : tmodel.$dom;
-          $dom.detachEvent(key, _this7.bindedHandleEvent);
-          $dom.addEvent(key, _this7.bindedHandleEvent);
-          _this7.attachedEventMap[eventKey] = {
+          $dom.detachEvent(key, _this6.bindedHandleEvent);
+          $dom.addEvent(key, _this6.bindedHandleEvent);
+          _this6.attachedEventMap[eventKey] = {
             $dom: $dom,
             event: key
           };
@@ -164,14 +172,14 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
   }, {
     key: "detachAll",
     value: function detachAll() {
-      var _this8 = this;
+      var _this7 = this;
       var eventKeys = Object.keys(this.attachedEventMap);
       eventKeys.forEach(function (eventKey) {
-        var _this8$attachedEventM = _this8.attachedEventMap[eventKey],
-          $dom = _this8$attachedEventM.$dom,
-          event = _this8$attachedEventM.event;
+        var _this7$attachedEventM = _this7.attachedEventMap[eventKey],
+          $dom = _this7$attachedEventM.$dom,
+          event = _this7$attachedEventM.event;
         if ($dom.exists()) {
-          $dom.detachEvent(event, _this8.bindedHandleEvent);
+          $dom.detachEvent(event, _this7.bindedHandleEvent);
         }
       });
       this.attachedEventMap = {};

package/build/LocationManager.js

@@ -155,12 +155,14 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
             }
             _this3.addToLocationList(child);
           }
-          child.getCoreTargets().forEach(function (target) {
-            if (child.isTargetEnabled(target) && !child.isTargetUpdating(target) && !child.isTargetImperative(target)) {
-              _TargetExecutor.TargetExecutor.executeDeclarativeTarget(child, target, child.getTargetCycle(target));
-            }
-            ;
-          });
+          var coreTargets = child.getCoreTargets();
+          if (coreTargets) {
+            coreTargets.forEach(function (target) {
+              if (child.isTargetEnabled(target) && !child.isTargetUpdating(target) && !child.isTargetImperative(target)) {
+                _TargetExecutor.TargetExecutor.executeDeclarativeTarget(child, target, child.getTargetCycle(target));
+              }
+            });
+          }
           if (!child.isTargetImperative('x') && !child.targets['x'] || !_TUtil.TUtil.isDefined(child.targetValues.x)) {
             child.val('x', child.x);
           }
@@ -252,11 +254,23 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
     value: function checkExternalEvents(tmodel) {
       var eventTargets = [];
       var eventMap = _TargetData.TargetData.allEventMap;
-      tmodel.getExternalEventList().forEach(function (targetName) {
-        if (eventMap[targetName](tmodel)) {
-          eventTargets.push(targetName);
+      var externalList = tmodel.state().externalEventList;
+      if ((externalList === null || externalList === void 0 ? void 0 : externalList.length) > 0) {
+        var _iterator3 = _createForOfIteratorHelper(externalList),
+          _step3;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var targetName = _step3.value;
+            if (eventMap[targetName](tmodel)) {
+              eventTargets.push(targetName);
+            }
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
         }
-      });
+      }
       this.runEventTargets(tmodel, eventTargets);
     }
   }, {
@@ -264,11 +278,23 @@ var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
     value: function checkInternalEvents(tmodel) {
       var eventTargets = [];
       var eventMap = _TargetData.TargetData.internalEventMap;
-      tmodel.getInternalEventList().forEach(function (targetName) {
-        if (eventMap[targetName](tmodel)) {
-          eventTargets.push(targetName);
+      var internalList = tmodel.state().internalEventList;
+      if ((internalList === null || internalList === void 0 ? void 0 : internalList.length) > 0) {
+        var _iterator4 = _createForOfIteratorHelper(internalList),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var targetName = _step4.value;
+            if (eventMap[targetName](tmodel)) {
+              eventTargets.push(targetName);
+            }
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
         }
-      });
+      }
       this.runEventTargets(tmodel, eventTargets);
     }
   }, {

package/build/PageManager.js

@@ -135,7 +135,7 @@ var PageManager = exports.PageManager = /*#__PURE__*/function () {
         _App.tApp.tRoot.$dom = new _$Dom.$Dom('#tgjs-root');
         this.pageCache[document.URL] = {
           link: document.URL,
-          htms: _App.tApp.tRoot.$dom.innerHTML(),
+          html: _App.tApp.tRoot.$dom.innerHTML(),
           oids: _objectSpread({}, _App.App.oids),
           visibleList: _toConsumableArray(_App.tApp.manager.lists.visible),
           tRoot: _App.tApp.tRoot

package/build/TModel.js

@@ -32,13 +32,6 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
     var _this;
     _classCallCheck(this, TModel);
     _this = _callSuper(this, TModel, [type, targets]);
-    _this.addedChildren = [];
-    _this.deletedChildren = [];
-    _this.movedChildren = [];
-    _this.lastChildrenUpdate = {
-      additions: [],
-      deletions: []
-    };
     _this.allChildrenList = [];
     _this.allChildrenMap = {};
     _this.childrenUpdateFlag = false;
@@ -57,7 +50,6 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
     _this.transformMap = {};
     _this.visibilityStatus = undefined;
     _this.isNowInvisible = false;
-    _this.visibleChildren = [];
     _this.hasDomNow = false;
     _this.isNowVisible = false;
     _this.currentStatus = 'new';
@@ -167,8 +159,12 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "getChildren",
     value: function getChildren() {
-      var _this3 = this;
-      if (this.deletedChildren.length > 0) {
+      var _state$deletedChildre,
+        _this3 = this,
+        _state$addedChildren,
+        _state$movedChildren;
+      var state = this.state();
+      if (((_state$deletedChildre = state.deletedChildren) === null || _state$deletedChildre === void 0 ? void 0 : _state$deletedChildre.length) > 0) {
         this.deletedChildren.forEach(function (child) {
           if (_this3.allChildrenMap[child.oid]) {
             var index = _this3.allChildrenList.indexOf(child);
@@ -179,7 +175,7 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
         });
         this.deletedChildren.length = 0;
       }
-      if (this.addedChildren.length > 0) {
+      if (((_state$addedChildren = state.addedChildren) === null || _state$addedChildren === void 0 ? void 0 : _state$addedChildren.length) > 0) {
         this.addedChildren.sort(function (a, b) {
           return a.index - b.index;
         });
@@ -205,7 +201,7 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
         });
         this.addedChildren.length = 0;
       }
-      if (this.movedChildren.length > 0) {
+      if (((_state$movedChildren = state.movedChildren) === null || _state$movedChildren === void 0 ? void 0 : _state$movedChildren.length) > 0) {
         this.movedChildren.sort(function (a, b) {
           return a.index - b.index;
         });
@@ -263,8 +259,8 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
     value: function removeAll() {
       this.allChildrenList = [];
       this.allChildrenMap = {};
-      this.updatingChildrenList.length = 0;
-      this.updatingChildrenMap = {};
+      this.state().updatingChildrenList = [];
+      this.state().updatingChildrenMap = {};
       if (this.hasDom()) {
         this.$dom.deleteAll();
       }
@@ -556,7 +552,8 @@ var TModel = exports.TModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "canHandleEvent",
     value: function canHandleEvent(eventName) {
-      return this.getExternalEventMap()[eventName];
+      var _this$state$externalE, _this$state$externalE2;
+      return (_this$state$externalE = (_this$state$externalE2 = this.state().externalEventMap) === null || _this$state$externalE2 === void 0 ? void 0 : _this$state$externalE2[eventName]) !== null && _this$state$externalE !== void 0 ? _this$state$externalE : false;
     }
   }, {
     key: "preventDefault",

package/build/TModelManager.js

@@ -86,7 +86,8 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var tmodel = _step.value;
-          if (tmodel.getParent() && !tmodel.getParent().allChildrenMap[tmodel.oid]) {
+          var parent = tmodel.getParent();
+          if (parent && !parent.allChildrenMap[tmodel.oid]) {
             if (tmodel.hasDom() && !this.lists.invisibleDom.includes(tmodel)) {
               this.lists.invisibleDom.push(tmodel);
             }
@@ -106,24 +107,26 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
             this.visibleTypeMap[tmodel.type].push(tmodel);
           }
           if (visible || tmodel.isActivated()) {
+            var _state$updatingTarget, _state$activeTargetLi, _state$activeChildren;
             this.needsRerender(tmodel);
             this.needsRestyle(tmodel);
             this.needsReattach(tmodel);
             this.needsRelocation(tmodel);
-            if (tmodel.updatingTargetList.length > 0) {
+            var state = tmodel.state();
+            if (((_state$updatingTarget = state.updatingTargetList) === null || _state$updatingTarget === void 0 ? void 0 : _state$updatingTarget.length) > 0) {
               this.lists.updatingTModels.push(tmodel);
-              this.lists.updatingTargets = [].concat(_toConsumableArray(this.lists.updatingTargets), _toConsumableArray(tmodel.updatingTargetList));
+              this.lists.updatingTargets = [].concat(_toConsumableArray(this.lists.updatingTargets), _toConsumableArray(state.updatingTargetList));
             }
-            if (tmodel.activeTargetList.length > 0) {
+            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(tmodel.activeTargetList));
+              this.lists.activeTargets = [].concat(_toConsumableArray(this.lists.activeTargets), _toConsumableArray(state.activeTargetList));
             }
-            if (tmodel.activeChildrenList.length > 0) {
-              this.lists.activeTModels = [].concat(_toConsumableArray(this.lists.activeTModels), _toConsumableArray(tmodel.activeChildrenList));
+            if (((_state$activeChildren = state.activeChildrenList) === null || _state$activeChildren === void 0 ? void 0 : _state$activeChildren.length) > 0) {
+              this.lists.activeTModels = [].concat(_toConsumableArray(this.lists.activeTModels), _toConsumableArray(state.activeChildrenList));
             }
-            if (Object.keys(tmodel.targetMethodMap).length > 0) {
-              this.targetMethodMap[tmodel.oid] = _objectSpread({}, tmodel.targetMethodMap);
-              tmodel.targetMethodMap = {};
+            if (state.targetMethodMap && Object.keys(state.targetMethodMap).length > 0) {
+              this.targetMethodMap[tmodel.oid] = _objectSpread({}, state.targetMethodMap);
+              state.targetMethodMap = {};
             }
             tmodel.deactivate();
           }

package/build/TModelUtil.js

@@ -137,8 +137,8 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
       if (transformUpdate) {
         tmodel.$dom.transform(TModelUtil.getTransformString(tmodel));
       }
-      tmodel.styleTargetMap = {};
-      tmodel.styleTargetList.length = 0;
+      tmodel.state().styleTargetMap = {};
+      tmodel.state().styleTargetList = [];
     }
   }, {
     key: "setWidthFromDom",
@@ -236,8 +236,8 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
           }
         }
       });
-      tmodel.asyncStyleTargetMap = {};
-      tmodel.asyncStyleTargetList.length = 0;
+      tmodel.state().asyncStyleTargetMap = {};
+      tmodel.state().asyncStyleTargetList = [];
     }
   }, {
     key: "getTransformString",

package/build/index.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _App = require("./App.js");
+Object.keys(_App).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _App[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _App[key];
+    }
+  });
+});
+var _TModel = require("./TModel.js");
+Object.keys(_TModel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TModel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TModel[key];
+    }
+  });
+});
+var _Moves = require("./Moves.js");
+Object.keys(_Moves).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Moves[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Moves[key];
+    }
+  });
+});
+var _SearchUtil = require("./SearchUtil.js");
+Object.keys(_SearchUtil).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SearchUtil[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SearchUtil[key];
+    }
+  });
+});
+var _TargetData = require("./TargetData.js");
+Object.keys(_TargetData).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TargetData[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TargetData[key];
+    }
+  });
+});
+var _TargetUtil = require("./TargetUtil.js");
+Object.keys(_TargetUtil).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TargetUtil[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TargetUtil[key];
+    }
+  });
+});
+var _TModelUtil = require("./TModelUtil.js");
+Object.keys(_TModelUtil).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TModelUtil[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TModelUtil[key];
+    }
+  });
+});
+var _TUtil = require("./TUtil.js");
+Object.keys(_TUtil).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TUtil[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TUtil[key];
+    }
+  });
+});
+var _$Dom = require("./$Dom.js");
+Object.keys(_$Dom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _$Dom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _$Dom[key];
+    }
+  });
+});
+var _Bracket = require("./Bracket.js");
+Object.keys(_Bracket).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Bracket[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Bracket[key];
+    }
+  });
+});
+var _BracketGenerator = require("./BracketGenerator.js");
+Object.keys(_BracketGenerator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BracketGenerator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _BracketGenerator[key];
+    }
+  });
+});
+var _ColorUtil = require("./ColorUtil.js");
+Object.keys(_ColorUtil).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ColorUtil[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ColorUtil[key];
+    }
+  });
+});
+var _Easing = require("./Easing.js");
+Object.keys(_Easing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Easing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Easing[key];
+    }
+  });
+});
+var _TargetExecutor = require("./TargetExecutor.js");
+Object.keys(_TargetExecutor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TargetExecutor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TargetExecutor[key];
+    }
+  });
+});

package/package.json

@@ -1,28 +1,34 @@
 {
   "name": "targetj",
-  "version": "1.0.156",
-  "keywords": [
-    "targetjs"
-  ],
-  "main": "Export.js",
-  "contributors": [
-    "ahmad.wasfi"
-  ],
+  "version": "1.0.158",
   "description": "TargetJS is a JavaScript framework designed for creating animated and efficient web user interfaces.",
+  "keywords": ["targetjs"],
+  "main": "Export.js",
+  "homepage": "https://targetjs.io",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/livetrails/targetjs.git"
   },
-  "license": "MIT",
   "bugs": {
     "url": "https://github.com/livetrails/targetjs/issues"
   },
+  "contributors": [
+    {
+      "name": "Ahmad Wasfi"
+    }
+  ],
   "scripts": {
     "prod": "webpack --mode production",
     "dev": "webpack --mode development",
     "build": "babel src --out-dir build"
   },
-  "homepage": "http://targetjs.io",
+  "files": [
+    "Export.js",
+    "build/",
+    "README.md",
+    "LICENSE"
+  ],
   "devDependencies": {
     "@babel/cli": "^7.25.6",
     "@babel/core": "^7.25.2",
@@ -31,7 +37,6 @@
     "babel-loader": "^9.1.0",
     "eslint-webpack-plugin": "^4.2.0",
     "webpack": "^5.91.0",
-    "webpack-cli": "^5.1.4",
-    "wepback": "^1.0.0"
+    "webpack-cli": "^5.1.4"
   }
 }