@dooboostore/dom-render 1.0.106 → 1.0.108

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export { DomRender, type DomRenderRunConfig, type CreateComponentParam } from './DomRender';\nexport { DomRenderProxy, getDomRenderConfig, getDomRenderOriginObject, getDomRenderProxy, isWrapProxyDomRenderProxy } from './DomRenderProxy';\n\nexport * from './configs';\nexport * from './decorators';\nexport * from './events';\nexport * from './iterators';\nexport * from './lifecycle';\nexport * from './managers';\nexport * from './messenger';\nexport { Appender as AppenderArray, Dr, DrAppender, DrFor, DrForOf, DrForm, DrIf, DrInnerHTML, DrInnerText, DrPre, DrRepeat, DrStripElement, DrTargetAttr, DrTargetElement, DrTargetElementIsElement, DrThis, DrThisProperty, OperatorExecuter, OperatorExecuterAttrRequire } from './operators';\nexport * from './rawsets';\nexport * from './routers';\nexport * from './types';\nexport * from './validators';\nexport * from './components';"],
-  "mappings": "AAAA,SAAS,iBAAqE;AAC9E,SAAS,gBAAgB,oBAAoB,0BAA0B,mBAAmB,iCAAiC;AAE3H,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAqB,UAAe,IAAI,YAAY,OAAO,SAAS,QAAQ,MAAM,aAAa,aAAa,OAAO,UAAU,gBAAgB,cAAc,iBAAiB,0BAA0B,QAAQ,gBAAgB,kBAAkB,mCAAmC;AACnR,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["//\n// export * from './components';\n// export * from './configs';\n// export * from './decorators';\n// export * from './events';\n// export * from './iterators';\n// export * from './lifecycle';\n// export * from './messenger';\n// // export * from './operators';\n// export { Appender as AppenderArray, Dr, DrAppender, DrFor, DrForOf, DrForm, DrIf, DrInnerHTML, DrInnerText, DrPre, DrRepeat, DrStripElement, DrTargetAttr, DrTargetElement, DrTargetElementIsElement, DrThis, DrThisProperty, OperatorExecuter, OperatorExecuterAttrRequire } from './operators';\n// export * from './rawsets';\n// export * from './routers';\n// export * from './types';\n// export * from './validators';\n// export * from './DomRender';\n// export * from './DomRenderProxy';\nexport default {}"],
+  "mappings": "AAgBA,IAAO,cAAQ,CAAC;",
   "names": []
 }

package/dist/esm/iterators/index.js

@@ -1,2 +1,2 @@
-export * from "./Range";
+export * from "./Range.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/lifecycle/dr-this/index.js

@@ -1,3 +1,3 @@
-export * from "./OnDrThisBind";
-export * from "./OnDrThisUnBind";
+export * from "./OnDrThisBind.js";
+export * from "./OnDrThisUnBind.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/lifecycle/index.js

@@ -1,13 +1,13 @@
-export * from "./OnBeforeReturnGet";
-export * from "./OnBeforeReturnSet";
-export * from "./OnChangeAttrRender";
-export * from "./OnChildRenderedByProperty";
-export * from "./OnCreateRender";
-export * from "./OnCreateRenderData";
-export * from "./OnCreateRendered";
-export * from "./OnCreatedThisChild";
-export * from "./OnDestroyRender";
-export * from "./OnInitRender";
-export * from "./OnProxyDomRender";
-export * from "./dr-this";
+export * from "./OnBeforeReturnGet.js";
+export * from "./OnBeforeReturnSet.js";
+export * from "./OnChangeAttrRender.js";
+export * from "./OnChildRenderedByProperty.js";
+export * from "./OnCreateRender.js";
+export * from "./OnCreateRenderData.js";
+export * from "./OnCreateRendered.js";
+export * from "./OnCreatedThisChild.js";
+export * from "./OnDestroyRender.js";
+export * from "./OnInitRender.js";
+export * from "./OnProxyDomRender.js";
+export * from "./dr-this/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/messenger/DefaultMessenger.js

