npm - dom-render - Versions diffs - 1.0.84 → 1.0.85 - Mend

dom-render 1.0.84 → 1.0.85

Files changed (8) hide show

package/DomRender.js CHANGED Viewed

@@ -51,7 +51,7 @@ var DomRender = /** @class */ (function () {
         var component = RawSet_1.RawSet.createComponentTargetElement((_a = param.tagName) !== null && _a !== void 0 ? _a : param.type.name, function (e, o, r2, counstructorParam) {
             var _a;
             return new ((_a = param.type).bind.apply(_a, __spreadArray([void 0], counstructorParam, false)))();
-        }, (_b = param.template) !== null && _b !== void 0 ? _b : '', Array.isArray(param.styles) ? param.styles : (param.styles ? [param.styles] : undefined), false, config);
+        }, (_b = param.template) !== null && _b !== void 0 ? _b : '', Array.isArray(param.styles) ? param.styles : (param.styles ? [param.styles] : undefined), config);
         return component;
     };
     DomRender.createAttribute = function (attrName, getThisObj, factory) {

package/DomRenderProxy.js CHANGED Viewed

@@ -134,7 +134,9 @@ var DomRenderProxy = /** @class */ (function () {
                     // ------------------->
                 }
                 else {
+                    // console.log('---rawSets->', it)
                     var rawSets = it.render(_this._domRender_proxy, _this.config);
+                    // console.log('---rawSets->', rawSets)
                     // 대상 attribute 있으면
                     // const targetAttrs = (it.point.node as Element).getAttribute(EventManager.normalAttrMapAttrName);
                     // if (it?.data.onChangeAttrRender && it.type === RawSetType.TARGET_ELEMENT && targetAttrs) {

package/README.MD CHANGED Viewed

@@ -7,7 +7,7 @@ DOM-RENDER
 # 🚀 Quick start
 ```html
-<script src="https://cdn.jsdelivr.net/npm/dom-render@1.0.84/dist/bundle.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/dom-render@1.0.85/dist/bundle.js"></script>
 ```
 ```html
 <!DOCTYPE html>
@@ -18,7 +18,7 @@ DOM-RENDER
 </head>
 <body id="app">
 ${this.name}$
-<script src="https://cdn.jsdelivr.net/npm/dom-render@1.0.84/dist/bundle.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/dom-render@1.0.85/dist/bundle.js"></script>
 <script>
   let data = {
     name: 'my name is dom-render'

package/RawSet.d.ts CHANGED Viewed

@@ -49,6 +49,7 @@ export declare type ElementInitCallBack = {
 };
 export declare enum RawSetType {
     TEXT = "TEXT",
+    STYLE_TEXT = "STYLE_TEXT",
     TARGET_ELEMENT = "TARGET_ELEMENT",
     TARGET_ATTR = "TARGET_ATTR",
     UNKOWN = "UNKOWN"
@@ -71,10 +72,11 @@ export declare class RawSet {
     uuid: string;
     type: RawSetType;
     point: {
-        start: Comment;
+        start: Comment | Text | HTMLMetaElement;
         node: Node;
-        end: Comment;
+        end: Comment | Text | HTMLMetaElement;
         thisVariableName?: string | null;
+        parent?: Node | null;
     };
     fragment: DocumentFragment;
     detect?: {
@@ -105,10 +107,11 @@ export declare class RawSet {
     static readonly DR_TAGS: never[];
     static readonly DR_ATTRIBUTES: string[];
     constructor(uuid: string, type: RawSetType, point: {
-        start: Comment;
+        start: Comment | Text | HTMLMetaElement;
         node: Node;
-        end: Comment;
+        end: Comment | Text | HTMLMetaElement;
         thisVariableName?: string | null;
+        parent?: Node | null;
     }, fragment: DocumentFragment, detect?: {
         action: Function;
     } | undefined, data?: any);
@@ -140,13 +143,11 @@ export declare class RawSet {
         regex: RegExp;
         random: string;
     }[]): void;
-    static drThisCreate(element: Element, drThis: string, drVarOption: string, drStripOption: boolean | string | null, obj: any, config: Config, set?: ComponentSet): DocumentFragment;
+    static drThisCreate(rawSet: RawSet, element: Element, drThis: string, drVarOption: string, drStripOption: boolean | string | null, obj: any, config: Config, set?: ComponentSet): DocumentFragment;
     static createComponentTargetAttribute(name: string, getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any, factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment): TargetAttr;
-    static createComponentTargetElement(name: string, objFactory: (element: Element, obj: any, rawSet: RawSet, counstructorParam: any[]) => any, template: string | undefined, styles: string[] | undefined, styleLocale: boolean, config: Config): TargetElement;
+    static createComponentTargetElement(name: string, objFactory: (element: Element, obj: any, rawSet: RawSet, counstructorParam: any[]) => any, template: string | undefined, styles: string[] | undefined, config: Config): TargetElement;
     static isExporesion(data: string | null): boolean;
     static exporesionGrouops(data: string | null): RegExpExecArray[];
-    static styleTransformLocal(styleBody: string | string[], id: string, styleTagWrap?: boolean, locale?: boolean): string;
-    static metaStart(id: string): string;
-    static metaEnd(id: string): string;
+    static styleTransformLocal(styleBody: string | string[], id: string, styleTagWrap?: boolean): string;
     static destroy(obj: any | undefined, parameter: any[], config: Config, destroyOptions?: (DestroyOptionType | string)[]): void;
 }

package/RawSet.js CHANGED Viewed

@@ -50,6 +50,7 @@ var DestroyOptionType;
 var RawSetType;
 (function (RawSetType) {
     RawSetType["TEXT"] = "TEXT";
+    RawSetType["STYLE_TEXT"] = "STYLE_TEXT";
     RawSetType["TARGET_ELEMENT"] = "TARGET_ELEMENT";
     RawSetType["TARGET_ATTR"] = "TARGET_ATTR";
     RawSetType["UNKOWN"] = "UNKOWN";
@@ -146,21 +147,28 @@ var RawSet = /** @class */ (function () {
             });
             var fag = config.window.document.createDocumentFragment();
             if (cNode.nodeType === Node.TEXT_NODE && cNode.textContent) {
+                // console.log('text-->', this, obj, config)
+                // console.log('text-->', Array.from(this.fragment.childNodes))
                 var textContent = cNode.textContent;
                 var runText = RawSet.exporesionGrouops(textContent)[0][1];
                 // console.log('--->', RawSet.exporesionGrouops(textContent), textContent,runText, runText[0][1])
-                var n = void 0;
+                var newNode = void 0;
                 if (textContent === null || textContent === void 0 ? void 0 : textContent.startsWith('#')) {
                     var r = ScriptUtils_1.ScriptUtils.eval("".concat(__render.bindScript, " return ").concat(runText), Object.assign(obj, { __render: __render }));
                     var template = config.window.document.createElement('template');
                     template.innerHTML = r;
-                    n = template.content;
+                    newNode = template.content;
                 }
                 else {
                     var r = ScriptUtils_1.ScriptUtils.eval("".concat(__render.bindScript, "  return ").concat(runText), Object.assign(obj, { __render: __render }));
-                    n = config.window.document.createTextNode(r);
+                    newNode = config.window.document.createTextNode(r);
+                }
+                (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newNode, cNode);
+                // console.log('-------', this.point.start.parentNode.nodeName)
+                // 중요 style value change 됐을때 다시 처리해야되기떄문에: 마지막에 completed 없는 attr 가지고 판단 하니깐
+                if (this.type === RawSetType.STYLE_TEXT && this.point.parent) {
+                    this.point.parent.removeAttribute('completed');
                 }
-                (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(n, cNode);
             }
             else if (cNode.nodeType === Node.ELEMENT_NODE) {
                 var element = cNode;
@@ -215,7 +223,7 @@ var RawSet = /** @class */ (function () {
             }
         }
         this.applyEvent(obj, genNode, config);
-        this.replaceBody(genNode);
+        this.replaceBody(genNode); // 중요 여기서 마지막에 연션된 값을 그려준다.
         drAttrs.forEach(function (it) {
             if (it.drCompleteOption) {
                 // genNode.childNodes
@@ -228,25 +236,25 @@ var RawSet = /** @class */ (function () {
                 }));
             }
         });
+        // 중요 style isolation 나중에 :scope로 대체 가능할듯.
+        Array.from(window.document.styleSheets).filter(function (it) { return it.ownerNode && it.ownerNode instanceof Element && it.ownerNode.getAttribute('id') && !it.ownerNode.getAttribute('completed'); }).forEach(function (it) {
+            var _a;
+            var styleElement = it.ownerNode;
+            var id = (_a = styleElement.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-')[0];
+            if (id) {
+                // console.log('------->', id)
+                Array.from(it.cssRules).forEach(function (it) {
+                    _this.generateCSS(id, it);
+                });
+            }
+            it.ownerNode.setAttribute('completed', 'true');
+        });
         for (var _p = 0, onThisComponentSetCallBacks_1 = onThisComponentSetCallBacks; _p < onThisComponentSetCallBacks_1.length; _p++) {
             var it_1 = onThisComponentSetCallBacks_1[_p];
             (_c = (_b = it_1.obj).onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
         }
         for (var _q = 0, onElementInitCallBacks_1 = onElementInitCallBacks; _q < onElementInitCallBacks_1.length; _q++) {
             var it_2 = onElementInitCallBacks_1[_q];
-            // 중요 style isolation 나중에 :scope로 대체 가능할듯.
-            Array.from(window.document.styleSheets).filter(function (it) { return it.ownerNode && it.ownerNode instanceof Element && it.ownerNode.getAttribute('id') && !it.ownerNode.getAttribute('completed'); }).forEach(function (it) {
-                var _a;
-                var styleElement = it.ownerNode;
-                var id = (_a = styleElement.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-')[0];
-                if (id) {
-                    // console.log('------->', id)
-                    Array.from(it.cssRules).forEach(function (it) {
-                        _this.generateCSS(id, it);
-                    });
-                }
-                it.ownerNode.setAttribute('completed', 'true');
-            });
             (_g = (_f = (_e = (_d = it_2.targetElement) === null || _d === void 0 ? void 0 : _d.__render) === null || _e === void 0 ? void 0 : _e.component) === null || _f === void 0 ? void 0 : _f.onInitRender) === null || _g === void 0 ? void 0 : _g.call(_f, Object.freeze({ render: (_h = it_2.targetElement) === null || _h === void 0 ? void 0 : _h.__render, creatorMetaData: (_j = it_2.targetElement) === null || _j === void 0 ? void 0 : _j.__creatorMetaData }));
             (_k = config === null || config === void 0 ? void 0 : config.onElementInit) === null || _k === void 0 ? void 0 : _k.call(config, it_2.name, obj, this, it_2.targetElement);
         }
@@ -346,17 +354,19 @@ var RawSet = /** @class */ (function () {
     RawSet.prototype.replaceBody = function (genNode) {
         var _a;
         this.childAllRemove();
-        (_a = this.point.start.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(genNode, this.point.start.nextSibling);
+        (_a = this.point.start.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(genNode, this.point.start.nextSibling); // 중요 start checkpoint 다음인 end checkpoint 앞에 넣는다. 즉 중간 껴넣기 (나중에 meta tag로 변경을 해도될듯하긴한데..)
     };
     // 중요 important
     RawSet.checkPointCreates = function (element, obj, config) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
+        // console.log('start==========')
         var thisVariableName = element.__domrender_this_variable_name;
         // console.log('checkPointCreates thisVariableName', thisVariableName);
         var nodeIterator = config.window.document.createNodeIterator(element, NodeFilter.SHOW_ALL, {
             acceptNode: function (node) {
                 var _a, _b, _c, _d, _e;
                 if (node.nodeType === Node.TEXT_NODE) {
+                    // console.log('text--->', node.textContent)
                     // console.log('????????', node.parentElement, node.parentElement?.getAttribute('dr-pre'));
                     // console.log('???????/',node.textContent, node.parentElement?.getAttribute('dr-pre'))
                     // TODO: 나중에
@@ -401,49 +411,68 @@ var RawSet = /** @class */ (function () {
                 // const a = StringUtils.regexExec(/[$#]\{.*?\}/g, text);
                 // const a = StringUtils.betweenRegexpStr('[$#]\\{', '\\}', text); // <--TODO: 나중에..
                 var groups = RawSet.exporesionGrouops(text);
-                var map = groups.map(function (it) { return ({ uuid: RandomUtils_1.RandomUtils.uuid(), content: it[0], regexArr: it }); });
+                var map = groups.map(function (it) { return ({ uuid: RandomUtils_1.RandomUtils.getRandomString(40), content: it[0], regexArr: it }); });
                 var lasterIndex = 0;
                 for (var i = 0; i < map.length; i++) {
                     var it_4 = map[i];
                     var regexArr = it_4.regexArr;
                     var preparedText = regexArr.input.substring(lasterIndex, regexArr.index);
-                    var start = config.window.document.createComment("start text ".concat(it_4.uuid));
-                    var end = config.window.document.createComment("end text ".concat(it_4.uuid));
+                    // const start = config.window.document.createElement('meta');
+                    // start.setAttribute('id', `${it.uuid}-start`);
+                    // const end = config.window.document.createElement('meta');
+                    // end.setAttribute('id', `${it.uuid}-end`);
+                    var start = void 0;
+                    var end = void 0;
+                    var type = void 0;
+                    if (currentNode.parentNode && currentNode.parentNode.nodeName.toUpperCase() === 'STYLE') {
+                        type = RawSetType.STYLE_TEXT;
+                        start = config.window.document.createTextNode("/*start text ".concat(it_4.uuid, "*/"));
+                        end = config.window.document.createTextNode("/*end text ".concat(it_4.uuid, "*/"));
+                    }
+                    else {
+                        type = RawSetType.TEXT;
+                        start = config.window.document.createComment("start text ".concat(it_4.uuid));
+                        end = config.window.document.createComment("end text ".concat(it_4.uuid));
+                    }
                     // layout setting
-                    template.content.append(document.createTextNode(preparedText)); // 사이사이값.
-                    template.content.append(start);
-                    template.content.append(end);
-                    // content
+                    template.content.append(document.createTextNode(preparedText)); // 앞 부분 넣고
+                    template.content.append(start); // add start checkpoint
+                    template.content.append(end); // add end checkpoint
+                    // content 안쪽 RawSet render 할때 start 와 end 사이에 fragment 연산해서 들어간다.
                     var fragment = config.window.document.createDocumentFragment();
                     fragment.append(config.window.document.createTextNode(it_4.content));
-                    pars.push(new RawSet(it_4.uuid, RawSetType.TEXT, {
+                    pars.push(new RawSet(it_4.uuid, type, {
                         start: start,
                         node: currentNode,
                         end: end,
+                        parent: currentNode.parentNode,
                         thisVariableName: thisVariableName
                     }, fragment));
                     lasterIndex = regexArr.index + it_4.content.length;
                 }
                 template.content.append(config.window.document.createTextNode(text.substring(lasterIndex, text.length)));
-                (_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(template.content, currentNode);
+                (_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(template.content, currentNode); // <-- 여기서 text를 fragment로 replace했기때문에 추적 변경이 가능하다.
             }
             else if (currentNode.nodeType === Node.ELEMENT_NODE) {
-                var uuid = RandomUtils_1.RandomUtils.uuid();
+                var uuid = RandomUtils_1.RandomUtils.getRandomString(40);
                 var element_3 = currentNode;
                 var fragment = config.window.document.createDocumentFragment();
-                var start = config.window.document.createComment("start ".concat(uuid));
-                var end = config.window.document.createComment("end ".concat(uuid));
-                // console.log('start--', uuid)
+                var start = config.window.document.createElement('meta');
+                var end = config.window.document.createElement('meta');
+                start.setAttribute('id', "".concat(uuid, "-start"));
+                end.setAttribute('id', "".concat(uuid, "-end"));
+                var type = RawSetType.TARGET_ELEMENT;
                 var isElement = ((_d = (_c = config.targetElements) === null || _c === void 0 ? void 0 : _c.map(function (it) { return it.name.toLowerCase(); })) !== null && _d !== void 0 ? _d : []).includes(element_3.tagName.toLowerCase());
                 var targetAttrNames_2 = ((_f = (_e = config.targetAttrs) === null || _e === void 0 ? void 0 : _e.map(function (it) { return it.name; })) !== null && _f !== void 0 ? _f : []).concat(RawSet.DR_ATTRIBUTES);
                 var isAttr = element_3.getAttributeNames().filter(function (it) { return targetAttrNames_2.includes(it.toLowerCase()); }).length > 0;
                 (_g = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _g === void 0 ? void 0 : _g.insertBefore(start, currentNode);
                 (_h = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _h === void 0 ? void 0 : _h.insertBefore(end, currentNode.nextSibling);
                 fragment.append(currentNode);
-                pars.push(new RawSet(uuid, isElement ? RawSetType.TARGET_ELEMENT : (isAttr ? RawSetType.TARGET_ATTR : RawSetType.UNKOWN), {
+                pars.push(new RawSet(uuid, isElement ? type : (isAttr ? RawSetType.TARGET_ATTR : RawSetType.UNKOWN), {
                     start: start,
                     node: currentNode,
                     end: end,
+                    parent: currentNode.parentNode,
                     thisVariableName: thisVariableName
                 }, fragment));
             }
@@ -570,16 +599,18 @@ var RawSet = /** @class */ (function () {
             });
         });
     };
-    RawSet.drThisCreate = function (element, drThis, drVarOption, drStripOption, obj, config, set) {
+    RawSet.drThisCreate = function (rawSet, element, drThis, drVarOption, drStripOption, obj, config, set) {
         var _a, _b, _c, _d;
         var fag = config.window.document.createDocumentFragment();
         var n = element.cloneNode(true);
+        // console.log('--------',n, n.innerHTML)
         if (set) {
-            var id = RandomUtils_1.RandomUtils.getRandomString(20);
-            var style = RawSet.styleTransformLocal((_a = set.styles) !== null && _a !== void 0 ? _a : [], id, true, set.styleLocale);
-            var metaStart = RawSet.metaStart(id);
-            var metaEnd = RawSet.metaEnd(id);
-            n.innerHTML = metaStart + style + ((_b = set.template) !== null && _b !== void 0 ? _b : '') + metaEnd;
+            // const id = RandomUtils.getRandomString(20);
+            var style = RawSet.styleTransformLocal((_a = set.styles) !== null && _a !== void 0 ? _a : [], rawSet.uuid, true);
+            n.innerHTML = style + ((_b = set.template) !== null && _b !== void 0 ? _b : '');
+            // const metaStart = RawSet.metaStart(id);
+            // const metaEnd = RawSet.metaEnd(id);
+            // n.innerHTML = metaStart + style + (set.template ?? '') + metaEnd;
             // dr-on-create onCreateRender
             var onCreate = element.getAttribute("".concat(EventManager_1.EventManager.attrPrefix, "on-create"));
             var renderScript = '';
@@ -607,6 +638,7 @@ var RawSet = /** @class */ (function () {
         this.drVarDecoding(n, vars);
         this.drThisDecoding(n, thisRandom);
         if (drStripOption && (drStripOption === true || drStripOption === 'true')) {
+            // console.log('------childNodes', Array.from(n.childNodes))
             Array.from(n.childNodes).forEach(function (it) { return fag.append(it); });
         }
         else {
@@ -637,7 +669,7 @@ var RawSet = /** @class */ (function () {
         };
         return targetAttribute;
     };
-    RawSet.createComponentTargetElement = function (name, objFactory, template, styles, styleLocale, config) {
+    RawSet.createComponentTargetElement = function (name, objFactory, template, styles, config) {
         if (template === void 0) { template = ''; }
         if (styles === void 0) { styles = []; }
         var targetElement = {
@@ -651,7 +683,8 @@ var RawSet = /** @class */ (function () {
                     obj.__domrender_components = {};
                 }
                 var domrenderComponents = obj.__domrender_components;
-                var componentKey = '_' + RandomUtils_1.RandomUtils.getRandomString(20);
+                // const componentKey = '_' + RandomUtils.getRandomString(20);
+                var componentKey = rawSet.uuid;
                 var attribute = DomUtils_1.DomUtils.getAttributeToObject(element);
                 var renderScript = 'var $component = this.__render.component; var $element = this.__render.element; var $router = this.__render.router; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute; var $creatorMetaData = this.__render.creatorMetaData;';
                 var render = Object.freeze({
@@ -734,12 +767,13 @@ var RawSet = /** @class */ (function () {
                         __render: render
                     }));
                 }
-                var style = RawSet.styleTransformLocal(styles, componentKey, true, styleLocale);
-                var metaStart = RawSet.metaStart(componentKey);
-                var metaEnd = RawSet.metaEnd(componentKey);
-                element.innerHTML = metaStart + style + (applayTemplate !== null && applayTemplate !== void 0 ? applayTemplate : '') + metaEnd;
+                var style = RawSet.styleTransformLocal(styles, componentKey, true);
+                element.innerHTML = style + (applayTemplate !== null && applayTemplate !== void 0 ? applayTemplate : '');
+                // const metaStart = RawSet.metaStart(componentKey);
+                // const metaEnd = RawSet.metaEnd(componentKey);
+                // element.innerHTML = metaStart + style + (applayTemplate ?? '') + metaEnd;
                 // console.log('------>', element.innerHTML, obj)
-                var data = RawSet.drThisCreate(element, "this.__domrender_components.".concat(componentKey), '', true, obj, config);
+                var data = RawSet.drThisCreate(rawSet, element, "this.__domrender_components.".concat(componentKey), '', true, obj, config);
                 // 넘어온 innerHTML에 this가 있는걸 다시 복호화해서 제대로 작동하도록한다.
                 if (innerHTMLThisRandom) {
                     var template_1 = config.window.document.createElement('template');
@@ -764,9 +798,8 @@ var RawSet = /** @class */ (function () {
         return StringUtils_1.StringUtils.regexExec(reg, data !== null && data !== void 0 ? data : '');
     };
     // 중요 스타일 적용 부분
-    RawSet.styleTransformLocal = function (styleBody, id, styleTagWrap, locale) {
+    RawSet.styleTransformLocal = function (styleBody, id, styleTagWrap) {
         if (styleTagWrap === void 0) { styleTagWrap = true; }
-        if (locale === void 0) { locale = false; }
         // <style id="first">
         //     #first ~ *:not(#first ~ style[domstyle] ~ *) {
         //     font-size: 30px;
@@ -776,25 +809,26 @@ var RawSet = /** @class */ (function () {
         if (Array.isArray(styleBody)) {
             styleBody = styleBody.join('\n');
         }
-        if (locale) {
-            styleBody = styleBody.replace(/([^}]+){/gm, function (a, b) {
-                if (typeof b === 'string') {
-                    b = b.trim();
-                }
-                return "#".concat(id, " ~ ").concat(b, ":not(#").concat(id, " ~ style[domstyle] ~ *), #").concat(id, " ~ * ").concat(b, " {");
-            });
-        }
+        // if (locale) {
+        //     styleBody = styleBody.replace(/([^}]+){/gm, function (a, b) {
+        //         if (typeof b === 'string') {
+        //             b = b.trim();
+        //         }
+        //         return `#${id} ~ ${b}:not(#${id} ~ style[domstyle] ~ *), #${id} ~ * ${b} {`;
+        //     });
+        // }
         if (styleTagWrap) {
             styleBody = "<style id='".concat(id, "-style' domstyle>").concat(styleBody, "</style>");
         }
         return styleBody;
     };
-    RawSet.metaStart = function (id) {
-        return "<meta id='".concat(id, "-start' />");
-    };
-    RawSet.metaEnd = function (id) {
-        return "<meta id='".concat(id, "-end' />");
-    };
+    // public static metaStart(id: string) {
+    //     return `<meta id='${id}-start' />`;
+    // }
+    //
+    // public static metaEnd(id: string) {
+    //     return `<meta id='${id}-end' />`;
+    // }
     RawSet.destroy = function (obj, parameter, config, destroyOptions) {
         var _a;
         if (destroyOptions === void 0) { destroyOptions = []; }

package/dist/bundle.js CHANGED Viewed

@@ -1101,11 +1101,11 @@ var DrThis = /** @class */ (function (_super) {
                         RawSet.destroy(this.rawSet.data.obj, [], this.source.config, destroyOptions);
                     }
                     this.rawSet.data = r;
-                    this.returnContainer.fag.append(RawSet.drThisCreate(this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r));
+                    this.returnContainer.fag.append(RawSet.drThisCreate(this.rawSet, this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r));
                     this.afterCallBack.onThisComponentSetCallBacks.push(r);
                 }
                 else {
-                    this.returnContainer.fag.append(RawSet.drThisCreate(this.elementSource.element, this.elementSource.attrs.drThis, (_e = this.elementSource.attrs.drVarOption) !== null && _e !== void 0 ? _e : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config));
+                    this.returnContainer.fag.append(RawSet.drThisCreate(this.rawSet, this.elementSource.element, this.elementSource.attrs.drThis, (_e = this.elementSource.attrs.drVarOption) !== null && _e !== void 0 ? _e : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config));
                 }
                 var rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
                 (_f = this.elementSource.element.parentNode) === null || _f === void 0 ? void 0 : _f.replaceChild(this.returnContainer.fag, this.elementSource.element);
@@ -1808,6 +1808,7 @@ exports.DestroyOptionType = void 0;
 exports.RawSetType = void 0;
 (function (RawSetType) {
     RawSetType["TEXT"] = "TEXT";
+    RawSetType["STYLE_TEXT"] = "STYLE_TEXT";
     RawSetType["TARGET_ELEMENT"] = "TARGET_ELEMENT";
     RawSetType["TARGET_ATTR"] = "TARGET_ATTR";
     RawSetType["UNKOWN"] = "UNKOWN";
@@ -1904,21 +1905,28 @@ var RawSet = /** @class */ (function () {
             });
             var fag = config.window.document.createDocumentFragment();
             if (cNode.nodeType === Node.TEXT_NODE && cNode.textContent) {
+                // console.log('text-->', this, obj, config)
+                // console.log('text-->', Array.from(this.fragment.childNodes))
                 var textContent = cNode.textContent;
                 var runText = RawSet.exporesionGrouops(textContent)[0][1];
                 // console.log('--->', RawSet.exporesionGrouops(textContent), textContent,runText, runText[0][1])
-                var n = void 0;
+                var newNode = void 0;
                 if (textContent === null || textContent === void 0 ? void 0 : textContent.startsWith('#')) {
                     var r = ScriptUtils.eval("".concat(__render.bindScript, " return ").concat(runText), Object.assign(obj, { __render: __render }));
                     var template = config.window.document.createElement('template');
                     template.innerHTML = r;
-                    n = template.content;
+                    newNode = template.content;
                 }
                 else {
                     var r = ScriptUtils.eval("".concat(__render.bindScript, "  return ").concat(runText), Object.assign(obj, { __render: __render }));
-                    n = config.window.document.createTextNode(r);
+                    newNode = config.window.document.createTextNode(r);
+                }
+                (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newNode, cNode);
+                // console.log('-------', this.point.start.parentNode.nodeName)
+                // 중요 style value change 됐을때 다시 처리해야되기떄문에: 마지막에 completed 없는 attr 가지고 판단 하니깐
+                if (this.type === exports.RawSetType.STYLE_TEXT && this.point.parent) {
+                    this.point.parent.removeAttribute('completed');
                 }
-                (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(n, cNode);
             }
             else if (cNode.nodeType === Node.ELEMENT_NODE) {
                 var element = cNode;
@@ -1973,7 +1981,7 @@ var RawSet = /** @class */ (function () {
             }
         }
         this.applyEvent(obj, genNode, config);
-        this.replaceBody(genNode);
+        this.replaceBody(genNode); // 중요 여기서 마지막에 연션된 값을 그려준다.
         drAttrs.forEach(function (it) {
             if (it.drCompleteOption) {
                 // genNode.childNodes
@@ -1986,25 +1994,25 @@ var RawSet = /** @class */ (function () {
                 }));
             }
         });
+        // 중요 style isolation 나중에 :scope로 대체 가능할듯.
+        Array.from(window.document.styleSheets).filter(function (it) { return it.ownerNode && it.ownerNode instanceof Element && it.ownerNode.getAttribute('id') && !it.ownerNode.getAttribute('completed'); }).forEach(function (it) {
+            var _a;
+            var styleElement = it.ownerNode;
+            var id = (_a = styleElement.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-')[0];
+            if (id) {
+                // console.log('------->', id)
+                Array.from(it.cssRules).forEach(function (it) {
+                    _this.generateCSS(id, it);
+                });
+            }
+            it.ownerNode.setAttribute('completed', 'true');
+        });
         for (var _p = 0, onThisComponentSetCallBacks_1 = onThisComponentSetCallBacks; _p < onThisComponentSetCallBacks_1.length; _p++) {
             var it_1 = onThisComponentSetCallBacks_1[_p];
             (_c = (_b = it_1.obj).onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
         }
         for (var _q = 0, onElementInitCallBacks_1 = onElementInitCallBacks; _q < onElementInitCallBacks_1.length; _q++) {
             var it_2 = onElementInitCallBacks_1[_q];
-            // 중요 style isolation 나중에 :scope로 대체 가능할듯.
-            Array.from(window.document.styleSheets).filter(function (it) { return it.ownerNode && it.ownerNode instanceof Element && it.ownerNode.getAttribute('id') && !it.ownerNode.getAttribute('completed'); }).forEach(function (it) {
-                var _a;
-                var styleElement = it.ownerNode;
-                var id = (_a = styleElement.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-')[0];
-                if (id) {
-                    // console.log('------->', id)
-                    Array.from(it.cssRules).forEach(function (it) {
-                        _this.generateCSS(id, it);
-                    });
-                }
-                it.ownerNode.setAttribute('completed', 'true');
-            });
             (_g = (_f = (_e = (_d = it_2.targetElement) === null || _d === void 0 ? void 0 : _d.__render) === null || _e === void 0 ? void 0 : _e.component) === null || _f === void 0 ? void 0 : _f.onInitRender) === null || _g === void 0 ? void 0 : _g.call(_f, Object.freeze({ render: (_h = it_2.targetElement) === null || _h === void 0 ? void 0 : _h.__render, creatorMetaData: (_j = it_2.targetElement) === null || _j === void 0 ? void 0 : _j.__creatorMetaData }));
             (_k = config === null || config === void 0 ? void 0 : config.onElementInit) === null || _k === void 0 ? void 0 : _k.call(config, it_2.name, obj, this, it_2.targetElement);
         }
@@ -2104,17 +2112,19 @@ var RawSet = /** @class */ (function () {
     RawSet.prototype.replaceBody = function (genNode) {
         var _a;
         this.childAllRemove();
-        (_a = this.point.start.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(genNode, this.point.start.nextSibling);
+        (_a = this.point.start.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(genNode, this.point.start.nextSibling); // 중요 start checkpoint 다음인 end checkpoint 앞에 넣는다. 즉 중간 껴넣기 (나중에 meta tag로 변경을 해도될듯하긴한데..)
     };
     // 중요 important
     RawSet.checkPointCreates = function (element, obj, config) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
+        // console.log('start==========')
         var thisVariableName = element.__domrender_this_variable_name;
         // console.log('checkPointCreates thisVariableName', thisVariableName);
         var nodeIterator = config.window.document.createNodeIterator(element, NodeFilter.SHOW_ALL, {
             acceptNode: function (node) {
                 var _a, _b, _c, _d, _e;
                 if (node.nodeType === Node.TEXT_NODE) {
+                    // console.log('text--->', node.textContent)
                     // console.log('????????', node.parentElement, node.parentElement?.getAttribute('dr-pre'));
                     // console.log('???????/',node.textContent, node.parentElement?.getAttribute('dr-pre'))
                     // TODO: 나중에
@@ -2159,49 +2169,68 @@ var RawSet = /** @class */ (function () {
                 // const a = StringUtils.regexExec(/[$#]\{.*?\}/g, text);
                 // const a = StringUtils.betweenRegexpStr('[$#]\\{', '\\}', text); // <--TODO: 나중에..
                 var groups = RawSet.exporesionGrouops(text);
-                var map = groups.map(function (it) { return ({ uuid: RandomUtils.uuid(), content: it[0], regexArr: it }); });
+                var map = groups.map(function (it) { return ({ uuid: RandomUtils.getRandomString(40), content: it[0], regexArr: it }); });
                 var lasterIndex = 0;
                 for (var i = 0; i < map.length; i++) {
                     var it_4 = map[i];
                     var regexArr = it_4.regexArr;
                     var preparedText = regexArr.input.substring(lasterIndex, regexArr.index);
-                    var start = config.window.document.createComment("start text ".concat(it_4.uuid));
-                    var end = config.window.document.createComment("end text ".concat(it_4.uuid));
+                    // const start = config.window.document.createElement('meta');
+                    // start.setAttribute('id', `${it.uuid}-start`);
+                    // const end = config.window.document.createElement('meta');
+                    // end.setAttribute('id', `${it.uuid}-end`);
+                    var start = void 0;
+                    var end = void 0;
+                    var type = void 0;
+                    if (currentNode.parentNode && currentNode.parentNode.nodeName.toUpperCase() === 'STYLE') {
+                        type = exports.RawSetType.STYLE_TEXT;
+                        start = config.window.document.createTextNode("/*start text ".concat(it_4.uuid, "*/"));
+                        end = config.window.document.createTextNode("/*end text ".concat(it_4.uuid, "*/"));
+                    }
+                    else {
+                        type = exports.RawSetType.TEXT;
+                        start = config.window.document.createComment("start text ".concat(it_4.uuid));
+                        end = config.window.document.createComment("end text ".concat(it_4.uuid));
+                    }
                     // layout setting
-                    template.content.append(document.createTextNode(preparedText)); // 사이사이값.
-                    template.content.append(start);
-                    template.content.append(end);
-                    // content
+                    template.content.append(document.createTextNode(preparedText)); // 앞 부분 넣고
+                    template.content.append(start); // add start checkpoint
+                    template.content.append(end); // add end checkpoint
+                    // content 안쪽 RawSet render 할때 start 와 end 사이에 fragment 연산해서 들어간다.
                     var fragment = config.window.document.createDocumentFragment();
                     fragment.append(config.window.document.createTextNode(it_4.content));
-                    pars.push(new RawSet(it_4.uuid, exports.RawSetType.TEXT, {
+                    pars.push(new RawSet(it_4.uuid, type, {
                         start: start,
                         node: currentNode,
                         end: end,
+                        parent: currentNode.parentNode,
                         thisVariableName: thisVariableName
                     }, fragment));
                     lasterIndex = regexArr.index + it_4.content.length;
                 }
                 template.content.append(config.window.document.createTextNode(text.substring(lasterIndex, text.length)));
-                (_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(template.content, currentNode);
+                (_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(template.content, currentNode); // <-- 여기서 text를 fragment로 replace했기때문에 추적 변경이 가능하다.
             }
             else if (currentNode.nodeType === Node.ELEMENT_NODE) {
-                var uuid = RandomUtils.uuid();
+                var uuid = RandomUtils.getRandomString(40);
                 var element_3 = currentNode;
                 var fragment = config.window.document.createDocumentFragment();
-                var start = config.window.document.createComment("start ".concat(uuid));
-                var end = config.window.document.createComment("end ".concat(uuid));
-                // console.log('start--', uuid)
+                var start = config.window.document.createElement('meta');
+                var end = config.window.document.createElement('meta');
+                start.setAttribute('id', "".concat(uuid, "-start"));
+                end.setAttribute('id', "".concat(uuid, "-end"));
+                var type = exports.RawSetType.TARGET_ELEMENT;
                 var isElement = ((_d = (_c = config.targetElements) === null || _c === void 0 ? void 0 : _c.map(function (it) { return it.name.toLowerCase(); })) !== null && _d !== void 0 ? _d : []).includes(element_3.tagName.toLowerCase());
                 var targetAttrNames_2 = ((_f = (_e = config.targetAttrs) === null || _e === void 0 ? void 0 : _e.map(function (it) { return it.name; })) !== null && _f !== void 0 ? _f : []).concat(RawSet.DR_ATTRIBUTES);
                 var isAttr = element_3.getAttributeNames().filter(function (it) { return targetAttrNames_2.includes(it.toLowerCase()); }).length > 0;
                 (_g = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _g === void 0 ? void 0 : _g.insertBefore(start, currentNode);
                 (_h = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _h === void 0 ? void 0 : _h.insertBefore(end, currentNode.nextSibling);
                 fragment.append(currentNode);
-                pars.push(new RawSet(uuid, isElement ? exports.RawSetType.TARGET_ELEMENT : (isAttr ? exports.RawSetType.TARGET_ATTR : exports.RawSetType.UNKOWN), {
+                pars.push(new RawSet(uuid, isElement ? type : (isAttr ? exports.RawSetType.TARGET_ATTR : exports.RawSetType.UNKOWN), {
                     start: start,
                     node: currentNode,
                     end: end,
+                    parent: currentNode.parentNode,
                     thisVariableName: thisVariableName
                 }, fragment));
             }
@@ -2328,16 +2357,18 @@ var RawSet = /** @class */ (function () {
             });
         });
     };
-    RawSet.drThisCreate = function (element, drThis, drVarOption, drStripOption, obj, config, set) {
+    RawSet.drThisCreate = function (rawSet, element, drThis, drVarOption, drStripOption, obj, config, set) {
         var _a, _b, _c, _d;
         var fag = config.window.document.createDocumentFragment();
         var n = element.cloneNode(true);
+        // console.log('--------',n, n.innerHTML)
         if (set) {
-            var id = RandomUtils.getRandomString(20);
-            var style = RawSet.styleTransformLocal((_a = set.styles) !== null && _a !== void 0 ? _a : [], id, true, set.styleLocale);
-            var metaStart = RawSet.metaStart(id);
-            var metaEnd = RawSet.metaEnd(id);
-            n.innerHTML = metaStart + style + ((_b = set.template) !== null && _b !== void 0 ? _b : '') + metaEnd;
+            // const id = RandomUtils.getRandomString(20);
+            var style = RawSet.styleTransformLocal((_a = set.styles) !== null && _a !== void 0 ? _a : [], rawSet.uuid, true);
+            n.innerHTML = style + ((_b = set.template) !== null && _b !== void 0 ? _b : '');
+            // const metaStart = RawSet.metaStart(id);
+            // const metaEnd = RawSet.metaEnd(id);
+            // n.innerHTML = metaStart + style + (set.template ?? '') + metaEnd;
             // dr-on-create onCreateRender
             var onCreate = element.getAttribute("".concat(EventManager.attrPrefix, "on-create"));
             var renderScript = '';
@@ -2365,6 +2396,7 @@ var RawSet = /** @class */ (function () {
         this.drVarDecoding(n, vars);
         this.drThisDecoding(n, thisRandom);
         if (drStripOption && (drStripOption === true || drStripOption === 'true')) {
+            // console.log('------childNodes', Array.from(n.childNodes))
             Array.from(n.childNodes).forEach(function (it) { return fag.append(it); });
         }
         else {
@@ -2395,7 +2427,7 @@ var RawSet = /** @class */ (function () {
         };
         return targetAttribute;
     };
-    RawSet.createComponentTargetElement = function (name, objFactory, template, styles, styleLocale, config) {
+    RawSet.createComponentTargetElement = function (name, objFactory, template, styles, config) {
         if (template === void 0) { template = ''; }
         if (styles === void 0) { styles = []; }
         var targetElement = {
@@ -2409,7 +2441,8 @@ var RawSet = /** @class */ (function () {
                     obj.__domrender_components = {};
                 }
                 var domrenderComponents = obj.__domrender_components;
-                var componentKey = '_' + RandomUtils.getRandomString(20);
+                // const componentKey = '_' + RandomUtils.getRandomString(20);
+                var componentKey = rawSet.uuid;
                 var attribute = DomUtils.getAttributeToObject(element);
                 var renderScript = 'var $component = this.__render.component; var $element = this.__render.element; var $router = this.__render.router; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute; var $creatorMetaData = this.__render.creatorMetaData;';
                 var render = Object.freeze({
@@ -2492,12 +2525,13 @@ var RawSet = /** @class */ (function () {
                         __render: render
                     }));
                 }
-                var style = RawSet.styleTransformLocal(styles, componentKey, true, styleLocale);
-                var metaStart = RawSet.metaStart(componentKey);
-                var metaEnd = RawSet.metaEnd(componentKey);
-                element.innerHTML = metaStart + style + (applayTemplate !== null && applayTemplate !== void 0 ? applayTemplate : '') + metaEnd;
+                var style = RawSet.styleTransformLocal(styles, componentKey, true);
+                element.innerHTML = style + (applayTemplate !== null && applayTemplate !== void 0 ? applayTemplate : '');
+                // const metaStart = RawSet.metaStart(componentKey);
+                // const metaEnd = RawSet.metaEnd(componentKey);
+                // element.innerHTML = metaStart + style + (applayTemplate ?? '') + metaEnd;
                 // console.log('------>', element.innerHTML, obj)
-                var data = RawSet.drThisCreate(element, "this.__domrender_components.".concat(componentKey), '', true, obj, config);
+                var data = RawSet.drThisCreate(rawSet, element, "this.__domrender_components.".concat(componentKey), '', true, obj, config);
                 // 넘어온 innerHTML에 this가 있는걸 다시 복호화해서 제대로 작동하도록한다.
                 if (innerHTMLThisRandom) {
                     var template_1 = config.window.document.createElement('template');
@@ -2522,9 +2556,8 @@ var RawSet = /** @class */ (function () {
         return StringUtils.regexExec(reg, data !== null && data !== void 0 ? data : '');
     };
     // 중요 스타일 적용 부분
-    RawSet.styleTransformLocal = function (styleBody, id, styleTagWrap, locale) {
+    RawSet.styleTransformLocal = function (styleBody, id, styleTagWrap) {
         if (styleTagWrap === void 0) { styleTagWrap = true; }
-        if (locale === void 0) { locale = false; }
         // <style id="first">
         //     #first ~ *:not(#first ~ style[domstyle] ~ *) {
         //     font-size: 30px;
@@ -2534,25 +2567,26 @@ var RawSet = /** @class */ (function () {
         if (Array.isArray(styleBody)) {
             styleBody = styleBody.join('\n');
         }
-        if (locale) {
-            styleBody = styleBody.replace(/([^}]+){/gm, function (a, b) {
-                if (typeof b === 'string') {
-                    b = b.trim();
-                }
-                return "#".concat(id, " ~ ").concat(b, ":not(#").concat(id, " ~ style[domstyle] ~ *), #").concat(id, " ~ * ").concat(b, " {");
-            });
-        }
+        // if (locale) {
+        //     styleBody = styleBody.replace(/([^}]+){/gm, function (a, b) {
+        //         if (typeof b === 'string') {
+        //             b = b.trim();
+        //         }
+        //         return `#${id} ~ ${b}:not(#${id} ~ style[domstyle] ~ *), #${id} ~ * ${b} {`;
+        //     });
+        // }
         if (styleTagWrap) {
             styleBody = "<style id='".concat(id, "-style' domstyle>").concat(styleBody, "</style>");
         }
         return styleBody;
     };
-    RawSet.metaStart = function (id) {
-        return "<meta id='".concat(id, "-start' />");
-    };
-    RawSet.metaEnd = function (id) {
-        return "<meta id='".concat(id, "-end' />");
-    };
+    // public static metaStart(id: string) {
+    //     return `<meta id='${id}-start' />`;
+    // }
+    //
+    // public static metaEnd(id: string) {
+    //     return `<meta id='${id}-end' />`;
+    // }
     RawSet.destroy = function (obj, parameter, config, destroyOptions) {
         var _a;
         if (destroyOptions === void 0) { destroyOptions = []; }
@@ -2743,7 +2777,9 @@ var DomRenderProxy = /** @class */ (function () {
                     // ------------------->
                 }
                 else {
+                    // console.log('---rawSets->', it)
                     var rawSets = it.render(_this._domRender_proxy, _this.config);
+                    // console.log('---rawSets->', rawSets)
                     // 대상 attribute 있으면
                     // const targetAttrs = (it.point.node as Element).getAttribute(EventManager.normalAttrMapAttrName);
                     // if (it?.data.onChangeAttrRender && it.type === RawSetType.TARGET_ELEMENT && targetAttrs) {
@@ -3432,7 +3468,7 @@ var DomRender = /** @class */ (function () {
         var component = RawSet.createComponentTargetElement((_a = param.tagName) !== null && _a !== void 0 ? _a : param.type.name, function (e, o, r2, counstructorParam) {
             var _a;
             return new ((_a = param.type).bind.apply(_a, __spreadArray([void 0], counstructorParam, false)))();
-        }, (_b = param.template) !== null && _b !== void 0 ? _b : '', Array.isArray(param.styles) ? param.styles : (param.styles ? [param.styles] : undefined), false, config);
+        }, (_b = param.template) !== null && _b !== void 0 ? _b : '', Array.isArray(param.styles) ? param.styles : (param.styles ? [param.styles] : undefined), config);
         return component;
     };
     DomRender.createAttribute = function (attrName, getThisObj, factory) {
@@ -3495,6 +3531,19 @@ var Appender = /** @class */ (function () {
     return Appender;
 }());
+var AllCheckedValidatorArray = /** @class */ (function (_super) {
+    __extends(AllCheckedValidatorArray, _super);
+    function AllCheckedValidatorArray(value, target, event, autoValid) {
+        if (autoValid === void 0) { autoValid = true; }
+        return _super.call(this, value, target, event, autoValid) || this;
+    }
+    AllCheckedValidatorArray.prototype.valid = function () {
+        var _a;
+        return !(((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length > 0);
+    };
+    return AllCheckedValidatorArray;
+}(ValidatorArray));
 var RenderManager = /** @class */ (function () {
     function RenderManager() {
     }
@@ -3510,19 +3559,6 @@ var RenderManager = /** @class */ (function () {
     return RenderManager;
 }());
-var AllCheckedValidatorArray = /** @class */ (function (_super) {
-    __extends(AllCheckedValidatorArray, _super);
-    function AllCheckedValidatorArray(value, target, event, autoValid) {
-        if (autoValid === void 0) { autoValid = true; }
-        return _super.call(this, value, target, event, autoValid) || this;
-    }
-    AllCheckedValidatorArray.prototype.valid = function () {
-        var _a;
-        return !(((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length > 0);
-    };
-    return AllCheckedValidatorArray;
-}(ValidatorArray));
 var CheckedValidator = /** @class */ (function (_super) {
     __extends(CheckedValidator, _super);
     function CheckedValidator(value, target, event, autoValid) {
@@ -3564,6 +3600,21 @@ var CountGreaterThanCheckedValidatorArray = /** @class */ (function (_super) {
     return CountGreaterThanCheckedValidatorArray;
 }(ValidatorArray));
+var CountGreaterThanEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
+    __extends(CountGreaterThanEqualsUnCheckedValidatorArray, _super);
+    function CountGreaterThanEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
+        if (autoValid === void 0) { autoValid = true; }
+        var _this = _super.call(this, value, target, event, autoValid) || this;
+        _this.count = count;
+        return _this;
+    }
+    CountGreaterThanEqualsUnCheckedValidatorArray.prototype.valid = function () {
+        var _a;
+        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length >= this.count;
+    };
+    return CountGreaterThanEqualsUnCheckedValidatorArray;
+}(ValidatorArray));
 var CountEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
     __extends(CountEqualsUnCheckedValidatorArray, _super);
     function CountEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
@@ -3579,6 +3630,21 @@ var CountEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
     return CountEqualsUnCheckedValidatorArray;
 }(ValidatorArray));
+var CountGreaterThanEqualsCheckedValidatorArray = /** @class */ (function (_super) {
+    __extends(CountGreaterThanEqualsCheckedValidatorArray, _super);
+    function CountGreaterThanEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
+        if (autoValid === void 0) { autoValid = true; }
+        var _this = _super.call(this, value, target, event, autoValid) || this;
+        _this.count = count;
+        return _this;
+    }
+    CountGreaterThanEqualsCheckedValidatorArray.prototype.valid = function () {
+        var _a;
+        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length >= this.count;
+    };
+    return CountGreaterThanEqualsCheckedValidatorArray;
+}(ValidatorArray));
 var CountGreaterThanUnCheckedValidatorArray = /** @class */ (function (_super) {
     __extends(CountGreaterThanUnCheckedValidatorArray, _super);
     function CountGreaterThanUnCheckedValidatorArray(count, value, target, event, autoValid) {
@@ -3609,21 +3675,6 @@ var CountEqualsCheckedValidatorArray = /** @class */ (function (_super) {
     return CountEqualsCheckedValidatorArray;
 }(ValidatorArray));
-var CountGreaterThanEqualsCheckedValidatorArray = /** @class */ (function (_super) {
-    __extends(CountGreaterThanEqualsCheckedValidatorArray, _super);
-    function CountGreaterThanEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
-        if (autoValid === void 0) { autoValid = true; }
-        var _this = _super.call(this, value, target, event, autoValid) || this;
-        _this.count = count;
-        return _this;
-    }
-    CountGreaterThanEqualsCheckedValidatorArray.prototype.valid = function () {
-        var _a;
-        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length >= this.count;
-    };
-    return CountGreaterThanEqualsCheckedValidatorArray;
-}(ValidatorArray));
 var CountLessThanEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
     __extends(CountLessThanEqualsUnCheckedValidatorArray, _super);
     function CountLessThanEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
@@ -3639,19 +3690,20 @@ var CountLessThanEqualsUnCheckedValidatorArray = /** @class */ (function (_super
     return CountLessThanEqualsUnCheckedValidatorArray;
 }(ValidatorArray));
-var EmptyValidator = /** @class */ (function (_super) {
-    __extends(EmptyValidator, _super);
-    function EmptyValidator(value, target, event, autoValid) {
+var CountLessThanEqualsCheckedValidatorArray = /** @class */ (function (_super) {
+    __extends(CountLessThanEqualsCheckedValidatorArray, _super);
+    function CountLessThanEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
         if (autoValid === void 0) { autoValid = true; }
-        return _super.call(this, value, target, event, autoValid) || this;
+        var _this = _super.call(this, value, target, event, autoValid) || this;
+        _this.count = count;
+        return _this;
     }
-    EmptyValidator.prototype.valid = function () {
-        var _a, _b;
-        var value = this.value;
-        return value === undefined || value === null || ((_b = (_a = value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) <= 0;
+    CountLessThanEqualsCheckedValidatorArray.prototype.valid = function () {
+        var _a;
+        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length <= this.count;
     };
-    return EmptyValidator;
-}(Validator));
+    return CountLessThanEqualsCheckedValidatorArray;
+}(ValidatorArray));
 var CountLessThanCheckedValidatorArray = /** @class */ (function (_super) {
     __extends(CountLessThanCheckedValidatorArray, _super);
@@ -3668,34 +3720,41 @@ var CountLessThanCheckedValidatorArray = /** @class */ (function (_super) {
     return CountLessThanCheckedValidatorArray;
 }(ValidatorArray));
-var CountLessThanEqualsCheckedValidatorArray = /** @class */ (function (_super) {
-    __extends(CountLessThanEqualsCheckedValidatorArray, _super);
-    function CountLessThanEqualsCheckedValidatorArray(count, value, target, event, autoValid) {
+var CountUnCheckedValidatorArray = /** @class */ (function (_super) {
+    __extends(CountUnCheckedValidatorArray, _super);
+    function CountUnCheckedValidatorArray(count, value, target, event, autoValid) {
         if (autoValid === void 0) { autoValid = true; }
         var _this = _super.call(this, value, target, event, autoValid) || this;
         _this.count = count;
         return _this;
     }
-    CountLessThanEqualsCheckedValidatorArray.prototype.valid = function () {
+    CountUnCheckedValidatorArray.prototype.valid = function () {
         var _a;
-        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return it.checked; }).length <= this.count;
+        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length >= this.count;
     };
-    return CountLessThanEqualsCheckedValidatorArray;
+    return CountUnCheckedValidatorArray;
 }(ValidatorArray));
-var CountGreaterThanEqualsUnCheckedValidatorArray = /** @class */ (function (_super) {
-    __extends(CountGreaterThanEqualsUnCheckedValidatorArray, _super);
-    function CountGreaterThanEqualsUnCheckedValidatorArray(count, value, target, event, autoValid) {
+var ExcludeCheckedValidatorArray = /** @class */ (function (_super) {
+    __extends(ExcludeCheckedValidatorArray, _super);
+    function ExcludeCheckedValidatorArray(include, allRequired, value, target, event, autoValid) {
+        if (allRequired === void 0) { allRequired = false; }
         if (autoValid === void 0) { autoValid = true; }
         var _this = _super.call(this, value, target, event, autoValid) || this;
-        _this.count = count;
+        _this.include = include;
+        _this.allRequired = allRequired;
         return _this;
     }
-    CountGreaterThanEqualsUnCheckedValidatorArray.prototype.valid = function () {
+    ExcludeCheckedValidatorArray.prototype.valid = function () {
+        var _this = this;
         var _a;
-        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length >= this.count;
+        var valus = (_a = this.value) !== null && _a !== void 0 ? _a : [];
+        var unCheckedValue = valus.filter(function (it) { return !it.checked; }).map(function (it) { return it.value; });
+        return unCheckedValue.length > 0 &&
+            (!(unCheckedValue.filter(function (it) { return !_this.include.includes(it); }).length > 0)) &&
+            (this.allRequired ? unCheckedValue.filter(function (it) { return _this.include.includes(it); }).length === this.include.length : true);
     };
-    return CountGreaterThanEqualsUnCheckedValidatorArray;
+    return ExcludeCheckedValidatorArray;
 }(ValidatorArray));
 var FormValidator = /** @class */ (function (_super) {
@@ -3716,9 +3775,9 @@ var FormValidator = /** @class */ (function (_super) {
     return FormValidator;
 }(Validator));
-var ExcludeCheckedValidatorArray = /** @class */ (function (_super) {
-    __extends(ExcludeCheckedValidatorArray, _super);
-    function ExcludeCheckedValidatorArray(include, allRequired, value, target, event, autoValid) {
+var IncludeCheckedValidatorArray = /** @class */ (function (_super) {
+    __extends(IncludeCheckedValidatorArray, _super);
+    function IncludeCheckedValidatorArray(include, allRequired, value, target, event, autoValid) {
         if (allRequired === void 0) { allRequired = false; }
         if (autoValid === void 0) { autoValid = true; }
         var _this = _super.call(this, value, target, event, autoValid) || this;
@@ -3726,16 +3785,16 @@ var ExcludeCheckedValidatorArray = /** @class */ (function (_super) {
         _this.allRequired = allRequired;
         return _this;
     }
-    ExcludeCheckedValidatorArray.prototype.valid = function () {
+    IncludeCheckedValidatorArray.prototype.valid = function () {
         var _this = this;
         var _a;
         var valus = (_a = this.value) !== null && _a !== void 0 ? _a : [];
-        var unCheckedValue = valus.filter(function (it) { return !it.checked; }).map(function (it) { return it.value; });
-        return unCheckedValue.length > 0 &&
-            (!(unCheckedValue.filter(function (it) { return !_this.include.includes(it); }).length > 0)) &&
-            (this.allRequired ? unCheckedValue.filter(function (it) { return _this.include.includes(it); }).length === this.include.length : true);
+        var checkedValue = valus.filter(function (it) { return it.checked; }).map(function (it) { return it.value; });
+        return checkedValue.length > 0 &&
+            (!(checkedValue.filter(function (it) { return !_this.include.includes(it); }).length > 0)) &&
+            (this.allRequired ? checkedValue.filter(function (it) { return _this.include.includes(it); }).length === this.include.length : true);
     };
-    return ExcludeCheckedValidatorArray;
+    return IncludeCheckedValidatorArray;
 }(ValidatorArray));
 var MultipleValidator = /** @class */ (function (_super) {
@@ -3767,6 +3826,20 @@ var MultipleValidator = /** @class */ (function (_super) {
     return MultipleValidator;
 }(Validator));
+var EmptyValidator = /** @class */ (function (_super) {
+    __extends(EmptyValidator, _super);
+    function EmptyValidator(value, target, event, autoValid) {
+        if (autoValid === void 0) { autoValid = true; }
+        return _super.call(this, value, target, event, autoValid) || this;
+    }
+    EmptyValidator.prototype.valid = function () {
+        var _a, _b;
+        var value = this.value;
+        return value === undefined || value === null || ((_b = (_a = value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) <= 0;
+    };
+    return EmptyValidator;
+}(Validator));
 var NotRegExpTestValidator = /** @class */ (function (_super) {
     __extends(NotRegExpTestValidator, _super);
     function NotRegExpTestValidator(regexp, value, target, event, autoValid) {
@@ -3789,43 +3862,6 @@ var NotRegExpTestValidator = /** @class */ (function (_super) {
     return NotRegExpTestValidator;
 }(Validator));
-var IncludeCheckedValidatorArray = /** @class */ (function (_super) {
-    __extends(IncludeCheckedValidatorArray, _super);
-    function IncludeCheckedValidatorArray(include, allRequired, value, target, event, autoValid) {
-        if (allRequired === void 0) { allRequired = false; }
-        if (autoValid === void 0) { autoValid = true; }
-        var _this = _super.call(this, value, target, event, autoValid) || this;
-        _this.include = include;
-        _this.allRequired = allRequired;
-        return _this;
-    }
-    IncludeCheckedValidatorArray.prototype.valid = function () {
-        var _this = this;
-        var _a;
-        var valus = (_a = this.value) !== null && _a !== void 0 ? _a : [];
-        var checkedValue = valus.filter(function (it) { return it.checked; }).map(function (it) { return it.value; });
-        return checkedValue.length > 0 &&
-            (!(checkedValue.filter(function (it) { return !_this.include.includes(it); }).length > 0)) &&
-            (this.allRequired ? checkedValue.filter(function (it) { return _this.include.includes(it); }).length === this.include.length : true);
-    };
-    return IncludeCheckedValidatorArray;
-}(ValidatorArray));
-var CountLessThanUnCheckedValidatorArray = /** @class */ (function (_super) {
-    __extends(CountLessThanUnCheckedValidatorArray, _super);
-    function CountLessThanUnCheckedValidatorArray(count, value, target, event, autoValid) {
-        if (autoValid === void 0) { autoValid = true; }
-        var _this = _super.call(this, value, target, event, autoValid) || this;
-        _this.count = count;
-        return _this;
-    }
-    CountLessThanUnCheckedValidatorArray.prototype.valid = function () {
-        var _a;
-        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length < this.count;
-    };
-    return CountLessThanUnCheckedValidatorArray;
-}(ValidatorArray));
 var PassValidator = /** @class */ (function (_super) {
     __extends(PassValidator, _super);
     function PassValidator(value, target, event, autoValid) {
@@ -3838,21 +3874,6 @@ var PassValidator = /** @class */ (function (_super) {
     return PassValidator;
 }(Validator));
-var NotEmptyValidator = /** @class */ (function (_super) {
-    __extends(NotEmptyValidator, _super);
-    function NotEmptyValidator(value, target, event, autoValid) {
-        if (autoValid === void 0) { autoValid = true; }
-        return _super.call(this, value, target, event, autoValid) || this;
-    }
-    NotEmptyValidator.prototype.valid = function () {
-        var _a, _b;
-        var value = this.value;
-        // console.log('NotEmptyValidator', value, value !== undefined && value !== null && ((value as any)?.length ?? 0) > 0)
-        return value !== undefined && value !== null && ((_b = (_a = value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0;
-    };
-    return NotEmptyValidator;
-}(Validator));
 var RegExpTestValidator = /** @class */ (function (_super) {
     __extends(RegExpTestValidator, _super);
     function RegExpTestValidator(regexp, value, target, event, autoValid) {
@@ -3876,33 +3897,32 @@ var RegExpTestValidator = /** @class */ (function (_super) {
     return RegExpTestValidator;
 }(Validator));
-var CountUnCheckedValidatorArray = /** @class */ (function (_super) {
-    __extends(CountUnCheckedValidatorArray, _super);
-    function CountUnCheckedValidatorArray(count, value, target, event, autoValid) {
+var UnCheckedValidator = /** @class */ (function (_super) {
+    __extends(UnCheckedValidator, _super);
+    function UnCheckedValidator(value, target, event, autoValid) {
         if (autoValid === void 0) { autoValid = true; }
-        var _this = _super.call(this, value, target, event, autoValid) || this;
-        _this.count = count;
-        return _this;
+        return _super.call(this, value, target, event, autoValid) || this;
     }
-    CountUnCheckedValidatorArray.prototype.valid = function () {
-        var _a;
-        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length >= this.count;
+    UnCheckedValidator.prototype.valid = function () {
+        var _a, _b;
+        return !((_b = (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false);
     };
-    return CountUnCheckedValidatorArray;
-}(ValidatorArray));
+    return UnCheckedValidator;
+}(Validator));
-var RequiredValidator = /** @class */ (function (_super) {
-    __extends(RequiredValidator, _super);
-    function RequiredValidator(value, target, event, autoValid) {
+var NotEmptyValidator = /** @class */ (function (_super) {
+    __extends(NotEmptyValidator, _super);
+    function NotEmptyValidator(value, target, event, autoValid) {
         if (autoValid === void 0) { autoValid = true; }
         return _super.call(this, value, target, event, autoValid) || this;
     }
-    RequiredValidator.prototype.valid = function () {
+    NotEmptyValidator.prototype.valid = function () {
+        var _a, _b;
         var value = this.value;
-        // console.log('required', value, value !== undefined && value !== null)
-        return value !== undefined && value !== null;
+        // console.log('NotEmptyValidator', value, value !== undefined && value !== null && ((value as any)?.length ?? 0) > 0)
+        return value !== undefined && value !== null && ((_b = (_a = value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0;
     };
-    return RequiredValidator;
+    return NotEmptyValidator;
 }(Validator));
 var ValidMultipleValidator = /** @class */ (function (_super) {
@@ -3920,6 +3940,21 @@ var ValidMultipleValidator = /** @class */ (function (_super) {
     return ValidMultipleValidator;
 }(MultipleValidator));
+var CountLessThanUnCheckedValidatorArray = /** @class */ (function (_super) {
+    __extends(CountLessThanUnCheckedValidatorArray, _super);
+    function CountLessThanUnCheckedValidatorArray(count, value, target, event, autoValid) {
+        if (autoValid === void 0) { autoValid = true; }
+        var _this = _super.call(this, value, target, event, autoValid) || this;
+        _this.count = count;
+        return _this;
+    }
+    CountLessThanUnCheckedValidatorArray.prototype.valid = function () {
+        var _a;
+        return ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(function (it) { return !it.checked; }).length < this.count;
+    };
+    return CountLessThanUnCheckedValidatorArray;
+}(ValidatorArray));
 var ValidValidator = /** @class */ (function (_super) {
     __extends(ValidValidator, _super);
     function ValidValidator(validCallBack, value, target, event, autoValid) {
@@ -3934,6 +3969,20 @@ var ValidValidator = /** @class */ (function (_super) {
     return ValidValidator;
 }(Validator));
+var RequiredValidator = /** @class */ (function (_super) {
+    __extends(RequiredValidator, _super);
+    function RequiredValidator(value, target, event, autoValid) {
+        if (autoValid === void 0) { autoValid = true; }
+        return _super.call(this, value, target, event, autoValid) || this;
+    }
+    RequiredValidator.prototype.valid = function () {
+        var value = this.value;
+        // console.log('required', value, value !== undefined && value !== null)
+        return value !== undefined && value !== null;
+    };
+    return RequiredValidator;
+}(Validator));
 var ValidValidatorArray = /** @class */ (function (_super) {
     __extends(ValidValidatorArray, _super);
     function ValidValidatorArray(validCallBack, value, target, event, autoValid) {
@@ -3948,19 +3997,6 @@ var ValidValidatorArray = /** @class */ (function (_super) {
     return ValidValidatorArray;
 }(ValidatorArray));
-var UnCheckedValidator = /** @class */ (function (_super) {
-    __extends(UnCheckedValidator, _super);
-    function UnCheckedValidator(value, target, event, autoValid) {
-        if (autoValid === void 0) { autoValid = true; }
-        return _super.call(this, value, target, event, autoValid) || this;
-    }
-    UnCheckedValidator.prototype.valid = function () {
-        var _a, _b;
-        return !((_b = (_a = this.getTarget()) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false);
-    };
-    return UnCheckedValidator;
-}(Validator));
 var ValueNotEqualsValidator = /** @class */ (function (_super) {
     __extends(ValueNotEqualsValidator, _super);
     function ValueNotEqualsValidator(equalsValue, value, target, event, autoValid) {
@@ -3989,6 +4025,28 @@ var ValueEqualsValidator = /** @class */ (function (_super) {
     return ValueEqualsValidator;
 }(Validator));
+var ClipBoardUtils = /** @class */ (function () {
+    function ClipBoardUtils() {
+    }
+    ClipBoardUtils.readText = function (clipboard) {
+        if (clipboard === void 0) { clipboard = navigator.clipboard; }
+        return clipboard.readText();
+    };
+    ClipBoardUtils.read = function (clipboard) {
+        if (clipboard === void 0) { clipboard = navigator.clipboard; }
+        return clipboard.read();
+    };
+    ClipBoardUtils.writeText = function (data, clipboard) {
+        if (clipboard === void 0) { clipboard = navigator.clipboard; }
+        return clipboard.writeText(data);
+    };
+    ClipBoardUtils.write = function (data, clipboard) {
+        if (clipboard === void 0) { clipboard = navigator.clipboard; }
+        return clipboard.write(data);
+    };
+    return ClipBoardUtils;
+}());
 var NodeUtils = /** @class */ (function () {
     function NodeUtils() {
     }
@@ -4013,28 +4071,6 @@ var NodeUtils = /** @class */ (function () {
     return NodeUtils;
 }());
-var ClipBoardUtils = /** @class */ (function () {
-    function ClipBoardUtils() {
-    }
-    ClipBoardUtils.readText = function (clipboard) {
-        if (clipboard === void 0) { clipboard = navigator.clipboard; }
-        return clipboard.readText();
-    };
-    ClipBoardUtils.read = function (clipboard) {
-        if (clipboard === void 0) { clipboard = navigator.clipboard; }
-        return clipboard.read();
-    };
-    ClipBoardUtils.writeText = function (data, clipboard) {
-        if (clipboard === void 0) { clipboard = navigator.clipboard; }
-        return clipboard.writeText(data);
-    };
-    ClipBoardUtils.write = function (data, clipboard) {
-        if (clipboard === void 0) { clipboard = navigator.clipboard; }
-        return clipboard.write(data);
-    };
-    return ClipBoardUtils;
-}());
 var StorageUtils = /** @class */ (function () {
     function StorageUtils() {
     }

package/operators/DrThis.js CHANGED Viewed

@@ -37,11 +37,11 @@ var DrThis = /** @class */ (function (_super) {
                         RawSet_1.RawSet.destroy(this.rawSet.data.obj, [], this.source.config, destroyOptions);
                     }
                     this.rawSet.data = r;
-                    this.returnContainer.fag.append(RawSet_1.RawSet.drThisCreate(this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r));
+                    this.returnContainer.fag.append(RawSet_1.RawSet.drThisCreate(this.rawSet, this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r));
                     this.afterCallBack.onThisComponentSetCallBacks.push(r);
                 }
                 else {
-                    this.returnContainer.fag.append(RawSet_1.RawSet.drThisCreate(this.elementSource.element, this.elementSource.attrs.drThis, (_e = this.elementSource.attrs.drVarOption) !== null && _e !== void 0 ? _e : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config));
+                    this.returnContainer.fag.append(RawSet_1.RawSet.drThisCreate(this.rawSet, this.elementSource.element, this.elementSource.attrs.drThis, (_e = this.elementSource.attrs.drVarOption) !== null && _e !== void 0 ? _e : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config));
                 }
                 var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
                 (_f = this.elementSource.element.parentNode) === null || _f === void 0 ? void 0 : _f.replaceChild(this.returnContainer.fag, this.elementSource.element);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "dom-render",
-  "version": "1.0.84",
+  "version": "1.0.85",
   "main": "DomRender.js",
   "license": "MIT",
   "description": "dom-render",