targetj 1.0.74 → 1.0.76

package/build/LoadingManager.js

@@ -0,0 +1,366 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingManager = void 0;
+var _$Dom = require("./$Dom.js");
+var _Browser = require("./Browser.js");
+var _TUtil = require("./TUtil.js");
+var _App = require("./App.js");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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); } }
+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); }
+var LoadingManager = exports.LoadingManager = /*#__PURE__*/function () {
+  function LoadingManager() {
+    _classCallCheck(this, LoadingManager);
+    this.resultMap = {};
+    this.loadingMap = {};
+    this.singleLoadList = undefined;
+    this.groupLoadList = undefined;
+    this.imgLoadList = undefined;
+    this.stopLoadingAfterAttempts = _TUtil.TUtil.isDefined(_App.tApp.stopLoadingAfterAttempts) ? _App.tApp.stopLoadingAfterAttempts : 10;
+    this.attemptFailedInterval = _TUtil.TUtil.isDefined(_App.tApp.attemptFailedInterval) ? _App.tApp.attemptFailedInterval : 2000;
+    this.statistics = {};
+  }
+  return _createClass(LoadingManager, [{
+    key: "initSingleLoad",
+    value: function initSingleLoad(fetchId, query, forceLoad) {
+      if (this.isLoading(fetchId) || this.isLoaded(fetchId) && !forceLoad || this.getLoadingAttempts(fetchId) > this.stopLoadingAfterAttempts) {
+        return;
+      }
+      this.initLoadingMap(fetchId);
+      this.singleLoadList = this.singleLoadList || {};
+      this.singleLoadList[fetchId] = {
+        fetchId: fetchId,
+        query: query
+      };
+    }
+  }, {
+    key: "initGroupLoad",
+    value: function initGroupLoad(fetchId, dataId, query, idKey, separator) {
+      var groupId = JSON.stringify({
+        query: query,
+        idKey: idKey,
+        separator: separator
+      });
+      if (this.isLoading(fetchId) || this.isLoaded(fetchId) || this.getLoadingAttempts(fetchId) > this.stopLoadingAfterAttempts) {
+        return;
+      }
+      this.initLoadingMap(fetchId);
+      this.groupLoadList = this.groupLoadList || {};
+      if (!this.groupLoadList[groupId]) {
+        this.groupLoadList[groupId] = [];
+      }
+      this.groupLoadList[groupId].push({
+        fetchId: fetchId,
+        dataId: dataId
+      });
+    }
+  }, {
+    key: "initImgLoad",
+    value: function initImgLoad(fetchId, src) {
+      if (this.isLoading(fetchId) || this.isLoaded(fetchId) || this.getLoadingAttempts(fetchId) > this.stopLoadingAfterAttempts) {
+        return;
+      }
+      this.initLoadingMap(fetchId, 'image');
+      this.imgLoadList = this.imgLoadList || {};
+      this.imgLoadList[fetchId] = {
+        fetchId: fetchId,
+        src: src
+      };
+    }
+  }, {
+    key: "isLoading",
+    value: function isLoading(fetchId) {
+      return _TUtil.TUtil.isDefined(this.loadingMap[fetchId]) ? this.loadingMap[fetchId].loadingFlag : false;
+    }
+  }, {
+    key: "isLoaded",
+    value: function isLoaded(fetchId) {
+      return _TUtil.TUtil.isDefined(this.resultMap[fetchId]) && this.resultMap[fetchId].success === true;
+    }
+  }, {
+    key: "getLoadingAttempts",
+    value: function getLoadingAttempts(fetchId) {
+      return _TUtil.TUtil.isDefined(this.loadingMap[fetchId]) ? this.loadingMap[fetchId].attempts : 0;
+    }
+  }, {
+    key: "getSuccessLoadingTime",
+    value: function getSuccessLoadingTime(fetchId) {
+      return _TUtil.TUtil.isDefined(this.loadingMap[fetchId]) && this.loadingMap[fetchId].success === true ? this.loadingMap[fetchId].loadingTime : undefined;
+    }
+  }, {
+    key: "getFailedInterval",
+    value: function getFailedInterval(fetchId) {
+      return _TUtil.TUtil.isDefined(this.loadingMap[fetchId]) ? this.loadingMap[fetchId].attempts * this.attemptFailedInterval : 0;
+    }
+  }, {
+    key: "fetchResult",
+    value: function fetchResult(fetchId) {
+      return this.resultMap[fetchId];
+    }
+  }, {
+    key: "hasLoadedSuccessfully",
+    value: function hasLoadedSuccessfully(fetchId) {
+      return this.resultMap[fetchId] && this.resultMap[fetchId].success === true;
+    }
+  }, {
+    key: "hasLoadedUnsuccessfully",
+    value: function hasLoadedUnsuccessfully(fetchId) {
+      return this.resultMap[fetchId] && this.resultMap[fetchId].success === false;
+    }
+  }, {
+    key: "fetchErrors",
+    value: function fetchErrors(fetchId) {
+      var _this$resultMap$fetch;
+      return (_this$resultMap$fetch = this.resultMap[fetchId]) === null || _this$resultMap$fetch === void 0 || (_this$resultMap$fetch = _this$resultMap$fetch.result) === null || _this$resultMap$fetch === void 0 ? void 0 : _this$resultMap$fetch.errors;
+    }
+  }, {
+    key: "initLoadingMap",
+    value: function initLoadingMap(fetchId, category) {
+      category = category || this.getCategoryFromFetchId(fetchId);
+      if (_TUtil.TUtil.isDefined(this.loadingMap[fetchId])) {
+        Object.assign(this.loadingMap[fetchId], {
+          loadingFlag: true,
+          startTime: _Browser.browser.now(),
+          loadingTime: undefined
+        });
+      } else {
+        this.loadingMap[fetchId] = {
+          fetchId: fetchId,
+          category: category,
+          loadingFlag: true,
+          attempts: 0,
+          startTime: _Browser.browser.now(),
+          loadingTime: undefined,
+          success: false
+        };
+      }
+    }
+  }, {
+    key: "groupLoad",
+    value: function groupLoad() {
+      var _this = this;
+      if (!this.groupLoadList) {
+        return;
+      }
+      var groupIds = Object.keys(this.groupLoadList);
+      groupIds.forEach(function (groupId) {
+        var fetchList = _this.groupLoadList[groupId];
+        var dataIds = [];
+        var dataIdFetchIdMap = {};
+        fetchList.forEach(function (_ref) {
+          var dataId = _ref.dataId,
+            fetchId = _ref.fetchId;
+          dataIds.push(dataId);
+          dataIdFetchIdMap[dataId] = fetchId;
+        });
+        if (dataIds.length > 0) {
+          var groupObj = JSON.parse(groupId);
+          var groupQuery = _this.updateQueryValue(groupObj.query, dataIds.join(groupObj.separator));
+          _this.groupAjax(groupQuery, dataIdFetchIdMap, groupObj.idKey);
+        }
+        delete _this.groupLoadList[groupId];
+      });
+      this.groupLoadList = undefined;
+    }
+  }, {
+    key: "singleLoad",
+    value: function singleLoad() {
+      var _this2 = this;
+      if (!this.singleLoadList) {
+        return;
+      }
+      Object.values(this.singleLoadList).forEach(function (_ref2) {
+        var query = _ref2.query,
+          fetchId = _ref2.fetchId;
+        _this2.singleAjax(query, fetchId);
+      });
+      this.singleLoadList = undefined;
+    }
+  }, {
+    key: "imgLoad",
+    value: function imgLoad() {
+      var _this3 = this;
+      if (!this.imgLoadList) {
+        return;
+      }
+      Object.values(this.imgLoadList).forEach(function (_ref3) {
+        var src = _ref3.src,
+          fetchId = _ref3.fetchId;
+        _this3.imgAjax(src, fetchId);
+      });
+      this.imgLoadList = undefined;
+    }
+  }, {
+    key: "updateQueryValue",
+    value: function updateQueryValue(query, value) {
+      var _this4 = this;
+      Object.keys(query).forEach(function (prop) {
+        if (query[prop] === '%s') {
+          query[prop] = value;
+        } else if (query[prop] === '%d') {
+          query[prop] = typeof value === 'number' ? value : parseFloat(value);
+        } else if (_typeof(query[prop]) === 'object') {
+          _this4.updateQueryValue(query[prop], value);
+        }
+      });
+      return query;
+    }
+  }, {
+    key: "singleAjax",
+    value: function singleAjax(query, fetchId) {
+      var _this5 = this;
+      var defaultQuery = {
+        dataType: "json",
+        type: "GET",
+        success: function success(dataList) {
+          _this5.updateLoadStatus(fetchId, true);
+          _this5.resultMap[fetchId] = _objectSpread(_objectSpread({}, _this5.loadingMap[fetchId]), {}, {
+            result: dataList
+          });
+          _this5.updateStatistics(fetchId);
+          _App.tApp.manager.scheduleRun(0, "singleAjax_success_".concat(fetchId));
+        },
+        error: function error(textStatus) {
+          _this5.resultMap[fetchId] = {
+            error: textStatus,
+            success: false
+          };
+          _this5.updateLoadStatus(fetchId, false);
+          _App.tApp.manager.scheduleRun(0, "singleAjax_error_".concat(fetchId));
+        }
+      };
+      _$Dom.$Dom.ajax(_objectSpread(_objectSpread({}, defaultQuery), query));
+    }
+  }, {
+    key: "groupAjax",
+    value: function groupAjax(query, dataIdFetchIdMap, idKey) {
+      var _this6 = this;
+      var defaultQuery = {
+        dataType: "json",
+        type: "GET",
+        success: function success(dataList) {
+          dataList.forEach(function (data) {
+            var dataId = data[idKey];
+            if (dataIdFetchIdMap[dataId]) {
+              var fetchId = dataIdFetchIdMap[dataId];
+              _this6.updateLoadStatus(fetchId, true);
+              _this6.resultMap[fetchId] = _objectSpread(_objectSpread({}, _this6.loadingMap[fetchId]), {}, {
+                result: data
+              });
+              _this6.updateStatistics(fetchId);
+              delete dataIdFetchIdMap[dataId];
+            }
+          });
+          Object.keys(dataIdFetchIdMap).forEach(function (dataId) {
+            var fetchId = dataIdFetchIdMap[dataId];
+            if (!_this6.loadingMap[fetchId].success) {
+              _this6.updateLoadStatus(fetchId, false);
+            }
+          });
+          _App.tApp.manager.scheduleRun(0, "groupAjax_success_".concat(query));
+        },
+        error: function error(textStatus) {
+          Object.keys(dataIdFetchIdMap).forEach(function (dataId) {
+            var fetchId = dataIdFetchIdMap[dataId];
+            _this6.resultMap[fetchId] = {
+              error: textStatus,
+              success: false
+            };
+            _this6.updateLoadStatus(fetchId, false);
+          });
+          _App.tApp.manager.scheduleRun(0, "groupAjax_error_".concat(query));
+        }
+      };
+      _$Dom.$Dom.ajax(_objectSpread(_objectSpread({}, defaultQuery), query));
+    }
+  }, {
+    key: "imgAjax",
+    value: function imgAjax(src, fetchId) {
+      var _this7 = this;
+      var image = new Image();
+      image.src = src;
+      image.onload = function () {
+        _this7.updateLoadStatus(fetchId, true);
+        _this7.resultMap[fetchId] = _objectSpread(_objectSpread({}, _this7.loadingMap[fetchId]), {}, {
+          width: image.width,
+          height: image.height,
+          $image: new _$Dom.$Dom(image)
+        });
+        _this7.updateStatistics(fetchId, 'image');
+        _App.tApp.manager.scheduleRun(0, "imgAjax_success_".concat(fetchId));
+      };
+      image.onerror = image.onabort = function () {
+        _this7.resultMap[fetchId] = {
+          result: "no image",
+          success: false
+        };
+        _this7.updateLoadStatus(fetchId, false);
+        _App.tApp.manager.scheduleRun(0, "imgAjax_error_".concat(fetchId));
+      };
+    }
+  }, {
+    key: "getCategoryFromFetchId",
+    value: function getCategoryFromFetchId(fetchId) {
+      return fetchId.replace(/[^a-zA-Z]/g, '');
+    }
+  }, {
+    key: "updateStatistics",
+    value: function updateStatistics(fetchId, category) {
+      category = category || this.getCategoryFromFetchId(fetchId);
+      if (this.statistics[category]) {
+        this.statistics[category].count++;
+        this.statistics[category].totalTime += this.resultMap[fetchId].loadingTime;
+        this.statistics[category].lastUpdate = _Browser.browser.now();
+        delete this.statistics[category].averageTime;
+      } else {
+        this.statistics[category] = {
+          count: 1,
+          totalTime: this.resultMap[fetchId].loadingTime,
+          lastUpdate: _Browser.browser.now()
+        };
+      }
+    }
+  }, {
+    key: "getAverageLoadingTime",
+    value: function getAverageLoadingTime(category) {
+      var _this$statistics$cate, _this$statistics$cate2, _this$statistics$cate3;
+      var now = _Browser.browser.now();
+      if ((_this$statistics$cate = this.statistics[category]) !== null && _this$statistics$cate !== void 0 && _this$statistics$cate.averageTime && now - this.statistics[category].lastUpdate < 500) {
+        return this.statistics[category].averageTime;
+      }
+      var totalTime = ((_this$statistics$cate2 = this.statistics[category]) === null || _this$statistics$cate2 === void 0 ? void 0 : _this$statistics$cate2.totalTime) || 0;
+      var count = ((_this$statistics$cate3 = this.statistics[category]) === null || _this$statistics$cate3 === void 0 ? void 0 : _this$statistics$cate3.count) || 0;
+      Object.values(this.loadingMap).filter(function (loadItem) {
+        return loadItem.category === category;
+      }).forEach(function (loadItem) {
+        totalTime += now - loadItem.startTime;
+        count++;
+      });
+      if (this.statistics[category]) {
+        this.statistics[category].averageTime = count > 0 ? totalTime / count : 0;
+        this.statistics[category].lastUpdate = _Browser.browser.now();
+        return this.statistics[category].averageTime;
+      }
+      return 0;
+    }
+  }, {
+    key: "updateLoadStatus",
+    value: function updateLoadStatus(fetchId, success) {
+      Object.assign(this.loadingMap[fetchId], {
+        loadingFlag: false,
+        loadingTime: _Browser.browser.now() - this.loadingMap[fetchId].startTime,
+        success: success,
+        attempts: this.loadingMap[fetchId].attempts + 1
+      });
+    }
+  }]);
+}();

