@dooboostore/dom-render 1.0.107 → 1.0.109

package/dist/cjs/rawsets/RawSet.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/rawsets/RawSet.ts"],
-  "sourcesContent": ["import { RandomUtils } from '@dooboostore/core/random/RandomUtils';\nimport { StringUtils } from '@dooboostore/core/string/StringUtils';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { EventManager } from '../events/EventManager';\nimport type { DomRenderConfig } from '../configs/DomRenderConfig';\nimport { Range } from '../iterators/Range';\nimport { ElementUtils } from '@dooboostore/core-web/element/ElementUtils';\nimport { ComponentSet } from '../components/ComponentSet';\nimport { DrPre } from '../operators/DrPre';\nimport { Dr } from '../operators/Dr';\nimport { DrIf } from '../operators/DrIf';\nimport { ExecuteState } from '../operators/OperatorExecuter';\nimport { DrThis } from '../operators/DrThis';\nimport { DrForm } from '../operators/DrForm';\nimport { DrInnerText } from '../operators/DrInnerText';\nimport { DrInnerHTML } from '../operators/DrInnerHTML';\nimport { DrFor } from '../operators/DrFor';\nimport { DrForOf } from '../operators/DrForOf';\nimport { DrAppender } from '../operators/DrAppender';\nimport { DrRepeat } from '../operators/DrRepeat';\nimport { DrTargetElement } from '../operators/DrTargetElement';\nimport { DrTargetAttr } from '../operators/DrTargetAttr';\nimport { DrStripElement } from '../operators/DrStripElement';\nimport { TargetElement } from '../configs/TargetElement';\nimport { TargetAttr } from '../configs/TargetAttr';\nimport { DestroyOptionType } from './DestroyOptionType';\nimport { Attrs } from './Attrs';\nimport { AttrInitCallBack } from './AttrInitCallBack';\nimport { ElementInitCallBack } from './ElementInitCallBack';\nimport { RawSetType } from './RawSetType';\nimport { Render } from './Render';\nimport { DrThisProperty } from '../operators/DrThisProperty';\nimport { RawSetOperatorType } from './RawSetOperatorType';\nimport { CssParser, CssRule, isStyleRule, isAtRule } from '@dooboostore/core/parser/css/CssParser';\nimport { isOnCreateRenderData, OnCreateRenderDataParams } from '../lifecycle/OnCreateRenderData';\nimport { isOnCreateRender } from '../lifecycle/OnCreateRender';\nimport { isOnChangeAttrRender } from '../lifecycle/OnChangeAttrRender';\nimport { isOnInitRender } from '../lifecycle/OnInitRender';\nimport { isOnCreatedThisChild } from '../lifecycle/OnCreatedThisChild';\nimport { isOnDestroyRender, OnDestroyRenderParams } from '../lifecycle/OnDestroyRender';\nimport { DrTargetElementIsElement } from '../operators/DrTargetElementIsElement';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\n\nexport class RawSet {\n  public static readonly DR_NAME = 'dr';\n  public static readonly DR_IF_NAME = 'dr-if';\n  public static readonly DR_FOR_NAME = 'dr-for';\n  public static readonly DR_FOR_OF_NAME = 'dr-for-of';\n  public static readonly DR_THIS_PROPERTY_NAME = 'dr-this-property';\n  public static readonly DR_REPEAT_NAME = 'dr-repeat';\n  public static readonly DR_THIS_NAME = 'dr-this';\n  public static readonly DR_FORM_NAME = 'dr-form';\n  public static readonly DR_PRE_NAME = 'dr-pre';\n  public static readonly DR_APPENDER_NAME = 'dr-appender';\n  public static readonly DR_INNERHTML_NAME = 'dr-inner-html';\n  public static readonly DR_INNERTEXT_NAME = 'dr-inner-text';\n  public static readonly DR_DETECT_NAME = 'dr-detect';\n  public static readonly DR_STRIP_NAME = 'dr-strip';\n  public static readonly DR_REPLACE_TARGET_ELEMENT_IS_NAME = 'dr-replace-target-element-is';\n\n  // \uAC10\uC9C0\uCC98\uB9AC\uB418\uB294 \uC635\uC158\n  public static readonly DR_DETECT_IF_OPTIONNAME = 'dr-detect-option-if';\n  public static readonly DR_DETECT_FILTER_OPTIONNAME = 'dr-detect-option-filter';\n  public static readonly DR_DETECT_ATTR_OPTIONNAME = 'dr-detect-option-attr';\n\n\n  /**\n   * @deprecated\n   */\n  public static readonly DR_THIS_OPTIONNAME = 'dr-option-this';\n  public static readonly DR_ATTR_OPTIONNAME = 'dr-option-attr';\n  public static readonly DR_IF_OPTIONNAME = 'dr-option-if';\n  public static readonly DR_IT_OPTIONNAME = 'dr-option-it';\n  public static readonly DR_VAR_OPTIONNAME = 'dr-option-var';\n  public static readonly DR_AFTER_OPTIONNAME = 'dr-option-after';\n  public static readonly DR_NEXT_OPTIONNAME = 'dr-option-next';\n  public static readonly DR_BEFORE_OPTIONNAME = 'dr-option-before';\n  public static readonly DR_COMPLETE_OPTIONNAME = 'dr-option-complete';\n  public static readonly DR_STRIP_OPTIONNAME = 'dr-option-strip';\n  public static readonly DR_DESTROY_OPTIONNAME = 'dr-option-destroy';\n\n  public static readonly DR_THIS_NAME_OPTIONNAME = 'dr-option-this-name';\n  /**\n   * @deprecated\n   */\n  public static readonly DR_COMPONENT_NAME_OPTIONNAME = 'dr-option-component-name';\n  public static readonly DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME = 'dr-option-component-inner-html-name';\n  public static readonly DR_KEY_OPTIONNAME = 'dr-option-key';\n  public static readonly DR_HAS_KEYS_OPTIONNAME = 'dr-option-has-keys';\n\n  public static readonly DR_ON_CREATE_ARGUMENTS_OPTIONNAME = 'dr-on-create:arguments';\n  public static readonly DR_ON_CREATED_CALLBACK_OPTIONNAME = 'dr-on-create:callback';\n  /**  \uC6B0\uC120 \uC4F0\uB294\uACF3\uC774 \uC5C6\uC5B4\uC11C deprecated\uB97C \uAC78\uC5B4\uB1A8\uC74C\n  @deprecated\n  */\n  public static readonly DR_ON_INIT_ARGUMENTS_OPTIONNAME = 'dr-on-init:arguments';\n  public static readonly DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME = 'dr-on-constructor:arguments';\n\n  public static readonly drAttrsOriginName: Attrs = {\n    dr: RawSet.DR_NAME,\n    drIf: RawSet.DR_IF_NAME,\n    drFor: RawSet.DR_FOR_NAME,\n    drForOf: RawSet.DR_FOR_OF_NAME,\n    drThisProperty: RawSet.DR_THIS_PROPERTY_NAME,\n    drAppender: RawSet.DR_APPENDER_NAME,\n    drRepeat: RawSet.DR_REPEAT_NAME,\n    drThis: RawSet.DR_THIS_NAME,\n    drForm: RawSet.DR_FORM_NAME,\n    drPre: RawSet.DR_PRE_NAME,\n    drInnerHTML: RawSet.DR_INNERHTML_NAME,\n    drInnerText: RawSet.DR_INNERTEXT_NAME,\n    drItOption: RawSet.DR_IT_OPTIONNAME,\n    drVarOption: RawSet.DR_VAR_OPTIONNAME,\n    drAfterOption: RawSet.DR_AFTER_OPTIONNAME,\n    drNextOption: RawSet.DR_NEXT_OPTIONNAME,\n    drBeforeOption: RawSet.DR_BEFORE_OPTIONNAME,\n    drCompleteOption: RawSet.DR_COMPLETE_OPTIONNAME,\n    drStripElement: RawSet.DR_STRIP_NAME,\n    drReplaceTargetElementIs: RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME,\n    drStripOption: RawSet.DR_STRIP_OPTIONNAME,\n    drIfOption: RawSet.DR_IF_OPTIONNAME,\n    drDetectIfOption: RawSet.DR_DETECT_IF_OPTIONNAME,\n    drDestroyOption: RawSet.DR_DESTROY_OPTIONNAME,\n    drHasKeysOption: RawSet.DR_HAS_KEYS_OPTIONNAME,\n    drKeyOption: RawSet.DR_KEY_OPTIONNAME\n  };\n\n  public static readonly DR_TAGS = [];\n\n  // public static readonly DR_REPLACE_ACTION_ATTRIBUTES = [\n  //   RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME\n  // ]\n\n  public static readonly DR_ATTRIBUTES = [\n    RawSet.DR_NAME,\n    RawSet.DR_APPENDER_NAME,\n    RawSet.DR_IF_NAME,\n    RawSet.DR_FOR_OF_NAME,\n    RawSet.DR_THIS_PROPERTY_NAME,\n    RawSet.DR_FOR_NAME,\n    RawSet.DR_THIS_NAME,\n    RawSet.DR_FORM_NAME,\n    RawSet.DR_PRE_NAME,\n    RawSet.DR_INNERHTML_NAME,\n    RawSet.DR_INNERTEXT_NAME,\n    RawSet.DR_REPEAT_NAME,\n    RawSet.DR_DETECT_NAME,\n    RawSet.DR_STRIP_NAME,\n  ] as const;\n\n  constructor(\n    public uuid: string,\n    public type: RawSetType,\n    public point: {\n      start: (Comment | Text | HTMLMetaElement),\n      node: Node,\n      end: Comment | Text | HTMLMetaElement,\n      // thisVariableName?: string | null,\n      parent?: Node | null,\n      parentRawSet?: RawSet,\n      childrenRawSets?: RawSet[]\n    },\n    public dataSet: {\n      config: DomRenderConfig;\n      fragment: DocumentFragment,\n      render?: Render;\n    },\n    public detect?: { action: Function },\n  ) {\n    // point.start.rawSet = this;\n    // console.log('rawset constructor->', (this.point.node as Element).getAttributeNames());\n  }\n\n  get isConnected() {\n    // console.log('isConnect???', this, this.point.start.isConnected, this.point.end.isConnected);\n    return this.point.start.isConnected && this.point.end.isConnected;\n  }\n\n  // \uC911\uC694\n  getUsingTriggerVariables(config?: DomRenderConfig): Set<string> {\n    const usingTriggerVariables = new Set<string>();\n    // console.log('------data', this.dataSet)\n    this.dataSet.fragment.childNodes.forEach((cNode, key) => {\n      // console.log('-----aaaa-data', cNode, key)\n      let script = '';\n      if (cNode.nodeType === Node.TEXT_NODE) {\n        script = `\\`${(cNode as Text).textContent ?? ''}\\``;\n        const expressionGroups = RawSet.expressionGroups(script)\n        // console.log('???????', script, expressionGroups)\n        if (expressionGroups[0].length >1) {\n          script = expressionGroups[0][1] as string;\n        }\n        // console.log('--', expressionGroups, script)\n      } else if (cNode.nodeType === Node.ELEMENT_NODE) {\n        const element = cNode as Element;\n        const targetAttrNames = (config?.targetAttrs?.map(it => it.name) ?? [])\n          .concat(RawSet.DR_ATTRIBUTES, RawSet.DR_DETECT_FILTER_OPTIONNAME, RawSet.DR_DETECT_IF_OPTIONNAME, RawSet.DR_DETECT_ATTR_OPTIONNAME); // .concat(EventManager.normalAttrMapAttrName);\n        const targetScripts = targetAttrNames.map(it => element.getAttribute(it)).filter(it => it).map(it=>`(${it})`);\n        const targetAttrMap = element.getAttribute(EventManager.normalAttrMapAttrName);\n        // console.log('targetAttrMap-->', targetAttrMap)\n        if (targetAttrMap) {\n          new Map<string, string>(JSON.parse(targetAttrMap)).forEach((v, k) => {\n            targetScripts.push(`(${v})`);\n          });\n        }\n        // console.log('targetScriptstargetScripts', targetScripts)\n        script = targetScripts.join(';');\n        // script = targetScripts.map(it=>`try{${it}}catch(e){}`).join(';');\n\n        // attribute\uCABD \uCCB4\uD06C\uD558\uB294\uAC70 \uCD94\uAC00\n        // console.log('----!!!!!-->', targetAttrNames)\n        // const otherAttrs = element.getAttributeNames()\n        //     .filter(it => !targetAttrNames.includes(it.toLowerCase()) && RawSet.isExporesion(element.getAttribute(it)))\n        //     .map(it => {\n        //         return `\\`${element.getAttribute(it) ?? ''}\\``;\n        //     }).join(';');\n        // script += ';' + otherAttrs\n      }\n      if (script) {\n\n        // console.log('------1-',script)\n        script = script.replace(/#[^#]*#/g, '({})');\n        // console.log('------2-',script)\n        // script = script.replace('}$','}');\n        // script = script.replace('@this@','this');\n        // console.log('----------->', script)\n\n        // TODO: \uD6D4.. \uAF2D\uD544\uC694\uD55C\uAC00..?  \uD2B8\uB9AC\uAC70\uB420\uB54C \uC2A4\uD06C\uB9BD\uD2B8\uBCC0\uC218 \uAE4C\uC9C0 \uAC10\uC9C0\uD574\uC57C\uB420\uAE4C?\n        EventManager.VARNAMES.forEach(it => {\n          // script = script.replace(RegExp(it.replace('$', '\\\\$'), 'g'), `this?.___${it}`);\n          // script = script.replace(RegExp(it.replace('$', '\\\\$'), 'g'), `this.___${it}`);\n          script = script.replace(RegExp(it.replace('$', '\\\\$'), 'g'), `this.___${it}`);\n          // console.log('scripts-->', script)\n        });\n        // console.log('--------1--', script);\n        // script = script.replaceAll('#{','${').replaceAll('}#', '}')\n        // console.log('--------2--', script);\n        // TODO: \uD6D4.. \uAF2D\uD544\uC694\uD55C\uAC00..?  \uD2B8\uB9AC\uAC70\uB420\uB54C \uC2A4\uD06C\uB9BD\uD2B8\uBCC0\uC218 \uAE4C\uC9C0 \uAC10\uC9C0\uD574\uC57C\uB420\uAE4C?\n        Array.from(ObjectUtils.Path.detectPathFromScript(script,{excludeThis: true})).filter(it => !it.startsWith(`___${EventManager.SCRIPTS_VARNAME}`)).forEach(it => usingTriggerVariables.add(it));\n      }\n    });\n    // console.log('usingTriggerVariable----------->', usingTriggerVariables)\n    return usingTriggerVariables;\n  }\n\n  // \uC911\uC694 render \uCC98\uB9AC \uBD80\uBD84\n  public async render(obj: any, config: DomRenderConfig): Promise<RawSet[]> {\n    // console.log('render!!!!!!!!!!!!!!')\n    const genNode = config.window.document.importNode(this.dataSet.fragment, true);\n    const raws: RawSet[] = [];\n    const onAttrInitCallBacks: AttrInitCallBack[] = [];\n    const onElementInitCallBacks: ElementInitCallBack[] = [];\n    const onThisComponentSetCallBacks: ComponentSet[] = [];\n    const drAttrs: Attrs[] = [];\n    // console.log('rawSet render!!', obj, config, this, Array.from(genNode.childNodes.values()));\n    for (const cNode of Array.from(genNode.childNodes.values())) {\n      // console.log('cNodecNodecNode', cNode);\n      let attribute = {};\n      if (cNode.nodeType === Node.ELEMENT_NODE) {\n        attribute = ElementUtils.getAttributeToObject(cNode as Element);\n      }\n\n      const __render = Object.freeze({\n        rawSet: this,\n        scripts: EventManager.setBindProperty(config?.scripts, obj),\n        router: config?.router,\n        range: Range.range,\n        element: cNode,\n        attribute: attribute,\n        rootObject: obj,\n        scriptUtils: ScriptUtils,\n        nearThis: this.findNearThis(obj),\n        parentThis: this.findParentThis(obj),\n        bindScript: ` /** render **/\n                    const ${EventManager.SCRIPTS_VARNAME} = this.__render.scripts;\n                    const ${EventManager.RAWSET_VARNAME} = this.__render.rawSet;\n                    const ${EventManager.ELEMENT_VARNAME} = this.__render.element;\n                    const ${EventManager.ATTRIBUTE_VARNAME} = this.__render.attribute;\n                    const ${EventManager.RANGE_VARNAME} = this.__render.range;\n                    const ${EventManager.ROUTER_VARNAME} = this.__render.router;\n                    const ${EventManager.NEAR_THIS_VARNAME} = this.__render.nearThis;\n                    const ${EventManager.PARENT_THIS_VARNAME} = this.__render.parentThis;\n                    const ${EventManager.SCRIPT_UTILS_VARNAME} = this.__render.scriptUtils;\n                    const ${EventManager.ROOT_OBJECT_VARNAME} = this.__render.rootObject;\n            `\n      }) as unknown as Render;\n\n\n      // const normalAttribute = attribute[EventManager.normalAttrMapAttrName];\n      // if (normalAttribute) {\n      //   new Map<string, string>(JSON.parse(normalAttribute)).forEach((v, k) => {\n      //     const cval = ScriptUtils.evalReturn({ bodyScript: __render.bindScript, returnScript: v }, Object.assign(obj, { __render: __render }));\n      //     console.log('-----------',v,k, cval);\n      //     attribute[v] = cval;\n      //   });\n      // }\n\n\n      const fag = config.window.document.createDocumentFragment();\n      if (cNode.nodeType === Node.TEXT_NODE && cNode.textContent) {\n        // console.log('text-->', this, obj, config, cNode.textContent);\n        // console.log('text-->', Array.from(this.fragment.childNodes))\n        const textContent = cNode.textContent;\n        const runText = RawSet.expressionGroups(textContent)[0][1];\n        // console.log('--->', RawSet.exporesionGrouops(textContent), textContent,runText, runText[0][1])\n        let newNode: Node;\n        if (textContent?.startsWith('#')) {\n          const r = ScriptUtils.evaluate(`${__render.bindScript} return ${runText}`, Object.assign(obj, {__render}));\n          const template = config.window.document.createElement('template') as HTMLTemplateElement;\n          template.innerHTML = r;\n          newNode = template.content;\n        } else {\n          const r = ScriptUtils.evaluate(`${__render.bindScript}  return ${runText}`, Object.assign(obj, {__render}));\n          newNode = config.window.document.createTextNode(r);\n        }\n        cNode.parentNode?.replaceChild(newNode, cNode);\n        // console.log('-------', this.point.start.parentNode.nodeName)\n        // \uC911\uC694 style value change \uB410\uC744\uB54C \uB2E4\uC2DC \uCC98\uB9AC\uD574\uC57C\uB418\uAE30\uB584\uBB38\uC5D0: \uB9C8\uC9C0\uB9C9\uC5D0 completed \uC5C6\uB294 attr \uAC00\uC9C0\uACE0 \uD310\uB2E8 \uD558\uB2C8\uAE50\n        if (this.type === RawSetType.STYLE_TEXT && this.point.parent) {\n          (this.point.parent as Element).removeAttribute('completed');\n        }\n      } else if (cNode.nodeType === Node.ELEMENT_NODE) {\n        const element = cNode as Element;\n        // console.log('target-->', element)\n        const drAttr:Attrs = {\n          dr: this.getAttributeAndDelete(element, RawSet.DR_NAME),\n          drIf: this.getAttributeAndDelete(element, RawSet.DR_IF_NAME),\n          drFor: this.getAttributeAndDelete(element, RawSet.DR_FOR_NAME),\n          drForOf: this.getAttributeAndDelete(element, RawSet.DR_FOR_OF_NAME),\n          drThisProperty: this.getAttributeAndDelete(element, RawSet.DR_THIS_PROPERTY_NAME),\n          drAppender: this.getAttributeAndDelete(element, RawSet.DR_APPENDER_NAME),\n          drRepeat: this.getAttributeAndDelete(element, RawSet.DR_REPEAT_NAME),\n          drThis: this.getAttributeAndDelete(element, RawSet.DR_THIS_NAME),\n          drForm: this.getAttributeAndDelete(element, RawSet.DR_FORM_NAME),\n          drPre: this.getAttributeAndDelete(element, RawSet.DR_PRE_NAME),\n          drInnerHTML: this.getAttributeAndDelete(element, RawSet.DR_INNERHTML_NAME),\n          drInnerText: this.getAttributeAndDelete(element, RawSet.DR_INNERTEXT_NAME),\n          drStripElement: this.getAttributeAndDelete(element, RawSet.DR_STRIP_NAME),\n          drReplaceTargetElementIs: this.getAttributeAndDelete(element, RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME),\n          drItOption: this.getAttributeAndDelete(element, RawSet.DR_IT_OPTIONNAME),\n          drIfOption: this.getAttributeAndDelete(element, RawSet.DR_IF_OPTIONNAME),\n          drVarOption: this.getAttributeAndDelete(element, RawSet.DR_VAR_OPTIONNAME),\n          drNextOption: this.getAttributeAndDelete(element, RawSet.DR_NEXT_OPTIONNAME),\n          drAfterOption: this.getAttributeAndDelete(element, RawSet.DR_AFTER_OPTIONNAME),\n          drBeforeOption: this.getAttributeAndDelete(element, RawSet.DR_BEFORE_OPTIONNAME),\n          drCompleteOption: this.getAttributeAndDelete(element, RawSet.DR_COMPLETE_OPTIONNAME),\n          drStripOption: this.getAttributeAndDelete(element, RawSet.DR_STRIP_OPTIONNAME),\n          drDestroyOption: this.getAttributeAndDelete(element, RawSet.DR_DESTROY_OPTIONNAME),\n          drKeyOption: this.getAttributeAndDelete(element, RawSet.DR_KEY_OPTIONNAME),\n          drDetectIfOption: this.getAttribute(element, RawSet.DR_DETECT_IF_OPTIONNAME),\n          drHasKeysOption: this.getAttribute(element, RawSet.DR_HAS_KEYS_OPTIONNAME),\n        };\n        drAttrs.push(drAttr);\n        // \uC544\uB798 \uC21C\uC11C \uC911\uC694\n        const operators = [\n          new DrPre(this, __render, {raws, fag}, {element, attrName: RawSet.DR_PRE_NAME, attr: drAttr.drPre, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drPre}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new Dr(this, __render, {raws, fag}, {element, attrName: RawSet.DR_NAME, attr: drAttr.dr, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.dr}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          // new Dr(this, __render, {raws, fag}, {element, attrName: EventManager.onRenderedInitAttrName, attr: drAttr.dr, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.dr}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrIf(this, __render, {raws, fag}, {element, attrName: RawSet.DR_IF_NAME, attr: drAttr.drIf, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drIf}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrStripElement(this, __render, {raws, fag}, {element, attrName: RawSet.DR_STRIP_NAME, attr: drAttr.drStripElement, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drThis}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrThis(this, __render, {raws, fag}, {element, attrName: RawSet.DR_THIS_NAME, attr: drAttr.drThis, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drThis}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrForm(this, __render, {raws, fag}, {element, attrName: RawSet.DR_FOR_NAME, attr: drAttr.drForm, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drForm}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrInnerText(this, __render, {raws, fag}, {element, attrName: RawSet.DR_INNERTEXT_NAME, attr: drAttr.drInnerText, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drInnerText}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrInnerHTML(this, __render, {raws, fag}, {element, attrName: RawSet.DR_INNERHTML_NAME, attr: drAttr.drInnerHTML, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drInnerHTML}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrFor(this, __render, {raws, fag}, {element, attrName: RawSet.DR_FOR_NAME, attr: drAttr.drFor, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drFor}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrForOf(this, __render, {raws, fag}, {element, attrName: RawSet.DR_FOR_OF_NAME, attr: drAttr.drForOf, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drForOf}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrThisProperty(this, __render, {raws, fag}, {element, attrName: RawSet.DR_THIS_PROPERTY_NAME, attr: drAttr.drThisProperty, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drThisProperty}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrAppender(this, __render, {raws, fag}, {element, attrName: RawSet.DR_APPENDER_NAME, attr: drAttr.drAppender, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drAppender}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrRepeat(this, __render, {raws, fag}, {element, attrName: RawSet.DR_REPEAT_NAME, attr: drAttr.drRepeat, attrs: drAttr}, {config, obj, operatorAround: config.operatorAround?.drRepeat}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrTargetElementIsElement(this, __render, {raws, fag}, {element, attrName: RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME, attr: drAttr.drReplaceTargetElementIs, attrs: drAttr}, {config, obj}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrTargetElement(this, __render, {raws, fag}, {element, attrs: drAttr}, {config, obj}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n          new DrTargetAttr(this, __render, {raws, fag}, {element, attrs: drAttr}, {config, obj}, {onAttrInitCallBacks, onElementInitCallBacks, onThisComponentSetCallBacks}),\n        ];\n\n        for (const operator of operators) {\n          const state = await operator.start();\n          if (state === ExecuteState.EXECUTE) {\n            break;\n          } else if (state === ExecuteState.STOP) {\n            return raws;\n          }\n        }\n      }\n    }\n\n    this.point.childrenRawSets = raws;\n    raws.forEach(it => {\n      it.point.parentRawSet = this;\n    });\n\n    // console.log('pppppppppppppp', this);\n\n\n    // replaceBody\uC640 applyEvent \uC21C\uC11C\uB97C \uBC14\uAFE8\uB2E4 20250511\n    const childrenNodes = Array.from(genNode.childNodes);\n    this.applyEvent(obj, genNode, config);\n    this.replaceBody(genNode); // \uC911\uC694 \uC5EC\uAE30\uC11C \uB9C8\uC9C0\uB9C9\uC5D0 \uC5F0\uC158\uB41C \uAC12\uC744 \uADF8\uB824\uC900\uB2E4.\n    // console.log('rawSEt!!!!!!!', obj,childrenNodes,config)\n    // console.log('rawSEt!!!!!!!', obj, this.findNearThis(obj),childrenNodes,config)\n    // console.log('rawSEt!!!!!!!', obj, drAttrs)\n    this.onRenderedEvent(obj, childrenNodes, config);\n\n    drAttrs.forEach(it => {\n      if (it.drCompleteOption) {\n        // genNode.childNodes\n        const render = Object.freeze({\n          rawSet: this,\n          fag: genNode,\n          scripts: EventManager.setBindProperty(config?.scripts, obj)\n        } as Render);\n        ScriptUtils.evaluate(`\n                const ${EventManager.FAG_VARNAME} = this.__render.fag;\n                const ${EventManager.SCRIPTS_VARNAME} = this.__render.scripts;\n                const ${EventManager.RAWSET_VARNAME} = this.__render.rawSet;\n                ${it.drCompleteOption}`, Object.assign(obj, {__render: render}));\n      }\n    });\n\n\n    // \uC911\uC694 style isolation \uB098\uC911\uC5D0 :scope\uB85C \uB300\uCCB4 \uAC00\uB2A5\uD560\uB4EF.\n    // 2023.9.4\uC77C \uC5C6\uC570  style \uCC98\uC74C\uB4E4\uC5B4\uC62C\uB54C \uCC98\uB9AC\uD558\uB294\uAC78\uB85C \uBC14\uAFC8\n    // RawSet.generateStyleSheetsLocal(config);\n    for (const it of onThisComponentSetCallBacks) {\n      if (isOnInitRender(it.obj)) {\n        it.obj?.onInitRender?.({}, this);\n      }\n    }\n    for (const it of onElementInitCallBacks) {\n      if (isOnInitRender(this.dataSet.render?.currentThis)) {\n        // TODO: \uB098\uC911\uC5D0 \uD30C\uB77C\uBBF8\uD130 \uB4E4\uC5B4\uAC00\uC57C\uB420\uB4EF. \uC9C0\uAE08\uC740 \uB9AC\uD329\uD1A0\uB9C1\uD558\uB290\uB77C \uBE60\uC9D0\n        // console.log('!!!!!!!!!!!!!!!!!!!!!!!!!!!!!', it, this.dataSet);\n        // dr-on-init:arguments\n\n        // if (isOnInitRender()) {\n        //   it.targetElement.__render.component.onInitRender?.(...param);\n        // }\n        // if (it.targetElement?.__render?.element && it.targetElement?.__render?.component) {\n        //   const oninit = it.targetElement.__render.element.getAttribute(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME); // dr-on-component-init\n        //   let param = [];\n        //   if (oninit) {\n        //     const script = `${it.targetElement.__render.renderScript} return ${oninit} `;\n        //     param = ScriptUtils.eval(script, Object.assign(obj, {\n        //       __render: it.targetElement.__render\n        //     }));\n        //     if (!Array.isArray(param)) {\n        //       param = [param];\n        //     }\n        //   }\n        //\n        //   if (isOnInitRender(it.targetElement.__render.component)) {\n        //     it.targetElement.__render.component.onInitRender?.(...param);\n        //   }\n        // }\n        this.dataSet.render.currentThis.onInitRender({}, this);\n      }\n\n\n      config?.onElementInit?.(it.name, obj, this, it.targetElement);\n    }\n\n    // TODO: \uC774\uBD80\uBD84\uB3C4 \uC704\uC5D0 targetElement \uCC98\uB7FC \uD574\uC57C\uB420\uAE4C?\n    for (const it of onAttrInitCallBacks) {\n      config?.onAttrInit?.(it.attrName, it.attrValue, obj, this);\n    }\n\n    // component destroy\n    if (obj.__domrender_components) {\n      Object.entries(obj.__domrender_components).forEach(([key, value]) => {\n        const rawSet = (value as any).__rawSet as RawSet;\n        const drAttrs: Attrs | undefined = rawSet?.dataSet.render?.attribute;\n        if (rawSet && !rawSet.isConnected) {\n          const destroyOptions = drAttrs?.drDestroyOption?.split(',') ?? [];\n          RawSet.destroy(obj.__domrender_components[key], {rawSet: rawSet}, config, destroyOptions);\n          delete obj.__domrender_components[key];\n        }\n      });\n    }\n    // console.log('-------raws',raws)\n    return raws;\n  }\n\n\n  // \uC911\uC694 \uC2A4\uD0C0\uC77C \uC801\uC6A9 \uBD80\uBD84\n  private static generateRuleSelector(start: string, end: string, sit: string) {\n    const selectorText = `:is(${start} ~ *:not(${start} ~ ${end} ~ *))`;\n    if (sit.startsWith('## ')) {\n      return sit.replace(/^## /, '');\n    } else if (sit.startsWith('.')) {\n      return `${selectorText}${sit}, ${selectorText} ${sit}`;\n    } else if (sit.includes('::')) {\n      const reg = sit.match(/(.*)::(.*)$/);\n      const first = reg?.[1];\n      const extracted = reg?.[2];\n      const divText = `${start} ~ ${first}:not(${start} ~ ${end} ~ *)`;\n      return `${selectorText} ${first}, ${divText}::${extracted}`;\n    } else {\n      const divText = `${start} ~ ${sit}:not(${start} ~ ${end} ~ *)`;\n      return `${selectorText} ${sit}, ${divText}`;\n    }\n  }\n\n  public static generateStyleTransform(styleBody: string | string[], componentKey: string, styleTagWrap = true) {\n    // console.log('style!!!!!!!!!!!!!!!!1', styleBody, componentKey, styleTagWrap);\n    if (Array.isArray(styleBody)) {\n      styleBody = styleBody.join('\\n');\n    }\n    styleBody = styleBody.replaceAll('#uuid#', componentKey);\n    const start = `#${componentKey}-start`;\n    const end = `#${componentKey}-end`;\n    // \uC774\uAC70\uBB50\uD558\uB294\uC9C0 \uAE4C\uBA39\uC5C8\uB124 \uBB50\uC600\uC9C0??..\n    // \uB3D9\uC801\uC73C\uB85C \uCC98\uB9AC\uD558\uB294\uAC83\uAC19\uC740\uB370.. css \uC5D0\uC11C\uB294 \uB3D9\uC801\uC73C\uB85C \uCC98\uB9AC\uD558\uB294\uAC78 \uC9C0\uD5A5 \uD574\uC57C\uB420\uAC83\uAC19\uC740\uB370 \uC774\uAE30\uB2A5 deprecated \uD560\uC9C0 \uACE0\uBBFC\uC911\n    // const before = StringUtils.regexExecArrayReplace(styleBody, /(\\$\\{.*?\\}\\$)/g, (data) => {\n    //   // console.log('\uB3D9\uC801?', `var(--domrender-${data[0]})`)\n    //   return `var(--domrender-${data[0]})`;\n    // });\n    // const before = styleBody;\n    // console.log('before@@@@@@@@@@@', before)\n    const cssParser = new CssParser(styleBody);\n    \n    const processRule = (rule: CssRule) => {\n      if (isStyleRule(rule)) {\n        const isRoot = rule.selector.includes(':root');\n        if (!isRoot) {\n          // Handle comma-separated selectors\n          const selectors = rule.selector.split(',').map(s => s.trim());\n          const transformedSelectors = selectors.map(selector => \n            this.generateRuleSelector(start, end, selector)\n          );\n          rule.selector = transformedSelectors.join(', ');\n        }\n      } else if (isAtRule(rule)) {\n        if (rule.name === 'media') {\n          const hasRoot = rule.children.some(childRule => \n            isStyleRule(childRule) && childRule.selector.includes(':root')\n          );\n          if (!hasRoot) {\n            rule.children.forEach(childRule => {\n              if (isStyleRule(childRule)) {\n                const selectors = childRule.selector.split(',').map(s => s.trim());\n                const transformedSelectors = selectors.map(selector => \n                  this.generateRuleSelector(start, end, selector)\n                );\n                childRule.selector = transformedSelectors.join(', ');\n              }\n            });\n          }\n        }\n      }\n    };\n\n    cssParser.rules.forEach(processRule);\n    \n    let after = cssParser.stringify();\n    // let after = StringUtils.regexExecArrayReplace(stringify as string, /(var\\(--domrender-(\\$\\{.*?\\}\\$)?\\))/g, (data) => {\n    //   return data[2];\n    // });\n    // console.log('after@@@@@@@@@@@', after)\n\n    // \uC5EC\uAE30\uC11C \uC120\uC5B8 selector \uC790\uCCB4\uC5D0\uB3C4 \uCC98\uB9AC\uAC00\uB2A5\uD558\uB3C4\uB85D \uD55C\uB2E4 20250518\n    after = after.replaceAll('/*$', '${')\n    after = after.replaceAll('$*/', '}$')\n\n\n    if (styleTagWrap) {\n      styleBody = `<style id='${componentKey}-style' domstyle>${after}</style>`;\n    }\n\n    // console.log('style!!!!!!!!!!!!!!2', styleBody);\n    return styleBody;\n  }\n\n  public applyEvent(obj: any, fragment = this.dataSet.fragment, config?: DomRenderConfig) {\n    this.dataSet.config.eventManager.applyEvent(obj, this.dataSet.config.eventManager.findAttrElements(fragment, config), config);\n  }\n\n  public onRenderedEvent(obj: any, nodes: Node[], config?: DomRenderConfig) {\n    this.dataSet.config.eventManager.onRenderedEvent(obj, nodes, config);\n  }\n\n  public getAttribute(element: Element, attr: string) {\n    const data = element.getAttribute(attr);\n    return data;\n  }\n\n  public getAttributeAndDelete(element: Element, attr: string) {\n    const data = element.getAttribute(attr);\n    // if (data)\n    //  element.setAttribute(`origin-${attr}`, data);\n\n    element.removeAttribute(attr);\n    return data;\n  }\n\n  public getDrAppendAttributeAndDelete(element: Element, obj: any) {\n    let data = element.getAttribute(RawSet.DR_APPENDER_NAME);\n    // if (data && !/\\[[0-9]+\\]/g.test(data)) {\n    if (data && !/\\[.+\\]/g.test(data)) {\n      const currentIndex = ScriptUtils.evaluateReturn(`${ObjectUtils.Path.toOptionalChainPath(data)}?.length -1`, obj);\n      // console.log('------?', currentIndex)\n      // if (currentIndex === undefined || isNaN(currentIndex)) {\n      //     return undefined;\n      // }\n      // const currentIndex = ScriptUtils.evalReturn(`${data}.length`, obj);\n      data = `${data}[${currentIndex}]`;\n      element.setAttribute(RawSet.DR_APPENDER_NAME, data);\n      // element.setAttribute(RawSet.DR_IF_NAME, data);\n      // element.setAttribute('dr-id', data);\n      // console.log('-->', element)\n    }\n\n    // if (data && !/\\.childs\\[[0-9]+\\]/g.test(data)) {\n    //     const currentIndex = ScriptUtils.evalReturn(`${data}.currentIndex`, obj);\n    //     data = `${data}.childs[${currentIndex}]`;\n    //     element.setAttribute(RawSet.DR_APPENDER_NAME, data)\n    // }\n    element.removeAttribute(RawSet.DR_APPENDER_NAME);\n    return data;\n  }\n\n  public replaceBody(genNode: Node) {\n    this.childAllRemove();\n    this.point.start.parentNode?.insertBefore(genNode, this.point.start.nextSibling); // \uC911\uC694 start checkpoint \uB2E4\uC74C\uC778 end checkpoint \uC55E\uC5D0 \uB123\uB294\uB2E4. \uC989 \uC911\uAC04 \uAEF4\uB123\uAE30 (\uB098\uC911\uC5D0 meta tag\uB85C \uBCC0\uACBD\uC744 \uD574\uB3C4\uB420\uB4EF\uD558\uAE34\uD55C\uB370..)\n  }\n\n  // \uC911\uC694 important\n  public static checkPointCreates(element: Node, obj: any, config: DomRenderConfig): RawSet[] {\n    // console.log('!@@@@@@@@@@@@@@@@', obj);\n    // const NodeFilter = (config.window as any).NodeFilter;\n    // const thisVariableName = (element as any).__domrender_this_variable_name;\n    // console.log('thisVariableName---', thisVariableName);\n    const nodeIterator = config.window.document?.createNodeIterator(element, NodeFilter.SHOW_ALL, {\n      acceptNode(node) {\n        // console.log('nodeType', node.nodeType, (node as any).tagName, (node as any).data);\n        if (node.nodeType === Node.TEXT_NODE) {\n          // console.log('text--->', node.textContent)\n          // console.log('????????', node.parentElement, node.parentElement?.getAttribute('dr-pre'));\n          // console.log('???????/',node.textContent, node.parentElement?.getAttribute('dr-pre'))\n          // TODO: \uB098\uC911\uC5D0\n          // const between = StringUtils.betweenRegexpStr('[$#]\\\\{', '\\\\}', StringUtils.deleteEnter((node as Text).data ?? ''))\n          const between = RawSet.expressionGroups(StringUtils.deleteEnter((node as Text).data ?? ''));\n          // console.log('bbbb', between)\n          return between?.length > 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n          // return /\\$\\{.*?\\}/g.test(StringUtils.deleteEnter((node as Text).data ?? '')) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n          // return /[$#]\\{.*?\\}/g.test(StringUtils.deleteEnter((node as Text).data ?? '')) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n        } else if (node.nodeType === Node.ELEMENT_NODE) {\n          const element = node as Element;\n          if (element.hasAttribute(RawSet.DR_PRE_NAME)) {\n            return NodeFilter.FILTER_REJECT;\n          }\n          if (element.hasAttribute(EventManager.attrAttrName)) {\n            const script = element.getAttribute(EventManager.attrAttrName) ?? '';\n            // console.log('scriptscriptscriptscriptscriptscript,', script)\n            const keyValuePairs = Array.from(script.matchAll(/(\\w+):\\s*([^,}]+)/g)).map(match => ({key: match[1], value: match[2]}));\n            (keyValuePairs ?? []).forEach(it => {\n              element.setAttribute(it.key, '${' + it.value + '}$')\n            })\n            // console.log('-------k', keyValuePairs)\n\n            // const drAttr = ScriptUtils.evalReturn(script, obj)\n            // Object.entries(drAttr).forEach(([key, value]) => {\n            //   const keyValuePairs = Array.from(a.matchAll(/(\\w+):\\s*([^,}]+)/g)).map(match => ({ key: match[1], value: match[2] }));\n            //   console.log(keyValuePairs);\n            //   // \uCD9C\uB825: [{ key: 'value', value: 'this.child.obj.name' }, { key: 'wow', value: 'this.ww' }, { key: 'zz', value: '22' }, { key: 'v', value: '\"ee\"' }]\n            //\n            //   console.log('-----------------', key,value)\n            //   element.setAttribute(key, '${'+(value)+'}$');\n            // })\n            // EventManager.attrNames.filter(it => it in drAttr).forEach(it => {\n            //   if (drAttr[it] === null) {\n            //     element.removeAttribute(it);\n            //   } else {\n            //     element.setAttribute(it, drAttr[it]);\n            //   }\n            // })\n            // console.log('-------->', Array.from(element.attributes), element.getAttribute('dr-attr'), obj)\n          }\n          // element.setAttribute('dr-event-click', 'console.log(11)');\n          const targetElementIs = element.getAttribute(RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME);\n          const targetElementNames = config.targetElements?.map(it => it.name.toLowerCase()) ?? [];\n          const isElement = targetElementNames.includes(element.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase() as any);\n          // if (isElement) {\n          //   (element as HTMLElement).style.display = 'none';\n          //   (element as HTMLElement).style.width = '100px';\n          //   (element as HTMLElement).style.height = '100px';\n          //   console.log((element as HTMLElement).outerHTML)\n          // }\n          // console.log('------targetElementIstargetElementIs>', targetElementNames, '---', isElement, targetElementIs);\n          // const targetAttrNames = (config.targetAttrs?.map(it => it.name) ?? []).concat([...RawSet.DR_ATTRIBUTES,...EventManager.RAWSET_CHECK_ATTRIBUTE]);\n          const targetAttrNames = (config.targetAttrs?.map(it => it.name) ?? []).concat([...RawSet.DR_ATTRIBUTES]);\n          const normalAttrs = new Map<string, string>();\n          const linkVariables = new Map<string, string>();\n          const linkNames = EventManager.linkAttrs.map(it => it.name);\n          const isAttr = element.getAttributeNames().filter(it => {\n            const value = element.getAttribute(it);\n\n            // link\uC77C\uB54C\n            if (value && linkNames.includes(it)) {\n              linkVariables.set(it, value);\n            } else if (value && RawSet.isExpression(value)) { // \uD45C\uD604\uC2DD\uC788\uC744\uB584\n              let variablePath: string = RawSet.expressionGroups(value)[0][1];\n              // console.log('0-----',variablePath, node);\n              // normal Attribute \uCD08\uBC18\uC5D0 \uC14B\uD305\uD574\uC8FC\uAE30.\n              // TODO: \uC774\uAC70 \uD558\uAE34\uD588\uB294\uB370 \uC0AC\uC774\uB4DC \uC774\uD329\uD2B8?\n              const originVariable = variablePath\n              variablePath = variablePath.replace(/#[^#]*#/g, '({})');\n              // console.log('1-----',variablePath, node);\n              const optionalChainPath = ObjectUtils.Path.toOptionalChainPath(variablePath);\n              // console.log('2-----',optionalChainPath);\n              const cval = ScriptUtils.evaluateReturn(optionalChainPath, Object.assign(obj));\n              // const cval = ScriptUtils.evalReturn(variablePath, Object.assign(obj));\n              if (cval === null) {\n                element.removeAttribute(it);\n              } else {\n                element.setAttribute(it, cval);\n              }\n              normalAttrs.set(it, originVariable);\n              // console.log('normalAttribute', it, variablePath);\n            }\n            // console.log(element.getAttribute(it), attrExpresion);\n            const isTargetAttr = targetAttrNames.includes(it.toLowerCase());\n            return isTargetAttr;\n          }).length > 0;\n\n          if (linkVariables.size) {\n            element.setAttribute(EventManager.linkTargetMapAttrName, JSON.stringify(Array.from(linkVariables.entries())));\n          }\n          // \uAE30\uBCF8 attribute\uB97C \uCC98\uB9AC\uD558\uAE30\uC704\uD574\n          if (normalAttrs.size) {\n            element.setAttribute(EventManager.normalAttrMapAttrName, JSON.stringify(Array.from(normalAttrs.entries())));\n          }\n          // if (isElement)  {\n          //   element.setAttribute('www', '@this@');\n          // }\n          const r = (isAttr || isElement) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n          return r;\n        }\n        return NodeFilter.FILTER_REJECT;\n      }\n    });\n    const pars: RawSet[] = [];\n    let currentNode: Node | null;\n    // eslint-disable-next-line no-cond-assign\n    while (currentNode = nodeIterator?.nextNode()) {\n      if (currentNode.nodeType === Node.TEXT_NODE) {\n        const text = (currentNode as Text).textContent ?? '';\n        const template = config.window.document?.createElement('template');\n        if (!template) break;\n        // const a = StringUtils.regexExec(/\\$\\{.*?\\}/g, text);\n        // const a = StringUtils.regexExec(/[$#]\\{.*?\\}/g, text);\n        // const a = StringUtils.betweenRegexpStr('[$#]\\\\{', '\\\\}', text); // <--TODO: \uB098\uC911\uC5D0..\n        const groups = RawSet.expressionGroups(text);\n        const map = groups.map(it => ({uuid: `${RandomUtils.alphabet(40)}_${obj?.constructor?.name}`, content: it[0], regexArr: it}));\n        let lasterIndex = 0;\n        for (let i = 0; i < map.length; i++) {\n          const it = map[i];\n          // console.log('itttttttttttt', it);\n          const regexArr = it.regexArr;\n          // \uC911\uC694: text\uACBD\uC6B0 asdasd ${this.name}$ \uC774\uB807\uAC8C \uC788\uB2E4\uBA74 \uC55E\uBD80\uBD84 asdasd <-- \uC774\uBD80\uBD84\uC740 \uC0B4\uB824\uC57C\uB418\uB2C8\uAE50 \uC544\uB798\uCC98\uB7FC \uC9DC\uB984\n          const preparedText = regexArr.input.substring(lasterIndex, regexArr.index);\n          // const preparedText = regexArr[1];\n          // const start = config.window.document.createElement('meta');\n          // start.setAttribute('id', `${it.uuid}-start`);\n          // const end = config.window.document.createElement('meta');\n          // end.setAttribute('id', `${it.uuid}-end`);\n          let type: RawSetType;\n          if (currentNode.parentNode && currentNode.parentNode.nodeName.toUpperCase() === 'STYLE') {\n            type = RawSetType.STYLE_TEXT;\n          } else {\n            type = RawSetType.TEXT;\n          }\n          const node = document.createTextNode(preparedText);\n          const startEndPoint = RawSet.createStartEndPoint({id: it.uuid, type}, config);\n          // layout setting\n          // console.log('createTextNode', node);\n          template.content.append(node); // expression \uC55E \uBD80\uBD84 \uB123\uC5B4\uC918\uC57C \uC55E\uBD80\uBD84 \uC77C\uBC18 text \uC548\uC9E4\uB9B0\uB2E4.\n          template.content.append(startEndPoint.start); // add start checkpoint\n          template.content.append(startEndPoint.end); // add end checkpoint\n\n          // content \uC548\uCABD RawSet render \uD560\uB54C start \uC640 end \uC0AC\uC774\uC5D0 fragment \uC5F0\uC0B0\uD574\uC11C \uB4E4\uC5B4\uAC04\uB2E4.\n          const fragment = config.window.document.createDocumentFragment();\n          fragment.append(config.window.document.createTextNode(it.content));\n          // (startEndPoint.start as any).khh = RandomUtils.decimal(0,10)\n          pars.push(new RawSet(it.uuid, type, {\n            start: startEndPoint.start,\n            node: currentNode,\n            end: startEndPoint.end,\n            parent: currentNode.parentNode,\n            // thisVariableName: thisVariableName\n          }, {fragment: fragment, config: config}));\n          lasterIndex = regexArr.index + it.content.length;\n        }\n        template.content.append(config.window.document.createTextNode(text.substring(lasterIndex, text.length)));\n        currentNode?.parentNode?.replaceChild(template.content, currentNode); // <-- \uC5EC\uAE30\uC11C text\uB97C fragment\uB85C replace\uD588\uAE30\uB54C\uBB38\uC5D0 \uCD94\uC801 \uBCC0\uACBD\uC774 \uAC00\uB2A5\uD558\uB2E4.\n      } else if (currentNode.nodeType === Node.ELEMENT_NODE) {\n        // const uuid = `${RandomUtils.alphabet(40)}___${obj?.constructor?.name}`;\n        const uuid = `${RandomUtils.alphabet(40)}`;\n        const element = currentNode as Element;\n        const fragment = config.window.document.createDocumentFragment();\n        const elementType: RawSetType = RawSetType.TARGET_ELEMENT;\n        const startEndPoint = RawSet.createStartEndPoint({node: element, id: uuid, type: elementType}, config);\n        // \uC5EC\uAE30\uC11C \uB4F1\uB85D\uD55C component \uCD94\uAC00\uD55C\uB2E4.\n        const targetElementIs = element.getAttribute(RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME);\n        const targetElementNames = config.targetElements?.map(it => it.name.toLowerCase()) ?? [];\n        const isElement = targetElementNames.includes(element.tagName.toLowerCase()) || targetElementNames.includes(targetElementIs?.toLowerCase() as any);\n        // if (isElement) {\n        //   (element as HTMLElement).style.display = 'none'\n        // }\n        // const isElement = targetElementNames.includes(element.tagName.toLowerCase());\n        const targetAttrNames = (config.targetAttrs?.map(it => it.name) ?? []).concat(RawSet.DR_ATTRIBUTES);\n        const isAttr = element.getAttributeNames().filter(it => targetAttrNames.includes(it.toLowerCase())).length > 0;\n        currentNode?.parentNode?.insertBefore(startEndPoint.start, currentNode);\n        currentNode?.parentNode?.insertBefore(startEndPoint.end, currentNode.nextSibling);\n        fragment.append(currentNode);\n        // const tempDiv = document.createElement('div');\n        // tempDiv.appendChild(fragment.cloneNode(true)); // fragment \uBCF5\uC0AC\uBCF8 \uCD94\uAC00\n        // console.log('------',tempDiv.innerHTML);\n        // console.log();\n        const rawSet = new RawSet(uuid, isElement ? elementType : (isAttr ? RawSetType.TARGET_ATTR : RawSetType.UNKOWN), {\n          start: startEndPoint.start,\n          node: currentNode,\n          end: startEndPoint.end,\n          parent: currentNode.parentNode,\n          // thisVariableName: thisVariableName\n        }, {config: config, fragment: fragment});\n        pars.push(rawSet);\n      }\n    }\n    // console.log('parsparsparsparsparsparsparsparsparspars', pars);\n    return pars;\n  }\n\n  public static createStartEndPoint(data: { node?: Node, id: string, type: RawSetType }, config: DomRenderConfig) {\n    if (data.type === RawSetType.TARGET_ELEMENT && data.node) {\n      const element = data.node as Element;\n      const start: HTMLMetaElement = config.window.document.createElement('meta');\n      const end: HTMLMetaElement = config.window.document.createElement('meta');\n      start.setAttribute('id', `${data.id}-start`);\n      start.setAttribute('dr-start-point', '');\n      const keys = element.getAttribute(RawSet.DR_KEY_OPTIONNAME);\n      const thisPropertyType = element.getAttribute(RawSet.DR_THIS_PROPERTY_NAME);\n      if (thisPropertyType) {\n        start.setAttribute('type', RawSetOperatorType.DR_THIS_PROPERTY);\n      }\n      if (keys) {\n        element.removeAttribute(RawSet.DR_KEY_OPTIONNAME);\n        start.setAttribute(RawSet.DR_KEY_OPTIONNAME, keys);\n      }\n      end.setAttribute('id', `${data.id}-end`);\n      end.setAttribute('dr-end-point', '');\n      return {start, end};\n    } else if (data.type === RawSetType.STYLE_TEXT) {\n      return {\n        start: config.window.document.createTextNode(`/*start text ${data.id}*/`),\n        end: config.window.document.createTextNode(`/*end text ${data.id}*/`)\n      };\n    } else { // text\n      return {\n        start: config.window.document.createComment(`start text ${data.id}`),\n        end: config.window.document.createComment(`end text ${data.id}`)\n      };\n    }\n  }\n\n  public remove() {\n    this.childAllRemove();\n    this.point.end.remove();\n    this.point.start.remove();\n  }\n\n  public childAllRemove() {\n    let next = this.point.start.nextSibling;\n    while (next) {\n      if (next === this.point.end) {\n        break;\n      }\n      next.remove();\n      next = this.point.start.nextSibling;\n    }\n  }\n\n  public childs(stopNext?: (node: Node) => boolean) {\n    const childs: any[] = [];\n    let next = this.point.start.nextSibling;\n    while (next && next !== this.point.end) {\n      if (stopNext?.(next)) {\n        return;\n      }\n      childs.push(next);\n      next = next.nextSibling;\n    }\n    return childs;\n  }\n\n  public getHasRawSet(key: string) {\n    let rawSet: RawSet | undefined;\n    this.childs((node) => {\n      const drKey = (node as Element).getAttribute?.(RawSet.DR_KEY_OPTIONNAME);\n      if (drKey && drKey === key) {\n        rawSet = (node as any).rawSet as RawSet;\n        return true;\n      }\n      return false;\n    });\n    return rawSet;\n  }\n\n  public static drItOtherEncoding(element: Element | DocumentFragment, postFix?: string) {\n\n    const random = RandomUtils.uuid() + postFix;\n    const regex = /#it#/g;\n    element.querySelectorAll(`[${RawSet.DR_IT_OPTIONNAME}], [${RawSet.DR_FOR_OF_NAME}], [${RawSet.DR_REPEAT_NAME}], [${RawSet.DR_APPENDER_NAME}]`).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(regex, random);\n    });\n    return random;\n  }\n\n  public static drItOtherDecoding(element: Element | DocumentFragment, random: string) {\n    element.querySelectorAll(`[${RawSet.DR_IT_OPTIONNAME}], [${RawSet.DR_FOR_OF_NAME}], [${RawSet.DR_REPEAT_NAME}], [${RawSet.DR_APPENDER_NAME}]`).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(RegExp(random, 'g'), '#it#');\n    });\n  }\n\n  public static drVarDecoding(element: Element, vars: { name: string, value: string, regex: RegExp, random: string }[]) {\n    element.querySelectorAll(`[${RawSet.DR_THIS_NAME}]`).forEach(it => {\n      vars.filter(vit => vit.value && vit.name).forEach(vit => {\n        it.innerHTML = it.innerHTML.replace(RegExp(vit.random, 'g'), vit.value);\n      });\n    });\n  }\n\n  public static replaceInnerHTML(element: Element, config: { asIs: string | RegExp, toBe?: string }): string {\n    const innerHTML = element.innerHTML;\n    const tobe = config.toBe = config.toBe ?? RandomUtils.uuid();\n    if (config.asIs instanceof RegExp) {\n      element.innerHTML = innerHTML.replace(config.asIs, config.toBe);\n    } else {\n      element.innerHTML = innerHTML.replaceAll(config.asIs, config.toBe);\n    }\n    return tobe;\n  }\n\n  public static drThisEncoding(element: Element, drThis: string, config: { asIs: RegExp, toBe?: string }): string {\n    const thisRandom = config.toBe = config?.toBe ?? RandomUtils.uuid();\n    // const thisRegex = /(?<!(dr-|\\.))this(?=.?)/g;\n    // const thisRegex = /[^(dr\\-)]this(?=.?)/g;\n    // const thisRegex = /[^(dr\\-)]this\\./g;\n    // safari \uB54C\uBB38\uC5D0 \uC804\uC704 \uAC80\uC0C9 regex\uAC00 \uC548\uB428 \uC544 \uC9DC\uC99D\uB098\uC11C \uC774\uAC78\uB85C\uD568.\n    // element.querySelectorAll(`[${RawSet.DR_PRE_NAME}]`).forEach(it => {\n    //     let message = it.innerHTML;\n    // })\n    element.querySelectorAll(`[${RawSet.DR_PRE_NAME}]`).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(config.asIs, thisRandom);\n    });\n    element.querySelectorAll(`[${RawSet.DR_THIS_NAME}]`).forEach(it => {\n      // console.log('rrrrrrrrand?', drThis,config);\n      let message = it.innerHTML;\n      // StringUtils.regexExec(/([^(dr\\-)])?this(?=.?)/g, message).reverse().forEach(it => {\n      StringUtils.regexExec(config.asIs, message).reverse().forEach(it => {\n        message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], `${it[1] ?? ''}${drThis}`);\n      });\n      it.innerHTML = message;\n    });\n\n    // console.log('changggg', element.innerHTML);\n    let message = element.innerHTML;\n    StringUtils.regexExec(config.asIs, message).reverse().forEach(it => {\n      message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], `${it[1] ?? ''}${drThis}`);\n    });\n    element.innerHTML = message;\n    return thisRandom;\n  }\n\n  public static drThisBindEncoding(element: Element, variable: RegExp, config: { config: DomRenderConfig, otherReplaceVariablePath?: string  }) {\n    element.querySelectorAll(`[${RawSet.DR_THIS_NAME}]`).forEach(eIt => {\n      let message = eIt.innerHTML;\n      // StringUtils.regexExec(/([^(dr\\-)])?this(?=.?)/g, message).reverse().forEach(it => {\n      StringUtils.regexExec(variable, message).reverse().forEach(it => {\n        message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], `${it[1] ?? ''}${eIt.getAttribute(RawSet.DR_THIS_NAME)}`);\n      });\n      eIt.innerHTML = message;\n    });\n\n\n    const targetElements = config.config.targetElements ?? [];\n    const targetElementNames = targetElements.map(it => it.name.replaceAll('.', '\\\\.').replaceAll(':', '\\\\:')).join(',');\n    const thisRandom = RandomUtils.uuid();\n    element.querySelectorAll(targetElementNames).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(variable, thisRandom);\n    });\n\n    element.querySelectorAll(`[${RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME}]`).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(variable, thisRandom);\n    })\n\n\n    if (config.otherReplaceVariablePath) {\n      let message = element.innerHTML;\n      StringUtils.regexExec(variable, message).reverse().forEach(it => {\n        message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], `${it[1] ?? ''}${config.otherReplaceVariablePath}`);\n      });\n      element.innerHTML = message;\n    }\n    return thisRandom;\n  }\n\n  public static drThisBindDecoding(element: Element, config: { asIs: string, toBe: string, config: DomRenderConfig }) {\n    const targetElements = config.config.targetElements ?? [];\n    const targetElementNames = targetElements.map(it => it.name.replaceAll('.', '\\\\.').replaceAll(':', '\\\\:')).join(',');\n    element.querySelectorAll(targetElementNames).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(RegExp(config.asIs, 'g'), config.toBe);\n    });\n    element.querySelectorAll(`[${RawSet.DR_REPLACE_TARGET_ELEMENT_IS_NAME}]`).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(RegExp(config.asIs, 'g'), config.toBe);\n    })\n  }\n\n  public static drThisDecoding(element: Element, config: { asIs: string, toBe: string }) {\n    element.querySelectorAll(`[${RawSet.DR_PRE_NAME}]`).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(RegExp(config.asIs, 'g'), config.toBe);\n    });\n    element.querySelectorAll(`[${RawSet.DR_THIS_NAME}]`).forEach(it => {\n      it.innerHTML = it.innerHTML.replace(RegExp(config.asIs, 'g'), config.toBe);\n    });\n  }\n\n  public static drFormOtherMoveAttr(element: Element, as: string, to: string, config: DomRenderConfig) {\n    element.querySelectorAll(`[${RawSet.DR_FORM_NAME}]`).forEach(subElement => {\n      const nodeIterator = config.window.document?.createNodeIterator(subElement, NodeFilter.SHOW_ELEMENT, {\n        acceptNode(node) {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            const element = node as Element;\n            return element.hasAttribute(as) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n          } else {\n            return NodeFilter.FILTER_REJECT;\n          }\n        }\n      });\n\n      let node;\n      // eslint-disable-next-line no-cond-assign\n      while (node = nodeIterator?.nextNode()) {\n        const element = node as Element;\n        element.setAttribute(to, element.getAttribute(as) ?? '');\n        element.removeAttribute(as);\n      }\n    });\n  }\n\n  public static drVarEncoding(element: Element, drVarOption: string) {\n    const vars = (drVarOption?.split(',') ?? []).map(it => {\n      const s = it.trim().split('=');\n      const name = s[0]?.trim();\n      const value = s[1]?.trim();\n      return {\n        name,\n        value,\n        // regex: RegExp('(?<!(dr-|\\\\.))var\\\\.' + s[0] + '(?=.?)', 'g'),\n        regex: RegExp('\\\\$var\\\\.' + name + '(?=.?)', 'g'),\n        random: RandomUtils.uuid()\n      };\n    });\n    // console.log('asd', element.innerHTML);\n    // element.querySelectorAll(`[${RawSet.DR_THIS_NAME}]`).forEach(it => {\n    element.querySelectorAll(`[${RawSet.DR_VAR_OPTIONNAME}]`).forEach(it => {\n      vars.filter(vit => vit.value && vit.name).forEach(vit => {\n        it.innerHTML = it.innerHTML.replace(vit.regex, vit.random);\n      });\n    });\n    vars.filter(vit => vit.value && vit.name).forEach(vit => {\n      element.innerHTML = element.innerHTML.replace(vit.regex, vit.value);\n    });\n    return vars;\n  }\n\n  public static async drThisCreate(rawSet: RawSet, element: Element, drThis: string, drVarOption: string, drStripOption: boolean | string | null, obj: any, config: DomRenderConfig, set?: ComponentSet): Promise<DocumentFragment|undefined> {\n    // console.log('ttttttttttttttttttttt',element.innerHTML, drThis, set, obj);\n    const fag = config.window.document?.createDocumentFragment();\n    if(!fag) {\n      return ;\n    }\n    const targetElement = element.cloneNode(true) as Element;\n    let targetObj = obj;\n    if (set) {\n      targetObj = set.obj;\n      set.setTemplateStyle(await RawSet.fetchTemplateStyle(set));\n      const style = RawSet.generateStyleTransform(set.styles ?? [], rawSet.uuid, true);\n      targetElement.innerHTML = style + (set.template ?? '');\n    } else {\n      targetObj = ScriptUtils.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(drThis), obj);\n    }\n\n    const componentKey = rawSet.uuid;\n    const renderScript = ` /*drThisCreate*/\n        // console.log('-----', this.__render);\n        var ${EventManager.RENDER_VARNAME} = this.__render; \n        var ${EventManager.RAWSET_VARNAME} = this.__render.rawSet; \n        var ${EventManager.COMPONENT_VARNAME} = this.__render.component; \n        var ${EventManager.ELEMENT_VARNAME} = this.__render.element; \n        var ${EventManager.ROUTER_VARNAME} = this.__render.router; \n        var ${EventManager.INNER_HTML_VARNAME} = this.__render.innerHTML; \n        var ${EventManager.ATTRIBUTE_VARNAME} = this.__render.attribute; \n        var ${EventManager.PARENT_THIS_PATH_VARNAME} = this.__render.parentThisPath; \n        var ${EventManager.CURRENT_THIS_VARNAME} = this.__render.currentThis; \n        var ${EventManager.CURRENT_THIS_PATH_VARNAME} = this.__render.currentThisPath; \n        var ${EventManager.PARENT_THIS_VARNAME} = this.__render.parentThis; \n        var ${EventManager.NEAR_THIS_PATH_VARNAME} = this.__render.nearThisPath; \n        var ${EventManager.NEAR_THIS_VARNAME} = this.__render.nearThis; \n        var ${EventManager.CREATOR_META_DATA_VARNAME} = this.__render.creatorMetaData;\n      `;\n\n    const parentThisPath = rawSet.findParentThisPath();\n    const parentThis = rawSet.findParentThis(obj);\n    const nearThisPath = rawSet.findNearThisPath();\n    const nearThis = rawSet.findNearThis(obj);\n    // console.log('ttttttttttttttttt',parentThisPath, parentThis, nearThisPath, nearThis);\n    // console.log('-element.innerHTMLelement.innerHTMLelement.innerHTML',element.innerHTML);\n    let render = {\n      renderScript: renderScript,\n      element: element,\n      getElement: () => config.window.document.querySelector(`[class*=\"${rawSet.uuid}\"]`),\n      innerHTML: element.innerHTML,\n      // attribute: ObjectUtils.toDeleteKey(attribute, [...Object.values(RawSet.drAttrsOriginName), ...Object.values(EventManager.VARNAMES)]),\n      rawSet: rawSet,\n      router: config.router,\n      componentKey: componentKey,\n      currentThis: targetObj,\n      currentThisPath: drThis,\n      parentThisPath: parentThisPath,\n      parentThis: parentThis,\n      nearThisPath: nearThisPath,\n      nearThis: nearThis,\n      scripts: EventManager.setBindProperty(config.scripts ?? {}, obj)\n    } as Render;\n    // const attribute = DomUtils.getAttributeToObject(element);\n    render.attribute = RawSet.getAttributeObject(element, {script: renderScript, obj: obj, renderData: render})\n    render = Object.freeze(render);\n\n    // dr-on-create data onCreateRender\n    const onCreateDataScript = `return {rootParent: this, render: this.__render}`;\n    const onCreateDataParam = ScriptUtils.evaluate<OnCreateRenderDataParams>(onCreateDataScript, Object.assign(obj, {__render: render}));\n    if (isOnCreateRenderData(targetObj)) {\n      targetObj?.onCreateRenderData(onCreateDataParam as OnCreateRenderDataParams);\n    }\n    // \uBD80\uBAA8\uC5D0\uAC8C\uB3C4 \uC790\uC2DD this \uC0DD\uC131\uB41C\uAC70 \uC54C\uB824\uC8FC\uB294 callback\n    if (onCreateDataParam?.render?.parentThis && isOnCreatedThisChild(onCreateDataParam?.render?.parentThis)) {\n      onCreateDataParam.render.parentThis.onCreatedThisChild(targetObj, onCreateDataParam as OnCreateRenderDataParams);\n    }\n\n\n    // dr-on-create onCreateRender\n    const onCreate = element.getAttribute(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);\n    let createParam: any[] = [];\n    if (onCreate) {\n      createParam = ScriptUtils.evaluateReturn<any[]>({bodyScript:renderScript, returnScript:ObjectUtils.Path.toOptionalChainPath(onCreate)}, obj)\n      if (!Array.isArray(createParam)) {\n        createParam = [createParam];\n      }\n    }\n\n    if (isOnCreateRender(targetObj)) {\n      targetObj.onCreateRender(...createParam);\n    }\n\n    // console.log('\uB9E4\uBC88\uD0C0\uB098?');\n    // \uC911\uC694 dr-normal-attr-map\n    // const normalAttrMap = element.getAttribute(EventManager.normalAttrMapAttrName);\n    const targetAttrObject = RawSet.getAttributeObject(element, {script: renderScript, obj: obj, renderData: render});\n    if (targetAttrObject) {\n      rawSet.dataSet.render ??= {};\n      rawSet.dataSet.render.attribute = targetAttrObject;\n      Object.entries(targetAttrObject).forEach(([key, cval], index) => {\n        // console.log('ooooooooooooooooo', key, cval);\n        // const script = `${renderScript} return ${value} `;\n        // const cval = ScriptUtils.eval(script, Object.assign(obj, { __render: render }));\n        // // element.setAttribute(key, cval);\n        if (isOnChangeAttrRender(targetObj)) {\n          targetObj.onChangeAttrRender(key, cval, {rawSet: rawSet});\n        }\n      });\n    }\n\n\n    // dr-on-component-init\n    // const oninit = element.getAttribute(`${EventManager.attrPrefix}on-component-init`); // dr-on-component-init\n    const oninit = element.getAttribute(RawSet.DR_ON_CREATED_CALLBACK_OPTIONNAME); // dr-on-component-init\n    // console.log('--------drThisCreate!!!', oninit)\n    if (oninit) {\n      const script = `${renderScript}  ${oninit} `;\n      ScriptUtils.evaluate(script, Object.assign(obj, {__render: render}));\n    }\n\n    targetElement.querySelectorAll(EventManager.attrNames.map(it => `[${it}]`).join(',')).forEach(it => {\n      it.setAttribute(EventManager.ownerVariablePathAttrName, 'this');\n    });\n\n    // console.log('targetElement',targetElement);\n    // attribute\n    // const componentName = element.getAttribute(RawSet.DR_COMPONENT_NAME_OPTIONNAME) ?? 'component';\n    const componentNameReplaceKey = RandomUtils.uuid();\n    // if (componentName) {\n    //   RawSet.replaceInnerHTML(element, {asIs: `#${componentName}#`, toBe: 'this'})\n    // }\n    // const innerHTMLName = element.getAttribute(RawSet.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME) ?? 'innerHTML';\n    // const innerHTMLNameReplaceKey = RandomUtils.uuid();\n    // if (innerHTMLName) {\n    //   RawSet.replaceInnerHTML(element, {asIs: `#${innerHTMLName}#`, toBe: innerHTMLNameReplaceKey})\n    // }\n    // \uC774\uAC78 \uC65C \uBE90\uC5C8\uC9C0... \uB2E4\uC2DC\uB123\uC5C8\uC74C  \uADF8\uB7F0\uB370 \uC870\uAE08 \uB85C\uC9C1\uC774.. \uAC80\uC99D\uC774..\n    const innerHTMLName = targetElement.getAttribute(RawSet.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME) ?? 'innerHTML';\n    if (innerHTMLName) {\n      RawSet.replaceInnerHTML(targetElement, {asIs: `#${innerHTMLName}#`, toBe: element.innerHTML})\n    }\n\n    // console.log('aa-asIs', targetElement.innerHTML);\n    const optionThisName = targetElement.getAttribute(RawSet.DR_THIS_NAME_OPTIONNAME);\n    // console.log('11111111111111', optionThisName)\n    targetElement.getAttributeNames().forEach(it => targetElement.setAttribute(it, targetElement.getAttribute(it)!.replace(/#this#/g, drThis)));\n    const thisRandom = this.drThisEncoding(targetElement, drThis, {asIs: /@this@/g});\n    // console.log('@@@@@@@@@@@@@0', targetElement.innerHTML);\n    // let thisNameRandom: string | undefined = undefined;\n    if (optionThisName) {\n      // console.log('-----0', element.innerHTML, '\\n', targetElement.innerHTML)\n      targetElement.innerHTML = targetElement.innerHTML.replaceAll(`@${optionThisName}@`, drThis);\n      // console.log('-----1', element.innerHTML, '\\n', targetElement.innerHTML)\n      // thisNameRandom = this.drThisBindEncoding(targetElement, new RegExp(`@${optionThisName}@`, 'g'), {config: config, otherReplaceVariablePath: drThis});\n    }\n    const nearThisRandom = this.drThisBindEncoding(targetElement, /@nearThis@/g, {config: config, otherReplaceVariablePath: rawSet.findNearThisPath()});\n    const parentThisRandom = this.drThisBindEncoding(targetElement, /@parentThis@/g, {config: config, otherReplaceVariablePath: rawSet.findParentThisPath()});\n    // console.log('@@@@@@@@@@@@@1', targetElement.innerHTML, rawSet.findParentThisPath());\n    // console.log('@@@@@@@@@@@@@-----------', rawSet.point?.parentRawSet?.point?.start, rawSet.point?.parentRawSet?.point?.start instanceof HTMLMetaElement);\n    // if (rawSet.point?.parentRawSet?.point?.start instanceof HTMLMetaElement) {\n    // console.log('@@@@@@@@@@@@@-----------', rawSet.point?.parentRawSet?.point?.start.getAttribute('this-path'));\n    // }\n    // console.log('@@@@@@@@@@@@@2', targetElement.innerHTML);\n    // const nearThisRandom = this.drThisEncoding(targetElement, rawSet.findNearThisPath(), {asIs: /@nearThis@/g});\n    // const parentThisRandom = this.drThisEncoding(targetElement, rawSet.findParentThisPath(), {asIs: /@parentThis@/g});\n    // console.log('aa-toBe', targetElement.innerHTML);\n    // console.log('------', rawSet.findNearThisPath());\n    // console.log('------', rawSet.findParentThisPath());\n    const vars = this.drVarEncoding(targetElement, drVarOption);\n    this.drVarDecoding(targetElement, vars);\n    this.drThisDecoding(targetElement, {asIs: thisRandom, toBe: '@this@'});\n    // if (optionThisName && thisNameRandom)\n    //   this.drThisBindDecoding(targetElement, {config: config, asIs: thisNameRandom, toBe: `@${optionThisName}@`});\n    this.drThisBindDecoding(targetElement, {config: config, asIs: nearThisRandom, toBe: '@nearThis@'});\n    this.drThisBindDecoding(targetElement, {config: config, asIs: parentThisRandom, toBe: '@parentThis@'});\n    // if (componentName) {\n    //   RawSet.replaceInnerHTML(element, {asIs: componentNameReplaceKey, toBe: `#${componentName}#`})\n    // }\n    // if (innerHTMLName) {\n    //   RawSet.replaceInnerHTML(targetElement, {asIs: innerHTMLNameReplaceKey, toBe: `#${innerHTMLName}#`})\n    // }\n    // console.log('ddddddddddddd', targetElement.innerHTML);\n    if (drStripOption && (drStripOption === true || drStripOption === 'true')) {\n      // console.log('------childNodes', Array.from(n.childNodes))\n      Array.from(targetElement.childNodes).forEach(it => fag.append(it));\n    } else {\n      targetElement.classList.add(`${rawSet.uuid}`)\n      fag.append(targetElement);\n    }\n    // (fag as any).__domrender_this_variable_name = drThis;\n    // console.log('set __domrender_this_variable_name', (fag as any).__domrender_this_variable_name)\n    return fag;\n  }\n\n  private static async fetchTemplateStyle(set: { template?: string, styles?: string | (string[]) }) {\n    // const id = RandomUtils.getRandomString(20);\n    const stylePromises: Promise<string>[] = [];\n    const templatePromise = (set.template && set.template.startsWith('lazy://') ? (await fetch(set.template.substring(6))).text() : Promise.resolve(set.template));\n    if (Array.isArray(set.styles)) {\n      for (let i = 0; set.styles && i < (set.styles.length ?? 0); i++) {\n        const it = set.styles[i];\n        stylePromises.push(it.startsWith('lazy://') ? (await fetch(it.substring(6))).text() : Promise.resolve(it));\n      }\n    } else if (set.styles) {\n      stylePromises.push(Promise.resolve(set.styles));\n    }\n    // const tempTemplate = config.window.document.createElement('template');\n    // tempTemplate.innerHTML = await templatePromise;\n    // const tempContainer = config.window.document.createElement('div');\n    return {\n      template: await templatePromise,\n      styles: await Promise.all(stylePromises)\n    };\n  }\n\n  public static createComponentTargetAttribute(name: string, getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any, factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment) {\n    const targetAttribute: TargetAttr = {\n      name,\n      callBack(element: Element, attrValue: string, obj: any, rawSet: RawSet): DocumentFragment {\n        const thisObj = getThisObj(element, attrValue, obj, rawSet);\n        const data = factory(element, attrValue, obj, rawSet);\n        // rawSet.point.thisVariableName = (data as any).__domrender_this_variable_name;\n        if (thisObj) {\n          // const i = thisObj.__domrender_component_new = (thisObj.__domrender_component_new ?? new Proxy({}, new DomRenderFinalProxy())) as CreatorMetaData;\n          // i.thisVariableName = rawSet.point.thisVariableName;\n          // i.rawSet = rawSet;\n          // i.innerHTML = element.innerHTML;\n          // i.rootCreator = new Proxy(obj, new DomRenderFinalProxy());\n          // i.creator = new Proxy(rawSet.point.thisVariableName ? ScriptUtils.evalReturn(rawSet.point.thisVariableName, obj) : obj, new DomRenderFinalProxy());\n        }\n        return data;\n      }\n\n    };\n    return targetAttribute;\n  }\n\n  public static createComponentTargetElement(\n    {name, objFactory, template = '', styles = [], noStrip}: {\n      name: string,\n      noStrip?: boolean;\n      objFactory: (element: Element, obj: any, rawSet: RawSet, counstructorParam: any[]) => any,\n      template?: string,\n      styles?: string | (string[])\n    }\n  ): TargetElement {\n\n    const targetElement: TargetElement = {\n      name,\n      styles,\n      template,\n      noStrip,\n      async callBack(element: Element, obj: any, rawSet: RawSet, attrs: Attrs, config: DomRenderConfig): Promise<DocumentFragment | undefined> {\n        const templateStyle = await RawSet.fetchTemplateStyle({template: this.template, styles: this.styles});\n        this.template = templateStyle.template;\n        this.styles = templateStyle.styles;\n        obj.__domrender_components ??= {};\n        const domrenderComponents = obj.__domrender_components;\n        // debugger;\n        const renderScript = ` /*createComponentTargetElement*/\n            // console.log('-------------------',this.__render);\n            var ${EventManager.RAWSET_VARNAME} = this.__render.rawSet; \n            var ${EventManager.COMPONENT_VARNAME} = this.__render.component; \n            var ${EventManager.ELEMENT_VARNAME} = this.__render.element; \n            var ${EventManager.ROUTER_VARNAME} = this.__render.router; \n            var ${EventManager.INNER_HTML_VARNAME} = this.__render.innerHTML; \n            var ${EventManager.ATTRIBUTE_VARNAME} = this.__render.attribute; \n            var ${EventManager.PARENT_THIS_PATH_VARNAME} = this.__render.parentThisPath; \n            var ${EventManager.PARENT_THIS_VARNAME} = this.__render.parentThis; \n            var ${EventManager.NEAR_THIS_PATH_VARNAME} = this.__render.nearThisPath; \n            var ${EventManager.NEAR_THIS_VARNAME} = this.__render.nearThis; \n            var ${EventManager.CREATOR_META_DATA_VARNAME} = this.__render.creatorMetaData;\n        `;\n        const parentThisPath = rawSet.findParentThisPath();\n        const parentThis = rawSet.findParentThis(obj);\n        const nearThisPath = rawSet.findNearThisPath();\n        const nearThis = rawSet.findNearThis(obj);\n        let render = {\n          renderScript,\n          element: element,\n          innerHTML: element.innerHTML,\n          // attribute: attribute,\n          getElement: () => config.window.document.querySelector(`[class*=\"${rawSet.uuid}\"]`),\n          rawSet: rawSet,\n          router: config.router,\n          componentKey: rawSet.uuid,\n          nearThisPath: nearThisPath,\n          nearThis: nearThis,\n          parentThisPath: parentThisPath,\n          parentThis: parentThis,\n          scripts: EventManager.setBindProperty(config.scripts ?? {}, obj)\n        } as Render;\n        const constructor = element.getAttribute(RawSet.DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME);\n        let constructorParam = [];\n        // script \uBD80\uBD84\uC740 \uCC98\uB9AC\uB418\uC5B4 \uBC14\uC778\uB529 \uC2DC\uCF1C\uC900\uB2E4\n        render.attribute = RawSet.getAttributeObject(element, {script: renderScript, obj: obj, renderData: render})\n        render = Object.freeze(render);\n        //\n        // // dr-constructor\n        if (constructor) {\n          let param = ScriptUtils.evaluateReturn({bodyScript: renderScript, returnScript: ObjectUtils.Path.toOptionalChainPath(constructor)}, Object.assign(obj, {__render: render})) ?? [];\n          if (!Array.isArray(param)) {\n            param = [param];\n          }\n          constructorParam = param;\n        }\n\n\n        // // console.log('------22', attrs);\n        const instance = domrenderComponents[rawSet.uuid] = objFactory(element, obj, rawSet, constructorParam);\n        render = {\n          currentThis: instance,\n          // creatorMetaData: i,\n          ...render\n        };\n        rawSet.dataSet.render = render;\n        // \uCD94\uC801 \uBC0F destroy \uC704\uD574.\n        instance.__rawSet = rawSet;\n\n        //\n        // const i = instance.__domrender_component_new = (instance.__domrender_component_new ?? new Proxy({}, new DomRenderFinalProxy())) as CreatorMetaData;\n        // i.thisVariableName = rawSet.point.thisVariableName;\n        // i.thisFullVariableName = `this.__domrender_components.${componentKey}`;\n        // i.componentKey = componentKey;\n        // i.rawSet = rawSet;\n        // i.attribute = attribute;\n        // i.router = config.router;\n        // i.scripts = render.scripts;\n        // i.drAttrs = attrs;\n        // i.innerHTML = element.innerHTML;\n        // i.rootCreator = new Proxy(obj, new DomRenderFinalProxy());\n        // i.creator = new Proxy(rawSet.point.thisVariableName ? ScriptUtils.evalReturn(rawSet.point.thisVariableName, obj) : obj, new DomRenderFinalProxy());\n        // this.__creatorMetaData = i;\n        // render = {\n        //   component: instance,\n        //   creatorMetaData: i,\n        //   ...render\n        // };\n        //\n        // // \uC911\uC694 dr-normal-attr-map\n        // const normalAttrMap = element.getAttribute(EventManager.normalAttrMapAttrName);\n        // if (isOnChangeAttrRender(instance) && normalAttrMap) {\n        //   new Map<string, string>(JSON.parse(normalAttrMap)).forEach((value, key) => {\n        //     const script = `${renderScript} return ${value} `;\n        //     const cval = ScriptUtils.eval(script, Object.assign(obj, { __render: render }));\n        //     // element.setAttribute(key, cval);\n        //     instance.onChangeAttrRender(key, cval);\n        //   });\n        // }\n        //\n        // // dr-on-create data\n        // const onCreateDataScript = `return {rootParent: this, render: this.__render}`;\n        // const onCreateDataParam = ScriptUtils.eval(onCreateDataScript, Object.assign(obj, { __render: render }));\n        // if (isOnCreateRenderData(instance)) {\n        //   instance?.onCreateRenderData(onCreateDataParam);\n        // }\n        //\n        // // dr-on-create onCreateRender\n        // const onCreate = element.getAttribute(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);\n        // this.__render = render;\n        // let createParam = [];\n        // if (onCreate) {\n        //   const script = `${renderScript} return ${onCreate} `;\n        //   createParam = ScriptUtils.eval(script, Object.assign(obj, { __render: render }));\n        //   if (!Array.isArray(createParam)) {\n        //     createParam = [createParam];\n        //   }\n        // }\n        // if (isOnCreateRender(instance)) {\n        //   instance?.onCreateRender?.(...createParam);\n        // }\n        let applayTemplate = element.innerHTML;\n        let innerHTMLThisRandom;\n        const componentName = element.getAttribute(RawSet.DR_COMPONENT_NAME_OPTIONNAME) ?? 'component';\n        const innerHTMLName = element.getAttribute(RawSet.DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME) ?? 'innerHTML';\n        if (applayTemplate) {\n          // if (rawSet.point.thisVariableName) {\n          // \uB118\uC5B4\uC628 innerHTML\uC5D0 this\uAC00 \uC788\uC73C\uBA74 \uD574\uB2F9\uC548\uB418\uAC8C \uC6B0\uC120 \uCE58\uD658.\n          innerHTMLThisRandom = RandomUtils.uuid();\n          applayTemplate = applayTemplate.replace(/this\\./g, innerHTMLThisRandom);\n          // }\n          applayTemplate = applayTemplate.replace(RegExp(`#${componentName}#`, 'g'), 'this');\n        }\n        // applayTemplate = template.replace(RegExp(`#${innerHTMLName}#`, 'g'), applayTemplate);\n        applayTemplate = (this.template ?? '').replace(RegExp(`#${innerHTMLName}#`, 'g'), applayTemplate);\n        // dr-on-component-init\n        // const oninit = element.getAttribute(`${EventManager.attrPrefix}on-component-init`); // dr-on-component-init\n        // const oninit = element.getAttribute(RawSet.DR_ON_CREATED_CALLBACK_OPTIONNAME); // dr-on-component-init\n        // if (oninit) {\n        //   const script = `${renderScript}  ${oninit} `;\n        //   ScriptUtils.eval(script, Object.assign(obj, {\n        //     __render: render\n        //   }));\n        // }\n\n        const style = RawSet.generateStyleTransform(this.styles, rawSet.uuid, true);\n        element.innerHTML = style + (applayTemplate ?? '');\n\n        // \uC5EC\uAE30\uC11C targetElement\uC758 \uC637\uC744 \uBC97\uAE34\uB2E4.\n        // console.log('---createComponentTargetElement', element);\n        let data = await RawSet.drThisCreate(rawSet, element, `this.__domrender_components.${rawSet.uuid}`, '', !noStrip, obj, config);\n        // const tempDiv = document.createElement(\"div\");\n        // tempDiv.appendChild(data.cloneNode(true)); // \uC6D0\uBCF8 \uBCF4\uC874\n        // console.log('-------------ddddddddddddd', element.innerHTML, tempDiv.innerHTML);\n        // let data = await RawSet.drThisCreate(rawSet, element, `this.__domrender_components.${componentKey}`, '', false, obj, config);\n\n        // \uB118\uC5B4\uC628 innerHTML\uC5D0 this\uAC00 \uC788\uB294\uAC78 \uB2E4\uC2DC \uBCF5\uD638\uD654\uD574\uC11C \uC81C\uB300\uB85C \uC791\uB3D9\uD558\uB3C4\uB85D\uD55C\uB2E4. \uBD80\uBAA8\uC5D0\uC11C\uC758 this\uBA74 \uBD80\uBAA8\uAEC4\uB85C \uC791\uB3D9\uB418\uAC8C\n        if (data && innerHTMLThisRandom) {\n          const template = config.window.document.createElement('template') as HTMLTemplateElement;\n          template.content.append(data);\n          template.innerHTML = template.innerHTML.replace(RegExp(innerHTMLThisRandom, 'g'), 'this.');\n          data = template.content;\n        }\n        // (data as any).render = render;\n        return data;\n      }\n      // complete\n    };\n    return targetElement;\n  }\n\n  public static isExpression(data: string | null) {\n    // const reg = /(?:[$#]\\{(?:(([$#]\\{)??[^$#]?[^{]*?)\\}[$#]))/g;\n    const reg = /[$#]\\{([\\s\\S.]*?)\\}[$#]/g;\n    return reg.test(data ?? '');\n  }\n\n  public static expressionGroups(data: string | null) {\n    // const reg = /(?:[$#]\\{(?:(([$#]\\{)??[^$#]*?)\\}[$#]))/g;\n    // const reg = /(?:[$#]\\{(?:(([$#]\\{)??[^$#]?[^{]*?)\\}[$#]))/g;\n    const reg = /[$#]\\{([\\s\\S.]*?)\\}[$#]/g;\n    return StringUtils.regexExec(reg, data ?? '');\n  }\n\n  public static destroy(obj: any | undefined, parameter: OnDestroyRenderParams, config: DomRenderConfig, destroyOptions: (DestroyOptionType | string)[] = []): void {\n    // console.log('destroy destroydestroydestroydestroy', obj, parameter, config, destroyOptions);\n    if (!destroyOptions.some(it => it === DestroyOptionType.NO_DESTROY)) {\n      if (!destroyOptions.some(it => it === DestroyOptionType.NO_MESSENGER_DESTROY)) {\n        if (config.messenger && obj) {\n          config.messenger.deleteChannelFromObj(obj);\n        }\n      }\n      // console.log('------------destroy', obj);\n      if (isOnDestroyRender(obj)) {\n        obj.onDestroyRender?.(parameter);\n      }\n    }\n  }\n\n\n  public findNearThis = (obj: any, rawSet: RawSet = this) => {\n    const path = this.findNearThisPath(rawSet);\n    if (path) {\n      const optionalPath = ObjectUtils.Path.toOptionalChainPath(path);\n      // console.log('ppppp-', path, optionalPath)\n      return ScriptUtils.evaluateReturn(optionalPath, obj);\n    }\n  };\n\n  public findParentThis = (obj: any, rawSet: RawSet = this) => {\n    const path = this.findParentThisPath(rawSet);\n    if (path) {\n      const optionalPath = ObjectUtils.Path.toOptionalChainPath(path);\n      return ScriptUtils.evaluateReturn(optionalPath, obj);\n    }\n  };\n\n  public findNearThisPath = (rawSet: RawSet = this): string | undefined => {\n    const paths = this.findThisPaths(rawSet);\n    return paths[paths.length - 1];\n  };\n\n  public findParentThisPath = (rawSet: RawSet = this): string | undefined => {\n    const paths = this.findThisPaths(rawSet);\n    return paths[paths.length - 2];\n  };\n\n  public findThisPaths = (rawSet: RawSet = this): string[] => {\n    const paths: string[] = [];\n    const findPath = (rawSet: RawSet) => {\n      if (rawSet && rawSet.point) {\n        // jsDom\uC5D0\uC11C instranceof HTMLMetaElement\uAC00 \uC548\uBA39\uD788\uB294\uAC83\uAC19\uC544? \uAC04\uD608\uC801\uC73C\uB85C?\n        if ('getAttribute' in rawSet.point.start && rawSet.point.start.getAttribute('this-path')) {\n          paths.push(rawSet.point.start.getAttribute('this-path')!);\n        }\n        if (rawSet.point.parentRawSet)\n          findPath(rawSet.point.parentRawSet);\n      }\n    };\n    findPath(rawSet);\n    paths.push('this');\n    return paths.reverse();\n  };\n\n  public static getAttributeObject(element: Element, config: { script: string, obj: any, renderData?: any }) {\n    if (!element) {\n      return undefined;\n    }\n    const attribute = ElementUtils.getAttributeToObject(element);\n    const normalAttribute = attribute[EventManager.normalAttrMapAttrName];\n    if (normalAttribute) {\n      new Map<string, string>(JSON.parse(normalAttribute)).forEach((v, k) => {\n        const cval = ScriptUtils.evaluateReturn({bodyScript: config.script, returnScript: v}, Object.assign(config.obj, config.renderData ? {__render:config.renderData} : undefined));\n        attribute[k] = cval;\n      });\n    }\n    return attribute;\n  }\n\n}\n"],
-  "mappings": ";;;;;;;;;;;;;AAIA;;",
-  "names": []
-}

