targetj 1.0.74 → 1.0.76

package/babel.config.json

@@ -0,0 +1,17 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "browsers": [
+            "last 2 versions",
+            "ie 11"
+          ]
+        },
+        "useBuiltIns": "entry",
+        "corejs": "3.22"
+      }
+    ]
+  ]
+}

package/build/$Dom.js

@@ -0,0 +1,424 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$Dom = void 0;
+var _Browser = require("./Browser.js");
+var _TUtil = require("./TUtil.js");
+var _App = require("./App.js");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var $Dom = exports.$Dom = /*#__PURE__*/function () {
+  function $Dom(elemSelector) {
+    _classCallCheck(this, $Dom);
+    if (typeof elemSelector === 'string') {
+      this.selector = elemSelector;
+      this.element = $Dom.query(elemSelector);
+    } else if (elemSelector) {
+      this.element = elemSelector;
+    }
+    this.childrenCount = 0;
+    this.$domParent = undefined;
+    this.originalContent = undefined;
+    this.textOnly = true;
+  }
+  return _createClass($Dom, [{
+    key: "exists",
+    value: function exists() {
+      if (this.selector) {
+        this.element = $Dom.query(this.selector);
+      }
+      return !!this.element;
+    }
+  }, {
+    key: "create",
+    value: function create(tag) {
+      this.element = document.createElement(tag);
+    }
+  }, {
+    key: "setSelector",
+    value: function setSelector(selector) {
+      this.selector = selector;
+    }
+  }, {
+    key: "setId",
+    value: function setId(id) {
+      this.attr("id", id[0] === '#' ? id.slice(1) : id);
+    }
+  }, {
+    key: "focus",
+    value: function focus() {
+      this.element.focus();
+    }
+  }, {
+    key: "attr",
+    value: function attr(name, value) {
+      if (!this.element) {
+        return;
+      }
+      if (_TUtil.TUtil.isDefined(value)) {
+        this.element.setAttribute(name, value);
+      } else {
+        return this.element.getAttribute(name);
+      }
+    }
+  }, {
+    key: "value",
+    value: function value(_value) {
+      if (!this.element) {
+        return;
+      }
+      if (_TUtil.TUtil.isDefined(_value)) {
+        this.element.value = _value;
+      } else {
+        return this.element.value;
+      }
+    }
+  }, {
+    key: "select",
+    value: function select() {
+      if (this.element && typeof this.element.select === 'function') {
+        this.element.select();
+      }
+    }
+  }, {
+    key: "width",
+    value: function width(_width) {
+      if (_TUtil.TUtil.isDefined(_width)) {
+        this.element.style.width = _TUtil.TUtil.isNumber(_width) ? "".concat(_width, "px") : _width;
+      } else {
+        return this.element.offsetWidth;
+      }
+    }
+  }, {
+    key: "height",
+    value: function height(_height) {
+      if (_TUtil.TUtil.isDefined(_height)) {
+        this.element.style.height = _TUtil.TUtil.isNumber(_height) ? "".concat(_height, "px") : _height;
+      } else {
+        return this.element.offsetHeight;
+      }
+    }
+  }, {
+    key: "css",
+    value: function css(_css) {
+      if (_TUtil.TUtil.isDefined(_css)) {
+        this.attr('class', _css);
+      } else {
+        return this.attr('class');
+      }
+    }
+  }, {
+    key: "setStyleByMap",
+    value: function setStyleByMap(attrMap) {
+      var _this = this;
+      Object.keys(attrMap).forEach(function (key) {
+        var value = attrMap[key];
+        switch (key) {
+          case 'transform':
+            _this.transform.apply(_this, _toConsumableArray(value));
+            break;
+          case 'width':
+            _this.width(value);
+            break;
+          case 'height':
+            _this.height(value);
+            break;
+          default:
+            _this.style(key, value);
+        }
+      });
+    }
+  }, {
+    key: "style",
+    value: function style(name, value) {
+      if (_TUtil.TUtil.isDefined(value)) {
+        this.element.style[name] = value;
+      } else {
+        return this.element.style[name];
+      }
+    }
+  }, {
+    key: "getStyleValue",
+    value: function getStyleValue(name) {
+      var styleValue = this.style(name);
+      var numericValue = _TUtil.TUtil.isDefined(styleValue) ? styleValue.replace(/[^-\d.]/g, '') : 0;
+      return parseFloat(numericValue);
+    }
+  }, {
+    key: "getBoundingClientRect",
+    value: function getBoundingClientRect() {
+      return this.element.getBoundingClientRect();
+    }
+  }, {
+    key: "parent",
+    value: function parent() {
+      return this.element ? this.element.parentElement : null;
+    }
+  }, {
+    key: "detach",
+    value: function detach() {
+      $Dom.detach(this.element);
+      if (this.$domParent && this.$domParent.childrenCount > 0) {
+        this.$domParent.childrenCount--;
+      }
+    }
+  }, {
+    key: "append$Dom",
+    value: function append$Dom($dom) {
+      this.element.appendChild($dom.element);
+    }
+  }, {
+    key: "insertFirst$Dom",
+    value: function insertFirst$Dom($dom) {
+      if (this.element.firstChild) {
+        this.element.insertBefore($dom.element, this.element.firstChild);
+      } else {
+        this.append$Dom($dom);
+      }
+    }
+  }, {
+    key: "appendTModel$Dom",
+    value: function appendTModel$Dom(tmodel) {
+      if (this.childrenCount === 0 && this.element.children.length > 1 && tmodel.getDomParent() && tmodel.getDomParent().getHtml() && tmodel.getDomParent().getHtml() === this.originalContent) {
+        this.element.innerHTML = "<div>".concat(this.html(), "</div>");
+      }
+      this.element.appendChild(tmodel.$dom.element);
+      tmodel.$dom.$domParent = this;
+      this.childrenCount++;
+    }
+  }, {
+    key: "html",
+    value: function html(_html) {
+      if (_TUtil.TUtil.isDefined(_html)) {
+        if (this.childrenCount > 0) {
+          var element = document.createElement('div');
+          element.innerHTML = _html;
+          if (_TUtil.TUtil.isDefined(this.originalContent)) {
+            this.element.replaceChild(element, this.element.firstChild);
+          } else {
+            this.element.insertBefore(element, this.element.firstChild);
+          }
+          this.originalContent = _html;
+          this.textOnly = false;
+        } else {
+          this.element.innerHTML = _html;
+          this.originalContent = _html;
+          this.textOnly = false;
+        }
+      } else {
+        return this.originalContent;
+      }
+    }
+  }, {
+    key: "text",
+    value: function text(_text) {
+      if (_TUtil.TUtil.isDefined(_text)) {
+        if (this.childrenCount > 0) {
+          var element = document.createTextNode(_text);
+          if (_TUtil.TUtil.isDefined(this.originalContent)) {
+            this.element.replaceChild(element, this.element.firstChild);
+          } else {
+            this.element.insertBefore(element, this.element.firstChild);
+          }
+          this.originalContent = _text;
+          this.textOnly = true;
+        } else {
+          this.element.textContent = _text;
+          this.originalContent = _text;
+          this.textOnly = true;
+        }
+      } else {
+        return this.originalContent;
+      }
+    }
+  }, {
+    key: "outerHTML",
+    value: function outerHTML(html) {
+      this.element.outerHTML = html;
+    }
+  }, {
+    key: "innerHTML",
+    value: function innerHTML(html) {
+      if (_TUtil.TUtil.isDefined(html)) {
+        this.element.innerHTML = html;
+      } else {
+        return this.element.innerHTML;
+      }
+    }
+  }, {
+    key: "addClass",
+    value: function addClass(className) {
+      var oldValue = this.attr('class');
+      var newValue = !oldValue ? className : oldValue.includes(className) ? oldValue : "".concat(oldValue, " ").concat(className);
+      if (newValue !== oldValue) {
+        this.attr('class', newValue);
+      }
+    }
+  }, {
+    key: "addEvent",
+    value: function addEvent(type, fn) {
+      if (!this.element.addEventListener) {
+        this.element.attachEvent("on".concat(type), fn);
+      } else {
+        this.element.addEventListener(type, fn, {
+          capture: false,
+          passive: false
+        });
+      }
+    }
+  }, {
+    key: "detachEvent",
+    value: function detachEvent(type, fn) {
+      if (this.element.removeEventListener) {
+        this.element.removeEventListener(type, fn, false);
+      } else if (this.element.detachEvent) {
+        this.element.detachEvent("on".concat(type), fn);
+      } else {
+        this.element["on".concat(type)] = null;
+      }
+    }
+  }, {
+    key: "transform",
+    value: function transform(x, y, rotate, scale) {
+      var transformValue = this.createTransformValue(x, y, rotate, scale);
+      if (transformValue !== this.element.style[_Browser.browser.style.transform]) {
+        this.element.style[_Browser.browser.style.transform] = transformValue;
+      }
+    }
+  }, {
+    key: "createTransformValue",
+    value: function createTransformValue(x, y, rotate, scale) {
+      var xy = _TUtil.TUtil.isDefined(x) && _TUtil.TUtil.isDefined(y) ? "translate(".concat(x !== 0 ? "".concat(x, "px") : '0', ",").concat(y !== 0 ? "".concat(y, "px") : '0', ") ") : '';
+      rotate = _TUtil.TUtil.isDefined(rotate) ? "rotate(".concat(rotate, "deg) ") : '';
+      scale = _TUtil.TUtil.isDefined(scale) ? "scale(".concat(scale, ")") : '';
+      return (xy + rotate + scale).trim();
+    }
+  }, {
+    key: "animate",
+    value: function animate(keyFrames, options) {
+      return this.element.animate(keyFrames, options);
+    }
+  }, {
+    key: "getContext",
+    value: function getContext(type, selector) {
+      var element = _TUtil.TUtil.isDefined(selector) ? $Dom.query(selector) : this.query('canvas');
+      return element ? element.getContext(type) : undefined;
+    }
+  }, {
+    key: "findFirstByClass",
+    value: function findFirstByClass(className) {
+      return $Dom.findFirstByClass(className, this.element);
+    }
+  }, {
+    key: "findFirstByTag",
+    value: function findFirstByTag(tagName) {
+      return $Dom.findFirstByTag(tagName, this.element);
+    }
+  }, {
+    key: "query",
+    value: function query(selector) {
+      return selector[0] === '#' ? $Dom.findById(selector) : selector[0] === '.' ? this.findFirstByClass(selector) : this.findFirstByTag(selector);
+    }
+  }], [{
+    key: "query",
+    value: function query(selector) {
+      return selector[0] === '#' ? $Dom.findById(selector) : selector[0] === '.' ? $Dom.findFirstByClass(selector) : $Dom.findFirstByTag(selector);
+    }
+  }, {
+    key: "findById",
+    value: function findById(id) {
+      return document.getElementById(id[0] === '#' ? id.slice(1) : id);
+    }
+  }, {
+    key: "findFirstByClass",
+    value: function findFirstByClass(className, element) {
+      var elements = $Dom.findByClass(className, element);
+      return elements.length > 0 ? elements[0] : null;
+    }
+  }, {
+    key: "findFirstByTag",
+    value: function findFirstByTag(tagName, element) {
+      var elements = $Dom.findByTag(tagName, element);
+      return elements.length > 0 ? elements[0] : null;
+    }
+  }, {
+    key: "findByTag",
+    value: function findByTag(tagName) {
+      var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
+      return element.getElementsByTagName(tagName);
+    }
+  }, {
+    key: "findByClass",
+    value: function findByClass(className) {
+      var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
+      return element.getElementsByClassName(className[0] === '.' ? className.slice(1) : className);
+    }
+  }, {
+    key: "findNearestParentWithId",
+    value: function findNearestParentWithId(element) {
+      while (element) {
+        var oid = typeof element.getAttribute === 'function' && element.getAttribute("id") ? element.getAttribute("id") : null;
+        if (oid && (0, _App.getManager)().visibleOidMap[oid]) {
+          return oid;
+        }
+        element = element.parentElement;
+      }
+    }
+  }, {
+    key: "detach",
+    value: function detach(element) {
+      var parent = _TUtil.TUtil.isDefined(element) ? element.parentElement : null;
+      if (parent) {
+        parent.removeChild(element);
+      }
+    }
+  }, {
+    key: "ready",
+    value: function ready(callback) {
+      var $doc = new $Dom(document);
+      $doc.addEvent('DOMContentLoaded', callback);
+    }
+  }, {
+    key: "ajax",
+    value: function ajax(query) {
+      var xhr = new XMLHttpRequest();
+      var params = "";
+      if (query.data) {
+        params = Object.keys(query.data).map(function (key) {
+          return "".concat(key, "=").concat(encodeURIComponent(query.data[key]));
+        }).join('&');
+      }
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) {
+          if (xhr.status === 200) {
+            var response = query.dataType === 'json' ? JSON.parse(this.responseText) : this.responseText;
+            query.success(response);
+          } else {
+            query.error(xhr.status);
+          }
+        }
+      };
+      if (query.type === 'POST') {
+        xhr.open(query.type, query.url, true);
+        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+        xhr.send(params);
+      } else {
+        query.url += !params ? "" : query.url > "" && query.url.indexOf("?") >= 0 ? "&".concat(params) : "?".concat(params);
+        xhr.open(query.type, query.url, true);
+        xhr.send();
+      }
+    }
+  }]);
+}();

