dom-render 1.0.38 → 1.0.42

package/Config.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/DomRender.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomRender = void 0;
-var DomRenderProxy_1 = require("./DomRenderProxy");
+import { DomRenderProxy } from './DomRenderProxy';
 var DomRender = (function () {
     function DomRender() {
     }
@@ -13,7 +10,7 @@ var DomRender = (function () {
             return obj;
         }
         else {
-            var domRender = new DomRenderProxy_1.DomRenderProxy(obj, target, config);
+            var domRender = new DomRenderProxy(obj, target, config);
             var dest = new Proxy(obj, domRender);
             domRender.run(dest);
             return dest;
@@ -21,4 +18,4 @@ var DomRender = (function () {
     };
     return DomRender;
 }());
-exports.DomRender = DomRender;
+export { DomRender };

package/DomRenderLifeCycle.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/DomRenderProxy.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomRenderProxy = void 0;
-var RawSet_1 = require("./RawSet");
-var EventManager_1 = require("./events/EventManager");
-var ScriptUtils_1 = require("./utils/script/ScriptUtils");
-var Shield_1 = require("./Shield");
+import { RawSet } from './RawSet';
+import { eventManager } from './events/EventManager';
+import { ScriptUtils } from './utils/script/ScriptUtils';
+import { Shield } from './Shield';
 var DomRenderProxy = (function () {
     function DomRenderProxy(_domRender_origin, target, config) {
         this._domRender_origin = _domRender_origin;
@@ -34,7 +31,7 @@ var DomRenderProxy = (function () {
             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_1.Shield)) {
+                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);
@@ -51,8 +48,8 @@ var DomRenderProxy = (function () {
         var _this = this;
         var _a, _b;
         this._targets.add(target);
-        var rawSets = RawSet_1.RawSet.checkPointCreates(target, this.config);
-        EventManager_1.eventManager.applyEvent(this._domRender_proxy, EventManager_1.eventManager.findAttrElements(target, this.config), this.config);
+        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) {
@@ -77,6 +74,7 @@ var DomRenderProxy = (function () {
     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);
@@ -104,7 +102,7 @@ var DomRenderProxy = (function () {
             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_1.ScriptUtils.evalReturn(front, this._domRender_proxy))) {
+            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));
@@ -115,8 +113,8 @@ var DomRenderProxy = (function () {
             }
             this._targets.forEach(function (it) {
                 if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
-                    var targets = EventManager_1.eventManager.findAttrElements(it, _this.config);
-                    EventManager_1.eventManager.changeVar(_this._domRender_proxy, targets, "this." + fullPathStr_1);
+                    var targets = eventManager.findAttrElements(it, _this.config);
+                    eventManager.changeVar(_this._domRender_proxy, targets, "this." + fullPathStr_1);
                 }
             });
         }
@@ -157,14 +155,14 @@ var DomRenderProxy = (function () {
     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_1.Shield)) {
+        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_1.Shield)) {
+        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;
@@ -214,4 +212,4 @@ var DomRenderProxy = (function () {
     };
     return DomRenderProxy;
 }());
-exports.DomRenderProxy = DomRenderProxy;
+export { DomRenderProxy };

package/RawSet.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RawSet = void 0;
-var RandomUtils_1 = require("./utils/random/RandomUtils");
-var StringUtils_1 = require("./utils/string/StringUtils");
-var ScriptUtils_1 = require("./utils/script/ScriptUtils");
-var EventManager_1 = require("./events/EventManager");
+import { RandomUtils } from './utils/random/RandomUtils';
+import { StringUtils } from './utils/string/StringUtils';
+import { ScriptUtils } from './utils/script/ScriptUtils';
+import { eventManager } from './events/EventManager';
 var RawSet = (function () {
     function RawSet(uuid, point, fragment, data) {
         if (data === void 0) { data = {}; }
@@ -36,7 +33,7 @@ var RawSet = (function () {
             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_1.ScriptUtils.getVariablePaths(script)).filter(function (it) { return !it.startsWith("___" + RawSet.SCRIPTS_VARNAME) && !it.startsWith("___" + RawSet.SCRIPTS_VARNAME); }).forEach(function (it) { return usingTriggerVariables.add(it); });
+                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;
@@ -52,7 +49,7 @@ var RawSet = (function () {
             var fag = document.createDocumentFragment();
             if (cNode.nodeType === Node.TEXT_NODE) {
                 var textContent = cNode.textContent;
-                var n = document.createTextNode(ScriptUtils_1.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, {
+                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)
@@ -78,7 +75,7 @@ var RawSet = (function () {
                     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_1.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, {
+                    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,
@@ -100,7 +97,7 @@ var RawSet = (function () {
                     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_1.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, {
+                    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,
@@ -119,7 +116,7 @@ var RawSet = (function () {
                     raws.push.apply(raws, rr);
                 }
                 if (drAttr.drThis) {
-                    var r = ScriptUtils_1.ScriptUtils.evalReturn(drAttr.drThis, obj);
+                    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);
@@ -131,9 +128,9 @@ var RawSet = (function () {
                     }
                 }
                 if (drAttr.drInnerText) {
-                    var data = ScriptUtils_1.ScriptUtils.evalReturn(drAttr.drInnerText, obj);
+                    var data = ScriptUtils.evalReturn(drAttr.drInnerText, obj);
                     var newTemp = document.createElement('temp');
-                    ScriptUtils_1.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({
+                    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,
@@ -147,9 +144,9 @@ var RawSet = (function () {
                     raws.push.apply(raws, rr);
                 }
                 if (drAttr.drInnerHTML) {
-                    var data = ScriptUtils_1.ScriptUtils.evalReturn(drAttr.drInnerHTML, obj);
+                    var data = ScriptUtils.evalReturn(drAttr.drInnerHTML, obj);
                     var newTemp = document.createElement('temp');
-                    ScriptUtils_1.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({
+                    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,
@@ -166,7 +163,7 @@ var RawSet = (function () {
                     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_1.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, {
+                    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,
@@ -187,7 +184,7 @@ var RawSet = (function () {
                     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_1.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, {
+                    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,
@@ -215,7 +212,7 @@ var RawSet = (function () {
                             (_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_1.ScriptUtils.evalReturn(onInit, obj)(obj === null || obj === void 0 ? void 0 : obj.__componentInstances[_this.uuid], _this);
+                                ScriptUtils.evalReturn(onInit, obj)(obj === null || obj === void 0 ? void 0 : obj.__componentInstances[_this.uuid], _this);
                             }
                             raws.push.apply(raws, rr);
                             onElementInitCallBack.push({
@@ -256,7 +253,7 @@ var RawSet = (function () {
     };
     RawSet.prototype.applyEvent = function (obj, fragment, config) {
         if (fragment === void 0) { fragment = this.fragment; }
-        EventManager_1.eventManager.applyEvent(obj, EventManager_1.eventManager.findAttrElements(fragment, config), config);
+        eventManager.applyEvent(obj, eventManager.findAttrElements(fragment, config), config);
     };
     RawSet.prototype.getAttributeAndDelete = function (element, attr) {
         var data = element.getAttribute(attr);
@@ -274,7 +271,7 @@ var RawSet = (function () {
             acceptNode: function (node) {
                 var _a, _b, _c, _d, _e;
                 if (node.nodeType === Node.TEXT_NODE) {
-                    return /\$\{.*?\}/g.test(StringUtils_1.StringUtils.deleteEnter((_a = node.data) !== null && _a !== void 0 ? _a : '')) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+                    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;
@@ -292,10 +289,10 @@ var RawSet = (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_1.StringUtils.regexExec(/\$\{.*?\}/g, text);
+                var a = StringUtils.regexExec(/\$\{.*?\}/g, text);
                 var map = a.map(function (it) {
                     return {
-                        uuid: RandomUtils_1.RandomUtils.uuid(),
+                        uuid: RandomUtils.uuid(),
                         content: it[0],
                         regexArr: it
                     };
@@ -321,7 +318,7 @@ var RawSet = (function () {
                 (_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_1.RandomUtils.uuid();
+                var uuid = RandomUtils.uuid();
                 var fragment = document.createDocumentFragment();
                 var start = document.createComment("start " + uuid);
                 var end = document.createComment("end " + uuid);
@@ -350,7 +347,7 @@ var RawSet = (function () {
         }
     };
     RawSet.drItOtherEncoding = function (element) {
-        var random = RandomUtils_1.RandomUtils.uuid();
+        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);
@@ -363,17 +360,17 @@ var RawSet = (function () {
         });
     };
     RawSet.drThisEncoding = function (element, drThis) {
-        var thisRandom = RandomUtils_1.RandomUtils.uuid();
+        var thisRandom = RandomUtils.uuid();
         element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
             var message = it.innerHTML;
-            StringUtils_1.StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
+            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_1.StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
+        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);
         });
@@ -392,8 +389,8 @@ var RawSet = (function () {
             return {
                 name: s[0],
                 value: s[1],
-                regex: RegExp('var\\.' + s[0] + '(?=.?)', 'g'),
-                random: RandomUtils_1.RandomUtils.uuid()
+                regex: RegExp('\\$var\\.' + s[0] + '(?=.?)', 'g'),
+                random: RandomUtils.uuid()
             };
         });
         element.querySelectorAll("[" + RawSet.DR_VAR_OPTIONNAME + "]").forEach(function (it) {
@@ -456,4 +453,4 @@ var RawSet = (function () {
     RawSet.RAWSET_VARNAME = '$rawset';
     return RawSet;
 }());
-exports.RawSet = RawSet;
+export { RawSet };

package/Shield.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Shield = void 0;
 var Shield = (function () {
     function Shield() {
     }
     return Shield;
 }());
-exports.Shield = Shield;
+export { Shield };

package/dist/Config.d.ts

@@ -0,0 +1,26 @@
+import { ConstructorType } from './types/Types';
+import { RawSet } from './RawSet';
+export declare type TargetElement = {
+    name: string;
+    callBack: (target: Element, obj: any, rawSet: RawSet) => DocumentFragment;
+    complete?: (target: Element, obj: any, rawSet: RawSet) => void;
+};
+export declare type TargetAttr = {
+    name: string;
+    callBack: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment;
+    complete?: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => void;
+};
+export interface Config {
+    targetElements?: TargetElement[];
+    targetAttrs?: TargetAttr[];
+    onElementInit?: (name: string, obj: any, rawSet: RawSet) => void;
+    onAttrInit?: (name: string, attrValue: string, obj: any, rawSet: RawSet) => void;
+    proxyExcludeTyps?: ConstructorType<any>[];
+    scripts?: {
+        [n: string]: any;
+    };
+    applyEvents?: {
+        attrName: string;
+        callBack: (elements: Element, attrValue: string, obj: any) => void;
+    }[];
+}

package/dist/DomRender.d.ts

@@ -0,0 +1,4 @@
+import { Config } from './Config';
+export declare class DomRender {
+    static run<T extends object>(obj: T, target?: Node, config?: Config): T;
+}

package/dist/DomRenderLifeCycle.d.ts

@@ -0,0 +1,3 @@
+export interface DomRenderLifeCycle {
+    onInitRender(): void;
+}

package/dist/DomRenderProxy.d.ts

@@ -0,0 +1,27 @@
+import { RawSet } from './RawSet';
+import { Config } from './Config';
+export declare class DomRenderProxy<T extends object> implements ProxyHandler<T> {
+    _domRender_origin: T;
+    private config?;
+    _domRender_ref: Map<object, Set<string>>;
+    _rawSets: Map<string, Set<RawSet>>;
+    _domRender_proxy?: T;
+    _targets: Set<Node>;
+    constructor(_domRender_origin: T, target?: Node, config?: Config | undefined);
+    static final<T = any>(obj: T): T;
+    static isFinal<T = any>(obj: T): boolean;
+    run(objProxy: T): void;
+    initRender(target: Node): void;
+    getRawSets(): RawSet[];
+    render(raws?: RawSet[]): void;
+    root(paths: string[], value: any): void;
+    set(target: T, p: string | symbol, value: any, receiver: T): boolean;
+    get(target: T, p: string | symbol, receiver: any): any;
+    has(target: T, p: string | symbol): boolean;
+    proxy(parentProxy: T, obj: T | any, p: string): any;
+    addRef(parent: object, path: string): void;
+    addRawSetAndRender(path: string, rawSet: RawSet): void;
+    addRawSet(path: string, rawSet: RawSet): void;
+    removeRawSet(raws: RawSet): void;
+    garbageRawSet(): void;
+}

package/dist/RawSet.d.ts

@@ -0,0 +1,61 @@
+import { Config } from './Config';
+export declare class RawSet {
+    uuid: string;
+    point: {
+        start: Comment;
+        end: Comment;
+    };
+    fragment: DocumentFragment;
+    data: any;
+    static readonly DR = "dr";
+    static readonly DR_IF_NAME = "dr-if";
+    static readonly DR_FOR_OF_NAME = "dr-for-of";
+    static readonly DR_FOR_NAME = "dr-for";
+    static readonly DR_THIS_NAME = "dr-this";
+    static readonly DR_INNERHTML_NAME = "dr-inner-html";
+    static readonly DR_INNERTEXT_NAME = "dr-inner-text";
+    static readonly DR_TAGS: never[];
+    static readonly DR_IT_OPTIONNAME = "dr-it";
+    static readonly DR_VAR_OPTIONNAME = "dr-var";
+    static readonly DR_STRIP_OPTIONNAME = "dr-strip";
+    static readonly DR_ATTRIBUTES: string[];
+    static readonly SCRIPTS_VARNAME = "$scripts";
+    static readonly RAWSET_VARNAME = "$rawset";
+    constructor(uuid: string, point: {
+        start: Comment;
+        end: Comment;
+    }, fragment: DocumentFragment, data?: any);
+    get isConnected(): boolean;
+    getUsingTriggerVariables(config?: Config): Set<string>;
+    render(obj: any, config?: Config): RawSet[];
+    applyEvent(obj: any, fragment?: DocumentFragment, config?: Config): void;
+    getAttributeAndDelete(element: Element, attr: string): string | null;
+    replaceBody(genNode: Node): void;
+    static checkPointCreates(element: Node, config?: Config): RawSet[];
+    childAllRemove(): void;
+    static drItOtherEncoding(element: Element | DocumentFragment): string;
+    static drItOtherDecoding(element: Element | DocumentFragment, random: string): void;
+    static drThisEncoding(element: Element, drThis: string): string;
+    static drThisDecoding(element: Element, thisRandom: string): void;
+    static drVarEncoding(element: Element, drVarOption: string): {
+        name: string;
+        value: string;
+        regex: RegExp;
+        random: string;
+    }[];
+    static drVarDecoding(element: Element, vars: {
+        name: string;
+        value: string;
+        regex: RegExp;
+        random: string;
+    }[]): void;
+    static drThisCreate(element: Element, drThis: string, drVarOption: string, drStripOption: boolean, obj: any): DocumentFragment;
+    private setBindProperty;
+}
+export declare type Render = {
+    rawset: RawSet;
+    scripts: {
+        [n: string]: any;
+    };
+    [n: string]: any;
+};

package/dist/Shield.d.ts

@@ -0,0 +1,3 @@
+export declare class Shield {
+    [name: string]: any;
+}