@dooboostore/dom-render 1.0.98

package/operators/DrFor.js

@@ -0,0 +1,58 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';
+import { RawSet } from '../rawsets/RawSet';
+import { ExecuteState } from './OperatorExecuter';
+export class DrFor extends OperatorExecuterAttrRequire {
+    constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        source.operatorAround = undefined;
+        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
+    }
+    executeAttrRequire(attr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
+            const vars = RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
+            const newTemp = this.source.config.window.document.createElement('temp');
+            // console.log('-----asdad',attr , this.elementSource.attrs.drItOption);
+            ScriptUtils.eval(`
+                    ${this.render.bindScript}
+                    ${(_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : ''}
+                    for(${attr}) {
+                        const n = this.__render.element.cloneNode(true);
+                        var destIt = ${this.elementSource.attrs.drItOption};
+                        if (destIt !== undefined) {
+                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearForIt\\#/g, destIt).replace(/\\#nearForIndex\\#/g, destIt))) 
+                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, destIt);
+                        }
+                        if (this.__render.drStripOption === 'true') {
+                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
+                        } else {
+                            this.__render.fag.append(n);
+                        }
+                    }
+                    ${(_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : ''}
+                    `, Object.assign(this.source.obj, {
+                __render: Object.freeze(Object.assign({ fag: newTemp, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
+            }));
+            RawSet.drVarDecoding(newTemp, vars);
+            RawSet.drItOtherDecoding(newTemp, itRandom);
+            const tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
+            (_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            this.returnContainer.raws.push(...rr);
+            return ExecuteState.EXECUTE;
+        });
+    }
+}
+//# sourceMappingURL=DrFor.js.map

package/operators/DrForOf.d.ts

@@ -0,0 +1,9 @@
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { RawSet } from '../rawsets/RawSet';
+import { Render } from '../rawsets/Render';
+import { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';
+export declare class DrForOf extends OperatorExecuterAttrRequire<string> {
+    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack);
+    executeAttrRequire(attr: string): Promise<ExecuteState>;
+}
+//# sourceMappingURL=DrForOf.d.ts.map

package/operators/DrForOf.js

@@ -0,0 +1,120 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';
+import { RawSet } from '../rawsets/RawSet';
+import { ExecuteState } from './OperatorExecuter';
+export class DrForOf extends OperatorExecuterAttrRequire {
+    constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        source.operatorAround = undefined;
+        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
+    }
+    executeAttrRequire(attr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            // console.log('타지도않냐?')
+            const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrForOf');
+            const vars = RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
+            const newTemp = this.source.config.window.document.createElement('temp');
+            // console.log('----!', this.elementSource.attrs)
+            // ScriptUtils.evalReturn()
+            ScriptUtils.eval(`
+                    ${this.render.bindScript}
+                    ${(_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : ''}
+                    var i = -1; 
+                    const forOf = ${attr};
+                    const forOfStr = \`${attr}\`.trim();
+                    // console.log('forOf---',forOf);
+                    if (forOf) {
+                        for(const it of forOf) {
+                            i++;
+                            var destIt = it;
+                            if (/\\[(.*,?)\\],/g.test(forOfStr)) {
+                                if (typeof it === 'string') {
+                                    destIt = it;
+                                } else {
+                                    destIt = forOfStr.substring(1, forOfStr.length-1).split(',')[i];
+                                }
+                            } else if (forOf.isRange) {
+                                    destIt = it;
+                            } else {
+                                destIt = forOfStr + '[' + i +']'
+                            }
+                            const n = this.__render.element.cloneNode(true);
+                            // console.log('zzzzzzzzzzz', n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}'));
+                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
+                            // console.log('---------'+destIt,n, Array.from(n.getAttributeNames()).map(it=>({name:it,attr: n.getAttribute(it)})));
+                            // console.log('---------destItdestIt',destIt);
+                            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)))
+                            const drOptionAttr = n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}');
+                            if (drOptionAttr) {
+                              const drOptionAttrResult = $scriptUtils.evalReturn(drOptionAttr, this);
+                              Array.from(Object.entries(drOptionAttrResult??{})).forEach(([k,v])=>{
+                                if (v === null) {
+                                  n.removeAttribute(k);
+                                } else {
+                                  n.setAttribute(k,v);
+                                }
+                              })
+                            }
+                            
+                            const drOptionFilter = n.getAttribute('${RawSet.DR_DETECT_FILTER_OPTIONNAME}');
+                            if (drOptionFilter) {
+                              const drOptionFilterResult = $scriptUtils.evalReturn(drOptionFilter, this);
+                              // console.log('---drforof----', drOptionFilter, drOptionFilterResult)
+                              if (!drOptionFilterResult) {
+                                continue;
+                              }
+                            }
+
+                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, i);
+                            // console.log('!@@@@', n.innerHTML);
+                            // DR_THIS_OPTIONNAME 는 제거한다 꼬인다. strip 할때 막 꼬여버린다.
+                            // const drOptionThis = n.getAttribute('${RawSet.DR_THIS_OPTIONNAME}');
+                            // if (drOptionThis) {
+                            //  n.setAttribute('${RawSet.DR_THIS_NAME}', drOptionThis)
+                            // }
+                            if (this.__render.drStripOption === 'true') {
+                                Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
+                            } else {
+                                this.__render.fag.append(n);
+                            }
+                           
+                        }
+                        
+                        if('${this.elementSource.attrs.drNextOption}' !== 'null') {
+                            const n = this.__render.element.cloneNode(true);
+                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
+                            const [name, idx] = '${this.elementSource.attrs.drNextOption}'.split(',');
+                            n.setAttribute('${RawSet.DR_FOR_OF_NAME}', name + '[' + idx + ']');
+                            n.setAttribute('${RawSet.DR_NEXT_OPTIONNAME}', name + ',' +  (Number(idx) + 1));
+                            this.__render.fag.append(n);
+                        }
+                    }
+                    ${(_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : ''}
+                    `, Object.assign(this.source.obj, {
+                __render: Object.freeze(Object.assign({ drStripOption: this.elementSource.attrs.drStripOption, drAttr: this.elementSource.attrs, drAttrsOriginName: RawSet.drAttrsOriginName, fag: newTemp }, this.render
+                // eslint-disable-next-line no-use-before-define
+                ))
+            }));
+            RawSet.drVarDecoding(newTemp, vars);
+            RawSet.drItOtherDecoding(newTemp, itRandom);
+            const tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
+            (_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            // const rrr = rr.flatMap(it => it.render(obj, config));// .flat();
+            this.returnContainer.raws.push(...rr);
+            return ExecuteState.EXECUTE;
+        });
+    }
+}
+//# sourceMappingURL=DrForOf.js.map

