@dooboostore/dom-render 1.0.110 → 1.0.111

package/dist/esm/DomRenderProxy.js

@@ -360,11 +360,21 @@ class DomRenderProxy {
         }).forEach((it) => {
           const variablePaths = it.valueScript.variablePaths;
           let targetScript = it.valueScript.originalAttrValue;
-          variablePaths.forEach((it2) => {
-            let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
-            targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
-          });
-          const value1 = ObjectUtils.Script.evaluateReturn("`" + targetScript + "`", it.pathInfo.obj);
+          let script;
+          if (it.valueScript.isStringTemplate) {
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `\${${r}}`);
+            });
+            script = "`" + targetScript + "`";
+          } else {
+            variablePaths.forEach((it2) => {
+              let r = ObjectUtils.Path.toOptionalChainPath(it2.inner);
+              targetScript = targetScript.replaceAll(it2.origin, `${r}`);
+            });
+            script = targetScript;
+          }
+          const value1 = ObjectUtils.Script.evaluateReturn(script, it.pathInfo.obj);
           if (value1 === null) {
             elementInfo.element.removeAttribute(it.key);
             elementInfo.element[it.key] = null;

package/dist/esm/DomRenderProxy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DomRenderProxy.ts"],
-  "sourcesContent": ["import { RawSet, RenderResult } from './rawsets/RawSet';\nimport { EventManager, NormalAttrDataType } from './events/EventManager';\nimport { DomRenderConfig } from './configs/DomRenderConfig';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { DomRenderFinalProxy, Shield } from './types/Types';\nimport { RawSetType } from './rawsets/RawSetType';\nimport { DrThisProperty } from './operators/DrThisProperty';\nimport { RawSetOperatorType } from './rawsets/RawSetOperatorType';\nimport { ComponentSet } from './components/ComponentSet';\nimport { DomRenderNoProxyKey, isDomRenderNoProxy } from './decorators/DomRenderNoProxy';\nimport { isOnCreateRender } from './lifecycle/OnCreateRender';\nimport { isOnInitRender } from './lifecycle/OnInitRender';\nimport { isOnCreateRenderData } from './lifecycle/OnCreateRenderData';\nimport { isOnChangeAttrRender } from './lifecycle/OnChangeAttrRender';\nimport { DocumentUtils } from '@dooboostore/core-web/document/DocumentUtils';\nimport { isDefined } from '@dooboostore/core/types';\nimport { isOnBeforeReturnSet } from './lifecycle/OnBeforeReturnSet';\nimport { isOnChildRenderedByProperty } from './lifecycle/OnChildRenderedByProperty';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\nimport { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\nimport { isOnProxyDomRender } from './lifecycle/OnProxyDomRender';\nimport { isOnRawSetRendered } from './lifecycle/OnRawSetRendered';\n\nconst excludeGetSetPropertys = [\n  'onBeforeReturnGet',\n  'onBeforeReturnSet',\n  '__domrender_components',\n  '__render',\n  '_DomRender_isFinal',\n  '_domRender_ref',\n  '_rawSets',\n  '_domRender_proxy',\n  '_targets',\n  '_DomRender_origin',\n  '_DomRender_ref',\n  '_DomRender_proxy'\n];\nexport const isWrapProxyDomRenderProxy = <T>(obj: T): boolean => {\n  return obj && typeof obj === 'object' && '_DomRender_isProxy' in obj;\n};\nexport const getDomRenderOriginObject = <T>(obj: T): T => {\n  if (isWrapProxyDomRenderProxy(obj)) {\n    return (obj as any)._domRender_origin;\n  }\n  return obj;\n};\nexport const getDomRenderConfig = (obj: any): DomRenderConfig | undefined => {\n  if (isWrapProxyDomRenderProxy(obj)) {\n    return obj._domRender_config;\n  }\n  return undefined;\n};\n//@ts-ignore\nexport const getDomRenderProxy = <T>(obj: T): DomRenderProxy<T> | undefined => {\n  if (isWrapProxyDomRenderProxy(obj)) {\n    //@ts-ignore\n    return (obj as any)._domRender_proxy as DomRenderProxy<T>;\n  }\n  return undefined;\n};\nexport class DomRenderProxy<T extends object> implements ProxyHandler<T> {\n  public _domRender_ref = new Map<object, Set<string>>();\n  public _rawSets = new Map<string, Set<RawSet>>();\n  public _domRender_proxy?: T;\n  // public _firstTarget: Node;\n  public _targets = new Set<Node>();\n\n  constructor(\n    public _domRender_origin: T,\n    target: Node | null | undefined,\n    public _domRender_config: DomRenderConfig\n  ) {\n    if (target) {\n      this._targets.add(target);\n      // this._firstTarget = target;\n    }\n\n    // setInterval(() => {\n    //   this._rawSets.forEach(it => {\n    //     Array.from(it).forEach(it => {\n    //       console.log(it, it.isConnected)\n    //     })\n    //   });\n    // }, 1000)\n  }\n\n  public static unFinal<T = any>(obj: T): T {\n    return DomRenderFinalProxy.unFinal(obj);\n  }\n\n  public static final<T = any>(obj: T): T {\n    return DomRenderFinalProxy.final(obj);\n  }\n\n  public static isFinal<T = any>(obj: T) {\n    return ValidUtils.isNull(obj) || DomRenderFinalProxy.isFinal(obj);\n  }\n\n  public async run(objProxy: T) {\n    this._domRender_proxy = objProxy;\n    if (isOnProxyDomRender(objProxy)) {\n      objProxy.onProxyDomRender(this._domRender_config);\n    }\n    const obj = getDomRenderOriginObject<any>(objProxy);\n    if (obj) {\n      Object.keys(obj).forEach(it => {\n        // Reflect \uBA54\uD0C0\uB370\uC774\uD130\uC5D0\uC11C domRender:NoProxy \uC5EC\uBD80 \uD655\uC778\n        try {\n          const isNoProxy =\n            Reflect.getMetadata(DomRenderNoProxyKey, obj, it) ||\n            Reflect.getMetadata(DomRenderNoProxyKey, Object.getPrototypeOf(obj).constructor);\n          if (isNoProxy) {\n            return obj;\n          }\n        } catch (e) {}\n        const target = obj[it];\n        if (\n          target !== undefined &&\n          target !== null &&\n          typeof target === 'object' &&\n          !DomRenderProxy.isFinal(target) &&\n          !Object.isFrozen(target) &&\n          !(obj instanceof Shield)\n        ) {\n          const isExcluded = this._domRender_config.proxyExcludeTyps?.some(it => target instanceof it) ?? false;\n          // const filter = this._domRender_config.proxyExcludeTyps?.filter(it => target instanceof it) ?? [];\n          if (!isExcluded) {\n            const proxyAfter = this.proxy(objProxy, target, it);\n            obj[it] = proxyAfter;\n          }\n        }\n      });\n    }\n    // console.log('target', this._targets);\n    for (let target of this._targets) {\n      await this.initRender(target);\n    }\n  }\n\n  public async initRender(target: Node, rawSet?: RawSet) {\n    // if (target instanceof Element) {\n    //   target.setAttribute('dr-this', 'this');\n    //   const rawSets = RawSet.checkPointCreates(target, this._domRender_proxy, this.config);\n    //   this.render(rawSets)\n    //   return;\n    // }\n    //\n    if (target instanceof Element) {\n      // \uC911\uC694: \uB098\uB97C\uD1B5\uD574 \uC774\uC5B4\uC9C4\uACF3\uC758 \uC704\uCE58\uB97C \uB0A8\uACA8\uC57C\uB41C\uB2E4 \uC548\uADF8\uB7EC\uBA74 TargetElement\uB294 \uC54C\uC218 \uC788\uB294 \uBC29\uBC95\uC774 \uC5C6\uB2E4. \uC5EC\uAE30\uC11C \uD754\uC801\uC744 \uB0A8\uACA8\uC918\uC57C \uD55C\uB2E4.\n      // const targetElementNames = (this.config.targetElements?.map(it => it.name.toLowerCase().replaceAll('.', '\\\\.')) ?? []).join(',');\n      // Array.from(target.querySelectorAll(targetElementNames)).forEach(it => it.setAttribute(EventManager.parentVariablePathAttrName, '@this@'));\n      target.innerHTML = target.innerHTML.replace(/@this@/g, 'this');\n    }\n    // TODO: \uD55C\uACF3\uC5D0\uC11C \uCC98\uB9AC \uD544\uC694\uD560\uB4EF.. \uB108\uBB34 \uC0B0\uBC1C\uC801\uC73C\uB85C \uC788\uC74C.\n    const onCreate = (target as any).getAttribute?.(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);\n    let createParam: any[] = [];\n    if (onCreate) {\n      createParam = ObjectUtils.Script.evaluateReturn(onCreate, this._domRender_proxy);\n      if (!Array.isArray(createParam)) {\n        createParam = [createParam];\n      }\n    }\n\n    if (isOnCreateRenderData(this._domRender_proxy)) {\n      this._domRender_proxy?.onCreateRenderData({ rootParent: this._domRender_proxy });\n    }\n\n    if (isOnCreateRender(this._domRender_proxy)) {\n      this._domRender_proxy.onCreateRender(...createParam);\n    }\n\n    // const innerHTML = (target as any).innerHTML ?? '';\n    this._targets.add(target);\n    const rawSets = RawSet.checkPointCreates(target, this._domRender_proxy, this._domRender_config);\n    // console.log('initRender -------rawSet', rawSets)\n    // \uC911\uC694 \uCD08\uAE30\uC5D0 \uD55C\uBC88 \uD295\uACA8\uC918\uC57C\uD568.\n    this._domRender_config.eventManager.applyEvent(\n      this._domRender_proxy,\n      this._domRender_config.eventManager.findAttrElements(target as Element, this._domRender_config),\n      this._domRender_config\n    );\n    rawSets.forEach(it => {\n      const variables = it.getUsingTriggerVariables(this._domRender_config);\n      if (variables.size <= 0) {\n        this.addRawSet('', it);\n      } else {\n        variables.forEach(sit => {\n          this.addRawSet(sit, it);\n        });\n      }\n    });\n\n    const targetRawSets = await this.render(this.getRawSets());\n    for (let targetRawSet of targetRawSets) {\n      const onInit = (target as any).getAttribute?.(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME);\n      let initParam: any;\n      if (onCreate) {\n        initParam = ScriptUtils.evaluateReturn(onCreate, this._domRender_proxy);\n      }\n      if (isOnInitRender(this._domRender_proxy)) {\n        await this._domRender_proxy.onInitRender(\n          initParam,\n          rawSet ?? ({ dataSet: { config: this._domRender_config } } as any)\n        );\n      }\n    }\n  }\n\n  public getRawSets() {\n    const set = new Set<RawSet>();\n    this._rawSets.forEach((v, k) => {\n      v.forEach(it => set.add(it));\n    });\n    return Array.from(set);\n  }\n\n  // \uC911\uC694 important\n  public async render(raws?: RawSet[] | string, fullPathStr?: string) {\n    if (typeof raws === 'string') {\n      const iter = this._rawSets.get(raws);\n      if (iter) {\n        raws = Array.from(iter);\n      } else {\n        raws = undefined;\n      }\n    }\n    const removeRawSets: RawSet[] = [];\n    const rawSets = raws ?? this.getRawSets();\n\n    // console.log('----', rawSets);\n    for (const it of rawSets as RawSet[]) {\n      it.getUsingTriggerVariables(this._domRender_config).forEach(path => {\n        // console.log('getUsingTriggerVariables->', path);\n        this.addRawSet(path, it);\n      });\n\n      let renderResult: RenderResult | undefined;\n      if (it.isConnected) {\n        // \uC911\uC694 render\uB420\uB54C targetAttribute \uCCB4\uD06C \uD574\uC57C\uD568.\n        const targetAttrMap = (it.point.node as Element)?.getAttribute?.(EventManager.normalAttrMapAttrName);\n        // console.log('sssssssssSSS?',it, targetAttrMap)\n        // console.log('----2', it, fullPathStr, targetAttrMap, (it.fragment as any).render, it.isConnected, this.getRawSets());\n        if (it.detect?.action) {\n          it.detect.action();\n          // } else if (it.type === RawSetType.TARGET_ELEMENT && it.data && fullPathStr && targetAttrMap && (it.fragment as any).render) {\n        } else if (\n          it.type === RawSetType.TARGET_ELEMENT &&\n          it.dataSet?.render?.currentThis &&\n          fullPathStr &&\n          targetAttrMap\n        ) {\n          new Map<string, NormalAttrDataType>(JSON.parse(targetAttrMap)).forEach((v, k) => {\n            // it?.data.onChangeAttrRender(k, null, v);\n            // console.log('------->?',v,k);\n            const isUsing = v.variablePaths.some(it => EventManager.isUsingThisVar(it.inner, `this.${fullPathStr}`))\n            // console.log('------->?',v,k, isUsing);\n            if (isUsing) {\n              const targetAttrObject = RawSet.getAttributeObject(it.point.node as Element, {\n                script: it.dataSet?.render?.renderScript ?? '',\n                obj: Object.assign(this._domRender_proxy ?? {}, { __render: it.dataSet?.render })\n              });\n              it.dataSet.render ??= {};\n              it.dataSet.render.attribute = targetAttrObject;\n              // const render = it.dataSet?.render;\n              // console.log('render-->!!!!!', it.dataSet.render);\n              // const script = `${render.renderScript} return ${v} `;\n              // const cval = ScriptUtils.eval(script, Object.assign(this._domRender_proxy ?? {}, { __render: render }));\n              if (isOnChangeAttrRender(it.dataSet?.render?.currentThis)) {\n                it.dataSet?.render?.currentThis?.onChangeAttrRender?.(k, targetAttrObject[k], { rawSet: it });\n              }\n            }\n            // console.log('---?', v, fullPathStr, isUsing);\n          });\n          // ------------------->\n        } else {\n          const rawSets = await it.render(this._domRender_proxy, this._domRender_config);\n          renderResult = rawSets;\n          // \uADF8\uC678 \uC790\uC2DD\uB4E4 render\n          if (rawSets && rawSets.raws.length > 0) {\n            await this.render(rawSets.raws);\n          }\n        }\n      } else {\n        removeRawSets.push(it);\n      }\n\n      const t = it.findNearThis(this._domRender_proxy);\n      // TODO: \uD638\uCD9C\uB41C\uACF3\uC5D0\uC11C \uB610 \uBCC0\uC218\uB97C \uC218\uC815\uD558\uAC8C\uB418\uBA74 \uBB34\uD55C\uB8E8\uD504\uB2C8\uAE50 \uC660\uB9CC\uD558\uBA74 \uC0AC\uC6A9\uBABB\uD558\uAC8C \uD574\uC57C\uD55C\uB2E4.\n      if (isOnRawSetRendered(t)) {\n        await t.onRawSetRendered(it, { path: fullPathStr, renderResult });\n      }\n      // console.log('----', it);\n    }\n\n    if (removeRawSets.length > 0) {\n      this.removeRawSet(...removeRawSets);\n    }\n    return this.getRawSets();\n  }\n\n  // domrender_ref\uB85C \uCC3E\uB294\uAC78\uB85C \uBC14\uAFC8\n  // public findRootDomRenderProxy(): DomRenderProxy<any> {\n  //   let current:DomRenderProxy<any>  = this;\n  //   while (current.parentProxy) {\n  //     current = current.parentProxy;\n  //   }\n  //   return current;\n  // }\n\n  public root(\n    pathInfos: { path: string; obj: any }[][],\n    value?: any,\n    lastDoneExecute = true\n  ): { path: string; obj: any }[][] {\n    // console.log('root--->', paths, value, this._domRender_ref, this._domRender_origin);\n    const fullPaths: { path: string; obj: any }[][] = [];\n    if (this._domRender_ref.size > 0) {\n      this._domRender_ref.forEach((it, key) => {\n        if ('_DomRender_isProxy' in key) {\n          it.forEach(sit => {\n            try {\n              const concat = pathInfos.concat([[{ path: sit, obj: key }]]);\n              const items: { path: string; obj: any }[][] = (key as any)._DomRender_proxy?.root(\n                concat,\n                value,\n                lastDoneExecute\n              );\n\n              fullPaths.push(items.flat());\n              // fullPaths.push({path: items.map(it=>it.path).join(','), obj: this._domRender_proxy});\n              // fullPaths.push({path: items.map(it=>it.path).join(','), obj: this._domRender_proxy});\n            } catch (e) {\n              // \uC624\uBE0C\uC81D\uD2B8\uB4E4 \uC5C6\uC5B4\uC84C\uC744\uC218\uB3C4\uC788\uB2E4 Destroy\uC2DC\uC810\uC5D0\uC11C \uC624\uB958\uB098\uB294\uACBD\uC6B0\uAC00 \uC788\uB2E4. \uB530\uB77C\uC11C \uCC38\uC870 \uD558\uB294\uBD80\uBD84 \uC5C6\uC5B4\uC838\uC57C\uD55C\uB2E4.\n              // console.error(e)\n              // it.delete(sit);\n            }\n          });\n        }\n      });\n    } else {\n      // const firstPathStr = paths.slice(1).reverse().join('.');\n      const strings = pathInfos.reverse().map(it => it.map(it => it.path).join(','));\n      // array\uAC19\uC740\uACBD\uC6B0\uB3C4 \uD0A4\uAC12\uC73C\uB85C \uC811\uADFC\uD558\uAE30\uB54C\uBB38\uC5D0 \uD2B9\uC815 \uC778\uB371\uC2A4\uB97C \uCC3E\uC544\uC11C \uADF8\uBD80\uBD84\uB9CC \uBC14\uAFD4\uC904\uC218 \uC788\uB2E4.\n      const fullPathStr = strings\n        .map(it => (isNaN(Number(it)) ? '.' + it : `[${it}]`))\n        .join('')\n        .slice(1);\n      // console.log('-------fullPathStr', fullPathStr, lastDoneExecute);\n      if (lastDoneExecute) {\n        // const firstData = ScriptUtils.evalReturn('this.' + firstPathStr, this._domRender_proxy);\n        // console.log('-------', firstPathStr, firstData);\n        // if (firstData instanceof Dictionary) {\n        // }\n        const iterable = this._rawSets.get(fullPathStr);\n        // array check\n        const front = strings\n          .slice(0, strings.length - 1)\n          .map(it => (isNaN(Number(it)) ? '.' + it : `[${it}]`))\n          .join('');\n        const lastPropertyName = strings[strings.length - 1];\n        const path = 'this' + front;\n        const data = ScriptUtils.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path), this._domRender_proxy);\n        // console.log('root-->', this._rawSets, path, data );\n        // console.log('--!!!!', fullPathStr, iterable, data, front, last);\n        // \uC65C\uC5EC\uAE30\uC11C promise\uB97C \uD588\uC744\uAE4C\uB97C \uC0DD\uAC01\uD574\uBCF4\uBA74......\uD6D4.. \uBCC0\uC218\uBCC0\uACBD\uACFC \uD654\uBA74 \uBFCC\uB824\uC8FC\uB294\uAC78 \uB3D9\uAE30\uB85C\uD558\uBA74 \uC131\uB2A5\uC774 \uC548\uB098\uC624\uACE0 \uBE44\uD604\uC2E4\uC801\uC774\uB2E4.  \uADF8\uB798\uC11C promise\n        new Promise<RawSet[]>(async resolve => {\n          let rData: RawSet[] = [];\n          const firstPathStr = front.slice(1);\n\n          // check dictionary\n          // console.log('-promise-------', firstPathStr, this)\n          const firstTargets = this._rawSets.get(firstPathStr);\n          const firstTargetDictionary: RawSet[] = [];\n          firstTargets?.forEach(it => {\n            // console.log('----forEach---', it);\n            const type = (it.point.start as Element)?.getAttribute?.('type');\n            if (type === RawSetOperatorType.DR_THIS_PROPERTY) {\n              firstTargetDictionary.push(it);\n            }\n          });\n          if (firstTargetDictionary.length > 0) {\n            // console.log('ddddddddddd', firstTargetDictionary);\n            const rawSets: RawSet[] = [];\n            let skip = false;\n            firstTargetDictionary.forEach(it => {\n              const startElement = it.point.start as Element;\n              const keys = startElement.getAttribute(RawSet.DR_HAS_KEYS_OPTIONNAME)?.split(',') ?? [];\n              if (value === undefined) {\n                const rawSet = it.getHasRawSet(lastPropertyName);\n                rawSet?.remove();\n                startElement.setAttribute(\n                  RawSet.DR_HAS_KEYS_OPTIONNAME,\n                  keys.filter(it => it !== lastPropertyName).join(',')\n                );\n              }\n              if (!keys.includes(lastPropertyName)) {\n                const raws = DrThisProperty.append(\n                  this._domRender_proxy,\n                  fullPathStr,\n                  lastPropertyName,\n                  it,\n                  this._domRender_config\n                );\n                if (raws) {\n                  rawSets.push(...raws);\n                }\n              } else {\n                skip = true;\n              }\n            });\n            if (skip === false || rawSets.length > 0) {\n              rData = await this.render(rawSets);\n            }\n          }\n\n          if (lastPropertyName === 'length' && Array.isArray(data)) {\n            const aIterable = this._rawSets.get(firstPathStr);\n            if (aIterable) {\n              rData = await this.render(Array.from(aIterable));\n            }\n          } else if (iterable) {\n            // console.log('------------',iterable, fullPaths)\n            rData = await this.render(Array.from(iterable), fullPathStr);\n          }\n\n          // console.log('-----------', this, lastPropertyName );\n          // this._targets.forEach(it => {\n          //   // return;\n          //   if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {\n          //     const targets = eventManager.findAttrElements((it as DocumentFragment | Element), this.config);\n          //     eventManager.changeVar(this._domRender_proxy, targets, `this.${fullPathStr}`, this.config);\n          //   }\n          // });\n\n          const Node = ((this._domRender_config.window as any).Node)\n          this._targets.forEach(it => {\n            // return;\n            if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {\n              const targets = this._domRender_config.eventManager.findAttrElements(\n                it as DocumentFragment | Element,\n                this._domRender_config\n              );\n              this._domRender_config.eventManager.changeVar(\n                this._domRender_proxy,\n                targets,\n                `this.${fullPathStr}`,\n                this._domRender_config\n              );\n            }\n          });\n\n          //\uB79C\uB354\uB300\uC0C1\uB41C\uAC8C\uC788\uC73C\uBA74\n          if (rData?.length > 0 && isOnChildRenderedByProperty(data)) {\n            const propertyValue = ScriptUtils.evaluateReturn(`this.${lastPropertyName}`, data);\n            data.onChildRenderedByProperty(lastPropertyName, propertyValue);\n            // data\n          }\n          resolve(rData);\n        }).then(it => {\n          // console.log('DonrenderProxy root RenderDone')\n        });\n      }\n      fullPaths.push([{ path: fullPathStr, obj: this._domRender_proxy }]);\n    }\n\n    // console.log('dddddd', fullPaths.flatMap(it=>it).map(it=>it.path))\n    return fullPaths;\n  }\n\n  public set(target: T, p: string | symbol, value: any, receiver: T): boolean {\n    // console.log('set------->', target, p, value, receiver, Date.now())\n    // console.log('set------->', p,value)\n    // console.log('set------->', target, p, value, receiver, Date.now())\n    // try {\n    //   const isNoProxy = Reflect.getMetadata(DomRenderNoProxyKey, target, p) || Reflect.getMetadata(DomRenderNoProxyKey, Object.getPrototypeOf(obj).constructor);\n    //   if (isNoProxy) {\n    //     return obj;\n    //   }\n    // }catch (e) {}\n\n    // console.log('set-->', p, value, target, receiver, Reflect.getMetadata(DomRenderNoProxyKey, target, p) );\n\n    if (\n      (typeof p === 'string' && p !== '__domrender_components' && excludeGetSetPropertys.includes(p)) ||\n      Reflect.getMetadata(DomRenderNoProxyKey, target, p)\n    ) {\n      (target as any)[p] = value;\n      return true;\n    }\n    // const old =  (target as any)[p];\n    // console.log('set proxy-->', target, p, value, this._rawSets, this._domRender_ref);\n    // if (typeof p === 'string' && '__render' === p) {\n    //     (target as any)[p] = value;\n    //     return true;\n    // }\n    // console.log('set--?', p, target, value);\n\n    if (typeof p === 'string') {\n      value = this.proxy(receiver, value, p);\n    }\n\n    // console.log('set typeChecked',  (target as any)[p] instanceof ComponentSet, value instanceof ComponentSet);\n    // if ((target as any)[p] instanceof ComponentSet) {\n    //   (target as any)[p]?.obj?.onDrThisUnBind?.();\n    // }\n    // is ComponentSet\n    if (value instanceof ComponentSet && (target as any)[p] instanceof ComponentSet) {\n      value.config.beforeComponentSet = (target as any)[p];\n    }\n    (target as any)[p] = value;\n    let fullPathInfo: { path: string; obj: any }[][] = [];\n    if (typeof p === 'string') {\n      fullPathInfo = this.root([[{ path: p, obj: this._domRender_proxy }]], value);\n    }\n\n    // console.log('setRooot', fullPathInfo);\n\n    //normal attribute \uB610\uD55C \uB9C1\uD06C\uB791 \uAC19\uC740 \uC99D\uC138\uB77C\uC11C \uC774\uB807\uAC8C \uD574\uC918\uC57C\uD55C\uB2E4!!\n    // const rootDomRenderProxy = this.findRootDomRenderProxy();\n    // console.log('set!!!!!!!', fullPathInfo, rootDomRenderProxy)\n    // console.log('--------rootDom',fullPathInfo, rootDomRenderProxy, rootDomRenderProxy._domRender_proxy)\n    const rootElement = this._domRender_config.rootElement ?? this._domRender_config.window.document;\n    DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.normalAttrMapAttrName)?.forEach(\n      elementInfo => {\n        // @ts-ignore\n        // const optionalPath = ObjectUtils.Path.toOptionalChainPath(elementInfo.value);\n        const targets = new Map<string, NormalAttrDataType>(\n          ObjectUtils.Script.evaluateReturn<[string, NormalAttrDataType][]>(elementInfo.value)\n        );\n        Array.from(targets.entries())\n          .filter(isDefined)\n          .flatMap(([key, valueScript]) => {\n            return fullPathInfo\n              .flat()\n              .filter(it => valueScript.variablePaths?.some(vit=> vit.inner.includes(`this.${it.path}`)))\n              .flatMap(it => ({ key, valueScript: valueScript, pathInfo: it }));\n          })\n          .forEach(it => {\n            // const optionalPaths = it.valueScript.variablePaths.map(it => ObjectUtils.Path.toOptionalChainPath(it))\n            const variablePaths = it.valueScript.variablePaths;\n            let targetScript = it.valueScript.originalAttrValue;\n            variablePaths.forEach(it => {\n              let r = ObjectUtils.Path.toOptionalChainPath(it.inner);\n              targetScript = targetScript.replaceAll(it.origin,`\\${${r}}`);\n            })\n            const value1 = ObjectUtils.Script.evaluateReturn('`'+targetScript+'`', it.pathInfo.obj);\n            // console.log('proxy set!Attribut======', it.key, value1)\n            if (value1 === null) {\n              elementInfo.element.removeAttribute(it.key);\n              elementInfo.element[it.key] = null;\n            } else {\n              elementInfo.element.setAttribute(it.key, value1);\n              elementInfo.element[it.key] = value1;\n            }\n          });\n      }\n    );\n\n    //\uC5EC\uAE30\uC11C \uB9C1\uD06C \uAC19\uC740\uAC70 \uD574\uC918\uC57C\uD568  *-link\uB85C \uBCC0\uC218\uAC12\uC774 \uBCC0\uACBD\uB418\uBA74 \uADF8\uAC78 \uCC38\uACE0\uD558\uACE0\uC788\uB294 \uB2E4\uB978\uAC83\uB4E4\uC5D0\uB3C4 \uD574\uC918\uC57C\uD55C\uB2E4.\n    DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.linkTargetMapAttrName)?.forEach(\n      elementInfo => {\n        // @ts-ignore\n        const targets = new Map<string, string>(ScriptUtils.evaluateReturn<[string, string][]>(elementInfo.value));\n\n        Array.from(targets.entries())\n          .filter(([key, value]) => value.trim())\n          .filter(isDefined)\n          .flatMap(([key, valueScript]) => {\n            return fullPathInfo\n              .flat()\n              .filter(it => valueScript.includes(`this.${it.path}`))\n              .flatMap(it => ({ key, valueScript: valueScript, pathInfo: it }));\n          })\n          .forEach(info => {\n            const value1 = ScriptUtils.evaluateReturn(info.valueScript, info.pathInfo.obj);\n            const applyAttributeName = EventManager.linkAttrs.find(it => it.name === info.key);\n            if (applyAttributeName) {\n              if (value1 === null) {\n                elementInfo.element.removeAttribute(applyAttributeName.property);\n              } else {\n                // console.log('ppppppppppppppppppppppp', applyAttributeName, elementInfo)\n                elementInfo.element.setAttribute(applyAttributeName.property, value1);\n              }\n            }\n          });\n\n        Array.from(targets.entries())\n          .filter(([key, value]) => value.trim())\n          .filter(isDefined)\n          .flatMap(([key, valueScript]) => {\n            return fullPathInfo\n              .flat()\n              .filter(it => valueScript.includes(`this.${it.path}`))\n              .flatMap(it => ({ key, valueScript: valueScript, pathInfo: it }));\n          })\n          .forEach(info => {\n            const linkInfo = EventManager.linkAttrs.find(it => it.name === info.key);\n            if (linkInfo) {\n              elementInfo.element[linkInfo.property] = value;\n            }\n          });\n      }\n    );\n\n    // console.log('---end',receiver);\n    if (\n      'onBeforeReturnSet' in receiver &&\n      typeof p === 'string' &&\n      !(this._domRender_config.proxyExcludeOnBeforeReturnSets ?? []).concat(excludeGetSetPropertys).includes(p)\n    ) {\n      if (isOnBeforeReturnSet(receiver)) {\n        receiver.onBeforeReturnSet?.(\n          p,\n          value,\n          fullPathInfo.map(it => it.map(it => it.path).join())\n        );\n      }\n    }\n    return true;\n  }\n\n  get(target: T, p: string | symbol, receiver: any): any {\n    // console.log('get-->', target, p, receiver);\n    if (p === '_DomRender_origin' || p === '_domRender_origin') {\n      return this._domRender_origin;\n    } else if (p === '_DomRender_ref' || p === '_domRender_ref') {\n      return this._domRender_ref;\n    } else if (p === '_DomRender_config' || p === '_domRender_config') {\n      return this._domRender_config;\n    } else if (p === '_DomRender_proxy' || p === '_domRender_proxy') {\n      return this;\n    } else {\n      // Date\uB77C\uB358\uC9C0 \uC774\uB7F0\uB188\uB4E4\uC740-_-\uD504\uB85D\uC2DC\uAC00 \uC774\uC0C1\uD558\uAC8C \uB3D9\uC791\uD574\uC11C\n      // console.log('--->', p, target, target.bind, 'bind' in target)\n      // if ((p in target) && ('bind' in target)) {\n      //     try{\n      //     return (target as any)[p].bind(target);\n      //     }catch (e) {\n      //         console.error(e)\n      //     }\n      // } else {\n      //     return (target as any)[p]\n      // }\n      // return (p in target) ? (target as any)[p].bind(target) : (target as any)[p]\n      // console.log('-->', p, Object.prototype.toString.call((target as any)[p]), (target as any)[p])\n      // return (target as any)[p]\n      let it = (target as any)[p];\n      if (\n        it &&\n        typeof it === 'object' &&\n        '_DomRender_isProxy' in it &&\n        Object.prototype.toString.call(it._DomRender_origin) === '[object Date]'\n      ) {\n        it = it._DomRender_origin;\n      }\n\n      if (\n        'onBeforeReturnGet' in receiver &&\n        typeof p === 'string' &&\n        !(this._domRender_config.proxyExcludeOnBeforeReturnGets ?? []).concat(excludeGetSetPropertys).includes(p)\n      ) {\n        (receiver as any)?.onBeforeReturnGet?.(\n          p,\n          it,\n          this.root([[{ path: p, obj: this._domRender_proxy }]], it, false)\n        );\n      }\n      return it;\n    }\n  }\n\n  deleteProperty(target: T, p: string | symbol): boolean {\n    delete (target as any)[p];\n    if (typeof p === 'string') {\n      this.root([[{ path: p, obj: this._domRender_proxy }]]);\n    }\n    return true;\n  }\n\n  has(target: T, p: string | symbol): boolean {\n    return p === '_DomRender_isProxy' || p in target;\n  }\n\n  proxy(parentProxy: T, obj: T | any, p: string) {\n    try {\n      // const isNoProxy = Reflect.getMetadata(DomRenderNoProxyKey, obj, p) || Reflect.getMetadata(DomRenderNoProxyKey, Object.getPrototypeOf(obj).constructor);\n      const isObject = typeof obj === 'object';\n      const isNoProxy = isObject && isDomRenderNoProxy(obj, p);\n      const isExclude = this._domRender_config.proxyExcludeTyps?.some(it => obj instanceof it) ?? false;\n      const isFinal = isObject && DomRenderProxy.isFinal(obj);\n      const isFrozen = Object.isFrozen(obj);\n      const isShield = obj instanceof Shield;\n      if (\n        obj === undefined ||\n        obj === null ||\n        isNoProxy ||\n        isExclude ||\n        ValidUtils.isNullOrUndefined(obj) ||\n        !isObject ||\n        isFinal ||\n        isFrozen ||\n        isShield\n      ) {\n        return obj;\n      }\n    } catch (e) {}\n\n    /*\n    const proxyTarget = (this._domRender_config.proxyExcludeTyps?.filter(it => obj instanceof it) ?? []).length <= 0;\n    if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {\n      const domRender = new DomRenderProxy(obj, undefined, this._domRender_config);\n      domRender.addRef(parentProxy, p);\n      const proxy = new Proxy(obj, domRender);\n      domRender.run(proxy);\n      return proxy;\n    }\n    if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {\n      const d = (obj as any)._DomRender_proxy as DomRenderProxy<T>;\n      d.addRef(this._domRender_proxy!, p);\n      return obj;\n    } else {\n      return obj;\n    }\n */\n    if (!isWrapProxyDomRenderProxy(obj)) {\n      const domRender = new DomRenderProxy(obj, undefined, this._domRender_config);\n      domRender.addRef(parentProxy, p);\n      const proxy = new Proxy(obj, domRender);\n      domRender.run(proxy);\n      return proxy;\n    }\n    if (isWrapProxyDomRenderProxy(obj)) {\n      const d = (obj as any)._DomRender_proxy as DomRenderProxy<T>;\n      d.addRef(this._domRender_proxy!, p);\n      return obj;\n    } else {\n      return obj;\n    }\n  }\n\n  public addRef(parent: object, path: string) {\n    if (!this._domRender_ref.get(parent)) {\n      this._domRender_ref.set(parent, new Set<string>());\n    }\n    this._domRender_ref.get(parent)?.add(path);\n  }\n\n  public addRawSetAndRender(path: string, rawSet: RawSet) {\n    this.addRawSet(path, rawSet);\n    this.render([rawSet]);\n  }\n\n  public addRawSet(path: string, rawSet: RawSet) {\n    // console.log('addRawSet--> path:', path, 'rawSet:', rawSet)\n    if (!this._rawSets.get(path)) {\n      this._rawSets.set(path, new Set<RawSet>());\n    }\n    this._rawSets.get(path)?.add(rawSet);\n  }\n\n  // public removeRawSet(...raws: RawSet[]) {\n  //     this._rawSets.forEach(it => {\n  //         raws.forEach(sit => it.delete(sit));\n  //     })\n  //     this.garbageRawSet();\n  // }\n\n  public removeRawSet(...raws: RawSet[]) {\n    this._rawSets.forEach(it => {\n      it.forEach(sit => {\n        if (!sit.isConnected) {\n          it.delete(sit);\n        } else if (raws.includes(sit)) {\n          it.delete(sit);\n        }\n      });\n    });\n    this.targetGarbageRawSet();\n  }\n\n  private targetGarbageRawSet() {\n    this._targets.forEach(it => {\n      if (!it.isConnected) {\n        this._targets.delete(it);\n      }\n    });\n  }\n\n  private garbageRawSet() {\n    this._targets.forEach(it => {\n      if (!it.isConnected) {\n        this._targets.delete(it);\n      }\n    });\n\n    this._rawSets.forEach(it => {\n      it.forEach(sit => {\n        if (!sit.isConnected) {\n          it.delete(sit);\n        }\n      });\n    });\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { RawSet, RenderResult } from './rawsets/RawSet';\nimport { EventManager, NormalAttrDataType } from './events/EventManager';\nimport { DomRenderConfig } from './configs/DomRenderConfig';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { DomRenderFinalProxy, Shield } from './types/Types';\nimport { RawSetType } from './rawsets/RawSetType';\nimport { DrThisProperty } from './operators/DrThisProperty';\nimport { RawSetOperatorType } from './rawsets/RawSetOperatorType';\nimport { ComponentSet } from './components/ComponentSet';\nimport { DomRenderNoProxyKey, isDomRenderNoProxy } from './decorators/DomRenderNoProxy';\nimport { isOnCreateRender } from './lifecycle/OnCreateRender';\nimport { isOnInitRender } from './lifecycle/OnInitRender';\nimport { isOnCreateRenderData } from './lifecycle/OnCreateRenderData';\nimport { isOnChangeAttrRender } from './lifecycle/OnChangeAttrRender';\nimport { DocumentUtils } from '@dooboostore/core-web/document/DocumentUtils';\nimport { isDefined } from '@dooboostore/core/types';\nimport { isOnBeforeReturnSet } from './lifecycle/OnBeforeReturnSet';\nimport { isOnChildRenderedByProperty } from './lifecycle/OnChildRenderedByProperty';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\nimport { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\nimport { isOnProxyDomRender } from './lifecycle/OnProxyDomRender';\nimport { isOnRawSetRendered } from './lifecycle/OnRawSetRendered';\n\nconst excludeGetSetPropertys = [\n  'onBeforeReturnGet',\n  'onBeforeReturnSet',\n  '__domrender_components',\n  '__render',\n  '_DomRender_isFinal',\n  '_domRender_ref',\n  '_rawSets',\n  '_domRender_proxy',\n  '_targets',\n  '_DomRender_origin',\n  '_DomRender_ref',\n  '_DomRender_proxy'\n];\nexport const isWrapProxyDomRenderProxy = <T>(obj: T): boolean => {\n  return obj && typeof obj === 'object' && '_DomRender_isProxy' in obj;\n};\nexport const getDomRenderOriginObject = <T>(obj: T): T => {\n  if (isWrapProxyDomRenderProxy(obj)) {\n    return (obj as any)._domRender_origin;\n  }\n  return obj;\n};\nexport const getDomRenderConfig = (obj: any): DomRenderConfig | undefined => {\n  if (isWrapProxyDomRenderProxy(obj)) {\n    return obj._domRender_config;\n  }\n  return undefined;\n};\n//@ts-ignore\nexport const getDomRenderProxy = <T>(obj: T): DomRenderProxy<T> | undefined => {\n  if (isWrapProxyDomRenderProxy(obj)) {\n    //@ts-ignore\n    return (obj as any)._domRender_proxy as DomRenderProxy<T>;\n  }\n  return undefined;\n};\nexport class DomRenderProxy<T extends object> implements ProxyHandler<T> {\n  public _domRender_ref = new Map<object, Set<string>>();\n  public _rawSets = new Map<string, Set<RawSet>>();\n  public _domRender_proxy?: T;\n  // public _firstTarget: Node;\n  public _targets = new Set<Node>();\n\n  constructor(\n    public _domRender_origin: T,\n    target: Node | null | undefined,\n    public _domRender_config: DomRenderConfig\n  ) {\n    if (target) {\n      this._targets.add(target);\n      // this._firstTarget = target;\n    }\n\n    // setInterval(() => {\n    //   this._rawSets.forEach(it => {\n    //     Array.from(it).forEach(it => {\n    //       console.log(it, it.isConnected)\n    //     })\n    //   });\n    // }, 1000)\n  }\n\n  public static unFinal<T = any>(obj: T): T {\n    return DomRenderFinalProxy.unFinal(obj);\n  }\n\n  public static final<T = any>(obj: T): T {\n    return DomRenderFinalProxy.final(obj);\n  }\n\n  public static isFinal<T = any>(obj: T) {\n    return ValidUtils.isNull(obj) || DomRenderFinalProxy.isFinal(obj);\n  }\n\n  public async run(objProxy: T) {\n    this._domRender_proxy = objProxy;\n    if (isOnProxyDomRender(objProxy)) {\n      objProxy.onProxyDomRender(this._domRender_config);\n    }\n    const obj = getDomRenderOriginObject<any>(objProxy);\n    if (obj) {\n      Object.keys(obj).forEach(it => {\n        // Reflect \uBA54\uD0C0\uB370\uC774\uD130\uC5D0\uC11C domRender:NoProxy \uC5EC\uBD80 \uD655\uC778\n        try {\n          const isNoProxy =\n            Reflect.getMetadata(DomRenderNoProxyKey, obj, it) ||\n            Reflect.getMetadata(DomRenderNoProxyKey, Object.getPrototypeOf(obj).constructor);\n          if (isNoProxy) {\n            return obj;\n          }\n        } catch (e) {}\n        const target = obj[it];\n        if (\n          target !== undefined &&\n          target !== null &&\n          typeof target === 'object' &&\n          !DomRenderProxy.isFinal(target) &&\n          !Object.isFrozen(target) &&\n          !(obj instanceof Shield)\n        ) {\n          const isExcluded = this._domRender_config.proxyExcludeTyps?.some(it => target instanceof it) ?? false;\n          // const filter = this._domRender_config.proxyExcludeTyps?.filter(it => target instanceof it) ?? [];\n          if (!isExcluded) {\n            const proxyAfter = this.proxy(objProxy, target, it);\n            obj[it] = proxyAfter;\n          }\n        }\n      });\n    }\n    // console.log('target', this._targets);\n    for (let target of this._targets) {\n      await this.initRender(target);\n    }\n  }\n\n  public async initRender(target: Node, rawSet?: RawSet) {\n    // if (target instanceof Element) {\n    //   target.setAttribute('dr-this', 'this');\n    //   const rawSets = RawSet.checkPointCreates(target, this._domRender_proxy, this.config);\n    //   this.render(rawSets)\n    //   return;\n    // }\n    //\n    if (target instanceof Element) {\n      // \uC911\uC694: \uB098\uB97C\uD1B5\uD574 \uC774\uC5B4\uC9C4\uACF3\uC758 \uC704\uCE58\uB97C \uB0A8\uACA8\uC57C\uB41C\uB2E4 \uC548\uADF8\uB7EC\uBA74 TargetElement\uB294 \uC54C\uC218 \uC788\uB294 \uBC29\uBC95\uC774 \uC5C6\uB2E4. \uC5EC\uAE30\uC11C \uD754\uC801\uC744 \uB0A8\uACA8\uC918\uC57C \uD55C\uB2E4.\n      // const targetElementNames = (this.config.targetElements?.map(it => it.name.toLowerCase().replaceAll('.', '\\\\.')) ?? []).join(',');\n      // Array.from(target.querySelectorAll(targetElementNames)).forEach(it => it.setAttribute(EventManager.parentVariablePathAttrName, '@this@'));\n      target.innerHTML = target.innerHTML.replace(/@this@/g, 'this');\n    }\n    // TODO: \uD55C\uACF3\uC5D0\uC11C \uCC98\uB9AC \uD544\uC694\uD560\uB4EF.. \uB108\uBB34 \uC0B0\uBC1C\uC801\uC73C\uB85C \uC788\uC74C.\n    const onCreate = (target as any).getAttribute?.(RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);\n    let createParam: any[] = [];\n    if (onCreate) {\n      createParam = ObjectUtils.Script.evaluateReturn(onCreate, this._domRender_proxy);\n      if (!Array.isArray(createParam)) {\n        createParam = [createParam];\n      }\n    }\n\n    if (isOnCreateRenderData(this._domRender_proxy)) {\n      this._domRender_proxy?.onCreateRenderData({ rootParent: this._domRender_proxy });\n    }\n\n    if (isOnCreateRender(this._domRender_proxy)) {\n      this._domRender_proxy.onCreateRender(...createParam);\n    }\n\n    // const innerHTML = (target as any).innerHTML ?? '';\n    this._targets.add(target);\n    const rawSets = RawSet.checkPointCreates(target, this._domRender_proxy, this._domRender_config);\n    // console.log('initRender -------rawSet', rawSets)\n    // \uC911\uC694 \uCD08\uAE30\uC5D0 \uD55C\uBC88 \uD295\uACA8\uC918\uC57C\uD568.\n    this._domRender_config.eventManager.applyEvent(\n      this._domRender_proxy,\n      this._domRender_config.eventManager.findAttrElements(target as Element, this._domRender_config),\n      this._domRender_config\n    );\n    rawSets.forEach(it => {\n      const variables = it.getUsingTriggerVariables(this._domRender_config);\n      if (variables.size <= 0) {\n        this.addRawSet('', it);\n      } else {\n        variables.forEach(sit => {\n          this.addRawSet(sit, it);\n        });\n      }\n    });\n\n    const targetRawSets = await this.render(this.getRawSets());\n    for (let targetRawSet of targetRawSets) {\n      const onInit = (target as any).getAttribute?.(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME);\n      let initParam: any;\n      if (onCreate) {\n        initParam = ScriptUtils.evaluateReturn(onCreate, this._domRender_proxy);\n      }\n      if (isOnInitRender(this._domRender_proxy)) {\n        await this._domRender_proxy.onInitRender(\n          initParam,\n          rawSet ?? ({ dataSet: { config: this._domRender_config } } as any)\n        );\n      }\n    }\n  }\n\n  public getRawSets() {\n    const set = new Set<RawSet>();\n    this._rawSets.forEach((v, k) => {\n      v.forEach(it => set.add(it));\n    });\n    return Array.from(set);\n  }\n\n  // \uC911\uC694 important\n  public async render(raws?: RawSet[] | string, fullPathStr?: string) {\n    if (typeof raws === 'string') {\n      const iter = this._rawSets.get(raws);\n      if (iter) {\n        raws = Array.from(iter);\n      } else {\n        raws = undefined;\n      }\n    }\n    const removeRawSets: RawSet[] = [];\n    const rawSets = raws ?? this.getRawSets();\n\n    // console.log('----', rawSets);\n    for (const it of rawSets as RawSet[]) {\n      it.getUsingTriggerVariables(this._domRender_config).forEach(path => {\n        // console.log('getUsingTriggerVariables->', path);\n        this.addRawSet(path, it);\n      });\n\n      let renderResult: RenderResult | undefined;\n      if (it.isConnected) {\n        // \uC911\uC694 render\uB420\uB54C targetAttribute \uCCB4\uD06C \uD574\uC57C\uD568.\n        const targetAttrMap = (it.point.node as Element)?.getAttribute?.(EventManager.normalAttrMapAttrName);\n        // console.log('sssssssssSSS?',it, targetAttrMap)\n        // console.log('----2', it, fullPathStr, targetAttrMap, (it.fragment as any).render, it.isConnected, this.getRawSets());\n        if (it.detect?.action) {\n          it.detect.action();\n          // } else if (it.type === RawSetType.TARGET_ELEMENT && it.data && fullPathStr && targetAttrMap && (it.fragment as any).render) {\n        } else if (\n          it.type === RawSetType.TARGET_ELEMENT &&\n          it.dataSet?.render?.currentThis &&\n          fullPathStr &&\n          targetAttrMap\n        ) {\n          new Map<string, NormalAttrDataType>(JSON.parse(targetAttrMap)).forEach((v, k) => {\n            // it?.data.onChangeAttrRender(k, null, v);\n            // console.log('------->?',v,k);\n            const isUsing = v.variablePaths.some(it => EventManager.isUsingThisVar(it.inner, `this.${fullPathStr}`))\n            // console.log('------->?',v,k, isUsing);\n            if (isUsing) {\n              const targetAttrObject = RawSet.getAttributeObject(it.point.node as Element, {\n                script: it.dataSet?.render?.renderScript ?? '',\n                obj: Object.assign(this._domRender_proxy ?? {}, { __render: it.dataSet?.render })\n              });\n              it.dataSet.render ??= {};\n              it.dataSet.render.attribute = targetAttrObject;\n              // const render = it.dataSet?.render;\n              // console.log('render-->!!!!!', it.dataSet.render);\n              // const script = `${render.renderScript} return ${v} `;\n              // const cval = ScriptUtils.eval(script, Object.assign(this._domRender_proxy ?? {}, { __render: render }));\n              if (isOnChangeAttrRender(it.dataSet?.render?.currentThis)) {\n                it.dataSet?.render?.currentThis?.onChangeAttrRender?.(k, targetAttrObject[k], { rawSet: it });\n              }\n            }\n            // console.log('---?', v, fullPathStr, isUsing);\n          });\n          // ------------------->\n        } else {\n          const rawSets = await it.render(this._domRender_proxy, this._domRender_config);\n          renderResult = rawSets;\n          // \uADF8\uC678 \uC790\uC2DD\uB4E4 render\n          if (rawSets && rawSets.raws.length > 0) {\n            await this.render(rawSets.raws);\n          }\n        }\n      } else {\n        removeRawSets.push(it);\n      }\n\n      const t = it.findNearThis(this._domRender_proxy);\n      // TODO: \uD638\uCD9C\uB41C\uACF3\uC5D0\uC11C \uB610 \uBCC0\uC218\uB97C \uC218\uC815\uD558\uAC8C\uB418\uBA74 \uBB34\uD55C\uB8E8\uD504\uB2C8\uAE50 \uC660\uB9CC\uD558\uBA74 \uC0AC\uC6A9\uBABB\uD558\uAC8C \uD574\uC57C\uD55C\uB2E4.\n      if (isOnRawSetRendered(t)) {\n        await t.onRawSetRendered(it, { path: fullPathStr, renderResult });\n      }\n      // console.log('----', it);\n    }\n\n    if (removeRawSets.length > 0) {\n      this.removeRawSet(...removeRawSets);\n    }\n    return this.getRawSets();\n  }\n\n  // domrender_ref\uB85C \uCC3E\uB294\uAC78\uB85C \uBC14\uAFC8\n  // public findRootDomRenderProxy(): DomRenderProxy<any> {\n  //   let current:DomRenderProxy<any>  = this;\n  //   while (current.parentProxy) {\n  //     current = current.parentProxy;\n  //   }\n  //   return current;\n  // }\n\n  public root(\n    pathInfos: { path: string; obj: any }[][],\n    value?: any,\n    lastDoneExecute = true\n  ): { path: string; obj: any }[][] {\n    // console.log('root--->', paths, value, this._domRender_ref, this._domRender_origin);\n    const fullPaths: { path: string; obj: any }[][] = [];\n    if (this._domRender_ref.size > 0) {\n      this._domRender_ref.forEach((it, key) => {\n        if ('_DomRender_isProxy' in key) {\n          it.forEach(sit => {\n            try {\n              const concat = pathInfos.concat([[{ path: sit, obj: key }]]);\n              const items: { path: string; obj: any }[][] = (key as any)._DomRender_proxy?.root(\n                concat,\n                value,\n                lastDoneExecute\n              );\n\n              fullPaths.push(items.flat());\n              // fullPaths.push({path: items.map(it=>it.path).join(','), obj: this._domRender_proxy});\n              // fullPaths.push({path: items.map(it=>it.path).join(','), obj: this._domRender_proxy});\n            } catch (e) {\n              // \uC624\uBE0C\uC81D\uD2B8\uB4E4 \uC5C6\uC5B4\uC84C\uC744\uC218\uB3C4\uC788\uB2E4 Destroy\uC2DC\uC810\uC5D0\uC11C \uC624\uB958\uB098\uB294\uACBD\uC6B0\uAC00 \uC788\uB2E4. \uB530\uB77C\uC11C \uCC38\uC870 \uD558\uB294\uBD80\uBD84 \uC5C6\uC5B4\uC838\uC57C\uD55C\uB2E4.\n              // console.error(e)\n              // it.delete(sit);\n            }\n          });\n        }\n      });\n    } else {\n      // const firstPathStr = paths.slice(1).reverse().join('.');\n      const strings = pathInfos.reverse().map(it => it.map(it => it.path).join(','));\n      // array\uAC19\uC740\uACBD\uC6B0\uB3C4 \uD0A4\uAC12\uC73C\uB85C \uC811\uADFC\uD558\uAE30\uB54C\uBB38\uC5D0 \uD2B9\uC815 \uC778\uB371\uC2A4\uB97C \uCC3E\uC544\uC11C \uADF8\uBD80\uBD84\uB9CC \uBC14\uAFD4\uC904\uC218 \uC788\uB2E4.\n      const fullPathStr = strings\n        .map(it => (isNaN(Number(it)) ? '.' + it : `[${it}]`))\n        .join('')\n        .slice(1);\n      // console.log('-------fullPathStr', fullPathStr, lastDoneExecute);\n      if (lastDoneExecute) {\n        // const firstData = ScriptUtils.evalReturn('this.' + firstPathStr, this._domRender_proxy);\n        // console.log('-------', firstPathStr, firstData);\n        // if (firstData instanceof Dictionary) {\n        // }\n        const iterable = this._rawSets.get(fullPathStr);\n        // array check\n        const front = strings\n          .slice(0, strings.length - 1)\n          .map(it => (isNaN(Number(it)) ? '.' + it : `[${it}]`))\n          .join('');\n        const lastPropertyName = strings[strings.length - 1];\n        const path = 'this' + front;\n        const data = ScriptUtils.evaluateReturn(ObjectUtils.Path.toOptionalChainPath(path), this._domRender_proxy);\n        // console.log('root-->', this._rawSets, path, data );\n        // console.log('--!!!!', fullPathStr, iterable, data, front, last);\n        // \uC65C\uC5EC\uAE30\uC11C promise\uB97C \uD588\uC744\uAE4C\uB97C \uC0DD\uAC01\uD574\uBCF4\uBA74......\uD6D4.. \uBCC0\uC218\uBCC0\uACBD\uACFC \uD654\uBA74 \uBFCC\uB824\uC8FC\uB294\uAC78 \uB3D9\uAE30\uB85C\uD558\uBA74 \uC131\uB2A5\uC774 \uC548\uB098\uC624\uACE0 \uBE44\uD604\uC2E4\uC801\uC774\uB2E4.  \uADF8\uB798\uC11C promise\n        new Promise<RawSet[]>(async resolve => {\n          let rData: RawSet[] = [];\n          const firstPathStr = front.slice(1);\n\n          // check dictionary\n          // console.log('-promise-------', firstPathStr, this)\n          const firstTargets = this._rawSets.get(firstPathStr);\n          const firstTargetDictionary: RawSet[] = [];\n          firstTargets?.forEach(it => {\n            // console.log('----forEach---', it);\n            const type = (it.point.start as Element)?.getAttribute?.('type');\n            if (type === RawSetOperatorType.DR_THIS_PROPERTY) {\n              firstTargetDictionary.push(it);\n            }\n          });\n          if (firstTargetDictionary.length > 0) {\n            // console.log('ddddddddddd', firstTargetDictionary);\n            const rawSets: RawSet[] = [];\n            let skip = false;\n            firstTargetDictionary.forEach(it => {\n              const startElement = it.point.start as Element;\n              const keys = startElement.getAttribute(RawSet.DR_HAS_KEYS_OPTIONNAME)?.split(',') ?? [];\n              if (value === undefined) {\n                const rawSet = it.getHasRawSet(lastPropertyName);\n                rawSet?.remove();\n                startElement.setAttribute(\n                  RawSet.DR_HAS_KEYS_OPTIONNAME,\n                  keys.filter(it => it !== lastPropertyName).join(',')\n                );\n              }\n              if (!keys.includes(lastPropertyName)) {\n                const raws = DrThisProperty.append(\n                  this._domRender_proxy,\n                  fullPathStr,\n                  lastPropertyName,\n                  it,\n                  this._domRender_config\n                );\n                if (raws) {\n                  rawSets.push(...raws);\n                }\n              } else {\n                skip = true;\n              }\n            });\n            if (skip === false || rawSets.length > 0) {\n              rData = await this.render(rawSets);\n            }\n          }\n\n          if (lastPropertyName === 'length' && Array.isArray(data)) {\n            const aIterable = this._rawSets.get(firstPathStr);\n            if (aIterable) {\n              rData = await this.render(Array.from(aIterable));\n            }\n          } else if (iterable) {\n            // console.log('------------',iterable, fullPaths)\n            rData = await this.render(Array.from(iterable), fullPathStr);\n          }\n\n          // console.log('-----------', this, lastPropertyName );\n          // this._targets.forEach(it => {\n          //   // return;\n          //   if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {\n          //     const targets = eventManager.findAttrElements((it as DocumentFragment | Element), this.config);\n          //     eventManager.changeVar(this._domRender_proxy, targets, `this.${fullPathStr}`, this.config);\n          //   }\n          // });\n\n          const Node = ((this._domRender_config.window as any).Node)\n          this._targets.forEach(it => {\n            // return;\n            if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {\n              const targets = this._domRender_config.eventManager.findAttrElements(\n                it as DocumentFragment | Element,\n                this._domRender_config\n              );\n              this._domRender_config.eventManager.changeVar(\n                this._domRender_proxy,\n                targets,\n                `this.${fullPathStr}`,\n                this._domRender_config\n              );\n            }\n          });\n\n          //\uB79C\uB354\uB300\uC0C1\uB41C\uAC8C\uC788\uC73C\uBA74\n          if (rData?.length > 0 && isOnChildRenderedByProperty(data)) {\n            const propertyValue = ScriptUtils.evaluateReturn(`this.${lastPropertyName}`, data);\n            data.onChildRenderedByProperty(lastPropertyName, propertyValue);\n            // data\n          }\n          resolve(rData);\n        }).then(it => {\n          // console.log('DonrenderProxy root RenderDone')\n        });\n      }\n      fullPaths.push([{ path: fullPathStr, obj: this._domRender_proxy }]);\n    }\n\n    // console.log('dddddd', fullPaths.flatMap(it=>it).map(it=>it.path))\n    return fullPaths;\n  }\n\n  public set(target: T, p: string | symbol, value: any, receiver: T): boolean {\n    // console.log('set------->', target, p, value, receiver, Date.now())\n    // console.log('set------->', p,value)\n    // console.log('set------->', target, p, value, receiver, Date.now())\n    // try {\n    //   const isNoProxy = Reflect.getMetadata(DomRenderNoProxyKey, target, p) || Reflect.getMetadata(DomRenderNoProxyKey, Object.getPrototypeOf(obj).constructor);\n    //   if (isNoProxy) {\n    //     return obj;\n    //   }\n    // }catch (e) {}\n\n    // console.log('set-->', p, value, target, receiver, Reflect.getMetadata(DomRenderNoProxyKey, target, p) );\n\n    if (\n      (typeof p === 'string' && p !== '__domrender_components' && excludeGetSetPropertys.includes(p)) ||\n      Reflect.getMetadata(DomRenderNoProxyKey, target, p)\n    ) {\n      (target as any)[p] = value;\n      return true;\n    }\n    // const old =  (target as any)[p];\n    // console.log('set proxy-->', target, p, value, this._rawSets, this._domRender_ref);\n    // if (typeof p === 'string' && '__render' === p) {\n    //     (target as any)[p] = value;\n    //     return true;\n    // }\n    // console.log('set--?', p, target, value);\n\n    if (typeof p === 'string') {\n      value = this.proxy(receiver, value, p);\n    }\n\n    // console.log('set typeChecked',  (target as any)[p] instanceof ComponentSet, value instanceof ComponentSet);\n    // if ((target as any)[p] instanceof ComponentSet) {\n    //   (target as any)[p]?.obj?.onDrThisUnBind?.();\n    // }\n    // is ComponentSet\n    if (value instanceof ComponentSet && (target as any)[p] instanceof ComponentSet) {\n      value.config.beforeComponentSet = (target as any)[p];\n    }\n    (target as any)[p] = value;\n    let fullPathInfo: { path: string; obj: any }[][] = [];\n    if (typeof p === 'string') {\n      fullPathInfo = this.root([[{ path: p, obj: this._domRender_proxy }]], value);\n    }\n\n    // console.log('setRooot', fullPathInfo);\n\n    //normal attribute \uB610\uD55C \uB9C1\uD06C\uB791 \uAC19\uC740 \uC99D\uC138\uB77C\uC11C \uC774\uB807\uAC8C \uD574\uC918\uC57C\uD55C\uB2E4!!\n    // const rootDomRenderProxy = this.findRootDomRenderProxy();\n    // console.log('set!!!!!!!', fullPathInfo, rootDomRenderProxy)\n    // console.log('--------rootDom',fullPathInfo, rootDomRenderProxy, rootDomRenderProxy._domRender_proxy)\n    const rootElement = this._domRender_config.rootElement ?? this._domRender_config.window.document;\n    DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.normalAttrMapAttrName)?.forEach(\n      elementInfo => {\n        // @ts-ignore\n        // const optionalPath = ObjectUtils.Path.toOptionalChainPath(elementInfo.value);\n        const targets = new Map<string, NormalAttrDataType>(\n          ObjectUtils.Script.evaluateReturn<[string, NormalAttrDataType][]>(elementInfo.value)\n        );\n        Array.from(targets.entries())\n          .filter(isDefined)\n          .flatMap(([key, valueScript]) => {\n            return fullPathInfo\n              .flat()\n              .filter(it => valueScript.variablePaths?.some(vit=> vit.inner.includes(`this.${it.path}`)))\n              .flatMap(it => ({ key, valueScript: valueScript, pathInfo: it }));\n          })\n          .forEach(it => {\n            // const optionalPaths = it.valueScript.variablePaths.map(it => ObjectUtils.Path.toOptionalChainPath(it))\n            const variablePaths = it.valueScript.variablePaths;\n            let targetScript = it.valueScript.originalAttrValue;\n              let script: string;\n              if (it.valueScript.isStringTemplate) {\n                  variablePaths.forEach(it => {\n                      let r = ObjectUtils.Path.toOptionalChainPath(it.inner);\n                      targetScript = targetScript.replaceAll(it.origin, `\\${${r}}`);\n                  })\n                  script = '`' + targetScript + '`';\n              } else {\n                  variablePaths.forEach(it => {\n                      let r = ObjectUtils.Path.toOptionalChainPath(it.inner);\n                      targetScript = targetScript.replaceAll(it.origin, `${r}`);\n                  })\n                  script = targetScript;\n              }\n            // variablePaths.forEach(it => {\n            //   let r = ObjectUtils.Path.toOptionalChainPath(it.inner);\n            //   targetScript = targetScript.replaceAll(it.origin,`\\${${r}}`);\n            // })\n            const value1 = ObjectUtils.Script.evaluateReturn(script, it.pathInfo.obj);\n            // console.log('proxy set!Attribut======', it.key, value1)\n            if (value1 === null) {\n              elementInfo.element.removeAttribute(it.key);\n              elementInfo.element[it.key] = null;\n            } else {\n              elementInfo.element.setAttribute(it.key, value1);\n              elementInfo.element[it.key] = value1;\n            }\n          });\n      }\n    );\n\n    //\uC5EC\uAE30\uC11C \uB9C1\uD06C \uAC19\uC740\uAC70 \uD574\uC918\uC57C\uD568  *-link\uB85C \uBCC0\uC218\uAC12\uC774 \uBCC0\uACBD\uB418\uBA74 \uADF8\uAC78 \uCC38\uACE0\uD558\uACE0\uC788\uB294 \uB2E4\uB978\uAC83\uB4E4\uC5D0\uB3C4 \uD574\uC918\uC57C\uD55C\uB2E4.\n    DocumentUtils.querySelectorAllByAttributeName(rootElement, EventManager.linkTargetMapAttrName)?.forEach(\n      elementInfo => {\n        // @ts-ignore\n        const targets = new Map<string, string>(ScriptUtils.evaluateReturn<[string, string][]>(elementInfo.value));\n\n        Array.from(targets.entries())\n          .filter(([key, value]) => value.trim())\n          .filter(isDefined)\n          .flatMap(([key, valueScript]) => {\n            return fullPathInfo\n              .flat()\n              .filter(it => valueScript.includes(`this.${it.path}`))\n              .flatMap(it => ({ key, valueScript: valueScript, pathInfo: it }));\n          })\n          .forEach(info => {\n            const value1 = ScriptUtils.evaluateReturn(info.valueScript, info.pathInfo.obj);\n            const applyAttributeName = EventManager.linkAttrs.find(it => it.name === info.key);\n            if (applyAttributeName) {\n              if (value1 === null) {\n                elementInfo.element.removeAttribute(applyAttributeName.property);\n              } else {\n                // console.log('ppppppppppppppppppppppp', applyAttributeName, elementInfo)\n                elementInfo.element.setAttribute(applyAttributeName.property, value1);\n              }\n            }\n          });\n\n        Array.from(targets.entries())\n          .filter(([key, value]) => value.trim())\n          .filter(isDefined)\n          .flatMap(([key, valueScript]) => {\n            return fullPathInfo\n              .flat()\n              .filter(it => valueScript.includes(`this.${it.path}`))\n              .flatMap(it => ({ key, valueScript: valueScript, pathInfo: it }));\n          })\n          .forEach(info => {\n            const linkInfo = EventManager.linkAttrs.find(it => it.name === info.key);\n            if (linkInfo) {\n              elementInfo.element[linkInfo.property] = value;\n            }\n          });\n      }\n    );\n\n    // console.log('---end',receiver);\n    if (\n      'onBeforeReturnSet' in receiver &&\n      typeof p === 'string' &&\n      !(this._domRender_config.proxyExcludeOnBeforeReturnSets ?? []).concat(excludeGetSetPropertys).includes(p)\n    ) {\n      if (isOnBeforeReturnSet(receiver)) {\n        receiver.onBeforeReturnSet?.(\n          p,\n          value,\n          fullPathInfo.map(it => it.map(it => it.path).join())\n        );\n      }\n    }\n    return true;\n  }\n\n  get(target: T, p: string | symbol, receiver: any): any {\n    // console.log('get-->', target, p, receiver);\n    if (p === '_DomRender_origin' || p === '_domRender_origin') {\n      return this._domRender_origin;\n    } else if (p === '_DomRender_ref' || p === '_domRender_ref') {\n      return this._domRender_ref;\n    } else if (p === '_DomRender_config' || p === '_domRender_config') {\n      return this._domRender_config;\n    } else if (p === '_DomRender_proxy' || p === '_domRender_proxy') {\n      return this;\n    } else {\n      // Date\uB77C\uB358\uC9C0 \uC774\uB7F0\uB188\uB4E4\uC740-_-\uD504\uB85D\uC2DC\uAC00 \uC774\uC0C1\uD558\uAC8C \uB3D9\uC791\uD574\uC11C\n      // console.log('--->', p, target, target.bind, 'bind' in target)\n      // if ((p in target) && ('bind' in target)) {\n      //     try{\n      //     return (target as any)[p].bind(target);\n      //     }catch (e) {\n      //         console.error(e)\n      //     }\n      // } else {\n      //     return (target as any)[p]\n      // }\n      // return (p in target) ? (target as any)[p].bind(target) : (target as any)[p]\n      // console.log('-->', p, Object.prototype.toString.call((target as any)[p]), (target as any)[p])\n      // return (target as any)[p]\n      let it = (target as any)[p];\n      if (\n        it &&\n        typeof it === 'object' &&\n        '_DomRender_isProxy' in it &&\n        Object.prototype.toString.call(it._DomRender_origin) === '[object Date]'\n      ) {\n        it = it._DomRender_origin;\n      }\n\n      if (\n        'onBeforeReturnGet' in receiver &&\n        typeof p === 'string' &&\n        !(this._domRender_config.proxyExcludeOnBeforeReturnGets ?? []).concat(excludeGetSetPropertys).includes(p)\n      ) {\n        (receiver as any)?.onBeforeReturnGet?.(\n          p,\n          it,\n          this.root([[{ path: p, obj: this._domRender_proxy }]], it, false)\n        );\n      }\n      return it;\n    }\n  }\n\n  deleteProperty(target: T, p: string | symbol): boolean {\n    delete (target as any)[p];\n    if (typeof p === 'string') {\n      this.root([[{ path: p, obj: this._domRender_proxy }]]);\n    }\n    return true;\n  }\n\n  has(target: T, p: string | symbol): boolean {\n    return p === '_DomRender_isProxy' || p in target;\n  }\n\n  proxy(parentProxy: T, obj: T | any, p: string) {\n    try {\n      // const isNoProxy = Reflect.getMetadata(DomRenderNoProxyKey, obj, p) || Reflect.getMetadata(DomRenderNoProxyKey, Object.getPrototypeOf(obj).constructor);\n      const isObject = typeof obj === 'object';\n      const isNoProxy = isObject && isDomRenderNoProxy(obj, p);\n      const isExclude = this._domRender_config.proxyExcludeTyps?.some(it => obj instanceof it) ?? false;\n      const isFinal = isObject && DomRenderProxy.isFinal(obj);\n      const isFrozen = Object.isFrozen(obj);\n      const isShield = obj instanceof Shield;\n      if (\n        obj === undefined ||\n        obj === null ||\n        isNoProxy ||\n        isExclude ||\n        ValidUtils.isNullOrUndefined(obj) ||\n        !isObject ||\n        isFinal ||\n        isFrozen ||\n        isShield\n      ) {\n        return obj;\n      }\n    } catch (e) {}\n\n    /*\n    const proxyTarget = (this._domRender_config.proxyExcludeTyps?.filter(it => obj instanceof it) ?? []).length <= 0;\n    if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {\n      const domRender = new DomRenderProxy(obj, undefined, this._domRender_config);\n      domRender.addRef(parentProxy, p);\n      const proxy = new Proxy(obj, domRender);\n      domRender.run(proxy);\n      return proxy;\n    }\n    if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {\n      const d = (obj as any)._DomRender_proxy as DomRenderProxy<T>;\n      d.addRef(this._domRender_proxy!, p);\n      return obj;\n    } else {\n      return obj;\n    }\n */\n    if (!isWrapProxyDomRenderProxy(obj)) {\n      const domRender = new DomRenderProxy(obj, undefined, this._domRender_config);\n      domRender.addRef(parentProxy, p);\n      const proxy = new Proxy(obj, domRender);\n      domRender.run(proxy);\n      return proxy;\n    }\n    if (isWrapProxyDomRenderProxy(obj)) {\n      const d = (obj as any)._DomRender_proxy as DomRenderProxy<T>;\n      d.addRef(this._domRender_proxy!, p);\n      return obj;\n    } else {\n      return obj;\n    }\n  }\n\n  public addRef(parent: object, path: string) {\n    if (!this._domRender_ref.get(parent)) {\n      this._domRender_ref.set(parent, new Set<string>());\n    }\n    this._domRender_ref.get(parent)?.add(path);\n  }\n\n  public addRawSetAndRender(path: string, rawSet: RawSet) {\n    this.addRawSet(path, rawSet);\n    this.render([rawSet]);\n  }\n\n  public addRawSet(path: string, rawSet: RawSet) {\n    // console.log('addRawSet--> path:', path, 'rawSet:', rawSet)\n    if (!this._rawSets.get(path)) {\n      this._rawSets.set(path, new Set<RawSet>());\n    }\n    this._rawSets.get(path)?.add(rawSet);\n  }\n\n  // public removeRawSet(...raws: RawSet[]) {\n  //     this._rawSets.forEach(it => {\n  //         raws.forEach(sit => it.delete(sit));\n  //     })\n  //     this.garbageRawSet();\n  // }\n\n  public removeRawSet(...raws: RawSet[]) {\n    this._rawSets.forEach(it => {\n      it.forEach(sit => {\n        if (!sit.isConnected) {\n          it.delete(sit);\n        } else if (raws.includes(sit)) {\n          it.delete(sit);\n        }\n      });\n    });\n    this.targetGarbageRawSet();\n  }\n\n  private targetGarbageRawSet() {\n    this._targets.forEach(it => {\n      if (!it.isConnected) {\n        this._targets.delete(it);\n      }\n    });\n  }\n\n  private garbageRawSet() {\n    this._targets.forEach(it => {\n      if (!it.isConnected) {\n        this._targets.delete(it);\n      }\n    });\n\n    this._rawSets.forEach(it => {\n      it.forEach(sit => {\n        if (!sit.isConnected) {\n          it.delete(sit);\n        }\n      });\n    });\n  }\n}\n"],
+  "mappings": "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",
   "names": ["it", "rawSets", "value"]
 }