package/dist/cjs/rawsets/RawSet.d.ts

@@ -1,180 +0,0 @@
-import type { DomRenderConfig } from '../configs/DomRenderConfig';
-import { ComponentSet } from '../components/ComponentSet';
-import { TargetElement } from '../configs/TargetElement';
-import { TargetAttr } from '../configs/TargetAttr';
-import { DestroyOptionType } from './DestroyOptionType';
-import { Attrs } from './Attrs';
-import { RawSetType } from './RawSetType';
-import { Render } from './Render';
-import { OnDestroyRenderParams } from '../lifecycle/OnDestroyRender';
-export declare class RawSet {
-    uuid: string;
-    type: RawSetType;
-    point: {
-        start: (Comment | Text | HTMLMetaElement);
-        node: Node;
-        end: Comment | Text | HTMLMetaElement;
-        parent?: Node | null;
-        parentRawSet?: RawSet;
-        childrenRawSets?: RawSet[];
-    };
-    dataSet: {
-        config: DomRenderConfig;
-        fragment: DocumentFragment;
-        render?: Render;
-    };
-    detect?: {
-        action: Function;
-    };
-    static readonly DR_NAME = "dr";
-    static readonly DR_IF_NAME = "dr-if";
-    static readonly DR_FOR_NAME = "dr-for";
-    static readonly DR_FOR_OF_NAME = "dr-for-of";
-    static readonly DR_THIS_PROPERTY_NAME = "dr-this-property";
-    static readonly DR_REPEAT_NAME = "dr-repeat";
-    static readonly DR_THIS_NAME = "dr-this";
-    static readonly DR_FORM_NAME = "dr-form";
-    static readonly DR_PRE_NAME = "dr-pre";
-    static readonly DR_APPENDER_NAME = "dr-appender";
-    static readonly DR_INNERHTML_NAME = "dr-inner-html";
-    static readonly DR_INNERTEXT_NAME = "dr-inner-text";
-    static readonly DR_DETECT_NAME = "dr-detect";
-    static readonly DR_STRIP_NAME = "dr-strip";
-    static readonly DR_REPLACE_TARGET_ELEMENT_IS_NAME = "dr-replace-target-element-is";
-    static readonly DR_DETECT_IF_OPTIONNAME = "dr-detect-option-if";
-    static readonly DR_DETECT_FILTER_OPTIONNAME = "dr-detect-option-filter";
-    static readonly DR_DETECT_ATTR_OPTIONNAME = "dr-detect-option-attr";
-    /**
-     * @deprecated
-     */
-    static readonly DR_THIS_OPTIONNAME = "dr-option-this";
-    static readonly DR_ATTR_OPTIONNAME = "dr-option-attr";
-    static readonly DR_IF_OPTIONNAME = "dr-option-if";
-    static readonly DR_IT_OPTIONNAME = "dr-option-it";
-    static readonly DR_VAR_OPTIONNAME = "dr-option-var";
-    static readonly DR_AFTER_OPTIONNAME = "dr-option-after";
-    static readonly DR_NEXT_OPTIONNAME = "dr-option-next";
-    static readonly DR_BEFORE_OPTIONNAME = "dr-option-before";
-    static readonly DR_COMPLETE_OPTIONNAME = "dr-option-complete";
-    static readonly DR_STRIP_OPTIONNAME = "dr-option-strip";
-    static readonly DR_DESTROY_OPTIONNAME = "dr-option-destroy";
-    static readonly DR_THIS_NAME_OPTIONNAME = "dr-option-this-name";
-    /**
-     * @deprecated
-     */
-    static readonly DR_COMPONENT_NAME_OPTIONNAME = "dr-option-component-name";
-    static readonly DR_COMPONENT_INNER_HTML_NAME_OPTIONNAME = "dr-option-component-inner-html-name";
-    static readonly DR_KEY_OPTIONNAME = "dr-option-key";
-    static readonly DR_HAS_KEYS_OPTIONNAME = "dr-option-has-keys";
-    static readonly DR_ON_CREATE_ARGUMENTS_OPTIONNAME = "dr-on-create:arguments";
-    static readonly DR_ON_CREATED_CALLBACK_OPTIONNAME = "dr-on-create:callback";
-    /**  우선 쓰는곳이 없어서 deprecated를 걸어놨음
-    @deprecated
-    */
-    static readonly DR_ON_INIT_ARGUMENTS_OPTIONNAME = "dr-on-init:arguments";
-    static readonly DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME = "dr-on-constructor:arguments";
-    static readonly drAttrsOriginName: Attrs;
-    static readonly DR_TAGS: any[];
-    static readonly DR_ATTRIBUTES: readonly ["dr", "dr-appender", "dr-if", "dr-for-of", "dr-this-property", "dr-for", "dr-this", "dr-form", "dr-pre", "dr-inner-html", "dr-inner-text", "dr-repeat", "dr-detect", "dr-strip"];
-    constructor(uuid: string, type: RawSetType, point: {
-        start: (Comment | Text | HTMLMetaElement);
-        node: Node;
-        end: Comment | Text | HTMLMetaElement;
-        parent?: Node | null;
-        parentRawSet?: RawSet;
-        childrenRawSets?: RawSet[];
-    }, dataSet: {
-        config: DomRenderConfig;
-        fragment: DocumentFragment;
-        render?: Render;
-    }, detect?: {
-        action: Function;
-    });
-    get isConnected(): boolean;
-    getUsingTriggerVariables(config?: DomRenderConfig): Set<string>;
-    render(obj: any, config: DomRenderConfig): Promise<RawSet[]>;
-    private static generateRuleSelector;
-    static generateStyleTransform(styleBody: string | string[], componentKey: string, styleTagWrap?: boolean): string;
-    applyEvent(obj: any, fragment?: DocumentFragment, config?: DomRenderConfig): void;
-    onRenderedEvent(obj: any, nodes: Node[], config?: DomRenderConfig): void;
-    getAttribute(element: Element, attr: string): string;
-    getAttributeAndDelete(element: Element, attr: string): string;
-    getDrAppendAttributeAndDelete(element: Element, obj: any): string;
-    replaceBody(genNode: Node): void;
-    static checkPointCreates(element: Node, obj: any, config: DomRenderConfig): RawSet[];
-    static createStartEndPoint(data: {
-        node?: Node;
-        id: string;
-        type: RawSetType;
-    }, config: DomRenderConfig): {
-        start: HTMLMetaElement;
-        end: HTMLMetaElement;
-    } | {
-        start: Comment;
-        end: Comment;
-    };
-    remove(): void;
-    childAllRemove(): void;
-    childs(stopNext?: (node: Node) => boolean): any[];
-    getHasRawSet(key: string): RawSet;
-    static drItOtherEncoding(element: Element | DocumentFragment, postFix?: string): string;
-    static drItOtherDecoding(element: Element | DocumentFragment, random: string): void;
-    static drVarDecoding(element: Element, vars: {
-        name: string;
-        value: string;
-        regex: RegExp;
-        random: string;
-    }[]): void;
-    static replaceInnerHTML(element: Element, config: {
-        asIs: string | RegExp;
-        toBe?: string;
-    }): string;
-    static drThisEncoding(element: Element, drThis: string, config: {
-        asIs: RegExp;
-        toBe?: string;
-    }): string;
-    static drThisBindEncoding(element: Element, variable: RegExp, config: {
-        config: DomRenderConfig;
-        otherReplaceVariablePath?: string;
-    }): string;
-    static drThisBindDecoding(element: Element, config: {
-        asIs: string;
-        toBe: string;
-        config: DomRenderConfig;
-    }): void;
-    static drThisDecoding(element: Element, config: {
-        asIs: string;
-        toBe: string;
-    }): void;
-    static drFormOtherMoveAttr(element: Element, as: string, to: string, config: DomRenderConfig): void;
-    static drVarEncoding(element: Element, drVarOption: string): {
-        name: string;
-        value: string;
-        regex: RegExp;
-        random: string;
-    }[];
-    static drThisCreate(rawSet: RawSet, element: Element, drThis: string, drVarOption: string, drStripOption: boolean | string | null, obj: any, config: DomRenderConfig, set?: ComponentSet): Promise<DocumentFragment | undefined>;
-    private static fetchTemplateStyle;
-    static createComponentTargetAttribute(name: string, getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any, factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment): TargetAttr;
-    static createComponentTargetElement({ name, objFactory, template, styles, noStrip }: {
-        name: string;
-        noStrip?: boolean;
-        objFactory: (element: Element, obj: any, rawSet: RawSet, counstructorParam: any[]) => any;
-        template?: string;
-        styles?: string | (string[]);
-    }): TargetElement;
-    static isExpression(data: string | null): boolean;
-    static expressionGroups(data: string | null): any[];
-    static destroy(obj: any | undefined, parameter: OnDestroyRenderParams, config: DomRenderConfig, destroyOptions?: (DestroyOptionType | string)[]): void;
-    findNearThis: (obj: any, rawSet?: RawSet) => any;
-    findParentThis: (obj: any, rawSet?: RawSet) => any;
-    findNearThisPath: (rawSet?: RawSet) => string | undefined;
-    findParentThisPath: (rawSet?: RawSet) => string | undefined;
-    findThisPaths: (rawSet?: RawSet) => string[];
-    static getAttributeObject(element: Element, config: {
-        script: string;
-        obj: any;
-        renderData?: any;
-    }): any;
-}
-//# sourceMappingURL=RawSet.d.ts.map

