dom-render 1.0.96 → 1.0.97

package/events/EventManager.js

@@ -37,21 +37,21 @@ var EventManager = /** @class */ (function () {
             EventManager.onInitAttrName,
             this.eventParam
         ];
-        this.bindScript = "\n        const ".concat(EventManager.VALUE_VARNAME, " = this.__render.value;\n        const ").concat(EventManager.SCRIPTS_VARNAME, " = this.__render.scripts;\n        const ").concat(EventManager.RANGE_VARNAME, " = this.__render.range;\n        const ").concat(EventManager.ROUTER_VARNAME, " = this.__render.router;\n        const ").concat(EventManager.ATTRIBUTE_VARNAME, " = this.__render.attribute;\n        const ").concat(EventManager.ELEMENT_VARNAME, " = this.__render.element;\n        const ").concat(EventManager.TARGET_VARNAME, " = this.__render.target;\n        const ").concat(EventManager.EVENT_VARNAME, " = this.__render.event;\n    ");
+        this.bindScript = "\n        const " + EventManager.VALUE_VARNAME + " = this.__render.value;\n        const " + EventManager.SCRIPTS_VARNAME + " = this.__render.scripts;\n        const " + EventManager.RANGE_VARNAME + " = this.__render.range;\n        const " + EventManager.ROUTER_VARNAME + " = this.__render.router;\n        const " + EventManager.ATTRIBUTE_VARNAME + " = this.__render.attribute;\n        const " + EventManager.ELEMENT_VARNAME + " = this.__render.element;\n        const " + EventManager.TARGET_VARNAME + " = this.__render.target;\n        const " + EventManager.EVENT_VARNAME + " = this.__render.event;\n    ";
         this.eventNames.forEach(function (it) {
             _this.attrNames.push(EventManager.attrPrefix + 'event-' + it);
         });
         if (typeof window !== 'undefined') {
             EventManager.WINDOW_EVENTS.forEach(function (eventName) {
                 window === null || window === void 0 ? void 0 : window.addEventListener(eventName, function (event) {
-                    var targetAttr = "dr-window-event-".concat(eventName);
-                    document.querySelectorAll("[".concat(targetAttr, "]")).forEach(function (it) {
+                    var targetAttr = "dr-window-event-" + eventName;
+                    document.querySelectorAll("[" + targetAttr + "]").forEach(function (it) {
                         var _a;
                         var script = it.getAttribute(targetAttr);
                         if (script) {
                             var obj = it.obj;
                             var config = (_a = obj === null || obj === void 0 ? void 0 : obj._DomRender_proxy) === null || _a === void 0 ? void 0 : _a.config;
-                            ScriptUtils_1.ScriptUtils.eval("".concat(_this.bindScript, " ").concat(script, " "), Object.assign(obj, {
+                            ScriptUtils_1.ScriptUtils.eval(_this.bindScript + " " + script + " ", Object.assign(obj, {
                                 __render: Object.freeze({
                                     target: Types_1.DomRenderFinalProxy.final(event.target),
                                     element: it,
@@ -79,7 +79,7 @@ var EventManager = /** @class */ (function () {
         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("[".concat(attrName, "]")).forEach(function (it) {
+            fragment === null || fragment === void 0 ? void 0 : fragment.querySelectorAll("[" + attrName + "]").forEach(function (it) {
                 elements.add(it);
             });
         });
@@ -115,7 +115,7 @@ var EventManager = /** @class */ (function () {
         this.procAttr(childNodes, EventManager.normalAttrMapAttrName, function (it, attribute) {
             var map = new Map(JSON.parse(attribute));
             map.forEach(function (v, k) {
-                var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.element;  return ".concat(v, " "), Object.assign(obj, {
+                var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.element;  return " + v + " ", Object.assign(obj, {
                     __render: Object.freeze({
                         element: it,
                         attribute: DomUtils_1.DomUtils.getAttributeToObject(it)
@@ -134,7 +134,7 @@ var EventManager = /** @class */ (function () {
         this.procAttr(childNodes, EventManager.valueLinkAttrName, function (it, varName) {
             if (varName) {
                 var ownerVariablePathName = it.getAttribute(EventManager.ownerVariablePathAttrName);
-                var mapScript_1 = it.getAttribute("".concat(EventManager.valueLinkAttrName, ":map"));
+                var mapScript_1 = it.getAttribute(EventManager.valueLinkAttrName + ":map");
                 // const inMapScript = it.getAttribute(`${valueLinkAttrName}:in-map`);
                 var bindObj_1 = obj;
                 if (ownerVariablePathName) {
@@ -145,7 +145,7 @@ var EventManager = /** @class */ (function () {
                 if (typeof getValue === 'function' && getValue) {
                     var setValue = it.value;
                     if (mapScript_1) {
-                        setValue = ScriptUtils_1.ScriptUtils.eval("".concat(_this.getBindScript(config), " return ").concat(mapScript_1), Object.assign(bindObj_1, { __render: Object.freeze(__assign({ element: it, target: bindObj_1, range: Range_1.Range.range, value: setValue, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables)) }));
+                        setValue = ScriptUtils_1.ScriptUtils.eval(_this.getBindScript(config) + " return " + mapScript_1, Object.assign(bindObj_1, { __render: Object.freeze(__assign({ element: it, target: bindObj_1, range: Range_1.Range.range, value: setValue, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables)) }));
                     }
                     getValue(setValue);
                     // 여기서 value가 먼저냐 value-link가 먼저냐 선을 정해야되는거네...
@@ -153,14 +153,14 @@ var EventManager = /** @class */ (function () {
                 else if (getValue) {
                     var setValue = getValue;
                     if (mapScript_1) {
-                        setValue = ScriptUtils_1.ScriptUtils.eval("".concat(_this.getBindScript(config), " return ").concat(mapScript_1), Object.assign(bindObj_1, { __render: Object.freeze(__assign({ element: it, target: bindObj_1, range: Range_1.Range.range, value: setValue, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables)) }));
+                        setValue = ScriptUtils_1.ScriptUtils.eval(_this.getBindScript(config) + " return " + mapScript_1, Object.assign(bindObj_1, { __render: Object.freeze(__assign({ element: it, target: bindObj_1, range: Range_1.Range.range, value: setValue, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables)) }));
                     }
                     it.value = setValue;
                 }
                 it.addEventListener('input', function (event) {
                     var value = it.value;
                     if (mapScript_1) {
-                        value = ScriptUtils_1.ScriptUtils.eval("".concat(_this.getBindScript(config), " return ").concat(mapScript_1), Object.assign(bindObj_1, {
+                        value = ScriptUtils_1.ScriptUtils.eval(_this.getBindScript(config) + " return " + mapScript_1, Object.assign(bindObj_1, {
                             __render: Object.freeze(__assign({ event: event, element: it, attribute: DomUtils_1.DomUtils.getAttributeToObject(it), target: event.target, range: Range_1.Range.range, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables))
                         }));
                     }
@@ -180,7 +180,7 @@ var EventManager = /** @class */ (function () {
                 script = 'return ' + script;
             }
             if (script) {
-                ScriptUtils_1.ScriptUtils.eval("".concat(_this.getBindScript(config), "; ").concat(script, " "), Object.assign(obj, {
+                ScriptUtils_1.ScriptUtils.eval(_this.getBindScript(config) + "; " + script + " ", Object.assign(obj, {
                     __render: Object.freeze(__assign({ element: it, attribute: DomUtils_1.DomUtils.getAttributeToObject(it) }, config === null || config === void 0 ? void 0 : config.eventVariables))
                 }));
                 // console.log('onInit--->', obj, varName, it)
@@ -211,20 +211,20 @@ var EventManager = /** @class */ (function () {
             if (ownerVariablePathName) {
                 bindObj = ScriptUtils_1.ScriptUtils.evalReturn(ownerVariablePathName, obj);
             }
-            var mapScript = it.getAttribute("".concat(EventManager.valueLinkAttrName, ":map"));
+            var mapScript = it.getAttribute(EventManager.valueLinkAttrName + ":map");
             if (attribute && attribute === varName) {
                 var getValue = _this.getValue(obj, attribute, bindObj);
                 if (typeof getValue === 'function' && getValue) {
                     var setValue = it.value;
                     if (mapScript) {
-                        setValue = ScriptUtils_1.ScriptUtils.eval("".concat(_this.getBindScript(config), " return ").concat(mapScript), Object.assign(bindObj, { __render: Object.freeze(__assign({ element: it, target: bindObj, range: Range_1.Range.range, value: setValue, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables)) }));
+                        setValue = ScriptUtils_1.ScriptUtils.eval(_this.getBindScript(config) + " return " + mapScript, Object.assign(bindObj, { __render: Object.freeze(__assign({ element: it, target: bindObj, range: Range_1.Range.range, value: setValue, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables)) }));
                     }
                     getValue(setValue);
                 }
                 else { //  if (getValue !== undefined && getValue !== null)
                     var setValue = getValue;
                     if (mapScript) {
-                        setValue = ScriptUtils_1.ScriptUtils.eval("".concat(_this.getBindScript(config), " return ").concat(mapScript), Object.assign(bindObj, { __render: Object.freeze(__assign({ element: it, target: bindObj, range: Range_1.Range.range, value: setValue, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables)) }));
+                        setValue = ScriptUtils_1.ScriptUtils.eval(_this.getBindScript(config) + " return " + mapScript, Object.assign(bindObj, { __render: Object.freeze(__assign({ element: it, target: bindObj, range: Range_1.Range.range, value: setValue, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables)) }));
                     }
                     it.value = setValue;
                 }
@@ -237,7 +237,7 @@ var EventManager = /** @class */ (function () {
                 script = 'return ' + script;
             }
             if (EventManager.isUsingThisVar(script, varName) || varName === undefined) {
-                var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.__render.element; ".concat(script, " "), Object.assign(obj, {
+                var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.__render.element; " + script + " ", Object.assign(obj, {
                     __render: Object.freeze({
                         element: it,
                         attribute: DomUtils_1.DomUtils.getAttributeToObject(it)
@@ -289,7 +289,7 @@ var EventManager = /** @class */ (function () {
                 script = 'return ' + script;
             }
             if (EventManager.isUsingThisVar(script, varName) || varName === undefined) {
-                var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.__render.element;  ".concat(script, " "), Object.assign(obj, {
+                var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.__render.element;  " + script + " ", Object.assign(obj, {
                     __render: Object.freeze({
                         element: it,
                         attribute: DomUtils_1.DomUtils.getAttributeToObject(it)
@@ -318,7 +318,7 @@ var EventManager = /** @class */ (function () {
                 script = 'return ' + script;
             }
             if (EventManager.isUsingThisVar(script, varName) || varName === undefined) {
-                var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.element;  ".concat(script, " "), Object.assign(obj, {
+                var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.element;  " + script + " ", Object.assign(obj, {
                     __render: Object.freeze({
                         element: it,
                         attribute: DomUtils_1.DomUtils.getAttributeToObject(it)
@@ -353,7 +353,7 @@ var EventManager = /** @class */ (function () {
                 var isUsing = EventManager.isUsingThisVar(v, varName);
                 // console.log('---isUsing--> varName:', varName, 'k:', k, 'v:', v, 'isUsing:', isUsing);
                 if (isUsing) {
-                    var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.element;  return ".concat(v, " "), Object.assign(obj, {
+                    var data = ScriptUtils_1.ScriptUtils.eval("const $element = this.element;  return " + v + " ", Object.assign(obj, {
                         __render: Object.freeze({
                             element: it,
                             attribute: DomUtils_1.DomUtils.getAttributeToObject(it)
@@ -373,15 +373,15 @@ var EventManager = /** @class */ (function () {
             var script = attribute;
             it.addEventListener(eventName, function (event) {
                 var filter = true;
-                var filterScript = it.getAttribute("".concat(attr, ":filter"));
+                var filterScript = it.getAttribute(attr + ":filter");
                 var thisTarget = Object.assign(obj, {
                     __render: Object.freeze(__assign({ event: event, element: it, target: event.target, range: Range_1.Range.range, attribute: DomUtils_1.DomUtils.getAttributeToObject(it), router: config === null || config === void 0 ? void 0 : config.router, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj) }, config === null || config === void 0 ? void 0 : config.eventVariables))
                 });
                 if (filterScript) {
-                    filter = ScriptUtils_1.ScriptUtils.eval("".concat(_this.getBindScript(config), " return ").concat(filterScript), thisTarget);
+                    filter = ScriptUtils_1.ScriptUtils.eval(_this.getBindScript(config) + " return " + filterScript, thisTarget);
                 }
                 if (filter) {
-                    ScriptUtils_1.ScriptUtils.eval("".concat(_this.getBindScript(config), " ").concat(script, " "), thisTarget);
+                    ScriptUtils_1.ScriptUtils.eval(_this.getBindScript(config) + " " + script + " ", thisTarget);
                 }
             });
         });
@@ -404,7 +404,7 @@ var EventManager = /** @class */ (function () {
                 });
                 bind.split(',').forEach(function (eventName) {
                     it.addEventListener(eventName.trim(), function (event) {
-                        ScriptUtils_1.ScriptUtils.eval("const $params = this.__render.params; ".concat(_this.getBindScript(config), "  ").concat(script_1, " "), Object.assign(obj, {
+                        ScriptUtils_1.ScriptUtils.eval("const $params = this.__render.params; " + _this.getBindScript(config) + "  " + script_1 + " ", Object.assign(obj, {
                             __render: Object.freeze(__assign({ event: event, element: it, attribute: DomUtils_1.DomUtils.getAttributeToObject(it), target: event.target, range: Range_1.Range.range, scripts: EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj), params: params_1 }, config === null || config === void 0 ? void 0 : config.eventVariables))
                         }));
                     });
@@ -425,7 +425,7 @@ var EventManager = /** @class */ (function () {
             if (it.nodeType === 1) {
                 var e = it;
                 sets.add(e);
-                e.querySelectorAll("[".concat(attrName, "]")).forEach(function (it) {
+                e.querySelectorAll("[" + attrName + "]").forEach(function (it) {
                     sets.add(it);
                 });
             }
@@ -448,7 +448,7 @@ var EventManager = /** @class */ (function () {
     };
     EventManager.prototype.setValue = function (obj, name, value) {
         name = name.replaceAll('this.', 'this.this.');
-        ScriptUtils_1.ScriptUtils.eval("".concat(name, " = this.value;"), {
+        ScriptUtils_1.ScriptUtils.eval(name + " = this.value;", {
             this: obj,
             value: value
         });
@@ -462,7 +462,7 @@ var EventManager = /** @class */ (function () {
             }
             EventManager.VARNAMES.forEach(function (it) {
                 // raws = raws!.replace(RegExp(it.replace('$', '\\$'), 'g'), `this?.___${it}`);
-                raws = raws.replace(RegExp(it.replace('$', '\\$'), 'g'), "this.___".concat(it));
+                raws = raws.replace(RegExp(it.replace('$', '\\$'), 'g'), "this.___" + it);
             });
             var variablePaths = ScriptUtils_1.ScriptUtils.getVariablePaths(raws !== null && raws !== void 0 ? raws : '');
             return variablePaths.has(varName);
@@ -487,10 +487,10 @@ var EventManager = /** @class */ (function () {
         if (config === null || config === void 0 ? void 0 : config.eventVariables) {
             var bindScript = Object.entries(config.eventVariables).filter(function (_a) {
                 var key = _a[0], value = _a[1];
-                return !_this.bindScript.includes("const ".concat(key));
+                return !_this.bindScript.includes("const " + key);
             }).map(function (_a) {
                 var key = _a[0], value = _a[1];
-                return "const ".concat(key, " = this.__render.").concat(key, ";");
+                return "const " + key + " = this.__render." + key + ";";
             }).join(';');
             return this.bindScript + '' + bindScript;
         }

package/iterators/Range.d.ts

@@ -18,5 +18,6 @@ export declare class Range implements Iterable<number> {
     readonly isRange = true;
     constructor(first: number, last: number, step?: number);
     [Symbol.iterator](): Iterator<number>;
+    map<U>(callbackfn: (value: number, index: number, array: number[]) => U, thisArg?: any): U[];
     static range(first: number | string, last?: number, step?: number): Range;
 }

package/iterators/Range.js

@@ -23,10 +23,22 @@ var RangeIterator = /** @class */ (function () {
             r = new RangeResult(this._current, false);
             this._current += this._step;
         }
+        else if (this._first < this._last && this._current === this._last) {
+            r = new RangeResult(this._current, false);
+            this._current += this._step;
+        }
         else if (this._first > this._last && this._current > this._last) {
             r = new RangeResult(this._current, false);
             this._current -= this._step;
         }
+        else if (this._first > this._last && this._current === this._last) {
+            r = new RangeResult(this._current, false);
+            this._current -= this._step;
+        }
+        else if (this._current === this._last) {
+            r = new RangeResult(this._current, false);
+            this._current -= this._step;
+        }
         else {
             r = new RangeResult(undefined, true);
         }
@@ -46,6 +58,9 @@ var Range = /** @class */ (function () {
     Range.prototype[Symbol.iterator] = function () {
         return new RangeIterator(this.first, this.last, this.step);
     };
+    Range.prototype.map = function (callbackfn, thisArg) {
+        return Array.from(this).map(callbackfn);
+    };
     Range.range = function (first, last, step) {
         if (step === void 0) { step = 1; }
         if (typeof first === 'number' && last === undefined) {

package/messenger/Messenger.d.ts

@@ -5,11 +5,11 @@ declare enum CallBackType {
     MAP = 1,
     SUBSCRIBE = 2
 }
-export type ChannelData = {
+export declare type ChannelData = {
     channel: Channel;
     data?: (any | undefined);
 };
-export type ChannelMetaData = {
+export declare type ChannelMetaData = {
     channel?: Channel;
     action?: string;
 };
@@ -47,13 +47,13 @@ export declare class Channel {
     subscribe<D = any>(subscribeCallback: (data: D, meta: ChannelMetaData) => any | void | undefined): ChannelSubscription;
     deleteChannel(): void;
 }
-type MessengerEventDetail = {
+declare type MessengerEventDetail = {
     key: string | object | ConstructorType<any>;
     data?: any;
     action?: string;
     result?: (c: ChannelData[]) => void;
 };
-type MessengerSubscribeEventDetail = {
+declare type MessengerSubscribeEventDetail = {
     obj: any;
     key?: string | object | ConstructorType<any>;
     init: (channel: Channel, subscription: ChannelSubscription) => void;

package/operators/Dr.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -81,7 +81,7 @@ var Dr = /** @class */ (function (_super) {
                 itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
                 vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
                 newTemp = this.source.config.window.document.createElement('temp');
-                ScriptUtils_1.ScriptUtils.eval("\n                    ".concat(this.render.bindScript, "\n                    const n = $element.cloneNode(true);\n                    var destIt = ").concat(this.elementSource.attrs.drItOption, ";\n                    if (destIt !== undefined) {\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt)))\n                        // console.log('----', n.innerHTML);\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        // console.log('----', n.innerHTML);\n                    }\n                    if (this.__render.drStripOption === 'true') {\n                        Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                    } else {\n                        this.__render.fag.append(n);\n                    }"), Object.assign(this.source.obj, {
+                ScriptUtils_1.ScriptUtils.eval("\n                    " + this.render.bindScript + "\n                    const n = $element.cloneNode(true);\n                    var destIt = " + this.elementSource.attrs.drItOption + ";\n                    if (destIt !== undefined) {\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt)))\n                        // console.log('----', n.innerHTML);\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        // console.log('----', n.innerHTML);\n                    }\n                    if (this.__render.drStripOption === 'true') {\n                        Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                    } else {\n                        this.__render.fag.append(n);\n                    }", Object.assign(this.source.obj, {
                     __render: Object.freeze(__assign({ fag: newTemp, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
                 }));
                 RawSet_1.RawSet.drVarDecoding(newTemp, vars);

package/operators/DrAppender.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -70,8 +70,10 @@ var OperatorExecuter_1 = require("./OperatorExecuter");
 var DrAppender = /** @class */ (function (_super) {
     __extends(DrAppender, _super);
     function DrAppender(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        var _this = this;
         source.operatorAround = undefined;
-        return _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, false) || this;
+        _this = _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, false) || this;
+        return _this;
     }
     DrAppender.prototype.executeAttrRequire = function (attr) {
         var _a, _b, _c, _d;
@@ -82,7 +84,7 @@ var DrAppender = /** @class */ (function (_super) {
                 itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
                 vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
                 newTemp = this.source.config.window.document.createElement('temp');
-                ScriptUtils_1.ScriptUtils.eval("\n                    try{\n                    ".concat(this.render.bindScript, "\n                    ").concat((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '', "\n                        const ifWrap = document.createElement('div');\n                        ifWrap.setAttribute('dr-strip', 'true');\n                        ifWrap.setAttribute('dr-if', '").concat(this.elementSource.attrs.drAppender, " && ").concat(this.elementSource.attrs.drAppender, ".length > 0');\n                        const n = this.__render.element.cloneNode(true);\n                        Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drAppender' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                        n.setAttribute('dr-for-of', '").concat(this.elementSource.attrs.drAppender, "[' + (").concat(this.elementSource.attrs.drAppender, ".length-1) + ']');\n                        n.setAttribute('dr-next', '").concat(this.elementSource.attrs.drAppender, ",' + ").concat(this.elementSource.attrs.drAppender, ".length);\n                        ifWrap.append(n);\n                        this.__render.fag.append(ifWrap);\n                    ").concat((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '', "\n                    }catch(e){}\n                    "), Object.assign(this.source.obj, {
+                ScriptUtils_1.ScriptUtils.eval("\n                    try{\n                    " + this.render.bindScript + "\n                    " + ((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '') + "\n                        const ifWrap = document.createElement('div');\n                        ifWrap.setAttribute('dr-strip', 'true');\n                        ifWrap.setAttribute('dr-if', '" + this.elementSource.attrs.drAppender + " && " + this.elementSource.attrs.drAppender + ".length > 0');\n                        const n = this.__render.element.cloneNode(true);\n                        Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drAppender' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                        n.setAttribute('dr-for-of', '" + this.elementSource.attrs.drAppender + "[' + (" + this.elementSource.attrs.drAppender + ".length-1) + ']');\n                        n.setAttribute('dr-next', '" + this.elementSource.attrs.drAppender + ",' + " + this.elementSource.attrs.drAppender + ".length);\n                        ifWrap.append(n);\n                        this.__render.fag.append(ifWrap);\n                    " + ((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '') + "\n                    }catch(e){}\n                    ", Object.assign(this.source.obj, {
                     __render: Object.freeze(__assign({ drStripOption: this.elementSource.attrs.drStripOption, drAttr: this.elementSource.attrs, drAttrsOriginName: RawSet_1.RawSet.drAttrsOriginName, fag: newTemp }, this.render
                     // eslint-disable-next-line no-use-before-define
                     ))

package/operators/DrFor.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -70,8 +70,10 @@ var OperatorExecuter_1 = require("./OperatorExecuter");
 var DrFor = /** @class */ (function (_super) {
     __extends(DrFor, _super);
     function DrFor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        var _this = this;
         source.operatorAround = undefined;
-        return _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, false) || this;
+        _this = _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, false) || this;
+        return _this;
     }
     DrFor.prototype.executeAttrRequire = function (attr) {
         var _a, _b, _c, _d;
@@ -82,7 +84,7 @@ var DrFor = /** @class */ (function (_super) {
                 itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
                 vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
                 newTemp = this.source.config.window.document.createElement('temp');
-                ScriptUtils_1.ScriptUtils.eval("\n                    ".concat(this.render.bindScript, "\n                    ").concat((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '', "\n                    for(").concat(attr, ") {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = ").concat(this.elementSource.attrs.drItOption, ";\n                        if (destIt !== undefined) {\n                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearForIt\\#/g, destIt).replace(/\\#nearForIndex\\#/g, destIt))) \n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }\n                    ").concat((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '', "\n                    "), Object.assign(this.source.obj, {
+                ScriptUtils_1.ScriptUtils.eval("\n                    " + this.render.bindScript + "\n                    " + ((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '') + "\n                    for(" + attr + ") {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + this.elementSource.attrs.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearForIt\\#/g, destIt).replace(/\\#nearForIndex\\#/g, destIt))) \n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }\n                    " + ((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '') + "\n                    ", Object.assign(this.source.obj, {
                     __render: Object.freeze(__assign({ fag: newTemp, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
                 }));
                 RawSet_1.RawSet.drVarDecoding(newTemp, vars);

package/operators/DrForOf.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -70,8 +70,10 @@ var OperatorExecuter_1 = require("./OperatorExecuter");
 var DrForOf = /** @class */ (function (_super) {
     __extends(DrForOf, _super);
     function DrForOf(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        var _this = this;
         source.operatorAround = undefined;
-        return _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, false) || this;
+        _this = _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, false) || this;
+        return _this;
     }
     DrForOf.prototype.executeAttrRequire = function (attr) {
         var _a, _b, _c, _d;
@@ -82,7 +84,7 @@ var DrForOf = /** @class */ (function (_super) {
                 itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
                 vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
                 newTemp = this.source.config.window.document.createElement('temp');
-                ScriptUtils_1.ScriptUtils.eval("\n                    ".concat(this.render.bindScript, "\n                    ").concat((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '', "\n                    var i = 0; \n                    const forOf = ").concat(attr, ";\n                    const forOfStr = `").concat(attr, "`.trim();\n                    if (forOf) {\n                        for(const it of forOf) {\n                            var destIt = it;\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 if (forOf.isRange) {\n                                    destIt = it;\n                            }  else {\n                                destIt = forOfStr + '[' + i +']'\n                            }\n                            const n = this.__render.element.cloneNode(true);\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIt\\#/g, destIt).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIndex\\#/g, i)))\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, i);\n                            if (this.__render.drStripOption === 'true') {\n                                Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                            } else {\n                                this.__render.fag.append(n);\n                            }\n                            i++;\n                        }\n                        \n                        if('").concat(this.elementSource.attrs.drNextOption, "' !== 'null') {\n                            const n = this.__render.element.cloneNode(true);\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            const [name, idx] = '").concat(this.elementSource.attrs.drNextOption, "'.split(',');\n                            n.setAttribute('dr-for-of', name + '[' + idx + ']');\n                            n.setAttribute('dr-next', name + ',' +  (Number(idx) + 1));\n                            this.__render.fag.append(n);\n                        }\n                    }\n                    ").concat((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '', "\n                    "), Object.assign(this.source.obj, {
+                ScriptUtils_1.ScriptUtils.eval("\n                    " + this.render.bindScript + "\n                    " + ((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '') + "\n                    var i = 0; \n                    const forOf = " + attr + ";\n                    const forOfStr = `" + attr + "`.trim();\n                    if (forOf) {\n                        for(const it of forOf) {\n                            var destIt = it;\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 if (forOf.isRange) {\n                                    destIt = it;\n                            }  else {\n                                destIt = forOfStr + '[' + i +']'\n                            }\n                            const n = this.__render.element.cloneNode(true);\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIt\\#/g, destIt).replace(/\\#it\\#/g, destIt).replace(/\\#nearForOfIndex\\#/g, i)))\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, i);\n                            if (this.__render.drStripOption === 'true') {\n                                Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                            } else {\n                                this.__render.fag.append(n);\n                            }\n                            i++;\n                        }\n                        \n                        if('" + this.elementSource.attrs.drNextOption + "' !== 'null') {\n                            const n = this.__render.element.cloneNode(true);\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            const [name, idx] = '" + this.elementSource.attrs.drNextOption + "'.split(',');\n                            n.setAttribute('dr-for-of', name + '[' + idx + ']');\n                            n.setAttribute('dr-next', name + ',' +  (Number(idx) + 1));\n                            this.__render.fag.append(n);\n                        }\n                    }\n                    " + ((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '') + "\n                    ", Object.assign(this.source.obj, {
                     __render: Object.freeze(__assign({ drStripOption: this.elementSource.attrs.drStripOption, drAttr: this.elementSource.attrs, drAttrsOriginName: RawSet_1.RawSet.drAttrsOriginName, fag: newTemp }, this.render
                     // eslint-disable-next-line no-use-before-define
                     ))

package/operators/DrForm.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -83,9 +83,9 @@ var DrForm = /** @class */ (function (_super) {
             var _this = this;
             return __generator(this, function (_c) {
                 RawSet_1.RawSet.drFormOtherMoveAttr(this.elementSource.element, 'name', 'temp-name', this.source.config);
-                data = ScriptUtils_1.ScriptUtils.evalReturn("".concat(attr), this.source.obj);
+                data = ScriptUtils_1.ScriptUtils.evalReturn("" + attr, this.source.obj);
                 childs = Array.from(this.elementSource.element.querySelectorAll('[name]'));
-                fromName = ScriptUtils_1.ScriptUtils.evalReturn((_a = this.elementSource.element.getAttribute("".concat(RawSet_1.RawSet.DR_FORM_NAME, ":name"))) !== null && _a !== void 0 ? _a : '', this.source.obj);
+                fromName = ScriptUtils_1.ScriptUtils.evalReturn((_a = this.elementSource.element.getAttribute(RawSet_1.RawSet.DR_FORM_NAME + ":name")) !== null && _a !== void 0 ? _a : '', this.source.obj);
                 thisName = fromName !== null && fromName !== void 0 ? fromName : this.elementSource.element.getAttribute('name');
                 // // 자기자신이 Input 대상일때
                 if (childs.length <= 0 && thisName) {
@@ -98,32 +98,32 @@ var DrForm = /** @class */ (function (_super) {
                 }
                 childs.forEach(function (it) {
                     var _a, _b, _c, _d, _e;
-                    var eventName = (_a = it.getAttribute("".concat(RawSet_1.RawSet.DR_FORM_NAME, ":event"))) !== null && _a !== void 0 ? _a : 'change';
-                    var validatorName = it.getAttribute("".concat(RawSet_1.RawSet.DR_FORM_NAME, ":validator"));
+                    var eventName = (_a = it.getAttribute(RawSet_1.RawSet.DR_FORM_NAME + ":event")) !== null && _a !== void 0 ? _a : 'change';
+                    var validatorName = it.getAttribute(RawSet_1.RawSet.DR_FORM_NAME + ":validator");
                     var attrEventName = EventManager_1.EventManager.attrPrefix + 'event-' + eventName;
-                    var varpath = (_c = ScriptUtils_1.ScriptUtils.evalReturn((_b = _this.elementSource.element.getAttribute("".concat(RawSet_1.RawSet.DR_FORM_NAME, ":name"))) !== null && _b !== void 0 ? _b : '', _this.source.obj)) !== null && _c !== void 0 ? _c : it.getAttribute('name');
+                    var varpath = (_c = ScriptUtils_1.ScriptUtils.evalReturn((_b = _this.elementSource.element.getAttribute(RawSet_1.RawSet.DR_FORM_NAME + ":name")) !== null && _b !== void 0 ? _b : '', _this.source.obj)) !== null && _c !== void 0 ? _c : it.getAttribute('name');
                     if (varpath != null) {
                         if (validatorName) {
-                            ScriptUtils_1.ScriptUtils.eval("\n                                ".concat(_this.render.bindScript, "\n                                const validator = typeof ").concat(validatorName, " ==='function' ?  new  ").concat(validatorName, "() : ").concat(validatorName, ";\n                                ").concat(attr, "['").concat(varpath, "'] = validator;\n                            "), Object.assign(_this.source.obj, {
+                            ScriptUtils_1.ScriptUtils.eval("\n                                " + _this.render.bindScript + "\n                                const validator = typeof " + validatorName + " ==='function' ?  new  " + validatorName + "() : " + validatorName + ";\n                                " + attr + "['" + varpath + "'] = validator;\n                            ", Object.assign(_this.source.obj, {
                                 __render: Object.freeze(__assign({ drStripOption: _this.elementSource.attrs.drStripOption }, _this.render))
                             }));
                         }
-                        varpath = "".concat(attr, "['").concat(varpath, "']");
-                        var data_1 = ScriptUtils_1.ScriptUtils.evalReturn("".concat(varpath), _this.source.obj);
+                        varpath = attr + "['" + varpath + "']";
+                        var data_1 = ScriptUtils_1.ScriptUtils.evalReturn("" + varpath, _this.source.obj);
                         if (data_1 instanceof ValidatorArray_1.ValidatorArray) {
-                            it.setAttribute(attrEventName, "".concat(varpath, ".setArrayValue($target, $target.value, $event); ").concat((_d = it.getAttribute(attrEventName)) !== null && _d !== void 0 ? _d : '', ";"));
+                            it.setAttribute(attrEventName, varpath + ".setArrayValue($target, $target.value, $event); " + ((_d = it.getAttribute(attrEventName)) !== null && _d !== void 0 ? _d : '') + ";");
                             data_1.addValidator(it.value, it);
                         }
                         else if (data_1 instanceof Validator_1.Validator) {
                             // varpath += (varpath ? '.value' : 'value');
                             // varpath = drAttr.drForm + '.' + varpath;
                             // it.setAttribute(attrEventName, `${varpath} = $target.value; ${target}=$target; ${event}=$event;`);
-                            it.setAttribute(attrEventName, "".concat(varpath, ".set($target.value, $target, $event); ").concat((_e = it.getAttribute(attrEventName)) !== null && _e !== void 0 ? _e : '', ";"));
+                            it.setAttribute(attrEventName, varpath + ".set($target.value, $target, $event); " + ((_e = it.getAttribute(attrEventName)) !== null && _e !== void 0 ? _e : '') + ";");
                             data_1.setTarget(it);
                             data_1.value = it.value;
                         }
                         else {
-                            it.setAttribute(attrEventName, "".concat(varpath, " = $target.value;"));
+                            it.setAttribute(attrEventName, varpath + " = $target.value;");
                         }
                     }
                 });

package/operators/DrIf.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -70,8 +70,10 @@ var OperatorExecuter_1 = require("./OperatorExecuter");
 var DrIf = /** @class */ (function (_super) {
     __extends(DrIf, _super);
     function DrIf(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        var _this = this;
         source.operatorAround = undefined;
-        return _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, false) || this;
+        _this = _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, false) || this;
+        return _this;
     }
     DrIf.prototype.executeAttrRequire = function (attr) {
         var _a, _b, _c, _d;
@@ -82,7 +84,7 @@ var DrIf = /** @class */ (function (_super) {
                 itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
                 vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
                 newTemp = this.source.config.window.document.createElement('temp');
-                keepgoing = ScriptUtils_1.ScriptUtils.eval("\n                ".concat(this.render.bindScript, "\n                ").concat((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '', "\n                if ($rawset.data === (").concat(attr, ")) {\n                    return false;\n                }\n                $rawset.data = ").concat(attr, ";\n                if($rawset.data) {\n                    const n = $element.cloneNode(true);\n                    Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                    var destIt = ").concat(this.elementSource.attrs.drItOption, ";\n                    if (destIt !== undefined) {\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                    }\n                    if (this.__render.drStripOption === 'true') {\n                        Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                    } else {\n                        this.__render.fag.append(n);\n                    }\n                }\n                ").concat((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '', ";\n                return true;\n                "), Object.assign(this.source.obj, {
+                keepgoing = ScriptUtils_1.ScriptUtils.eval("\n                " + this.render.bindScript + "\n                " + ((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '') + "\n                if ($rawset.data === (" + attr + ")) {\n                    return false;\n                }\n                $rawset.data = " + attr + ";\n                if($rawset.data) {\n                    const n = $element.cloneNode(true);\n                    Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                    var destIt = " + this.elementSource.attrs.drItOption + ";\n                    if (destIt !== undefined) {\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                    }\n                    if (this.__render.drStripOption === 'true') {\n                        Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                    } else {\n                        this.__render.fag.append(n);\n                    }\n                }\n                " + ((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '') + ";\n                return true;\n                ", Object.assign(this.source.obj, {
                     __render: Object.freeze(__assign({ fag: newTemp, drAttr: this.elementSource.attrs, drAttrsOriginName: RawSet_1.RawSet.drAttrsOriginName, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
                 }));
                 // TODO: 뭐지?? 지워야되는거 아닌가?

package/operators/DrInnerHTML.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -79,7 +79,7 @@ var DrInnerHTML = /** @class */ (function (_super) {
             var _d;
             return __generator(this, function (_e) {
                 newTemp = this.source.config.window.document.createElement('temp');
-                ScriptUtils_1.ScriptUtils.eval("\n                        ".concat(this.render.bindScript, "\n                        const n = $element.cloneNode(true);\n                        ").concat((_a = this.elementSource.attrs.drBeforeOption) !== null && _a !== void 0 ? _a : '', "\n                        n.innerHTML = ").concat(attr, ";\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        ").concat((_b = this.elementSource.attrs.drAfterOption) !== null && _b !== void 0 ? _b : '', "\n                    "), Object.assign(this.source.obj, {
+                ScriptUtils_1.ScriptUtils.eval("\n                        " + this.render.bindScript + "\n                        const n = $element.cloneNode(true);\n                        " + ((_a = this.elementSource.attrs.drBeforeOption) !== null && _a !== void 0 ? _a : '') + "\n                        n.innerHTML = " + attr + ";\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        " + ((_b = this.elementSource.attrs.drAfterOption) !== null && _b !== void 0 ? _b : '') + "\n                    ", Object.assign(this.source.obj, {
                     __render: Object.freeze(__assign({ drStripOption: this.elementSource.attrs.drStripOption, fag: newTemp }, this.render
                     // eslint-disable-next-line no-use-before-define
                     ))

package/operators/DrInnerText.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -79,7 +79,7 @@ var DrInnerText = /** @class */ (function (_super) {
             var _d;
             return __generator(this, function (_e) {
                 newTemp = this.source.config.window.document.createElement('temp');
-                ScriptUtils_1.ScriptUtils.eval(" \n                        ".concat(this.render.bindScript, "\n                        const n = $element.cloneNode(true);  \n                        ").concat((_a = this.elementSource.attrs.drBeforeOption) !== null && _a !== void 0 ? _a : '', "\n                        n.innerText = ").concat(attr, ";\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        ").concat((_b = this.elementSource.attrs.drAfterOption) !== null && _b !== void 0 ? _b : '', "\n                    "), Object.assign(this.source.obj, {
+                ScriptUtils_1.ScriptUtils.eval(" \n                        " + this.render.bindScript + "\n                        const n = $element.cloneNode(true);  \n                        " + ((_a = this.elementSource.attrs.drBeforeOption) !== null && _a !== void 0 ? _a : '') + "\n                        n.innerText = " + attr + ";\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        " + ((_b = this.elementSource.attrs.drAfterOption) !== null && _b !== void 0 ? _b : '') + "\n                    ", Object.assign(this.source.obj, {
                     __render: Object.freeze(__assign({ drStripOption: this.elementSource.attrs.drStripOption, fag: newTemp }, this.render))
                 }));
                 tempalte = this.source.config.window.document.createElement('template');

package/operators/DrPre.js

@@ -29,7 +29,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -56,8 +56,10 @@ var OperatorExecuter_1 = require("./OperatorExecuter");
 var DrPre = /** @class */ (function (_super) {
     __extends(DrPre, _super);
     function DrPre(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        var _this = this;
         source.operatorAround = undefined;
-        return _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack) || this;
+        _this = _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack) || this;
+        return _this;
     }
     DrPre.prototype.execute = function (value) {
         return __awaiter(this, void 0, void 0, function () {