targetj 1.0.260 → 1.1.1

package/build/ParticleChild.js

@@ -0,0 +1,576 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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); }
+import { TModelUtil } from "./TModelUtil.js";
+import { TargetUtil } from "./TargetUtil.js";
+import { VisibilityUtil } from "./VisibilityUtil.js";
+
+/**
+ * It provides a lightweight logical child for the GPU implemenation.
+ */
+var ParticleChild = /*#__PURE__*/function () {
+  function ParticleChild(parent, index) {
+    _classCallCheck(this, ParticleChild);
+    this.parent = parent;
+    this.index = index;
+    this.isLightweightChild = true;
+    this.type = "".concat(parent.type, "_");
+    this.oid = "".concat(parent.oid, "_gpu_").concat(index);
+    this.x = 0;
+    this.y = 0;
+    this.absX = 0;
+    this.absY = 0;
+    this.targets = {};
+    this.targetValues = {};
+    this.allTargetMap = {};
+    this.actualValues = {
+      isVisible: true
+    };
+    this.visibilityStatus = undefined;
+    this.noDomUpdatingTargets = undefined;
+    this.updatingTargetList = [];
+    this.activeTargetList = [];
+    this.activatedTargets = [];
+    this.updatingTargetMap = {};
+    this.runtimeState = {
+      updatingTargetList: this.updatingTargetList,
+      activeTargetList: this.activeTargetList,
+      activatedTargets: this.activatedTargets,
+      fetchActionTargetList: [],
+      lastChildrenUpdate: {
+        additions: [],
+        deletions: []
+      }
+    };
+    this.pendingTargets = false;
+    this.currentStatus = undefined;
+    this.dirtyLayout = false;
+  }
+  return _createClass(ParticleChild, [{
+    key: "state",
+    value: function state() {
+      return this.runtimeState;
+    }
+  }, {
+    key: "isTargetImperative",
+    value: function isTargetImperative(key) {
+      var _this$targetValues$ke;
+      return ((_this$targetValues$ke = this.targetValues[key]) === null || _this$targetValues$ke === void 0 ? void 0 : _this$targetValues$ke.isImperative) === true;
+    }
+  }, {
+    key: "isComplete",
+    value: function isComplete() {
+      return TargetUtil.isTModelComplete(this);
+    }
+  }, {
+    key: "val",
+    value: function val(key, value) {
+      var cleanKey = TargetUtil.getTargetName(key);
+      if (arguments.length === 2) {
+        this.parent.setChildValue(this.index, cleanKey, value);
+        return this;
+      }
+      return this.actualValues[cleanKey];
+    }
+  }, {
+    key: "getParent",
+    value: function getParent() {
+      return this.parent;
+    }
+  }, {
+    key: "getRealParent",
+    value: function getRealParent() {
+      return this.parent;
+    }
+  }, {
+    key: "getParentValue",
+    value: function getParentValue(key) {
+      var _this$parent;
+      return (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.val(key);
+    }
+  }, {
+    key: "pval",
+    value: function pval(key) {
+      return this.getParentValue(key);
+    }
+  }, {
+    key: "exists",
+    value: function exists() {
+      var _this$parent2;
+      return this.index >= 0 && ((_this$parent2 = this.parent) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.childHandles[this.index]) === this;
+    }
+  }, {
+    key: "hasAnimatingTargets",
+    value: function hasAnimatingTargets() {
+      return false;
+    }
+  }, {
+    key: "hasAnimatingChildren",
+    value: function hasAnimatingChildren() {
+      return false;
+    }
+  }, {
+    key: "hasUpdatingChildren",
+    value: function hasUpdatingChildren() {
+      return false;
+    }
+  }, {
+    key: "hasActiveChildren",
+    value: function hasActiveChildren() {
+      return false;
+    }
+  }, {
+    key: "getChildren",
+    value: function getChildren() {
+      return [];
+    }
+  }, {
+    key: "getChild",
+    value: function getChild() {
+      return undefined;
+    }
+  }, {
+    key: "hasChildren",
+    value: function hasChildren() {
+      return false;
+    }
+  }, {
+    key: "clearUpdatingChildren",
+    value: function clearUpdatingChildren() {
+      this.updatingTargetList.length = 0;
+    }
+  }, {
+    key: "clearActiveChildren",
+    value: function clearActiveChildren() {
+      this.activeTargetList.length = 0;
+    }
+  }, {
+    key: "clearAnimatingChildren",
+    value: function clearAnimatingChildren() {}
+  }, {
+    key: "cancelAnimation",
+    value: function cancelAnimation() {}
+  }, {
+    key: "hasEventDirty",
+    value: function hasEventDirty() {
+      return false;
+    }
+  }, {
+    key: "markEventDirty",
+    value: function markEventDirty() {}
+  }, {
+    key: "markLayoutDirty",
+    value: function markLayoutDirty(key) {
+      var _this$parent3, _this$parent3$markLay;
+      (_this$parent3 = this.parent) === null || _this$parent3 === void 0 || (_this$parent3$markLay = _this$parent3.markLayoutDirty) === null || _this$parent3$markLay === void 0 || _this$parent3$markLay.call(_this$parent3, "gpuChild-".concat(this.index, "-").concat(key));
+    }
+  }, {
+    key: "removeLayoutDirty",
+    value: function removeLayoutDirty() {}
+  }, {
+    key: "getDirtyLayout",
+    value: function getDirtyLayout() {
+      return false;
+    }
+  }, {
+    key: "getX",
+    value: function getX() {
+      var _this$actualValues$x;
+      return (_this$actualValues$x = this.actualValues.x) !== null && _this$actualValues$x !== void 0 ? _this$actualValues$x : this.x;
+    }
+  }, {
+    key: "getY",
+    value: function getY() {
+      var _this$actualValues$y;
+      return (_this$actualValues$y = this.actualValues.y) !== null && _this$actualValues$y !== void 0 ? _this$actualValues$y : this.y;
+    }
+  }, {
+    key: "getWidth",
+    value: function getWidth() {
+      var _this$val;
+      return (_this$val = this.val("width")) !== null && _this$val !== void 0 ? _this$val : 0;
+    }
+  }, {
+    key: "getHeight",
+    value: function getHeight() {
+      var _this$val2;
+      return (_this$val2 = this.val("height")) !== null && _this$val2 !== void 0 ? _this$val2 : 0;
+    }
+  }, {
+    key: "getBaseWidth",
+    value: function getBaseWidth() {
+      return this.getWidth();
+    }
+  }, {
+    key: "getBaseHeight",
+    value: function getBaseHeight() {
+      return this.getHeight();
+    }
+  }, {
+    key: "getMinWidth",
+    value: function getMinWidth() {
+      return this.getWidth();
+    }
+  }, {
+    key: "getTopBaseHeight",
+    value: function getTopBaseHeight() {
+      return 0;
+    }
+  }, {
+    key: "getMeasuringScale",
+    value: function getMeasuringScale() {
+      var _this$val3;
+      return (_this$val3 = this.val("measuringScale")) !== null && _this$val3 !== void 0 ? _this$val3 : 1;
+    }
+  }, {
+    key: "getMarginTop",
+    value: function getMarginTop() {
+      var _ref, _this$val4;
+      return (_ref = (_this$val4 = this.val("marginTop")) !== null && _this$val4 !== void 0 ? _this$val4 : this.val("topMargin")) !== null && _ref !== void 0 ? _ref : 0;
+    }
+  }, {
+    key: "getMarginLeft",
+    value: function getMarginLeft() {
+      var _ref2, _this$val5;
+      return (_ref2 = (_this$val5 = this.val("marginLeft")) !== null && _this$val5 !== void 0 ? _this$val5 : this.val("leftMargin")) !== null && _ref2 !== void 0 ? _ref2 : 0;
+    }
+  }, {
+    key: "getMarginRight",
+    value: function getMarginRight() {
+      var _ref3, _this$val6, _this$getParentValue;
+      var margin = (_ref3 = (_this$val6 = this.val("marginRight")) !== null && _this$val6 !== void 0 ? _this$val6 : this.val("rightMargin")) !== null && _ref3 !== void 0 ? _ref3 : 0;
+      return margin + ((_this$getParentValue = this.getParentValue("gap")) !== null && _this$getParentValue !== void 0 ? _this$getParentValue : 0);
+    }
+  }, {
+    key: "getMarginBottom",
+    value: function getMarginBottom() {
+      var _ref4, _this$val7, _this$getParentValue2;
+      var margin = (_ref4 = (_this$val7 = this.val("marginBottom")) !== null && _this$val7 !== void 0 ? _this$val7 : this.val("bottomMargin")) !== null && _ref4 !== void 0 ? _ref4 : 0;
+      return margin + ((_this$getParentValue2 = this.getParentValue("gap")) !== null && _this$getParentValue2 !== void 0 ? _this$getParentValue2 : 0);
+    }
+  }, {
+    key: "getTopMargin",
+    value: function getTopMargin() {
+      return this.getMarginTop();
+    }
+  }, {
+    key: "getLeftMargin",
+    value: function getLeftMargin() {
+      return this.getMarginLeft();
+    }
+  }, {
+    key: "getRightMargin",
+    value: function getRightMargin() {
+      return this.getMarginRight();
+    }
+  }, {
+    key: "getBottomMargin",
+    value: function getBottomMargin() {
+      return this.getMarginBottom();
+    }
+  }, {
+    key: "getItemOverflowMode",
+    value: function getItemOverflowMode() {
+      var _this$val8;
+      return (_this$val8 = this.val("itemOverflowMode")) !== null && _this$val8 !== void 0 ? _this$val8 : "auto";
+    }
+  }, {
+    key: "isInFlow",
+    value: function isInFlow() {
+      var _this$val9;
+      return (_this$val9 = this.val("isInFlow")) !== null && _this$val9 !== void 0 ? _this$val9 : true;
+    }
+  }, {
+    key: "isIncluded",
+    value: function isIncluded() {
+      return true;
+    }
+  }, {
+    key: "useContentWidth",
+    value: function useContentWidth() {
+      return false;
+    }
+  }, {
+    key: "useContentHeight",
+    value: function useContentHeight() {
+      return false;
+    }
+  }, {
+    key: "getContentWidth",
+    value: function getContentWidth() {
+      return 0;
+    }
+  }, {
+    key: "getContentHeight",
+    value: function getContentHeight() {
+      return 0;
+    }
+  }, {
+    key: "hasDom",
+    value: function hasDom() {
+      return false;
+    }
+  }, {
+    key: "isDomIsland",
+    value: function isDomIsland() {
+      return false;
+    }
+  }, {
+    key: "reuseDomDefinition",
+    value: function reuseDomDefinition() {
+      return false;
+    }
+  }, {
+    key: "requiresDom",
+    value: function requiresDom() {
+      return false;
+    }
+  }, {
+    key: "requiresDomRelocation",
+    value: function requiresDomRelocation() {
+      return false;
+    }
+  }, {
+    key: "hasDomHolderChanged",
+    value: function hasDomHolderChanged() {
+      return false;
+    }
+  }, {
+    key: "hasBaseElementChanged",
+    value: function hasBaseElementChanged() {
+      return false;
+    }
+  }, {
+    key: "getHtml",
+    value: function getHtml() {
+      return this.val("html");
+    }
+  }, {
+    key: "excludeDefaultStyling",
+    value: function excludeDefaultStyling() {
+      return true;
+    }
+  }, {
+    key: "excludeStyling",
+    value: function excludeStyling() {
+      return true;
+    }
+  }, {
+    key: "addToStyleTargetList",
+    value: function addToStyleTargetList() {}
+  }, {
+    key: "calcAbsolutePosition",
+    value: function calcAbsolutePosition(x, y) {
+      var _this$parent$absX, _this$parent4, _this$parent$absY, _this$parent5;
+      this.absX = ((_this$parent$absX = (_this$parent4 = this.parent) === null || _this$parent4 === void 0 ? void 0 : _this$parent4.absX) !== null && _this$parent$absX !== void 0 ? _this$parent$absX : 0) + x;
+      this.absY = ((_this$parent$absY = (_this$parent5 = this.parent) === null || _this$parent5 === void 0 ? void 0 : _this$parent5.absY) !== null && _this$parent$absY !== void 0 ? _this$parent$absY : 0) + y;
+    }
+  }, {
+    key: "isVisible",
+    value: function isVisible() {
+      return this.actualValues.isVisible !== false;
+    }
+  }, {
+    key: "calcVisibility",
+    value: function calcVisibility() {
+      var parent = this.parent;
+      if (!parent) {
+        return false;
+      }
+      var scale = (parent.getMeasuringScale() || 1) * this.getMeasuringScale();
+      var x = this.absX;
+      var y = this.absY;
+      var width = scale * this.getWidth();
+      var height = scale * this.getHeight();
+      var margin = 20;
+      var status = VisibilityUtil.checkVisibility(this, {
+        x: x - margin,
+        y: y - margin,
+        r: x + width + margin,
+        b: y + height + margin
+      });
+      this.actualValues.isVisible = status.isVisible;
+      return status.isVisible;
+    }
+  }, {
+    key: "addToNoDomUpdatingTargets",
+    value: function addToNoDomUpdatingTargets(key) {
+      var _this$parent6;
+      var cleanKey = TargetUtil.getTargetName(key);
+      var noDomTargets = this.noDomUpdatingTargets || (this.noDomUpdatingTargets = new Set());
+      if (noDomTargets.has(cleanKey)) {
+        return false;
+      }
+      noDomTargets.add(cleanKey);
+      (_this$parent6 = this.parent) === null || _this$parent6 === void 0 || _this$parent6.addToUpdatingChildren(this);
+      return true;
+    }
+  }, {
+    key: "removeFromNoDomUpdatingTargets",
+    value: function removeFromNoDomUpdatingTargets(key) {
+      if (!this.noDomUpdatingTargets) {
+        return false;
+      }
+      var removed = this.noDomUpdatingTargets.delete(TargetUtil.getTargetName(key));
+      if (!this.noDomUpdatingTargets.size) {
+        var _this$parent7;
+        this.noDomUpdatingTargets = undefined;
+        (_this$parent7 = this.parent) === null || _this$parent7 === void 0 || _this$parent7.removeFromUpdatingChildren(this);
+      }
+      return removed;
+    }
+  }, {
+    key: "catchupNoDomLayoutTargets",
+    value: function catchupNoDomLayoutTargets() {
+      var _this$parent8;
+      return (_this$parent8 = this.parent) === null || _this$parent8 === void 0 ? void 0 : _this$parent8.catchupChildLayoutTargets(this);
+    }
+  }, {
+    key: "validateVisibilityInParent",
+    value: function validateVisibilityInParent() {
+      return true;
+    }
+  }, {
+    key: "setLayoutX",
+    value: function setLayoutX(value) {
+      if (this.x === value) {
+        return;
+      }
+      this.x = value;
+      this.parent.particleValuesDirty = true;
+    }
+  }, {
+    key: "setLayoutY",
+    value: function setLayoutY(value) {
+      if (this.y === value) {
+        return;
+      }
+      this.y = value;
+      this.parent.particleValuesDirty = true;
+    }
+  }, {
+    key: "setTarget",
+    value: function setTarget(key, value, steps, interval, easing) {
+      var originalTargetName = TargetUtil.currentTargetName;
+      var originalTModel = TargetUtil.currentTModel;
+      if (this.parent === originalTModel && originalTargetName) {
+        TargetUtil.markChildAction(originalTModel, originalTargetName, this);
+      }
+      if (key && _typeof(key) === "object" && !Array.isArray(key)) {
+        var targets = key;
+        var targetSteps = value;
+        var targetInterval = steps;
+        var targetEasing = interval;
+        for (var _i = 0, _Object$entries = Object.entries(targets); _i < _Object$entries.length; _i++) {
+          var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+            targetKey = _Object$entries$_i[0],
+            targetValue = _Object$entries$_i[1];
+          var _cleanKey = TargetUtil.getTargetName(targetKey);
+          this.allTargetMap[_cleanKey] = targetKey;
+          this.parent.setChildTarget(this.index, targetKey, targetValue, targetSteps, targetInterval, targetEasing);
+        }
+        return this;
+      }
+      var cleanKey = TargetUtil.getTargetName(key);
+      this.allTargetMap[cleanKey] = key;
+      this.parent.setChildTarget(this.index, key, value, steps, interval, easing);
+      return this;
+    }
+  }, {
+    key: "activateTarget",
+    value: function activateTarget(key) {
+      this.parent.activateGpuChildTarget(this.index, key);
+      return this;
+    }
+  }, {
+    key: "getLayoutHeight",
+    value: function getLayoutHeight() {
+      var height = this.getHeight();
+      if (this.usesContentBoxSizing()) {
+        height += this.getPaddingTop() + this.getPaddingBottom();
+      }
+      return height;
+    }
+  }, {
+    key: "getLayoutWidth",
+    value: function getLayoutWidth() {
+      var width = this.getWidth();
+      if (this.usesContentBoxSizing()) {
+        width += this.getPaddingLeft() + this.getPaddingRight();
+      }
+      return width;
+    }
+  }, {
+    key: "addToUpdatingTargets",
+    value: function addToUpdatingTargets(key) {
+      var _this$parent9;
+      if (this.updatingTargetMap[key]) {
+        return;
+      }
+      this.updatingTargetMap[key] = true;
+      this.updatingTargetList.push(key);
+      (_this$parent9 = this.parent) === null || _this$parent9 === void 0 || _this$parent9.addToUpdatingChildren(this);
+    }
+  }, {
+    key: "removeFromUpdatingTargets",
+    value: function removeFromUpdatingTargets(key) {
+      if (!this.updatingTargetMap[key]) {
+        return;
+      }
+      delete this.updatingTargetMap[key];
+      var index = this.updatingTargetList.indexOf(key);
+      if (index >= 0) {
+        this.updatingTargetList.splice(index, 1);
+      }
+      if (!this.updatingTargetList.length) {
+        var _this$parent10;
+        (_this$parent10 = this.parent) === null || _this$parent10 === void 0 || _this$parent10.removeFromUpdatingChildren(this);
+      }
+    }
+  }, {
+    key: "usesContentBoxSizing",
+    value: function usesContentBoxSizing() {
+      return this.getBoxSizing() !== "border-box";
+    }
+  }, {
+    key: "getBoxSizing",
+    value: function getBoxSizing() {
+      var _ref5, _ref6, _this$val10;
+      return (_ref5 = (_ref6 = (_this$val10 = this.val("boxSizing")) !== null && _this$val10 !== void 0 ? _this$val10 : this.val("box-sizing")) !== null && _ref6 !== void 0 ? _ref6 : this.getParentValue("boxSizing")) !== null && _ref5 !== void 0 ? _ref5 : "content-box";
+    }
+  }, {
+    key: "getPaddingTop",
+    value: function getPaddingTop() {
+      var _ref7, _this$val11;
+      return (_ref7 = (_this$val11 = this.val("paddingTop")) !== null && _this$val11 !== void 0 ? _this$val11 : this.val("topPadding")) !== null && _ref7 !== void 0 ? _ref7 : TModelUtil.getPaddingValue(this, "top");
+    }
+  }, {
+    key: "getPaddingLeft",
+    value: function getPaddingLeft() {
+      var _ref8, _this$val12;
+      return (_ref8 = (_this$val12 = this.val("paddingLeft")) !== null && _this$val12 !== void 0 ? _this$val12 : this.val("leftPadding")) !== null && _ref8 !== void 0 ? _ref8 : TModelUtil.getPaddingValue(this, "left");
+    }
+  }, {
+    key: "getPaddingRight",
+    value: function getPaddingRight() {
+      var _ref9, _this$val13;
+      return (_ref9 = (_this$val13 = this.val("paddingRight")) !== null && _this$val13 !== void 0 ? _this$val13 : this.val("rightPadding")) !== null && _ref9 !== void 0 ? _ref9 : TModelUtil.getPaddingValue(this, "right");
+    }
+  }, {
+    key: "getPaddingBottom",
+    value: function getPaddingBottom() {
+      var _ref10, _this$val14;
+      return (_ref10 = (_this$val14 = this.val("paddingBottom")) !== null && _this$val14 !== void 0 ? _this$val14 : this.val("bottomPadding")) !== null && _ref10 !== void 0 ? _ref10 : TModelUtil.getPaddingValue(this, "bottom");
+    }
+  }]);
+}();
+export { ParticleChild };