package/build/App.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "$Dom", {
+  enumerable: true,
+  get: function get() {
+    return _$Dom.$Dom;
+  }
+});
+exports.tRoot = exports.tApp = exports.isRunning = exports.getScreenWidth = exports.getScreenHeight = exports.getPager = exports.getManager = exports.getLoader = exports.getEvents = exports.App = void 0;
+var _$Dom = require("./$Dom.js");
+var _TModel = require("./TModel.js");
+var _Browser = require("./Browser.js");
+var _Dim = require("./Dim.js");
+var _EventListener = require("./EventListener.js");
+var _LoadingManager = require("./LoadingManager.js");
+var _LocationManager = require("./LocationManager.js");
+var _PageManager = require("./PageManager.js");
+var _SearchUtil = require("./SearchUtil.js");
+var _TModelManager = require("./TModelManager.js");
+var _TUtil = require("./TUtil.js");
+var _TargetManager = require("./TargetManager.js");
+var tApp;
+var AppFn = function AppFn(firstChild) {
+  var my = {};
+  my.throttle = 0;
+  my.debugLevel = 0;
+  my.runningFlag = false;
+  my.init = function () {
+    _Browser.browser.setup();
+    my.$window = new _$Dom.$Dom(window);
+    my.$window.addEvent("popstate", function (event) {
+      if (event.state) {
+        tApp.pager.openLinkFromHistory(event.state);
+      }
+    });
+    my.loader = new _LoadingManager.LoadingManager();
+    my.pager = new _PageManager.PageManager();
+    my.dim = new _Dim.Dim().measureScreen();
+    my.events = new _EventListener.EventListener();
+    my.locationManager = new _LocationManager.LocationManager();
+    my.targetManager = new _TargetManager.TargetManager();
+    my.manager = new _TModelManager.TModelManager();
+    my.tRootFactory = function () {
+      var tRoot = new _TModel.TModel('targetj');
+      tRoot.addChild = function (child, index) {
+        if (!_TUtil.TUtil.isDefined(child.targets['domHolder'])) {
+          child.addTarget('domHolder', {
+            value: function value() {
+              var $dom;
+              if (!_$Dom.$Dom.query('#tj-root')) {
+                $dom = new _$Dom.$Dom();
+                $dom.create('div');
+                $dom.setSelector('#tj-root');
+                $dom.setId('#tj-root');
+                $dom.attr("tabindex", "0");
+                new _$Dom.$Dom('body').insertFirst$Dom($dom);
+              } else {
+                $dom = new _$Dom.$Dom('#tj-root');
+              }
+              return $dom;
+            }
+          });
+        }
+        if (!_TUtil.TUtil.isDefined(child.targets['addEventHandler'])) {
+          child.addTarget('addEventHandler', {
+            value: function value() {
+              my.events.removeHandlers(this.$dom);
+              my.events.addHandlers(this.$dom);
+              if (this.hasDom) {
+                this.$dom.focus();
+              }
+            },
+            enabledOn: function enabledOn() {
+              return this.hasDom();
+            }
+          });
+        }
+        _TModel.TModel.prototype.addChild.call(tRoot, child, index);
+      };
+      if (my.tRoot) {
+        my.tRoot.getChildren().forEach(function (t, num) {
+          var child = new _TModel.TModel(t.type, t.targets);
+          child.oidNum = num;
+          child.oid = num > 0 ? "".concat(t.type).concat(num) : t.type;
+          tRoot.addChild(child);
+        });
+      }
+      return tRoot;
+    };
+    my.tRoot = my.tRootFactory();
+    if (firstChild) {
+      my.tRoot.addChild(firstChild);
+    }
+    window.history.pushState({
+      link: document.URL
+    }, "", document.URL);
+    return my;
+  };
+  my.start = function () {
+    my.runningFlag = false;
+    my.events.clearAll();
+    my.tRoot.getChildren().forEach(function (child) {
+      child.deleteTargetValue('addEventHandler');
+    });
+    my.events.removeWindowHandlers();
+    my.events.addWindowHandlers();
+    my.dim.measureScreen();
+    my.manager.resetRuns();
+    my.runningFlag = true;
+    my.manager.scheduleRun(0, "appStart");
+    return my;
+  };
+  my.stop = function () {
+    my.runningFlag = false;
+    my.events.removeWindowHandlers();
+    my.tRoot.getChildren().forEach(function (child) {
+      if (child.hasDom()) {
+        my.events.removeHandlers(child.$dom);
+      }
+    });
+    my.events.clearAll();
+    my.manager.resetRuns();
+    return my;
+  };
+  my.reset = function () {
+    my.manager.lists.visible.forEach(function (tmodel) {
+      return tmodel.domValues = {};
+    });
+    my.manager.clear();
+    my.locationManager.hasLocationList.length = 0;
+    my.locationManager.screenWidth = 0;
+    my.locationManager.screenHeight = 0;
+    _SearchUtil.SearchUtil.foundParentWithTarget = {};
+    _SearchUtil.SearchUtil.foundTypeMap = {};
+    _SearchUtil.SearchUtil.foundTargetMap = {};
+  };
+  my.isRunning = function () {
+    return my.runningFlag;
+  };
+  my.find = function (oid) {
+    return _SearchUtil.SearchUtil.find(oid);
+  };
+  return my;
+};
+var App = exports.App = function App(tmodel) {
+  exports.tApp = tApp = AppFn(tmodel);
+  tApp.init().start();
+};
+App.oids = {};
+App.getOid = function (type) {
+  if (!_TUtil.TUtil.isDefined(App.oids[type])) {
+    App.oids[type] = 0;
+  }
+  var num = App.oids[type]++;
+  return {
+    oid: num > 0 ? "".concat(type).concat(num) : type,
+    num: num
+  };
+};
+var isRunning = exports.isRunning = function isRunning() {
+  return tApp ? tApp.runningFlag : false;
+};
+var tRoot = exports.tRoot = function tRoot() {
+  return tApp ? tApp.tRoot : null;
+};
+var getEvents = exports.getEvents = function getEvents() {
+  return tApp ? tApp.events : null;
+};
+var getPager = exports.getPager = function getPager() {
+  return tApp ? tApp.pager : null;
+};
+var getLoader = exports.getLoader = function getLoader() {
+  return tApp ? tApp.loader : null;
+};
+var getManager = exports.getManager = function getManager() {
+  return tApp ? tApp.manager : null;
+};
+var getScreenWidth = exports.getScreenWidth = function getScreenWidth() {
+  return tApp ? tApp.dim.screen.width : 0;
+};
+var getScreenHeight = exports.getScreenHeight = function getScreenHeight() {
+  return tApp ? tApp.dim.screen.height : 0;
+};
+window.t = window.t || _SearchUtil.SearchUtil.find;