dom-render 1.0.73 → 1.0.76

package/operators/Appender.js

@@ -1,39 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppenderContainer = exports.Appender = void 0;
-var Appender = /** @class */ (function () {
-    function Appender(index) {
-        this.index = index;
-    }
-    return Appender;
-}());
-exports.Appender = Appender;
-var AppenderContainer = /** @class */ (function () {
-    // [keys: string]: any;
-    function AppenderContainer() {
-        this.length = 0;
-        // (this.childs as any).isAppender = true;
-    }
-    AppenderContainer.prototype.push = function () {
-        var items = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            items[_i] = arguments[_i];
-        }
-        // console.log('----2>', this.length)
-        items.index = this.length;
-        this[this.length++] = items;
-        // console.log('---22->', this.length)
-        // const appender = this.childs[this.lastIndex];
-        // appender.values = items;
-        // this.childs.push(new Appender(appender.index + 1));
-    };
-    AppenderContainer.prototype.clear = function () {
-        // console.log('length', this.length);
-        for (var i = 0; i < this.length; i++) {
-            delete this[i];
-        }
-        this.length = 0;
-    };
-    return AppenderContainer;
-}());
-exports.AppenderContainer = AppenderContainer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Appender = void 0;
+var Appender = /** @class */ (function () {
+    // [keys: string]: any;
+    function Appender() {
+        this.length = 0;
+        // (this.childs as any).isAppender = true;
+    }
+    Appender.prototype.push = function () {
+        var items = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            items[_i] = arguments[_i];
+        }
+        // console.log('----2>', this.length)
+        items.index = this.length;
+        this[this.length++] = items;
+        // console.log('---22->', this.length)
+        // const appender = this.childs[this.lastIndex];
+        // appender.values = items;
+        // this.childs.push(new Appender(appender.index + 1));
+    };
+    Appender.prototype.clear = function () {
+        // console.log('length', this.length);
+        for (var i = 0; i < this.length; i++) {
+            delete this[i];
+        }
+        this.length = 0;
+    };
+    return Appender;
+}());
+exports.Appender = Appender;

package/operators/AttrExpresion.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class AttrExpresion extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/AttrExpresion.js

@@ -0,0 +1,68 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttrExpresion = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var AttrExpresion = /** @class */ (function (_super) {
+    __extends(AttrExpresion, _super);
+    function AttrExpresion() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    AttrExpresion.prototype.execRender = function () {
+        var _a;
+        var _this = this;
+        var _b;
+        var targetAttrs = this.elementSource.element.getAttributeNames()
+            .filter(function (it) { return RawSet_1.RawSet.isExporesion(_this.elementSource.element.getAttribute(it)); })
+            .map(function (it) { return ({ name: it, expresion: RawSet_1.RawSet.exporesionGrouops(_this.elementSource.element.getAttribute(it))[0][1] }); })
+            .filter(function (it) { return it.name.length > 0 && it.expresion.length > 0; })
+            .map(function (it) {
+            return "n.setAttribute('".concat(it.name, "', ").concat(it.expresion, ")");
+        });
+        // console.log('-----', targetAttrs)
+        if ((targetAttrs === null || targetAttrs === void 0 ? void 0 : targetAttrs.length) > 0) {
+            var newTemp = this.source.config.window.document.createElement('temp');
+            // console.log('------>', targetAttrs, targetAttrs.join(';'))
+            ScriptUtils_1.ScriptUtils.eval("\n                        ".concat(this.render.bindScript, "\n                        const n = $element.cloneNode(true);\n                        ").concat(targetAttrs.join(';'), ";\n                        this.__render.fag.append(n);\n                    "), Object.assign(this.source.obj, {
+                __render: Object.freeze(__assign({ fag: newTemp, targetAttrs: targetAttrs }, this.render))
+            }));
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_b = this.elementSource.element.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return AttrExpresion;
+}(OperatorRender_1.OperatorRender));
+exports.AttrExpresion = AttrExpresion;

package/operators/Dr.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class Dr extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/Dr.js

@@ -0,0 +1,62 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dr = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var Dr = /** @class */ (function (_super) {
+    __extends(Dr, _super);
+    function Dr() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Dr.prototype.execRender = function () {
+        var _a;
+        var _b, _c;
+        if (this.elementSource.attrs.dr !== null && this.elementSource.attrs.dr.length >= 0) {
+            var itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
+            var vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_b = this.elementSource.attrs.drVarOption) !== null && _b !== void 0 ? _b : '');
+            var 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, {
+                __render: Object.freeze(__assign({ fag: newTemp, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
+            }));
+            RawSet_1.RawSet.drVarDecoding(newTemp, vars);
+            RawSet_1.RawSet.drItOtherDecoding(newTemp, itRandom);
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_c = this.elementSource.element.parentNode) === null || _c === void 0 ? void 0 : _c.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return Dr;
+}(OperatorRender_1.OperatorRender));
+exports.Dr = Dr;

package/operators/DrAppender.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrAppender extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrAppender.js

@@ -0,0 +1,65 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrAppender = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var DrAppender = /** @class */ (function (_super) {
+    __extends(DrAppender, _super);
+    function DrAppender() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrAppender.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d, _e;
+        if (this.elementSource.attrs.drAppender) {
+            var itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
+            var vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_b = this.elementSource.attrs.drVarOption) !== null && _b !== void 0 ? _b : '');
+            var newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils_1.ScriptUtils.eval("\n                    try{\n                    ".concat(this.render.bindScript, "\n                    ").concat((_c = this.elementSource.attrs.drBeforeOption) !== null && _c !== void 0 ? _c : '', "\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                        \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                        this.__render.fag.append(ifWrap);\n                    ").concat((_d = this.elementSource.attrs.drAfterOption) !== null && _d !== void 0 ? _d : '', "\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
+                ))
+            }));
+            RawSet_1.RawSet.drVarDecoding(newTemp, vars);
+            RawSet_1.RawSet.drItOtherDecoding(newTemp, itRandom);
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_e = this.elementSource.element.parentNode) === null || _e === void 0 ? void 0 : _e.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            // const rrr = rr.flatMap(it => it.render(obj, config));// .flat();
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrAppender;
+}(OperatorRender_1.OperatorRender));
+exports.DrAppender = DrAppender;