package/operators/DrForm.d.ts

@@ -0,0 +1,9 @@
+import { RawSet } from '../rawsets/RawSet';
+import { Render } from '../rawsets/Render';
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';
+export declare class DrForm extends OperatorExecuterAttrRequire<string> {
+    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack);
+    executeAttrRequire(attr: string): Promise<ExecuteState>;
+}
+//# sourceMappingURL=DrForm.d.ts.map

package/operators/DrForm.js

@@ -0,0 +1,79 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';
+import { RawSet } from '../rawsets/RawSet';
+import { Validator } from '../validators/Validator';
+import { EventManager } from '../events/EventManager';
+import { ValidatorArray } from '../validators/ValidatorArray';
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { ExecuteState } from './OperatorExecuter';
+export class DrForm extends OperatorExecuterAttrRequire {
+    constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
+    }
+    executeAttrRequire(attr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            RawSet.drFormOtherMoveAttr(this.elementSource.element, 'name', 'temp-name', this.source.config);
+            const data = ScriptUtils.evalReturn(`${attr}`, this.source.obj);
+            const childs = Array.from(this.elementSource.element.querySelectorAll('[name]'));
+            const fromName = ScriptUtils.evalReturn((_a = this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`)) !== null && _a !== void 0 ? _a : '', this.source.obj);
+            const thisName = fromName !== null && fromName !== void 0 ? fromName : this.elementSource.element.getAttribute('name');
+            // // 자기자신이 Input 대상일때
+            if (childs.length <= 0 && thisName) {
+                childs.push(this.elementSource.element);
+            }
+            else {
+                if (data instanceof Validator) {
+                    data.setTarget(this.elementSource.element);
+                }
+            }
+            childs.forEach(it => {
+                var _a, _b, _c, _d, _e;
+                const eventName = (_a = it.getAttribute(`${RawSet.DR_FORM_NAME}:event`)) !== null && _a !== void 0 ? _a : 'change';
+                const validatorName = it.getAttribute(`${RawSet.DR_FORM_NAME}:validator`);
+                const attrEventName = EventManager.attrPrefix + 'event-' + eventName;
+                let varpath = (_c = ScriptUtils.evalReturn((_b = this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`)) !== null && _b !== void 0 ? _b : '', this.source.obj)) !== null && _c !== void 0 ? _c : it.getAttribute('name');
+                if (varpath != null) {
+                    if (validatorName) {
+                        ScriptUtils.eval(`
+                                ${this.render.bindScript}
+                                const validator = typeof ${validatorName} ==='function' ?  new  ${validatorName}() : ${validatorName};
+                                ${attr}['${varpath}'] = validator;
+                            `, Object.assign(this.source.obj, {
+                            __render: Object.freeze(Object.assign({ drStripOption: this.elementSource.attrs.drStripOption }, this.render))
+                        }));
+                    }
+                    varpath = `${attr}['${varpath}']`;
+                    const data = ScriptUtils.evalReturn(`${varpath}`, this.source.obj);
+                    if (data instanceof ValidatorArray) {
+                        it.setAttribute(attrEventName, `${varpath}.setArrayValue($target, $target.value, $event); ${(_d = it.getAttribute(attrEventName)) !== null && _d !== void 0 ? _d : ''};`);
+                        data.addValidator(it.value, it);
+                    }
+                    else if (data instanceof Validator) {
+                        // varpath += (varpath ? '.value' : 'value');
+                        // varpath = drAttr.drForm + '.' + varpath;
+                        // it.setAttribute(attrEventName, `${varpath} = $target.value; ${target}=$target; ${event}=$event;`);
+                        it.setAttribute(attrEventName, `${varpath}.set($target.value, $target, $event); ${(_e = it.getAttribute(attrEventName)) !== null && _e !== void 0 ? _e : ''};`);
+                        data.setTarget(it);
+                        data.value = it.value;
+                    }
+                    else {
+                        it.setAttribute(attrEventName, `${varpath} = $target.value;`);
+                    }
+                }
+            });
+            RawSet.drFormOtherMoveAttr(this.elementSource.element, 'temp-name', 'name', this.source.config);
+            this.returnContainer.raws.push(...RawSet.checkPointCreates(this.elementSource.element, this.source.obj, this.source.config));
+            return ExecuteState.EXECUTE;
+        });
+    }
+}
+//# sourceMappingURL=DrForm.js.map