package/dist/cjs/rawsets/RawSet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RawSet.d.ts","sourceRoot":"","sources":["../../../src/rawsets/RawSet.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAgB1D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,OAAO,EAAqB,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAKxF,qBAAa,MAAM;IA4GR,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE;QACZ,KAAK,EAAE,CAAC,OAAO,GAAG,IAAI,GAAG,eAAe,CAAC,CAAC;QAC1C,IAAI,EAAE,IAAI,CAAC;QACX,GAAG,EAAE,OAAO,GAAG,IAAI,GAAG,eAAe,CAAC;QAEtC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;KAC3B;IACM,OAAO,EAAE;QACd,MAAM,EAAE,eAAe,CAAC;QACxB,QAAQ,EAAE,gBAAgB,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB;IACM,MAAM,CAAC,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAA;KAAE;IA3HtC,gBAAuB,OAAO,QAAQ;IACtC,gBAAuB,UAAU,WAAW;IAC5C,gBAAuB,WAAW,YAAY;IAC9C,gBAAuB,cAAc,eAAe;IACpD,gBAAuB,qBAAqB,sBAAsB;IAClE,gBAAuB,cAAc,eAAe;IACpD,gBAAuB,YAAY,aAAa;IAChD,gBAAuB,YAAY,aAAa;IAChD,gBAAuB,WAAW,YAAY;IAC9C,gBAAuB,gBAAgB,iBAAiB;IACxD,gBAAuB,iBAAiB,mBAAmB;IAC3D,gBAAuB,iBAAiB,mBAAmB;IAC3D,gBAAuB,cAAc,eAAe;IACpD,gBAAuB,aAAa,cAAc;IAClD,gBAAuB,iCAAiC,kCAAkC;IAG1F,gBAAuB,uBAAuB,yBAAyB;IACvE,gBAAuB,2BAA2B,6BAA6B;IAC/E,gBAAuB,yBAAyB,2BAA2B;IAG3E;;OAEG;IACH,gBAAuB,kBAAkB,oBAAoB;IAC7D,gBAAuB,kBAAkB,oBAAoB;IAC7D,gBAAuB,gBAAgB,kBAAkB;IACzD,gBAAuB,gBAAgB,kBAAkB;IACzD,gBAAuB,iBAAiB,mBAAmB;IAC3D,gBAAuB,mBAAmB,qBAAqB;IAC/D,gBAAuB,kBAAkB,oBAAoB;IAC7D,gBAAuB,oBAAoB,sBAAsB;IACjE,gBAAuB,sBAAsB,wBAAwB;IACrE,gBAAuB,mBAAmB,qBAAqB;IAC/D,gBAAuB,qBAAqB,uBAAuB;IAEnE,gBAAuB,uBAAuB,yBAAyB;IACvE;;OAEG;IACH,gBAAuB,4BAA4B,8BAA8B;IACjF,gBAAuB,uCAAuC,yCAAyC;IACvG,gBAAuB,iBAAiB,mBAAmB;IAC3D,gBAAuB,sBAAsB,wBAAwB;IAErE,gBAAuB,iCAAiC,4BAA4B;IACpF,gBAAuB,iCAAiC,2BAA2B;IACnF;;MAEE;IACF,gBAAuB,+BAA+B,0BAA0B;IAChF,gBAAuB,sCAAsC,iCAAiC;IAE9F,gBAAuB,iBAAiB,EAAE,KAAK,CA2B7C;IAEF,gBAAuB,OAAO,QAAM;IAMpC,gBAAuB,aAAa,6LAezB;gBAGF,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE;QACZ,KAAK,EAAE,CAAC,OAAO,GAAG,IAAI,GAAG,eAAe,CAAC,CAAC;QAC1C,IAAI,EAAE,IAAI,CAAC;QACX,GAAG,EAAE,OAAO,GAAG,IAAI,GAAG,eAAe,CAAC;QAEtC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;KAC3B,EACM,OAAO,EAAE;QACd,MAAM,EAAE,eAAe,CAAC;QACxB,QAAQ,EAAE,gBAAgB,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,EACM,MAAM,CAAC,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAA;KAAE;IAMtC,IAAI,WAAW,YAGd;IAGD,wBAAwB,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,GAAG,CAAC,MAAM,CAAC;IAmElD,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,eAAe,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IA6OzE,OAAO,CAAC,MAAM,CAAC,oBAAoB;WAkBrB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,UAAO;IAsErG,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,mBAAwB,EAAE,MAAM,CAAC,EAAE,eAAe;IAI/E,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,CAAC,EAAE,eAAe;IAIjE,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM;IAK3C,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM;IASpD,6BAA6B,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG;IA0BxD,WAAW,CAAC,OAAO,EAAE,IAAI;WAMlB,iBAAiB,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,eAAe,GAAG,MAAM,EAAE;WA8M7E,mBAAmB,CAAC,IAAI,EAAE;QAAE,IAAI,CAAC,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,EAAE,MAAM,EAAE,eAAe;;;;;;;IAgCvG,MAAM;IAMN,cAAc;IAWd,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;IAazC,YAAY,CAAC,GAAG,EAAE,MAAM;WAajB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,gBAAgB,EAAE,OAAO,CAAC,EAAE,MAAM;WAUvE,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,gBAAgB,EAAE,MAAM,EAAE,MAAM;WAMrE,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE;WAQtG,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM;WAW5F,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM;WA+BjG,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;QAAE,MAAM,EAAE,eAAe,CAAC;QAAC,wBAAwB,CAAC,EAAE,MAAM,CAAA;KAAG;WAiC9H,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,eAAe,CAAA;KAAE;WAWpG,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;WASvE,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe;WAuBrF,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM;;;;;;WA0B7C,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,gBAAgB,GAAC,SAAS,CAAC;mBA+LtN,kBAAkB;WAqBzB,8BAA8B,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAK,gBAAgB;WAsB7N,4BAA4B,CACxC,EAAC,IAAI,EAAE,UAAU,EAAE,QAAa,EAAE,MAAW,EAAE,OAAO,EAAC,EAAE;QACvD,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;QAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;KAC7B,GACA,aAAa;WAgLF,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;WAMhC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;WAOpC,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,GAAE,CAAC,iBAAiB,GAAG,MAAM,CAAC,EAAO,GAAG,IAAI;IAgB1J,YAAY,GAAI,KAAK,GAAG,EAAE,SAAQ,MAAa,SAOpD;IAEK,cAAc,GAAI,KAAK,GAAG,EAAE,SAAQ,MAAa,SAMtD;IAEK,gBAAgB,GAAI,SAAQ,MAAa,KAAG,MAAM,GAAG,SAAS,CAGnE;IAEK,kBAAkB,GAAI,SAAQ,MAAa,KAAG,MAAM,GAAG,SAAS,CAGrE;IAEK,aAAa,GAAI,SAAQ,MAAa,KAAG,MAAM,EAAE,CAetD;WAEY,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,GAAG,CAAC;QAAC,UAAU,CAAC,EAAE,GAAG,CAAA;KAAE;CAe1G"}