package/operators/DrFor.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrFor extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrFor.js

@@ -0,0 +1,62 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrFor = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var DrFor = /** @class */ (function (_super) {
+    __extends(DrFor, _super);
+    function DrFor() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrFor.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d, _e;
+        if (this.elementSource.attrs.drFor) {
+            var itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
+            var vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_b = this.elementSource.attrs.drVarOption) !== null && _b !== void 0 ? _b : '');
+            var newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils_1.ScriptUtils.eval("\n                    ".concat(this.render.bindScript, "\n                    ").concat((_c = this.elementSource.attrs.drBeforeOption) !== null && _c !== void 0 ? _c : '', "\n                    for(").concat(this.elementSource.attrs.drFor, ") {\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((_d = this.elementSource.attrs.drAfterOption) !== null && _d !== void 0 ? _d : '', "\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);
+            RawSet_1.RawSet.drItOtherDecoding(newTemp, itRandom);
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_e = this.elementSource.element.parentNode) === null || _e === void 0 ? void 0 : _e.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrFor;
+}(OperatorRender_1.OperatorRender));
+exports.DrFor = DrFor;

package/operators/DrForOf.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrForOf extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrForOf.js

@@ -0,0 +1,65 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrForOf = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var DrForOf = /** @class */ (function (_super) {
+    __extends(DrForOf, _super);
+    function DrForOf() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrForOf.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d, _e;
+        if (this.elementSource.attrs.drForOf) {
+            var itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
+            var vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_b = this.elementSource.attrs.drVarOption) !== null && _b !== void 0 ? _b : '');
+            var newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils_1.ScriptUtils.eval("\n                    ".concat(this.render.bindScript, "\n                    ").concat((_c = this.elementSource.attrs.drBeforeOption) !== null && _c !== void 0 ? _c : '', "\n                    var i = 0; \n                    const forOf = ").concat(this.elementSource.attrs.drForOf, ";\n                    const forOfStr = `").concat(this.elementSource.attrs.drForOf, "`.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((_d = this.elementSource.attrs.drAfterOption) !== null && _d !== void 0 ? _d : '', "\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
+                ))
+            }));
+            RawSet_1.RawSet.drVarDecoding(newTemp, vars);
+            RawSet_1.RawSet.drItOtherDecoding(newTemp, itRandom);
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_e = this.elementSource.element.parentNode) === null || _e === void 0 ? void 0 : _e.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            // const rrr = rr.flatMap(it => it.render(obj, config));// .flat();
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrForOf;
+}(OperatorRender_1.OperatorRender));
+exports.DrForOf = DrForOf;

package/operators/DrForm.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrForm extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrForm.js

