dom-render 1.0.38 → 1.0.42

package/dist/{dom-render.js → bundle.js}

@@ -1,1111 +1,1113 @@
 'use strict';
 try{if(!exports) {var exports = {}}}catch (e) {var exports = {}} Object.defineProperty(exports, '__esModule', { value: true });
-var ValidUtils = (function () {
-    function ValidUtils() {
-    }
-    ValidUtils.isNullOrUndefined = function (data) {
-        if (data == null || undefined === data) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    ValidUtils.isNull = function (data) {
-        if (data == null) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
-    ValidUtils.isArray = function (object_o) {
-        if (ValidUtils.isNullOrUndefined(object_o)) {
-            return false;
-        }
-        else {
-            return Object.prototype.toString.call(object_o).trim() === '[object Array]';
-        }
-    };
-    ValidUtils.isNumber = function (object_o) {
-        if (ValidUtils.isNullOrUndefined(object_o)) {
-            return false;
-        }
-        else {
-            return Object.prototype.toString.call(object_o).trim() === '[object Number]';
-        }
-    };
-    ValidUtils.isString = function (object_o) {
-        if (ValidUtils.isNullOrUndefined(object_o)) {
-            return false;
-        }
-        else {
-            return Object.prototype.toString.call(object_o).trim() === '[object String]';
-        }
-    };
-    ValidUtils.isFunction = function (object_o) {
-        if (ValidUtils.isNullOrUndefined(object_o)) {
-            return false;
-        }
-        else {
-            return Object.prototype.toString.call(object_o).trim() === '[object Function]';
-        }
-    };
-    ValidUtils.isObject = function (object_o) {
-        if (ValidUtils.isNullOrUndefined(object_o)) {
-            return false;
-        }
-        else {
-            return Object.prototype.toString.call(object_o).trim() === '[object Object]';
-        }
-    };
-    ValidUtils.isMap = function (object_o) {
-        if (ValidUtils.isNullOrUndefined(object_o)) {
-            return false;
-        }
-        else {
-            return Object.prototype.toString.call(object_o).trim() === '[object Map]';
-        }
-    };
-    return ValidUtils;
+var ValidUtils = (function () {
+    function ValidUtils() {
+    }
+    ValidUtils.isNullOrUndefined = function (data) {
+        if (data == null || undefined === data) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    ValidUtils.isNull = function (data) {
+        if (data == null) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    };
+    ValidUtils.isArray = function (object_o) {
+        if (ValidUtils.isNullOrUndefined(object_o)) {
+            return false;
+        }
+        else {
+            return Object.prototype.toString.call(object_o).trim() === '[object Array]';
+        }
+    };
+    ValidUtils.isNumber = function (object_o) {
+        if (ValidUtils.isNullOrUndefined(object_o)) {
+            return false;
+        }
+        else {
+            return Object.prototype.toString.call(object_o).trim() === '[object Number]';
+        }
+    };
+    ValidUtils.isString = function (object_o) {
+        if (ValidUtils.isNullOrUndefined(object_o)) {
+            return false;
+        }
+        else {
+            return Object.prototype.toString.call(object_o).trim() === '[object String]';
+        }
+    };
+    ValidUtils.isFunction = function (object_o) {
+        if (ValidUtils.isNullOrUndefined(object_o)) {
+            return false;
+        }
+        else {
+            return Object.prototype.toString.call(object_o).trim() === '[object Function]';
+        }
+    };
+    ValidUtils.isObject = function (object_o) {
+        if (ValidUtils.isNullOrUndefined(object_o)) {
+            return false;
+        }
+        else {
+            return Object.prototype.toString.call(object_o).trim() === '[object Object]';
+        }
+    };
+    ValidUtils.isMap = function (object_o) {
+        if (ValidUtils.isNullOrUndefined(object_o)) {
+            return false;
+        }
+        else {
+            return Object.prototype.toString.call(object_o).trim() === '[object Map]';
+        }
+    };
+    return ValidUtils;
 }());
 
-var RandomUtils = (function () {
-    function RandomUtils() {
-    }
-    RandomUtils.random = function (min, max) {
-        if (ValidUtils.isNullOrUndefined(min)) {
-            return Math.random();
-        }
-        else if (!ValidUtils.isNullOrUndefined(min) && ValidUtils.isNullOrUndefined(max)) {
-            return Math.random() * (min || 0);
-        }
-        else {
-            return Math.random() * ((max || 0) - (min || 0)) + (min || 0);
-        }
-    };
-    RandomUtils.uuid = function (format) {
-        if (format === void 0) { format = 'xxxx-xxxx-xxxx-xxxx'; }
-        return format.replace(/[xy]/g, function (c) {
-            var r = Math.random() * 16 | 0;
-            var v = c === 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    };
-    RandomUtils.getRandomColor = function () {
-        var letters = '0123456789ABCDEF'.split('');
-        var color = '#';
-        for (var i = 0; i < 6; i++) {
-            color += letters[Math.floor(Math.random() * 16)];
-        }
-        return color;
-    };
-    RandomUtils.getRandomString = function (len) {
-        var letters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
-        var color = '';
-        for (var i = 0; i < len; i++) {
-            color += letters[Math.floor(Math.random() * letters.length)];
-        }
-        return color;
-    };
-    RandomUtils.d = '';
-    return RandomUtils;
+var RandomUtils = (function () {
+    function RandomUtils() {
+    }
+    RandomUtils.random = function (min, max) {
+        if (ValidUtils.isNullOrUndefined(min)) {
+            return Math.random();
+        }
+        else if (!ValidUtils.isNullOrUndefined(min) && ValidUtils.isNullOrUndefined(max)) {
+            return Math.random() * (min || 0);
+        }
+        else {
+            return Math.random() * ((max || 0) - (min || 0)) + (min || 0);
+        }
+    };
+    RandomUtils.uuid = function (format) {
+        if (format === void 0) { format = 'xxxx-xxxx-xxxx-xxxx'; }
+        return format.replace(/[xy]/g, function (c) {
+            var r = Math.random() * 16 | 0;
+            var v = c === 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+        });
+    };
+    RandomUtils.getRandomColor = function () {
+        var letters = '0123456789ABCDEF'.split('');
+        var color = '#';
+        for (var i = 0; i < 6; i++) {
+            color += letters[Math.floor(Math.random() * 16)];
+        }
+        return color;
+    };
+    RandomUtils.getRandomString = function (len) {
+        var letters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+        var color = '';
+        for (var i = 0; i < len; i++) {
+            color += letters[Math.floor(Math.random() * letters.length)];
+        }
+        return color;
+    };
+    RandomUtils.d = '';
+    return RandomUtils;
 }());
 
-var StringUtils = (function () {
-    function StringUtils() {
-    }
-    StringUtils.deleteEnter = function (data) {
-        return data.replace(/\r?\n/g, '');
-    };
-    StringUtils.regexExec = function (regex, text) {
-        var varExec = regex.exec(text);
-        var usingVars = [];
-        while (varExec) {
-            usingVars.push(varExec);
-            varExec = regex.exec(varExec.input);
-        }
-        return usingVars;
-    };
-    return StringUtils;
+var StringUtils = (function () {
+    function StringUtils() {
+    }
+    StringUtils.deleteEnter = function (data) {
+        return data.replace(/\r?\n/g, '');
+    };
+    StringUtils.regexExec = function (regex, text) {
+        var varExec = regex.exec(text);
+        var usingVars = [];
+        while (varExec) {
+            usingVars.push(varExec);
+            varExec = regex.exec(varExec.input);
+        }
+        return usingVars;
+    };
+    return StringUtils;
 }());
 
-var ScriptUtils = (function () {
-    function ScriptUtils() {
-    }
-    ScriptUtils.getVariablePaths = function (script) {
-        var usingVars = new Set();
-        var GetDetectProxy = (function () {
-            function GetDetectProxy(prefix) {
-                this.prefix = prefix;
-                this.usingVars = usingVars;
-            }
-            GetDetectProxy.prototype.set = function (target, p, value, receiver) {
-                return true;
-            };
-            GetDetectProxy.prototype.get = function (target, p, receiver) {
-                var items;
-                if (typeof p === 'string') {
-                    items = this.prefix ? this.prefix + '.' + p : p;
-                    this.usingVars.add(items);
-                }
-                return new Proxy(function () {
-                }, new GetDetectProxy(items));
-            };
-            return GetDetectProxy;
-        }());
-        var destUser = new Proxy(function () {
-        }, new GetDetectProxy());
-        try {
-            Function("\"use strict\"; " + script + "; ").bind(destUser)();
-        }
-        catch (e) {
-            console.error(e);
-        }
-        return usingVars;
-    };
-    ScriptUtils.evalReturn = function (script, thisTarget) {
-        return this.eval('return ' + script + ';', thisTarget);
-    };
-    ScriptUtils.eval = function (script, thisTarget) {
-        return Function("\"use strict\"; " + script + " ").bind(thisTarget)();
-    };
-    ScriptUtils.loadElement = function (name, attribute, target) {
-        if (target === void 0) { target = document.head; }
-        return new Promise(function (resolve, reject) {
-            var tag = document.createElement(name);
-            tag.onload = resolve;
-            tag.onerror = reject;
-            for (var _i = 0, _a = Object.entries(attribute); _i < _a.length; _i++) {
-                var _b = _a[_i], key = _b[0], value = _b[1];
-                tag.setAttribute(key, value);
-            }
-            target.append(tag);
-        });
-    };
-    ScriptUtils.loadStyleSheet = function (href, attribute) {
-        if (attribute === void 0) { attribute = {}; }
-        attribute.type = 'text/css';
-        attribute.rel = 'stylesheet';
-        attribute.href = href;
-        return ScriptUtils.loadElement('link', attribute);
-    };
-    ScriptUtils.loadScript = function (src, attribute) {
-        if (attribute === void 0) { attribute = {}; }
-        attribute.type = 'text/javascript';
-        attribute.src = src;
-        return ScriptUtils.loadElement('script', attribute);
-    };
-    return ScriptUtils;
+var ScriptUtils = (function () {
+    function ScriptUtils() {
+    }
+    ScriptUtils.getVariablePaths = function (script) {
+        var usingVars = new Set();
+        var GetDetectProxy = (function () {
+            function GetDetectProxy(prefix) {
+                this.prefix = prefix;
+                this.usingVars = usingVars;
+            }
+            GetDetectProxy.prototype.set = function (target, p, value, receiver) {
+                return true;
+            };
+            GetDetectProxy.prototype.get = function (target, p, receiver) {
+                var items;
+                if (typeof p === 'string') {
+                    items = this.prefix ? this.prefix + '.' + p : p;
+                    this.usingVars.add(items);
+                }
+                return new Proxy(function () {
+                }, new GetDetectProxy(items));
+            };
+            return GetDetectProxy;
+        }());
+        var destUser = new Proxy(function () {
+        }, new GetDetectProxy());
+        try {
+            Function("\"use strict\"; " + script + "; ").bind(destUser)();
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return usingVars;
+    };
+    ScriptUtils.evalReturn = function (script, thisTarget) {
+        return this.eval('return ' + script + ';', thisTarget);
+    };
+    ScriptUtils.eval = function (script, thisTarget) {
+        return Function("\"use strict\"; " + script + " ").bind(thisTarget)();
+    };
+    ScriptUtils.loadElement = function (name, attribute, target) {
+        if (target === void 0) { target = document.head; }
+        return new Promise(function (resolve, reject) {
+            var tag = document.createElement(name);
+            tag.onload = resolve;
+            tag.onerror = reject;
+            for (var _i = 0, _a = Object.entries(attribute); _i < _a.length; _i++) {
+                var _b = _a[_i], key = _b[0], value = _b[1];
+                tag.setAttribute(key, value);
+            }
+            target.append(tag);
+        });
+    };
+    ScriptUtils.loadStyleSheet = function (href, attribute) {
+        if (attribute === void 0) { attribute = {}; }
+        attribute.type = 'text/css';
+        attribute.rel = 'stylesheet';
+        attribute.href = href;
+        return ScriptUtils.loadElement('link', attribute);
+    };
+    ScriptUtils.loadScript = function (src, attribute) {
+        if (attribute === void 0) { attribute = {}; }
+        attribute.type = 'text/javascript';
+        attribute.src = src;
+        return ScriptUtils.loadElement('script', attribute);
+    };
+    return ScriptUtils;
 }());
 
-var eventManager = new (function () {
-    function class_1() {
-        var _this = this;
-        this.attrPrefix = 'dr-';
-        this.eventNames = [
-            'click', 'mousedown', 'mouseup', 'dblclick', 'mouseover', 'mouseout', 'mousemove', 'mouseenter', 'mouseleave', 'contextmenu',
-            'keyup', 'keydown', 'keypress',
-            'change', 'input', 'submit', 'resize'
-        ];
-        this.attrNames = [
-            this.attrPrefix + 'value',
-            this.attrPrefix + 'value-link',
-            this.attrPrefix + 'attr',
-            this.attrPrefix + 'style',
-            this.attrPrefix + 'class',
-            this.attrPrefix + 'window-event-popstate',
-            this.attrPrefix + 'on-init'
-        ];
-        this.eventNames.forEach(function (it) {
-            _this.attrNames.push(_this.attrPrefix + 'event-' + it);
-        });
-        window.addEventListener('popstate', function (e) {
-            document.querySelectorAll('[dr-window-event-popstate]').forEach(function (it) {
-                var _a;
-                var script = it.getAttribute('dr-window-event-popstate');
-                if (script) {
-                    (_a = Function("\"use strict\"; const $target = this.$target;  " + script + " ").bind(Object.assign({ $target: it }, it.obj))()) !== null && _a !== void 0 ? _a : {};
-                }
-            });
-        });
-    }
-    class_1.prototype.findAttrElements = function (fragment, config) {
-        var _a, _b;
-        var elements = new Set();
-        var addAttributes = (_b = (_a = config === null || config === void 0 ? void 0 : config.applyEvents) === null || _a === void 0 ? void 0 : _a.map(function (it) { return it.attrName; })) !== null && _b !== void 0 ? _b : [];
-        addAttributes.concat(this.attrNames).forEach(function (attrName) {
-            fragment === null || fragment === void 0 ? void 0 : fragment.querySelectorAll("[" + attrName + "]").forEach(function (it) {
-                elements.add(it);
-            });
-        });
-        return elements;
-    };
-    class_1.prototype.applyEvent = function (obj, childNodes, config) {
-        var _this = this;
-        this.eventNames.forEach(function (it) {
-            _this.addDrEvent(obj, it, childNodes);
-        });
-        this.procAttr(childNodes, this.attrPrefix + 'value', function (it, attribute) {
-            var script = attribute;
-            if (script) {
-                var data = ScriptUtils.evalReturn(script, obj);
-                if (it.value !== data) {
-                    it.value = data;
-                }
-            }
-        });
-        this.procAttr(childNodes, this.attrPrefix + 'window-event-popstate', function (it, attribute) {
-            it.obj = obj;
-        });
-        this.procAttr(childNodes, this.attrPrefix + 'on-init', function (it, varName) {
-            if (varName) {
-                if (typeof _this.getValue(obj, varName) === 'function') {
-                    _this.getValue(obj, varName)(it);
-                }
-                else {
-                    _this.setValue(obj, varName, it);
-                }
-            }
-        });
-        this.procAttr(childNodes, this.attrPrefix + 'value-link', function (it, varName) {
-            if (varName) {
-                var value = _this.getValue(obj, varName);
-                if (typeof value === 'function' && value) {
-                    value(it.value);
-                }
-                else {
-                    _this.setValue(obj, varName, it.value);
-                }
-                it.addEventListener('input', function (eit) {
-                    if (typeof _this.getValue(obj, varName) === 'function') {
-                        _this.getValue(obj, varName)(it.value, eit);
-                    }
-                    else {
-                        _this.setValue(obj, varName, it.value);
-                    }
-                });
-            }
-        });
-        this.changeVar(obj, childNodes, undefined);
-        var elements = Array.from(childNodes).filter(function (it) { return it.nodeType === 1; }).map(function (it) { return it; });
-        elements.forEach(function (it) {
-            var _a;
-            (_a = config === null || config === void 0 ? void 0 : config.applyEvents) === null || _a === void 0 ? void 0 : _a.filter(function (ta) { return it.getAttribute(ta.attrName); }).forEach(function (ta) { return ta.callBack(it, it.getAttribute(ta.attrName), obj); });
-        });
-    };
-    class_1.prototype.changeVar = function (obj, elements, varName) {
-        var _this = this;
-        this.procAttr(elements, this.attrPrefix + 'value-link', function (it, attribute) {
-            if (attribute && attribute === varName) {
-                if (typeof _this.getValue(obj, attribute) === 'function') {
-                    _this.getValue(obj, attribute)(it.value);
-                }
-                else {
-                    var value = _this.getValue(obj, attribute);
-                    if (value !== undefined && value !== null) {
-                        it.value = value;
-                    }
-                }
-            }
-        });
-        this.procAttr(elements, this.attrPrefix + 'attr', function (it, attribute) {
-            var _a;
-            var script = attribute;
-            if (script) {
-                script = 'return ' + script;
-            }
-            if (_this.isUsingThisVar(script, varName) || varName === undefined) {
-                var data = (_a = Function("\"use strict\"; const $target=this.$target; " + script + " ").bind(Object.assign({ $target: it }, obj))()) !== null && _a !== void 0 ? _a : {};
-                for (var _i = 0, _b = Object.entries(data); _i < _b.length; _i++) {
-                    var _c = _b[_i], key = _c[0], value = _c[1];
-                    it.setAttribute(key, String(value));
-                }
-            }
-        });
-        this.procAttr(elements, this.attrPrefix + 'style', function (it, attribute) {
-            var _a;
-            var script = attribute;
-            if (script) {
-                script = 'return ' + script;
-            }
-            if (_this.isUsingThisVar(script, varName) || varName === undefined) {
-                var data = (_a = Function("\"use strict\"; const $target = this.$target;  " + script + " ").bind(Object.assign({ $target: it }, obj))()) !== null && _a !== void 0 ? _a : {};
-                for (var _i = 0, _b = Object.entries(data); _i < _b.length; _i++) {
-                    var _c = _b[_i], key = _c[0], value = _c[1];
-                    if (it instanceof HTMLElement) {
-                        it.style[key] = String(value);
-                    }
-                }
-            }
-        });
-        this.procAttr(elements, this.attrPrefix + 'class', function (it, attribute) {
-            var _a;
-            var script = attribute;
-            if (script) {
-                script = 'return ' + script;
-            }
-            if (_this.isUsingThisVar(script, varName) || varName === undefined) {
-                var data = (_a = Function("\"use strict\"; const $target = this.$target;  " + script + " ").bind(Object.assign({ $target: it }, obj))()) !== null && _a !== void 0 ? _a : {};
-                for (var _i = 0, _b = Object.entries(data); _i < _b.length; _i++) {
-                    var _c = _b[_i], key = _c[0], value = _c[1];
-                    if (it instanceof HTMLElement) {
-                        if (value) {
-                            it.classList.add(key);
-                        }
-                        else {
-                            it.classList.remove(key);
-                        }
-                    }
-                }
-            }
-        });
-    };
-    class_1.prototype.addDrEvent = function (obj, eventName, elements) {
-        var attr = this.attrPrefix + 'event-' + eventName;
-        this.procAttr(elements, attr, function (it, attribute) {
-            var script = attribute;
-            it.addEventListener(eventName, function (event) {
-                var _a;
-                var f = Function("\"use strict\"; const $target=event.target; const $event=event; " + script + " ");
-                (_a = f.bind(Object.assign(obj))()) !== null && _a !== void 0 ? _a : {};
-            });
-        });
-    };
-    class_1.prototype.procAttr = function (elements, attrName, callBack) {
-        if (elements === void 0) { elements = new Set(); }
-        var sets = new Set();
-        elements.forEach(function (it) {
-            if (!it) {
-                return;
-            }
-            if (it.nodeType === 1) {
-                var e = it;
-                sets.add(e);
-                e.querySelectorAll("[" + attrName + "]").forEach(function (it) {
-                    sets.add(it);
-                });
-            }
-        });
-        sets.forEach(function (it) {
-            var attr = it.getAttribute(attrName);
-            if (attr) {
-                callBack(it, attr);
-            }
-        });
-    };
-    class_1.prototype.getValue = function (obj, name, value) {
-        var r = ScriptUtils.evalReturn(name, obj);
-        if (typeof r === 'function') {
-            r = r.bind(obj);
-        }
-        return r;
-    };
-    class_1.prototype.setValue = function (obj, name, value) {
-        ScriptUtils.eval("this." + name + " = this.value", {
-            this: obj,
-            value: value
-        });
-    };
-    class_1.prototype.isUsingThisVar = function (raws, varName) {
-        if (varName && raws) {
-            if (varName.startsWith('this.')) {
-                varName = varName.replace(/this\./, '');
-            }
-            var variablePaths = ScriptUtils.getVariablePaths(raws !== null && raws !== void 0 ? raws : '');
-            return variablePaths.has(varName);
-        }
-        return false;
-    };
-    return class_1;
+var eventManager = new (function () {
+    function class_1() {
+        var _this = this;
+        this.attrPrefix = 'dr-';
+        this.eventNames = [
+            'click', 'mousedown', 'mouseup', 'dblclick', 'mouseover', 'mouseout', 'mousemove', 'mouseenter', 'mouseleave', 'contextmenu',
+            'keyup', 'keydown', 'keypress',
+            'change', 'input', 'submit', 'resize'
+        ];
+        this.attrNames = [
+            this.attrPrefix + 'value',
+            this.attrPrefix + 'value-link',
+            this.attrPrefix + 'attr',
+            this.attrPrefix + 'style',
+            this.attrPrefix + 'class',
+            this.attrPrefix + 'window-event-popstate',
+            this.attrPrefix + 'on-init'
+        ];
+        this.eventNames.forEach(function (it) {
+            _this.attrNames.push(_this.attrPrefix + 'event-' + it);
+        });
+        window.addEventListener('popstate', function (e) {
+            document.querySelectorAll('[dr-window-event-popstate]').forEach(function (it) {
+                var _a;
+                var script = it.getAttribute('dr-window-event-popstate');
+                if (script) {
+                    (_a = Function("\"use strict\"; const $target = this.$target;  " + script + " ").bind(Object.assign({ $target: it }, it.obj))()) !== null && _a !== void 0 ? _a : {};
+                }
+            });
+        });
+    }
+    class_1.prototype.findAttrElements = function (fragment, config) {
+        var _a, _b;
+        var elements = new Set();
+        var addAttributes = (_b = (_a = config === null || config === void 0 ? void 0 : config.applyEvents) === null || _a === void 0 ? void 0 : _a.map(function (it) { return it.attrName; })) !== null && _b !== void 0 ? _b : [];
+        addAttributes.concat(this.attrNames).forEach(function (attrName) {
+            fragment === null || fragment === void 0 ? void 0 : fragment.querySelectorAll("[" + attrName + "]").forEach(function (it) {
+                elements.add(it);
+            });
+        });
+        return elements;
+    };
+    class_1.prototype.applyEvent = function (obj, childNodes, config) {
+        var _this = this;
+        this.eventNames.forEach(function (it) {
+            _this.addDrEvent(obj, it, childNodes);
+        });
+        this.procAttr(childNodes, this.attrPrefix + 'value', function (it, attribute) {
+            var script = attribute;
+            if (script) {
+                var data = ScriptUtils.evalReturn(script, obj);
+                if (it.value !== data) {
+                    it.value = data;
+                }
+            }
+        });
+        this.procAttr(childNodes, this.attrPrefix + 'window-event-popstate', function (it, attribute) {
+            it.obj = obj;
+        });
+        this.procAttr(childNodes, this.attrPrefix + 'on-init', function (it, varName) {
+            if (varName) {
+                if (typeof _this.getValue(obj, varName) === 'function') {
+                    _this.getValue(obj, varName)(it);
+                }
+                else {
+                    _this.setValue(obj, varName, it);
+                }
+            }
+        });
+        this.procAttr(childNodes, this.attrPrefix + 'value-link', function (it, varName) {
+            if (varName) {
+                var value = _this.getValue(obj, varName);
+                if (typeof value === 'function' && value) {
+                    value(it.value);
+                }
+                else {
+                    _this.setValue(obj, varName, it.value);
+                }
+                it.addEventListener('input', function (eit) {
+                    if (typeof _this.getValue(obj, varName) === 'function') {
+                        _this.getValue(obj, varName)(it.value, eit);
+                    }
+                    else {
+                        _this.setValue(obj, varName, it.value);
+                    }
+                });
+            }
+        });
+        this.changeVar(obj, childNodes, undefined);
+        var elements = Array.from(childNodes).filter(function (it) { return it.nodeType === 1; }).map(function (it) { return it; });
+        elements.forEach(function (it) {
+            var _a;
+            (_a = config === null || config === void 0 ? void 0 : config.applyEvents) === null || _a === void 0 ? void 0 : _a.filter(function (ta) { return it.getAttribute(ta.attrName); }).forEach(function (ta) { return ta.callBack(it, it.getAttribute(ta.attrName), obj); });
+        });
+    };
+    class_1.prototype.changeVar = function (obj, elements, varName) {
+        var _this = this;
+        this.procAttr(elements, this.attrPrefix + 'value-link', function (it, attribute) {
+            if (attribute && attribute === varName) {
+                if (typeof _this.getValue(obj, attribute) === 'function') {
+                    _this.getValue(obj, attribute)(it.value);
+                }
+                else {
+                    var value = _this.getValue(obj, attribute);
+                    if (value !== undefined && value !== null) {
+                        it.value = value;
+                    }
+                }
+            }
+        });
+        this.procAttr(elements, this.attrPrefix + 'attr', function (it, attribute) {
+            var _a;
+            var script = attribute;
+            if (script) {
+                script = 'return ' + script;
+            }
+            if (_this.isUsingThisVar(script, varName) || varName === undefined) {
+                var data = (_a = Function("\"use strict\"; const $target=this.$target; " + script + " ").bind(Object.assign({ $target: it }, obj))()) !== null && _a !== void 0 ? _a : {};
+                for (var _i = 0, _b = Object.entries(data); _i < _b.length; _i++) {
+                    var _c = _b[_i], key = _c[0], value = _c[1];
+                    it.setAttribute(key, String(value));
+                }
+            }
+        });
+        this.procAttr(elements, this.attrPrefix + 'style', function (it, attribute) {
+            var _a;
+            var script = attribute;
+            if (script) {
+                script = 'return ' + script;
+            }
+            if (_this.isUsingThisVar(script, varName) || varName === undefined) {
+                var data = (_a = Function("\"use strict\"; const $target = this.$target;  " + script + " ").bind(Object.assign({ $target: it }, obj))()) !== null && _a !== void 0 ? _a : {};
+                for (var _i = 0, _b = Object.entries(data); _i < _b.length; _i++) {
+                    var _c = _b[_i], key = _c[0], value = _c[1];
+                    if (it instanceof HTMLElement) {
+                        it.style[key] = String(value);
+                    }
+                }
+            }
+        });
+        this.procAttr(elements, this.attrPrefix + 'class', function (it, attribute) {
+            var _a;
+            var script = attribute;
+            if (script) {
+                script = 'return ' + script;
+            }
+            if (_this.isUsingThisVar(script, varName) || varName === undefined) {
+                var data = (_a = Function("\"use strict\"; const $target = this.$target;  " + script + " ").bind(Object.assign({ $target: it }, obj))()) !== null && _a !== void 0 ? _a : {};
+                for (var _i = 0, _b = Object.entries(data); _i < _b.length; _i++) {
+                    var _c = _b[_i], key = _c[0], value = _c[1];
+                    if (it instanceof HTMLElement) {
+                        if (value) {
+                            it.classList.add(key);
+                        }
+                        else {
+                            it.classList.remove(key);
+                        }
+                    }
+                }
+            }
+        });
+    };
+    class_1.prototype.addDrEvent = function (obj, eventName, elements) {
+        var attr = this.attrPrefix + 'event-' + eventName;
+        this.procAttr(elements, attr, function (it, attribute) {
+            var script = attribute;
+            it.addEventListener(eventName, function (event) {
+                var _a;
+                var f = Function("\"use strict\"; const $target=event.target; const $event=event; " + script + " ");
+                (_a = f.bind(Object.assign(obj))()) !== null && _a !== void 0 ? _a : {};
+            });
+        });
+    };
+    class_1.prototype.procAttr = function (elements, attrName, callBack) {
+        if (elements === void 0) { elements = new Set(); }
+        var sets = new Set();
+        elements.forEach(function (it) {
+            if (!it) {
+                return;
+            }
+            if (it.nodeType === 1) {
+                var e = it;
+                sets.add(e);
+                e.querySelectorAll("[" + attrName + "]").forEach(function (it) {
+                    sets.add(it);
+                });
+            }
+        });
+        sets.forEach(function (it) {
+            var attr = it.getAttribute(attrName);
+            if (attr) {
+                callBack(it, attr);
+            }
+        });
+    };
+    class_1.prototype.getValue = function (obj, name, value) {
+        var r = ScriptUtils.evalReturn(name, obj);
+        if (typeof r === 'function') {
+            r = r.bind(obj);
+        }
+        return r;
+    };
+    class_1.prototype.setValue = function (obj, name, value) {
+        ScriptUtils.eval("this." + name + " = this.value", {
+            this: obj,
+            value: value
+        });
+    };
+    class_1.prototype.isUsingThisVar = function (raws, varName) {
+        if (varName && raws) {
+            if (varName.startsWith('this.')) {
+                varName = varName.replace(/this\./, '');
+            }
+            var variablePaths = ScriptUtils.getVariablePaths(raws !== null && raws !== void 0 ? raws : '');
+            return variablePaths.has(varName);
+        }
+        return false;
+    };
+    return class_1;
 }())();
 
-var RawSet = (function () {
-    function RawSet(uuid, point, fragment, data) {
-        if (data === void 0) { data = {}; }
-        this.uuid = uuid;
-        this.point = point;
-        this.fragment = fragment;
-        this.data = data;
-    }
-    Object.defineProperty(RawSet.prototype, "isConnected", {
-        get: function () {
-            return this.point.start.isConnected && this.point.end.isConnected;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    RawSet.prototype.getUsingTriggerVariables = function (config) {
-        var usingTriggerVariables = new Set();
-        this.fragment.childNodes.forEach(function (cNode, key) {
-            var _a, _b, _c;
-            var script = '';
-            if (cNode.nodeType === Node.TEXT_NODE) {
-                script = "`" + ((_a = cNode.textContent) !== null && _a !== void 0 ? _a : '') + "`";
-            }
-            else if (cNode.nodeType === Node.ELEMENT_NODE) {
-                var element_1 = cNode;
-                var targetAttrNames = ((_c = (_b = config === null || config === void 0 ? void 0 : config.targetAttrs) === null || _b === void 0 ? void 0 : _b.map(function (it) { return it.name; })) !== null && _c !== void 0 ? _c : []).concat(RawSet.DR_ATTRIBUTES);
-                script = targetAttrNames.map(function (it) { return (element_1.getAttribute(it)); }).filter(function (it) { return it; }).join(';');
-            }
-            if (script) {
-                script = script.replace(RegExp(RawSet.SCRIPTS_VARNAME.replace('$', '\\$'), 'g'), "this?.___" + RawSet.SCRIPTS_VARNAME);
-                script = script.replace(RegExp(RawSet.RAWSET_VARNAME.replace('$', '\\$'), 'g'), "this?.___" + RawSet.RAWSET_VARNAME);
-                Array.from(ScriptUtils.getVariablePaths(script)).filter(function (it) { return !it.startsWith("___" + RawSet.SCRIPTS_VARNAME) && !it.startsWith("___" + RawSet.SCRIPTS_VARNAME); }).forEach(function (it) { return usingTriggerVariables.add(it); });
-            }
-        });
-        return usingTriggerVariables;
-    };
-    RawSet.prototype.render = function (obj, config) {
-        var _this = this;
-        var genNode = document.importNode(this.fragment, true);
-        var raws = [];
-        var onAttrInitCallBack = [];
-        var onElementInitCallBack = [];
-        genNode.childNodes.forEach(function (cNode, key) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-            var fag = document.createDocumentFragment();
-            if (cNode.nodeType === Node.TEXT_NODE) {
-                var textContent = cNode.textContent;
-                var n = document.createTextNode(ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                    return `" + textContent + "`\n                    ", Object.assign(obj, {
-                    __render: Object.freeze({
-                        rawset: _this,
-                        scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
-                    })
-                })));
-                (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(n, cNode);
-            }
-            else if (cNode.nodeType === Node.ELEMENT_NODE) {
-                var element_2 = cNode;
-                var drAttr = {
-                    dr: _this.getAttributeAndDelete(element_2, RawSet.DR),
-                    drIf: _this.getAttributeAndDelete(element_2, RawSet.DR_IF_NAME),
-                    drFor: _this.getAttributeAndDelete(element_2, RawSet.DR_FOR_NAME),
-                    drForOf: _this.getAttributeAndDelete(element_2, RawSet.DR_FOR_OF_NAME),
-                    drThis: _this.getAttributeAndDelete(element_2, RawSet.DR_THIS_NAME),
-                    drInnerHTML: _this.getAttributeAndDelete(element_2, RawSet.DR_INNERHTML_NAME),
-                    drInnerText: _this.getAttributeAndDelete(element_2, RawSet.DR_INNERTEXT_NAME),
-                    drItOption: _this.getAttributeAndDelete(element_2, RawSet.DR_IT_OPTIONNAME),
-                    drVarOption: _this.getAttributeAndDelete(element_2, RawSet.DR_VAR_OPTIONNAME),
-                    drStripOption: _this.getAttributeAndDelete(element_2, RawSet.DR_STRIP_OPTIONNAME) === 'true'
-                };
-                if (drAttr.dr !== null && drAttr.dr.length >= 0) {
-                    var itRandom = RawSet.drItOtherEncoding(element_2);
-                    var vars = RawSet.drVarEncoding(element_2, (_b = drAttr.drVarOption) !== null && _b !== void 0 ? _b : '');
-                    var newTemp = document.createElement('temp');
-                    ScriptUtils.eval("\n                        const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                        const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }", Object.assign(obj, {
-                        __render: Object.freeze({
-                            fag: newTemp,
-                            drStripOption: drAttr.drStripOption,
-                            element: element_2,
-                            rawset: _this,
-                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
-                        })
-                    }));
-                    RawSet.drVarDecoding(newTemp, vars);
-                    RawSet.drItOtherDecoding(newTemp, itRandom);
-                    var tempalte = document.createElement('template');
-                    tempalte.innerHTML = newTemp.innerHTML;
-                    fag.append(tempalte.content);
-                    var rr = RawSet.checkPointCreates(fag, config);
-                    (_c = element_2.parentNode) === null || _c === void 0 ? void 0 : _c.replaceChild(fag, element_2);
-                    raws.push.apply(raws, rr);
-                }
-                if (drAttr.drIf) {
-                    var itRandom = RawSet.drItOtherEncoding(element_2);
-                    var vars = RawSet.drVarEncoding(element_2, (_d = drAttr.drVarOption) !== null && _d !== void 0 ? _d : '');
-                    var newTemp = document.createElement('temp');
-                    ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                    if(" + drAttr.drIf + ") {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }", Object.assign(obj, {
-                        __render: Object.freeze({
-                            fag: newTemp,
-                            drStripOption: drAttr.drStripOption,
-                            element: element_2,
-                            rawset: _this,
-                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
-                        })
-                    }));
-                    RawSet.drVarDecoding(newTemp, vars);
-                    RawSet.drItOtherDecoding(newTemp, itRandom);
-                    var tempalte = document.createElement('template');
-                    tempalte.innerHTML = newTemp.innerHTML;
-                    fag.append(tempalte.content);
-                    var rr = RawSet.checkPointCreates(fag, config);
-                    (_e = element_2.parentNode) === null || _e === void 0 ? void 0 : _e.replaceChild(fag, element_2);
-                    raws.push.apply(raws, rr);
-                }
-                if (drAttr.drThis) {
-                    var r = ScriptUtils.evalReturn(drAttr.drThis, obj);
-                    if (r) {
-                        fag.append(RawSet.drThisCreate(element_2, drAttr.drThis, (_f = drAttr.drVarOption) !== null && _f !== void 0 ? _f : '', drAttr.drStripOption, obj));
-                        var rr = RawSet.checkPointCreates(fag, config);
-                        (_g = element_2.parentNode) === null || _g === void 0 ? void 0 : _g.replaceChild(fag, element_2);
-                        raws.push.apply(raws, rr);
-                    }
-                    else {
-                        cNode.remove();
-                    }
-                }
-                if (drAttr.drInnerText) {
-                    var data = ScriptUtils.evalReturn(drAttr.drInnerText, obj);
-                    var newTemp = document.createElement('temp');
-                    ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        n.innerText = this.__data;\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    ", Object.assign({
-                        __fag: newTemp,
-                        __drStripOption: drAttr.drStripOption,
-                        __data: data,
-                        __element: element_2
-                    }, obj));
-                    var tempalte = document.createElement('template');
-                    tempalte.innerHTML = newTemp.innerHTML;
-                    fag.append(tempalte.content);
-                    var rr = RawSet.checkPointCreates(fag, config);
-                    (_h = element_2.parentNode) === null || _h === void 0 ? void 0 : _h.replaceChild(fag, element_2);
-                    raws.push.apply(raws, rr);
-                }
-                if (drAttr.drInnerHTML) {
-                    var data = ScriptUtils.evalReturn(drAttr.drInnerHTML, obj);
-                    var newTemp = document.createElement('temp');
-                    ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        n.innerHTML = this.__data;\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    ", Object.assign({
-                        __fag: newTemp,
-                        __drStripOption: drAttr.drStripOption,
-                        __data: data,
-                        __element: element_2
-                    }, obj));
-                    var tempalte = document.createElement('template');
-                    tempalte.innerHTML = newTemp.innerHTML;
-                    fag.append(tempalte.content);
-                    var rr = RawSet.checkPointCreates(fag, config);
-                    (_j = element_2.parentNode) === null || _j === void 0 ? void 0 : _j.replaceChild(fag, element_2);
-                    raws.push.apply(raws, rr);
-                }
-                if (drAttr.drFor) {
-                    var itRandom = RawSet.drItOtherEncoding(element_2);
-                    var vars = RawSet.drVarEncoding(element_2, (_k = drAttr.drVarOption) !== null && _k !== void 0 ? _k : '');
-                    var newTemp = document.createElement('temp');
-                    ScriptUtils.eval("\n                     const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    for(" + drAttr.drFor + ") {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }", Object.assign(obj, {
-                        __render: Object.freeze({
-                            fag: newTemp,
-                            drStripOption: drAttr.drStripOption,
-                            element: element_2,
-                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
-                        })
-                    }));
-                    RawSet.drVarDecoding(newTemp, vars);
-                    RawSet.drItOtherDecoding(newTemp, itRandom);
-                    var tempalte = document.createElement('template');
-                    tempalte.innerHTML = newTemp.innerHTML;
-                    fag.append(tempalte.content);
-                    var rr = RawSet.checkPointCreates(fag, config);
-                    (_l = element_2.parentNode) === null || _l === void 0 ? void 0 : _l.replaceChild(fag, element_2);
-                    raws.push.apply(raws, rr);
-                }
-                if (drAttr.drForOf) {
-                    var itRandom = RawSet.drItOtherEncoding(element_2);
-                    var vars = RawSet.drVarEncoding(element_2, (_m = drAttr.drVarOption) !== null && _m !== void 0 ? _m : '');
-                    var newTemp = document.createElement('temp');
-                    ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    var i = 0; \n                    for(const it of " + drAttr.drForOf + ") {\n                        var destIt = it;\n                        var forOfStr = `" + drAttr.drForOf + "`;\n                        if (/,/g.test(forOfStr)) {\n                            if (typeof it === 'string') {\n                                destIt = it;\n                            } else {\n                                destIt = forOfStr.substring(1, forOfStr.length-1).split(',')[i];\n                            }\n                        } else {\n                            destIt = forOfStr + '[' + i +']'\n                        }\n                        \n                        const n = this.__render.element.cloneNode(true);\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        \n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        i++;\n                    }", Object.assign(obj, {
-                        __render: Object.freeze({
-                            drStripOption: drAttr.drStripOption,
-                            fag: newTemp,
-                            element: element_2,
-                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
-                        })
-                    }));
-                    RawSet.drVarDecoding(newTemp, vars);
-                    RawSet.drItOtherDecoding(newTemp, itRandom);
-                    var tempalte = document.createElement('template');
-                    tempalte.innerHTML = newTemp.innerHTML;
-                    fag.append(tempalte.content);
-                    var rr = RawSet.checkPointCreates(fag, config);
-                    (_o = element_2.parentNode) === null || _o === void 0 ? void 0 : _o.replaceChild(fag, element_2);
-                    raws.push.apply(raws, rr);
-                }
-                (_p = config === null || config === void 0 ? void 0 : config.targetElements) === null || _p === void 0 ? void 0 : _p.forEach(function (it) {
-                    var _a, _b;
-                    var name = it.name;
-                    if (name.toLowerCase() === element_2.tagName.toLowerCase()) {
-                        var documentFragment = it.callBack(element_2, obj, _this);
-                        if (documentFragment) {
-                            fag.append(documentFragment);
-                            var rr = RawSet.checkPointCreates(fag, config);
-                            (_a = element_2.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(fag, element_2);
-                            var onInit = element_2.getAttribute('dr-on-init-component');
-                            if (onInit) {
-                                ScriptUtils.evalReturn(onInit, obj)(obj === null || obj === void 0 ? void 0 : obj.__componentInstances[_this.uuid], _this);
-                            }
-                            raws.push.apply(raws, rr);
-                            onElementInitCallBack.push({
-                                name: name,
-                                obj: obj
-                            });
-                            (_b = it === null || it === void 0 ? void 0 : it.complete) === null || _b === void 0 ? void 0 : _b.call(it, element_2, obj, _this);
-                        }
-                    }
-                });
-                (_q = config === null || config === void 0 ? void 0 : config.targetAttrs) === null || _q === void 0 ? void 0 : _q.forEach(function (it) {
-                    var _a, _b;
-                    var attrName = it.name;
-                    var attrValue = _this.getAttributeAndDelete(element_2, attrName);
-                    if (attrValue && attrName) {
-                        var documentFragment = it.callBack(element_2, attrValue, obj, _this);
-                        if (documentFragment) {
-                            fag.append(documentFragment);
-                            var rr = RawSet.checkPointCreates(fag, config);
-                            (_a = element_2.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(fag, element_2);
-                            raws.push.apply(raws, rr);
-                            onAttrInitCallBack.push({
-                                attrName: attrName,
-                                attrValue: attrValue,
-                                obj: obj
-                            });
-                            (_b = it === null || it === void 0 ? void 0 : it.complete) === null || _b === void 0 ? void 0 : _b.call(it, element_2, attrValue, obj, _this);
-                        }
-                    }
-                });
-            }
-        });
-        this.applyEvent(obj, genNode, config);
-        this.replaceBody(genNode);
-        onElementInitCallBack.forEach(function (it) { var _a; return (_a = config === null || config === void 0 ? void 0 : config.onElementInit) === null || _a === void 0 ? void 0 : _a.call(config, it.name, obj, _this); });
-        onAttrInitCallBack.forEach(function (it) { var _a; return (_a = config === null || config === void 0 ? void 0 : config.onAttrInit) === null || _a === void 0 ? void 0 : _a.call(config, it.attrName, it.attrValue, obj, _this); });
-        return raws;
-    };
-    RawSet.prototype.applyEvent = function (obj, fragment, config) {
-        if (fragment === void 0) { fragment = this.fragment; }
-        eventManager.applyEvent(obj, eventManager.findAttrElements(fragment, config), config);
-    };
-    RawSet.prototype.getAttributeAndDelete = function (element, attr) {
-        var data = element.getAttribute(attr);
-        element.removeAttribute(attr);
-        return data;
-    };
-    RawSet.prototype.replaceBody = function (genNode) {
-        var _a;
-        this.childAllRemove();
-        (_a = this.point.start.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(genNode, this.point.start.nextSibling);
-    };
-    RawSet.checkPointCreates = function (element, config) {
-        var _a, _b, _c, _d;
-        var nodeIterator = document.createNodeIterator(element, NodeFilter.SHOW_ALL, {
-            acceptNode: function (node) {
-                var _a, _b, _c, _d, _e;
-                if (node.nodeType === Node.TEXT_NODE) {
-                    return /\$\{.*?\}/g.test(StringUtils.deleteEnter((_a = node.data) !== null && _a !== void 0 ? _a : '')) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
-                }
-                else if (node.nodeType === Node.ELEMENT_NODE) {
-                    var element_3 = node;
-                    var isElement = ((_c = (_b = config === null || config === void 0 ? void 0 : config.targetElements) === null || _b === void 0 ? void 0 : _b.map(function (it) { return it.name.toLowerCase(); })) !== null && _c !== void 0 ? _c : []).includes(element_3.tagName.toLowerCase());
-                    var targetAttrNames_1 = ((_e = (_d = config === null || config === void 0 ? void 0 : config.targetAttrs) === null || _d === void 0 ? void 0 : _d.map(function (it) { return it.name; })) !== null && _e !== void 0 ? _e : []).concat(RawSet.DR_ATTRIBUTES);
-                    var isAttr = element_3.getAttributeNames().filter(function (it) { return targetAttrNames_1.includes(it.toLowerCase()); }).length > 0;
-                    return (isAttr || isElement) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
-                }
-                return NodeFilter.FILTER_REJECT;
-            }
-        });
-        var pars = [];
-        var currentNode;
-        var _loop_1 = function () {
-            if (currentNode.nodeType === Node.TEXT_NODE) {
-                var text = (_a = currentNode.textContent) !== null && _a !== void 0 ? _a : '';
-                var template_1 = document.createElement('template');
-                var a = StringUtils.regexExec(/\$\{.*?\}/g, text);
-                var map = a.map(function (it) {
-                    return {
-                        uuid: RandomUtils.uuid(),
-                        content: it[0],
-                        regexArr: it
-                    };
-                });
-                var lasterIndex_1 = 0;
-                map.forEach(function (it) {
-                    var regexArr = it.regexArr;
-                    var preparedText = regexArr.input.substring(lasterIndex_1, regexArr.index);
-                    var start = document.createComment("start text " + it.uuid);
-                    var end = document.createComment("end text " + it.uuid);
-                    template_1.content.append(document.createTextNode(preparedText));
-                    template_1.content.append(start);
-                    template_1.content.append(end);
-                    var fragment = document.createDocumentFragment();
-                    fragment.append(document.createTextNode(it.content));
-                    pars.push(new RawSet(it.uuid, {
-                        start: start,
-                        end: end
-                    }, fragment));
-                    lasterIndex_1 = regexArr.index + it.content.length;
-                });
-                template_1.content.append(document.createTextNode(text.substring(lasterIndex_1, text.length)));
-                (_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(template_1.content, currentNode);
-            }
-            else {
-                var uuid = RandomUtils.uuid();
-                var fragment = document.createDocumentFragment();
-                var start = document.createComment("start " + uuid);
-                var end = document.createComment("end " + uuid);
-                (_c = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _c === void 0 ? void 0 : _c.insertBefore(start, currentNode);
-                (_d = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _d === void 0 ? void 0 : _d.insertBefore(end, currentNode.nextSibling);
-                fragment.append(currentNode);
-                pars.push(new RawSet(uuid, {
-                    start: start,
-                    end: end
-                }, fragment));
-            }
-        };
-        while (currentNode = nodeIterator.nextNode()) {
-            _loop_1();
-        }
-        return pars;
-    };
-    RawSet.prototype.childAllRemove = function () {
-        var next = this.point.start.nextSibling;
-        while (next) {
-            if (next === this.point.end) {
-                break;
-            }
-            next.remove();
-            next = this.point.start.nextSibling;
-        }
-    };
-    RawSet.drItOtherEncoding = function (element) {
-        var random = RandomUtils.uuid();
-        var regex = /#it#/g;
-        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
-            it.innerHTML = it.innerHTML.replace(regex, random);
-        });
-        return random;
-    };
-    RawSet.drItOtherDecoding = function (element, random) {
-        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
-            it.innerHTML = it.innerHTML.replace(RegExp(random, 'g'), '#it#');
-        });
-    };
-    RawSet.drThisEncoding = function (element, drThis) {
-        var thisRandom = RandomUtils.uuid();
-        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
-            var message = it.innerHTML;
-            StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
-                var _a;
-                message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], "" + ((_a = it[1]) !== null && _a !== void 0 ? _a : '') + drThis);
-            });
-            it.innerHTML = message;
-        });
-        var message = element.innerHTML;
-        StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
-            var _a;
-            message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], "" + ((_a = it[1]) !== null && _a !== void 0 ? _a : '') + drThis);
-        });
-        element.innerHTML = message;
-        return thisRandom;
-    };
-    RawSet.drThisDecoding = function (element, thisRandom) {
-        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
-            it.innerHTML = it.innerHTML.replace(RegExp(thisRandom, 'g'), 'this');
-        });
-    };
-    RawSet.drVarEncoding = function (element, drVarOption) {
-        var _a;
-        var vars = ((_a = drVarOption === null || drVarOption === void 0 ? void 0 : drVarOption.split(',')) !== null && _a !== void 0 ? _a : []).map(function (it) {
-            var s = it.trim().split('=');
-            return {
-                name: s[0],
-                value: s[1],
-                regex: RegExp('var\\.' + s[0] + '(?=.?)', 'g'),
-                random: RandomUtils.uuid()
-            };
-        });
-        element.querySelectorAll("[" + RawSet.DR_VAR_OPTIONNAME + "]").forEach(function (it) {
-            vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-                it.innerHTML = it.innerHTML.replace(vit.regex, vit.random);
-            });
-        });
-        vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-            element.innerHTML = element.innerHTML.replace(vit.regex, vit.value);
-        });
-        return vars;
-    };
-    RawSet.drVarDecoding = function (element, vars) {
-        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
-            vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-                it.innerHTML = it.innerHTML.replace(RegExp(vit.random, 'g'), vit.value);
-            });
-        });
-    };
-    RawSet.drThisCreate = function (element, drThis, drVarOption, drStripOption, obj) {
-        var fag = document.createDocumentFragment();
-        var n = element.cloneNode(true);
-        var thisRandom = this.drThisEncoding(n, drThis);
-        var vars = this.drVarEncoding(n, drVarOption);
-        this.drVarDecoding(n, vars);
-        this.drThisDecoding(n, thisRandom);
-        if (drStripOption) {
-            Array.from(n.childNodes).forEach(function (it) { return fag.append(it); });
-        }
-        else {
-            fag.append(n);
-        }
-        return fag;
-    };
-    RawSet.prototype.setBindProperty = function (scripts, obj) {
-        if (scripts) {
-            var newScripts = Object.assign({}, scripts);
-            for (var _i = 0, _a = Object.entries(newScripts); _i < _a.length; _i++) {
-                var _b = _a[_i], key = _b[0], value = _b[1];
-                if (typeof value === 'function') {
-                    newScripts[key] = value.bind(obj);
-                }
-            }
-            return newScripts;
-        }
-    };
-    RawSet.DR = 'dr';
-    RawSet.DR_IF_NAME = 'dr-if';
-    RawSet.DR_FOR_OF_NAME = 'dr-for-of';
-    RawSet.DR_FOR_NAME = 'dr-for';
-    RawSet.DR_THIS_NAME = 'dr-this';
-    RawSet.DR_INNERHTML_NAME = 'dr-inner-html';
-    RawSet.DR_INNERTEXT_NAME = 'dr-inner-text';
-    RawSet.DR_TAGS = [];
-    RawSet.DR_IT_OPTIONNAME = 'dr-it';
-    RawSet.DR_VAR_OPTIONNAME = 'dr-var';
-    RawSet.DR_STRIP_OPTIONNAME = 'dr-strip';
-    RawSet.DR_ATTRIBUTES = [RawSet.DR, RawSet.DR_IF_NAME, RawSet.DR_FOR_OF_NAME, RawSet.DR_FOR_NAME, RawSet.DR_THIS_NAME, RawSet.DR_INNERHTML_NAME, RawSet.DR_INNERTEXT_NAME];
-    RawSet.SCRIPTS_VARNAME = '$scripts';
-    RawSet.RAWSET_VARNAME = '$rawset';
-    return RawSet;
+var RawSet = (function () {
+    function RawSet(uuid, point, fragment, data) {
+        if (data === void 0) { data = {}; }
+        this.uuid = uuid;
+        this.point = point;
+        this.fragment = fragment;
+        this.data = data;
+    }
+    Object.defineProperty(RawSet.prototype, "isConnected", {
+        get: function () {
+            return this.point.start.isConnected && this.point.end.isConnected;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    RawSet.prototype.getUsingTriggerVariables = function (config) {
+        var usingTriggerVariables = new Set();
+        this.fragment.childNodes.forEach(function (cNode, key) {
+            var _a, _b, _c;
+            var script = '';
+            if (cNode.nodeType === Node.TEXT_NODE) {
+                script = "`" + ((_a = cNode.textContent) !== null && _a !== void 0 ? _a : '') + "`";
+            }
+            else if (cNode.nodeType === Node.ELEMENT_NODE) {
+                var element_1 = cNode;
+                var targetAttrNames = ((_c = (_b = config === null || config === void 0 ? void 0 : config.targetAttrs) === null || _b === void 0 ? void 0 : _b.map(function (it) { return it.name; })) !== null && _c !== void 0 ? _c : []).concat(RawSet.DR_ATTRIBUTES);
+                script = targetAttrNames.map(function (it) { return (element_1.getAttribute(it)); }).filter(function (it) { return it; }).join(';');
+            }
+            if (script) {
+                script = script.replace(RegExp(RawSet.SCRIPTS_VARNAME.replace('$', '\\$'), 'g'), "this?.___" + RawSet.SCRIPTS_VARNAME);
+                script = script.replace(RegExp(RawSet.RAWSET_VARNAME.replace('$', '\\$'), 'g'), "this?.___" + RawSet.RAWSET_VARNAME);
+                Array.from(ScriptUtils.getVariablePaths(script)).filter(function (it) { return !it.startsWith("___" + RawSet.SCRIPTS_VARNAME) && !it.startsWith("___" + RawSet.SCRIPTS_VARNAME); }).forEach(function (it) { return usingTriggerVariables.add(it); });
+            }
+        });
+        return usingTriggerVariables;
+    };
+    RawSet.prototype.render = function (obj, config) {
+        var _this = this;
+        var genNode = document.importNode(this.fragment, true);
+        var raws = [];
+        var onAttrInitCallBack = [];
+        var onElementInitCallBack = [];
+        genNode.childNodes.forEach(function (cNode, key) {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+            var fag = document.createDocumentFragment();
+            if (cNode.nodeType === Node.TEXT_NODE) {
+                var textContent = cNode.textContent;
+                var n = document.createTextNode(ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                    return `" + textContent + "`\n                    ", Object.assign(obj, {
+                    __render: Object.freeze({
+                        rawset: _this,
+                        scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                    })
+                })));
+                (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(n, cNode);
+            }
+            else if (cNode.nodeType === Node.ELEMENT_NODE) {
+                var element_2 = cNode;
+                var drAttr = {
+                    dr: _this.getAttributeAndDelete(element_2, RawSet.DR),
+                    drIf: _this.getAttributeAndDelete(element_2, RawSet.DR_IF_NAME),
+                    drFor: _this.getAttributeAndDelete(element_2, RawSet.DR_FOR_NAME),
+                    drForOf: _this.getAttributeAndDelete(element_2, RawSet.DR_FOR_OF_NAME),
+                    drThis: _this.getAttributeAndDelete(element_2, RawSet.DR_THIS_NAME),
+                    drInnerHTML: _this.getAttributeAndDelete(element_2, RawSet.DR_INNERHTML_NAME),
+                    drInnerText: _this.getAttributeAndDelete(element_2, RawSet.DR_INNERTEXT_NAME),
+                    drItOption: _this.getAttributeAndDelete(element_2, RawSet.DR_IT_OPTIONNAME),
+                    drVarOption: _this.getAttributeAndDelete(element_2, RawSet.DR_VAR_OPTIONNAME),
+                    drStripOption: _this.getAttributeAndDelete(element_2, RawSet.DR_STRIP_OPTIONNAME) === 'true'
+                };
+                if (drAttr.dr !== null && drAttr.dr.length >= 0) {
+                    var itRandom = RawSet.drItOtherEncoding(element_2);
+                    var vars = RawSet.drVarEncoding(element_2, (_b = drAttr.drVarOption) !== null && _b !== void 0 ? _b : '');
+                    var newTemp = document.createElement('temp');
+                    ScriptUtils.eval("\n                        const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                        const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }", Object.assign(obj, {
+                        __render: Object.freeze({
+                            fag: newTemp,
+                            drStripOption: drAttr.drStripOption,
+                            element: element_2,
+                            rawset: _this,
+                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                        })
+                    }));
+                    RawSet.drVarDecoding(newTemp, vars);
+                    RawSet.drItOtherDecoding(newTemp, itRandom);
+                    var tempalte = document.createElement('template');
+                    tempalte.innerHTML = newTemp.innerHTML;
+                    fag.append(tempalte.content);
+                    var rr = RawSet.checkPointCreates(fag, config);
+                    (_c = element_2.parentNode) === null || _c === void 0 ? void 0 : _c.replaceChild(fag, element_2);
+                    raws.push.apply(raws, rr);
+                }
+                if (drAttr.drIf) {
+                    var itRandom = RawSet.drItOtherEncoding(element_2);
+                    var vars = RawSet.drVarEncoding(element_2, (_d = drAttr.drVarOption) !== null && _d !== void 0 ? _d : '');
+                    var newTemp = document.createElement('temp');
+                    ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                    if(" + drAttr.drIf + ") {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }", Object.assign(obj, {
+                        __render: Object.freeze({
+                            fag: newTemp,
+                            drStripOption: drAttr.drStripOption,
+                            element: element_2,
+                            rawset: _this,
+                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                        })
+                    }));
+                    RawSet.drVarDecoding(newTemp, vars);
+                    RawSet.drItOtherDecoding(newTemp, itRandom);
+                    var tempalte = document.createElement('template');
+                    tempalte.innerHTML = newTemp.innerHTML;
+                    fag.append(tempalte.content);
+                    var rr = RawSet.checkPointCreates(fag, config);
+                    (_e = element_2.parentNode) === null || _e === void 0 ? void 0 : _e.replaceChild(fag, element_2);
+                    raws.push.apply(raws, rr);
+                }
+                if (drAttr.drThis) {
+                    var r = ScriptUtils.evalReturn(drAttr.drThis, obj);
+                    if (r) {
+                        fag.append(RawSet.drThisCreate(element_2, drAttr.drThis, (_f = drAttr.drVarOption) !== null && _f !== void 0 ? _f : '', drAttr.drStripOption, obj));
+                        var rr = RawSet.checkPointCreates(fag, config);
+                        (_g = element_2.parentNode) === null || _g === void 0 ? void 0 : _g.replaceChild(fag, element_2);
+                        raws.push.apply(raws, rr);
+                    }
+                    else {
+                        cNode.remove();
+                    }
+                }
+                if (drAttr.drInnerText) {
+                    var data = ScriptUtils.evalReturn(drAttr.drInnerText, obj);
+                    var newTemp = document.createElement('temp');
+                    ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        n.innerText = this.__data;\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    ", Object.assign({
+                        __fag: newTemp,
+                        __drStripOption: drAttr.drStripOption,
+                        __data: data,
+                        __element: element_2
+                    }, obj));
+                    var tempalte = document.createElement('template');
+                    tempalte.innerHTML = newTemp.innerHTML;
+                    fag.append(tempalte.content);
+                    var rr = RawSet.checkPointCreates(fag, config);
+                    (_h = element_2.parentNode) === null || _h === void 0 ? void 0 : _h.replaceChild(fag, element_2);
+                    raws.push.apply(raws, rr);
+                }
+                if (drAttr.drInnerHTML) {
+                    var data = ScriptUtils.evalReturn(drAttr.drInnerHTML, obj);
+                    var newTemp = document.createElement('temp');
+                    ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        n.innerHTML = this.__data;\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    ", Object.assign({
+                        __fag: newTemp,
+                        __drStripOption: drAttr.drStripOption,
+                        __data: data,
+                        __element: element_2
+                    }, obj));
+                    var tempalte = document.createElement('template');
+                    tempalte.innerHTML = newTemp.innerHTML;
+                    fag.append(tempalte.content);
+                    var rr = RawSet.checkPointCreates(fag, config);
+                    (_j = element_2.parentNode) === null || _j === void 0 ? void 0 : _j.replaceChild(fag, element_2);
+                    raws.push.apply(raws, rr);
+                }
+                if (drAttr.drFor) {
+                    var itRandom = RawSet.drItOtherEncoding(element_2);
+                    var vars = RawSet.drVarEncoding(element_2, (_k = drAttr.drVarOption) !== null && _k !== void 0 ? _k : '');
+                    var newTemp = document.createElement('temp');
+                    ScriptUtils.eval("\n                     const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    for(" + drAttr.drFor + ") {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }", Object.assign(obj, {
+                        __render: Object.freeze({
+                            fag: newTemp,
+                            drStripOption: drAttr.drStripOption,
+                            element: element_2,
+                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                        })
+                    }));
+                    RawSet.drVarDecoding(newTemp, vars);
+                    RawSet.drItOtherDecoding(newTemp, itRandom);
+                    var tempalte = document.createElement('template');
+                    tempalte.innerHTML = newTemp.innerHTML;
+                    fag.append(tempalte.content);
+                    var rr = RawSet.checkPointCreates(fag, config);
+                    (_l = element_2.parentNode) === null || _l === void 0 ? void 0 : _l.replaceChild(fag, element_2);
+                    raws.push.apply(raws, rr);
+                }
+                if (drAttr.drForOf) {
+                    var itRandom = RawSet.drItOtherEncoding(element_2);
+                    var vars = RawSet.drVarEncoding(element_2, (_m = drAttr.drVarOption) !== null && _m !== void 0 ? _m : '');
+                    var newTemp = document.createElement('temp');
+                    ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    var i = 0; \n                    for(const it of " + drAttr.drForOf + ") {\n                        var destIt = it;\n                        var forOfStr = `" + drAttr.drForOf + "`;\n                        if (/,/g.test(forOfStr)) {\n                            if (typeof it === 'string') {\n                                destIt = it;\n                            } else {\n                                destIt = forOfStr.substring(1, forOfStr.length-1).split(',')[i];\n                            }\n                        } else {\n                            destIt = forOfStr + '[' + i +']'\n                        }\n                        \n                        const n = this.__render.element.cloneNode(true);\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        \n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        i++;\n                    }", Object.assign(obj, {
+                        __render: Object.freeze({
+                            drStripOption: drAttr.drStripOption,
+                            fag: newTemp,
+                            element: element_2,
+                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                        })
+                    }));
+                    RawSet.drVarDecoding(newTemp, vars);
+                    RawSet.drItOtherDecoding(newTemp, itRandom);
+                    var tempalte = document.createElement('template');
+                    tempalte.innerHTML = newTemp.innerHTML;
+                    fag.append(tempalte.content);
+                    var rr = RawSet.checkPointCreates(fag, config);
+                    (_o = element_2.parentNode) === null || _o === void 0 ? void 0 : _o.replaceChild(fag, element_2);
+                    raws.push.apply(raws, rr);
+                }
+                (_p = config === null || config === void 0 ? void 0 : config.targetElements) === null || _p === void 0 ? void 0 : _p.forEach(function (it) {
+                    var _a, _b;
+                    var name = it.name;
+                    if (name.toLowerCase() === element_2.tagName.toLowerCase()) {
+                        var documentFragment = it.callBack(element_2, obj, _this);
+                        if (documentFragment) {
+                            fag.append(documentFragment);
+                            var rr = RawSet.checkPointCreates(fag, config);
+                            (_a = element_2.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(fag, element_2);
+                            var onInit = element_2.getAttribute('dr-on-init-component');
+                            if (onInit) {
+                                ScriptUtils.evalReturn(onInit, obj)(obj === null || obj === void 0 ? void 0 : obj.__componentInstances[_this.uuid], _this);
+                            }
+                            raws.push.apply(raws, rr);
+                            onElementInitCallBack.push({
+                                name: name,
+                                obj: obj
+                            });
+                            (_b = it === null || it === void 0 ? void 0 : it.complete) === null || _b === void 0 ? void 0 : _b.call(it, element_2, obj, _this);
+                        }
+                    }
+                });
+                (_q = config === null || config === void 0 ? void 0 : config.targetAttrs) === null || _q === void 0 ? void 0 : _q.forEach(function (it) {
+                    var _a, _b;
+                    var attrName = it.name;
+                    var attrValue = _this.getAttributeAndDelete(element_2, attrName);
+                    if (attrValue && attrName) {
+                        var documentFragment = it.callBack(element_2, attrValue, obj, _this);
+                        if (documentFragment) {
+                            fag.append(documentFragment);
+                            var rr = RawSet.checkPointCreates(fag, config);
+                            (_a = element_2.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(fag, element_2);
+                            raws.push.apply(raws, rr);
+                            onAttrInitCallBack.push({
+                                attrName: attrName,
+                                attrValue: attrValue,
+                                obj: obj
+                            });
+                            (_b = it === null || it === void 0 ? void 0 : it.complete) === null || _b === void 0 ? void 0 : _b.call(it, element_2, attrValue, obj, _this);
+                        }
+                    }
+                });
+            }
+        });
+        this.applyEvent(obj, genNode, config);
+        this.replaceBody(genNode);
+        onElementInitCallBack.forEach(function (it) { var _a; return (_a = config === null || config === void 0 ? void 0 : config.onElementInit) === null || _a === void 0 ? void 0 : _a.call(config, it.name, obj, _this); });
+        onAttrInitCallBack.forEach(function (it) { var _a; return (_a = config === null || config === void 0 ? void 0 : config.onAttrInit) === null || _a === void 0 ? void 0 : _a.call(config, it.attrName, it.attrValue, obj, _this); });
+        return raws;
+    };
+    RawSet.prototype.applyEvent = function (obj, fragment, config) {
+        if (fragment === void 0) { fragment = this.fragment; }
+        eventManager.applyEvent(obj, eventManager.findAttrElements(fragment, config), config);
+    };
+    RawSet.prototype.getAttributeAndDelete = function (element, attr) {
+        var data = element.getAttribute(attr);
+        element.removeAttribute(attr);
+        return data;
+    };
+    RawSet.prototype.replaceBody = function (genNode) {
+        var _a;
+        this.childAllRemove();
+        (_a = this.point.start.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(genNode, this.point.start.nextSibling);
+    };
+    RawSet.checkPointCreates = function (element, config) {
+        var _a, _b, _c, _d;
+        var nodeIterator = document.createNodeIterator(element, NodeFilter.SHOW_ALL, {
+            acceptNode: function (node) {
+                var _a, _b, _c, _d, _e;
+                if (node.nodeType === Node.TEXT_NODE) {
+                    return /\$\{.*?\}/g.test(StringUtils.deleteEnter((_a = node.data) !== null && _a !== void 0 ? _a : '')) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+                }
+                else if (node.nodeType === Node.ELEMENT_NODE) {
+                    var element_3 = node;
+                    var isElement = ((_c = (_b = config === null || config === void 0 ? void 0 : config.targetElements) === null || _b === void 0 ? void 0 : _b.map(function (it) { return it.name.toLowerCase(); })) !== null && _c !== void 0 ? _c : []).includes(element_3.tagName.toLowerCase());
+                    var targetAttrNames_1 = ((_e = (_d = config === null || config === void 0 ? void 0 : config.targetAttrs) === null || _d === void 0 ? void 0 : _d.map(function (it) { return it.name; })) !== null && _e !== void 0 ? _e : []).concat(RawSet.DR_ATTRIBUTES);
+                    var isAttr = element_3.getAttributeNames().filter(function (it) { return targetAttrNames_1.includes(it.toLowerCase()); }).length > 0;
+                    return (isAttr || isElement) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+                }
+                return NodeFilter.FILTER_REJECT;
+            }
+        });
+        var pars = [];
+        var currentNode;
+        var _loop_1 = function () {
+            if (currentNode.nodeType === Node.TEXT_NODE) {
+                var text = (_a = currentNode.textContent) !== null && _a !== void 0 ? _a : '';
+                var template_1 = document.createElement('template');
+                var a = StringUtils.regexExec(/\$\{.*?\}/g, text);
+                var map = a.map(function (it) {
+                    return {
+                        uuid: RandomUtils.uuid(),
+                        content: it[0],
+                        regexArr: it
+                    };
+                });
+                var lasterIndex_1 = 0;
+                map.forEach(function (it) {
+                    var regexArr = it.regexArr;
+                    var preparedText = regexArr.input.substring(lasterIndex_1, regexArr.index);
+                    var start = document.createComment("start text " + it.uuid);
+                    var end = document.createComment("end text " + it.uuid);
+                    template_1.content.append(document.createTextNode(preparedText));
+                    template_1.content.append(start);
+                    template_1.content.append(end);
+                    var fragment = document.createDocumentFragment();
+                    fragment.append(document.createTextNode(it.content));
+                    pars.push(new RawSet(it.uuid, {
+                        start: start,
+                        end: end
+                    }, fragment));
+                    lasterIndex_1 = regexArr.index + it.content.length;
+                });
+                template_1.content.append(document.createTextNode(text.substring(lasterIndex_1, text.length)));
+                (_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(template_1.content, currentNode);
+            }
+            else {
+                var uuid = RandomUtils.uuid();
+                var fragment = document.createDocumentFragment();
+                var start = document.createComment("start " + uuid);
+                var end = document.createComment("end " + uuid);
+                (_c = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _c === void 0 ? void 0 : _c.insertBefore(start, currentNode);
+                (_d = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _d === void 0 ? void 0 : _d.insertBefore(end, currentNode.nextSibling);
+                fragment.append(currentNode);
+                pars.push(new RawSet(uuid, {
+                    start: start,
+                    end: end
+                }, fragment));
+            }
+        };
+        while (currentNode = nodeIterator.nextNode()) {
+            _loop_1();
+        }
+        return pars;
+    };
+    RawSet.prototype.childAllRemove = function () {
+        var next = this.point.start.nextSibling;
+        while (next) {
+            if (next === this.point.end) {
+                break;
+            }
+            next.remove();
+            next = this.point.start.nextSibling;
+        }
+    };
+    RawSet.drItOtherEncoding = function (element) {
+        var random = RandomUtils.uuid();
+        var regex = /#it#/g;
+        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
+            it.innerHTML = it.innerHTML.replace(regex, random);
+        });
+        return random;
+    };
+    RawSet.drItOtherDecoding = function (element, random) {
+        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
+            it.innerHTML = it.innerHTML.replace(RegExp(random, 'g'), '#it#');
+        });
+    };
+    RawSet.drThisEncoding = function (element, drThis) {
+        var thisRandom = RandomUtils.uuid();
+        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
+            var message = it.innerHTML;
+            StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
+                var _a;
+                message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], "" + ((_a = it[1]) !== null && _a !== void 0 ? _a : '') + drThis);
+            });
+            it.innerHTML = message;
+        });
+        var message = element.innerHTML;
+        StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
+            var _a;
+            message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], "" + ((_a = it[1]) !== null && _a !== void 0 ? _a : '') + drThis);
+        });
+        element.innerHTML = message;
+        return thisRandom;
+    };
+    RawSet.drThisDecoding = function (element, thisRandom) {
+        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
+            it.innerHTML = it.innerHTML.replace(RegExp(thisRandom, 'g'), 'this');
+        });
+    };
+    RawSet.drVarEncoding = function (element, drVarOption) {
+        var _a;
+        var vars = ((_a = drVarOption === null || drVarOption === void 0 ? void 0 : drVarOption.split(',')) !== null && _a !== void 0 ? _a : []).map(function (it) {
+            var s = it.trim().split('=');
+            return {
+                name: s[0],
+                value: s[1],
+                regex: RegExp('\\$var\\.' + s[0] + '(?=.?)', 'g'),
+                random: RandomUtils.uuid()
+            };
+        });
+        element.querySelectorAll("[" + RawSet.DR_VAR_OPTIONNAME + "]").forEach(function (it) {
+            vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
+                it.innerHTML = it.innerHTML.replace(vit.regex, vit.random);
+            });
+        });
+        vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
+            element.innerHTML = element.innerHTML.replace(vit.regex, vit.value);
+        });
+        return vars;
+    };
+    RawSet.drVarDecoding = function (element, vars) {
+        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
+            vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
+                it.innerHTML = it.innerHTML.replace(RegExp(vit.random, 'g'), vit.value);
+            });
+        });
+    };
+    RawSet.drThisCreate = function (element, drThis, drVarOption, drStripOption, obj) {
+        var fag = document.createDocumentFragment();
+        var n = element.cloneNode(true);
+        var thisRandom = this.drThisEncoding(n, drThis);
+        var vars = this.drVarEncoding(n, drVarOption);
+        this.drVarDecoding(n, vars);
+        this.drThisDecoding(n, thisRandom);
+        if (drStripOption) {
+            Array.from(n.childNodes).forEach(function (it) { return fag.append(it); });
+        }
+        else {
+            fag.append(n);
+        }
+        return fag;
+    };
+    RawSet.prototype.setBindProperty = function (scripts, obj) {
+        if (scripts) {
+            var newScripts = Object.assign({}, scripts);
+            for (var _i = 0, _a = Object.entries(newScripts); _i < _a.length; _i++) {
+                var _b = _a[_i], key = _b[0], value = _b[1];
+                if (typeof value === 'function') {
+                    newScripts[key] = value.bind(obj);
+                }
+            }
+            return newScripts;
+        }
+    };
+    RawSet.DR = 'dr';
+    RawSet.DR_IF_NAME = 'dr-if';
+    RawSet.DR_FOR_OF_NAME = 'dr-for-of';
+    RawSet.DR_FOR_NAME = 'dr-for';
+    RawSet.DR_THIS_NAME = 'dr-this';
+    RawSet.DR_INNERHTML_NAME = 'dr-inner-html';
+    RawSet.DR_INNERTEXT_NAME = 'dr-inner-text';
+    RawSet.DR_TAGS = [];
+    RawSet.DR_IT_OPTIONNAME = 'dr-it';
+    RawSet.DR_VAR_OPTIONNAME = 'dr-var';
+    RawSet.DR_STRIP_OPTIONNAME = 'dr-strip';
+    RawSet.DR_ATTRIBUTES = [RawSet.DR, RawSet.DR_IF_NAME, RawSet.DR_FOR_OF_NAME, RawSet.DR_FOR_NAME, RawSet.DR_THIS_NAME, RawSet.DR_INNERHTML_NAME, RawSet.DR_INNERTEXT_NAME];
+    RawSet.SCRIPTS_VARNAME = '$scripts';
+    RawSet.RAWSET_VARNAME = '$rawset';
+    return RawSet;
 }());
 