package/build/LocationManager.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LocationManager = void 0;
+var _BracketGenerator = require("./BracketGenerator.js");
+var _TUtil = require("./TUtil.js");
+var _TargetUtil = require("./TargetUtil.js");
+var _TargetExecutor = require("./TargetExecutor.js");
+var _App = require("./App.js");
+var _Browser = require("./Browser.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 _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); } }
+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); }
+var LocationManager = exports.LocationManager = /*#__PURE__*/function () {
+  function LocationManager() {
+    _classCallCheck(this, LocationManager);
+    this.hasLocationList = [];
+    this.hasLocationMap = {};
+    this.bracketThreshold = 6;
+    this.locationCount = [];
+    this.screenWidth = (0, _App.getScreenWidth)();
+    this.screenHeight = (0, _App.getScreenHeight)();
+    this.resizeFlag = false;
+  }
+  return _createClass(LocationManager, [{
+    key: "calculateAll",
+    value: function calculateAll() {
+      this.hasLocationList.length = 0;
+      this.hasLocationMap = {};
+      this.locationCount.length = 0;
+      this.startTime = _Browser.browser.now();
+      this.resizeFlag = false;
+      if (this.screenWidth !== (0, _App.getScreenWidth)() || this.screenHeight !== (0, _App.getScreenHeight)()) {
+        this.resizeFlag = true;
+        this.screenWidth = (0, _App.getScreenWidth)();
+        this.screenHeight = (0, _App.getScreenHeight)();
+      }
+      this.calculate();
+    }
+  }, {
+    key: "calculate",
+    value: function calculate() {
+      this.addToLocationList(_App.tApp.tRoot);
+      this.calculateContainer(_App.tApp.tRoot);
+    }
+  }, {
+    key: "getChildren",
+    value: function getChildren(container) {
+      if (this.isProlificContainer(container)) {
+        return _BracketGenerator.BracketGenerator.generate(container).list;
+      }
+      return container.getChildren();
+    }
+  }, {
+    key: "isProlificContainer",
+    value: function isProlificContainer(container) {
+      return container.canBeBracketed() && container.getChildren().length > this.bracketThreshold;
+    }
+  }, {
+    key: "calculateContainer",
+    value: function calculateContainer(container) {
+      var _this = this;
+      var allChildren = this.getChildren(container);
+      var viewport = container.createViewport();
+      container.inFlowVisibles.length = 0;
+      var i = 0;
+      var length = allChildren.length;
+      var _loop = function _loop() {
+        var child = allChildren[i++];
+        if (!child) {
+          return 1; // continue
+        }
+        var outerXEast;
+        var innerXEast;
+        var preX = child.domValues.x;
+        var preY = child.domValues.y;
+        _this.calculateTargets(child);
+        if (child.getActualValueLastUpdate('canBeBracketed') > child.getParent().getActualValueLastUpdate("allChildren")) {
+          delete child.getParent().targetValues['allChildren'];
+        }
+        viewport.setCurrentChild(child);
+        child.setLocation(viewport);
+        child.calculateAbsolutePosition(child.x, child.y);
+        innerXEast = _TUtil.TUtil.isDefined(container.val('innerXEast')) ? container.val('innerXEast') : container.getInnerXEast();
+        outerXEast = _TUtil.TUtil.isDefined(child.val('outerXEast')) ? child.val('outerXEast') : child.getOuterXEast();
+        if (viewport.isOverflow(outerXEast, innerXEast)) {
+          viewport.overflow();
+          child.setLocation(viewport);
+        } else {
+          child.setLocation(viewport);
+        }
+        if (child.isIncluded() && !_this.hasLocationMap[child.oid]) {
+          _this.addToLocationList(child);
+        }
+        if (child.isTargetEnabled('x') && !child.isTargetUpdating('x') && !child.isTargetImperative('x') && child.getTargetSteps('x') === 0) {
+          _TargetExecutor.TargetExecutor.resolveTargetValue(child, 'x');
+          _TargetExecutor.TargetExecutor.snapActualToTarget(child, 'x');
+        } else if (!_TUtil.TUtil.isDefined(child.targetValues.x)) {
+          child.val('x', child.x);
+        }
+        if (child.isTargetEnabled('y') && !child.isTargetUpdating('y') && !child.isTargetImperative('y') && child.getTargetSteps('y') === 0) {
+          _TargetExecutor.TargetExecutor.resolveTargetValue(child, 'y');
+          _TargetExecutor.TargetExecutor.snapActualToTarget(child, 'y');
+        } else if (!_TUtil.TUtil.isDefined(child.targetValues.y)) {
+          child.val('y', child.y);
+        }
+        if (preX !== child.getX() || preY !== child.getY()) {
+          child.addToStyleTargetList('transform');
+        }
+        child.calculateAbsolutePosition(child.getX(), child.getY());
+        viewport.isVisible(child);
+        child.addToParentVisibleList();
+        if (child.shouldCalculateChildren()) {
+          _this.calculateContainer(child);
+        }
+        if (child.isInFlow()) {
+          if (_TUtil.TUtil.isNumber(child.val('appendNewLine'))) {
+            viewport.appendNewLine();
+            viewport.calcContentWidthHeight();
+          } else {
+            viewport.calcContentWidthHeight();
+            viewport.nextLocation();
+          }
+        }
+        if (Array.isArray(child.val('contentHeight'))) {
+          child.val('contentHeight').forEach(function (key) {
+            var preVal = child.val(key);
+            child.val(key, child.getContentHeight());
+            if (preVal !== child.val(key)) {
+              child.addToStyleTargetList(key);
+            }
+          });
+        }
+        if (Array.isArray(child.val('contentWidth'))) {
+          child.val('contentWidth').forEach(function (key) {
+            var preVal = child.val(key);
+            child.val(key, child.getContentWidth());
+            if (preVal !== child.val(key)) {
+              child.addToStyleTargetList(key);
+            }
+          });
+        }
+        viewport.calcContentWidthHeight();
+        _this.locationCount.push("".concat(child.oid, "-").concat(child.updatingTargetList.length, "-").concat(_Browser.browser.now() - _this.startTime));
+      };
+      while (i < length && _App.tApp.isRunning()) {
+        if (_loop()) continue;
+      }
+    }
+  }, {
+    key: "calculateTargets",
+    value: function calculateTargets(tmodel) {
+      this.activateTargetsOnEvents(tmodel);
+      _App.tApp.targetManager.applyTargetValues(tmodel);
+      _App.tApp.targetManager.setActualValues(tmodel);
+      if (tmodel.hasDom()) {
+        var preWidth = tmodel.getWidth();
+        var preHeight = tmodel.getHeight();
+        if (!_TUtil.TUtil.isDefined(tmodel.targetValues.width) && !_TUtil.TUtil.isDefined(tmodel.targets.width) && !_TUtil.TUtil.isDefined(tmodel.targetValues.contentWidth) || tmodel.getTargetValue('widthFromDom')) {
+          _TargetUtil.TargetUtil.setWidthFromDom(tmodel);
+        }
+        if (!_TUtil.TUtil.isDefined(tmodel.targetValues.height) && !_TUtil.TUtil.isDefined(tmodel.targets.height) && !_TUtil.TUtil.isDefined(tmodel.targetValues.contentHeight) || tmodel.getTargetValue('heightFromDom')) {
+          _TargetUtil.TargetUtil.setHeightFromDom(tmodel);
+        }
+        if (preWidth !== tmodel.getWidth() || preHeight !== tmodel.getHeight()) {
+          tmodel.addToStyleTargetList('dim');
+        }
+      }
+    }
+  }, {
+    key: "activateTargetsOnEvents",
+    value: function activateTargetsOnEvents(tmodel) {
+      var activateTargets = [];
+      if (this.resizeFlag && tmodel.targets['onResize']) {
+        activateTargets = activateTargets.concat(tmodel.targets['onResize']);
+      }
+      if ((0, _App.getEvents)().isTouchHandler(tmodel) && tmodel.targets['onTouchEvent']) {
+        activateTargets = activateTargets.concat(tmodel.targets['onTouchEvent']);
+      }
+      if ((0, _App.getEvents)().isClickHandler(tmodel) && tmodel.targets['onClickEvent']) {
+        activateTargets = activateTargets.concat(tmodel.targets['onClickEvent']);
+      }
+      if ((0, _App.getEvents)().isScrollLeftHandler(tmodel) && (0, _App.getEvents)().deltaX() || (0, _App.getEvents)().isScrollTopHandler(tmodel) && (0, _App.getEvents)().deltaY()) {
+        if (tmodel.targets['onScrollEvent']) {
+          activateTargets = activateTargets.concat(tmodel.targets['onScrollEvent']);
+        }
+      }
+      if ((0, _App.getEvents)().currentKey && tmodel.targets['onKeyEvent']) {
+        activateTargets = activateTargets.concat(tmodel.targets['onKeyEvent']);
+      }
+      activateTargets.forEach(function (target) {
+        var key = _typeof(target) === 'object' ? target.key : target;
+        var obj = _typeof(target) === 'object' && target.tmodel ? target.tmodel : tmodel;
+        if (obj.targets[key] && (obj.isTargetComplete(key) || obj.getTargetStatus(key) === '')) {
+          obj.activateTarget(key);
+        }
+      });
+    }
+  }, {
+    key: "addToLocationList",
+    value: function addToLocationList(child) {
+      this.hasLocationList.push(child);
+      this.hasLocationMap[child.oid] = child;
+    }
+  }]);
+}();

