targetj 1.0.240 → 1.0.241

package/build/TModelManager.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TModelManager = void 0;
-var _$Dom = require("./$Dom.js");
-var _TUtil = require("./TUtil.js");
-var _App = require("./App.js");
-var _TModelUtil = require("./TModelUtil.js");
-var _TargetUtil = require("./TargetUtil.js");
-var _AnimationUtil = require("./AnimationUtil.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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -26,11 +14,18 @@ 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 { getLocationManager, getEvents, getTargetManager, tRoot } from "./App.js";
+import { TModelUtil } from "./TModelUtil.js";
+import { TargetUtil } from "./TargetUtil.js";
+import { AnimationUtil } from "./AnimationUtil.js";
+
 /**
  * It analyzes all objects and based on their needs, creates or removes DOM elements, restyles objects, and rerenders them. 
  * It plays a crucial role in the TargetJ process cycle.
  */
-var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
+var TModelManager = /*#__PURE__*/function () {
   function TModelManager() {
     _classCallCheck(this, TModelManager);
     this.init();
@@ -90,7 +85,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
       var lastPreservedMap = _objectSpread({}, this.preservedDomMap);
       this.clearFrameLists();
       var activated = [];
-      var _iterator = _createForOfIteratorHelper((0, _App.getLocationManager)().hasLocationList),
+      var _iterator = _createForOfIteratorHelper(getLocationManager().hasLocationList),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -208,15 +203,15 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
       if (!tmodel.isIncluded()) {
         return false;
       }
-      if (!tmodel.isVisible() && _TUtil.TUtil.isDefined(tmodel.targets.isVisible)) {
+      if (!tmodel.isVisible() && TUtil.isDefined(tmodel.targets.isVisible)) {
         return false;
       }
       var parent = tmodel.parent;
-      while (parent && parent !== (0, _App.tRoot)()) {
-        if (_TUtil.TUtil.isDefined(parent.targets.canDeleteDom)) {
+      while (parent && parent !== tRoot()) {
+        if (TUtil.isDefined(parent.targets.canDeleteDom)) {
           return parent.val('canDeleteDom') === false;
         }
-        if (_TUtil.TUtil.isDefined(parent.targets.isVisible)) {
+        if (TUtil.isDefined(parent.targets.isVisible)) {
           return parent.val('isVisible') === true;
         }
         parent = parent.parent;
@@ -277,7 +272,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
   }, {
     key: "needsRelocation",
     value: function needsRelocation(tmodel) {
-      if (tmodel.hasDom() && _TUtil.TUtil.isDefined(tmodel.domOrderIndex)) {
+      if (tmodel.hasDom() && TUtil.isDefined(tmodel.domOrderIndex)) {
         return true;
       }
       return false;
@@ -286,7 +281,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
     key: "needsRerender",
     value: function needsRerender(tmodel) {
       var html = tmodel.getHtml();
-      if (!tmodel.hasDom() || !_TUtil.TUtil.isDefined(html)) {
+      if (!tmodel.hasDom() || !TUtil.isDefined(html)) {
         return false;
       }
       return tmodel.$dom.innerHTML() !== String(html) || tmodel.$dom.textOnly !== tmodel.isTextOnly();
@@ -347,9 +342,9 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
           }
           domParent.$dom.removeElement(tmodel.$dom.element);
           if (changed) {
-            _TModelUtil.TModelUtil.createDom(tmodel);
-            _TModelUtil.TModelUtil.patchDom(tmodel);
-            _TModelUtil.TModelUtil.initStyleMaps(tmodel);
+            TModelUtil.createDom(tmodel);
+            TModelUtil.patchDom(tmodel);
+            TModelUtil.initStyleMaps(tmodel);
             if (this.needsRestyle(tmodel)) {
               this.lists.restyle.push(tmodel);
             }
@@ -426,7 +421,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
     key: "deleteDom",
     value: function deleteDom(tmodel) {
       if (tmodel.hasAnimatingTargets()) {
-        _AnimationUtil.AnimationUtil.detachAnimationsOnDeleteDom(tmodel);
+        AnimationUtil.detachAnimationsOnDeleteDom(tmodel);
       }
       var domParent = tmodel.getDomParent();
       if (domParent && domParent.$dom) {
@@ -443,7 +438,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
         for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
           var tmodel = _step6.value;
           if (tmodel.hasDom()) {
-            _TModelUtil.TModelUtil.fixStyle(tmodel);
+            TModelUtil.fixStyle(tmodel);
           }
         }
       } catch (err) {
@@ -461,7 +456,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
         for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
           var tmodel = _step7.value;
           if (tmodel.hasDom()) {
-            _TModelUtil.TModelUtil.fixAsyncStyle(tmodel);
+            TModelUtil.fixAsyncStyle(tmodel);
           }
         }
       } catch (err) {
@@ -495,8 +490,8 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
           if (pending) {
             for (var _i2 = 0, _arr2 = _toConsumableArray(pending); _i2 < _arr2.length; _i2++) {
               var key = _arr2[_i2];
-              _TargetUtil.TargetUtil.cleanupTarget(tmodel, key);
-              _TargetUtil.TargetUtil.shouldActivateNextTarget(tmodel, key);
+              TargetUtil.cleanupTarget(tmodel, key);
+              TargetUtil.shouldActivateNextTarget(tmodel, key);
             }
             tmodel.pendingTargets = undefined;
           }
@@ -510,8 +505,8 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
               if (tmodel.isTargetInLoop(_key) || tmodel.isTargetPassiveLoop(_key)) {
                 continue;
               }
-              if (_TargetUtil.TargetUtil.cleanupTarget(tmodel, _key)) {
-                _TargetUtil.TargetUtil.shouldActivateNextTarget(tmodel, _key);
+              if (TargetUtil.cleanupTarget(tmodel, _key)) {
+                TargetUtil.shouldActivateNextTarget(tmodel, _key);
               }
             }
           }
@@ -531,7 +526,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
       }
       for (var _i4 = 0, _arr3 = _toConsumableArray(tmodel.noDomUpdatingTargets); _i4 < _arr3.length; _i4++) {
         var key = _arr3[_i4];
-        var newStatus = (0, _App.getTargetManager)().calculateTargetStatus(tmodel, key);
+        var newStatus = getTargetManager().calculateTargetStatus(tmodel, key);
         tmodel.setTargetStatus(key, newStatus);
       }
       tmodel.noDomUpdatingTargets = undefined;
@@ -555,8 +550,8 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
           var _tmodel2$domId;
           var _tmodel2 = _step9.value;
           var domId = (_tmodel2$domId = _tmodel2.domId) !== null && _tmodel2$domId !== void 0 ? _tmodel2$domId : _tmodel2.oid;
-          if (_$Dom.$Dom.query("#".concat(domId))) {
-            _tmodel2.$dom = new _$Dom.$Dom("#".concat(domId));
+          if ($Dom.query("#".concat(domId))) {
+            _tmodel2.$dom = new $Dom("#".concat(domId));
             _tmodel2.$dom.attr('tgjs', 'true');
             _tmodel2.hasDomNow = true;
             _tmodel2.markLayoutDirty('hasDomNow');
@@ -592,14 +587,14 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
             domHolder.appendTModel$Dom(tmodel);
           }
         } else {
-          _TModelUtil.TModelUtil.createDom(tmodel);
-          _TModelUtil.TModelUtil.patchDom(tmodel);
+          TModelUtil.createDom(tmodel);
+          TModelUtil.patchDom(tmodel);
           styleBatch.push(tmodel);
           var entry = holdersMap.get(domHolder);
           if (!entry) {
             entry = {
               domHolder: domHolder,
-              fragment: _$Dom.$Dom.createDocumentFragment(),
+              fragment: $Dom.createDocumentFragment(),
               tmodels: []
             };
             holdersMap.set(domHolder, entry);
@@ -640,15 +635,16 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
           _tmodel.hasDomNow = true;
           _tmodel.markLayoutDirty('hasDomNow');
         }
-        _TModelUtil.TModelUtil.initStyleMaps(_tmodel);
-        _TModelUtil.TModelUtil.fixStyle(_tmodel);
-        _TModelUtil.TModelUtil.fixAsyncStyle(_tmodel);
+        TModelUtil.initStyleMaps(_tmodel);
+        TModelUtil.fixStyle(_tmodel);
+        TModelUtil.fixAsyncStyle(_tmodel);
       }
       this.activatePendingTargetsAfterDom(this.lists.noDom);
-      (0, _App.getEvents)().attachEvents(this.lists.noDom.filter(function (t) {
+      getEvents().attachEvents(this.lists.noDom.filter(function (t) {
         var _t$externalEventMap;
         return ((_t$externalEventMap = t.externalEventMap) === null || _t$externalEventMap === void 0 ? void 0 : _t$externalEventMap.size) > 0;
       }));
     }
   }]);
-}();
+}();
+export { TModelManager };

package/build/TModelUtil.js

@@ -1,16 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TModelUtil = void 0;
-var _TUtil = require("./TUtil.js");
-var _TargetUtil = require("./TargetUtil.js");
-var _TargetData = require("./TargetData.js");
-var _App = require("./App.js");
-var _$Dom = require("./$Dom.js");
-var _ColorUtil = require("./ColorUtil.js");
-var _Easing = require("./Easing.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."); }
@@ -23,11 +10,20 @@ function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Can
 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); } // TModelUtil.js
+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); }
+// TModelUtil.js
+import { TUtil } from "./TUtil.js";
+import { TargetUtil } from "./TargetUtil.js";
+import { TargetData } from "./TargetData.js";
+import { getRunScheduler, getManager } from "./App.js";
+import { $Dom } from "./$Dom.js";
+import { ColorUtil } from "./ColorUtil.js";
+import { Easing } from "./Easing.js";
+
 /**
  * It provides helper functions for TModel.
  */
-var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
+var TModelUtil = /*#__PURE__*/function () {
   function TModelUtil() {
     _classCallCheck(this, TModelUtil);
   }
@@ -37,7 +33,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
       if (tmodel.val('heightFromDom') === false) {
         return false;
       }
-      return !tmodel.excludeDefaultStyling() && !_TUtil.TUtil.isDefined(tmodel.targetValues.height) && !tmodel.val('heightFromDom') && !TModelUtil.isHeightDefined(tmodel) && !tmodel.hasChildren() || tmodel.val('heightFromDom');
+      return !tmodel.excludeDefaultStyling() && !TUtil.isDefined(tmodel.targetValues.height) && !tmodel.val('heightFromDom') && !TModelUtil.isHeightDefined(tmodel) && !tmodel.hasChildren() || tmodel.val('heightFromDom');
     }
   }, {
     key: "shouldMeasureWidthFromDom",
@@ -45,19 +41,19 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
       if (tmodel.val('widthFromDom') === false) {
         return false;
       }
-      return !tmodel.excludeDefaultStyling() && !tmodel.reuseDomDefinition() && !tmodel.val('widthFromDom') && !_TUtil.TUtil.isDefined(tmodel.targetValues.width) && !TModelUtil.isWidthDefined(tmodel) && !tmodel.hasChildren() || tmodel.val('widthFromDom');
+      return !tmodel.excludeDefaultStyling() && !tmodel.reuseDomDefinition() && !tmodel.val('widthFromDom') && !TUtil.isDefined(tmodel.targetValues.width) && !TModelUtil.isWidthDefined(tmodel) && !tmodel.hasChildren() || tmodel.val('widthFromDom');
     }
   }, {
     key: "isHeightDefined",
     value: function isHeightDefined(tmodel) {
       var _tmodel$targets$style;
-      return tmodel.isTargetImperative('height') || !!tmodel.allTargetMap['height'] || !!tmodel.allTargetMap['dim'] || _TUtil.TUtil.isDefined((_tmodel$targets$style = tmodel.targets.style) === null || _tmodel$targets$style === void 0 ? void 0 : _tmodel$targets$style.height);
+      return tmodel.isTargetImperative('height') || !!tmodel.allTargetMap['height'] || !!tmodel.allTargetMap['dim'] || TUtil.isDefined((_tmodel$targets$style = tmodel.targets.style) === null || _tmodel$targets$style === void 0 ? void 0 : _tmodel$targets$style.height);
     }
   }, {
     key: "isWidthDefined",
     value: function isWidthDefined(tmodel) {
       var _tmodel$targets$style2;
-      return tmodel.isTargetImperative('width') || !!tmodel.allTargetMap['width'] || !!tmodel.allTargetMap['dim'] || _TUtil.TUtil.isDefined((_tmodel$targets$style2 = tmodel.targets.style) === null || _tmodel$targets$style2 === void 0 ? void 0 : _tmodel$targets$style2.width);
+      return tmodel.isTargetImperative('width') || !!tmodel.allTargetMap['width'] || !!tmodel.allTargetMap['dim'] || TUtil.isDefined((_tmodel$targets$style2 = tmodel.targets.style) === null || _tmodel$targets$style2 === void 0 ? void 0 : _tmodel$targets$style2.width);
     }
   }, {
     key: "isXDefined",
@@ -82,7 +78,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
   }, {
     key: "createDom",
     value: function createDom(tmodel) {
-      tmodel.$dom = new _$Dom.$Dom();
+      tmodel.$dom = new $Dom();
       tmodel.$dom.create(tmodel.getBaseElement());
     }
   }, {
@@ -108,7 +104,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var _step$value = _slicedToArray(_step.value, 1),
             key = _step$value[0];
-          if (_TUtil.TUtil.isDefined(tmodel.val(key))) {
+          if (TUtil.isDefined(tmodel.val(key))) {
             tmodel.addToStyleTargetList(key);
           }
         }
@@ -126,8 +122,8 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
         value = Math.floor(tmodel.getX());
       } else if (key === 'y') {
         value = Math.floor(tmodel.getY());
-      } else if (_TargetData.TargetData.transformMap[key]) {
-        value = _TargetData.TargetData.rotate3D[key] ? tmodel.val(key) : _TargetData.TargetData.scaleMap[key] ? _TUtil.TUtil.formatNum(tmodel.val(key), 2) : tmodel.floorVal(key);
+      } else if (TargetData.transformMap[key]) {
+        value = TargetData.rotate3D[key] ? tmodel.val(key) : TargetData.scaleMap[key] ? TUtil.formatNum(tmodel.val(key), 2) : tmodel.floorVal(key);
       }
       return value;
     }