package/dist/cjs/rawsets/RawSetOperatorType.d.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var RawSetOperatorType_d_exports = {};
-module.exports = __toCommonJS(RawSetOperatorType_d_exports);
-//# sourceMappingURL=RawSetOperatorType.d.js.map

package/dist/cjs/rawsets/RawSetOperatorType.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/rawsets/RawSetOperatorType.ts"],
-  "sourcesContent": ["export enum RawSetOperatorType {\n    DR_THIS_PROPERTY = 'this-property'\n}"],
-  "mappings": ";;;;;;;;;;;;;AAAA;;",
-  "names": []
-}

package/dist/cjs/rawsets/RawSetType.d.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var RawSetType_d_exports = {};
-module.exports = __toCommonJS(RawSetType_d_exports);
-//# sourceMappingURL=RawSetType.d.js.map

package/dist/cjs/rawsets/RawSetType.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/rawsets/RawSetType.ts"],
-  "sourcesContent": ["export enum RawSetType {\n    TEXT = 'TEXT',\n    STYLE_TEXT = 'STYLE_TEXT',\n    TARGET_ELEMENT = 'TARGET_ELEMENT',\n    TARGET_ATTR = 'TARGET_ATTR',\n    UNKOWN = 'UNKOWN',\n}"],
-  "mappings": ";;;;;;;;;;;;;AAAA;;",
-  "names": []
-}

