targetj 1.0.116 → 1.0.118

package/build/$Dom.js

@@ -60,7 +60,7 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
   }, {
     key: "setId",
     value: function setId(id) {
-      this.attr("id", id[0] === '#' ? id.slice(1) : id);
+      this.attr('id', id[0] === '#' ? id.slice(1) : id);
     }
   }, {
     key: "focus",
@@ -125,9 +125,9 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
     key: "css",
     value: function css(_css) {
       if (_TUtil.TUtil.isDefined(_css)) {
-        this.attr('class', _css);
+        this.element.className = _css;
       } else {
-        return this.attr('class');
+        return this.element.className;
       }
     }
   }, {
@@ -161,6 +161,12 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
     value: function getBoundingClientRect() {
       return this.element.getBoundingClientRect();
     }
+  }, {
+    key: "isXYWithinElement",
+    value: function isXYWithinElement(x, y) {
+      var rect = this.getBoundingClientRect();
+      return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+    }
   }, {
     key: "parent",
     value: function parent() {
@@ -174,6 +180,11 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
         this.$domParent.childrenCount--;
       }
     }
+  }, {
+    key: "child",
+    value: function child(index) {
+      return this.element.children[index];
+    }
   }, {
     key: "append$Dom",
     value: function append$Dom($dom) {
@@ -198,6 +209,12 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
       tmodel.$dom.$domParent = this;
       this.childrenCount++;
     }
+  }, {
+    key: "deleteAllChildren",
+    value: function deleteAllChildren() {
+      this.element.innerHTML = this.originalContent || '';
+      this.childrenCount = 0;
+    }
   }, {
     key: "html",
     value: function html(_html) {
@@ -218,7 +235,7 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
           this.textOnly = false;
         }
       } else {
-        return this.originalContent;
+        return _TUtil.TUtil.isDefined(this.originalContent) ? this.originalContent : this.element.innerHTML;
       }
     }
   }, {
@@ -240,7 +257,7 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
           this.textOnly = true;
         }
       } else {
-        return this.originalContent;
+        return _TUtil.TUtil.isDefined(this.originalContent) ? this.originalContent : this.element.textContent;
       }
     }
   }, {
@@ -257,6 +274,15 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
         return this.element.innerHTML;
       }
     }