package/operators/DrIf.d.ts

@@ -0,0 +1,9 @@
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { RawSet } from '../rawsets/RawSet';
+import { Render } from '../rawsets/Render';
+import { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';
+export declare class DrIf extends OperatorExecuterAttrRequire<string> {
+    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack);
+    executeAttrRequire(attr: string): Promise<ExecuteState>;
+}
+//# sourceMappingURL=DrIf.d.ts.map

package/operators/DrIf.js

@@ -0,0 +1,70 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';
+import { RawSet } from '../rawsets/RawSet';
+import { ExecuteState } from './OperatorExecuter';
+export class DrIf extends OperatorExecuterAttrRequire {
+    constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        source.operatorAround = undefined;
+        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
+    }
+    executeAttrRequire(attr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrIf');
+            const vars = RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
+            const 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에도 적용을 할지말지 생각해야됨  엘리먼트 존재유무에 따라서 적용을 할지말지 결정해야됨
+            const keepgoing = ScriptUtils.eval(`
+                ${this.render.bindScript}
+                ${(_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : ''}
+                if ($rawSet.data === (${attr})) {
+                    return false;
+                }
+                $rawSet.data = ${attr};
+                if($rawSet.data) {
+                    const n = $element.cloneNode(true);
+                    Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
+                    var destIt = ${this.elementSource.attrs.drItOption};
+                    if (destIt !== undefined) {
+                     // 여기가 ..아주 헛갈리는데...
+                        Array.from(n.getAttributeNames()).forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#DrIFIt\\#/g, destIt)))
+                        n.innerHTML = n.innerHTML.replace(/\\#DrIFIt\\#/g, destIt);
+                    }
+                    if (this.__render.drStripOption === 'true') {
+                        Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
+                    } else {
+                        this.__render.fag.append(n);
+                    }
+                }
+                ${(_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : ''};
+                return true;
+                `, Object.assign(this.source.obj, {
+                __render: Object.freeze(Object.assign({ fag: newTemp, drAttr: this.elementSource.attrs, drAttrsOriginName: RawSet.drAttrsOriginName, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
+            }));
+            // TODO: 뭐지?? 지워야되는거 아닌가?
+            if (keepgoing === false) {
+                return ExecuteState.STOP;
+            }
+            RawSet.drVarDecoding(newTemp, vars);
+            RawSet.drItOtherDecoding(newTemp, itRandom);
+            // const bypass = (newTemp.innerHTML ?? '').trim().length <= 0;
+            const tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
+            (_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            this.returnContainer.raws.push(...rr);
+            return ExecuteState.EXECUTE;
+        });
+    }
+}
+//# sourceMappingURL=DrIf.js.map

package/operators/DrInnerHTML.d.ts

@@ -0,0 +1,9 @@
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { RawSet } from '../rawsets/RawSet';
+import { Render } from '../rawsets/Render';
+import { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';
+export declare class DrInnerHTML extends OperatorExecuterAttrRequire<string> {
+    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack);
+    executeAttrRequire(attr: string): Promise<ExecuteState>;
+}
+//# sourceMappingURL=DrInnerHTML.d.ts.map

package/operators/DrInnerHTML.js

@@ -0,0 +1,48 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';
+import { RawSet } from '../rawsets/RawSet';
+import { ExecuteState } from './OperatorExecuter';
+export class DrInnerHTML extends OperatorExecuterAttrRequire {
+    constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
+    }
+    executeAttrRequire(attr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
+            const newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils.eval(`
+                        ${this.render.bindScript}
+                        const n = $element.cloneNode(true);
+                        ${(_a = this.elementSource.attrs.drBeforeOption) !== null && _a !== void 0 ? _a : ''}
+                        n.innerHTML = ${attr};
+                        if (this.__render.drStripOption === 'true') {
+                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
+                        } else {
+                            this.__render.fag.append(n);
+                        }
+                        ${(_b = this.elementSource.attrs.drAfterOption) !== null && _b !== void 0 ? _b : ''}
+                    `, Object.assign(this.source.obj, {
+                __render: Object.freeze(Object.assign({ drStripOption: this.elementSource.attrs.drStripOption, fag: newTemp }, this.render
+                // eslint-disable-next-line no-use-before-define
+                ))
+            }));
+            const tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
+            (_c = this.elementSource.element.parentNode) === null || _c === void 0 ? void 0 : _c.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            this.returnContainer.raws.push(...rr);
+            return ExecuteState.EXECUTE;
+        });
+    }
+}
+//# sourceMappingURL=DrInnerHTML.js.map

