targetj 1.0.240 → 1.0.242

package/build/ColorUtil.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColorUtil = void 0;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
@@ -14,7 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /**
  * It provides utility functions for morphing colors.
  */
-var ColorUtil = exports.ColorUtil = /*#__PURE__*/function () {
+var ColorUtil = /*#__PURE__*/function () {
   function ColorUtil() {
     _classCallCheck(this, ColorUtil);
   }
@@ -182,4 +176,5 @@ _defineProperty(ColorUtil, "colors", {
   whitesmoke: "#f5f5f5",
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
-});
+});
+export { ColorUtil };

package/build/DomInit.js

@@ -1,13 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DomInit = void 0;
-var _$Dom = require("./$Dom.js");
-var _TUtil = require("./TUtil.js");
-var _App = require("./App.js");
-var _TargetData = require("./TargetData.js");
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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; } }
@@ -24,22 +14,27 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { $Dom } from "./$Dom.js";
+import { TUtil } from "./TUtil.js";
+import { tRoot, App, getTModelById } from "./App.js";
+import { TargetData } from "./TargetData.js";
+
 /**
  * 
  * Map and bind dom elements to model structures
  */
-var DomInit = exports.DomInit = /*#__PURE__*/function () {
+var DomInit = /*#__PURE__*/function () {
   function DomInit() {
     _classCallCheck(this, DomInit);
   }
   return _createClass(DomInit, null, [{
     key: "initCacheDoms",
     value: function initCacheDoms(visibleList) {
-      var elements = (0, _App.tRoot)().$dom.queryAll('[tgjs]');
+      var elements = tRoot().$dom.queryAll('[tgjs]');
       visibleList.forEach(function (tmodel) {
         tmodel.$dom = null;
       });
-      var visibleMap = _TUtil.TUtil.list2map(visibleList.filter(function (item) {
+      var visibleMap = TUtil.list2map(visibleList.filter(function (item) {
         return item.type !== 'BI';
       }));
       var newVisibles = [];
@@ -51,14 +46,14 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
           var id = element.getAttribute("id");
           var tmodel = visibleMap[id];
           if (tmodel) {
-            tmodel.$dom = new _$Dom.$Dom("#".concat(id));
+            tmodel.$dom = new $Dom("#".concat(id));
           } else {
-            tmodel = (0, _App.getTModelById)(id);
+            tmodel = getTModelById(id);
             if (tmodel) {
               newVisibles.push(tmodel);
-              tmodel.$dom = new _$Dom.$Dom("#".concat(id));
+              tmodel.$dom = new $Dom("#".concat(id));
             } else {
-              _$Dom.$Dom.detach(element);
+              $Dom.detach(element);
             }
           }
         }
@@ -94,16 +89,16 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
           patch.position = $dom.getStyleValue('position') || 'relative';
           patch.sourceDom = true;
           patch.domIsland = true;
-          if (!_TUtil.TUtil.isDefined(tmodel.targets.reuseDomDefinition)) {
+          if (!TUtil.isDefined(tmodel.targets.reuseDomDefinition)) {
             patch.reuseDomDefinition = true;
             patch.domHolder = true;
-            if (!_TUtil.TUtil.isDefined(tmodel.targets.excludeXYCalc)) {
+            if (!TUtil.isDefined(tmodel.targets.excludeXYCalc)) {
               patch.excludeXYCalc = true;
             }
-            if (!_TUtil.TUtil.isDefined(tmodel.targets.x) && !_TUtil.TUtil.isDefined(tmodel.targets.excludeX)) {
+            if (!TUtil.isDefined(tmodel.targets.x) && !TUtil.isDefined(tmodel.targets.excludeX)) {
               patch.excludeX = true;
             }
-            if (!_TUtil.TUtil.isDefined(tmodel.targets.y) && !_TUtil.TUtil.isDefined(tmodel.targets.excludeY)) {
+            if (!TUtil.isDefined(tmodel.targets.y) && !TUtil.isDefined(tmodel.targets.excludeY)) {
               patch.excludeY = true;
             }
           }
@@ -146,7 +141,7 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
                 var attr = _step4.value;
                 if (attr.name.startsWith("tg-")) {
                   var rawKey = attr.name.slice(3);
-                  var key = _TargetData.TargetData.toCanonicalKey(rawKey);
+                  var key = TargetData.toCanonicalKey(rawKey);
                   var rawValue = attr.value.trim();
                   var value = DomInit.parseString(rawValue);
                   attributeSet[key] = value;
@@ -166,7 +161,7 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
           if (Object.keys(attributeSet).length > 0) {
             id = element.getAttribute('id');
             if (!id && !parentModel) {
-              id = _App.App.getOid('blank').oid;
+              id = App.getOid('blank').oid;
               element.setAttribute('id', id);
             }
             if (!element.getAttribute('tgjs')) {
@@ -175,7 +170,7 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
             newModel = _objectSpread({
               id: id,
               baseElement: element.tagName.toLowerCase(),
-              $dom: new _$Dom.$Dom(element)
+              $dom: new $Dom(element)
             }, attributeSet);
           }
           if (parentModel) {
@@ -183,7 +178,7 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
               newModel = {
                 textOnly: false,
                 html: element.outerHTML,
-                $dom: new _$Dom.$Dom(element)
+                $dom: new $Dom(element)
               };
             }
             var childrenKey = DomInit.getChildrenKey(parentModel);
@@ -192,7 +187,7 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
                 parentModel[childrenKey].value.push(newModel);
               } else if (typeof parentModel[childrenKey] === 'string') {
                 parentModel[childrenKey] = {
-                  cycles: _TUtil.TUtil.isNumber(+parentModel[childrenKey]) ? +parentModel[childrenKey] : 1,
+                  cycles: TUtil.isNumber(+parentModel[childrenKey]) ? +parentModel[childrenKey] : 1,
                   value: [newModel]
                 };
               } else if (_typeof(parentModel[childrenKey]) === 'object') {
@@ -227,22 +222,22 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
             delete _value.$dom;
             delete _value.id;
             _value.sourceDom = true;
-            _value.otype = _value.id || (_parentModel.id || _App.App.getOid('blank').oid) + "_";
-            _value.isVisible = !_TUtil.TUtil.isDefined(_value.isVisible) ? function () {
+            _value.otype = _value.id || (_parentModel.id || App.getOid('blank').oid) + "_";
+            _value.isVisible = !TUtil.isDefined(_value.isVisible) ? function () {
               return this.getParent().isVisible();
             } : _value.isVisible;
-            _value.domParent = !_TUtil.TUtil.isDefined(_value.domParent) ? function () {
+            _value.domParent = !TUtil.isDefined(_value.domParent) ? function () {
               return this.getParent();
             } : _value.domParent;
           } else {
-            _value.isVisible = !_TUtil.TUtil.isDefined(_value.isVisible) ? true : _value.isVisible;
-            _value.domHolder = !_TUtil.TUtil.isDefined(_value.domHolder) ? true : _value.domHolder;
+            _value.isVisible = !TUtil.isDefined(_value.isVisible) ? true : _value.isVisible;
+            _value.domHolder = !TUtil.isDefined(_value.domHolder) ? true : _value.domHolder;
             _value.sourceDom = true;
-            (0, _App.tRoot)().addChild(_value);
+            tRoot().addChild(_value);
             if (!_value.isVisible) {
               invisibleList.push({
                 $dom: _value.$dom,
-                tmodel: (0, _App.tRoot)().getLastChild()
+                tmodel: tRoot().getLastChild()
               });
             }
           }
@@ -352,17 +347,18 @@ var DomInit = exports.DomInit = /*#__PURE__*/function () {
   }, {
     key: "normalizeElementTarget",
     value: function normalizeElementTarget(elemTarget) {
-      if (elemTarget instanceof _$Dom.$Dom) {
+      if (elemTarget instanceof $Dom) {
         return elemTarget;
       }
       if (elemTarget instanceof Element) {
-        return new _$Dom.$Dom(elemTarget);
+        return new $Dom(elemTarget);
       }
       if (typeof elemTarget === 'string') {
-        var el = _$Dom.$Dom.querySelector(elemTarget);
-        return el ? new _$Dom.$Dom(el) : null;
+        var el = $Dom.querySelector(elemTarget);
+        return el ? new $Dom(el) : null;
       }
       return null;
     }
   }]);
-}();
+}();
+export { DomInit };

package/build/Easing.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Easing = void 0;
 var _Easing;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
@@ -15,7 +9,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /**
  * It provides easing functions that can be ued smooth the transition of actual values toward target values.
  */
-var Easing = exports.Easing = /*#__PURE__*/function () {
+var Easing = /*#__PURE__*/function () {
   function Easing() {
     _classCallCheck(this, Easing);
   }
@@ -121,4 +115,5 @@ var _easeOut = {
 var _easeInOut = {
   _: _Easing.cubicBezier(0.42, 0.0, 0.58, 1.0)
 };
-_defineProperty(Easing, "easeMap", new Map([[_Easing.LINEAR, _linear], [_Easing.EASE, _ease._], [_Easing.EASE_IN, _easeIn._], [_Easing.EASE_OUT, _easeOut._], [_Easing.EASE_IN_OUT, _easeInOut._], [_Easing.STEP_START, _stepStart], [_Easing.STEP_END, _stepEnd]]));
+_defineProperty(Easing, "easeMap", new Map([[_Easing.LINEAR, _linear], [_Easing.EASE, _ease._], [_Easing.EASE_IN, _easeIn._], [_Easing.EASE_OUT, _easeOut._], [_Easing.EASE_IN_OUT, _easeInOut._], [_Easing.STEP_START, _stepStart], [_Easing.STEP_END, _stepEnd]]));
+export { Easing };

package/build/EventListener.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EventListener = void 0;
-var _$Dom = require("./$Dom.js");
-var _SearchUtil = require("./SearchUtil.js");
-var _TUtil = require("./TUtil.js");
-var _TargetData = require("./TargetData.js");
-var _TargetExecutor = require("./TargetExecutor.js");
-var _App = require("./App.js");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -24,14 +12,21 @@ function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r),
 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { $Dom } from "./$Dom.js";
+import { SearchUtil } from "./SearchUtil.js";
+import { TUtil } from "./TUtil.js";
+import { TargetData } from "./TargetData.js";
+import { TargetExecutor } from "./TargetExecutor.js";
+import { tApp, getRunScheduler, getManager, tRoot, getLocationManager } from "./App.js";
+
 /**
  * It provides a central place to manage all events. 
  */
-var EventListener = exports.EventListener = /*#__PURE__*/function () {
+var EventListener = /*#__PURE__*/function () {
   function EventListener() {
     var _this = this;
     _classCallCheck(this, EventListener);
-    this.$document = new _$Dom.$Dom(document);
+    this.$document = new $Dom(document);
     this.currentTouch = {
       deltaY: 0,
       deltaX: 0,
@@ -91,7 +86,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
     };
     this.windowEpoch = 0;
     this.eventEpoch = 0;
-    Object.values(_TargetData.TargetData.events).forEach(function (group) {
+    Object.values(TargetData.events).forEach(function (group) {
       Object.assign(_this.allEvents, group);
     });
     this.hovered = new Set();
@@ -103,23 +98,23 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
     key: "detachWindowEvents",
     value: function detachWindowEvents() {
       var _this2 = this;
-      Object.keys(_TargetData.TargetData.events.windowEvents).forEach(function (key) {
-        _App.tApp.$window.detachEvent(key, _this2.bindedHandleWindowEvent);
+      Object.keys(TargetData.events.windowEvents).forEach(function (key) {
+        tApp.$window.detachEvent(key, _this2.bindedHandleWindowEvent);
       });
     }
   }, {
     key: "attachWindowEvents",
     value: function attachWindowEvents() {
       var _this3 = this;
-      Object.keys(_TargetData.TargetData.events.windowEvents).forEach(function (key) {
-        _App.tApp.$window.addEvent(key, _this3.bindedHandleWindowEvent);
+      Object.keys(TargetData.events.windowEvents).forEach(function (key) {
+        tApp.$window.addEvent(key, _this3.bindedHandleWindowEvent);
       });
     }
   }, {
     key: "detachDocumentEvents",
     value: function detachDocumentEvents(groupName) {
       var _this4 = this;
-      var group = _TargetData.TargetData.events[groupName];
+      var group = TargetData.events[groupName];
       Object.keys(group).forEach(function (type) {
         var spec = group[type];
         _this4.$document.detachEvent(type, _this4.bindedParentHandleEvent, spec.capture);
@@ -129,7 +124,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
     key: "attachDocumentEvents",
     value: function attachDocumentEvents(groupName) {
       var _this5 = this;
-      var group = _TargetData.TargetData.events[groupName];
+      var group = TargetData.events[groupName];
       Object.keys(group).forEach(function (type) {
         var spec = group[type];
         _this5.$document.addEvent(type, _this5.bindedParentHandleEvent, spec.capture, spec.passive);
@@ -171,12 +166,12 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
     value: function attachTargetEvents(tmodel, targetName, force) {
       var _this6 = this;
       var targetKey = "".concat(tmodel.oid, " ").concat(targetName);
-      var events = _TargetData.TargetData.targetToEventsMapping[targetName];
+      var events = TargetData.targetToEventsMapping[targetName];
       if (!events || !Array.isArray(events) || events.length === 0) {
         return undefined;
       }
       events.forEach(function (eventName) {
-        var eventMap = _TargetData.TargetData.events[eventName];
+        var eventMap = TargetData.events[eventName];
         if (!eventMap) {
           return undefined;
         }
@@ -187,7 +182,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
           }
           var eventSpec = eventMap[key];
           var isWindow = !!eventSpec.windowEvent;
-          var $dom = isWindow ? _App.tApp.$window : tmodel.hasDom() ? tmodel.$dom : null;
+          var $dom = isWindow ? tApp.$window : tmodel.hasDom() ? tmodel.$dom : null;
           if (!$dom) {
             return false;
           }
@@ -228,7 +223,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
     key: "resetEventsOnTimeout",
     value: function resetEventsOnTimeout() {
       if (this.scrollEndTimeStamp.x > 0 || this.scrollEndTimeStamp.y > 0 || this.currentTouch.pinchDelta) {
-        var now = _TUtil.TUtil.now();
+        var now = TUtil.now();
         var diff = Math.max(this.scrollEndTimeStamp.x - now, this.scrollEndTimeStamp.y - now);
         if (diff > 100) {
           this.currentTouch.deltaY *= 0.95;
@@ -257,7 +252,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
           this.queueScrollEndEvent('y', this.currentHandlers.scrollTop);
           this.scrollEndTimeStamp.y = 0;
         }
-        (0, _App.getRunScheduler)().schedule(10, 'scroll decay');
+        getRunScheduler().schedule(10, 'scroll decay');
       }
     }
   }, {
@@ -267,14 +262,14 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
         eventType = _ref.eventType;
       var clickHandler, swipeHandler, scrollLeftHandler, scrollTopHandler, pinchHandler, focusHandler, enterHandler, leaveHandler;
       if (tmodel) {
-        clickHandler = _SearchUtil.SearchUtil.findFirstClickHandler(tmodel);
-        swipeHandler = _SearchUtil.SearchUtil.findFirstSwipeHandler(tmodel);
-        enterHandler = _SearchUtil.SearchUtil.findFirstEnterHandler(tmodel);
-        leaveHandler = _SearchUtil.SearchUtil.findFirstLeaveHandler(tmodel);
-        scrollLeftHandler = _SearchUtil.SearchUtil.findFirstScrollLeftHandler(tmodel, eventType);
-        scrollTopHandler = _SearchUtil.SearchUtil.findFirstScrollTopHandler(tmodel, eventType);
-        pinchHandler = _SearchUtil.SearchUtil.findFirstPinchHandler(tmodel);
-        focusHandler = _$Dom.$Dom.hasFocus(tmodel) ? tmodel : this.currentHandlers.focus;
+        clickHandler = SearchUtil.findFirstClickHandler(tmodel);
+        swipeHandler = SearchUtil.findFirstSwipeHandler(tmodel);
+        enterHandler = SearchUtil.findFirstEnterHandler(tmodel);
+        leaveHandler = SearchUtil.findFirstLeaveHandler(tmodel);
+        scrollLeftHandler = SearchUtil.findFirstScrollLeftHandler(tmodel, eventType);
+        scrollTopHandler = SearchUtil.findFirstScrollTopHandler(tmodel, eventType);
+        pinchHandler = SearchUtil.findFirstPinchHandler(tmodel);
+        focusHandler = $Dom.hasFocus(tmodel) ? tmodel : this.currentHandlers.focus;
       }
       if (this.currentHandlers.scrollLeft !== scrollLeftHandler || this.currentHandlers.scrollTop !== scrollTopHandler) {
         this.clearTouch();
@@ -353,7 +348,8 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
         _this$currentHandlers5,
         _this$currentHandlers7,
         _this$currentHandlers8,
-        _this7 = this;
+        _this7 = this,
+        _tmodel3;
       if (!event) {
         return;
       }
@@ -368,7 +364,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
         eventOrder = eventItem.order,
         queue = eventItem.queue,
         rateLimit = eventItem.rateLimit;
-      var now = _TUtil.TUtil.now();
+      var now = TUtil.now();
       var tmodel;
       if (eventType === 'move' && this.touchCount > 0 && this.currentHandlers.start) {
         tmodel = this.currentHandlers.start;
@@ -483,7 +479,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
               event.preventDefault();
             }
             this.end0 = this.getTouch(event);
-            var clickHandler = _SearchUtil.SearchUtil.findFirstClickHandler(tmodel);
+            var clickHandler = SearchUtil.findFirstClickHandler(tmodel);
             var canAcceptClick = !this.start0 || clickHandler === this.currentHandlers.click && (clickHandler !== this.currentHandlers.swipe || this.getSwipeDistance() < 5);
             if (clickHandler && canAcceptClick) {
               clickHandler.markEventDirty();
@@ -546,7 +542,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
         case 'resize':
           this.windowEpoch++;
           this.resizeRoot();
-          (0, _App.getManager)().getAvailableDoms().forEach(function (t) {
+          getManager().getAvailableDoms().forEach(function (t) {
             if (t.targets['onResize']) {
               t.markLayoutDirty('resize-event');
             }
@@ -558,26 +554,20 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
             _this7.queueWindowScrollEndEvent('x', tmodel);
             _this7.queueWindowScrollEndEvent('y', tmodel);
             _this7.windowScrollEndTimer = 0;
-          }, 120);
+          }, 450);
           if (isWindowEvent) {
             this.windowEpoch++;
             this.windowScrollX = window.scrollX | 0;
             this.windowScrollY = window.scrollY | 0;
-            (0, _App.getLocationManager)().domIslandSet.forEach(function (t) {
+            getLocationManager().domIslandSet.forEach(function (t) {
               t.markLayoutDirty('window-scroll-event');
             });
           } else {
             tmodel.markLayoutDirty('container-scroll-event');
-            clearTimeout(tmodel.scrollEndTimer);
-            tmodel.scrollEndTimer = setTimeout(function () {
-              _this7.queueWindowScrollEndEvent('x', tmodel, 'container');
-              _this7.queueWindowScrollEndEvent('y', tmodel, 'container');
-              tmodel.scrollEndTimer = 0;
-            }, 120);
           }
           break;
       }
-      (0, _App.getRunScheduler)().schedule(0, "".concat(originalName, "-").concat(eventName, "-").concat((event.target.tagName || '').toUpperCase()));
+      getRunScheduler().schedule(0, "".concat((_tmodel3 = tmodel) === null || _tmodel3 === void 0 ? void 0 : _tmodel3.oid, "-").concat(originalName, "-").concat(eventName, "-").concat((event.target.tagName || '').toUpperCase()));
     }
   }, {
     key: "queueScrollEndEvent",
@@ -593,13 +583,13 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
         originalName: eventType,
         tmodel: handler,
         originalEvent: undefined,
-        timeStamp: _TUtil.TUtil.now(),
+        timeStamp: TUtil.now(),
         synthetic: true
       });
       this.eventEpoch++;
       handler.markEventDirty();
       handler.markLayoutDirty(eventType);
-      (0, _App.getRunScheduler)().schedule(0, eventType);
+      getRunScheduler().schedule(0, eventType);
     }
   }, {
     key: "queueWindowScrollEndEvent",
@@ -613,16 +603,16 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
         originalName: eventType,
         tmodel: tmodel,
         originalEvent: undefined,
-        timeStamp: _TUtil.TUtil.now(),
+        timeStamp: TUtil.now(),
         synthetic: true,
         scrollSource: scrollSource
       });
       this.eventEpoch++;
-      (0, _App.getLocationManager)().domIslandSet.forEach(function (t) {
+      getLocationManager().domIslandSet.forEach(function (t) {
         t.markEventDirty();
         t.markLayoutDirty(eventType);
       });
-      (0, _App.getRunScheduler)().schedule(0, eventType);
+      getRunScheduler().schedule(0, eventType);
     }
   }, {
     key: "removeScrollEndEvents",
@@ -635,8 +625,8 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
   }, {
     key: "resizeRoot",
     value: function resizeRoot() {
-      _TargetExecutor.TargetExecutor.executeDeclarativeTarget((0, _App.tRoot)(), 'screenWidth');
-      _TargetExecutor.TargetExecutor.executeDeclarativeTarget((0, _App.tRoot)(), 'screenHeight');
+      TargetExecutor.executeDeclarativeTarget(tRoot(), 'screenWidth');
+      TargetExecutor.executeDeclarativeTarget(tRoot(), 'screenHeight');
     }
   }, {
     key: "preventDefault",
@@ -654,13 +644,13 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
       if (el && el.nodeType === 1) {
         oid = el.getAttribute('tgjs-oid') || el.id;
       }
-      if (!oid || !_App.tApp.manager.visibleOidMap[oid]) {
+      if (!oid || !tApp.manager.visibleOidMap[oid]) {
         oid = el === null || el === void 0 ? void 0 : el.id;
-        if (!oid || !(0, _App.getManager)().visibleOidMap[oid]) {
-          oid = _$Dom.$Dom.findNearestParentWithId(event.target);
+        if (!oid || !getManager().visibleOidMap[oid]) {
+          oid = $Dom.findNearestParentWithId(event.target);
         }
       }
-      return (0, _App.getManager)().visibleOidMap[oid];
+      return getManager().visibleOidMap[oid];
     }
   }, {
     key: "clearStart",
@@ -744,7 +734,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
     key: "getSwipeDistance",
     value: function getSwipeDistance() {
       if (this.start0 && this.end0) {
-        return _TUtil.TUtil.distance(this.start0.originalX, this.start0.originalY, this.end0.x, this.end0.y);
+        return TUtil.distance(this.start0.originalX, this.start0.originalY, this.end0.x, this.end0.y);
       }
       return 0;
     }
@@ -988,15 +978,15 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
       var _event$touches2, _event$originalEvent2;
       var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var e = ((_event$touches2 = event.touches) === null || _event$touches2 === void 0 ? void 0 : _event$touches2[index]) || ((_event$originalEvent2 = event.originalEvent) === null || _event$originalEvent2 === void 0 || (_event$originalEvent2 = _event$originalEvent2.touches) === null || _event$originalEvent2 === void 0 ? void 0 : _event$originalEvent2[index]) || event;
-      var x = _TUtil.TUtil.isDefined(e.clientX) ? e.clientX : e.pageX || 0;
-      var y = _TUtil.TUtil.isDefined(e.clientY) ? e.clientY : e.pageY || 0;
+      var x = TUtil.isDefined(e.clientX) ? e.clientX : e.pageX || 0;
+      var y = TUtil.isDefined(e.clientY) ? e.clientY : e.pageY || 0;
       return {
         x: x,
         y: y,
         originalX: x,
         originalY: y,
         target: e.target,
-        timeStamp: _TUtil.TUtil.now()
+        timeStamp: TUtil.now()
       };
     }
   }, {
@@ -1006,7 +996,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
         this.start0.y = this.end0 ? this.end0.y : this.start0.y;
         this.start0.x = this.end0 ? this.end0.x : this.start0.x;
         this.end0 = this.getTouch(event);
-        if (_TUtil.TUtil.isDefined(this.end0)) {
+        if (TUtil.isDefined(this.end0)) {
           var deltaX = this.start0.x - this.end0.x;
           var deltaY = this.start0.y - this.end0.y;
           this.setDeltaXDeltaY(deltaX, deltaY, 'touch');
@@ -1014,8 +1004,8 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
       } else if (this.touchCount >= 2) {
         this.end0 = this.getTouch(event);
         this.end1 = this.getTouch(event, 1);
-        var length1 = _TUtil.TUtil.distance(this.start0.x, this.start0.y, this.start1.x, this.start1.y);
-        var length2 = _TUtil.TUtil.distance(this.end0.x, this.end0.y, this.end1.x, this.end1.y);
+        var length1 = TUtil.distance(this.start0.x, this.start0.y, this.start1.x, this.start1.y);
+        var length2 = TUtil.distance(this.end0.x, this.end0.y, this.end1.x, this.end1.y);
         var diff = length2 - length1;
         this.currentTouch.pinchDelta = diff > 0 ? 0.3 : diff < 0 ? -0.3 : 0;
       }
@@ -1028,24 +1018,24 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
           deltaY = 0,
           period = 0,
           startPeriod = 0;
-        if (_TUtil.TUtil.isDefined(this.end0)) {
+        if (TUtil.isDefined(this.end0)) {
           deltaX = this.start0.originalX - this.end0.x;
           deltaY = this.start0.originalY - this.end0.y;
-          startPeriod = _TUtil.TUtil.now() - this.start0.timeStamp;
-          period = startPeriod < 250 ? _TUtil.TUtil.now() - this.start0.timeStamp : 0;
+          startPeriod = TUtil.now() - this.start0.timeStamp;
+          period = startPeriod < 250 ? TUtil.now() - this.start0.timeStamp : 0;
         }
         var momentum;
         if (this.currentTouch.orientation === 'horizontal' && Math.abs(deltaX) > 0 && period > 0) {
-          momentum = _TUtil.TUtil.momentum(0, deltaX, period);
+          momentum = TUtil.momentum(0, deltaX, period);
           this.scrollEndTimeStamp.x = this.end0.timeStamp + momentum.duration;
-          if (this.scrollEndTimeStamp.x - _TUtil.TUtil.now() > 0) {
+          if (this.scrollEndTimeStamp.x - TUtil.now() > 0) {
             this.currentTouch.deltaX = momentum.distance;
             this.currentTouch.manualMomentumFlag = true;
           }
         } else if (this.currentTouch.orientation === 'vertical' && Math.abs(deltaY) > 0 && period > 0) {
-          momentum = _TUtil.TUtil.momentum(0, deltaY, period);
+          momentum = TUtil.momentum(0, deltaY, period);
           this.scrollEndTimeStamp.y = this.end0.timeStamp + momentum.duration;
-          if (this.scrollEndTimeStamp.y - _TUtil.TUtil.now() > 0) {
+          if (this.scrollEndTimeStamp.y - TUtil.now() > 0) {
             this.currentTouch.deltaY = momentum.distance;
             this.currentTouch.manualMomentumFlag = true;
           }
@@ -1063,7 +1053,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
       } else if (this.currentTouch.orientation === 'none' || this.currentTouch.orientation === 'horizontal' && diff <= -2 || this.currentTouch.orientation === 'vertical') {
         this.currentTouch.orientation = 'vertical';
       }
-      var now = _TUtil.TUtil.now();
+      var now = TUtil.now();
       var endDelay = source === 'touch' ? 0 : 500;
       if (this.currentTouch.orientation === 'horizontal') {
         this.currentTouch.dir = deltaX < 0 ? 'left' : deltaX > 0 ? 'right' : this.currentTouch.dir;
@@ -1082,7 +1072,7 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
       this.currentTouch.deltaX = this.currentTouch.prevDeltaX;
       this.currentTouch.deltaY = this.currentTouch.prevDeltaY;
       if (endDelay && (this.scrollEndTimeStamp.x > 0 || this.scrollEndTimeStamp.y > 0)) {
-        (0, _App.getRunScheduler)().schedule(endDelay, 'scroll-end-check');
+        getRunScheduler().schedule(endDelay, 'scroll-end-check');
       }
     }
   }, {
@@ -1110,4 +1100,5 @@ var EventListener = exports.EventListener = /*#__PURE__*/function () {
   }]);
 }();
 _defineProperty(EventListener, "MAX_EVENT_QUEUE_SIZE", 10);
-_defineProperty(EventListener, "MAX_EVENT_TYPE_CAPACITY", 2);
+_defineProperty(EventListener, "MAX_EVENT_TYPE_CAPACITY", 2);
+export { EventListener };