targetj 1.0.74 → 1.0.76

package/src/$Dom.js

@@ -1,380 +0,0 @@
-import { browser } from "./Browser.js";
-import { TUtil } from "./TUtil.js";
-import { getManager } from "./App.js";
-
-function $Dom(elemSelector) {
-    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;
-}
-
-$Dom.prototype.exists = function() {
-    if (this.selector) {
-        this.element = $Dom.query(this.selector);
-    }
-    
-    return !!this.element;
-};
-
-$Dom.prototype.create = function(tag) {
-    this.element = document.createElement(tag);
-};
-
-$Dom.prototype.setSelector = function(selector) {
-    this.selector = selector;
-};
-
-$Dom.prototype.setId = function(id) {
-    this.attr("id", id[0] === '#' ? id.slice(1) : id);        
-};
-
-$Dom.prototype.focus = function() {
-    this.element.focus();
-};
-
-$Dom.prototype.attr = function(name, value) {
-    if (!this.element) {
-        return;
-    }
-    
-    if (TUtil.isDefined(value)) {
-        this.element.setAttribute(name, value);
-    } else {
-        return this.element.getAttribute(name);
-    }
-};
-
-$Dom.prototype.value = function(value) {
-    if (!this.element) {
-        return;
-    }
-
-    if (TUtil.isDefined(value)) {
-        this.element.value = value;
-    } else {
-        return this.element.value;
-    }    
-};
-
-$Dom.prototype.select = function() {
-    if (!this.element || typeof this.element.select !== 'function') {
-        return;
-    }
-    
-    this.element.select();
-};
-
-$Dom.prototype.width = function(width) {
-    if (TUtil.isDefined(width)) {
-        this.element.style.width = TUtil.isNumber(width) ? width + 'px' : width;  
-    } else {
-        return this.element.offsetWidth;        
-    }      
-};
-
-$Dom.prototype.height = function(height) {
-    if (TUtil.isDefined(height)) {
-        this.element.style.height = TUtil.isNumber(height) ? height + 'px' : height;  
-    } else {
-        return this.element.offsetHeight;        
-    }
-};
-
-$Dom.prototype.css = function(css) {
-    if (TUtil.isDefined(css)) {
-         this.attr('class', css);
-    } else {
-        return this.attr('classs');        
-    }  
-};
-
-$Dom.prototype.setStyleByMap = function(attrMap) {
-    var self = this;
-    Object.keys(attrMap).forEach(function(key) {
-        var value = attrMap[key];
-        switch(key) {
-            case 'transform':
-                self.transform.apply(self, value);
-                break;
-                
-            case 'width': 
-                self.width(value);
-                break;
-
-            case 'height': 
-                self.height(value);
-                break;
-
-            default: 
-                self.style(key, value);
-        }
-    });
-};
-
-$Dom.prototype.style = function(name, value) {
-    if (TUtil.isDefined(value)) {
-        this.element.style[name] = value;
-    } else {
-        return this.element.style[name];
-    }  
-};
-
-$Dom.prototype.getStyleValue = function(name) {
-    var styleValue = this.style(name);
-    var numericValue = TUtil.isDefined(styleValue) ? styleValue.replace(/[^-\d.]/g, '') : 0;
-    return parseFloat(numericValue);    
-};
-
-$Dom.prototype.getBoundingClientRect = function() {
-    return this.element.getBoundingClientRect();
-};
-
-$Dom.prototype.parent = function() {
-    return this.element ? this.element.parentElement : null;
-};
-
-$Dom.prototype.detach = function() {
-    $Dom.detach(this.element);
-    if (this.$domParent && this.$domParent.childrenCount > 0) {
-        this.$domParent.childrenCount--;
-    }
-};
-
-$Dom.prototype.append$Dom = function($dom) {
-    this.element.appendChild($dom.element);
-};
-
-$Dom.prototype.insertFirst$Dom = function($dom) {
-    if (this.element.firstChild) {
-        this.element.insertBefore($dom.element, this.element.firstChild);    
-    } else {
-        this.append$Dom($dom);
-    }
-};
-
-$Dom.prototype.appendTModel$Dom = function(tmodel) {
-    if (this.childrenCount === 0 && this.element.children.length > 1 && tmodel.getDomParent() && tmodel.getDomParent().getHtml()
-            && tmodel.getDomParent().getHtml() === this.originalContent) {
-        this.element.innerHTML = "<div>" + this.html() + "</div>";
-    }
-    
-    this.element.appendChild(tmodel.$dom.element);
-    tmodel.$dom.$domParent = this;
-    this.childrenCount++;
-};
-
-$Dom.prototype.html = function(html) {
-    if (TUtil.isDefined(html)) { 
-        if (this.childrenCount > 0) {
-
-            var element = document.createElement('div');
-            element.innerHTML = html;
-                    
-            if (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;
-    }
-};
-
-$Dom.prototype.text = function(text) {
-    if (TUtil.isDefined(text)) { 
-        if (this.childrenCount > 0) {
-            var element = document.createTextNode(text);
-            if (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;
-    }
-};
-
-$Dom.prototype.outerHTML = function(html) {
-    this.element.outerHTML = html; 
-};
-
-$Dom.prototype.innerHTML = function(html) {
-    if (TUtil.isDefined(html)) {
-        this.element.innerHTML = html; 
-    } else {
-        return this.element.innerHTML;
-    }
-};
-
-$Dom.prototype.addClass = function(className) {
-    var oldValue = this.attr('class');
-    var newValue = !oldValue ? className : oldValue.indexOf(className) >= 0 ? oldValue : oldValue + ' ' + className;
-   
-    if (newValue !== oldValue) {
-        this.attr('class', newValue);       
-    }
-};
-
-$Dom.prototype.addEvent = function (type, fn) {
-    if (!this.element.addEventListener) {
-        this.element.attachEvent("on" + type, fn);
-    } else {
-        this.element.addEventListener(type, fn, { capture: false, passive: false });
-    }
-};
-
-$Dom.prototype.detachEvent = function (type, fn) {
-    if (this.element.removeEventListener) {
-        this.element.removeEventListener(type, fn, false);
-    } else if (this.element.detachEvent) {
-        this.element.detachEvent("on" + type, fn);
-    } else {
-        this.element["on" + type] = null;
-    }
-};
-
-$Dom.prototype.transform = function(x, y, rotate, scale) {
-    var tranformValue = this.createTrasformValue(x, y, rotate, scale);
-    if (tranformValue !== this.element.style[browser.style.transform]) {
-       this.element.style[browser.style.transform] = tranformValue;        
-    }
-};
-
-$Dom.prototype.createTrasformValue = function(x, y, rotate, scale) {
-    var xy = TUtil.isDefined(x) && TUtil.isDefined(y) ? 'translate(' + (x !== 0 ? x + 'px' : '0') + ',' + (y !== 0 ? y + 'px' : '0') + ') ': '';
-    rotate = TUtil.isDefined(rotate) ? 'rotate(' + rotate + 'deg) ' : '';        
-    scale = TUtil.isDefined(scale) ? 'scale(' + scale + ')' : '';
-    return (xy + rotate + scale).trim();
-};
-
-$Dom.prototype.animate = function(keyFrames, options) {
-    return this.element.animate(keyFrames, options);
-};
-
-$Dom.prototype.getContext = function(type, selector) {
-    var element = TUtil.isDefined(selector) ? $Dom.query(selector) : this.query('canvas');
-    return element ? element.getContext(type) : undefined;
-};
-
-$Dom.prototype.findFirstByClass = function(className) {
-    return $Dom.findFirstByClass(className, this.element);
-};
-
-$Dom.prototype.findFirstByTag = function(tagName) {
-    return $Dom.findFirstByTag(tagName, this.element);
-};
-
-$Dom.prototype.query = function(selector) {
-    return selector[0] === '#' ? $Dom.findById(selector) : selector[0] === '.' ? this.findFirstByClass(selector) : this.findFirstByTag(selector);
-};
-
-$Dom.query = function(selector) {
-    return selector[0] === '#' ? $Dom.findById(selector) : selector[0] === '.' ? $Dom.findFirstByClass(selector) : $Dom.findFirstByTag(selector);
-};
-
-$Dom.findById = function(id) {
-    return document.getElementById(id[0] === '#' ? id.slice(1) : id);
-};
-
-$Dom.findFirstByClass = function(className, element) {
-    var elements = $Dom.findByClass(className, element);
-    return elements.length > 0 ? elements[0] : null;
-};
-
-$Dom.findFirstByTag = function(tagName, element) {
-    var elements = $Dom.findByTag(tagName, element);
-    return elements.length > 0 ? elements[0] : null;
-};
-
-$Dom.findByTag = function(tagName, element) {
-    element = TUtil.isDefined(element) ? element : document;
-    return element.getElementsByTagName(tagName);
-};
-
-$Dom.findByClass = function(className, element) {
-    element = TUtil.isDefined(element) ? element : document;
-    return element.getElementsByClassName(className[0] === '.' ? className.slice(1) : className);
-};
-
-$Dom.findNearestParentWithId = function(element) {
-    while (element) {
-        var oid = typeof element.getAttribute === 'function' && element.getAttribute("id") ? element.getAttribute("id") : null;
-        if (oid && getManager().visibleOidMap[oid]) {
-            return oid;
-        }
-        
-        element = element.parentElement;
-    }
-};
-
-$Dom.detach = function(element) {
-    var parent = TUtil.isDefined(element) ? element.parentElement : null;
-    if (parent) {
-        parent.removeChild(element);        
-    }
-};
-
-$Dom.ready = function(callback) {   
-    var $doc = new $Dom(document);
-    $doc.addEvent('DOMContentLoaded', callback);
-};
-
-$Dom.ajax = function(query) {
-    var xhr = new XMLHttpRequest();
-
-    var params = "";
-    if (query.data) {
-        params = Object.keys(query.data).map(function(key) {
-            return key + "=" + 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 ? "&" + params : "?" + params;
-        xhr.open(query.type, query.url, true); 
-        xhr.send();        
-    }
-};
-
-export { $Dom };

package/src/App.js

@@ -1,224 +0,0 @@
-import { $Dom } from "./$Dom.js";
-import { TModel } from "./TModel.js";
-import { browser } from "./Browser.js";
-import { Dim } from "./Dim.js";
-import { EventListener } from "./EventListener.js";
-import { LoadingManager } from "./LoadingManager.js";
-import { LocationManager } from "./LocationManager.js";
-import { PageManager } from "./PageManager.js";
-import { SearchUtil } from "./SearchUtil.js";
-import { TModelManager } from "./TModelManager.js";
-import { TUtil } from "./TUtil.js";
-import { TargetManager } from "./TargetManager.js";
-
-var tapp;
-
-function AppFn(firstChild) { 
-        
-    function my() {} 
-    
-    my.throttle = 0;
-    my.debugLevel = 0;
-
-    my.runningFlag = false;
-    
-    my.init = function() {
-        browser.setup();
-        
-        my.$window = new $Dom(window);
-        my.$window.addEvent("popstate", function(event) {
-            if (event.state) {
-                tapp.pager.openLinkFromHistory(event.state);
-            }
-        });
-                
-        my.loader = new LoadingManager();
-        
-        my.pager = new PageManager();
-                 
-        my.dim = Dim().measureScreen();
-                        
-        my.events = new EventListener();
-        
-        my.locationManager = new LocationManager();
-        my.targetManager = new TargetManager();
-        my.manager = new TModelManager();
-        
-        my.trootFactory = function() {
-            
-            var troot = new TModel('targetj');
-                        
-            troot.addChild = function(child, index) {
-                if (!TUtil.isDefined(child.targets['domHolder'])) {
-                    child.addTarget('domHolder', {
-                        value: function() {
-                            var $dom;
-                            if (!$Dom.query('#tj-root')) {
-                                $dom = new $Dom();            
-                                $dom.create('div');
-                                $dom.setSelector('#tj-root');
-                                $dom.setId('#tj-root');
-                                $dom.attr("tabindex", "0");
-                                new $Dom('body').insertFirst$Dom($dom);            
-                            } else {
-                                $dom = new $Dom('#tj-root');
-                            }
-                            return $dom;
-                        }
-                    });
-                }
-                
-                if (!TUtil.isDefined(child.targets['addEventHandler'])) {                
-                    child.addTarget('addEventHandler', {
-                        value: function() {
-                            my.events.removeHandlers(this.$dom);
-                            my.events.addHandlers(this.$dom);
-                            if (this.hasDom) {
-                                this.$dom.focus();                                
-                            }
-                        },
-                        enabledOn: function() {
-                            return this.hasDom();
-                        }
-                    });
-                }
-                
-                TModel.prototype.addChild.call(troot, child, index);  
-            };
-                        
-            if (my.troot) {
-                my.troot.getChildren().forEach(function(t, num) {
-                    var child = new TModel(t.type, t.targets);
-                    child.oidNum = num;
-                    child.oid = num > 0 ? t.type + 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) { tmodel.domValues = {}; });
-        my.manager.clear();
-        my.locationManager.hasLocationList.length = 0;
-        my.locationManager.screenWidth = 0;
-        my.locationManager.screenHeight = 0;
-        SearchUtil.foundParentWithTarget = {};
-        SearchUtil.foundTypeMap = {};
-        SearchUtil.foundTargetMap = {}; 
-    };
-    
-    my.isRunning = function() {
-        return my.runningFlag;
-    };
-
-    my.find = function(oid) {
-        return SearchUtil.find(oid);
-    };
-
-    return my;
-}
-
-function App(tmodel) {
-    tapp = AppFn(tmodel);    
-    tapp.init().start();
-
-    return tapp;
-}
-
-function isRunning() {
-    return tapp ? tapp.runningFlag : false;
-}
-
-function troot() {
-    return tapp ? tapp.troot : null;
-}
-
-function getEvents() {
-    return tapp ? tapp.events : null;
-}
-
-function getPager() {
-    return tapp ? tapp.pager : null;
-}
-
-function getLoader() {
-    return tapp ? tapp.loader : null;
-}
-
-function getManager() {
-    return tapp ? tapp.manager : null;
-}
-
-function getScreenWidth() {
-    return tapp ? tapp.dim.screen.width : 0;
-}
-
-function getScreenHeight() {
-    return tapp ? tapp.dim.screen.height : 0;
-}
-
-window.t = window.t || SearchUtil.find;
-
-App.oids = {};
-App.getOid = function(type) { 
-    if (!TUtil.isDefined(App.oids[type]))  {
-        App.oids[type] = 0;
-    }
-
-    var num = App.oids[type]++;
-    return { oid: num > 0 ? type + num : type, num: num };
-};
-
-export { tapp, App, troot, isRunning, getEvents, getPager, getLoader, getManager, $Dom, getScreenWidth, getScreenHeight };