@@ -1,4 +1,4 @@
-import { Messenger } from "./Messenger";
+import { Messenger } from "./Messenger.js";
 class DefaultMessenger extends Messenger {
 }
 export {

package/dist/esm/messenger/Messenger.js

@@ -1,4 +1,4 @@
-import { DomRenderFinalProxy } from "../types/Types";
+import { DomRenderFinalProxy } from "../types/Types.js";
 var CallBackType = /* @__PURE__ */ ((CallBackType2) => {
   CallBackType2[CallBackType2["FILTER"] = 0] = "FILTER";
   CallBackType2[CallBackType2["MAP"] = 1] = "MAP";

package/dist/esm/messenger/index.js

@@ -1,3 +1,3 @@
-export * from "./DefaultMessenger";
-export * from "./Messenger";
+export * from "./DefaultMessenger.js";
+export * from "./Messenger.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/operators/Dr.js

@@ -1,7 +1,7 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class Dr extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     super(rawSet, render, returnContainer, elementSource, source, afterCallBack);

package/dist/esm/operators/DrAppender.js

@@ -1,7 +1,7 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class DrAppender extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrFor.js

@@ -1,7 +1,7 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class DrFor extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrForOf.js

@@ -1,8 +1,8 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
-import { ObjectUtils } from "@dooboostore/core";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
+import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
 class DrForOf extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrForOf.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrForOf.ts"],
-  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';\nimport { ObjectUtils } from '@dooboostore/core';\n\nexport class DrForOf extends OperatorExecuterAttrRequire<string> {\n  constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async executeAttrRequire(attr: string): Promise<ExecuteState> {\n    // console.log('\uD0C0\uC9C0\uB3C4\uC54A\uB0D0?')\n    const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrForOf');\n    const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n    const newTemp = this.source.config.window.document.createElement('temp');\n    // console.log('----!', this.elementSource.attrs)\n    // ScriptUtils.evalReturn()\n    ScriptUtils.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    var i = -1; \n                    const forOf = ${ObjectUtils.Path.toOptionalChainPath(attr)};\n                    const forOfStr = \\`${attr}\\`.trim();\n                    // console.log('forOf---',forOf);\n                    if (forOf) {\n                        for(const it of forOf) {\n                            i++;\n                            var destIt = it;\n                            if (/\\\\[(.*,?)\\\\],/g.test(forOfStr)) {\n                                if (typeof it === 'string') {\n                                    destIt = it;\n                                } else {\n                                    destIt = forOfStr.substring(1, forOfStr.length-1).split(',')[i];\n                                }\n                            } else if (forOf.isRange) {\n                                    destIt = it;\n                            } else {\n                                destIt = forOfStr + '[' + i +']'\n                            }\n                            const n = this.__render.element.cloneNode(true);\n                            // console.log('zzzzzzzzzzz', n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}'));\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            // console.log('---------'+destIt,n, Array.from(n.getAttributeNames()).map(it=>({name:it,attr: n.getAttribute(it)})));\n                            // console.log('---------destItdestIt',destIt);\n                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearForOfIt\\\\#/g, destIt).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearForOfIndex\\\\#/g, i)))\n                            const drOptionAttr = n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}');\n                            if (drOptionAttr) {\n                              const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);\n                              Array.from(Object.entries(drOptionAttrResult??{})).forEach(([k,v])=>{\n                                if (v === null) {\n                                  n.removeAttribute(k);\n                                } else {\n                                  n.setAttribute(k,v);\n                                }\n                              })\n                            }\n                            \n                            const drOptionFilter = n.getAttribute('${RawSet.DR_DETECT_FILTER_OPTIONNAME}');\n                            if (drOptionFilter) {\n                              const drOptionFilterResult = $scriptUtils.evaluateReturn(drOptionFilter, this);\n                              // console.log('---drforof----', drOptionFilter, drOptionFilterResult)\n                              if (!drOptionFilterResult) {\n                                continue;\n                              }\n                            }\n\n                            n.innerHTML = n.innerHTML.replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#index\\\\#/g, i);\n                            // console.log('!@@@@', n.innerHTML);\n                            // DR_THIS_OPTIONNAME \uB294 \uC81C\uAC70\uD55C\uB2E4 \uAF2C\uC778\uB2E4. strip \uD560\uB54C \uB9C9 \uAF2C\uC5EC\uBC84\uB9B0\uB2E4.\n                            // const drOptionThis = n.getAttribute('${RawSet.DR_THIS_OPTIONNAME}');\n                            // if (drOptionThis) {\n                            //  n.setAttribute('${RawSet.DR_THIS_NAME}', drOptionThis)\n                            // }\n                            if (this.__render.drStripOption === 'true') {\n                                Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                            } else {\n                                this.__render.fag.append(n);\n                            }\n                           \n                        }\n                        \n                        if('${this.elementSource.attrs.drNextOption}' !== 'null') {\n                            const n = this.__render.element.cloneNode(true);\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            const [name, idx] = '${this.elementSource.attrs.drNextOption}'.split(',');\n                            n.setAttribute('${RawSet.DR_FOR_OF_NAME}', name + '[' + idx + ']');\n                            n.setAttribute('${RawSet.DR_NEXT_OPTIONNAME}', name + ',' +  (Number(idx) + 1));\n                            this.__render.fag.append(n);\n                        }\n                    }\n                    ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n      __render: Object.freeze({\n        drStripOption: this.elementSource.attrs.drStripOption,\n        drAttr: this.elementSource.attrs,\n        drAttrsOriginName: RawSet.drAttrsOriginName,\n        fag: newTemp,\n        ...this.render\n        // eslint-disable-next-line no-use-before-define\n      } as Render)\n    }));\n    RawSet.drVarDecoding(newTemp, vars);\n    RawSet.drItOtherDecoding(newTemp, itRandom);\n    const tempalte = this.source.config.window.document.createElement('template');\n    tempalte.innerHTML = newTemp.innerHTML;\n    this.returnContainer.fag.append(tempalte.content)\n    const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n    this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n    // const rrr = rr.flatMap(it => it.render(obj, config));// .flat();\n    this.returnContainer.raws.push(...rr)\n    return ExecuteState.EXECUTE;\n  }\n}\n"],
+  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\nexport class DrForOf extends OperatorExecuterAttrRequire<string> {\n  constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async executeAttrRequire(attr: string): Promise<ExecuteState> {\n    // console.log('\uD0C0\uC9C0\uB3C4\uC54A\uB0D0?')\n    const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrForOf');\n    const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n    const newTemp = this.source.config.window.document.createElement('temp');\n    // console.log('----!', this.elementSource.attrs)\n    // ScriptUtils.evalReturn()\n    ScriptUtils.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    var i = -1; \n                    const forOf = ${ObjectUtils.Path.toOptionalChainPath(attr)};\n                    const forOfStr = \\`${attr}\\`.trim();\n                    // console.log('forOf---',forOf);\n                    if (forOf) {\n                        for(const it of forOf) {\n                            i++;\n                            var destIt = it;\n                            if (/\\\\[(.*,?)\\\\],/g.test(forOfStr)) {\n                                if (typeof it === 'string') {\n                                    destIt = it;\n                                } else {\n                                    destIt = forOfStr.substring(1, forOfStr.length-1).split(',')[i];\n                                }\n                            } else if (forOf.isRange) {\n                                    destIt = it;\n                            } else {\n                                destIt = forOfStr + '[' + i +']'\n                            }\n                            const n = this.__render.element.cloneNode(true);\n                            // console.log('zzzzzzzzzzz', n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}'));\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            // console.log('---------'+destIt,n, Array.from(n.getAttributeNames()).map(it=>({name:it,attr: n.getAttribute(it)})));\n                            // console.log('---------destItdestIt',destIt);\n                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearForOfIt\\\\#/g, destIt).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearForOfIndex\\\\#/g, i)))\n                            const drOptionAttr = n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}');\n                            if (drOptionAttr) {\n                              const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);\n                              Array.from(Object.entries(drOptionAttrResult??{})).forEach(([k,v])=>{\n                                if (v === null) {\n                                  n.removeAttribute(k);\n                                } else {\n                                  n.setAttribute(k,v);\n                                }\n                              })\n                            }\n                            \n                            const drOptionFilter = n.getAttribute('${RawSet.DR_DETECT_FILTER_OPTIONNAME}');\n                            if (drOptionFilter) {\n                              const drOptionFilterResult = $scriptUtils.evaluateReturn(drOptionFilter, this);\n                              // console.log('---drforof----', drOptionFilter, drOptionFilterResult)\n                              if (!drOptionFilterResult) {\n                                continue;\n                              }\n                            }\n\n                            n.innerHTML = n.innerHTML.replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#index\\\\#/g, i);\n                            // console.log('!@@@@', n.innerHTML);\n                            // DR_THIS_OPTIONNAME \uB294 \uC81C\uAC70\uD55C\uB2E4 \uAF2C\uC778\uB2E4. strip \uD560\uB54C \uB9C9 \uAF2C\uC5EC\uBC84\uB9B0\uB2E4.\n                            // const drOptionThis = n.getAttribute('${RawSet.DR_THIS_OPTIONNAME}');\n                            // if (drOptionThis) {\n                            //  n.setAttribute('${RawSet.DR_THIS_NAME}', drOptionThis)\n                            // }\n                            if (this.__render.drStripOption === 'true') {\n                                Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                            } else {\n                                this.__render.fag.append(n);\n                            }\n                           \n                        }\n                        \n                        if('${this.elementSource.attrs.drNextOption}' !== 'null') {\n                            const n = this.__render.element.cloneNode(true);\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            const [name, idx] = '${this.elementSource.attrs.drNextOption}'.split(',');\n                            n.setAttribute('${RawSet.DR_FOR_OF_NAME}', name + '[' + idx + ']');\n                            n.setAttribute('${RawSet.DR_NEXT_OPTIONNAME}', name + ',' +  (Number(idx) + 1));\n                            this.__render.fag.append(n);\n                        }\n                    }\n                    ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n      __render: Object.freeze({\n        drStripOption: this.elementSource.attrs.drStripOption,\n        drAttr: this.elementSource.attrs,\n        drAttrsOriginName: RawSet.drAttrsOriginName,\n        fag: newTemp,\n        ...this.render\n        // eslint-disable-next-line no-use-before-define\n      } as Render)\n    }));\n    RawSet.drVarDecoding(newTemp, vars);\n    RawSet.drItOtherDecoding(newTemp, itRandom);\n    const tempalte = this.source.config.window.document.createElement('template');\n    tempalte.innerHTML = newTemp.innerHTML;\n    this.returnContainer.fag.append(tempalte.content)\n    const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n    this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n    // const rrr = rr.flatMap(it => it.render(obj, config));// .flat();\n    this.returnContainer.raws.push(...rr)\n    return ExecuteState.EXECUTE;\n  }\n}\n"],
   "mappings": "AAAA,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAEvB,SAAuC,oBAA6C;AACpF,SAAS,mBAAmB;AAErB,MAAM,gBAAgB,4BAAoC;AAAA,EAC/D,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACxJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAE5D,UAAM,WAAW,OAAO,kBAAkB,KAAK,cAAc,SAAS,SAAS;AAC/E,UAAM,OAAO,OAAO,cAAc,KAAK,cAAc,SAAS,KAAK,cAAc,MAAM,eAAe,EAAE;AACxG,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AAGvE,gBAAY,SAAS;AAAA,sBACH,KAAK,OAAO,UAAU;AAAA,sBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA;AAAA,oCAE/B,YAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA,yCACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4EAkB+B,OAAO,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA,mEAKzC,OAAO,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qEAY9B,OAAO,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sEAYjC,OAAO,kBAAkB;AAAA;AAAA,kDAE7C,OAAO,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAUvC,KAAK,cAAc,MAAM,YAAY;AAAA;AAAA;AAAA,mDAGhB,KAAK,cAAc,MAAM,YAAY;AAAA,8CAC1C,OAAO,cAAc;AAAA,8CACrB,OAAO,kBAAkB;AAAA;AAAA;AAAA;AAAA,sBAIjD,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA,uBAC3C,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,MAChD,UAAU,OAAO,OAAO;AAAA,QACtB,eAAe,KAAK,cAAc,MAAM;AAAA,QACxC,QAAQ,KAAK,cAAc;AAAA,QAC3B,mBAAmB,OAAO;AAAA,QAC1B,KAAK;AAAA,QACL,GAAG,KAAK;AAAA;AAAA,MAEV,CAAW;AAAA,IACb,CAAC,CAAC;AACF,WAAO,cAAc,SAAS,IAAI;AAClC,WAAO,kBAAkB,SAAS,QAAQ;AAC1C,UAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,UAAU;AAC5E,aAAS,YAAY,QAAQ;AAC7B,SAAK,gBAAgB,IAAI,OAAO,SAAS,OAAO;AAChD,UAAM,KAAK,OAAO,kBAAkB,KAAK,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACjG,SAAK,cAAc,QAAQ,YAAY,aAAa,KAAK,gBAAgB,KAAK,KAAK,cAAc,OAAO;AAExG,SAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,WAAO,aAAa;AAAA,EACtB;AACF;",
   "names": []
 }

package/dist/esm/operators/DrForm.js

@@ -1,10 +1,10 @@
 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";
+import { RawSet } from "../rawsets/RawSet.js";
+import { Validator } from "../validators/Validator.js";
+import { EventManager } from "../events/EventManager.js";
+import { ValidatorArray } from "../validators/ValidatorArray.js";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class DrForm extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);

package/dist/esm/operators/DrIf.js

@@ -1,8 +1,8 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
-import { ObjectUtils } from "@dooboostore/core";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
+import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
 class DrIf extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrIf.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrIf.ts"],
-  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';\nimport { ObjectUtils } from '@dooboostore/core';\n\nexport class DrIf extends OperatorExecuterAttrRequire<string> {\n  constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async executeAttrRequire(attr: string): Promise<ExecuteState> {\n    const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrIf');\n    const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n    const newTemp = this.source.config.window.document.createElement('temp');\n    // Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v)); <-- \uC774\uBD80\uBD84\uC740 \uB2E4\uB978 attr\uC5D0\uB3C4 \uC801\uC6A9\uC744 \uD560\uC9C0\uB9D0\uC9C0 \uC0DD\uAC01\uD574\uC57C\uB428  \uC5D8\uB9AC\uBA3C\uD2B8 \uC874\uC7AC\uC720\uBB34\uC5D0 \uB530\uB77C\uC11C \uC801\uC6A9\uC744 \uD560\uC9C0\uB9D0\uC9C0 \uACB0\uC815\uD574\uC57C\uB428\n    const keepgoing = ScriptUtils.evaluate(`\n                ${this.render.bindScript}\n                ${this.elementSource.attrs.drBeforeOption ?? ''}\n                if ($rawSet.data === (${ObjectUtils.Path.toOptionalChainPath(attr)})) {\n                    return false;\n                }\n                $rawSet.data = ${ObjectUtils.Path.toOptionalChainPath(attr)};\n                if($rawSet.data) {\n                    const n = $element.cloneNode(true);\n                    Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                    var destIt = ${this.elementSource.attrs.drItOption};\n                    if (destIt !== undefined) {\n                     // \uC5EC\uAE30\uAC00 ..\uC544\uC8FC \uD5DB\uAC08\uB9AC\uB294\uB370...\n                        Array.from(n.getAttributeNames()).forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#DrIFIt\\\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\\\#DrIFIt\\\\#/g, destIt);\n                    }\n                    if (this.__render.drStripOption === 'true') {\n                        Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                    } else {\n                        this.__render.fag.append(n);\n                    }\n                }\n                ${this.elementSource.attrs.drAfterOption ?? ''};\n                return true;\n                `, Object.assign(this.source.obj,\n      {\n        __render: Object.freeze({\n          fag: newTemp,\n          drAttr: this.elementSource.attrs,\n          drAttrsOriginName: RawSet.drAttrsOriginName,\n          drStripOption: this.elementSource.attrs.drStripOption,\n          ...this.render\n        } as Render)\n      }\n    ));\n    // TODO: \uBB50\uC9C0?? \uC9C0\uC6CC\uC57C\uB418\uB294\uAC70 \uC544\uB2CC\uAC00?\n    if (keepgoing === false) {\n      return ExecuteState.STOP;\n    }\n    RawSet.drVarDecoding(newTemp, vars);\n    RawSet.drItOtherDecoding(newTemp, itRandom);\n    // const bypass = (newTemp.innerHTML ?? '').trim().length <= 0;\n    const tempalte = this.source.config.window.document.createElement('template');\n    tempalte.innerHTML = newTemp.innerHTML;\n    this.returnContainer.fag.append(tempalte.content);\n    const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n    this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n    this.returnContainer.raws.push(...rr);\n    return ExecuteState.EXECUTE;\n  }\n}\n"],
+  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\nexport class DrIf extends OperatorExecuterAttrRequire<string> {\n  constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async executeAttrRequire(attr: string): Promise<ExecuteState> {\n    const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrIf');\n    const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n    const newTemp = this.source.config.window.document.createElement('temp');\n    // Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v)); <-- \uC774\uBD80\uBD84\uC740 \uB2E4\uB978 attr\uC5D0\uB3C4 \uC801\uC6A9\uC744 \uD560\uC9C0\uB9D0\uC9C0 \uC0DD\uAC01\uD574\uC57C\uB428  \uC5D8\uB9AC\uBA3C\uD2B8 \uC874\uC7AC\uC720\uBB34\uC5D0 \uB530\uB77C\uC11C \uC801\uC6A9\uC744 \uD560\uC9C0\uB9D0\uC9C0 \uACB0\uC815\uD574\uC57C\uB428\n    const keepgoing = ScriptUtils.evaluate(`\n                ${this.render.bindScript}\n                ${this.elementSource.attrs.drBeforeOption ?? ''}\n                if ($rawSet.data === (${ObjectUtils.Path.toOptionalChainPath(attr)})) {\n                    return false;\n                }\n                $rawSet.data = ${ObjectUtils.Path.toOptionalChainPath(attr)};\n                if($rawSet.data) {\n                    const n = $element.cloneNode(true);\n                    Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                    var destIt = ${this.elementSource.attrs.drItOption};\n                    if (destIt !== undefined) {\n                     // \uC5EC\uAE30\uAC00 ..\uC544\uC8FC \uD5DB\uAC08\uB9AC\uB294\uB370...\n                        Array.from(n.getAttributeNames()).forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#DrIFIt\\\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\\\#DrIFIt\\\\#/g, destIt);\n                    }\n                    if (this.__render.drStripOption === 'true') {\n                        Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                    } else {\n                        this.__render.fag.append(n);\n                    }\n                }\n                ${this.elementSource.attrs.drAfterOption ?? ''};\n                return true;\n                `, Object.assign(this.source.obj,\n      {\n        __render: Object.freeze({\n          fag: newTemp,\n          drAttr: this.elementSource.attrs,\n          drAttrsOriginName: RawSet.drAttrsOriginName,\n          drStripOption: this.elementSource.attrs.drStripOption,\n          ...this.render\n        } as Render)\n      }\n    ));\n    // TODO: \uBB50\uC9C0?? \uC9C0\uC6CC\uC57C\uB418\uB294\uAC70 \uC544\uB2CC\uAC00?\n    if (keepgoing === false) {\n      return ExecuteState.STOP;\n    }\n    RawSet.drVarDecoding(newTemp, vars);\n    RawSet.drItOtherDecoding(newTemp, itRandom);\n    // const bypass = (newTemp.innerHTML ?? '').trim().length <= 0;\n    const tempalte = this.source.config.window.document.createElement('template');\n    tempalte.innerHTML = newTemp.innerHTML;\n    this.returnContainer.fag.append(tempalte.content);\n    const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n    this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n    this.returnContainer.raws.push(...rr);\n    return ExecuteState.EXECUTE;\n  }\n}\n"],
   "mappings": "AAAA,SAAS,mCAAmC;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAEvB,SAAuC,oBAA6C;AACpF,SAAS,mBAAmB;AAErB,MAAM,aAAa,4BAAoC;AAAA,EAC5D,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACxJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAC5D,UAAM,WAAW,OAAO,kBAAkB,KAAK,cAAc,SAAS,MAAM;AAC5E,UAAM,OAAO,OAAO,cAAc,KAAK,cAAc,SAAS,KAAK,cAAc,MAAM,eAAe,EAAE;AACxG,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AAEvE,UAAM,YAAY,YAAY,SAAS;AAAA,kBACzB,KAAK,OAAO,UAAU;AAAA,kBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA,wCACvB,YAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA;AAAA;AAAA,iCAGjD,YAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,mCAIxC,KAAK,cAAc,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAYpD,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA;AAAA,mBAE3C,OAAO;AAAA,MAAO,KAAK,OAAO;AAAA,MACvC;AAAA,QACE,UAAU,OAAO,OAAO;AAAA,UACtB,KAAK;AAAA,UACL,QAAQ,KAAK,cAAc;AAAA,UAC3B,mBAAmB,OAAO;AAAA,UAC1B,eAAe,KAAK,cAAc,MAAM;AAAA,UACxC,GAAG,KAAK;AAAA,QACV,CAAW;AAAA,MACb;AAAA,IACF,CAAC;AAED,QAAI,cAAc,OAAO;AACvB,aAAO,aAAa;AAAA,IACtB;AACA,WAAO,cAAc,SAAS,IAAI;AAClC,WAAO,kBAAkB,SAAS,QAAQ;AAE1C,UAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,UAAU;AAC5E,aAAS,YAAY,QAAQ;AAC7B,SAAK,gBAAgB,IAAI,OAAO,SAAS,OAAO;AAChD,UAAM,KAAK,OAAO,kBAAkB,KAAK,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACjG,SAAK,cAAc,QAAQ,YAAY,aAAa,KAAK,gBAAgB,KAAK,KAAK,cAAc,OAAO;AACxG,SAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,WAAO,aAAa;AAAA,EACtB;AACF;",
   "names": []
 }

package/dist/esm/operators/DrInnerHTML.js

@@ -1,7 +1,7 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class DrInnerHTML extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);

package/dist/esm/operators/DrInnerText.js

@@ -1,7 +1,7 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class DrInnerText extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);