@@ -0,0 +1,100 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrForm = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var Validator_1 = require("../validators/Validator");
+var EventManager_1 = require("../events/EventManager");
+var ValidatorArray_1 = require("../validators/ValidatorArray");
+var DrForm = /** @class */ (function (_super) {
+    __extends(DrForm, _super);
+    function DrForm() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrForm.prototype.execRender = function () {
+        var _a;
+        var _this = this;
+        var _b;
+        if (this.elementSource.attrs.drForm) {
+            RawSet_1.RawSet.drFormOtherMoveAttr(this.elementSource.element, 'name', 'temp-name', this.source.config);
+            var data = ScriptUtils_1.ScriptUtils.evalReturn("".concat(this.elementSource.attrs.drForm), this.source.obj);
+            var childs = Array.from(this.elementSource.element.querySelectorAll('[name]'));
+            var fromName = ScriptUtils_1.ScriptUtils.evalReturn((_b = this.elementSource.element.getAttribute('dr-form:name')) !== null && _b !== void 0 ? _b : '', this.source.obj);
+            var thisName = fromName !== null && fromName !== void 0 ? fromName : this.elementSource.element.getAttribute('name');
+            // console.log('dr-form:name', thisName, element.getAttribute('dr-form:name'), obj, element);
+            // // 자기자신이 Input 대상일때
+            if (childs.length <= 0 && thisName) {
+                childs.push(this.elementSource.element);
+            }
+            else {
+                if (data instanceof Validator_1.Validator) {
+                    data.setTarget(this.elementSource.element);
+                }
+            }
+            childs.forEach(function (it) {
+                var _a, _b, _c, _d, _e;
+                var eventName = (_a = it.getAttribute('dr-form:event')) !== null && _a !== void 0 ? _a : 'change';
+                var validatorName = it.getAttribute('dr-form:validator');
+                var attrEventName = EventManager_1.EventManager.attrPrefix + 'event-' + eventName;
+                var varpath = (_c = ScriptUtils_1.ScriptUtils.evalReturn((_b = _this.elementSource.element.getAttribute('dr-form: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(_this.elementSource.attrs.drForm, "['").concat(varpath, "'] = validator;\n                                "), Object.assign(_this.source.obj, {
+                            __render: Object.freeze(__assign({ drStripOption: _this.elementSource.attrs.drStripOption }, _this.render))
+                        }));
+                    }
+                    varpath = "".concat(_this.elementSource.attrs.drForm, "['").concat(varpath, "']");
+                    var data_1 = ScriptUtils_1.ScriptUtils.evalReturn("".concat(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 : '', ";"));
+                        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 : '', ";"));
+                        data_1.setTarget(it);
+                        data_1.value = it.value;
+                    }
+                    else {
+                        it.setAttribute(attrEventName, "".concat(varpath, " = $target.value;"));
+                    }
+                }
+            });
+            RawSet_1.RawSet.drFormOtherMoveAttr(this.elementSource.element, 'temp-name', 'name', this.source.config);
+            (_a = this.returnContainer.raws).push.apply(_a, RawSet_1.RawSet.checkPointCreates(this.elementSource.element, this.source.config));
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrForm;
+}(OperatorRender_1.OperatorRender));
+exports.DrForm = DrForm;

package/operators/DrIf.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrIf extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrIf.js

@@ -0,0 +1,72 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrIf = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var DrIf = /** @class */ (function (_super) {
+    __extends(DrIf, _super);
+    function DrIf() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrIf.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d, _e;
+        if (this.elementSource.attrs.drIf) {
+            var itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
+            var vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_b = this.elementSource.attrs.drVarOption) !== null && _b !== void 0 ? _b : '');
+            var newTemp = this.source.config.window.document.createElement('temp');
+            // Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v)); <-- 이부분은 다른 attr에도 적용을 할지말지 생각해야됨  엘리먼트 존재유무에 따라서 적용을 할지말지 결정해야됨
+            var keepgoing = ScriptUtils_1.ScriptUtils.eval("\n                    ".concat(this.render.bindScript, "\n                    ").concat((_c = this.elementSource.attrs.drBeforeOption) !== null && _c !== void 0 ? _c : '', "\n                    if ($rawset.data === (").concat(this.elementSource.attrs.drIf, ")) {\n                        return false;\n                    }\n                    $rawset.data = ").concat(this.elementSource.attrs.drIf, "\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((_d = this.elementSource.attrs.drAfterOption) !== null && _d !== void 0 ? _d : '', ";\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))
+            }));
+            // console.log('keepgoing', keepgoing);
+            if (keepgoing === false) {
+                return OperatorRender_1.ExecuteState.STOP;
+            }
+            RawSet_1.RawSet.drVarDecoding(newTemp, vars);
+            RawSet_1.RawSet.drItOtherDecoding(newTemp, itRandom);
+            // const bypass = (newTemp.innerHTML ?? '').trim().length <= 0;
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            // console.log(tempalte.innerHTML)
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_e = this.elementSource.element.parentNode) === null || _e === void 0 ? void 0 : _e.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            // if (bypass) {
+            //     continue;
+            // }
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrIf;
+}(OperatorRender_1.OperatorRender));
+exports.DrIf = DrIf;

package/operators/DrInnerHTML.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrInnerHTML extends OperatorRender {
+    execRender(): ExecuteState;
+}