package/dist/esm/components/forOf/ForOf.js

@@ -3,7 +3,7 @@ import { DomRender } from "../../DomRender.js";
 import { RawSet } from "../../rawsets/RawSet.js";
 var ForOf;
 ((_ForOf) => {
-  _ForOf.selector = "System:ForOf";
+  _ForOf.selector = "dr-for-of";
   class ForOf2 extends ComponentBase {
     onChangeAttrRender(name, value, other) {
       super.onChangeAttrRender(name, value, other);
@@ -18,7 +18,7 @@ var ForOf_default = {
   forOf: (config) => {
     return RawSet.createComponentTargetElement({
       name: ForOf.selector,
-      template: '<div dr-for-of="@this@.data" dr-option-strip="true">#innerHTML#</div>',
+      template: '<div dr-for-of="@this@.value" >#innerHTML#</div>',
       objFactory: (e, o, r2, counstructorParam) => {
         return DomRender.run({ rootObject: new ForOf.ForOf(...counstructorParam), config });
       }

package/dist/esm/components/forOf/ForOf.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/forOf/ForOf.ts"],
-  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\n\nexport namespace ForOf {\n  export const selector = 'System:ForOf';\n  export type Attribute<D> = {\n    value: D;\n  };\n\n  // @Component({\n  //   template: '<div dr-for-of=\"@this@.data\" dr-option-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}`\n  // })\n  export class ForOf<D> extends ComponentBase<Attribute<D>> {\n    private value?: D;\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      if (this.equalsAttributeName(name, 'value')) {\n        this.value = value;\n      }\n    }\n  }\n}\n\nexport default {\n  forOf: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: ForOf.selector,\n      template: '<div dr-for-of=\"@this@.data\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new ForOf.ForOf(...counstructorParam), config: config });\n      }\n    });\n  }\n};"],
+  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\n\nexport namespace ForOf {\n  export const selector = 'dr-for-of';\n  export type Attribute<D> = {\n    value: D;\n  };\n\n  // @Component({\n  //   template: '<div dr-for-of=\"@this@.data\" dr-option-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}`\n  // })\n  export class ForOf<D> extends ComponentBase<Attribute<D>> {\n    private value?: D;\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      if (this.equalsAttributeName(name, 'value')) {\n        this.value = value;\n      }\n    }\n  }\n}\n\nexport default {\n  forOf: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: ForOf.selector,\n      template: '<div dr-for-of=\"@this@.value\" >#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return DomRender.run({ rootObject: new ForOf.ForOf(...counstructorParam), config: config });\n      }\n    });\n  }\n};"],
   "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,iBAAqC;AAC9C,SAAS,cAAc;AAGhB,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EASjB,MAAMA,eAAiB,cAA4B;AAAA,IAGxD,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAC3C,UAAI,KAAK,oBAAoB,MAAM,OAAO,GAAG;AAC3C,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;AAAA,EACF;AATO,SAAM,QAAAA;AAAA,GAVE;AAsBjB,IAAO,gBAAQ;AAAA,EACb,OAAO,CAAC,WAAgC;AACtC,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,MAAM;AAAA,MACZ,UAAU;AAAA,MACV,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAE,YAAY,IAAI,MAAM,MAAM,GAAG,iBAAiB,GAAG,OAAe,CAAC;AAAA,MAC5F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["ForOf"]
 }

package/dist/esm/components/index.js

@@ -29,6 +29,7 @@ import Details from "./details/Details.js";
 import Input from "./input/Input.js";
 import Route from "./router/Route.js";
 import A from "./a/A.js";
+import ForOf from "./forOf/ForOf.js";
 const drComponent = {
   ...If,
   ...This,
@@ -43,7 +44,8 @@ const drComponent = {
   ...Input,
   ...Route,
   ...RouterOutlet,
-  ...A
+  ...A,
+  ...ForOf
 };
 export {
   drComponent

package/dist/esm/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export * from './ComponentBase';\nexport * from './ComponentRouterBase';\nexport * from './ComponentSet';\nexport * from './a';\nexport * from './appender';\nexport * from './checkbox';\nexport * from './choose';\nexport * from './details';\nexport * from './forOf';\nexport * from './if';\nexport * from './input';\nexport * from './promise';\nexport * from './radio';\nexport * from './router';\nexport * from './select';\nexport * from './this';\nexport * from './timer';\n\nimport If from './if/If';\nimport This from './this/This';\nimport Appender from './appender/Appender';\nimport PromiseSwitch from './promise/PromiseSwitch';\nimport Choose from './choose/Choose';\nimport CheckBox from './checkbox/CheckBox';\nimport Radio from './radio/Radio';\nimport RouterOutlet from './router/RouterOutlet';\nimport Select from './select/Select';\nimport Timer from './timer/Timer';\nimport Details from './details/Details';\nimport Input from './input/Input';\nimport Route from './router/Route';\nimport A from './a/A';\n\nexport const drComponent = {\n  ...If,\n  ...This,\n  ...Appender,\n  ...PromiseSwitch,\n  ...Choose,\n  ...CheckBox,\n  ...Radio,\n  ...Select,\n  ...Timer,\n  ...Details,\n  ...Input,\n  ...Route,\n  ...RouterOutlet,\n  ...A,\n}"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,mBAAmB;AAC1B,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,YAAY;AACnB,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,OAAO,WAAW;AAClB,OAAO,WAAW;AAClB,OAAO,OAAO;AAEP,MAAM,cAAc;AAAA,EACzB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;",
+  "sourcesContent": ["\nexport * from './ComponentBase';\nexport * from './ComponentRouterBase';\nexport * from './ComponentSet';\nexport * from './a';\nexport * from './appender';\nexport * from './checkbox';\nexport * from './choose';\nexport * from './details';\nexport * from './forOf';\nexport * from './if';\nexport * from './input';\nexport * from './promise';\nexport * from './radio';\nexport * from './router';\nexport * from './select';\nexport * from './this';\nexport * from './timer';\n\nimport If from './if/If';\nimport This from './this/This';\nimport Appender from './appender/Appender';\nimport PromiseSwitch from './promise/PromiseSwitch';\nimport Choose from './choose/Choose';\nimport CheckBox from './checkbox/CheckBox';\nimport Radio from './radio/Radio';\nimport RouterOutlet from './router/RouterOutlet';\nimport Select from './select/Select';\nimport Timer from './timer/Timer';\nimport Details from './details/Details';\nimport Input from './input/Input';\nimport Route from './router/Route';\nimport A from './a/A';\nimport ForOf from './forOf/ForOf';\n\nexport const drComponent = {\n  ...If,\n  ...This,\n  ...Appender,\n  ...PromiseSwitch,\n  ...Choose,\n  ...CheckBox,\n  ...Radio,\n  ...Select,\n  ...Timer,\n  ...Details,\n  ...Input,\n  ...Route,\n  ...RouterOutlet,\n  ...A,\n...ForOf\n}"],
+  "mappings": "AACA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,OAAO,mBAAmB;AAC1B,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,OAAO,WAAW;AAClB,OAAO,kBAAkB;AACzB,OAAO,YAAY;AACnB,OAAO,WAAW;AAClB,OAAO,aAAa;AACpB,OAAO,WAAW;AAClB,OAAO,WAAW;AAClB,OAAO,OAAO;AACd,OAAO,WAAW;AAEX,MAAM,cAAc;AAAA,EACzB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACL,GAAG;AACH;",
   "names": []
 }

package/dist/esm/components/router/RouterOutlet.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/router/RouterOutlet.ts"],
-  "sourcesContent": ["import { ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { ComponentSet } from '../../components/ComponentSet';\nimport { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\nimport { ComponentRouterBase, isOnCreatedOutletDebounce } from '../../components/ComponentRouterBase';\nimport { OnCreateRenderDataParams } from 'src/lifecycle';\n\nexport namespace RouterOutlet {\n  export const selector = 'dr-router-outlet';\n  export type Attribute = {\n    value: ComponentSet;\n    if: boolean | null;\n    createArguments: any[];\n    onCreated?: (value: any) => void;\n    onCreatedDebounce?: (value: any) => void;\n    onDestroyRender?: () => void;\n  };\n\n  export class RouterOutlet extends ComponentBase<Attribute> implements OnInitRender {\n    private value?: ComponentSet;\n    private if?: boolean | null = null;\n    private createArguments?: any[];\n\n    setValue(value: ComponentSet) {\n      this.value = value;\n      // console.log('sssssssssss');\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      const c = this.getParentThis();\n      const userValue = this.getAttribute('value');\n      if (userValue) {\n        this.value = userValue;\n      } else if (c instanceof ComponentRouterBase) {\n        this.value = c.child;\n      }\n      // console.log('------',c);\n    }\n\n    onDestroyRender(data: OnDestroyRenderParams) {\n      super.onDestroyRender(data);\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      if (this.equalsAttributeName(name, 'value')) {\n        this.value = value;\n      }\n      if (this.equalsAttributeName(name, 'if')) {\n        this.if = value;\n      }\n      if (this.equalsAttributeName(name, 'createArguments')) {\n        this.createArguments = value;\n      }\n    }\n\n    onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n      super.onCreatedThisChild(child, data);\n      // console.log('outlet--oncreatedThisChild',child);\n    }\n\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      let parentThis = this.getParentThis();\n      // console.log('---', parentThis);\n      if (isOnCreatedOutletDebounce(parentThis)) {\n        parentThis.onCreatedOutletDebounce(this.value?.obj);\n      }\n      this.getAttribute('onCreatedDebounce')?.(this.value?.obj);\n    }\n    created(component: any) {\n      component ??= this.value?.obj;\n      this.getAttribute('onCreated')?.(component);\n    }\n  }\n}\n\nexport default {\n  // TODO: \uC65C \uC774\uB188\uB9CC webpack\uC5D0\uC11C \uC21C\uD658\uCC38\uC870 \uC5D0\uB7EC\uB098\uB294\uC9C0\uBAA8\uB974\uACA0\uB2E4.. \uC65C \uC774\uB188\uB9CC.. \uADF8\uB798\uC11C \uC774\uB807\uAC8C \uD558\uAE34\uD568.\n  routerOutlet: (config?: DomRenderRunConfig, executer?: { run: (...data: any[]) => any }) => {\n    return RawSet.createComponentTargetElement({\n      name: RouterOutlet.selector,\n      template:\n        '<div dr-this=\"@this@.value\" dr-detect-option-if=\"@this@?.value && @this@?.if\" dr-option-strip=\"true\" dr-on-create:arguments=\"@this@.createArguments\" dr-on-create:callback=\"@this@?.created?.($component)\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return executer?.run({ rootObject: new RouterOutlet.RouterOutlet(...counstructorParam), config: config });\n      }\n    });\n  }\n};\n"],
+  "sourcesContent": ["import { ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { ComponentSet } from '../../components/ComponentSet';\nimport { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\nimport { ComponentRouterBase, isOnCreatedOutletDebounce } from '../../components/ComponentRouterBase';\nimport { OnCreateRenderDataParams } from '../../lifecycle';\n\nexport namespace RouterOutlet {\n  export const selector = 'dr-router-outlet';\n  export type Attribute = {\n    value: ComponentSet;\n    if: boolean | null;\n    createArguments: any[];\n    onCreated?: (value: any) => void;\n    onCreatedDebounce?: (value: any) => void;\n    onDestroyRender?: () => void;\n  };\n\n  export class RouterOutlet extends ComponentBase<Attribute> implements OnInitRender {\n    private value?: ComponentSet;\n    private if?: boolean | null = null;\n    private createArguments?: any[];\n\n    setValue(value: ComponentSet) {\n      this.value = value;\n      // console.log('sssssssssss');\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      const c = this.getParentThis();\n      const userValue = this.getAttribute('value');\n      if (userValue) {\n        this.value = userValue;\n      } else if (c instanceof ComponentRouterBase) {\n        this.value = c.child;\n      }\n      // console.log('------',c);\n    }\n\n    onDestroyRender(data: OnDestroyRenderParams) {\n      super.onDestroyRender(data);\n    }\n\n    onChangeAttrRender(name: string, value: any, other: OtherData) {\n      super.onChangeAttrRender(name, value, other);\n      if (this.equalsAttributeName(name, 'value')) {\n        this.value = value;\n      }\n      if (this.equalsAttributeName(name, 'if')) {\n        this.if = value;\n      }\n      if (this.equalsAttributeName(name, 'createArguments')) {\n        this.createArguments = value;\n      }\n    }\n\n    onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n      super.onCreatedThisChild(child, data);\n      // console.log('outlet--oncreatedThisChild',child);\n    }\n\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      let parentThis = this.getParentThis();\n      // console.log('---', parentThis);\n      if (isOnCreatedOutletDebounce(parentThis)) {\n        parentThis.onCreatedOutletDebounce(this.value?.obj);\n      }\n      this.getAttribute('onCreatedDebounce')?.(this.value?.obj);\n    }\n    created(component: any) {\n      component ??= this.value?.obj;\n      this.getAttribute('onCreated')?.(component);\n    }\n  }\n}\n\nexport default {\n  // TODO: \uC65C \uC774\uB188\uB9CC webpack\uC5D0\uC11C \uC21C\uD658\uCC38\uC870 \uC5D0\uB7EC\uB098\uB294\uC9C0\uBAA8\uB974\uACA0\uB2E4.. \uC65C \uC774\uB188\uB9CC.. \uADF8\uB798\uC11C \uC774\uB807\uAC8C \uD558\uAE34\uD568.\n  routerOutlet: (config?: DomRenderRunConfig, executer?: { run: (...data: any[]) => any }) => {\n    return RawSet.createComponentTargetElement({\n      name: RouterOutlet.selector,\n      template:\n        '<div dr-this=\"@this@.value\" dr-detect-option-if=\"@this@?.value && @this@?.if\" dr-option-strip=\"true\" dr-on-create:arguments=\"@this@.createArguments\" dr-on-create:callback=\"@this@?.created?.($component)\">#innerHTML#</div>',\n      objFactory: (e, o, r2, counstructorParam) => {\n        return executer?.run({ rootObject: new RouterOutlet.RouterOutlet(...counstructorParam), config: config });\n      }\n    });\n  }\n};\n"],
   "mappings": "AAAA,SAAsB,qBAAqB;AAE3C,SAAS,cAAc;AAKvB,SAAS,qBAAqB,iCAAiC;AAGxD,IAAU;AAAA,CAAV,CAAU,kBAAV;AACE,EAAM,yBAAW;AAAA,EAUjB,MAAMA,sBAAqB,cAAiD;AAAA,IAA5E;AAAA;AAEL,WAAQ,KAAsB;AAAA;AAAA,IAG9B,SAAS,OAAqB;AAC5B,WAAK,QAAQ;AAAA,IAEf;AAAA,IAEA,MAAM,aAAa,OAAY,QAAgB;AAC7C,YAAM,MAAM,aAAa,OAAO,MAAM;AACtC,YAAM,IAAI,KAAK,cAAc;AAC7B,YAAM,YAAY,KAAK,aAAa,OAAO;AAC3C,UAAI,WAAW;AACb,aAAK,QAAQ;AAAA,MACf,WAAW,aAAa,qBAAqB;AAC3C,aAAK,QAAQ,EAAE;AAAA,MACjB;AAAA,IAEF;AAAA,IAEA,gBAAgB,MAA6B;AAC3C,YAAM,gBAAgB,IAAI;AAAA,IAC5B;AAAA,IAEA,mBAAmB,MAAc,OAAY,OAAkB;AAC7D,YAAM,mBAAmB,MAAM,OAAO,KAAK;AAC3C,UAAI,KAAK,oBAAoB,MAAM,OAAO,GAAG;AAC3C,aAAK,QAAQ;AAAA,MACf;AACA,UAAI,KAAK,oBAAoB,MAAM,IAAI,GAAG;AACxC,aAAK,KAAK;AAAA,MACZ;AACA,UAAI,KAAK,oBAAoB,MAAM,iBAAiB,GAAG;AACrD,aAAK,kBAAkB;AAAA,MACzB;AAAA,IACF;AAAA,IAEA,mBAAmB,OAAY,MAAgC;AAC7D,YAAM,mBAAmB,OAAO,IAAI;AAAA,IAEtC;AAAA,IAEA,2BAA2B,aAA4B;AACrD,YAAM,2BAA2B,WAAW;AAC5C,UAAI,aAAa,KAAK,cAAc;AAEpC,UAAI,0BAA0B,UAAU,GAAG;AACzC,mBAAW,wBAAwB,KAAK,OAAO,GAAG;AAAA,MACpD;AACA,WAAK,aAAa,mBAAmB,IAAI,KAAK,OAAO,GAAG;AAAA,IAC1D;AAAA,IACA,QAAQ,WAAgB;AACtB,gCAAc,KAAK,OAAO;AAC1B,WAAK,aAAa,WAAW,IAAI,SAAS;AAAA,IAC5C;AAAA,EACF;AAzDO,gBAAM,eAAAA;AAAA,GAXE;AAuEjB,IAAO,uBAAQ;AAAA;AAAA,EAEb,cAAc,CAAC,QAA6B,aAAgD;AAC1F,WAAO,OAAO,6BAA6B;AAAA,MACzC,MAAM,aAAa;AAAA,MACnB,UACE;AAAA,MACF,YAAY,CAAC,GAAG,GAAG,IAAI,sBAAsB;AAC3C,eAAO,UAAU,IAAI,EAAE,YAAY,IAAI,aAAa,aAAa,GAAG,iBAAiB,GAAG,OAAe,CAAC;AAAA,MAC1G;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["RouterOutlet"]
 }

package/dist/esm/components/select/Select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/select/Select.ts"],
-  "sourcesContent": ["import { attribute, ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OnCreateRenderData } from '../../lifecycle/OnCreateRenderData';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { OnDestroyRender } from '../../lifecycle/OnDestroyRender';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\nimport { type Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';\nimport { DomRenderNoProxy } from '../../decorators/DomRenderNoProxy';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { DomRenderConfig } from '../../configs/DomRenderConfig';\nimport { WindowUtils } from '@dooboostore/core-web/window/WindowUtils';\nimport { OnRawSetRenderedOtherData } from 'src/lifecycle';\n\n/** 사용법\n <dr-select class=\"card-select-container\" changeSelected=\"${(data) => @this@.changeSelected(data)}$\">  <!-- multiple attribute optional-->\n <dr-select-summary class=\"card-select-summary-container\">\n <dr-select-summary-placeholder>\n <div class=\"card-select-summary-placeholder-container\">카드사별 사용처 안내 페이지 선택</div>\n </dr-select-summary-placeholder>\n <dr-select-summary-selected>\n <div dr-if=\"@this@.selectedCard\" class=\"card-select-summary-selected-container\">\n <img dr-attr=\"{src:@this@.selectedCard?.iconImg}\"> ${@this@.selectedCard?.name}$\n </div>\n </dr-select-summary-selected>\n </dr-select-summary>\n\n <dr-select-body float=\"bottom-left\" class=\"card-select-body-container\">\n <dr-select-option dr-for-of=\"@this@.cards\" value=\"${#it#.name}$\" selected=\"${#nearForOfIndex# === 0}$\" class=\"card-select-body-option-container\">\n <img dr-attr=\"{src:#it#.iconImg}\"> ${#it#.name}$\n </dr-select-option>\n </dr-select-body>\n </dr-select>\n */\n\nexport namespace Select {\n  export const selector = 'dr-select';\n\n  // Base for simple hide/show components\n  class StateComponent extends ComponentBase {\n    public hidden = true;\n    public value: string | null = null;\n\n    constructor(config: any) {\n      super(config);\n    }\n\n    setValue(value: string | null) {\n      this.value = value;\n    }\n  }\n\n  // --- Option Child Components ---\n  export class OptionSelected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionUnselected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionDisabled extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  // --- Summary Child Components ---\n  export class SummaryPlaceholder extends StateComponent {\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n  }\n\n  export class SummarySelected extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  export class SummaryDisabled extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  // --- Select Body Component ---\n  export type SelectBodyAttribute = {\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    class?: string;\n  }\n  // --- Option Component ---\n  export type OptionAttribute = { value: string; selected?: boolean | null; disabled?: boolean | null; class?: string; };\n\n  export class Option extends ComponentBase<OptionAttribute> implements OnInitRender {\n    public hidden = true;\n    @attribute({name: 'value'}) public value: string | null = null;\n    @attribute({name: 'selected', converter: v => v !== null && v === true}) public selected = false;\n    @attribute({name: 'disabled', converter: v => v !== null && v === true}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v ? v : null)}) public classAttr: string | null = null;\n\n    // public status: 'selected' | 'unselected' | 'disabled' = 'unselected';\n\n    constructor() {\n      super({onlyParentType: SelectBody});\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      // console.log('-----', this.value, this.selected)\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   if (!this.disabled) {\n      //     this.getParentThis<Select>().handleOptionClick(this);\n      //   }\n      // });\n      this.updateStatus();\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    //   this.updateStatus();\n    // }\n\n    // async onRawSetRendered(rawSet:RawSet, otherData:OnRawSetRenderedOtherData):Promise<void>{\n    //   await super.onRawSetRendered(rawSet, otherData);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateStatus();\n    }\n\n    toggleSelected(event: Event) {\n      // console.log('isMultiple', this.isMultiple())\n      if (!this.disabled) {\n        this.selected = this.isMultiple()? !this.selected : true;\n        // this.selected =  !this.selected;\n        this.updateStatus();\n        this.getParentThis<SelectBody>().changeOptionState(this);\n      } else {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    }\n\n    isMultiple() {\n      return this.getParentThis<Select.SelectBody>()?.getParentThis<Select.Select>().multiple;\n    }\n\n    updateStatus() {\n      if (this.disabled) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        return;\n      }\n\n      if (this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n\n      if (!this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n    }\n  }\n\n  // --- Summary Component ---\n  export class Summary extends ComponentBase implements OnInitRender {\n    @attribute({ name: 'class', converter: v => (v === '' ? null : v) }) public classAttr: string | null = null;\n    private options: Select.Option[] = [];\n    private disabled: boolean = false;\n    public element?: HTMLElement;\n\n    // constructor() {\n    //   super({ onlyParentType: Select });\n    // }\n\n    setDisabled(disabled: boolean) {\n      this.disabled = disabled;\n      this.getChildren(SummaryPlaceholder).forEach(it => (it.hidden = true));\n      this.getChildren(SummarySelected).forEach(it => (it.hidden = true));\n      this.getChildren(SummaryDisabled).forEach(it => (it.hidden = false));\n    }\n\n    setOptions(options: Option[] = []): void {\n      this.options = options;\n\n      const selectedOptions = this.options.filter(it => it.selected && !it.disabled);\n      if (!this.disabled) {\n        if (selectedOptions.length > 0) {\n          this.getChildren(SummaryPlaceholder).forEach(it => (it.hidden = true));\n          this.getChildren(SummarySelected).forEach(c => {\n            c.setOptions(options);\n            c.hidden = false;\n          });\n          this.getChildren(SummaryDisabled).forEach(it => (it.hidden = true));\n        } else {\n          this.getChildren(SummaryDisabled).forEach(it => (it.hidden = true));\n          this.getChildren(SummaryPlaceholder).forEach(it => (it.hidden = false));\n          this.getChildren(SummarySelected).forEach(c => (c.hidden = true));\n        }\n      }\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   this.getParentThis<Select>().toggle();\n      // });\n    }\n\n    onInitSummaryElement(element: HTMLElement, event: Event) {\n      this.element = element;\n    }\n\n    updateView(hasSelection: boolean) {\n      this.getChildren(SummaryPlaceholder).forEach(c => (c.hidden = hasSelection));\n      this.getChildren(SummarySelected).forEach(c => (c.hidden = !hasSelection));\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    // }\n    // async onRawSetRendered(rawSet: RawSet, otherData: OnRawSetRenderedOtherData): Promise<void> {\n    //   await super.onRawSetRendered(rawSet, otherData);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateView(this.getParentThis<Select>()?.selectedValues?.length > 0);\n    }\n\n    onSummaryClick(element: HTMLElement, event: Event) {\n      if (this.getParentThis<Select>()?.disabled) {\n        event.stopPropagation();\n        event.preventDefault();\n        return;\n      }\n    }\n  }\n\n\n  export class SelectBody extends ComponentBase<SelectBodyAttribute> {\n    @attribute({ name: 'class', converter: v => (v === '' ? null : v) }) public classAttr: string | null = null;\n    @attribute({ name: 'float' }) public float: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | null = null;\n\n    constructor() {\n      super({ onlyParentType: Select });\n    }\n\n    async onRawSetRendered(rawSet: RawSet, otherData: OnRawSetRenderedOtherData): Promise<void> {\n      await super.onRawSetRendered(rawSet, otherData);\n    // }\n    // onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n    //   super.onCreatedThisChildDebounce(childrenSet);\n      this.changeOptionState();\n    }\n\n    changeOptionState(option?: Option) {\n      const options = this.getChildren(Option);\n      const select = this.getParentThis<Select>();\n      // console.log('------opti',option, select);\n      // // 멀티플이 아닐때에는 마지막 선택된값으로 처리\n      if (!select.multiple) {\n        // 내가 선택한게 있으면\n        if (option && option.selected) {\n          options.filter(it => it !== option).forEach(it => {\n            it.selected = false;\n            it.updateStatus();\n          });\n        } else {\n          const selectedOptions = options.filter(it => it.selected && !it.disabled);\n          selectedOptions.forEach((opt, idx) => {\n            const isLast = idx === selectedOptions.length - 1;\n            if (!isLast) {\n              opt.selected = false;\n              opt.updateStatus();\n            }\n          });\n        }\n      }\n      // console.log('--------', options.map(it=>it.selected))\n      select?.setOptions(options);\n    }\n  }\n\n\n  // --- Main Select Component ---\n  export type SelectAttribute = {\n    multiple?: boolean | null; class?: string;\n    changeSelected?: (value: (string | null)[]) => void;\n    name?: string;\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    disableOtherClickClose?: boolean;\n    toggle?: (open: boolean) => void;\n    disabled?: boolean | null;\n  };\n\n  export class Select extends ComponentBase<SelectAttribute> implements OnInitRender, OnCreateRender, OnCreateRenderData, OnDestroyRender {\n    @attribute({name: 'multiple', converter: v => v !== null}) public multiple = false;\n    @attribute({name: 'disabled', converter: v => v !== null}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'name', converter: v => (v === '' ? null : v)}) public name: string | null = null;\n\n    // public isOpen = false;\n    public selectedValues: (string | null)[] = [];\n    public selectedOptions: Option[] = [];\n    public value: string | (string | null)[] | null | undefined;\n\n    @DomRenderNoProxy private element?: HTMLDetailsElement;\n    @DomRenderNoProxy private documentClickSubscription?: Subscription;\n    @DomRenderNoProxy private windowBlurSubscription?: Subscription;\n    @DomRenderNoProxy public summaryComponent?: Summary;\n    @DomRenderNoProxy public selectBodyComponent?: SelectBody;\n    private options?: Select.Option[];\n\n    constructor(config?: DomRenderConfig) {\n      super();\n      // console.log('----Select constructor')\n    }\n\n    get optionComponents(): Option[] {\n      return this.getChildren(Option);\n    }\n\n    onCreateRender() {\n\n    }\n\n    onCreateRenderData() {\n\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      // console.log('select onInitRender', this.multiple)\n\n      if (ValidUtils.isBrowser() && this.rawSet?.dataSet.config.window) {\n        const detailsElement = this.element;\n\n        const window = this.rawSet.dataSet!.config!.window!;\n        const document = window.document;\n        this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {\n          const isSummaryClick = this.getChildren(Summary).some(it => event.target && it.element?.contains(event.target as Node) || it.element === event.target)\n          if (!isSummaryClick && this.getAttribute('disableOtherClickClose')) {\n            return;\n          }\n          if (!isSummaryClick && !this.multiple && detailsElement) {\n            detailsElement.open = false;\n            return;\n          }\n          if (!isSummaryClick && detailsElement && !detailsElement?.contains(event?.target as Node)) {\n            detailsElement.open = false;\n          }\n        })\n\n        this.windowBlurSubscription = WindowUtils.eventObservable(window, 'blur').subscribe(() => {\n          if (detailsElement?.open && window.document.activeElement?.tagName === 'IFRAME') {\n            detailsElement.open = false;\n          }\n        });\n      }\n    }\n\n\n    toggle(element: HTMLDetailsElement, event: Event) {\n      // console.log('------>', this.disabled, event)\n      // if (this.disabled) {\n      //   event.stopPropagation();\n      //   event.preventDefault();\n      //   return;\n      // }\n      const toggleAttribute = this.getAttribute('toggle');\n      if (toggleAttribute) {\n        toggleAttribute?.(element.open);\n      }\n    }\n\n    setOptions(options: Option[]) {\n      const summaries = this.getChildren(Summary);\n\n      this.options = options;\n\n      const values = this.options.filter(it => it.selected && !it.disabled).map(it => it.value)\n      this.getAttribute('changeSelected')?.(values);\n      summaries?.forEach(it => {\n        it.setDisabled(this.disabled);\n        if (!this.disabled) {\n          it.setOptions(options);\n        }\n      })\n    }\n\n    onInitDetailsElement(detailsElement: HTMLDetailsElement) {\n      // console.log('detailsElement oninit', detailsElement);\n      this.element = detailsElement;\n    }\n\n    onDrThisUnBind() {\n      super.onDrThisUnBind();\n      this.onDestroyRender();\n    }\n\n    onDestroyRender() {\n      super.onDestroyRender();\n      this.documentClickSubscription?.unsubscribe();\n      this.windowBlurSubscription?.unsubscribe();\n    }\n\n    test() {\n      console.log('tttttttt')\n    }\n  }\n}\n\nconst stateComponentFactory = (name: string, type: any) => {\n  return (config?: DomRenderRunConfig) =>\n    RawSet.createComponentTargetElement({\n      name,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new type(), config })\n    });\n};\n\nexport default {\n  select: (config?: DomRenderConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: Select.selector,\n      styles:\n        '.dr-select-container {\\n' +\n        '  position: relative;\\n' +\n        '\\n' +\n        '}\\n' +\n        '.dr-select-options-container {\\n' +\n        '  display: none;\\n' +\n        '  position: absolute;\\n' +\n        '  top: 100%;\\n' +\n        '  left: 0;\\n' +\n        '  right: 0;\\n' +\n        '  z-index: 10;\\n' +\n        '}\\n' +\n        '.dr-select-container.is-open .dr-select-options-container {\\n' +\n        '  display: block;\\n' +\n        '}\\n' +\n        'summary::-webkit-details-marker {\\n' +\n        '    display: none;\\n' +\n        '}\\n' +\n        '/* Floating styles for dr-select-body */\\n' +\n        '.dr-select-body-container {\\n' +\n        '    position: absolute;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '/* Reset default details/summary styles */\\n' +\n        '.dr-select-container details {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '  list-style: none; /* Remove default marker */\\n' +\n        \"  cursor: pointer; /* Indicate it's clickable */\\n\" +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary::-webkit-details-marker,\\n' +\n        '.dr-select-container summary::marker {\\n' +\n        '  display: none; /* Hide marker for Webkit and standard */\\n' +\n        '}',\n      template:\n        '<details dr-class=\"{\\n' +\n        \"        'dr-select-container': true,\\n\" +\n        \"        'is-open': @this@.isOpen,\\n\" +\n        '        [@this@.classAttr]: @this@.classAttr\\n' +\n        '     }\" dr-on-init=\"@this@.onInitDetailsElement($element)\" dr-option-complete=\"@this@.test()\"  dr-event-toggle=\"@this@.toggle($element, $event)\">\\n' +\n        '\\n' +\n        '    #innerHTML#\\n' +\n        '</details>\\n' +\n        '<select hidden=\"hidden\" name=\"${@this@.name}$\" disabled=\"${@this@.disabled ? \\'disabled\\' : null}$\"  style=\"width: 1500px; height:500px\"  multiple>\\n' +\n        '    <option dr-for-of=\"@this@.options\" value=\"${#it#.value}$\" selected=\"${#it#.selected ? \\'selected\\' : null}$\">#it# ${#it#.value}$</option>\\n' +\n        '</select>',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Select(config), config })\n    });\n  },\n  selectSummary: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-summary`,\n      template:\n        '<summary dr-class=\"{[@this@.classAttr]: @this@.classAttr}\"\\n' +\n        '         dr-on-init=\"@this@.onInitSummaryElement($element, $event)\"\\n' +\n        '         dr-event-click=\"@this@.onSummaryClick($element, $event)\"\\n' +\n        '>\\n' +\n        '#innerHTML#\\n' +\n        '</summary>',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Summary(), config })\n    });\n  },\n  selectSummaryPlaceholder: stateComponentFactory(`${Select.selector}-summary-placeholder`, Select.SummaryPlaceholder),\n  selectSummarySelected: stateComponentFactory(`${Select.selector}-summary-selected`, Select.SummarySelected),\n  selectSummaryDisabled: stateComponentFactory(`${Select.selector}-summary-disabled`, Select.SummaryDisabled),\n\n  selectBody: (config?: DomRenderRunConfig) => { // New export\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-body`,\n      template: '<div dr-class=\"{[@this@.classAttr]: @this@.classAttr, \\'dr-select-body-container\\': true,  [\\'dr-select-body-\\'+@this@.float+\\'-container\\']: @this@.float}\">#innerHTML#</div>',\n      objFactory: (e, o, r2, constructorParam) => {\n        return DomRender.run({rootObject: new Select.SelectBody(), config: config});\n      }\n    })\n  },\n\n  selectOption: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-option`,\n      template:\n        '<a dr-class=\"{[@this@.classAttr]: @this@.classAttr}\" dr-event-click=\"@this@.toggleSelected($event)\">#innerHTML#</a>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Option(), config })\n    });\n  },\n  selectOptionSelected: stateComponentFactory(`${Select.selector}-option-selected`, Select.OptionSelected),\n  selectOptionUnselected: stateComponentFactory(`${Select.selector}-option-unselected`, Select.OptionUnselected),\n  selectOptionDisabled: stateComponentFactory(`${Select.selector}-option-disabled`, Select.OptionDisabled),\n};"],
+  "sourcesContent": ["import { attribute, ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OnCreateRenderData } from '../../lifecycle/OnCreateRenderData';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { OnDestroyRender } from '../../lifecycle/OnDestroyRender';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\nimport { type Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';\nimport { DomRenderNoProxy } from '../../decorators/DomRenderNoProxy';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { DomRenderConfig } from '../../configs/DomRenderConfig';\nimport { WindowUtils } from '@dooboostore/core-web/window/WindowUtils';\nimport { OnRawSetRenderedOtherData } from '../../lifecycle';\n\n/** 사용법\n <dr-select class=\"card-select-container\" changeSelected=\"${(data) => @this@.changeSelected(data)}$\">  <!-- multiple attribute optional-->\n <dr-select-summary class=\"card-select-summary-container\">\n <dr-select-summary-placeholder>\n <div class=\"card-select-summary-placeholder-container\">카드사별 사용처 안내 페이지 선택</div>\n </dr-select-summary-placeholder>\n <dr-select-summary-selected>\n <div dr-if=\"@this@.selectedCard\" class=\"card-select-summary-selected-container\">\n <img dr-attr=\"{src:@this@.selectedCard?.iconImg}\"> ${@this@.selectedCard?.name}$\n </div>\n </dr-select-summary-selected>\n </dr-select-summary>\n\n <dr-select-body float=\"bottom-left\" class=\"card-select-body-container\">\n <dr-select-option dr-for-of=\"@this@.cards\" value=\"${#it#.name}$\" selected=\"${#nearForOfIndex# === 0}$\" class=\"card-select-body-option-container\">\n <img dr-attr=\"{src:#it#.iconImg}\"> ${#it#.name}$\n </dr-select-option>\n </dr-select-body>\n </dr-select>\n */\n\nexport namespace Select {\n  export const selector = 'dr-select';\n\n  // Base for simple hide/show components\n  class StateComponent extends ComponentBase {\n    public hidden = true;\n    public value: string | null = null;\n\n    constructor(config: any) {\n      super(config);\n    }\n\n    setValue(value: string | null) {\n      this.value = value;\n    }\n  }\n\n  // --- Option Child Components ---\n  export class OptionSelected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionUnselected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionDisabled extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  // --- Summary Child Components ---\n  export class SummaryPlaceholder extends StateComponent {\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n  }\n\n  export class SummarySelected extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  export class SummaryDisabled extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  // --- Select Body Component ---\n  export type SelectBodyAttribute = {\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    class?: string;\n  }\n  // --- Option Component ---\n  export type OptionAttribute = { value: string; selected?: boolean | null; disabled?: boolean | null; class?: string; };\n\n  export class Option extends ComponentBase<OptionAttribute> implements OnInitRender {\n    public hidden = true;\n    @attribute({name: 'value'}) public value: string | null = null;\n    @attribute({name: 'selected', converter: v => v !== null && v === true}) public selected = false;\n    @attribute({name: 'disabled', converter: v => v !== null && v === true}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v ? v : null)}) public classAttr: string | null = null;\n\n    // public status: 'selected' | 'unselected' | 'disabled' = 'unselected';\n\n    constructor() {\n      super({onlyParentType: SelectBody});\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      // console.log('-----', this.value, this.selected)\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   if (!this.disabled) {\n      //     this.getParentThis<Select>().handleOptionClick(this);\n      //   }\n      // });\n      this.updateStatus();\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    //   this.updateStatus();\n    // }\n\n    // async onRawSetRendered(rawSet:RawSet, otherData:OnRawSetRenderedOtherData):Promise<void>{\n    //   await super.onRawSetRendered(rawSet, otherData);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateStatus();\n    }\n\n    toggleSelected(event: Event) {\n      // console.log('isMultiple', this.isMultiple())\n      if (!this.disabled) {\n        this.selected = this.isMultiple()? !this.selected : true;\n        // this.selected =  !this.selected;\n        this.updateStatus();\n        this.getParentThis<SelectBody>().changeOptionState(this);\n      } else {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    }\n\n    isMultiple() {\n      return this.getParentThis<Select.SelectBody>()?.getParentThis<Select.Select>().multiple;\n    }\n\n    updateStatus() {\n      if (this.disabled) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        return;\n      }\n\n      if (this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n\n      if (!this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n    }\n  }\n\n  // --- Summary Component ---\n  export class Summary extends ComponentBase implements OnInitRender {\n    @attribute({ name: 'class', converter: v => (v === '' ? null : v) }) public classAttr: string | null = null;\n    private options: Select.Option[] = [];\n    private disabled: boolean = false;\n    public element?: HTMLElement;\n\n    // constructor() {\n    //   super({ onlyParentType: Select });\n    // }\n\n    setDisabled(disabled: boolean) {\n      this.disabled = disabled;\n      this.getChildren(SummaryPlaceholder).forEach(it => (it.hidden = true));\n      this.getChildren(SummarySelected).forEach(it => (it.hidden = true));\n      this.getChildren(SummaryDisabled).forEach(it => (it.hidden = false));\n    }\n\n    setOptions(options: Option[] = []): void {\n      this.options = options;\n\n      const selectedOptions = this.options.filter(it => it.selected && !it.disabled);\n      if (!this.disabled) {\n        if (selectedOptions.length > 0) {\n          this.getChildren(SummaryPlaceholder).forEach(it => (it.hidden = true));\n          this.getChildren(SummarySelected).forEach(c => {\n            c.setOptions(options);\n            c.hidden = false;\n          });\n          this.getChildren(SummaryDisabled).forEach(it => (it.hidden = true));\n        } else {\n          this.getChildren(SummaryDisabled).forEach(it => (it.hidden = true));\n          this.getChildren(SummaryPlaceholder).forEach(it => (it.hidden = false));\n          this.getChildren(SummarySelected).forEach(c => (c.hidden = true));\n        }\n      }\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   this.getParentThis<Select>().toggle();\n      // });\n    }\n\n    onInitSummaryElement(element: HTMLElement, event: Event) {\n      this.element = element;\n    }\n\n    updateView(hasSelection: boolean) {\n      this.getChildren(SummaryPlaceholder).forEach(c => (c.hidden = hasSelection));\n      this.getChildren(SummarySelected).forEach(c => (c.hidden = !hasSelection));\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    // }\n    // async onRawSetRendered(rawSet: RawSet, otherData: OnRawSetRenderedOtherData): Promise<void> {\n    //   await super.onRawSetRendered(rawSet, otherData);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateView(this.getParentThis<Select>()?.selectedValues?.length > 0);\n    }\n\n    onSummaryClick(element: HTMLElement, event: Event) {\n      if (this.getParentThis<Select>()?.disabled) {\n        event.stopPropagation();\n        event.preventDefault();\n        return;\n      }\n    }\n  }\n\n\n  export class SelectBody extends ComponentBase<SelectBodyAttribute> {\n    @attribute({ name: 'class', converter: v => (v === '' ? null : v) }) public classAttr: string | null = null;\n    @attribute({ name: 'float' }) public float: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | null = null;\n\n    constructor() {\n      super({ onlyParentType: Select });\n    }\n\n    async onRawSetRendered(rawSet: RawSet, otherData: OnRawSetRenderedOtherData): Promise<void> {\n      await super.onRawSetRendered(rawSet, otherData);\n    // }\n    // onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n    //   super.onCreatedThisChildDebounce(childrenSet);\n      this.changeOptionState();\n    }\n\n    changeOptionState(option?: Option) {\n      const options = this.getChildren(Option);\n      const select = this.getParentThis<Select>();\n      // console.log('------opti',option, select);\n      // // 멀티플이 아닐때에는 마지막 선택된값으로 처리\n      if (!select.multiple) {\n        // 내가 선택한게 있으면\n        if (option && option.selected) {\n          options.filter(it => it !== option).forEach(it => {\n            it.selected = false;\n            it.updateStatus();\n          });\n        } else {\n          const selectedOptions = options.filter(it => it.selected && !it.disabled);\n          selectedOptions.forEach((opt, idx) => {\n            const isLast = idx === selectedOptions.length - 1;\n            if (!isLast) {\n              opt.selected = false;\n              opt.updateStatus();\n            }\n          });\n        }\n      }\n      // console.log('--------', options.map(it=>it.selected))\n      select?.setOptions(options);\n    }\n  }\n\n\n  // --- Main Select Component ---\n  export type SelectAttribute = {\n    multiple?: boolean | null; class?: string;\n    changeSelected?: (value: (string | null)[]) => void;\n    name?: string;\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    disableOtherClickClose?: boolean;\n    toggle?: (open: boolean) => void;\n    disabled?: boolean | null;\n  };\n\n  export class Select extends ComponentBase<SelectAttribute> implements OnInitRender, OnCreateRender, OnCreateRenderData, OnDestroyRender {\n    @attribute({name: 'multiple', converter: v => v !== null}) public multiple = false;\n    @attribute({name: 'disabled', converter: v => v !== null}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'name', converter: v => (v === '' ? null : v)}) public name: string | null = null;\n\n    // public isOpen = false;\n    public selectedValues: (string | null)[] = [];\n    public selectedOptions: Option[] = [];\n    public value: string | (string | null)[] | null | undefined;\n\n    @DomRenderNoProxy private element?: HTMLDetailsElement;\n    @DomRenderNoProxy private documentClickSubscription?: Subscription;\n    @DomRenderNoProxy private windowBlurSubscription?: Subscription;\n    @DomRenderNoProxy public summaryComponent?: Summary;\n    @DomRenderNoProxy public selectBodyComponent?: SelectBody;\n    private options?: Select.Option[];\n\n    constructor(config?: DomRenderConfig) {\n      super();\n      // console.log('----Select constructor')\n    }\n\n    get optionComponents(): Option[] {\n      return this.getChildren(Option);\n    }\n\n    onCreateRender() {\n\n    }\n\n    onCreateRenderData() {\n\n    }\n\n    async onInitRender(param: any, rawSet: RawSet) {\n      await super.onInitRender(param, rawSet);\n      // console.log('select onInitRender', this.multiple)\n\n      if (ValidUtils.isBrowser() && this.rawSet?.dataSet.config.window) {\n        const detailsElement = this.element;\n\n        const window = this.rawSet.dataSet!.config!.window!;\n        const document = window.document;\n        this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {\n          const isSummaryClick = this.getChildren(Summary).some(it => event.target && it.element?.contains(event.target as Node) || it.element === event.target)\n          if (!isSummaryClick && this.getAttribute('disableOtherClickClose')) {\n            return;\n          }\n          if (!isSummaryClick && !this.multiple && detailsElement) {\n            detailsElement.open = false;\n            return;\n          }\n          if (!isSummaryClick && detailsElement && !detailsElement?.contains(event?.target as Node)) {\n            detailsElement.open = false;\n          }\n        })\n\n        this.windowBlurSubscription = WindowUtils.eventObservable(window, 'blur').subscribe(() => {\n          if (detailsElement?.open && window.document.activeElement?.tagName === 'IFRAME') {\n            detailsElement.open = false;\n          }\n        });\n      }\n    }\n\n\n    toggle(element: HTMLDetailsElement, event: Event) {\n      // console.log('------>', this.disabled, event)\n      // if (this.disabled) {\n      //   event.stopPropagation();\n      //   event.preventDefault();\n      //   return;\n      // }\n      const toggleAttribute = this.getAttribute('toggle');\n      if (toggleAttribute) {\n        toggleAttribute?.(element.open);\n      }\n    }\n\n    setOptions(options: Option[]) {\n      const summaries = this.getChildren(Summary);\n\n      this.options = options;\n\n      const values = this.options.filter(it => it.selected && !it.disabled).map(it => it.value)\n      this.getAttribute('changeSelected')?.(values);\n      summaries?.forEach(it => {\n        it.setDisabled(this.disabled);\n        if (!this.disabled) {\n          it.setOptions(options);\n        }\n      })\n    }\n\n    onInitDetailsElement(detailsElement: HTMLDetailsElement) {\n      // console.log('detailsElement oninit', detailsElement);\n      this.element = detailsElement;\n    }\n\n    onDrThisUnBind() {\n      super.onDrThisUnBind();\n      this.onDestroyRender();\n    }\n\n    onDestroyRender() {\n      super.onDestroyRender();\n      this.documentClickSubscription?.unsubscribe();\n      this.windowBlurSubscription?.unsubscribe();\n    }\n\n    test() {\n      console.log('tttttttt')\n    }\n  }\n}\n\nconst stateComponentFactory = (name: string, type: any) => {\n  return (config?: DomRenderRunConfig) =>\n    RawSet.createComponentTargetElement({\n      name,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new type(), config })\n    });\n};\n\nexport default {\n  select: (config?: DomRenderConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: Select.selector,\n      styles:\n        '.dr-select-container {\\n' +\n        '  position: relative;\\n' +\n        '\\n' +\n        '}\\n' +\n        '.dr-select-options-container {\\n' +\n        '  display: none;\\n' +\n        '  position: absolute;\\n' +\n        '  top: 100%;\\n' +\n        '  left: 0;\\n' +\n        '  right: 0;\\n' +\n        '  z-index: 10;\\n' +\n        '}\\n' +\n        '.dr-select-container.is-open .dr-select-options-container {\\n' +\n        '  display: block;\\n' +\n        '}\\n' +\n        'summary::-webkit-details-marker {\\n' +\n        '    display: none;\\n' +\n        '}\\n' +\n        '/* Floating styles for dr-select-body */\\n' +\n        '.dr-select-body-container {\\n' +\n        '    position: absolute;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '/* Reset default details/summary styles */\\n' +\n        '.dr-select-container details {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '  list-style: none; /* Remove default marker */\\n' +\n        \"  cursor: pointer; /* Indicate it's clickable */\\n\" +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary::-webkit-details-marker,\\n' +\n        '.dr-select-container summary::marker {\\n' +\n        '  display: none; /* Hide marker for Webkit and standard */\\n' +\n        '}',\n      template:\n        '<details dr-class=\"{\\n' +\n        \"        'dr-select-container': true,\\n\" +\n        \"        'is-open': @this@.isOpen,\\n\" +\n        '        [@this@.classAttr]: @this@.classAttr\\n' +\n        '     }\" dr-on-init=\"@this@.onInitDetailsElement($element)\" dr-option-complete=\"@this@.test()\"  dr-event-toggle=\"@this@.toggle($element, $event)\">\\n' +\n        '\\n' +\n        '    #innerHTML#\\n' +\n        '</details>\\n' +\n        '<select hidden=\"hidden\" name=\"${@this@.name}$\" disabled=\"${@this@.disabled ? \\'disabled\\' : null}$\"  style=\"width: 1500px; height:500px\"  multiple>\\n' +\n        '    <option dr-for-of=\"@this@.options\" value=\"${#it#.value}$\" selected=\"${#it#.selected ? \\'selected\\' : null}$\">#it# ${#it#.value}$</option>\\n' +\n        '</select>',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Select(config), config })\n    });\n  },\n  selectSummary: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-summary`,\n      template:\n        '<summary dr-class=\"{[@this@.classAttr]: @this@.classAttr}\"\\n' +\n        '         dr-on-init=\"@this@.onInitSummaryElement($element, $event)\"\\n' +\n        '         dr-event-click=\"@this@.onSummaryClick($element, $event)\"\\n' +\n        '>\\n' +\n        '#innerHTML#\\n' +\n        '</summary>',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Summary(), config })\n    });\n  },\n  selectSummaryPlaceholder: stateComponentFactory(`${Select.selector}-summary-placeholder`, Select.SummaryPlaceholder),\n  selectSummarySelected: stateComponentFactory(`${Select.selector}-summary-selected`, Select.SummarySelected),\n  selectSummaryDisabled: stateComponentFactory(`${Select.selector}-summary-disabled`, Select.SummaryDisabled),\n\n  selectBody: (config?: DomRenderRunConfig) => { // New export\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-body`,\n      template: '<div dr-class=\"{[@this@.classAttr]: @this@.classAttr, \\'dr-select-body-container\\': true,  [\\'dr-select-body-\\'+@this@.float+\\'-container\\']: @this@.float}\">#innerHTML#</div>',\n      objFactory: (e, o, r2, constructorParam) => {\n        return DomRender.run({rootObject: new Select.SelectBody(), config: config});\n      }\n    })\n  },\n\n  selectOption: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-option`,\n      template:\n        '<a dr-class=\"{[@this@.classAttr]: @this@.classAttr}\" dr-event-click=\"@this@.toggleSelected($event)\">#innerHTML#</a>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Option(), config })\n    });\n  },\n  selectOptionSelected: stateComponentFactory(`${Select.selector}-option-selected`, Select.OptionSelected),\n  selectOptionUnselected: stateComponentFactory(`${Select.selector}-option-unselected`, Select.OptionUnselected),\n  selectOptionDisabled: stateComponentFactory(`${Select.selector}-option-disabled`, Select.OptionDisabled),\n};"],
   "mappings": "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",
   "names": ["Select"]
 }

package/dist/esm/decorators/DomRenderNoProxy.js

@@ -1,17 +1,11 @@
 import { ValidUtils } from "@dooboostore/core/valid/ValidUtils";
+import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
 const DomRenderNoProxyKey = "DomRender:NoProxy";
 const DomRenderNoProxy = (target, propertyKey) => {
-  if (propertyKey === void 0) {
-    Reflect.defineMetadata(DomRenderNoProxyKey, true, target);
-    return;
-  }
-  Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);
+  ReflectUtils.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);
 };
 const getDomRenderNoProxy = (target, propertyKey) => {
-  if (propertyKey === void 0) {
-    return Reflect.getMetadata(DomRenderNoProxyKey, target);
-  }
-  return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);
+  return ReflectUtils.getMetadata(DomRenderNoProxyKey, target, propertyKey);
 };
 const isDomRenderNoProxy = (target, propertyKey) => {
   return ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;

package/dist/esm/decorators/DomRenderNoProxy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/DomRenderNoProxy.ts"],
-  "sourcesContent": ["import { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\n\nexport const DomRenderNoProxyKey = 'DomRender:NoProxy'\nexport const DomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    if (propertyKey === undefined) {\n      // target\uC740 \uD074\uB798\uC2A4 \uC0DD\uC131\uC790\n      Reflect.defineMetadata(DomRenderNoProxyKey, true, target);\n      return;\n    }\n\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // target\uC740 \uD504\uB85C\uD1A0\uD0C0\uC785, propertyKey\uB294 \uD504\uB85C\uD37C\uD2F0 \uC774\uB984\n    Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n};\n\nexport const getDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  // if (ValidUtils.isNotNullUndefined(target)) {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\n    if (propertyKey === undefined) {\n      return Reflect.getMetadata(DomRenderNoProxyKey, target);\n    }\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\n    return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n  // } else {\n  //   return undefined;\n  // }\n}\n\nexport const isDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  return ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;\n}"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAEpB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB,CAAC,QAAa,gBAAkC;AAE5E,MAAI,gBAAgB,QAAW;AAE7B,YAAQ,eAAe,qBAAqB,MAAM,MAAM;AACxD;AAAA,EACF;AAIA,UAAQ,eAAe,qBAAqB,MAAM,QAAQ,WAAW;AACzE;AAEO,MAAM,sBAAsB,CAAC,QAAa,gBAAkC;AAG/E,MAAI,gBAAgB,QAAW;AAC7B,WAAO,QAAQ,YAAY,qBAAqB,MAAM;AAAA,EACxD;AAEA,SAAO,QAAQ,YAAY,qBAAqB,QAAQ,WAAW;AAIvE;AAEO,MAAM,qBAAqB,CAAC,QAAa,gBAAkC;AAChF,SAAO,WAAW,kBAAkB,MAAM,KAAK,oBAAoB,QAAQ,WAAW,MAAM;AAC9F;",
+  "sourcesContent": ["import { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\nimport {ReflectUtils} from \"@dooboostore/core/reflect/ReflectUtils\";\n\nexport const DomRenderNoProxyKey = 'DomRender:NoProxy'\nexport const DomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n    ReflectUtils.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // if (propertyKey === undefined) {\n    //   // target\uC740 \uD074\uB798\uC2A4 \uC0DD\uC131\uC790\n    //   Reflect.defineMetadata(DomRenderNoProxyKey, true, target);\n    //   return;\n    // }\n    //\n    // // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // // target\uC740 \uD504\uB85C\uD1A0\uD0C0\uC785, propertyKey\uB294 \uD504\uB85C\uD37C\uD2F0 \uC774\uB984\n    // Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n};\n\nexport const getDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  // if (ValidUtils.isNotNullUndefined(target)) {\n    return ReflectUtils.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\n    // if (propertyKey === undefined) {\n    //   return Reflect.getMetadata(DomRenderNoProxyKey, target);\n    // }\n    // // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\n    // return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n  // } else {\n  //   return undefined;\n  // }\n}\n\nexport const isDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  return ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;\n}"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAQ,oBAAmB;AAEpB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB,CAAC,QAAa,gBAAkC;AAC5E,eAAa,eAAe,qBAAqB,MAAM,QAAQ,WAAW;AAW9E;AAEO,MAAM,sBAAsB,CAAC,QAAa,gBAAkC;AAE/E,SAAO,aAAa,YAAY,qBAAqB,QAAQ,WAAW;AAU5E;AAEO,MAAM,qBAAqB,CAAC,QAAa,gBAAkC;AAChF,SAAO,WAAW,kBAAkB,MAAM,KAAK,oBAAoB,QAAQ,WAAW,MAAM;AAC9F;",
   "names": []
 }

package/dist/esm/dist/DomRender.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=DomRender.d.js.map

package/dist/esm/dist/DomRender.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/dist/DomRenderProxy.d.js

@@ -0,0 +1,2 @@
+import "reflect-metadata";
+//# sourceMappingURL=DomRenderProxy.d.js.map