package/dist/cjs/rawsets/Render.d.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Render_d_exports = {};
-module.exports = __toCommonJS(Render_d_exports);
-//# sourceMappingURL=Render.d.js.map

package/dist/cjs/rawsets/Render.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/rawsets/Render.ts"],
-  "sourcesContent": ["import { CreatorMetaData } from './CreatorMetaData';\nimport { Router } from '../routers/Router';\nimport { RawSet } from './RawSet';\n\nexport type Render = {\n    rawSet?: RawSet;\n    scripts?: { [n: string]: any };\n    bindScript?: string;\n    renderScript?: string;\n    element?: any;\n    getElement?: <T extends Element>()=>T;\n    attribute?: any;\n    creatorMetaData?: CreatorMetaData;\n    router?: Router;\n    range?: any;\n    value?: any;\n    currentThis?: any;\n    currentThisPath?: any;\n    nearThisPath?: string,\n    nearThis?: any;\n    parentThisPath?: string,\n    parentThis?: any,\n    rootObject?: any,\n    [n: string]: any; // component?: any; //component instance\n}\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;;",
-  "names": []
-}

package/dist/cjs/rawsets/Render.d.ts

@@ -1,27 +0,0 @@
-import { CreatorMetaData } from './CreatorMetaData';
-import { Router } from '../routers/Router';
-import { RawSet } from './RawSet';
-export type Render = {
-    rawSet?: RawSet;
-    scripts?: {
-        [n: string]: any;
-    };
-    bindScript?: string;
-    renderScript?: string;
-    element?: any;
-    getElement?: <T extends Element>() => T;
-    attribute?: any;
-    creatorMetaData?: CreatorMetaData;
-    router?: Router;
-    range?: any;
-    value?: any;
-    currentThis?: any;
-    currentThisPath?: any;
-    nearThisPath?: string;
-    nearThis?: any;
-    parentThisPath?: string;
-    parentThis?: any;
-    rootObject?: any;
-    [n: string]: any;
-};
-//# sourceMappingURL=Render.d.ts.map

