targetj 1.0.259 → 1.1.0

package/build/Child.js

@@ -0,0 +1,504 @@
+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 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 _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";
+
+/**
+ * It provides a lightweight logical child that can be rendered by different backends.
+ *
+ * A Child participates in layout, visibility and the public child API, but does not
+ * have its own TargetJS runtime, scheduler, DOM, animations or child hierarchy.
+ */
+var Child = /*#__PURE__*/function () {
+  function Child(parent, index) {
+    var _parent$particleValue;
+    _classCallCheck(this, Child);
+    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;
+    var values = (_parent$particleValue = parent.particleValues[index]) !== null && _parent$particleValue !== void 0 ? _parent$particleValue : {};
+    this.explicitX = Object.prototype.hasOwnProperty.call(values, "x");
+    this.explicitY = Object.prototype.hasOwnProperty.call(values, "y");
+    this.targets = {};
+    this.targetValues = {};
+    this.allTargetMap = {};
+    for (var _i = 0, _Object$keys = Object.keys(values); _i < _Object$keys.length; _i++) {
+      var key = _Object$keys[_i];
+      this.allTargetMap[key] = true;
+    }
+    this.actualValues = _objectSpread(_objectSpread({}, values), {}, {
+      isVisible: true
+    });
+    this.visibilityStatus = undefined;
+    this.updatingTargetList = [];
+    this.activeTargetList = [];
+    this.activatedTargets = [];
+    this.runtimeState = {
+      updatingTargetList: this.updatingTargetList,
+      activeTargetList: this.activeTargetList,
+      activatedTargets: this.activatedTargets,
+      fetchActionTargetList: [],
+      lastChildrenUpdate: {
+        additions: [],
+        deletions: []
+      }
+    };
+    this.noDomUpdatingTargets = false;
+    this.pendingTargets = false;
+    this.currentStatus = undefined;
+    this.dirtyLayout = false;
+  }
+  return _createClass(Child, [{
+    key: "state",
+    value: function state() {
+      return this.runtimeState;
+    }
+  }, {
+    key: "isTargetImperative",
+    value: function isTargetImperative() {
+      return false;
+    }
+  }, {
+    key: "val",
+    value: function val(key, value) {
+      if (arguments.length === 2) {
+        this.allTargetMap[key] = true;
+        this.actualValues[key] = value;
+        if (key === "x") {
+          this.explicitX = true;
+        } else if (key === "y") {
+          this.explicitY = true;
+        }
+        this.parent.setChildValue(this.index, key, value);
+        return this;
+      }
+      return this.parent.getChildValue(this.index, key);
+    }
+  }, {
+    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$parent2 = this.parent) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.getChild(this.index)) === this;
+    }
+  }, {
+    key: "isComplete",
+    value: function isComplete() {
+      return true;
+    }
+  }, {
+    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: "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() {
+      return this.explicitX ? this.val("x") : this.x;
+    }
+  }, {
+    key: "getY",
+    value: function getY() {
+      return this.explicitY ? this.val("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 undefined;
+    }
+  }, {
+    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 _this$getX, _this$getY;
+      var parent = this.parent;
+      if (!parent) {
+        return false;
+      }
+      var x = (_this$getX = this.getX()) !== null && _this$getX !== void 0 ? _this$getX : 0;
+      var y = (_this$getY = this.getY()) !== null && _this$getY !== void 0 ? _this$getY : 0;
+      var width = this.getWidth();
+      var height = this.getHeight();
+      var parentWidth = parent.getWidth();
+      var parentHeight = parent.getHeight();
+      return x + width >= 0 && y + height >= 0 && x <= parentWidth && y <= parentHeight;
+    }
+  }, {
+    key: "validateVisibilityInParent",
+    value: function validateVisibilityInParent() {
+      return true;
+    }
+  }, {
+    key: "addToParentVisibleChildren",
+    value: function addToParentVisibleChildren() {
+      if (this.isVisible() && this.isInFlow() && this.parent) {
+        this.parent.visibleChildren.push(this);
+      }
+    }
+  }, {
+    key: "setLayoutX",
+    value: function setLayoutX(value) {
+      this.x = value;
+      if (!this.explicitX) {
+        this.actualValues.x = value;
+        this.parent.setChildLayoutValue(this.index, "x", value);
+      }
+    }
+  }, {
+    key: "setLayoutY",
+    value: function setLayoutY(value) {
+      this.y = value;
+      if (!this.explicitY) {
+        this.actualValues.y = value;
+        this.parent.setChildLayoutValue(this.index, "y", value);
+      }
+    }
+  }, {
+    key: "setTarget",
+    value: function setTarget(key, value) {
+      this.allTargetMap[key] = true;
+      if (key === "x") {
+        this.explicitX = true;
+      } else if (key === "y") {
+        this.explicitY = true;
+      }
+      this.parent.setChildTarget(this.index, key, value);
+      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: "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 { Child };

package/build/EventListener.js

@@ -377,6 +377,15 @@ var EventListener = /*#__PURE__*/function () {
           mark(this.currentHandlers.scrollTop, "scrolltop-event");
           mark(this.currentHandlers.pinch, "pinch-event");
           break;
+        case "popstate":
+          for (var _i2 = 0, _Object$values = Object.values(getManager().visibleOidMap); _i2 < _Object$values.length; _i2++) {
+            var _tmodel$externalEvent;
+            var tmodel = _Object$values[_i2];
+            if ((_tmodel$externalEvent = tmodel.externalEventMap) !== null && _tmodel$externalEvent !== void 0 && _tmodel$externalEvent.has("onPopState")) {
+              mark(tmodel, "popstate-event");
+            }
+          }
+          break;
       }
     }
   }, {
@@ -698,7 +707,7 @@ var EventListener = /*#__PURE__*/function () {
       if (el && el.nodeType === 1) {
         oid = el.getAttribute('tgjs-oid') || el.id;
       }
-      if (!oid || !tApp.manager.visibleOidMap[oid]) {
+      if (!oid || !getManager().visibleOidMap[oid]) {
         oid = el === null || el === void 0 ? void 0 : el.id;
         if (!oid || !getManager().visibleOidMap[oid]) {
           oid = $Dom.findNearestParentWithId(event.target);