@dooboostore/dom-render 1.0.112 → 1.0.114

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrInnerText.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/object/ObjectUtils';\n\nexport class DrInnerText extends OperatorExecuterAttrRequire<string> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async executeAttrRequire(attr: string): Promise<ExecuteState> {\n        const newTemp = this.source.config.window.document.createElement('temp');\n        ObjectUtils.Script.evaluate(` \n                        ${this.render.bindScript}\n                        const n = $element.cloneNode(true);  \n                        ${this.elementSource.attrs.drBeforeOption ?? ''}\n                        n.innerText = ${attr};\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                drStripOption: this.elementSource.attrs.drStripOption,\n                fag: newTemp,\n                ...this.render\n            } as Render)\n        }));\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,SAAQ,mCAAkC;AAE1C,SAAQ,cAAa;AAErB,SAAsC,oBAA4C;AAClF,SAAQ,mBAAkB;AAEnB,MAAM,oBAAoB,4BAAoC;AAAA,EACjE,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACtJ,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACtF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAC1D,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AACvE,gBAAY,OAAO,SAAS;AAAA,0BACV,KAAK,OAAO,UAAU;AAAA;AAAA,0BAEtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA,wCAC/B,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMlB,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA,uBAC/C,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,MAC1C,UAAU,OAAO,OAAO;AAAA,QACpB,eAAe,KAAK,cAAc,MAAM;AAAA,QACxC,KAAK;AAAA,QACL,GAAG,KAAK;AAAA,MACZ,CAAW;AAAA,IACf,CAAC,CAAC;AACF,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,EACxB;AACJ;",
+  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\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 DrInnerText extends OperatorExecuterAttrRequire<string> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async executeAttrRequire(attr: string): Promise<ExecuteState> {\n        const newTemp = this.source.config.window.document.createElement('temp');\n        ObjectUtils.Script.evaluate(` \n                        ${this.render.bindScript}\n                        const n = $element.cloneNode(true);  \n                        ${this.elementSource.attrs.drBeforeOption ?? ''}\n                        n.innerText = ${attr};\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                drStripOption: this.elementSource.attrs.drStripOption,\n                fag: newTemp,\n                ...this.render\n            } as Render)\n        }));\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,SAAQ,mCAAkC;AAC1C,SAAQ,cAAa;AAErB,SAAsC,oBAA4C;AAClF,SAAQ,mBAAkB;AAEnB,MAAM,oBAAoB,4BAAoC;AAAA,EACjE,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACtJ,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACtF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAC1D,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AACvE,gBAAY,OAAO,SAAS;AAAA,0BACV,KAAK,OAAO,UAAU;AAAA;AAAA,0BAEtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA,wCAC/B,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMlB,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA,uBAC/C,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,MAC1C,UAAU,OAAO,OAAO;AAAA,QACpB,eAAe,KAAK,cAAc,MAAM;AAAA,QACxC,KAAK;AAAA,QACL,GAAG,KAAK;AAAA,MACZ,CAAW;AAAA,IACf,CAAC,CAAC;AACF,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,EACxB;AACJ;",
   "names": []
 }

package/dist/esm/operators/DrRepeat.js

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrRepeat.ts"],
-  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {ScriptUtils} from '@dooboostore/core-web/script/ScriptUtils';\nimport {RawSet} from '../rawsets/RawSet';\nimport {EventManager} from '../events/EventManager';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\nimport {ObjectUtils} from \"@dooboostore/core/object/ObjectUtils\";\n\nexport class DrRepeat 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);\n        const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n        const newTemp = this.source.config.window.document.createElement('temp');\n      ObjectUtils.Script.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    var i = 0; \n                    const repeat = ${attr};\n                    const repeatStr = \\`${attr}\\`;\n                    let range = repeat;\n                    if (typeof repeat === 'number') {\n                        range = ${EventManager.RANGE_VARNAME}(repeat);\n                    } \n                    for(const it of range) {\n                        var destIt = it;\n                        if (range.isRange) {\n                            destIt = it;\n                        }  else {\n                            destIt = repeatStr + '[' + i +']'\n                        }\n                        const n = this.__render.element.cloneNode(true);\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearRangeIt\\\\#/g, destIt).replace(/\\\\#nearRangeIndex\\\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#index\\\\#/g, destIt);\n                        \n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        i++;\n                    }\n                    ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                fag: newTemp,\n                drStripOption: this.elementSource.attrs.drStripOption,\n                ...this.render\n            })\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        this.returnContainer.raws.push(...rr)\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
-  "mappings": "AAAA,SAAQ,mCAAkC;AAE1C,SAAQ,cAAa;AACrB,SAAQ,oBAAmB;AAE3B,SAAsC,oBAA4C;AAClF,SAAQ,mBAAkB;AAEnB,MAAM,iBAAiB,4BAAoC;AAAA,EAC9D,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACtJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACtF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAC1D,UAAM,WAAW,OAAO,kBAAkB,KAAK,cAAc,OAAO;AACpE,UAAM,OAAO,OAAO,cAAc,KAAK,cAAc,SAAS,KAAK,cAAc,MAAM,eAAe,EAAE;AACxG,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AACzE,gBAAY,OAAO,SAAS;AAAA,sBACZ,KAAK,OAAO,UAAU;AAAA,sBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA;AAAA,qCAE9B,IAAI;AAAA,0CACC,IAAI;AAAA;AAAA;AAAA,kCAGZ,aAAa,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAoBtC,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA,uBAC3C,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,MAC1C,UAAU,OAAO,OAAO;AAAA,QACpB,KAAK;AAAA,QACL,eAAe,KAAK,cAAc,MAAM;AAAA,QACxC,GAAG,KAAK;AAAA,MACZ,CAAC;AAAA,IACL,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;AACxG,SAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,WAAO,aAAa;AAAA,EACxB;AACJ;",
+  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {RawSet} from '../rawsets/RawSet';\nimport {EventManager} from '../events/EventManager';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\nimport {ObjectUtils} from \"@dooboostore/core\";\n\nexport class DrRepeat 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);\n        const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n        const newTemp = this.source.config.window.document.createElement('temp');\n      ObjectUtils.Script.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    var i = 0; \n                    const repeat = ${attr};\n                    const repeatStr = \\`${attr}\\`;\n                    let range = repeat;\n                    if (typeof repeat === 'number') {\n                        range = ${EventManager.RANGE_VARNAME}(repeat);\n                    } \n                    for(const it of range) {\n                        var destIt = it;\n                        if (range.isRange) {\n                            destIt = it;\n                        }  else {\n                            destIt = repeatStr + '[' + i +']'\n                        }\n                        const n = this.__render.element.cloneNode(true);\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearRangeIt\\\\#/g, destIt).replace(/\\\\#nearRangeIndex\\\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#index\\\\#/g, destIt);\n                        \n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        i++;\n                    }\n                    ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                fag: newTemp,\n                drStripOption: this.elementSource.attrs.drStripOption,\n                ...this.render\n            })\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        this.returnContainer.raws.push(...rr)\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
+  "mappings": "AAAA,SAAQ,mCAAkC;AAC1C,SAAQ,cAAa;AACrB,SAAQ,oBAAmB;AAE3B,SAAsC,oBAA4C;AAClF,SAAQ,mBAAkB;AAEnB,MAAM,iBAAiB,4BAAoC;AAAA,EAC9D,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACtJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACtF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAC1D,UAAM,WAAW,OAAO,kBAAkB,KAAK,cAAc,OAAO;AACpE,UAAM,OAAO,OAAO,cAAc,KAAK,cAAc,SAAS,KAAK,cAAc,MAAM,eAAe,EAAE;AACxG,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AACzE,gBAAY,OAAO,SAAS;AAAA,sBACZ,KAAK,OAAO,UAAU;AAAA,sBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA;AAAA,qCAE9B,IAAI;AAAA,0CACC,IAAI;AAAA;AAAA;AAAA,kCAGZ,aAAa,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAoBtC,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA,uBAC3C,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,MAC1C,UAAU,OAAO,OAAO;AAAA,QACpB,KAAK;AAAA,QACL,eAAe,KAAK,cAAc,MAAM;AAAA,QACxC,GAAG,KAAK;AAAA,MACZ,CAAC;AAAA,IACL,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;AACxG,SAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,WAAO,aAAa;AAAA,EACxB;AACJ;",
   "names": []
 }

package/dist/esm/operators/DrStripElement.js

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrStripElement.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/object/ObjectUtils\";\n\nexport class DrStripElement 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, 'DrStripElement');\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    ObjectUtils.Script.evaluate(`\n                ${this.render.bindScript}\n                ${this.elementSource.attrs.drBeforeOption ?? ''}\n                const n = $element.cloneNode(true);\n                if(${attr}) {\n                  Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                } else {\n                  this.__render.fag.append(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\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;AAE5C,SAAS,cAAc;AAEvB,SAAuC,oBAA6C;AACpF,SAAQ,mBAAkB;AAEnB,MAAM,uBAAuB,4BAAoC;AAAA,EACtE,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;AAG5D,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AAEvE,gBAAY,OAAO,SAAS;AAAA,kBACd,KAAK,OAAO,UAAU;AAAA,kBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA;AAAA,qBAE1C,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,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,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;",
+  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\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 DrStripElement 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, 'DrStripElement');\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    ObjectUtils.Script.evaluate(`\n                ${this.render.bindScript}\n                ${this.elementSource.attrs.drBeforeOption ?? ''}\n                const n = $element.cloneNode(true);\n                if(${attr}) {\n                  Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                } else {\n                  this.__render.fag.append(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\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,cAAc;AAEvB,SAAuC,oBAA6C;AACpF,SAAQ,mBAAkB;AAEnB,MAAM,uBAAuB,4BAAoC;AAAA,EACtE,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;AAG5D,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AAEvE,gBAAY,OAAO,SAAS;AAAA,kBACd,KAAK,OAAO,UAAU;AAAA,kBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA;AAAA,qBAE1C,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,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,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/DrTargetElement.js

@@ -1,9 +1,10 @@
-import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
+import { ObjectUtils } from "@dooboostore/core";
 import { RawSet } from "../rawsets/RawSet.js";
 import {
   ExecuteState,
   OperatorExecuter
 } from "./OperatorExecuter.js";
+import { DomRenderComponentMetaKey } from "../rawsets/index.js";
 class DrTargetElement extends OperatorExecuter {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;
@@ -24,8 +25,8 @@ class DrTargetElement extends OperatorExecuter {
     }
     if (targetElement) {
       if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {
-        this.rawSet.point.start.setAttribute("this-path", `this.__domrender_components.${this.rawSet.uuid}`);
-        this.rawSet.point.end.setAttribute("this-path", `this.__domrender_components.${this.rawSet.uuid}`);
+        this.rawSet.point.start.setAttribute("this-path", `this.${DomRenderComponentMetaKey.DOMRENDER_COMPONENTS_KEY}.${this.rawSet.uuid}`);
+        this.rawSet.point.end.setAttribute("this-path", `this.${DomRenderComponentMetaKey.DOMRENDER_COMPONENTS_KEY}.${this.rawSet.uuid}`);
       }
       const documentFragment = await targetElement.callBack(
         this.elementSource.element,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrTargetElement.ts"],
-  "sourcesContent": ["import { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { CreatorMetaData } from '../rawsets/CreatorMetaData';\nimport {\n  AfterCallBack,\n  ElementSource,\n  ExecuteState,\n  OperatorExecuter,\n  ReturnContainer,\n  Source\n} from './OperatorExecuter';\nimport { Render } from '../rawsets/Render';\nimport { ElementUtils } from '@dooboostore/core-web/element/ElementUtils';\nimport { TargetElement } from '../configs';\n\ndeclare global {\n  interface Window {\n    HTMLMetaElement: typeof HTMLMetaElement;\n  }\n}\n\n// \uC5EC\uAE30\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB4F1\uB85D\uD55C TargetElement\uAC00 \uB4E4\uC5B4\uAC04\uB2E4.\nexport class DrTargetElement extends OperatorExecuter<void> {\n  constructor(\n    rawSet: RawSet,\n    render: Render,\n    returnContainer: ReturnContainer,\n    elementSource: ElementSource,\n    source: Source,\n    afterCallBack: AfterCallBack\n  ) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async execute(): Promise<ExecuteState> {\n    let targetElement: TargetElement | undefined = undefined;\n    let isTargetElementElement = this.elementSource.element.tagName.toLowerCase() === RawSet.DR_TARGET_ELEMENT_ELEMENTNAME.toLowerCase();\n    if (isTargetElementElement){\n      const targetElementTagName = this.elementSource.element.getAttribute(`${RawSet.DR_TARGET_ELEMENT_ELEMENTNAME}:is`)?.toLowerCase();\n      targetElement = this.source.config?.targetElements?.find(\n        it => it.name.toLowerCase() === targetElementTagName\n      );\n    } else {\n      targetElement = this.source.config?.targetElements?.find(\n        it => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()\n      );\n    }\n    // console.log('--------------tar', isTargetElementElement, targetElement, this.elementSource.element.tagName);\n\n    if (targetElement) {\n      if (\n        this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement &&\n        this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement\n      ) {\n        this.rawSet.point.start.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`);\n        this.rawSet.point.end.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`);\n      }\n\n      const documentFragment = await targetElement.callBack(\n        this.elementSource.element,\n        this.source.obj,\n        this.rawSet,\n        this.elementSource.attrs,\n        this.source.config\n      );\n      if (documentFragment) {\n        const detectAction = this.elementSource.element.getAttribute(RawSet.DR_DETECT_NAME);\n        // const dictionaryKey = this.elementSource.element.getAttribute(RawSet.DR_DICTIONARY_OPTIONKEYNAME);\n        // console.log('dictionaryKey', dictionaryKey);\n        // const render = (documentFragment as any).render;\n        this.rawSet.dataSet.fragment = documentFragment;\n        // if (documentFragment) {\n        //     const tempDiv = this.source.config.window.document.createElement('div');\n        //     tempDiv.appendChild(documentFragment.cloneNode(true));\n        //     console.log('DocumentFragment innerHTML:', tempDiv.innerHTML);\n        // }\n\n        // this.rawSet.dataSet??={};\n        // this.rawSet.dataSet.data = render.component;\n        if (detectAction && this.rawSet.dataSet.render) {\n          // TODO: \uC5C6\uC5B4\uC838\uC57C\uB420\uB4EF?\n          this.rawSet.detect = {\n            action: () => {\n              const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;\n              ObjectUtils.Script.evaluate(\n                script,\n                Object.assign(this.source.obj, {\n                  __render: this.rawSet.dataSet.render\n                })\n              );\n            }\n          };\n        }\n        // fag.append(documentFragment)\n\n        // console.log('----------1', ElementUtils.toInnerHTML(documentFragment, {document: this.source.config.window.document}));\n        // await Promises.sleep(1000)\n        let targetFragment = documentFragment;\n        if (targetElement.noStrip) {\n          // documentFragment.firstElementChild.classList.add(`${this.rawSet.uuid}___DrTargetElement`)\n          const fragment = this.source.config.window.document.createDocumentFragment();\n          Array.from(documentFragment.firstElementChild?.childNodes || []).forEach(child => {\n            // fragment.appendChild(child.cloneNode(true));\n            fragment.appendChild(child);\n          });\n          // fragment.append(documentFragment.firstElementChild);\n          targetFragment = fragment;\n        }\n        // console.log('----------2', ElementUtils.toInnerHTML(targetFragment, {document: this.source.config.window.document}));\n        const rr = RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config);\n        rr.forEach((it, index) => {\n\n          // const z = ElementUtils.toInnerHTML(it.dataSet.fragment, {document: this.source.config.window.document});\n          // console.log('-z--z('+index+')', z, it);\n          // it.point.start;\n          // // \uC0C8\uB85C\uC6B4 comment element \uCD94\uAC00\n          // const comment = this.source.config.window.document.createComment('\uC0C8\uB85C \uB9CC\uB4E0 comment element');\n          // it.point.start.parentNode?.insertBefore(comment, it.point.start.nextSibling);\n        })\n        // for (let rawSet of rr) {\n        //   await rawSet.render(this.source.obj, this.source.config)\n        // }\n        // console.log('cccccccccccccccccccccc', rr, typeof Window);\n        if (targetElement.noStrip) {\n          Array.from(targetFragment.childNodes || []).forEach(child => {\n            documentFragment.firstElementChild?.appendChild(child);\n          });\n        }\n        this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        this.afterCallBack.onElementInitCallBacks.push({\n          name: targetElement.name.toLowerCase(),\n          obj: this.source.obj,\n          targetElement,\n          creatorMetaData: targetElement.__creatorMetaData as CreatorMetaData\n        });\n        // console.log('sssssssssssssss', this.source.obj);\n        targetElement?.complete?.(this.elementSource.element, this.source.obj, this.rawSet);\n      }\n      return ExecuteState.EXECUTE;\n    }\n    return ExecuteState.NO_EXECUTE;\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ObjectUtils } from '@dooboostore/core';\nimport { RawSet } from '../rawsets/RawSet';\nimport { CreatorMetaData } from '../rawsets/CreatorMetaData';\nimport {\n  AfterCallBack,\n  ElementSource,\n  ExecuteState,\n  OperatorExecuter,\n  ReturnContainer,\n  Source\n} from './OperatorExecuter';\nimport { Render } from '../rawsets/Render';\nimport { TargetElement } from '../configs';\nimport { DomRenderComponentMetaKey } from '../rawsets';\n\ndeclare global {\n  interface Window {\n    HTMLMetaElement: typeof HTMLMetaElement;\n  }\n}\n\n// \uC5EC\uAE30\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB4F1\uB85D\uD55C TargetElement\uAC00 \uB4E4\uC5B4\uAC04\uB2E4.\nexport class DrTargetElement extends OperatorExecuter<void> {\n  constructor(\n    rawSet: RawSet,\n    render: Render,\n    returnContainer: ReturnContainer,\n    elementSource: ElementSource,\n    source: Source,\n    afterCallBack: AfterCallBack\n  ) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async execute(): Promise<ExecuteState> {\n    let targetElement: TargetElement | undefined = undefined;\n    let isTargetElementElement = this.elementSource.element.tagName.toLowerCase() === RawSet.DR_TARGET_ELEMENT_ELEMENTNAME.toLowerCase();\n    if (isTargetElementElement){\n      const targetElementTagName = this.elementSource.element.getAttribute(`${RawSet.DR_TARGET_ELEMENT_ELEMENTNAME}:is`)?.toLowerCase();\n      targetElement = this.source.config?.targetElements?.find(\n        it => it.name.toLowerCase() === targetElementTagName\n      );\n    } else {\n      targetElement = this.source.config?.targetElements?.find(\n        it => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()\n      );\n    }\n    // console.log('--------------tar', isTargetElementElement, targetElement, this.elementSource.element.tagName);\n\n    if (targetElement) {\n      if (\n        this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement &&\n        this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement\n      ) {\n        this.rawSet.point.start.setAttribute('this-path', `this.${DomRenderComponentMetaKey.DOMRENDER_COMPONENTS_KEY}.${this.rawSet.uuid}`);\n        this.rawSet.point.end.setAttribute('this-path', `this.${DomRenderComponentMetaKey.DOMRENDER_COMPONENTS_KEY}.${this.rawSet.uuid}`);\n      }\n\n      const documentFragment = await targetElement.callBack(\n        this.elementSource.element,\n        this.source.obj,\n        this.rawSet,\n        this.elementSource.attrs,\n        this.source.config\n      );\n      if (documentFragment) {\n        const detectAction = this.elementSource.element.getAttribute(RawSet.DR_DETECT_NAME);\n        // const dictionaryKey = this.elementSource.element.getAttribute(RawSet.DR_DICTIONARY_OPTIONKEYNAME);\n        // console.log('dictionaryKey', dictionaryKey);\n        // const render = (documentFragment as any).render;\n        this.rawSet.dataSet.fragment = documentFragment;\n        // if (documentFragment) {\n        //     const tempDiv = this.source.config.window.document.createElement('div');\n        //     tempDiv.appendChild(documentFragment.cloneNode(true));\n        //     console.log('DocumentFragment innerHTML:', tempDiv.innerHTML);\n        // }\n\n        // this.rawSet.dataSet??={};\n        // this.rawSet.dataSet.data = render.component;\n        if (detectAction && this.rawSet.dataSet.render) {\n          // TODO: \uC5C6\uC5B4\uC838\uC57C\uB420\uB4EF?\n          this.rawSet.detect = {\n            action: () => {\n              const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;\n              ObjectUtils.Script.evaluate(\n                script,\n                Object.assign(this.source.obj, {\n                  __render: this.rawSet.dataSet.render\n                })\n              );\n            }\n          };\n        }\n        // fag.append(documentFragment)\n\n        // console.log('----------1', ElementUtils.toInnerHTML(documentFragment, {document: this.source.config.window.document}));\n        // await Promises.sleep(1000)\n        let targetFragment = documentFragment;\n        if (targetElement.noStrip) {\n          // documentFragment.firstElementChild.classList.add(`${this.rawSet.uuid}___DrTargetElement`)\n          const fragment = this.source.config.window.document.createDocumentFragment();\n          Array.from(documentFragment.firstElementChild?.childNodes || []).forEach(child => {\n            // fragment.appendChild(child.cloneNode(true));\n            fragment.appendChild(child);\n          });\n          // fragment.append(documentFragment.firstElementChild);\n          targetFragment = fragment;\n        }\n        // console.log('----------2', ElementUtils.toInnerHTML(targetFragment, {document: this.source.config.window.document}));\n        const rr = RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config);\n        rr.forEach((it, index) => {\n\n          // const z = ElementUtils.toInnerHTML(it.dataSet.fragment, {document: this.source.config.window.document});\n          // console.log('-z--z('+index+')', z, it);\n          // it.point.start;\n          // // \uC0C8\uB85C\uC6B4 comment element \uCD94\uAC00\n          // const comment = this.source.config.window.document.createComment('\uC0C8\uB85C \uB9CC\uB4E0 comment element');\n          // it.point.start.parentNode?.insertBefore(comment, it.point.start.nextSibling);\n        })\n        // for (let rawSet of rr) {\n        //   await rawSet.render(this.source.obj, this.source.config)\n        // }\n        // console.log('cccccccccccccccccccccc', rr, typeof Window);\n        if (targetElement.noStrip) {\n          Array.from(targetFragment.childNodes || []).forEach(child => {\n            documentFragment.firstElementChild?.appendChild(child);\n          });\n        }\n        this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        this.afterCallBack.onElementInitCallBacks.push({\n          name: targetElement.name.toLowerCase(),\n          obj: this.source.obj,\n          targetElement,\n          creatorMetaData: targetElement.__creatorMetaData as CreatorMetaData\n        });\n        // console.log('sssssssssssssss', this.source.obj);\n        targetElement?.complete?.(this.elementSource.element, this.source.obj, this.rawSet);\n      }\n      return ExecuteState.EXECUTE;\n    }\n    return ExecuteState.NO_EXECUTE;\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/operators/DrTargetElementIsElement.js

@@ -1,6 +1,7 @@
 import { RawSet } from "../rawsets/RawSet.js";
 import { ExecuteState, OperatorExecuter } from "./OperatorExecuter.js";
-import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
+import { ObjectUtils } from "@dooboostore/core";
+import { DomRenderComponentMetaKey } from "../rawsets/index.js";
 class DrTargetElementIsElement extends OperatorExecuter {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;
@@ -13,8 +14,8 @@ class DrTargetElementIsElement extends OperatorExecuter {
     const targetElement = this.source.config?.targetElements?.find((it) => it.name.toLowerCase() === attr.toLowerCase());
     if (targetElement) {
       if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {
-        this.rawSet.point.start.setAttribute("this-path", `this.__domrender_components.${this.rawSet.uuid}`);
-        this.rawSet.point.end.setAttribute("this-path", `this.__domrender_components.${this.rawSet.uuid}`);
+        this.rawSet.point.start.setAttribute("this-path", `this.${DomRenderComponentMetaKey.DOMRENDER_COMPONENTS_KEY}.${this.rawSet.uuid}`);
+        this.rawSet.point.end.setAttribute("this-path", `this.${DomRenderComponentMetaKey.DOMRENDER_COMPONENTS_KEY}.${this.rawSet.uuid}`);
       }
       const documentFragment = await targetElement.callBack(this.elementSource.element, this.source.obj, this.rawSet, this.elementSource.attrs, this.source.config);
       if (documentFragment) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrTargetElementIsElement.ts"],
-  "sourcesContent": ["import { RawSet } from '../rawsets/RawSet';\nimport { CreatorMetaData } from '../rawsets/CreatorMetaData';\nimport { AfterCallBack, ElementSource, ExecuteState, OperatorExecuter, ReturnContainer, Source } from './OperatorExecuter';\nimport { Render } from '../rawsets/Render';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\n\n// \uC5EC\uAE30\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB4F1\uB85D\uD55C TargetElement\uAC00 \uB4E4\uC5B4\uAC04\uB2E4.\nexport class DrTargetElementIsElement extends OperatorExecuter<string | null> {\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 execute(attr: string | null): Promise<ExecuteState> {\n    if (!attr) {\n      return ExecuteState.NO_EXECUTE;\n    }\n    const targetElement = this.source.config?.targetElements?.find(it => it.name.toLowerCase() === attr.toLowerCase());\n    // console.log('--------------tar', targetElement)\n    if (targetElement) {\n      if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {\n        this.rawSet.point.start.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`)\n        this.rawSet.point.end.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`)\n      }\n\n\n      const documentFragment = await targetElement.callBack(this.elementSource.element, this.source.obj, this.rawSet, this.elementSource.attrs, this.source.config);\n      if (documentFragment) {\n        const detectAction = this.elementSource.element.getAttribute(RawSet.DR_DETECT_NAME);\n        this.rawSet.dataSet.fragment = documentFragment;\n        if (detectAction && this.rawSet.dataSet.render) {\n          // TODO: \uC5C6\uC5B4\uC838\uC57C\uB420\uB4EF?\n          this.rawSet.detect = {\n            action: () => {\n              const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;\n              ObjectUtils.Script.evaluate(script, Object.assign(this.source.obj, {\n                __render: this.rawSet.dataSet.render\n              }))\n            }\n          };\n        }\n\n        // dr-replace-target-element-is \uB294 \uBB34\uC870\uAC74 NoStrip\uB85C \uCC98\uB9AC\n        const noStrip = targetElement.noStrip\n\n        let targetFragment = documentFragment;\n        if (noStrip) {\n          const fragment = this.source.config.window.document.createDocumentFragment()\n          Array.from(documentFragment.firstElementChild?.childNodes || []).forEach(child => {\n            fragment.appendChild(child);\n          });\n          targetFragment = fragment;\n        }\n\n        const rr = RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config)\n        if (noStrip) {\n          Array.from(targetFragment.childNodes||[]).forEach(child => {\n            documentFragment.firstElementChild?.appendChild(child)\n          })\n        }\n        this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        this.afterCallBack.onElementInitCallBacks.push({\n          name: targetElement.name.toLowerCase(),\n          obj: this.source.obj,\n          targetElement,\n          creatorMetaData: targetElement.__creatorMetaData as CreatorMetaData\n        });\n        targetElement?.complete?.(this.elementSource.element, this.source.obj, this.rawSet);\n      }\n      return ExecuteState.EXECUTE;\n    }\n    return ExecuteState.NO_EXECUTE;\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAuC,cAAc,wBAAiD;AAEtG,SAAS,mBAAmB;AAIrB,MAAM,iCAAiC,iBAAgC;AAAA,EAC5E,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACxJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,QAAQ,MAA4C;AACxD,QAAI,CAAC,MAAM;AACT,aAAO,aAAa;AAAA,IACtB;AACA,UAAM,gBAAgB,KAAK,OAAO,QAAQ,gBAAgB,KAAK,QAAM,GAAG,KAAK,YAAY,MAAM,KAAK,YAAY,CAAC;AAEjH,QAAI,eAAe;AACjB,UAAI,KAAK,OAAO,MAAM,iBAAiB,KAAK,OAAO,OAAO,OAAO,mBAAmB,KAAK,OAAO,MAAM,eAAe,KAAK,OAAO,OAAO,OAAO,iBAAiB;AAC9J,aAAK,OAAO,MAAM,MAAM,aAAa,aAAa,+BAA+B,KAAK,OAAO,IAAI,EAAE;AACnG,aAAK,OAAO,MAAM,IAAI,aAAa,aAAa,+BAA+B,KAAK,OAAO,IAAI,EAAE;AAAA,MACnG;AAGA,YAAM,mBAAmB,MAAM,cAAc,SAAS,KAAK,cAAc,SAAS,KAAK,OAAO,KAAK,KAAK,QAAQ,KAAK,cAAc,OAAO,KAAK,OAAO,MAAM;AAC5J,UAAI,kBAAkB;AACpB,cAAM,eAAe,KAAK,cAAc,QAAQ,aAAa,OAAO,cAAc;AAClF,aAAK,OAAO,QAAQ,WAAW;AAC/B,YAAI,gBAAgB,KAAK,OAAO,QAAQ,QAAQ;AAE9C,eAAK,OAAO,SAAS;AAAA,YACnB,QAAQ,MAAM;AACZ,oBAAM,SAAS,wKAAwK,YAAY;AACnM,0BAAY,OAAO,SAAS,QAAQ,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,gBACjE,UAAU,KAAK,OAAO,QAAQ;AAAA,cAChC,CAAC,CAAC;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAGA,cAAM,UAAU,cAAc;AAE9B,YAAI,iBAAiB;AACrB,YAAI,SAAS;AACX,gBAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,uBAAuB;AAC3E,gBAAM,KAAK,iBAAiB,mBAAmB,cAAc,CAAC,CAAC,EAAE,QAAQ,WAAS;AAChF,qBAAS,YAAY,KAAK;AAAA,UAC5B,CAAC;AACD,2BAAiB;AAAA,QACnB;AAEA,cAAM,KAAK,OAAO,kBAAkB,gBAAgB,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACvF,YAAI,SAAS;AACX,gBAAM,KAAK,eAAe,cAAY,CAAC,CAAC,EAAE,QAAQ,WAAS;AACzD,6BAAiB,mBAAmB,YAAY,KAAK;AAAA,UACvD,CAAC;AAAA,QACH;AACA,aAAK,cAAc,QAAQ,YAAY,aAAa,kBAAkB,KAAK,cAAc,OAAO;AAChG,aAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,aAAK,cAAc,uBAAuB,KAAK;AAAA,UAC7C,MAAM,cAAc,KAAK,YAAY;AAAA,UACrC,KAAK,KAAK,OAAO;AAAA,UACjB;AAAA,UACA,iBAAiB,cAAc;AAAA,QACjC,CAAC;AACD,uBAAe,WAAW,KAAK,cAAc,SAAS,KAAK,OAAO,KAAK,KAAK,MAAM;AAAA,MACpF;AACA,aAAO,aAAa;AAAA,IACtB;AACA,WAAO,aAAa;AAAA,EACtB;AACF;",
+  "sourcesContent": ["import { RawSet } from '../rawsets/RawSet';\nimport { CreatorMetaData } from '../rawsets/CreatorMetaData';\nimport { AfterCallBack, ElementSource, ExecuteState, OperatorExecuter, ReturnContainer, Source } from './OperatorExecuter';\nimport { Render } from '../rawsets/Render';\nimport { ObjectUtils } from '@dooboostore/core';\nimport { DomRenderComponentMetaKey } from '../rawsets';\n\n\n// \uC5EC\uAE30\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB4F1\uB85D\uD55C TargetElement\uAC00 \uB4E4\uC5B4\uAC04\uB2E4.\nexport class DrTargetElementIsElement extends OperatorExecuter<string | null> {\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 execute(attr: string | null): Promise<ExecuteState> {\n    if (!attr) {\n      return ExecuteState.NO_EXECUTE;\n    }\n    const targetElement = this.source.config?.targetElements?.find(it => it.name.toLowerCase() === attr.toLowerCase());\n    // console.log('--------------tar', targetElement)\n    if (targetElement) {\n      if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {\n        this.rawSet.point.start.setAttribute('this-path', `this.${DomRenderComponentMetaKey.DOMRENDER_COMPONENTS_KEY}.${this.rawSet.uuid}`)\n        this.rawSet.point.end.setAttribute('this-path', `this.${DomRenderComponentMetaKey.DOMRENDER_COMPONENTS_KEY}.${this.rawSet.uuid}`)\n      }\n\n\n      const documentFragment = await targetElement.callBack(this.elementSource.element, this.source.obj, this.rawSet, this.elementSource.attrs, this.source.config);\n      if (documentFragment) {\n        const detectAction = this.elementSource.element.getAttribute(RawSet.DR_DETECT_NAME);\n        this.rawSet.dataSet.fragment = documentFragment;\n        if (detectAction && this.rawSet.dataSet.render) {\n          // TODO: \uC5C6\uC5B4\uC838\uC57C\uB420\uB4EF?\n          this.rawSet.detect = {\n            action: () => {\n              const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;\n              ObjectUtils.Script.evaluate(script, Object.assign(this.source.obj, {\n                __render: this.rawSet.dataSet.render\n              }))\n            }\n          };\n        }\n\n        // dr-replace-target-element-is \uB294 \uBB34\uC870\uAC74 NoStrip\uB85C \uCC98\uB9AC\n        const noStrip = targetElement.noStrip\n\n        let targetFragment = documentFragment;\n        if (noStrip) {\n          const fragment = this.source.config.window.document.createDocumentFragment()\n          Array.from(documentFragment.firstElementChild?.childNodes || []).forEach(child => {\n            fragment.appendChild(child);\n          });\n          targetFragment = fragment;\n        }\n\n        const rr = RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config)\n        if (noStrip) {\n          Array.from(targetFragment.childNodes||[]).forEach(child => {\n            documentFragment.firstElementChild?.appendChild(child)\n          })\n        }\n        this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        this.afterCallBack.onElementInitCallBacks.push({\n          name: targetElement.name.toLowerCase(),\n          obj: this.source.obj,\n          targetElement,\n          creatorMetaData: targetElement.__creatorMetaData as CreatorMetaData\n        });\n        targetElement?.complete?.(this.elementSource.element, this.source.obj, this.rawSet);\n      }\n      return ExecuteState.EXECUTE;\n    }\n    return ExecuteState.NO_EXECUTE;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAuC,cAAc,wBAAiD;AAEtG,SAAS,mBAAmB;AAC5B,SAAS,iCAAiC;AAInC,MAAM,iCAAiC,iBAAgC;AAAA,EAC5E,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACxJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,QAAQ,MAA4C;AACxD,QAAI,CAAC,MAAM;AACT,aAAO,aAAa;AAAA,IACtB;AACA,UAAM,gBAAgB,KAAK,OAAO,QAAQ,gBAAgB,KAAK,QAAM,GAAG,KAAK,YAAY,MAAM,KAAK,YAAY,CAAC;AAEjH,QAAI,eAAe;AACjB,UAAI,KAAK,OAAO,MAAM,iBAAiB,KAAK,OAAO,OAAO,OAAO,mBAAmB,KAAK,OAAO,MAAM,eAAe,KAAK,OAAO,OAAO,OAAO,iBAAiB;AAC9J,aAAK,OAAO,MAAM,MAAM,aAAa,aAAa,QAAQ,0BAA0B,wBAAwB,IAAI,KAAK,OAAO,IAAI,EAAE;AAClI,aAAK,OAAO,MAAM,IAAI,aAAa,aAAa,QAAQ,0BAA0B,wBAAwB,IAAI,KAAK,OAAO,IAAI,EAAE;AAAA,MAClI;AAGA,YAAM,mBAAmB,MAAM,cAAc,SAAS,KAAK,cAAc,SAAS,KAAK,OAAO,KAAK,KAAK,QAAQ,KAAK,cAAc,OAAO,KAAK,OAAO,MAAM;AAC5J,UAAI,kBAAkB;AACpB,cAAM,eAAe,KAAK,cAAc,QAAQ,aAAa,OAAO,cAAc;AAClF,aAAK,OAAO,QAAQ,WAAW;AAC/B,YAAI,gBAAgB,KAAK,OAAO,QAAQ,QAAQ;AAE9C,eAAK,OAAO,SAAS;AAAA,YACnB,QAAQ,MAAM;AACZ,oBAAM,SAAS,wKAAwK,YAAY;AACnM,0BAAY,OAAO,SAAS,QAAQ,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,gBACjE,UAAU,KAAK,OAAO,QAAQ;AAAA,cAChC,CAAC,CAAC;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAGA,cAAM,UAAU,cAAc;AAE9B,YAAI,iBAAiB;AACrB,YAAI,SAAS;AACX,gBAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,uBAAuB;AAC3E,gBAAM,KAAK,iBAAiB,mBAAmB,cAAc,CAAC,CAAC,EAAE,QAAQ,WAAS;AAChF,qBAAS,YAAY,KAAK;AAAA,UAC5B,CAAC;AACD,2BAAiB;AAAA,QACnB;AAEA,cAAM,KAAK,OAAO,kBAAkB,gBAAgB,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACvF,YAAI,SAAS;AACX,gBAAM,KAAK,eAAe,cAAY,CAAC,CAAC,EAAE,QAAQ,WAAS;AACzD,6BAAiB,mBAAmB,YAAY,KAAK;AAAA,UACvD,CAAC;AAAA,QACH;AACA,aAAK,cAAc,QAAQ,YAAY,aAAa,kBAAkB,KAAK,cAAc,OAAO;AAChG,aAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,aAAK,cAAc,uBAAuB,KAAK;AAAA,UAC7C,MAAM,cAAc,KAAK,YAAY;AAAA,UACrC,KAAK,KAAK,OAAO;AAAA,UACjB;AAAA,UACA,iBAAiB,cAAc;AAAA,QACjC,CAAC;AACD,uBAAe,WAAW,KAAK,cAAc,SAAS,KAAK,OAAO,KAAK,KAAK,MAAM;AAAA,MACpF;AACA,aAAO,aAAa;AAAA,IACtB;AACA,WAAO,aAAa;AAAA,EACtB;AACF;",
   "names": []
 }

package/dist/esm/operators/DrThis.js

@@ -4,7 +4,7 @@ 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 { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
+import { ObjectUtils } from "@dooboostore/core";
 class DrThis extends OperatorExecuterAttrRequire {
   async executeAttrRequire(attr) {
     const optionIf = this.elementSource.attrs.drDetectIfOption ?? this.elementSource.attrs.drIfOption;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrThis.ts"],
-  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { RawSet } from '../rawsets/RawSet';\nimport { ComponentSet } from '../components/ComponentSet';\nimport { ExecuteState } from './OperatorExecuter';\nimport { isOnDrThisUnBind } from '../lifecycle/dr-this/OnDrThisUnBind';\nimport { isOnDrThisBind } from '../lifecycle/dr-this/OnDrThisBind';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\nimport { Render } from '../rawsets/Render';\n\nexport class DrThis extends OperatorExecuterAttrRequire<string> {\n  async executeAttrRequire(attr: any): Promise<ExecuteState> {\n    // const e = this.elementSource;\n    // console.log('drThis!!!!!!!!!!!!!', this.elementSource.attrs.drDetectIfOption, this.elementSource.attrs.drIfOption);\n    const optionIf = this.elementSource.attrs.drDetectIfOption ?? this.elementSource.attrs.drIfOption;\n    const ok = ObjectUtils.Script.evaluate(`\n                ${this.render.bindScript}\n                try {\n                  const ok  = ${this.elementSource.attrs.drThis};\n                  const option = ${optionIf};\n                  if (option!==null) {\n                     return !!(ok && option); \n                  }\n                  // console.log('vv', ${this.elementSource.attrs.drThis}, ${this.elementSource.attrs.drIfOption}, '${this.elementSource.attrs.drIfOption}');\n                  return !!ok;\n                } catch(e) {\n                  return false;\n                }\n                `, Object.assign(this.source.obj,\n      {\n        __render: Object.freeze({\n          drAttr: this.elementSource.attrs,\n          drAttrsOriginName: RawSet.drAttrsOriginName,\n          ...this.render\n        } as Render)\n      }\n    ));\n    // console.log('----zxvxcv-----!!!aa!', ok);\n    // if (!ok) {\n    //   this.elementSource.element.remove();\n    //   return ExecuteState.STOP;\n    // }\n\n    // console.log('----zxvxcv-----!!!!', attr);\n    if (attr && this.elementSource.attrs.drThis && ok) {\n      let thisPath = this.elementSource.attrs.drThis;\n      // let optionIf = this.elementSource.attrs.drIfOption;\n      // console.log('drThis!!!!!!!!!!!!!, ', optionIf)\n      if (attr instanceof ComponentSet) {\n        // console.log('drThis!!!!!!!!!!->', attr)\n        // if (this.rawSet.data) {\n        //   const destroyOptions = this.elementSource.attrs.drDestroyOption?.split(',') ?? [];\n        //   debugger;\n        //   RawSet.destroy((this.rawSet.data as ComponentSet).obj, [], this.source.config, destroyOptions);\n        // }\n        if (attr.config?.beforeComponentSet?.obj !== attr.obj) {\n          if (isOnDrThisUnBind(attr.config.beforeComponentSet?.obj)) {\n            attr.config.beforeComponentSet?.obj?.onDrThisUnBind?.();\n          }\n        }\n        // this.rawSet.dataSet ??= {};\n        // this.rawSet.dataSet.data = attr;\n        if (attr.config?.beforeComponentSet?.obj !== attr.obj) {\n          if (isOnDrThisBind(attr.obj)) {\n            attr.obj?.onDrThisBind?.();\n          }\n        }\n        // \uC911\uC694: componentSet \uC758 objPath\uB97C \uBCF4\uACE0 \uD310\uB2E8\uD558\uB294 \uC911\uC694\uD55C\uBD80\uBD84\n        thisPath = `${this.elementSource.attrs.drThis}${attr.config.objPath ? ('.' + attr.config.objPath) : ''}`;\n        // const zthisPath = `${this.elementSource.attrs.drThis}${attr.config.objPath ? ('?.' + attr.config.objPath) : ''}`;\n        // console.log('thisPaththisPaththisPath',thisPath)\n        this.setThisPath(thisPath);\n        const componentBody = await RawSet.drThisCreate(this.rawSet, this.elementSource.element, thisPath, this.elementSource.attrs.drVarOption ?? '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, attr);\n        if (componentBody) {\n          this.returnContainer.fag.append(componentBody)\n          this.afterCallBack.onThisComponentSetCallBacks.push(attr);\n        }\n\n      } else {\n        this.setThisPath(thisPath);\n        const fragment = await RawSet.drThisCreate(this.rawSet, this.elementSource.element, this.elementSource.attrs.drThis, this.elementSource.attrs.drVarOption ?? '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config);\n        if (fragment) {\n          this.returnContainer.fag.append(fragment)\n        }\n      }\n\n\n      // console.log('!!!!!!!!!zzz', Array.from(this.returnContainer.fag.childNodes), this.elementSource.element);\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    } else {\n      this.elementSource.element.remove();\n    }\n    return ExecuteState.EXECUTE;\n  }\n\n\n  setThisPath(thisPath: string) {\n\n    // if (this.rawSet.point.start instanceof HTMLMetaElement && this.rawSet.point.end instanceof HTMLMetaElement) {\n\n    if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {\n      this.rawSet.point.start.setAttribute('this-path', thisPath)\n      this.rawSet.point.end.setAttribute('this-path', thisPath)\n    }\n  }\n}\n"],
+  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { RawSet } from '../rawsets/RawSet';\nimport { ComponentSet } from '../components/ComponentSet';\nimport { ExecuteState } from './OperatorExecuter';\nimport { isOnDrThisUnBind } from '../lifecycle/dr-this/OnDrThisUnBind';\nimport { isOnDrThisBind } from '../lifecycle/dr-this/OnDrThisBind';\nimport { ObjectUtils } from '@dooboostore/core';\nimport { Render } from '../rawsets/Render';\n\nexport class DrThis extends OperatorExecuterAttrRequire<string> {\n  async executeAttrRequire(attr: any): Promise<ExecuteState> {\n    // const e = this.elementSource;\n    // console.log('drThis!!!!!!!!!!!!!', this.elementSource.attrs.drDetectIfOption, this.elementSource.attrs.drIfOption);\n    const optionIf = this.elementSource.attrs.drDetectIfOption ?? this.elementSource.attrs.drIfOption;\n    const ok = ObjectUtils.Script.evaluate(`\n                ${this.render.bindScript}\n                try {\n                  const ok  = ${this.elementSource.attrs.drThis};\n                  const option = ${optionIf};\n                  if (option!==null) {\n                     return !!(ok && option); \n                  }\n                  // console.log('vv', ${this.elementSource.attrs.drThis}, ${this.elementSource.attrs.drIfOption}, '${this.elementSource.attrs.drIfOption}');\n                  return !!ok;\n                } catch(e) {\n                  return false;\n                }\n                `, Object.assign(this.source.obj,\n      {\n        __render: Object.freeze({\n          drAttr: this.elementSource.attrs,\n          drAttrsOriginName: RawSet.drAttrsOriginName,\n          ...this.render\n        } as Render)\n      }\n    ));\n    // console.log('----zxvxcv-----!!!aa!', ok);\n    // if (!ok) {\n    //   this.elementSource.element.remove();\n    //   return ExecuteState.STOP;\n    // }\n\n    // console.log('----zxvxcv-----!!!!', attr);\n    if (attr && this.elementSource.attrs.drThis && ok) {\n      let thisPath = this.elementSource.attrs.drThis;\n      // let optionIf = this.elementSource.attrs.drIfOption;\n      // console.log('drThis!!!!!!!!!!!!!, ', optionIf)\n      if (attr instanceof ComponentSet) {\n        // console.log('drThis!!!!!!!!!!->', attr)\n        // if (this.rawSet.data) {\n        //   const destroyOptions = this.elementSource.attrs.drDestroyOption?.split(',') ?? [];\n        //   debugger;\n        //   RawSet.destroy((this.rawSet.data as ComponentSet).obj, [], this.source.config, destroyOptions);\n        // }\n        if (attr.config?.beforeComponentSet?.obj !== attr.obj) {\n          if (isOnDrThisUnBind(attr.config.beforeComponentSet?.obj)) {\n            attr.config.beforeComponentSet?.obj?.onDrThisUnBind?.();\n          }\n        }\n        // this.rawSet.dataSet ??= {};\n        // this.rawSet.dataSet.data = attr;\n        if (attr.config?.beforeComponentSet?.obj !== attr.obj) {\n          if (isOnDrThisBind(attr.obj)) {\n            attr.obj?.onDrThisBind?.();\n          }\n        }\n        // \uC911\uC694: componentSet \uC758 objPath\uB97C \uBCF4\uACE0 \uD310\uB2E8\uD558\uB294 \uC911\uC694\uD55C\uBD80\uBD84\n        thisPath = `${this.elementSource.attrs.drThis}${attr.config.objPath ? ('.' + attr.config.objPath) : ''}`;\n        // const zthisPath = `${this.elementSource.attrs.drThis}${attr.config.objPath ? ('?.' + attr.config.objPath) : ''}`;\n        // console.log('thisPaththisPaththisPath',thisPath)\n        this.setThisPath(thisPath);\n        const componentBody = await RawSet.drThisCreate(this.rawSet, this.elementSource.element, thisPath, this.elementSource.attrs.drVarOption ?? '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, attr);\n        if (componentBody) {\n          this.returnContainer.fag.append(componentBody)\n          this.afterCallBack.onThisComponentSetCallBacks.push(attr);\n        }\n\n      } else {\n        this.setThisPath(thisPath);\n        const fragment = await RawSet.drThisCreate(this.rawSet, this.elementSource.element, this.elementSource.attrs.drThis, this.elementSource.attrs.drVarOption ?? '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config);\n        if (fragment) {\n          this.returnContainer.fag.append(fragment)\n        }\n      }\n\n\n      // console.log('!!!!!!!!!zzz', Array.from(this.returnContainer.fag.childNodes), this.elementSource.element);\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    } else {\n      this.elementSource.element.remove();\n    }\n    return ExecuteState.EXECUTE;\n  }\n\n\n  setThisPath(thisPath: string) {\n\n    // if (this.rawSet.point.start instanceof HTMLMetaElement && this.rawSet.point.end instanceof HTMLMetaElement) {\n\n    if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {\n      this.rawSet.point.start.setAttribute('this-path', thisPath)\n      this.rawSet.point.end.setAttribute('this-path', thisPath)\n    }\n  }\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/operators/DrThisProperty.js

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrThisProperty.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 {DomRenderConfig} from '../configs/DomRenderConfig';\nimport {ObjectUtils} from \"@dooboostore/core/object/ObjectUtils\";\n\nexport class DrThisProperty 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, 'DrThisProperty');\n        const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n        const newTemp = this.source.config.window.document.createElement('temp');\n        const dictioanry = ScriptUtils.evaluateReturn(attr, this.source.obj)\n        const dictionaryKey = this.elementSource.attrs.drKeyOption ?? '';\n        // console.log('--->', attr, dictionaryKey)\n        // if (!(dictioanry instanceof Dictionary)) {\n        //     return ExecuteState.STOP;\n        // }\n        // await new Promise(resolve => setTimeout(resolve, 1000));\n        // console.log('!!!!!!!!!!!!!!', this.rawSet);\n      ObjectUtils.Script.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    var i = 0; \n                    const dictionary = ${attr};\n                    const dictionaryKey = '${dictionaryKey}';\n                    const dictionaryStr = \\`${attr}\\`.trim();\n                    // console.log('----@#!@#@!#', this.__render.oldChild);\n                    if (dictionary) {\n                        for(const it in dictionary) {\n                            var destIt = dictionaryStr + '[\"' + it + '\"]';\n                            const n = this.__render.element.cloneNode(true);\n                            n.setAttribute('dr-this', destIt);\n                            n.setAttribute('${RawSet.DR_KEY_OPTIONNAME}', it);\n                            // n.setAttribute('dr-dictionary-key', it);\n                            this.__render.fag.append(n);\n                            i++;\n                        }\n                         this.__render.rawset.point.start.setAttribute('${RawSet.DR_HAS_KEYS_OPTIONNAME}',Object.keys(dictionary).join(','));\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            } 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\n    public static append(obj: any, fullPath: string, key: string, rawSet: RawSet, config: DomRenderConfig) {\n        const genNode = config.window.document.importNode(rawSet.dataSet.fragment, true);\n        // console.log('---> append', rawSet, genNode);\n        const rawSets: RawSet[] = [];\n        for (const cNode of Array.from(genNode.childNodes.values())) {\n            const element = cNode.cloneNode(true) as Element;\n            element.removeAttribute(RawSet.DR_THIS_PROPERTY_NAME);\n            element.setAttribute(RawSet.DR_THIS_NAME, `this.${fullPath}`);\n            element.setAttribute(RawSet.DR_KEY_OPTIONNAME, key);\n            // rawSet.point.end.after(element);\n            const fg = config.window.document.createDocumentFragment()\n            fg.append(element);\n            rawSets.push(...RawSet.checkPointCreates(fg, obj, config));\n            rawSet.point.end.before(fg);\n            const start = (rawSet.point.start as Element);\n            const keys = start.getAttribute(RawSet.DR_HAS_KEYS_OPTIONNAME)?.split(',') ?? [];\n            keys.push(key);\n            start.setAttribute(RawSet.DR_HAS_KEYS_OPTIONNAME, keys.join(','));\n            rawSets.forEach(async (it) => await it.render(obj, config));\n        }\n        return rawSets;\n    }\n}\n"],
+  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {ScriptUtils} from '@dooboostore/core-web';\nimport {RawSet} from '../rawsets/RawSet';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\nimport {DomRenderConfig} from '../configs/DomRenderConfig';\nimport {ObjectUtils} from \"@dooboostore/core\";\n\nexport class DrThisProperty 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, 'DrThisProperty');\n        const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n        const newTemp = this.source.config.window.document.createElement('temp');\n        const dictioanry = ScriptUtils.evaluateReturn(attr, this.source.obj)\n        const dictionaryKey = this.elementSource.attrs.drKeyOption ?? '';\n        // console.log('--->', attr, dictionaryKey)\n        // if (!(dictioanry instanceof Dictionary)) {\n        //     return ExecuteState.STOP;\n        // }\n        // await new Promise(resolve => setTimeout(resolve, 1000));\n        // console.log('!!!!!!!!!!!!!!', this.rawSet);\n      ObjectUtils.Script.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    var i = 0; \n                    const dictionary = ${attr};\n                    const dictionaryKey = '${dictionaryKey}';\n                    const dictionaryStr = \\`${attr}\\`.trim();\n                    // console.log('----@#!@#@!#', this.__render.oldChild);\n                    if (dictionary) {\n                        for(const it in dictionary) {\n                            var destIt = dictionaryStr + '[\"' + it + '\"]';\n                            const n = this.__render.element.cloneNode(true);\n                            n.setAttribute('dr-this', destIt);\n                            n.setAttribute('${RawSet.DR_KEY_OPTIONNAME}', it);\n                            // n.setAttribute('dr-dictionary-key', it);\n                            this.__render.fag.append(n);\n                            i++;\n                        }\n                         this.__render.rawset.point.start.setAttribute('${RawSet.DR_HAS_KEYS_OPTIONNAME}',Object.keys(dictionary).join(','));\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            } 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\n    public static append(obj: any, fullPath: string, key: string, rawSet: RawSet, config: DomRenderConfig) {\n        const genNode = config.window.document.importNode(rawSet.dataSet.fragment, true);\n        // console.log('---> append', rawSet, genNode);\n        const rawSets: RawSet[] = [];\n        for (const cNode of Array.from(genNode.childNodes.values())) {\n            const element = cNode.cloneNode(true) as Element;\n            element.removeAttribute(RawSet.DR_THIS_PROPERTY_NAME);\n            element.setAttribute(RawSet.DR_THIS_NAME, `this.${fullPath}`);\n            element.setAttribute(RawSet.DR_KEY_OPTIONNAME, key);\n            // rawSet.point.end.after(element);\n            const fg = config.window.document.createDocumentFragment()\n            fg.append(element);\n            rawSets.push(...RawSet.checkPointCreates(fg, obj, config));\n            rawSet.point.end.before(fg);\n            const start = (rawSet.point.start as Element);\n            const keys = start.getAttribute(RawSet.DR_HAS_KEYS_OPTIONNAME)?.split(',') ?? [];\n            keys.push(key);\n            start.setAttribute(RawSet.DR_HAS_KEYS_OPTIONNAME, keys.join(','));\n            rawSets.forEach(async (it) => await it.render(obj, config));\n        }\n        return rawSets;\n    }\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/operators/OperatorExecuter.js

@@ -1,4 +1,4 @@
-import { ObjectUtils } from "@dooboostore/core/object/ObjectUtils";
+import { ObjectUtils } from "@dooboostore/core";
 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 { 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 = ObjectUtils.Script.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 { 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 = ObjectUtils.Script.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;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,OAAO,SAAS,IAAI,KAAK,OAAO,UAAU,YAAY,YAAY,IAAI,OAAO,OAAO,KAAK,OAAO,KAAK,EAAC,UAAU,KAAK,OAAM,CAAC,CAAC;AAAA,IAC/I;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"]
 }