package/dist/cjs/rawsets/Render.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../src/rawsets/Render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,MAAM,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,CAAC,SAAS,OAAO,OAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAA"}

package/dist/cjs/routers/HashRouter.d.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var HashRouter_d_exports = {};
-module.exports = __toCommonJS(HashRouter_d_exports);
-//# sourceMappingURL=HashRouter.d.js.map

package/dist/cjs/routers/HashRouter.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/routers/HashRouter.ts"],
-  "sourcesContent": ["import { ChangeStateResult, RouteAction, Router, RouterConfig } from './Router';\nimport { LocationUtils } from '@dooboostore/core-web/location/LocationUtils';\n\n\nexport class HashRouter extends Router {\n\n  constructor(config: RouterConfig) {\n    super(config);\n  }\n\n\n  getSearchParams(data?: { delete?: string[], append?: [[string, string]] }): URLSearchParams {\n    const hashSearch = LocationUtils.hashSearch(this.config.window);\n    const searchParams = hashSearch ? new URLSearchParams(hashSearch) : (new URL(this.config.window.document.location.href)).searchParams;\n\n\n    data?.delete?.forEach(it => {\n      searchParams.delete(it);\n    })\n\n    data?.append?.forEach(it => {\n      searchParams.append(it[0], it[1]);\n    })\n    return searchParams;\n  }\n\n  push(path: RouteAction, data?: any, title: string = ''): ChangeStateResult {\n    if (path === '/') {\n      return super.pushState(data, title, '/');\n    } else {\n      return super.pushState(data, title, `#${this.toUrl(path)}`);\n    }\n  }\n\n  replace(path: RouteAction, data?: any, title?: string):ChangeStateResult {\n    if (path === '/') {\n      return super.replaceState(data, title, '/');\n    } else {\n      return super.replaceState(data, title, `#${this.toUrl(path)}`);\n    }\n  }\n\n  setDeleteHashSearchParam(name: string, data?: any, title?: string) {\n  }\n\n  pushDeleteHashSearchParam(name: string | string[], data: any, title: string | undefined): void {\n    const s = this.getHashSearchParams({delete:Array.isArray(name) ? name : [name]});\n    const size = Array.from(s.entries()).length;\n    const href = `${this.config.window.location.pathname}${this.config.window.location.search}${size > 0 ? '#' + s.toString() : ''}`;\n    super.pushState(data, title, href);\n  }\n\n  pushDeleteSearchParam(name: string | string[], data?: any, title?: string): void {\n    const s = this.getSearchParams({delete:Array.isArray(name) ? name : [name]});\n    this.push({searchParams: s}, data, title);\n  }\n\n  pushAddSearchParam(params:[[string, string]], data?: any, title?: string): void {\n    const s = this.getSearchParams({append: params});\n    this.push({searchParams: s}, data, title);\n  }\n\n  replaceDeleteHashSearchParam(name: string | string[], data: any, title: string | undefined): void {\n    const s = this.getHashSearchParams({delete: Array.isArray(name) ? name : [name]});\n    const size = Array.from(s.entries()).length;\n    const href = `${this.config.window.location.pathname}${this.config.window.location.search}${size > 0 ? '#' + s.toString() : ''}`;\n    super.pushState(data, title, href);\n  }\n\n  replaceDeleteSearchParam(name: string | string[], data?: any, title?: string): void {\n    const s = this.getSearchParams({delete: Array.isArray(name) ? name : [name]});\n    this.push({searchParams: s}, data, title);\n  }\n\n  replaceAddSearchParam(params:[[string, string]], data?: any, title?: string): void {\n    const s = this.getSearchParams({append: params});\n    this.push({searchParams: s}, data, title);\n  }\n\n  getUrl(): string {\n    return LocationUtils.hash(this.config.window) || '/';\n  }\n\n  getHref(): string {\n    return this.config.window.location.href;\n  }\n\n  getPathName(): string {\n    return LocationUtils.hashPath(this.config.window) || '/';\n  }\n\n  getHashSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams {\n    const hash = this.config.window.location.hash;\n    const queryIndex = hash.indexOf('?');\n    const searchParams = (queryIndex !== -1) ? new URLSearchParams(hash.slice(queryIndex + 1)) :  new URLSearchParams();;\n    data?.delete?.forEach(it => {\n      searchParams.delete(it);\n    })\n    data?.append?.forEach(it => {\n      searchParams.append(it[0], it[1]);\n    })\n    return searchParams;\n\n  }\n\n}\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;;",
-  "names": []
-}