+  }, {
+    key: "innerText",
+    value: function innerText(text) {
+      if (_TUtil.TUtil.isDefined(text)) {
+        this.element.innerText = text;
+      } else {
+        return this.element.innerText;
+      }
+    }
   }, {
     key: "addClass",
     value: function addClass(className) {
@@ -320,7 +346,17 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
     value: function query(selector) {
       return selector[0] === '#' ? $Dom.findById(selector) : selector[0] === '.' ? this.findFirstByClass(selector) : this.findFirstByTag(selector);
     }
+  }, {
+    key: "stamp",
+    value: function stamp() {
+      this.attr('data-tgt', 'true');
+    }
   }], [{
+    key: "getAllStamped",
+    value: function getAllStamped() {
+      return document.querySelectorAll('[data-tgt="true"]');
+    }
+  }, {
     key: "query",
     value: function query(selector) {
       return selector[0] === '#' ? $Dom.findById(selector) : selector[0] === '.' ? $Dom.findFirstByClass(selector) : $Dom.findFirstByTag(selector);
@@ -378,6 +414,16 @@ var $Dom = exports.$Dom = /*#__PURE__*/function () {
     value: function hasFocus(tmodel) {
       return tmodel.hasDom() && document.activeElement === tmodel.$dom.element;
     }
+  }, {
+    key: "getWindowScrollTop",
+    value: function getWindowScrollTop() {
+      return window.pageYOffset || document.documentElement.scrollTop || 0;
+    }
+  }, {
+    key: "getWindowScrollLeft",
+    value: function getWindowScrollLeft() {
+      return window.pageXOffset || document.documentElement.scrollLeft || 0;
+    }
   }, {
     key: "ready",
     value: function ready(callback) {

package/build/App.js

@@ -29,7 +29,6 @@ var AppFn = function AppFn(firstChild) {
   my.init = function () {
     my.browser = new _Browser.Browser();
     my.browser.setup();
-    my.$document = new _$Dom.$Dom(document);
     my.$window = new _$Dom.$Dom(window);
     my.$window.addEvent("popstate", function (event) {
       if (event.state) {
@@ -57,9 +56,11 @@ var AppFn = function AppFn(firstChild) {
             this.$dom = new _$Dom.$Dom('#tj-root');
           }
         },
+        styling: false,
         domHolder: function domHolder() {
           return this.$dom;
         },
+        isVisible: true,
         width: function width() {
           return document.documentElement.clientWidth || document.body.clientWidth;
         },
@@ -91,18 +92,17 @@ var AppFn = function AppFn(firstChild) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           my.runningFlag = false;
+          my.events.detachAll();
+          my.events.detachWindowEvents();
+          my.events.attachWindowEvents();
           my.events.clearAll();
-          my.events.removeHandlers(my.$document);
-          my.events.addHandlers(my.$document);
-          my.events.removeWindowHandlers();
-          my.events.addWindowHandlers();
-          _context.next = 8;
+          _context.next = 7;
           return my.runScheduler.resetRuns();
-        case 8:
+        case 7:
           my.runningFlag = true;
           my.runScheduler.schedule(0, "appStart");
           return _context.abrupt("return", my);
-        case 11:
+        case 10:
         case "end":
           return _context.stop();
       }
@@ -113,8 +113,8 @@ var AppFn = function AppFn(firstChild) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           my.runningFlag = false;
-          my.events.removeWindowHandlers();
-          my.events.removeHandlers(my.$document);
+          my.events.detachAll();
+          my.events.detachWindowEvents();
           my.events.clearAll();
           _context2.next = 6;
           return my.runScheduler.resetRuns();
@@ -140,9 +140,7 @@ var AppFn = function AppFn(firstChild) {
     my.locationManager.hasLocationList.length = 0;
     my.locationManager.screenWidth = 0;
     my.locationManager.screenHeight = 0;
-    _SearchUtil.SearchUtil.foundParentWithTarget = {};
-    _SearchUtil.SearchUtil.foundTypeMap = {};
-    _SearchUtil.SearchUtil.foundTargetMap = {};
+    _SearchUtil.SearchUtil.clear();
   };
   my.isRunning = function () {
     return my.runningFlag;

package/build/BaseModel.js

@@ -9,6 +9,7 @@ var _TargetExecutor = require("./TargetExecutor.js");
 var _TUtil = require("./TUtil.js");
 var _TModelUtil = require("./TModelUtil.js");
 var _TargetUtil = require("./TargetUtil.js");
+var _$Dom = require("./$Dom.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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -38,19 +39,26 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
     var uniqueId = _App.App.getOid(this.type);
     this.oid = uniqueId.oid;
     this.oidNum = uniqueId.num;
-    this.targetValues = undefined;
-    this.actualValues = undefined;
+    this.targetValues = {};
+    this.actualValues = {};
     this.activeTargetList = [];
     this.activeTargetMap = {};
     this.updatingTargetList = [];
     this.updatingTargetMap = {};
     this.updatingChildrenList = [];
     this.updatingChildrenMap = {};
-    this.eventTargets = [];
+    this.activeChildrenList = [];
+    this.activeChildrenMap = {};
+    this.eventTargetList = [];
+    this.eventTargetMap = {};
+    this.coreTargets = [];
     this.allStyleTargetList = [];
     this.allStyleTargetMap = {};
     this.styleTargetList = [];
     this.styleTargetMap = {};
+    this.asyncStyleTargetList = [];
+    this.asyncStyleTargetMap = {};
+    this.activatedTargets = [];
     this.targetExecutionCount = 0;
     this.parent = null;
     this.targetMethodMap = {};
@@ -68,14 +76,19 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
       this.targetValues = {};
       this.activeTargetMap = {};
       this.activeTargetList = [];
-      Object.entries(_TModelUtil.TModelUtil.defaultTargets()).forEach(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
-        if (!(key in _this.targets)) {
-          _this.targets[key] = value;
-        }
-      });
+      var domExists = _$Dom.$Dom.query("#".concat(this.oid));
+      if (!domExists && !this.excludeDefaultStyling()) {
+        Object.entries(_TModelUtil.TModelUtil.defaultTargets()).forEach(function (_ref) {
+          var _ref2 = _slicedToArray(_ref, 2),
+            key = _ref2[0],
+            value = _ref2[1];
+          if (!(key in _this.targets)) {
+            _this.targets[key] = value;
+          }
+        });
+      } else if (domExists && !_TUtil.TUtil.isDefined(this.targets['reuseDomDefinition'])) {
+        this.targets['reuseDomDefinition'] = true;
+      }
       Object.keys(this.targets).forEach(function (key) {
         _this.processNewTarget(key);
       });
@@ -83,42 +96,133 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "processNewTarget",
     value: function processNewTarget(key) {
-      if (!_TUtil.TUtil.isDefined(this.targets[key])) {
-        delete this.actualValues[key];
+      var isInactiveKey = key.startsWith('_');
+      if (isInactiveKey) {
+        var newKey = key.slice(1);
+        this.targets[newKey] = _typeof(this.targets[key]) === 'object' && this.targets[key].value ? this.targets[key] : {
+          value: this.targets[key]
+        };
+        this.targets[newKey].active = false;
+        delete this.targets[key];
+        key = newKey;
+      }
+      var target = this.targets[key];
+      if (!_TUtil.TUtil.isDefined(target)) {
+        this.delVal('key');
         return;
       }
       _TargetUtil.TargetUtil.bindTargetName(this.targets, key);
-      if (_TargetUtil.TargetUtil.targetConditionMap[key]) {
-        if (this.eventTargets.indexOf(key === -1)) {
-          this.eventTargets.push(key);
+      if (_TargetUtil.TargetUtil.allEventMap[key] || _TargetUtil.TargetUtil.internalEventMap[key]) {
+        if (!this.eventTargetMap[key]) {
+          this.eventTargetList.push(key);
+          this.eventTargetMap[key] = true;
         }
         return;
-      } else if (_TargetUtil.TargetUtil.otherTargetEventsMap[key]) {
+      }
+      if (_TargetUtil.TargetUtil.otherTargetEventsMap[key]) {
         return;
       }
-      if (_TUtil.TUtil.isDefined(this.targets[key].initialValue)) {
-        this.actualValues[key] = this.targets[key].initialValue;
+      if (_TUtil.TUtil.isDefined(target.initialValue)) {
+        this.val(key, target.initialValue);
+      }
+      if (!isInactiveKey) {
         this.addToStyleTargetList(key);
       }
-      if (this.targets[key].active !== false) {
+      if (_TargetUtil.TargetUtil.coreTargetMap[key] && !this.coreTargets.includes(key)) {
+        this.coreTargets.push(key);
+      }
+      if (!_TargetUtil.TargetUtil.mustExecuteTargets[key] && _TUtil.TUtil.isStringBooleanOrNumber(target)) {
+        this.val(key, target);
+        return;
+      }
+      if (target.active !== false && this.canTargetBeActivated(key)) {
         this.addToActiveTargets(key);
       }
     }
+  }, {
+    key: "activate",
+    value: function activate(targetName) {
+      (0, _App.getLocationManager)().addToActivatedList(this);
+      this.currentStatus = 'active';
+      if (targetName && this.isTargetEnabled(targetName) && this.activatedTargets.indexOf(targetName) === -1) {
+        this.activatedTargets.push(targetName);
+        this.removeFromActiveTargets(targetName);
+      }
+    }
+  }, {
+    key: "isActivated",
+    value: function isActivated() {
+      return this.currentStatus === 'active';
+    }
+  }, {
+    key: "deactivate",
+    value: function deactivate() {
+      this.currentStatus = undefined;
+      this.activatedTargets.length = 0;
+    }
+  }, {
+    key: "shouldExecuteCyclesInParallel",
+    value: function shouldExecuteCyclesInParallel(key) {
+      var _this$targets$key;
+      return ((_this$targets$key = this.targets[key]) === null || _this$targets$key === void 0 ? void 0 : _this$targets$key.parallel) === true;
+    }
+  }, {
+    key: "canTargetBeActivated",
+    value: function canTargetBeActivated(key) {
+      return Array.isArray(this.targets['onDomEvent']) && this.targets['onDomEvent'].includes(key) && !this.hasDom() ? false : true;
+    }
   }, {
     key: "addToStyleTargetList",
     value: function addToStyleTargetList(key) {
-      if (!_TargetUtil.TargetUtil.styleTargetMap[key] && !_TargetUtil.TargetUtil.attributeTargetMap[key]) {
+      if (this.excludeStyling() || this.targets["exclude".concat(_TUtil.TUtil.capitalizeFirstLetter(key))]) {
         return;
       }
-      if (!this.styleTargetMap[key]) {
+      var isAsyncStyleTarget = _TargetUtil.TargetUtil.asyncStyleTargetMap[key];
+      var isAttributeTarget = _TargetUtil.TargetUtil.attributeTargetMap[key];
+      if (isAsyncStyleTarget || isAttributeTarget) {
+        if (!this.asyncStyleTargetMap[key]) {
+          this.asyncStyleTargetList.push(key);
+          this.asyncStyleTargetMap[key] = true;
+        }
+      } else if (this.isStyleTarget(key)) {
+        if (_TargetUtil.TargetUtil.transformMap[key]) {
+          if (this.getParent()) {
+            this.calcAbsolutePosition(this.getX(), this.getY());
+          }
+          if (_TModelUtil.TModelUtil.getTransformValue(this, key) === this.transformMap[key]) {
+            return;
+          }
+        } else if (key === 'width' || key === 'height') {
+          var dimension = Math.floor(key === 'width' ? this.getWidth() : this.getHeight());
+          if (this.styleMap[key] === dimension) {
+            return;
+          }
+        } else if (_TUtil.TUtil.isDefined(this.val(key)) && this.styleMap[key] === this.val(key)) {
+          return;
+        }
+        this.styleTargetList.push(key);
+        this.styleTargetMap[key] = true;
+      } else if (this.useWindowFrame(key)) {
         this.styleTargetList.push(key);
         this.styleTargetMap[key] = true;
+      } else {
+        return;
       }
       if (!this.allStyleTargetMap[key]) {
         this.allStyleTargetList.push(key);
         this.allStyleTargetMap[key] = true;
       }
     }
+  }, {
+    key: "isStyleTarget",
+    value: function isStyleTarget(key) {
+      return _TargetUtil.TargetUtil.styleTargetMap[key];
+    }
+  }, {
+    key: "useWindowFrame",
+    value: function useWindowFrame(key) {
+      return Array.isArray(this.targets['useWindowFrame']) && this.targets['useWindowFrame'].includes(key);
+    }
   }, {
     key: "removeTarget",
     value: function removeTarget(key) {
@@ -321,11 +425,18 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
     value: function getScheduleTimeStamp(key) {
       return this.targetValues[key] ? this.targetValues[key].scheduleTimeStamp : undefined;
     }
+  }, {
+    key: "isScheduledPending",
+    value: function isScheduledPending(key) {
+      var lastScheduledTime = this.getScheduleTimeStamp(key);
+      var interval = this.getTargetInterval(key);
+      return lastScheduledTime && lastScheduledTime + interval > _TUtil.TUtil.now();
+    }
   }, {
     key: "shouldScheduleRun",
     value: function shouldScheduleRun(key) {
-      var _this$targets$key$tri, _this$targets$key;
-      return (_this$targets$key$tri = (_this$targets$key = this.targets[key]) === null || _this$targets$key === void 0 ? void 0 : _this$targets$key.triggerRerun) !== null && _this$targets$key$tri !== void 0 ? _this$targets$key$tri : true;
+      var _this$targets$key$tri, _this$targets$key2;
+      return (_this$targets$key$tri = (_this$targets$key2 = this.targets[key]) === null || _this$targets$key2 === void 0 ? void 0 : _this$targets$key2.triggerRerun) !== null && _this$targets$key$tri !== void 0 ? _this$targets$key$tri : true;
     }
   }, {
     key: "getTargetInitialValue",
@@ -405,7 +516,12 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
   }, {
     key: "getTargetInterval",
     value: function getTargetInterval(key) {
-      return this.targetValues[key] ? this.targetValues[key].interval : undefined;
+      var targetValue = this.targetValues[key];
+      var defaultInterval = 0;
+      if (this.isStyleTarget(key) || this.useWindowFrame(key)) {
+        return targetValue ? targetValue.interval : 0;
+      }
+      return _TUtil.TUtil.isDefined(this.targets['interval']) ? this.targets['interval'] : (targetValue === null || targetValue === void 0 ? void 0 : targetValue.interval) || defaultInterval;
     }
   }, {
     key: "getTargetEventFunctions",
@@ -437,7 +553,8 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
     key: "addToActiveTargets",
     value: function addToActiveTargets(key) {
       var _this3 = this;
-      if (!this.activeTargetMap[key]) {
+      if (!this.activeTargetMap[key] && this.canTargetBeActivated(key)) {
+        var _this$getParent;
         this.activeTargetMap[key] = true;
         var priorityOrder = ['y', 'x', 'height', 'width', 'start'];
         var priorityIndex = priorityOrder.indexOf(key);
@@ -453,6 +570,7 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
         } else {
           this.activeTargetList.push(key);
         }
+        (_this$getParent = this.getParent()) === null || _this$getParent === void 0 || _this$getParent.addToActiveChildren(this);
       }
     }
   }, {
@@ -464,17 +582,20 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
         if (index >= 0) {
           this.activeTargetList.splice(index, 1);
         }
+        if (this.activeTargetList.length === 0) {
+          var _this$getParent2;
+          (_this$getParent2 = this.getParent()) === null || _this$getParent2 === void 0 || _this$getParent2.removeFromActiveChildren(this);
+        }
       }
     }
   }, {
     key: "addToUpdatingTargets",
     value: function addToUpdatingTargets(key) {
       if (!this.updatingTargetMap[key]) {
+        var _this$getParent3;
         this.updatingTargetMap[key] = true;
         this.updatingTargetList.push(key);
-        if (this.getParent()) {
-          this.getParent().addToUpdatingChildren(this);
-        }
+        (_this$getParent3 = this.getParent()) === null || _this$getParent3 === void 0 || _this$getParent3.addToUpdatingChildren(this);
       }
     }
   }, {
@@ -486,8 +607,9 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
         if (index >= 0) {
           this.updatingTargetList.splice(index, 1);
         }
-        if (this.updatingTargetList.length === 0 && this.getParent()) {
-          this.getParent().removeFromUpdatingChildren(this);
+        if (this.updatingTargetList.length === 0) {
+          var _this$getParent4;
+          (_this$getParent4 = this.getParent()) === null || _this$getParent4 === void 0 || _this$getParent4.removeFromUpdatingChildren(this);
         }
       }
     }
@@ -534,6 +656,30 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
     value: function hasUpdatingChildren() {
       return this.updatingChildrenList.length > 0;
     }
+  }, {
+    key: "addToActiveChildren",
+    value: function addToActiveChildren(child) {
+      if (!this.activeChildrenMap[child.oid]) {
+        this.activeChildrenMap[child.oid] = true;
+        this.activeChildrenList.push(child.oid);
+      }
+    }
+  }, {
+    key: "removeFromActiveChildren",
+    value: function removeFromActiveChildren(child) {
+      if (this.activeChildrenMap[child.oid]) {
+        delete this.activeChildrenMap[child.oid];
+        var index = this.activeChildrenList.indexOf(child.oid);
+        if (index >= 0) {
+          this.activeChildrenList.splice(index, 1);
+        }
+      }
+    }
+  }, {
+    key: "hasActiveChildren",
+    value: function hasActiveChildren() {
+      return this.activeChildrenList.length > 0;
+    }
   }, {
     key: "deleteTargetValue",
     value: function deleteTargetValue(key) {
@@ -560,37 +706,39 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
     }
   }, {
     key: "activateTarget",
-    value: function activateTarget(key) {
-      return this.activateTargets([key]);
-    }
-  }, {
-    key: "activateTargets",
-    value: function activateTargets(keys) {
-      var _this4 = this;
-      keys.forEach(function (key) {
-        var targetValue = _this4.targetValues[key];
+    value: function activateTarget(key, value) {
+      if (this.canTargetBeActivated(key)) {
+        if (_TUtil.TUtil.isDefined('value')) {
+          this.val("__".concat(key), value);
+        }
+        var targetValue = this.targetValues[key];
         if (targetValue) {
           targetValue.executionFlag = false;
           targetValue.scheduleTimeStamp = undefined;
           targetValue.step = 0;
           targetValue.cycle = Array.isArray(targetValue.valueList) ? 1 : 0;
-          _this4.updateTargetStatus(key);
+          this.updateTargetStatus(key);
         } else {
-          _this4.addToActiveTargets(key);
+          this.addToActiveTargets(key);
         }
-      });
-      (0, _App.getRunScheduler)().schedule(10, 'activateTargets-' + this.oid);
+        this.activate(key);
+      }
       return this;
     }
   }, {
     key: "manageChildTargetExecution",
     value: function manageChildTargetExecution(child, shouldCalculateChildTargets) {
-      return shouldCalculateChildTargets || this.shouldCalculateChildTargets() || !(0, _App.getEvents)().isCurrentSource('touch') && (0, _App.getEvents)().deltaX() === 0 && (0, _App.getEvents)().deltaY() === 0 || (0, _App.getEvents)().isCurrentSource('touch') && (0, _App.getEvents)().touchCount === 0 || child.hasChildren() || child.addedChildren.count > 0 || child.targetExecutionCount === 0;
+      return shouldCalculateChildTargets || this.shouldCalculateChildTargets() || child.hasChildren() || child.addedChildren.count > 0 || child.targetExecutionCount === 0;
     }
   }, {
     key: "shouldCalculateChildTargets",
     value: function shouldCalculateChildTargets() {
-      return this.actualValues.shouldCalculateChildTargets;
+      return this.val('shouldCalculateChildTargets');
+    }
+  }, {
+    key: "getCoreTargets",
+    value: function getCoreTargets() {
+      return _TUtil.TUtil.isDefined(this.val('coreTargets')) ? this.val('coreTargets') : this.coreTargets;
     }
   }, {
     key: "setTargetMethodName",

package/build/Bracket.js

@@ -27,20 +27,36 @@ var Bracket = exports.Bracket = /*#__PURE__*/function (_TModel) {
   function Bracket(parent) {
     var _this;
     _classCallCheck(this, Bracket);
-    _this = _callSuper(this, Bracket, ["BI", {
-      canHaveDom: false,
-      itemOverflowMode: 'never'
-    }]);
+    _this = _callSuper(this, Bracket, ["BI"]);
     _this.parent = parent;
-    _this.newFlag = true;
     return _this;
   }
   _inherits(Bracket, _TModel);
   return _createClass(Bracket, [{
+    key: "canHaveDom",
+    value: function canHaveDom() {
+      return false;
+    }
+  }, {
+    key: "getItemOverflowMode",
+    value: function getItemOverflowMode() {
+      return 'never';
+    }
+  }, {
     key: "shouldBeBracketed",
     value: function shouldBeBracketed() {
       return false;
     }
+  }, {
+    key: "excludeDefaultStyling",
+    value: function excludeDefaultStyling() {
+      return true;
+    }
+  }, {
+    key: "isIncluded",
+    value: function isIncluded() {
+      return false;
+    }
   }, {
     key: "getWidth",
     value: function getWidth() {
@@ -84,6 +100,8 @@ var Bracket = exports.Bracket = /*#__PURE__*/function (_TModel) {
       this.viewport.xSouth = this.x;
       this.viewport.xWest = this.x;
       this.viewport.absX = this.getRealParent().viewport.absX;
+      this.viewport.absY = this.getRealParent().viewport.absY;
+      this.viewport.scrollTop = this.getRealParent().viewport.scrollTop;
       this.viewport.scrollLeft = this.getRealParent().viewport.scrollLeft;
       this.viewport.xOverflowReset = this.getRealParent().viewport.xOverflowReset;
       this.viewport.xOverflowLimit = this.getRealParent().viewport.xOverflowLimit;
@@ -108,10 +126,15 @@ var Bracket = exports.Bracket = /*#__PURE__*/function (_TModel) {
   }, {
     key: "shouldCalculateChildren",
     value: function shouldCalculateChildren() {
-      var result = this.isVisible() || this.newFlag;
-      this.newFlag = false;
+      var result = this.isVisible() || this.currentStatus === 'new';
+      this.currentStatus = undefined;
       return result;
     }
+  }, {
+    key: "validateVisibilityInParent",
+    value: function validateVisibilityInParent() {
+      return this.getRealParent().validateVisibilityInParent();
+    }
   }, {
     key: "getChildren",
     value: function getChildren() {