package/operators/DrInnerText.d.ts

@@ -0,0 +1,9 @@
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { RawSet } from '../rawsets/RawSet';
+import { Render } from '../rawsets/Render';
+import { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';
+export declare class DrInnerText extends OperatorExecuterAttrRequire<string> {
+    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack);
+    executeAttrRequire(attr: string): Promise<ExecuteState>;
+}
+//# sourceMappingURL=DrInnerText.d.ts.map

package/operators/DrInnerText.js

@@ -0,0 +1,46 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';
+import { RawSet } from '../rawsets/RawSet';
+import { ExecuteState } from './OperatorExecuter';
+export class DrInnerText extends OperatorExecuterAttrRequire {
+    constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
+    }
+    executeAttrRequire(attr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
+            const newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils.eval(` 
+                        ${this.render.bindScript}
+                        const n = $element.cloneNode(true);  
+                        ${(_a = this.elementSource.attrs.drBeforeOption) !== null && _a !== void 0 ? _a : ''}
+                        n.innerText = ${attr};
+                        if (this.__render.drStripOption === 'true') {
+                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
+                        } else {
+                            this.__render.fag.append(n);
+                        }
+                        ${(_b = this.elementSource.attrs.drAfterOption) !== null && _b !== void 0 ? _b : ''}
+                    `, Object.assign(this.source.obj, {
+                __render: Object.freeze(Object.assign({ drStripOption: this.elementSource.attrs.drStripOption, fag: newTemp }, this.render))
+            }));
+            const tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
+            (_c = this.elementSource.element.parentNode) === null || _c === void 0 ? void 0 : _c.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            this.returnContainer.raws.push(...rr);
+            return ExecuteState.EXECUTE;
+        });
+    }
+}
+//# sourceMappingURL=DrInnerText.js.map