package/dist/cjs/routers/PathRouter.d.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PathRouter_d_exports = {};
-module.exports = __toCommonJS(PathRouter_d_exports);
-//# sourceMappingURL=PathRouter.d.js.map

package/dist/cjs/routers/PathRouter.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/routers/PathRouter.ts"],
-  "sourcesContent": ["import { ChangeStateResult, RouteAction, Router, RouterConfig } from './Router';\n\nexport class PathRouter extends Router {\n  constructor(config: RouterConfig) {\n    super(config);\n  }\n\n  getSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams {\n    const searchParams =  (new URL(this.config.window.document.location.href)).searchParams;\n    data?.delete?.forEach(it => {\n      searchParams.delete(it);\n    })\n\n    data?.append?.forEach(it => {\n      searchParams.append(it[0], it[1]);\n    })\n    return searchParams;\n\n  }\n\n  push(path: RouteAction, data?: any, title: string = ''): ChangeStateResult {\n    return super.pushState(data, title, this.toUrl(path));\n  }\n\n  replace(path: RouteAction, data?: any, title: string = ''): ChangeStateResult {\n    return super.replaceState(data, title, this.toUrl(path));\n  }\n\n  pushDeleteSearchParam(name: string, data?: any, title?: string): void {\n    const s = this.getSearchParams({delete: [name]});\n    this.push({searchParams: s}, data, title);\n  }\n\n  pushDeleteHashSearchParam(name: string, data?: any, title?: string) {\n    const s = this.getHashSearchParams({delete: [name]});\n    const size = Array.from(s.entries()).length;\n    const href = `${this.config.window.location.pathname}${this.config.window.location.search}${size > 0 ? '#' + s.toString() : ''}`;\n    super.pushState(data, title, href);\n  }\n\n  pushAddSearchParam(params:[[string, string]], data?: any, title?: string): void {\n    const s = this.getSearchParams({append: params});\n    this.push({searchParams: s}, data, title);\n  }\n  replaceDeleteSearchParam(name: string | string[], data?: any, title?: string): void {\n    const s = this.getSearchParams({delete: Array.isArray(name) ? name : [name]});\n    this.replace({searchParams: s}, data, title);\n  }\n\n  replaceDeleteHashSearchParam(name: string | string[], data?: any, title?: string) {\n    const s = this.getHashSearchParams({delete: Array.isArray(name) ? name : [name]});\n    const size = Array.from(s.entries()).length;\n    const href = `${this.config.window.location.pathname}${this.config.window.location.search}${size > 0 ? '#' + s.toString() : ''}`;\n    super.replaceState(data, title, href);\n  }\n\n  replaceAddSearchParam(params:[[string, string]], data?: any, title?: string): void {\n    const s = this.getSearchParams({append: params});\n    this.replace({searchParams: s}, data, title);\n  }\n\n\n  getUrl(): string {\n    const url = new URL(this.config.window.document.location.href);\n    return url.pathname + url.search;\n  }\n\n  getHref(): string {\n    return this.config.window.location.href;\n  }\n\n  getPathName(): string {\n    return this.config.window.location.pathname;\n  }\n\n  getHashSearchParams(data?:{delete?:string[], append?:[[string, string]]}): URLSearchParams {\n    // http://local.com/#wow=222&wow=bb&z=2\n    const searchParams =  new URLSearchParams(this.config.window.location.hash.slice(1));\n\n    data?.delete?.forEach(it => {\n      searchParams.delete(it);\n    })\n\n    data?.append?.forEach(it => {\n      searchParams.append(it[0], it[1]);\n    })\n    return searchParams;\n\n    // return undefined;\n  }\n\n\n}\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;;",
-  "names": []
-}

package/dist/cjs/routers/Router.d.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Router_d_exports = {};
-module.exports = __toCommonJS(Router_d_exports);
-var import_ConvertUtils = require("@dooboostore/core/convert/ConvertUtils");
-//# sourceMappingURL=Router.d.js.map