@@ -147,7 +143,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
           if (tmodel.isKeyAnimating(key)) {
             continue;
           }
-          if (_TargetData.TargetData.transformMap[key]) {
+          if (TargetData.transformMap[key]) {
             var value = TModelUtil.getTransformValue(tmodel, key);
             if (tmodel.tfMap[key] !== value) {
               tmodel.tfMap[key] = value;
@@ -175,13 +171,13 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
               tmodel.styleMap['height'] = height;
               tmodel.$dom.height(height);
             }
-          } else if (_TargetData.TargetData.styleWithUnitMap[key]) {
-            if (_TUtil.TUtil.isDefined(tmodel.val(key)) && tmodel.styleMap[key] !== tmodel.val(key)) {
-              tmodel.$dom.style(key, _TUtil.TUtil.isNumber(tmodel.val(key)) ? "".concat(tmodel.val(key), "px") : tmodel.val(key));
+          } else if (TargetData.styleWithUnitMap[key]) {
+            if (TUtil.isDefined(tmodel.val(key)) && tmodel.styleMap[key] !== tmodel.val(key)) {
+              tmodel.$dom.style(key, TUtil.isNumber(tmodel.val(key)) ? "".concat(tmodel.val(key), "px") : tmodel.val(key));
               tmodel.styleMap[key] = tmodel.val(key);
             }
           } else {
-            if (_TUtil.TUtil.isDefined(tmodel.val(key)) && tmodel.styleMap[key] !== tmodel.val(key)) {
+            if (TUtil.isDefined(tmodel.val(key)) && tmodel.styleMap[key] !== tmodel.val(key)) {
               tmodel.$dom.style(key, "".concat(tmodel.val(key)));
               tmodel.styleMap[key] = tmodel.val(key);
             }
@@ -204,7 +200,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
       var parent = child.getParent();
       var domParent = child.getDomParent();
       var rerender = false;
-      if ((0, _App.getManager)().needsRerender(child)) {
+      if (getManager().needsRerender(child)) {
         child.isTextOnly() ? child.$dom.text(child.getHtml()) : child.$dom.html(child.getHtml());
         rerender = true;
       }
@@ -212,13 +208,13 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
         child.$dom.width('auto');
         var width = child.$dom.width();
         width = width > 0 && child.getHtml() ? width + 1 : width;
-        child.domWidthTimestamp = _TUtil.TUtil.now();
+        child.domWidthTimestamp = TUtil.now();
         child.val('width', width);
         if (width > 0 || width === 0 && child.lastVal('width') > 0) {
           child.addToStyleTargetList('width');
         }
         child.markLayoutDirty('width');
-        (0, _App.getRunScheduler)().schedule(15, 'resize');
+        getRunScheduler().schedule(15, 'resize');
       }
     }
   }, {
@@ -228,36 +224,36 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
       var parent = child.getParent();
       var domParent = child.getDomParent();
       var rerender = false;
-      if ((0, _App.getManager)().needsRerender(child)) {
+      if (getManager().needsRerender(child)) {
         child.isTextOnly() ? child.$dom.text(child.getHtml()) : child.$dom.html(child.getHtml());
         rerender = true;
       }
       if (rerender || parent && timestamp <= parent.getDimLastUpdate() || domParent && timestamp <= domParent.getDimLastUpdate()) {
         child.$dom.height('auto');
         var height = child.$dom.height();
-        child.domHeightTimestamp = _TUtil.TUtil.now();
+        child.domHeightTimestamp = TUtil.now();
         child.val('height', height);
         if (height > 0 || height === 0 && child.lastVal('height') > 0) {
           child.addToStyleTargetList('height');
         }
         child.markLayoutDirty('height');
-        (0, _App.getRunScheduler)().schedule(15, 'resize');
+        getRunScheduler().schedule(15, 'resize');
       }
     }
   }, {
     key: "easingMorph",
     value: function easingMorph(tmodel, key, from, to, step, steps) {
       var easingName = tmodel.getTargetEasing(key);
-      var easing = easingName ? _Easing.Easing.easingFunction(easingName) : undefined;
+      var easing = easingName ? Easing.easingFunction(easingName) : undefined;
       var easingStep = easing ? easing(tmodel.getTargetStepPercent(key, step, steps)) : tmodel.getTargetStepPercent(key, step, steps);
       return TModelUtil.morph(key, from, to, easingStep);
     }
   }, {
     key: "morph",
     value: function morph(key, from, to, easingStep) {
-      if (_TargetData.TargetData.colorMap[_TargetUtil.TargetUtil.getTargetName(key)]) {
-        var targetColors = _ColorUtil.ColorUtil.color2Integers(to);
-        var lastColors = from ? _ColorUtil.ColorUtil.color2Integers(from) : _ColorUtil.ColorUtil.color2Integers('#fff');
+      if (TargetData.colorMap[TargetUtil.getTargetName(key)]) {
+        var targetColors = ColorUtil.color2Integers(to);
+        var lastColors = from ? ColorUtil.color2Integers(from) : ColorUtil.color2Integers('#fff');
         if (targetColors && lastColors) {
           var red = Math.floor(targetColors[0] * easingStep + lastColors[0] * (1 - easingStep));
           var green = Math.floor(targetColors[1] * easingStep + lastColors[1] * (1 - easingStep));
@@ -284,7 +280,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
             key = _step3$value[0];
           if (key === 'style') {
             var style = tmodel.getStyle();
-            if (_TUtil.TUtil.isDefined(style) && tmodel.styleMap.style !== style) {
+            if (TUtil.isDefined(style) && tmodel.styleMap.style !== style) {
               tmodel.$dom.setStyleByMap(style);
               if (style.height) {
                 tmodel.val('height', parseInt(style.height, 10));
@@ -296,7 +292,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
             }
           } else if (key === 'attributes') {
             var attributes = tmodel.getAttributes();
-            if (_TUtil.TUtil.isDefined(attributes) && tmodel.styleMap.attributes !== attributes) {
+            if (TUtil.isDefined(attributes) && tmodel.styleMap.attributes !== attributes) {
               Object.keys(attributes).forEach(function (k) {
                 tmodel.$dom.attr(k, attributes[k]);
               });
@@ -307,10 +303,10 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
             if (tmodel.$dom.css() !== css) {
               tmodel.$dom.css(css);
             }
-          } else if (_TargetData.TargetData.attributeTargetMap[key]) {
+          } else if (TargetData.attributeTargetMap[key]) {
             tmodel.$dom.attr(key, tmodel.val(key));
           } else {
-            if (_TUtil.TUtil.isDefined(tmodel.val(key)) && tmodel.styleMap[key] !== tmodel.val(key)) {
+            if (TUtil.isDefined(tmodel.val(key)) && tmodel.styleMap[key] !== tmodel.val(key)) {
               tmodel.$dom.style(key, "".concat(tmodel.val(key)));
               tmodel.styleMap[key] = tmodel.val(key);
             }
@@ -330,11 +326,11 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
     key: "getTransformBaseFromActualValues",
     value: function getTransformBaseFromActualValues(tmodel) {
       var base = {};
-      var transformMap = _TargetData.TargetData.transformMap;
+      var transformMap = TargetData.transformMap;
       for (var key in tmodel.actualValues) {
         if (transformMap[key]) {
           var val = tmodel.actualValues[key];
-          if (_TUtil.TUtil.isDefined(val)) {
+          if (TUtil.isDefined(val)) {
             base[key] = val;
           }
         }
@@ -513,7 +509,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
     value: function getTransformString(tmodel, values) {
       var processed = {};
       var transformMap = {};
-      var hasExplicitTranslate = _TUtil.TUtil.isDefined(values.translateX) || _TUtil.TUtil.isDefined(values.translateY) || _TUtil.TUtil.isDefined(values.translateZ);
+      var hasExplicitTranslate = TUtil.isDefined(values.translateX) || TUtil.isDefined(values.translateY) || TUtil.isDefined(values.translateZ);
       var keys = Object.keys(values);
       for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
         var key = _keys[_i];
@@ -553,7 +549,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
           case 'rotate3DZ':
           case 'rotate3DAngle':
             {
-              var has3D = _TUtil.TUtil.isDefined(values.rotate3DX) && _TUtil.TUtil.isDefined(values.rotate3DY) && _TUtil.TUtil.isDefined(values.rotate3DZ) && _TUtil.TUtil.isDefined(values.rotate3DAngle);
+              var has3D = TUtil.isDefined(values.rotate3DX) && TUtil.isDefined(values.rotate3DY) && TUtil.isDefined(values.rotate3DZ) && TUtil.isDefined(values.rotate3DAngle);
               if (has3D) {
                 transformMap['rotate3d'] = "rotate3d(".concat(TModelUtil.num(values.rotate3DX, 0), ", ").concat(TModelUtil.num(values.rotate3DY, 0), ", ").concat(TModelUtil.num(values.rotate3DZ, 0), ", ").concat(TModelUtil.num(values.rotate3DAngle, 0), "deg)");
                 processed.rotate3DX = processed.rotate3DY = processed.rotate3DZ = processed.rotate3DAngle = true;
@@ -571,7 +567,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
           case 'scale3DY':
           case 'scale3DZ':
             {
-              var _has3D = _TUtil.TUtil.isDefined(values.scale3DX) && _TUtil.TUtil.isDefined(values.scale3DY) && _TUtil.TUtil.isDefined(values.scale3DZ);
+              var _has3D = TUtil.isDefined(values.scale3DX) && TUtil.isDefined(values.scale3DY) && TUtil.isDefined(values.scale3DZ);
               if (_has3D) {
                 var _values$scale3DX, _values$scale3DY, _values$scale3DZ;
                 transformMap['scale3d'] = "scale3d(".concat(Number((_values$scale3DX = values.scale3DX) !== null && _values$scale3DX !== void 0 ? _values$scale3DX : 1), ", ").concat(Number((_values$scale3DY = values.scale3DY) !== null && _values$scale3DY !== void 0 ? _values$scale3DY : 1), ", ").concat(Number((_values$scale3DZ = values.scale3DZ) !== null && _values$scale3DZ !== void 0 ? _values$scale3DZ : 1), ")");
@@ -585,7 +581,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
           case 'skewX':
           case 'skewY':
             {
-              var hasBoth = _TUtil.TUtil.isDefined(values.skewX) && _TUtil.TUtil.isDefined(values.skewY);
+              var hasBoth = TUtil.isDefined(values.skewX) && TUtil.isDefined(values.skewY);
               if (hasBoth) {
                 var _values$skewX, _values$skewY;
                 transformMap['skew'] = "skew(".concat(Number((_values$skewX = values.skewX) !== null && _values$skewX !== void 0 ? _values$skewX : 0), "deg, ").concat(Number((_values$skewY = values.skewY) !== null && _values$skewY !== void 0 ? _values$skewY : 0), "deg)");
@@ -619,7 +615,7 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
         }
       }
       if (!Object.keys(orderMap).length) {
-        orderMap = _TargetData.TargetData.transformOrder;
+        orderMap = TargetData.transformOrder;
       }
       var sortedKeys = Object.keys(transformMap).sort(function (a, b) {
         var _orderMap$a, _orderMap$b;
@@ -648,4 +644,5 @@ var TModelUtil = exports.TModelUtil = /*#__PURE__*/function () {
       }
     }
   }]);
-}();
+}();
+export { TModelUtil };

package/build/TUtil.js

@@ -1,13 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TUtil = void 0;
-var _App = require("./App.js");
-var _TargetUtil = require("./TargetUtil.js");
-var _TargetData = require("./TargetData.js");
-var _TModel = require("./TModel.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 _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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -21,11 +11,16 @@ 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 { getLocationManager, tRoot, getEvents } from "./App.js";
+import { TargetUtil } from "./TargetUtil.js";
+import { TargetData } from "./TargetData.js";
+import { TModel } from "./TModel.js";
+
 /**
  * 
  * It provides a variety of helping functions that are used by the framework.
  */
-var TUtil = exports.TUtil = /*#__PURE__*/function () {
+var TUtil = /*#__PURE__*/function () {
   function TUtil() {
     _classCallCheck(this, TUtil);
   }
@@ -167,9 +162,9 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
   }, {
     key: "logTree",
     value: function logTree() {
-      var tmodel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _App.tRoot)();
+      var tmodel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : tRoot();
       var tab = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      var list = (0, _App.getLocationManager)().calcChildren(tmodel);
+      var list = getLocationManager().calcChildren(tmodel);
       var _iterator = _createForOfIteratorHelper(list),
         _step;
       try {
@@ -203,7 +198,7 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
       for (var i = 1; i < branch.length; i++) {
         var parent = branch[i - 1];
         var child = branch[i];
-        if ((0, _App.getLocationManager)().getChildren(parent).indexOf(child) < 0) {
+        if (getLocationManager().getChildren(parent).indexOf(child) < 0) {
           console.log("branch is not valid: " + parent.oid + ", " + child.oid);
           break;
         }
@@ -217,7 +212,7 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
     value: function handleValueChange(tmodel, key) {
       var target = tmodel.targets[key];
       if (!target) {
-        key = _TargetUtil.TargetUtil.getTargetName(key);
+        key = TargetUtil.getTargetName(key);
         target = tmodel.targets[key];
       }
       var newValue = tmodel.val(key);
@@ -235,10 +230,10 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
   }, {
     key: "runTargetValue",
     value: function runTargetValue(tmodel, target, key, cycle, lastValue) {
-      var cleanKey = _TargetUtil.TargetUtil.getTargetName(key);
-      var isExternalEvent = _TargetData.TargetData.allEventMap[cleanKey];
+      var cleanKey = TargetUtil.getTargetName(key);
+      var isExternalEvent = TargetData.allEventMap[cleanKey];
       if (isExternalEvent) {
-        return typeof target.value === 'function' ? target.value.call(tmodel, (0, _App.getEvents)().getCurrentOriginalEvent(), cycle, lastValue) : TUtil.isDefined(target.value) ? target.value : target;
+        return typeof target.value === 'function' ? target.value.call(tmodel, getEvents().getCurrentOriginalEvent(), cycle, lastValue) : TUtil.isDefined(target.value) ? target.value : target;
       } else if (tmodel.val("___".concat(key))) {
         return typeof target.value === 'function' ? target.value.call(tmodel, tmodel.val("___".concat(key)), cycle, lastValue) : TUtil.isDefined(target.value) ? target.value : target;
       } else {
@@ -279,7 +274,7 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
       }
 
       // Avoid cloning DOM wrappers, real DOM nodes, TModels, etc.
-      if (value instanceof _TModel.TModel || value instanceof Element || value instanceof Node || value instanceof Date || value instanceof RegExp) {
+      if (value instanceof TModel || value instanceof Element || value instanceof Node || value instanceof Date || value instanceof RegExp) {
         return value;
       }
       if (seen.has(value)) {
@@ -458,4 +453,5 @@ var TUtil = exports.TUtil = /*#__PURE__*/function () {
       };
     }
   }]);
-}();
+}();
+export { TUtil };