package/build/Moves.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Moves = void 0;
+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 _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); } }
+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); }
+var Moves = exports.Moves = /*#__PURE__*/function () {
+  function Moves() {
+    _classCallCheck(this, Moves);
+  }
+  return _createClass(Moves, null, [{
+    key: "bounce",
+    value: function bounce(from, to) {
+      var initialX = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : (0, _App.getScreenWidth)() / 2;
+      var initialWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 50;
+      var initialHeight = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 50;
+      var bounceFactor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0.6;
+      var compressionFactor = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0.2;
+      var bounce = to * bounceFactor;
+      var ys = [from];
+      var xs = [initialX];
+      var widths = [initialWidth];
+      var heights = [initialHeight];
+      while ((bounce | 0) > 1) {
+        ys.push(to);
+        ys.push(to - bounce);
+        var compressedWidth = initialWidth * (1 + compressionFactor);
+        var compressedHeight = initialHeight * (1 - compressionFactor);
+        widths.push(compressedWidth);
+        widths.push(initialWidth);
+        heights.push(compressedHeight);
+        heights.push(initialHeight);
+        xs.push(initialX - (compressedWidth - initialWidth) / 2);
+        xs.push(initialX);
+        bounce *= bounceFactor;
+        compressionFactor *= bounceFactor;
+      }
+      return {
+        x: xs,
+        y: ys,
+        width: widths,
+        height: heights
+      };
+    }
+  }, {
+    key: "spiral",
+    value: function spiral(startAngle, endAngle, angleStep, x, y, width, height) {
+      var xCoords = [],
+        yCoords = [],
+        rotations = [];
+      for (var angle = startAngle; angle <= endAngle; angle += angleStep) {
+        var radians = angle * (Math.PI / 180);
+        xCoords.push(Math.floor(x + width * Math.cos(radians)));
+        yCoords.push(Math.floor(y + height * Math.sin(radians)));
+        rotations.push(90 + angle);
+      }
+      return {
+        x: xCoords,
+        y: yCoords,
+        rotate: rotations
+      };
+    }
+  }]);
+}();