-var Shield = (function () {
-    function Shield() {
-    }
-    return Shield;
+var Shield = (function () {
+    function Shield() {
+    }
+    return Shield;
 }());
 
-var DomRenderProxy = (function () {
-    function DomRenderProxy(_domRender_origin, target, config) {
-        this._domRender_origin = _domRender_origin;
-        this.config = config;
-        this._domRender_ref = new Map();
-        this._rawSets = new Map();
-        this._targets = new Set();
-        if (target) {
-            this._targets.add(target);
-        }
-    }
-    DomRenderProxy.final = function (obj) {
-        return new Proxy(obj, {
-            has: function (target, p) {
-                return p === '_DomRender_isFinal' || p in target;
-            }
-        });
-    };
-    DomRenderProxy.isFinal = function (obj) {
-        return '_DomRender_isFinal' in obj;
-    };
-    DomRenderProxy.prototype.run = function (objProxy) {
-        var _this = this;
-        this._domRender_proxy = objProxy;
-        var obj = objProxy._DomRender_origin;
-        if (obj) {
-            Object.keys(obj).forEach(function (it) {
-                var _a, _b, _c;
-                var target = obj[it];
-                if (target !== undefined && target !== null && typeof target === 'object' && !DomRenderProxy.isFinal(target) && !Object.isFrozen(target) && !(obj instanceof Shield)) {
-                    var filter = (_c = (_b = (_a = _this.config) === null || _a === void 0 ? void 0 : _a.proxyExcludeTyps) === null || _b === void 0 ? void 0 : _b.filter(function (it) { return target instanceof it; })) !== null && _c !== void 0 ? _c : [];
-                    if (filter.length === 0) {
-                        var proxyAfter = _this.proxy(objProxy, target, it);
-                        obj[it] = proxyAfter;
-                    }
-                }
-            });
-        }
-        this._targets.forEach(function (target) {
-            _this.initRender(target);
-        });
-    };
-    DomRenderProxy.prototype.initRender = function (target) {
-        var _this = this;
-        var _a, _b;
-        this._targets.add(target);
-        var rawSets = RawSet.checkPointCreates(target, this.config);
-        eventManager.applyEvent(this._domRender_proxy, eventManager.findAttrElements(target, this.config), this.config);
-        rawSets.forEach(function (it) {
-            var strings = it.getUsingTriggerVariables(_this.config);
-            if (strings.size <= 0) {
-                _this.addRawSet('', it);
-            }
-            else {
-                strings.forEach(function (sit) {
-                    _this.addRawSet(sit, it);
-                });
-            }
-        });
-        this.render(this.getRawSets());
-        (_b = (_a = this._domRender_proxy) === null || _a === void 0 ? void 0 : _a.onInitRender) === null || _b === void 0 ? void 0 : _b.call(_a);
-    };
-    DomRenderProxy.prototype.getRawSets = function () {
-        var set = new Set();
-        this._rawSets.forEach(function (v, k) {
-            v.forEach(function (it) { return set.add(it); });
-        });
-        return Array.from(set);
-    };
-    DomRenderProxy.prototype.render = function (raws) {
-        var _this = this;
-        (raws !== null && raws !== void 0 ? raws : this.getRawSets()).forEach(function (it) {
-            if (it.point.start.isConnected && it.point.start.isConnected) {
-                var rawSets = it.render(_this._domRender_proxy, _this.config);
-                _this.render(rawSets);
-            }
-            else {
-                _this.removeRawSet(it);
-            }
-        });
-    };
-    DomRenderProxy.prototype.root = function (paths, value) {
-        var _this = this;
-        if (this._domRender_ref.size > 0) {
-            this._domRender_ref.forEach(function (it, key) {
-                if ('_DomRender_isProxy' in key) {
-                    it.forEach(function (sit) {
-                        var _a;
-                        (_a = key._DomRender_proxy) === null || _a === void 0 ? void 0 : _a.root(paths.concat(sit), value);
-                    });
-                }
-            });
-        }
-        else {
-            var strings = paths.reverse();
-            var fullPathStr_1 = strings.join('.');
-            var iterable = this._rawSets.get(fullPathStr_1);
-            var front = strings.slice(0, strings.length - 1).join('.');
-            var last = strings[strings.length - 1];
-            if (!isNaN(Number(last)) && Array.isArray(ScriptUtils.evalReturn(front, this._domRender_proxy))) {
-                var aIterable = this._rawSets.get(front);
-                if (aIterable) {
-                    this.render(Array.from(aIterable));
-                }
-            }
-            else if (iterable) {
-                this.render(Array.from(iterable));
-            }
-            this._targets.forEach(function (it) {
-                if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
-                    var targets = eventManager.findAttrElements(it, _this.config);
-                    eventManager.changeVar(_this._domRender_proxy, targets, "this." + fullPathStr_1);
-                }
-            });
-        }
-    };
-    DomRenderProxy.prototype.set = function (target, p, value, receiver) {
-        if (typeof p === 'string') {
-            value = this.proxy(target, value, p);
-        }
-        target[p] = value;
-        if (typeof p === 'string') {
-            this.root([p], value);
-        }
-        return true;
-    };
-    DomRenderProxy.prototype.get = function (target, p, receiver) {
-        if (p === '_DomRender_origin') {
-            return this._domRender_origin;
-        }
-        else if (p === '_DomRender_ref') {
-            return this._domRender_ref;
-        }
-        else if (p === '_DomRender_proxy') {
-            return this;
-        }
-        else {
-            var it_1 = target[p];
-            if (it_1 && typeof it_1 === 'object' && ('_DomRender_isProxy' in it_1) && Object.prototype.toString.call(it_1._DomRender_origin) === '[object Date]') {
-                return it_1._DomRender_origin;
-            }
-            else {
-                return it_1;
-            }
-        }
-    };
-    DomRenderProxy.prototype.has = function (target, p) {
-        return p === '_DomRender_isProxy' || p in target;
-    };
-    DomRenderProxy.prototype.proxy = function (parentProxy, obj, p) {
-        var _a, _b, _c;
-        var proxyTarget = ((_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.proxyExcludeTyps) === null || _b === void 0 ? void 0 : _b.filter(function (it) { return obj instanceof it; })) !== null && _c !== void 0 ? _c : []).length <= 0;
-        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {
-            var domRender = new DomRenderProxy(obj, undefined, this.config);
-            domRender.addRef(parentProxy, p);
-            var proxy = new Proxy(obj, domRender);
-            domRender.run(proxy);
-            return proxy;
-        }
-        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {
-            var d = obj._DomRender_proxy;
-            d.addRef(this._domRender_proxy, p);
-            return obj;
-        }
-        else {
-            return obj;
-        }
-    };
-    DomRenderProxy.prototype.addRef = function (parent, path) {
-        var _a;
-        if (!this._domRender_ref.get(parent)) {
-            this._domRender_ref.set(parent, new Set());
-        }
-        (_a = this._domRender_ref.get(parent)) === null || _a === void 0 ? void 0 : _a.add(path);
-    };
-    DomRenderProxy.prototype.addRawSetAndRender = function (path, rawSet) {
-        this.addRawSet(path, rawSet);
-        this.render([rawSet]);
-    };
-    DomRenderProxy.prototype.addRawSet = function (path, rawSet) {
-        var _a;
-        if (!this._rawSets.get(path)) {
-            this._rawSets.set(path, new Set());
-        }
-        (_a = this._rawSets.get(path)) === null || _a === void 0 ? void 0 : _a.add(rawSet);
-    };
-    DomRenderProxy.prototype.removeRawSet = function (raws) {
-        this._rawSets.forEach(function (it) {
-            it.delete(raws);
-        });
-        this.garbageRawSet();
-    };
-    DomRenderProxy.prototype.garbageRawSet = function () {
-        var _this = this;
-        this._targets.forEach(function (it) {
-            if (!it.isConnected) {
-                _this._targets.delete(it);
-            }
-        });
-        this._rawSets.forEach(function (it) {
-            it.forEach(function (sit) {
-                if (!sit.isConnected) {
-                    it.delete(sit);
-                }
-            });
-        });
-    };
-    return DomRenderProxy;
+var DomRenderProxy = (function () {
+    function DomRenderProxy(_domRender_origin, target, config) {
+        this._domRender_origin = _domRender_origin;
+        this.config = config;
+        this._domRender_ref = new Map();
+        this._rawSets = new Map();
+        this._targets = new Set();
+        if (target) {
+            this._targets.add(target);
+        }
+    }
+    DomRenderProxy.final = function (obj) {
+        return new Proxy(obj, {
+            has: function (target, p) {
+                return p === '_DomRender_isFinal' || p in target;
+            }
+        });
+    };
+    DomRenderProxy.isFinal = function (obj) {
+        return '_DomRender_isFinal' in obj;
+    };
+    DomRenderProxy.prototype.run = function (objProxy) {
+        var _this = this;
+        this._domRender_proxy = objProxy;
+        var obj = objProxy._DomRender_origin;
+        if (obj) {
+            Object.keys(obj).forEach(function (it) {
+                var _a, _b, _c;
+                var target = obj[it];
+                if (target !== undefined && target !== null && typeof target === 'object' && !DomRenderProxy.isFinal(target) && !Object.isFrozen(target) && !(obj instanceof Shield)) {
+                    var filter = (_c = (_b = (_a = _this.config) === null || _a === void 0 ? void 0 : _a.proxyExcludeTyps) === null || _b === void 0 ? void 0 : _b.filter(function (it) { return target instanceof it; })) !== null && _c !== void 0 ? _c : [];
+                    if (filter.length === 0) {
+                        var proxyAfter = _this.proxy(objProxy, target, it);
+                        obj[it] = proxyAfter;
+                    }
+                }
+            });
+        }
+        this._targets.forEach(function (target) {
+            _this.initRender(target);
+        });
+    };
+    DomRenderProxy.prototype.initRender = function (target) {
+        var _this = this;
+        var _a, _b;
+        this._targets.add(target);
+        var rawSets = RawSet.checkPointCreates(target, this.config);
+        eventManager.applyEvent(this._domRender_proxy, eventManager.findAttrElements(target, this.config), this.config);
+        rawSets.forEach(function (it) {
+            var strings = it.getUsingTriggerVariables(_this.config);
+            if (strings.size <= 0) {
+                _this.addRawSet('', it);
+            }
+            else {
+                strings.forEach(function (sit) {
+                    _this.addRawSet(sit, it);
+                });
+            }
+        });
+        this.render(this.getRawSets());
+        (_b = (_a = this._domRender_proxy) === null || _a === void 0 ? void 0 : _a.onInitRender) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    DomRenderProxy.prototype.getRawSets = function () {
+        var set = new Set();
+        this._rawSets.forEach(function (v, k) {
+            v.forEach(function (it) { return set.add(it); });
+        });
+        return Array.from(set);
+    };
+    DomRenderProxy.prototype.render = function (raws) {
+        var _this = this;
+        (raws !== null && raws !== void 0 ? raws : this.getRawSets()).forEach(function (it) {
+            it.getUsingTriggerVariables(_this.config).forEach(function (path) { return _this.addRawSet(path, it); });
+            if (it.point.start.isConnected && it.point.start.isConnected) {
+                var rawSets = it.render(_this._domRender_proxy, _this.config);
+                _this.render(rawSets);
+            }
+            else {
+                _this.removeRawSet(it);
+            }
+        });
+    };
+    DomRenderProxy.prototype.root = function (paths, value) {
+        var _this = this;
+        if (this._domRender_ref.size > 0) {
+            this._domRender_ref.forEach(function (it, key) {
+                if ('_DomRender_isProxy' in key) {
+                    it.forEach(function (sit) {
+                        var _a;
+                        (_a = key._DomRender_proxy) === null || _a === void 0 ? void 0 : _a.root(paths.concat(sit), value);
+                    });
+                }
+            });
+        }
+        else {
+            var strings = paths.reverse();
+            var fullPathStr_1 = strings.join('.');
+            var iterable = this._rawSets.get(fullPathStr_1);
+            var front = strings.slice(0, strings.length - 1).join('.');
+            var last = strings[strings.length - 1];
+            if (!isNaN(Number(last)) && Array.isArray(ScriptUtils.evalReturn('this.' + front, this._domRender_proxy))) {
+                var aIterable = this._rawSets.get(front);
+                if (aIterable) {
+                    this.render(Array.from(aIterable));
+                }
+            }
+            else if (iterable) {
+                this.render(Array.from(iterable));
+            }
+            this._targets.forEach(function (it) {
+                if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
+                    var targets = eventManager.findAttrElements(it, _this.config);
+                    eventManager.changeVar(_this._domRender_proxy, targets, "this." + fullPathStr_1);
+                }
+            });
+        }
+    };
+    DomRenderProxy.prototype.set = function (target, p, value, receiver) {
+        if (typeof p === 'string') {
+            value = this.proxy(target, value, p);
+        }
+        target[p] = value;
+        if (typeof p === 'string') {
+            this.root([p], value);
+        }
+        return true;
+    };
+    DomRenderProxy.prototype.get = function (target, p, receiver) {
+        if (p === '_DomRender_origin') {
+            return this._domRender_origin;
+        }
+        else if (p === '_DomRender_ref') {
+            return this._domRender_ref;
+        }
+        else if (p === '_DomRender_proxy') {
+            return this;
+        }
+        else {
+            var it_1 = target[p];
+            if (it_1 && typeof it_1 === 'object' && ('_DomRender_isProxy' in it_1) && Object.prototype.toString.call(it_1._DomRender_origin) === '[object Date]') {
+                return it_1._DomRender_origin;
+            }
+            else {
+                return it_1;
+            }
+        }
+    };
+    DomRenderProxy.prototype.has = function (target, p) {
+        return p === '_DomRender_isProxy' || p in target;
+    };
+    DomRenderProxy.prototype.proxy = function (parentProxy, obj, p) {
+        var _a, _b, _c;
+        var proxyTarget = ((_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.proxyExcludeTyps) === null || _b === void 0 ? void 0 : _b.filter(function (it) { return obj instanceof it; })) !== null && _c !== void 0 ? _c : []).length <= 0;
+        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {
+            var domRender = new DomRenderProxy(obj, undefined, this.config);
+            domRender.addRef(parentProxy, p);
+            var proxy = new Proxy(obj, domRender);
+            domRender.run(proxy);
+            return proxy;
+        }
+        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {
+            var d = obj._DomRender_proxy;
+            d.addRef(this._domRender_proxy, p);
+            return obj;
+        }
+        else {
+            return obj;
+        }
+    };
+    DomRenderProxy.prototype.addRef = function (parent, path) {
+        var _a;
+        if (!this._domRender_ref.get(parent)) {
+            this._domRender_ref.set(parent, new Set());
+        }
+        (_a = this._domRender_ref.get(parent)) === null || _a === void 0 ? void 0 : _a.add(path);
+    };
+    DomRenderProxy.prototype.addRawSetAndRender = function (path, rawSet) {
+        this.addRawSet(path, rawSet);
+        this.render([rawSet]);
+    };
+    DomRenderProxy.prototype.addRawSet = function (path, rawSet) {
+        var _a;
+        if (!this._rawSets.get(path)) {
+            this._rawSets.set(path, new Set());
+        }
+        (_a = this._rawSets.get(path)) === null || _a === void 0 ? void 0 : _a.add(rawSet);
+    };
+    DomRenderProxy.prototype.removeRawSet = function (raws) {
+        this._rawSets.forEach(function (it) {
+            it.delete(raws);
+        });
+        this.garbageRawSet();
+    };
+    DomRenderProxy.prototype.garbageRawSet = function () {
+        var _this = this;
+        this._targets.forEach(function (it) {
+            if (!it.isConnected) {
+                _this._targets.delete(it);
+            }
+        });
+        this._rawSets.forEach(function (it) {
+            it.forEach(function (sit) {
+                if (!sit.isConnected) {
+                    it.delete(sit);
+                }
+            });
+        });
+    };
+    return DomRenderProxy;
 }());
 
-var DomRender = (function () {
-    function DomRender() {
-    }
-    DomRender.run = function (obj, target, config) {
-        if ('_DomRender_isProxy' in obj) {
-            if (target) {
-                obj._DomRender_proxy.initRender(target);
-            }
-            return obj;
-        }
-        else {
-            var domRender = new DomRenderProxy(obj, target, config);
-            var dest = new Proxy(obj, domRender);
-            domRender.run(dest);
-            return dest;
-        }
-    };
-    return DomRender;
+var DomRender = (function () {
+    function DomRender() {
+    }
+    DomRender.run = function (obj, target, config) {
+        if ('_DomRender_isProxy' in obj) {
+            if (target) {
+                obj._DomRender_proxy.initRender(target);
+            }
+            return obj;
+        }
+        else {
+            var domRender = new DomRenderProxy(obj, target, config);
+            var dest = new Proxy(obj, domRender);
+            domRender.run(dest);
+            return dest;
+        }
+    };
+    return DomRender;
 }());
 
 exports.DomRender = DomRender;
+//# sourceMappingURL=bundle.js.map