package/dist/esm/operators/DrPre.js

@@ -1,4 +1,4 @@
-import { ExecuteState, OperatorExecuter } from "./OperatorExecuter";
+import { ExecuteState, OperatorExecuter } from "./OperatorExecuter.js";
 class DrPre extends OperatorExecuter {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrRepeat.js

@@ -1,8 +1,8 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { EventManager } from "../events/EventManager";
-import { ExecuteState } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { EventManager } from "../events/EventManager.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class DrRepeat extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrStripElement.js

@@ -1,7 +1,7 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class DrStripElement extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrTargetAttr.js

@@ -1,5 +1,5 @@
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState, OperatorExecuter } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState, OperatorExecuter } from "./OperatorExecuter.js";
 class DrTargetAttr extends OperatorExecuter {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrTargetElement.js

@@ -1,9 +1,9 @@
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
+import { RawSet } from "../rawsets/RawSet.js";
 import {
   ExecuteState,
   OperatorExecuter
-} from "./OperatorExecuter";
+} from "./OperatorExecuter.js";
 class DrTargetElement extends OperatorExecuter {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/DrTargetElementIsElement.js

@@ -1,5 +1,5 @@
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState, OperatorExecuter } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState, OperatorExecuter } from "./OperatorExecuter.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
 class DrTargetElementIsElement extends OperatorExecuter {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {

package/dist/esm/operators/DrThis.js

@@ -1,9 +1,9 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
-import { RawSet } from "../rawsets/RawSet";
-import { ComponentSet } from "../components/ComponentSet";
-import { ExecuteState } from "./OperatorExecuter";
-import { isOnDrThisUnBind } from "../lifecycle/dr-this/OnDrThisUnBind";
-import { isOnDrThisBind } from "../lifecycle/dr-this/OnDrThisBind";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ComponentSet } from "../components/ComponentSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
+import { isOnDrThisUnBind } from "../lifecycle/dr-this/OnDrThisUnBind.js";
+import { isOnDrThisBind } from "../lifecycle/dr-this/OnDrThisBind.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
 class DrThis extends OperatorExecuterAttrRequire {
   async executeAttrRequire(attr) {

package/dist/esm/operators/DrThisProperty.js

@@ -1,7 +1,7 @@
-import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire";
+import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { RawSet } from "../rawsets/RawSet";
-import { ExecuteState } from "./OperatorExecuter";
+import { RawSet } from "../rawsets/RawSet.js";
+import { ExecuteState } from "./OperatorExecuter.js";
 class DrThisProperty extends OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;

package/dist/esm/operators/OperatorExecuter.js

@@ -1,5 +1,5 @@
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { ObjectUtils } from "@dooboostore/core";
+import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
 var ExecuteState = /* @__PURE__ */ ((ExecuteState2) => {
   ExecuteState2[ExecuteState2["EXECUTE"] = 0] = "EXECUTE";
   ExecuteState2[ExecuteState2["NO_EXECUTE"] = 1] = "NO_EXECUTE";

package/dist/esm/operators/OperatorExecuter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/OperatorExecuter.ts"],
-  "sourcesContent": ["import { AttrInitCallBack } from '../rawsets/AttrInitCallBack';\nimport { ElementInitCallBack } from '../rawsets/ElementInitCallBack';\nimport { ComponentSet } from '../components/ComponentSet';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { Attrs } from '../rawsets/Attrs';\nimport { DomRenderConfig } from '../configs/DomRenderConfig';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { ObjectUtils } from '@dooboostore/core';\n\nexport interface OperatorAround {\n  beforeAttr?: (value: string | null | undefined, opratorExecutor: OperatorExecuter) => string | null | undefined,\n  before?: (data: any, opratorExecutor: OperatorExecuter) => any,\n  after?: (data: any, opratorExecutor: OperatorExecuter) => void,\n}\n\nexport enum ExecuteState {\n  EXECUTE,\n  NO_EXECUTE,\n  STOP\n}\n\nexport type AfterCallBack = {\n  onAttrInitCallBacks: AttrInitCallBack[],\n  onElementInitCallBacks: ElementInitCallBack[],\n  onThisComponentSetCallBacks: ComponentSet[]\n}\nexport type ReturnContainer = { raws: RawSet[], fag: DocumentFragment };\n\nexport type ElementSource = { element: Element, attrs: Attrs, attr?: string | null, attrName?: string | undefined };\n\nexport type Source = { config: DomRenderConfig, operatorAround?: OperatorAround, obj: any };\n\nexport abstract class OperatorExecuter<T = any> {\n  constructor(public rawSet: RawSet,\n              public render: Render,\n              public returnContainer: ReturnContainer,\n              public elementSource: ElementSource,\n              public source: Source,\n              public afterCallBack: AfterCallBack,\n              public startingExecute = true) {\n  };\n\n  async start(): Promise<ExecuteState> {\n    let attrValue = this.elementSource.attr;\n    // console.log('OperatorExecuter ', attrValue, this);\n    if (this.source.operatorAround?.beforeAttr) {\n      attrValue = this.source.operatorAround.beforeAttr(attrValue, this) ?? '';\n    }\n\n    let r = attrValue;\n    if (r && this.startingExecute) {\n      const optionalPath = ObjectUtils.Path.toOptionalChainPath(attrValue);\n      r = ScriptUtils.evaluate(` ${this.render.bindScript}; return ${optionalPath}`, Object.assign(this.source.obj, {__render: this.render}));\n    }\n    if (this.source.operatorAround?.before) {\n      r = this.source.operatorAround?.before(r, this);\n    }\n\n    const state = await this.execute(r as unknown as T)\n\n    this.source.operatorAround?.after?.(r, this);\n    return state;\n  };\n\n  abstract execute(value: T): Promise<ExecuteState>;\n}\n"],
+  "sourcesContent": ["import { AttrInitCallBack } from '../rawsets/AttrInitCallBack';\nimport { ElementInitCallBack } from '../rawsets/ElementInitCallBack';\nimport { ComponentSet } from '../components/ComponentSet';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { Attrs } from '../rawsets/Attrs';\nimport { DomRenderConfig } from '../configs/DomRenderConfig';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\nexport interface OperatorAround {\n  beforeAttr?: (value: string | null | undefined, opratorExecutor: OperatorExecuter) => string | null | undefined,\n  before?: (data: any, opratorExecutor: OperatorExecuter) => any,\n  after?: (data: any, opratorExecutor: OperatorExecuter) => void,\n}\n\nexport enum ExecuteState {\n  EXECUTE,\n  NO_EXECUTE,\n  STOP\n}\n\nexport type AfterCallBack = {\n  onAttrInitCallBacks: AttrInitCallBack[],\n  onElementInitCallBacks: ElementInitCallBack[],\n  onThisComponentSetCallBacks: ComponentSet[]\n}\nexport type ReturnContainer = { raws: RawSet[], fag: DocumentFragment };\n\nexport type ElementSource = { element: Element, attrs: Attrs, attr?: string | null, attrName?: string | undefined };\n\nexport type Source = { config: DomRenderConfig, operatorAround?: OperatorAround, obj: any };\n\nexport abstract class OperatorExecuter<T = any> {\n  constructor(public rawSet: RawSet,\n              public render: Render,\n              public returnContainer: ReturnContainer,\n              public elementSource: ElementSource,\n              public source: Source,\n              public afterCallBack: AfterCallBack,\n              public startingExecute = true) {\n  };\n\n  async start(): Promise<ExecuteState> {\n    let attrValue = this.elementSource.attr;\n    // console.log('OperatorExecuter ', attrValue, this);\n    if (this.source.operatorAround?.beforeAttr) {\n      attrValue = this.source.operatorAround.beforeAttr(attrValue, this) ?? '';\n    }\n\n    let r = attrValue;\n    if (r && this.startingExecute) {\n      const optionalPath = ObjectUtils.Path.toOptionalChainPath(attrValue);\n      r = ScriptUtils.evaluate(` ${this.render.bindScript}; return ${optionalPath}`, Object.assign(this.source.obj, {__render: this.render}));\n    }\n    if (this.source.operatorAround?.before) {\n      r = this.source.operatorAround?.before(r, this);\n    }\n\n    const state = await this.execute(r as unknown as T)\n\n    this.source.operatorAround?.after?.(r, this);\n    return state;\n  };\n\n  abstract execute(value: T): Promise<ExecuteState>;\n}\n"],
   "mappings": "AAOA,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAQrB,IAAK,eAAL,kBAAKA,kBAAL;AACL,EAAAA,4BAAA;AACA,EAAAA,4BAAA;AACA,EAAAA,4BAAA;AAHU,SAAAA;AAAA,GAAA;AAiBL,MAAe,iBAA0B;AAAA,EAC9C,YAAmB,QACA,QACA,iBACA,eACA,QACA,eACA,kBAAkB,MAAM;AANxB;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,EACnB;AAAA,EAEA,MAAM,QAA+B;AACnC,QAAI,YAAY,KAAK,cAAc;AAEnC,QAAI,KAAK,OAAO,gBAAgB,YAAY;AAC1C,kBAAY,KAAK,OAAO,eAAe,WAAW,WAAW,IAAI,KAAK;AAAA,IACxE;AAEA,QAAI,IAAI;AACR,QAAI,KAAK,KAAK,iBAAiB;AAC7B,YAAM,eAAe,YAAY,KAAK,oBAAoB,SAAS;AACnE,UAAI,YAAY,SAAS,IAAI,KAAK,OAAO,UAAU,YAAY,YAAY,IAAI,OAAO,OAAO,KAAK,OAAO,KAAK,EAAC,UAAU,KAAK,OAAM,CAAC,CAAC;AAAA,IACxI;AACA,QAAI,KAAK,OAAO,gBAAgB,QAAQ;AACtC,UAAI,KAAK,OAAO,gBAAgB,OAAO,GAAG,IAAI;AAAA,IAChD;AAEA,UAAM,QAAQ,MAAM,KAAK,QAAQ,CAAiB;AAElD,SAAK,OAAO,gBAAgB,QAAQ,GAAG,IAAI;AAC3C,WAAO;AAAA,EACT;AAGF;",
   "names": ["ExecuteState"]
 }

package/dist/esm/operators/OperatorExecuterAttrRequire.js

@@ -1,4 +1,4 @@
-import { ExecuteState, OperatorExecuter } from "./OperatorExecuter";
+import { ExecuteState, OperatorExecuter } from "./OperatorExecuter.js";
 class OperatorExecuterAttrRequire extends OperatorExecuter {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack, startingExecute = true) {
     super(rawSet, render, returnContainer, elementSource, source, afterCallBack, startingExecute);

package/dist/esm/operators/index.js

@@ -1,20 +1,20 @@
-export * from "./Appender";
-export * from "./Dr";
-export * from "./DrAppender";
-export * from "./DrFor";
-export * from "./DrForOf";
-export * from "./DrForm";
-export * from "./DrIf";
-export * from "./DrInnerHTML";
-export * from "./DrInnerText";
-export * from "./DrPre";
-export * from "./DrRepeat";
-export * from "./DrStripElement";
-export * from "./DrTargetAttr";
-export * from "./DrTargetElement";
-export * from "./DrTargetElementIsElement";
-export * from "./DrThis";
-export * from "./DrThisProperty";
-export * from "./OperatorExecuter";
-export * from "./OperatorExecuterAttrRequire";
+export * from "./Appender.js";
+export * from "./Dr.js";
+export * from "./DrAppender.js";
+export * from "./DrFor.js";
+export * from "./DrForOf.js";
+export * from "./DrForm.js";
+export * from "./DrIf.js";
+export * from "./DrInnerHTML.js";
+export * from "./DrInnerText.js";
+export * from "./DrPre.js";
+export * from "./DrRepeat.js";
+export * from "./DrStripElement.js";
+export * from "./DrTargetAttr.js";
+export * from "./DrTargetElement.js";
+export * from "./DrTargetElementIsElement.js";
+export * from "./DrThis.js";
+export * from "./DrThisProperty.js";
+export * from "./OperatorExecuter.js";
+export * from "./OperatorExecuterAttrRequire.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/rawsets/RawSet.js

@@ -1,37 +1,37 @@
 import { RandomUtils } from "@dooboostore/core/random/RandomUtils";
 import { StringUtils } from "@dooboostore/core/string/StringUtils";
 import { ScriptUtils } from "@dooboostore/core-web/script/ScriptUtils";
-import { EventManager } from "../events/EventManager";
-import { Range } from "../iterators/Range";
+import { EventManager } from "../events/EventManager.js";
+import { Range } from "../iterators/Range.js";
 import { ElementUtils } from "@dooboostore/core-web/element/ElementUtils";
-import { DrPre } from "../operators/DrPre";
-import { Dr } from "../operators/Dr";
-import { DrIf } from "../operators/DrIf";
-import { ExecuteState } from "../operators/OperatorExecuter";
-import { DrThis } from "../operators/DrThis";
-import { DrForm } from "../operators/DrForm";
-import { DrInnerText } from "../operators/DrInnerText";
-import { DrInnerHTML } from "../operators/DrInnerHTML";
-import { DrFor } from "../operators/DrFor";
-import { DrForOf } from "../operators/DrForOf";
-import { DrAppender } from "../operators/DrAppender";
-import { DrRepeat } from "../operators/DrRepeat";
-import { DrTargetElement } from "../operators/DrTargetElement";
-import { DrTargetAttr } from "../operators/DrTargetAttr";
-import { DrStripElement } from "../operators/DrStripElement";
-import { DestroyOptionType } from "./DestroyOptionType";
-import { RawSetType } from "./RawSetType";
-import { DrThisProperty } from "../operators/DrThisProperty";
-import { RawSetOperatorType } from "./RawSetOperatorType";
+import { DrPre } from "../operators/DrPre.js";
+import { Dr } from "../operators/Dr.js";
+import { DrIf } from "../operators/DrIf.js";
+import { ExecuteState } from "../operators/OperatorExecuter.js";
+import { DrThis } from "../operators/DrThis.js";
+import { DrForm } from "../operators/DrForm.js";
+import { DrInnerText } from "../operators/DrInnerText.js";
+import { DrInnerHTML } from "../operators/DrInnerHTML.js";
+import { DrFor } from "../operators/DrFor.js";
+import { DrForOf } from "../operators/DrForOf.js";
+import { DrAppender } from "../operators/DrAppender.js";
+import { DrRepeat } from "../operators/DrRepeat.js";
+import { DrTargetElement } from "../operators/DrTargetElement.js";
+import { DrTargetAttr } from "../operators/DrTargetAttr.js";
+import { DrStripElement } from "../operators/DrStripElement.js";
+import { DestroyOptionType } from "./DestroyOptionType.js";
+import { RawSetType } from "./RawSetType.js";
+import { DrThisProperty } from "../operators/DrThisProperty.js";
+import { RawSetOperatorType } from "./RawSetOperatorType.js";
 import { CssParser, isStyleRule, isAtRule } from "@dooboostore/core/parser/css/CssParser";
-import { isOnCreateRenderData } from "../lifecycle/OnCreateRenderData";
-import { isOnCreateRender } from "../lifecycle/OnCreateRender";
-import { isOnChangeAttrRender } from "../lifecycle/OnChangeAttrRender";
-import { isOnInitRender } from "../lifecycle/OnInitRender";
-import { isOnCreatedThisChild } from "../lifecycle/OnCreatedThisChild";
-import { isOnDestroyRender } from "../lifecycle/OnDestroyRender";
-import { DrTargetElementIsElement } from "../operators/DrTargetElementIsElement";
-import { ObjectUtils } from "@dooboostore/core";
+import { isOnCreateRenderData } from "../lifecycle/OnCreateRenderData.js";
+import { isOnCreateRender } from "../lifecycle/OnCreateRender.js";
+import { isOnChangeAttrRender } from "../lifecycle/OnChangeAttrRender.js";
+import { isOnInitRender } from "../lifecycle/OnInitRender.js";
+import { isOnCreatedThisChild } from "../lifecycle/OnCreatedThisChild.js";
+import { isOnDestroyRender } from "../lifecycle/OnDestroyRender.js";
+import { DrTargetElementIsElement } from "../operators/DrTargetElementIsElement.js";
+import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
 const _RawSet = class _RawSet {
   constructor(uuid, type, point, dataSet, detect) {
     this.uuid = uuid;