package/operators/DrPre.d.ts

@@ -0,0 +1,8 @@
+import { AfterCallBack, ElementSource, ExecuteState, OperatorExecuter, ReturnContainer, Source } from './OperatorExecuter';
+import { RawSet } from '../rawsets/RawSet';
+import { Render } from '../rawsets/Render';
+export declare class DrPre extends OperatorExecuter<null> {
+    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack);
+    execute(value: null): Promise<ExecuteState>;
+}
+//# sourceMappingURL=DrPre.d.ts.map

package/operators/DrPre.js

@@ -0,0 +1,22 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { ExecuteState, OperatorExecuter } from './OperatorExecuter';
+export class DrPre extends OperatorExecuter {
+    constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        source.operatorAround = undefined;
+        super(rawSet, render, returnContainer, elementSource, source, afterCallBack);
+    }
+    execute(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (value != null) ? ExecuteState.EXECUTE : ExecuteState.NO_EXECUTE;
+        });
+    }
+}
+//# sourceMappingURL=DrPre.js.map

package/operators/DrRepeat.d.ts

@@ -0,0 +1,9 @@
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { RawSet } from '../rawsets/RawSet';
+import { Render } from '../rawsets/Render';
+import { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';
+export declare class DrRepeat extends OperatorExecuterAttrRequire<string> {
+    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack);
+    executeAttrRequire(attr: string): Promise<ExecuteState>;
+}
+//# sourceMappingURL=DrRepeat.d.ts.map

package/operators/DrRepeat.js

@@ -0,0 +1,70 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';
+import { RawSet } from '../rawsets/RawSet';
+import { EventManager } from '../events/EventManager';
+import { ExecuteState } from './OperatorExecuter';
+export class DrRepeat extends OperatorExecuterAttrRequire {
+    constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
+        source.operatorAround = undefined;
+        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
+    }
+    executeAttrRequire(attr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
+            const vars = RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
+            const newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils.eval(`
+                    ${this.render.bindScript}
+                    ${(_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : ''}
+                    var i = 0; 
+                    const repeat = ${attr};
+                    const repeatStr = \`${attr}\`;
+                    let range = repeat;
+                    if (typeof repeat === 'number') {
+                        range = ${EventManager.RANGE_VARNAME}(repeat);
+                    } 
+                    for(const it of range) {
+                        var destIt = it;
+                        if (range.isRange) {
+                            destIt = it;
+                        }  else {
+                            destIt = repeatStr + '[' + i +']'
+                        }
+                        const n = this.__render.element.cloneNode(true);
+                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearRangeIt\\#/g, destIt).replace(/\\#nearRangeIndex\\#/g, destIt)))
+                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, destIt);
+                        
+                        if (this.__render.drStripOption === 'true') {
+                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
+                        } else {
+                            this.__render.fag.append(n);
+                        }
+                        i++;
+                    }
+                    ${(_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : ''}
+                    `, Object.assign(this.source.obj, {
+                __render: Object.freeze(Object.assign({ fag: newTemp, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
+            }));
+            RawSet.drVarDecoding(newTemp, vars);
+            RawSet.drItOtherDecoding(newTemp, itRandom);
+            const tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
+            (_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            this.returnContainer.raws.push(...rr);
+            return ExecuteState.EXECUTE;
+        });
+    }
+}
+//# sourceMappingURL=DrRepeat.js.map

package/operators/DrStripElement.d.ts

@@ -0,0 +1,9 @@
+import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
+import { RawSet } from '../rawsets/RawSet';
+import { Render } from '../rawsets/Render';
+import { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';
+export declare class DrStripElement extends OperatorExecuterAttrRequire<string> {
+    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack);
+    executeAttrRequire(attr: string): Promise<ExecuteState>;
+}
+//# sourceMappingURL=DrStripElement.d.ts.map