targetj 1.1.0 → 1.1.1

package/build/TModel.js

@@ -1,11 +1,14 @@
-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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 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."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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 _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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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; }
@@ -30,6 +33,8 @@ import { TModelUtil } from "./TModelUtil.js";
 import { DomInit } from "./DomInit.js";
 import { StateUtil } from "./StateUtil.js";
 import { TModelFactory } from "./TModelFactory.js";
+import { ParticleExplode } from "./ParticleExplode.js";
+import { HtmlToCanvas } from "./htmlToCanvas.js";
 
 /**
  * It provides the base class for all objects in an app where targets are defined. 
@@ -121,9 +126,30 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "removeChild",
     value: function removeChild(child) {
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref$reset = _ref.reset,
+        reset = _ref$reset === void 0 ? false : _ref$reset;
       if (!child || !this.allChildrenMap[child.oid]) {
         return;
       }
+      if (reset) {
+        var _iterator = _createForOfIteratorHelper(this.functionTargetNames),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var _targetValue$childAct, _targetValue$addChild;
+            var key = _step.value;
+            var targetValue = this.targetValues[key];
+            if (targetValue !== null && targetValue !== void 0 && (_targetValue$childAct = targetValue.childAction) !== null && _targetValue$childAct !== void 0 && _targetValue$childAct.includes(child) || targetValue !== null && targetValue !== void 0 && (_targetValue$addChild = targetValue.addChildAction) !== null && _targetValue$addChild !== void 0 && _targetValue$addChild.includes(child)) {
+              TargetUtil.resetRemovedChildTarget(this, key, child);
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
       TargetUtil.resetBeforeDeletion(child);
       getManager().markTModelDeleted(child);
       this.deletedChildren.push(child);
@@ -165,7 +191,7 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
         var foundKey = Object.keys(this.actualValues).find(function (key) {
           return _this2.actualValues[key] === child;
         });
-        var type = foundKey ? childDefinition.id || foundKey : "".concat(this.oid, "_");
+        var type = childDefinition.id || foundKey || "".concat(this.oid, "_");
         child = TModelFactory.create(type, childDefinition, function (type, targets) {
           return new TModel(type, targets);
         });
@@ -228,15 +254,12 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
         this.addedChildren.sort(function (a, b) {
           return a.index - b.index;
         });
-        this.addedChildren.forEach(function (_ref) {
-          var index = _ref.index,
-            child = _ref.child;
+        this.addedChildren.forEach(function (_ref2) {
+          var index = _ref2.index,
+            child = _ref2.child;
           if (_this4.allChildrenMap[child.oid]) {
             return;
           }
-          if (!TUtil.isDefined(child.val('canDeleteDom')) && _this4.val('canDeleteDom') === false) {
-            child.val('canDeleteDom', false);
-          }
           if (index >= _this4.allChildrenList.length) {
             _this4.allChildrenList.push(child);
           } else {
@@ -256,9 +279,9 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
         });
         var deletionMap = {};
         var additionMap = {};
-        this.movedChildren.forEach(function (_ref2) {
-          var index = _ref2.index,
-            child = _ref2.child;
+        this.movedChildren.forEach(function (_ref3) {
+          var index = _ref3.index,
+            child = _ref3.child;
           _this4.lastChildrenUpdate.deletions.push(child);
           _this4.lastChildrenUpdate.additions.push({
             index: index,
@@ -288,14 +311,14 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
             delete deletionMap[index];
           }
         });
-        Object.values(additionMap).forEach(function (_ref3) {
-          var index = _ref3.index,
-            child = _ref3.child;
+        Object.values(additionMap).forEach(function (_ref4) {
+          var index = _ref4.index,
+            child = _ref4.child;
           _this4.allChildrenList.splice(index, 0, child);
         });
-        Object.values(deletionMap).forEach(function (_ref4) {
-          var fromIndex = _ref4.fromIndex,
-            child = _ref4.child;
+        Object.values(deletionMap).forEach(function (_ref5) {
+          var fromIndex = _ref5.fromIndex,
+            child = _ref5.child;
           var deleteIndex = _this4.allChildrenList.indexOf(child, fromIndex);
           _this4.allChildrenList.splice(deleteIndex, 1);
         });
@@ -312,11 +335,11 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
       }
       this.markLayoutDirty("removeChildren");
       var manager = getManager();
-      var _iterator = _createForOfIteratorHelper(children),
-        _step;
+      var _iterator2 = _createForOfIteratorHelper(children),
+        _step2;
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var child = _step.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var child = _step2.value;
           TargetUtil.resetBeforeDeletion(child);
           child.cancelAnimation();
           delete manager.visibleOidMap[child.oid];
@@ -325,24 +348,24 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
           manager.deletedTModelRoots.delete(child);
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator.f();
+        _iterator2.f();
       }
       if (this.hasDom()) {
         this.$dom.deleteAll();
       }
-      var _iterator2 = _createForOfIteratorHelper(children),
-        _step2;
+      var _iterator3 = _createForOfIteratorHelper(children),
+        _step3;
       try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var _child = _step2.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _child = _step3.value;
           manager.resetTModelDom(_child);
         }
       } catch (err) {
-        _iterator2.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator2.f();
+        _iterator3.f();
       }
       this.allChildrenList = [];
       this.allChildrenMap = {};
@@ -351,6 +374,75 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
       this.clearAnimatingChildren();
       return this;
     }
+  }, {
+    key: "createExplodeChildren",
+    value: function createExplodeChildren(key) {
+      var definition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return ParticleExplode.createExplodeChildren(this, key, definition);
+    }
+  }, {
+    key: "captureExplodeSource",
+    value: function captureExplodeSource() {
+      var _this5 = this;
+      var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getWidth();
+      var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getHeight();
+      var source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this;
+      var element = ParticleExplode.resolveDomElement(source);
+      return HtmlToCanvas.captureSource(element, width, height, function () {
+        var _this5$particleRender;
+        return (_this5$particleRender = _this5.particleRenderer) === null || _this5$particleRender === void 0 ? void 0 : _this5$particleRender.canvasLayer;
+      });
+    }
+  }, {
+    key: "restoreExplodeSource",
+    value: function () {
+      var _restoreExplodeSource = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _this$targets$state$k;
+        var state, target, source, sourceElement, capture;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              state = this.explodeChildrenState;
+              if (!(!state || !this.hasDom())) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return", true);
+            case 3:
+              target = (_this$targets$state$k = this.targets[state.key]) !== null && _this$targets$state$k !== void 0 ? _this$targets$state$k : {};
+              source = ParticleExplode.resolveSource(this, target.dom);
+              sourceElement = ParticleExplode.resolveDomElement(source);
+              if (sourceElement) {
+                _context.next = 8;
+                break;
+              }
+              return _context.abrupt("return", false);
+            case 8:
+              _context.next = 10;
+              return this.captureExplodeSource(state.width, state.height, source);
+            case 10:
+              capture = _context.sent;
+              return _context.abrupt("return", this.particleRenderer.setExplodeSource(capture));
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function restoreExplodeSource() {
+        return _restoreExplodeSource.apply(this, arguments);
+      }
+      return restoreExplodeSource;
+    }()
+  }, {
+    key: "getExplodeFragment",
+    value: function getExplodeFragment(childIndex) {
+      var state = this.explodeChildrenState;
+      if (!state) {
+        return;
+      }
+      return ParticleExplode.getExplodeFragment(state, childIndex);
+    }
   }, {
     key: "exists",
     value: function exists() {
@@ -406,13 +498,13 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "removeLayoutDirty",
     value: function removeLayoutDirty(tmodel, oids) {
-      var _this5 = this;
+      var _this6 = this;
       if (this.dirtyLayout) {
         if (oids) {
           oids.forEach(function (oid) {
-            if (_this5.dirtyLayout.oids[oid]) {
-              _this5.dirtyLayout.count--;
-              delete _this5.dirtyLayout.oids[oid];
+            if (_this6.dirtyLayout.oids[oid]) {
+              _this6.dirtyLayout.count--;
+              delete _this6.dirtyLayout.oids[oid];
             }
           });
         } else if (this.dirtyLayout.oids[tmodel.oid]) {
@@ -602,13 +694,15 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "debug",
     value: function debug() {
-      var _this6 = this;
+      var _this7 = this;
       return [{
         oid: this.oid
       }, {
         visible: this.isVisible()
       }, {
         visibilityStatus: this.visibilityStatus
+      }, {
+        complete: TargetUtil.isTModelComplete(this)
       }, {
         hasDom: this.hasDom()
       }, {
@@ -623,10 +717,13 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
         width: this.getWidth()
       }, {
         height: this.getHeight()
-      }, {
-        tmodelComplete: TargetUtil.isTModelComplete(this)
       }, {
         targets: this.originalTargetNames
+      }, {
+        completedTargets: Object.keys(this.targetValues).filter(function (key) {
+          var _this7$targetValues$k;
+          return ((_this7$targetValues$k = _this7.targetValues[key]) === null || _this7$targetValues$k === void 0 ? void 0 : _this7$targetValues$k.status) === 'complete';
+        }).length
       }, {
         activeTargetList: this.activeTargetList
       }, {
@@ -641,15 +738,17 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
         pendingTargets: _toConsumableArray(this.pendingTargets ? _toConsumableArray(this.pendingTargets) : [])
       }, {
         styleTargetMap: _toConsumableArray(this.styleTargetMap ? _toConsumableArray(this.styleTargetMap.keys()) : [])
+      }, {
+        asyncStyleTargetMap: _toConsumableArray(this.asyncStyleTargetMap ? _toConsumableArray(this.asyncStyleTargetMap.keys()) : [])
       }, {
         passiveTargetList: this.passiveTargetList
       }, {
         incompleteTargets: Object.keys(this.targetValues).filter(function (key) {
-          var _this6$targetValues$k;
-          return ((_this6$targetValues$k = _this6.targetValues[key]) === null || _this6$targetValues$k === void 0 ? void 0 : _this6$targetValues$k.status) !== 'complete';
+          var _this7$targetValues$k2;
+          return ((_this7$targetValues$k2 = _this7.targetValues[key]) === null || _this7$targetValues$k2 === void 0 ? void 0 : _this7$targetValues$k2.status) !== 'complete';
         }).map(function (key) {
-          var _this6$targetValues$k2;
-          return "".concat(key, ":").concat((_this6$targetValues$k2 = _this6.targetValues[key]) === null || _this6$targetValues$k2 === void 0 ? void 0 : _this6$targetValues$k2.status);
+          var _this7$targetValues$k3;
+          return "".concat(key, ":").concat((_this7$targetValues$k3 = _this7.targetValues[key]) === null || _this7$targetValues$k3 === void 0 ? void 0 : _this7$targetValues$k3.status);
         })
       }, {
         updatingChildren: this.updatingChildrenMap ? _toConsumableArray(this.updatingChildrenMap.keys()) : []
@@ -657,6 +756,16 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
         activeChildren: this.activeChildrenMap ? _toConsumableArray(this.activeChildrenMap.keys()) : []
       }, {
         children: this.getChildren()
+      }, {
+        visibleChildren: this.visibleChildren
+      }, {
+        allVisibleChildren: this.getChildren().filter(function (child) {
+          return child.isVisible();
+        })
+      }, {
+        allInvisibleChilden: this.getChildren().filter(function (child) {
+          return !child.isVisible();
+        })
       }, {
         targetValues: this.targetValues
       }, {
@@ -814,8 +923,8 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "getBoxSizing",
     value: function getBoxSizing() {
-      var _ref5, _ref6, _this$val6;
-      return (_ref5 = (_ref6 = (_this$val6 = this.val("boxSizing")) !== null && _this$val6 !== void 0 ? _this$val6 : this.val("box-sizing")) !== null && _ref6 !== void 0 ? _ref6 : this.getParentValue("boxSizing")) !== null && _ref5 !== void 0 ? _ref5 : "content-box";
+      var _ref6, _ref7, _this$val6;
+      return (_ref6 = (_ref7 = (_this$val6 = this.val("boxSizing")) !== null && _this$val6 !== void 0 ? _this$val6 : this.val("box-sizing")) !== null && _ref7 !== void 0 ? _ref7 : this.getParentValue("boxSizing")) !== null && _ref6 !== void 0 ? _ref6 : "content-box";
     }
   }, {
     key: "getContainerOverflowMode",
@@ -874,16 +983,6 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
     value: function preventDefault() {
       return TUtil.isDefined(this.val('preventDefault')) ? this.val('preventDefault') : this.getParentValue('preventDefault') || false;
     }
-  }, {
-    key: "canDeleteDom",
-    value: function canDeleteDom() {
-      return TUtil.isDefined(this.val('canDeleteDom')) ? this.val('canDeleteDom') : !this.reuseDomDefinition();
-    }
-  }, {
-    key: "requiresDom",
-    value: function requiresDom() {
-      return TUtil.isDefined(this.val('requiresDom')) ? this.val('requiresDom') : this.reuseDomDefinition();
-    }
   }, {
     key: "excludeStyling",
     value: function excludeStyling() {
@@ -1035,52 +1134,52 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
   }, {
     key: "getMarginTop",
     value: function getMarginTop() {
-      var _ref7, _this$val9;
-      return (_ref7 = (_this$val9 = this.val("marginTop")) !== null && _this$val9 !== void 0 ? _this$val9 : this.val("topMargin")) !== null && _ref7 !== void 0 ? _ref7 : TModelUtil.getMarginValue(this, "top");
+      var _ref8, _this$val9;
+      return (_ref8 = (_this$val9 = this.val("marginTop")) !== null && _this$val9 !== void 0 ? _this$val9 : this.val("topMargin")) !== null && _ref8 !== void 0 ? _ref8 : TModelUtil.getMarginValue(this, "top");
     }
   }, {
     key: "getMarginLeft",
     value: function getMarginLeft() {
-      var _ref8, _this$val10;
-      return (_ref8 = (_this$val10 = this.val("marginLeft")) !== null && _this$val10 !== void 0 ? _this$val10 : this.val("leftMargin")) !== null && _ref8 !== void 0 ? _ref8 : TModelUtil.getMarginValue(this, "left");
+      var _ref9, _this$val10;
+      return (_ref9 = (_this$val10 = this.val("marginLeft")) !== null && _this$val10 !== void 0 ? _this$val10 : this.val("leftMargin")) !== null && _ref9 !== void 0 ? _ref9 : TModelUtil.getMarginValue(this, "left");
     }
   }, {
     key: "getMarginRight",
     value: function getMarginRight() {
-      var _ref9, _this$val11, _this$getParentValue;
-      var margin = (_ref9 = (_this$val11 = this.val("marginRight")) !== null && _this$val11 !== void 0 ? _this$val11 : this.val("rightMargin")) !== null && _ref9 !== void 0 ? _ref9 : TModelUtil.getMarginValue(this, "right");
+      var _ref10, _this$val11, _this$getParentValue;
+      var margin = (_ref10 = (_this$val11 = this.val("marginRight")) !== null && _this$val11 !== void 0 ? _this$val11 : this.val("rightMargin")) !== null && _ref10 !== void 0 ? _ref10 : TModelUtil.getMarginValue(this, "right");
       return margin + ((_this$getParentValue = this.getParentValue("gap")) !== null && _this$getParentValue !== void 0 ? _this$getParentValue : 0);
     }
   }, {
     key: "getMarginBottom",
     value: function getMarginBottom() {
-      var _ref10, _this$val12, _this$getParentValue2;
-      var margin = (_ref10 = (_this$val12 = this.val("marginBottom")) !== null && _this$val12 !== void 0 ? _this$val12 : this.val("bottomMargin")) !== null && _ref10 !== void 0 ? _ref10 : TModelUtil.getMarginValue(this, "bottom");
+      var _ref11, _this$val12, _this$getParentValue2;
+      var margin = (_ref11 = (_this$val12 = this.val("marginBottom")) !== null && _this$val12 !== void 0 ? _this$val12 : this.val("bottomMargin")) !== null && _ref11 !== void 0 ? _ref11 : TModelUtil.getMarginValue(this, "bottom");
       return margin + ((_this$getParentValue2 = this.getParentValue("gap")) !== null && _this$getParentValue2 !== void 0 ? _this$getParentValue2 : 0);
     }
   }, {
     key: "getPaddingTop",
     value: function getPaddingTop() {
-      var _ref11, _this$val13;
-      return (_ref11 = (_this$val13 = this.val("paddingTop")) !== null && _this$val13 !== void 0 ? _this$val13 : this.val("topPadding")) !== null && _ref11 !== void 0 ? _ref11 : TModelUtil.getPaddingValue(this, "top");
+      var _ref12, _this$val13;
+      return (_ref12 = (_this$val13 = this.val("paddingTop")) !== null && _this$val13 !== void 0 ? _this$val13 : this.val("topPadding")) !== null && _ref12 !== void 0 ? _ref12 : TModelUtil.getPaddingValue(this, "top");
     }
   }, {
     key: "getPaddingLeft",
     value: function getPaddingLeft() {
-      var _ref12, _this$val14;
-      return (_ref12 = (_this$val14 = this.val("paddingLeft")) !== null && _this$val14 !== void 0 ? _this$val14 : this.val("leftPadding")) !== null && _ref12 !== void 0 ? _ref12 : TModelUtil.getPaddingValue(this, "left");
+      var _ref13, _this$val14;
+      return (_ref13 = (_this$val14 = this.val("paddingLeft")) !== null && _this$val14 !== void 0 ? _this$val14 : this.val("leftPadding")) !== null && _ref13 !== void 0 ? _ref13 : TModelUtil.getPaddingValue(this, "left");
     }
   }, {
     key: "getPaddingRight",
     value: function getPaddingRight() {
-      var _ref13, _this$val15;
-      return (_ref13 = (_this$val15 = this.val("paddingRight")) !== null && _this$val15 !== void 0 ? _this$val15 : this.val("rightPadding")) !== null && _ref13 !== void 0 ? _ref13 : TModelUtil.getPaddingValue(this, "right");
+      var _ref14, _this$val15;
+      return (_ref14 = (_this$val15 = this.val("paddingRight")) !== null && _this$val15 !== void 0 ? _this$val15 : this.val("rightPadding")) !== null && _ref14 !== void 0 ? _ref14 : TModelUtil.getPaddingValue(this, "right");
     }
   }, {
     key: "getPaddingBottom",
     value: function getPaddingBottom() {
-      var _ref14, _this$val16;
-      return (_ref14 = (_this$val16 = this.val("paddingBottom")) !== null && _this$val16 !== void 0 ? _this$val16 : this.val("bottomPadding")) !== null && _ref14 !== void 0 ? _ref14 : TModelUtil.getPaddingValue(this, "bottom");
+      var _ref15, _this$val16;
+      return (_ref15 = (_this$val16 = this.val("paddingBottom")) !== null && _this$val16 !== void 0 ? _this$val16 : this.val("bottomPadding")) !== null && _ref15 !== void 0 ? _ref15 : TModelUtil.getPaddingValue(this, "bottom");
     }
   }, {
     key: "setLayoutX",
@@ -1197,8 +1296,8 @@ var TModel = /*#__PURE__*/function (_BaseModel) {
       return false;
     }
   }, {
-    key: "onDomReady",
-    value: function onDomReady() {}
+    key: "onDomAvailable",
+    value: function onDomAvailable() {}
   }]);
 }(BaseModel);
 export { TModel };