@dooboostore/dom-render 1.0.107 → 1.0.108

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DomRenderProxy.ts"],
-  "sourcesContent": ["import { RawSet } from './rawsets/RawSet';\nimport { EventManager } 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';\n\nconst excludeGetSetPropertys = ['onBeforeReturnGet', 'onBeforeReturnSet', '__domrender_components', '__render', '_DomRender_isFinal', '_domRender_ref', '_rawSets', '_domRender_proxy', '_targets', '_DomRender_origin', '_DomRender_ref', '_DomRender_proxy'];\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(public _domRender_origin: T, target: Node | null | undefined, public _domRender_config: DomRenderConfig) {\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 DomRenderFinalProxy.isFinal(obj);\n  }\n\n  public 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 = Reflect.getMetadata(DomRenderNoProxyKey, obj, it) || Reflect.getMetadata(DomRenderNoProxyKey, Object.getPrototypeOf(obj).constructor);\n          if (isNoProxy) {\n            return obj;\n          }\n        } catch (e) {\n        }\n        const target = obj[it];\n        if (target !== undefined && target !== null && typeof target === 'object' && !DomRenderProxy.isFinal(target) && !Object.isFrozen(target) && !(obj instanceof Shield)) {\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    this._targets.forEach(target => {\n      this.initRender(target);\n    });\n  }\n\n  public initRender(target: Node, rawSet?: RawSet) {\n\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 = ScriptUtils.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(this._domRender_proxy, this._domRender_config.eventManager.findAttrElements(target as Element, this._domRender_config), this._domRender_config);\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    this.render(this.getRawSets()).then(it => {\n      // const render = {target} as Render;\n      // const creatorMetaData = {\n      //     creator: this._domRender_proxy,\n      //     rootCreator: this._domRender_proxy,\n      //     innerHTML\n      // } as CreatorMetaData;\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        // if (!Array.isArray(initParam)) {\n        //   initParam = [initParam];\n        // }\n      }\n      if (isOnInitRender(this._domRender_proxy)) {\n        this._domRender_proxy.onInitRender(initParam, 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      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 (it.type === RawSetType.TARGET_ELEMENT && it.dataSet?.render?.currentThis && fullPathStr && targetAttrMap) {\n          new Map<string, string>(JSON.parse(targetAttrMap)).forEach((v, k) => {\n            // it?.data.onChangeAttrRender(k, null, v);\n            const isUsing = EventManager.isUsingThisVar(v, `this.${fullPathStr}`);\n            if (isUsing) {\n              const targetAttrObject = RawSet.getAttributeObject((it.point.node as Element), { script: it.dataSet?.render?.renderScript ?? '', obj: Object.assign(this._domRender_proxy ?? {}, { __render: it.dataSet?.render }) });\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          // \uADF8\uC678 \uC790\uC2DD\uB4E4 render\n          if (rawSets && rawSets.length > 0) {\n            await this.render(rawSets);\n          }\n        }\n      } else {\n        removeRawSets.push(it);\n      }\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(pathInfos: {path: string, obj: any}[][], value?: any, lastDoneExecute = true): {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\n              const concat = pathInfos.concat([[{path: sit, obj: key}]]);\n              const items:{path: string, obj:any}[][] = (key as any)._DomRender_proxy?.root(concat, value, lastDoneExecute);\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.map(it => isNaN(Number(it)) ? '.' + it : `[${it}]`).join('').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.slice(0, strings.length - 1).map(it => isNaN(Number(it)) ? '.' + it : `[${it}]`).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(RawSet.DR_HAS_KEYS_OPTIONNAME, keys.filter(it => it !== lastPropertyName).join(','));\n              }\n              if (!keys.includes(lastPropertyName)) {\n                const raws = DrThisProperty.append(this._domRender_proxy, fullPathStr, lastPropertyName, it, this._domRender_config);\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\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\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((it as DocumentFragment | Element), this._domRender_config);\n              this._domRender_config.eventManager.changeVar(this._domRender_proxy, targets, `this.${fullPathStr}`, this._domRender_config);\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------->', 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\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(elementInfo => {\n      // @ts-ignore\n      // const optionalPath = ObjectUtils.Path.toOptionalChainPath(elementInfo.value);\n      const targets = new Map<string,string>(ScriptUtils.evaluateReturn<[string, string][]>(elementInfo.value));\n      Array.from(targets.entries()).filter(([key, value])=>value.trim()).filter(isDefined).flatMap(([key,valueScript])=> {\n        return fullPathInfo.flat().filter(it => valueScript.includes(`this.${it.path}`)).flatMap(it=> ({key, valueScript: valueScript, pathInfo: it}));\n      }).forEach(it=> {\n        const optionalPath = ObjectUtils.Path.toOptionalChainPath(it.valueScript);\n        const value1 = ScriptUtils.evaluateReturn(optionalPath, 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    //\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(elementInfo => {\n      // @ts-ignore\n       const targets = new Map<string,string>(ScriptUtils.evaluateReturn<[string, string][]>(elementInfo.value));\n\n      Array.from(targets.entries()).filter(([key, value])=>value.trim()).filter(isDefined).flatMap(([key,valueScript])=> {\n        return fullPathInfo.flat().filter(it => valueScript.includes(`this.${it.path}`)).flatMap(it=> ({key, valueScript: valueScript, pathInfo: it}));\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()).filter(([key, value])=>value.trim()).filter(isDefined).flatMap(([key,valueScript])=> {\n        return fullPathInfo.flat().filter(it => valueScript.includes(`this.${it.path}`)).flatMap(it=> ({key, valueScript: valueScript, pathInfo: it}));\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    if (('onBeforeReturnSet' in receiver) && typeof p === 'string' && !(this._domRender_config.proxyExcludeOnBeforeReturnSets ?? []).concat(excludeGetSetPropertys).includes(p)) {\n      if(isOnBeforeReturnSet(receiver)){\n        receiver.onBeforeReturnSet?.(p, value, fullPathInfo.map(it => it.map(it=>it.path).join()));\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 (it && typeof it === 'object' && ('_DomRender_isProxy' in it) && Object.prototype.toString.call(it._DomRender_origin) === '[object Date]') {\n        it = it._DomRender_origin;\n      }\n\n      if (('onBeforeReturnGet' in receiver) && typeof p === 'string' && !(this._domRender_config.proxyExcludeOnBeforeReturnGets ?? []).concat(excludeGetSetPropertys).includes(p)) {\n        (receiver as any)?.onBeforeReturnGet?.(p, it, this.root([[{path:p, obj: this._domRender_proxy}]], it, false));\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\n\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 (isNoProxy || isExclude || ValidUtils.isNullOrUndefined(obj) || !isObject || isFinal || isFrozen || isShield) {\n        return obj;\n      }\n    } catch (e) {\n    }\n\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": "AAAA,OAAO;",
-  "names": []
-}

package/dist/esm/DomRenderProxy.d.ts

@@ -1,41 +0,0 @@
-import { RawSet } from './rawsets/RawSet';
-import { DomRenderConfig } from './configs/DomRenderConfig';
-export declare const isWrapProxyDomRenderProxy: <T>(obj: T) => boolean;
-export declare const getDomRenderOriginObject: <T>(obj: T) => T;
-export declare const getDomRenderConfig: (obj: any) => DomRenderConfig | undefined;
-export declare const getDomRenderProxy: <T>(obj: T) => DomRenderProxy<T> | undefined;
-export declare class DomRenderProxy<T extends object> implements ProxyHandler<T> {
-    _domRender_origin: T;
-    _domRender_config: DomRenderConfig;
-    _domRender_ref: Map<object, Set<string>>;
-    _rawSets: Map<string, Set<RawSet>>;
-    _domRender_proxy?: T;
-    _targets: Set<Node>;
-    constructor(_domRender_origin: T, target: Node | null | undefined, _domRender_config: DomRenderConfig);
-    static unFinal<T = any>(obj: T): T;
-    static final<T = any>(obj: T): T;
-    static isFinal<T = any>(obj: T): boolean;
-    run(objProxy: T): void;
-    initRender(target: Node, rawSet?: RawSet): void;
-    getRawSets(): RawSet[];
-    render(raws?: RawSet[] | string, fullPathStr?: string): Promise<RawSet[]>;
-    root(pathInfos: {
-        path: string;
-        obj: any;
-    }[][], value?: any, lastDoneExecute?: boolean): {
-        path: string;
-        obj: any;
-    }[][];
-    set(target: T, p: string | symbol, value: any, receiver: T): boolean;
-    get(target: T, p: string | symbol, receiver: any): any;
-    deleteProperty(target: T, p: string | symbol): boolean;
-    has(target: T, p: string | symbol): boolean;
-    proxy(parentProxy: T, obj: T | any, p: string): any;
-    addRef(parent: object, path: string): void;
-    addRawSetAndRender(path: string, rawSet: RawSet): void;
-    addRawSet(path: string, rawSet: RawSet): void;
-    removeRawSet(...raws: RawSet[]): void;
-    private targetGarbageRawSet;
-    private garbageRawSet;
-}
-//# sourceMappingURL=DomRenderProxy.d.ts.map

package/dist/esm/DomRenderProxy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DomRenderProxy.d.ts","sourceRoot":"","sources":["../../src/DomRenderProxy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAqB5D,eAAO,MAAM,yBAAyB,GAAI,CAAC,EAAE,KAAK,CAAC,KAAG,OAErD,CAAC;AACF,eAAO,MAAM,wBAAwB,GAAI,CAAC,EAAE,KAAK,CAAC,KAAE,CAKnD,CAAA;AACD,eAAO,MAAM,kBAAkB,GAAI,KAAK,GAAG,KAAG,eAAe,GAAG,SAK/D,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,KAAK,CAAC,KAAG,cAAc,CAAC,CAAC,CAAC,GAAG,SAMjE,CAAA;AACD,qBAAa,cAAc,CAAC,CAAC,SAAS,MAAM,CAAE,YAAW,YAAY,CAAC,CAAC,CAAC;IAOnD,iBAAiB,EAAE,CAAC;IAA0C,iBAAiB,EAAE,eAAe;IAN5G,cAAc,2BAAkC;IAChD,QAAQ,2BAAkC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAErB,QAAQ,YAAmB;gBAEf,iBAAiB,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAS,iBAAiB,EAAE,eAAe;WAerG,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC;WAI3B,KAAK,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC;WAIzB,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC;IAI9B,GAAG,CAAC,QAAQ,EAAE,CAAC;IAiCf,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM;IAuExC,UAAU;IASJ,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM;IAwE3D,IAAI,CAAC,SAAS,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,eAAe,UAAO,GAAG;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAC,GAAG,CAAA;KAAC,EAAE,EAAE;IAoI/G,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,GAAG,OAAO;IA8G3E,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,GAAG;IAqCtD,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO;IAQtD,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO;IAI3C,KAAK,CAAC,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM;IAmDtC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAOnC,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAK/C,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAetC,YAAY,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE;IAarC,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,aAAa;CAetB"}

package/dist/esm/components/ComponentBase.d.js

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

package/dist/esm/components/ComponentBase.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ComponentBase.ts"],
-  "sourcesContent": ["import { ElementUtils } from '@dooboostore/core-web/element/ElementUtils';\nimport { OnChangeAttrRender, OtherData } from '../lifecycle/OnChangeAttrRender';\nimport { OnCreateRenderData, OnCreateRenderDataParams } from '../lifecycle/OnCreateRenderData';\nimport { RawSet } from '../rawsets/RawSet';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { OnCreatedThisChild } from '../lifecycle/OnCreatedThisChild';\nimport { DomRenderNoProxy } from '../decorators/DomRenderNoProxy';\nimport { OnInitRender } from '../lifecycle/OnInitRender';\nimport { ConvertUtils } from '@dooboostore/core/convert/ConvertUtils';\nimport { OnDestroyRender, OnDestroyRenderParams } from '../lifecycle/OnDestroyRender';\nimport { OnDrThisUnBind } from '../lifecycle/dr-this/OnDrThisUnBind';\nimport { OnDrThisBind } from '../lifecycle/dr-this/OnDrThisBind';\nimport type { Render } from '../rawsets/Render';\nimport { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { DomRenderConfig } from '../configs/DomRenderConfig';\nimport { Subject } from '@dooboostore/core/message/Subject';\nimport { debounceTime } from '@dooboostore/core/message/operators/debounceTime';\nimport type { Subscription } from '@dooboostore/core/message/Subscription';\n\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol('attribute');\nexport const QUERY_METADATA_KEY = Symbol('query');\nexport const EVENT_METADATA_KEY = Symbol('event');\n\nexport interface AttributeMetadata {\n    propertyKey: string | symbol;\n    name: string;\n    converter?: (value: any | string | null) => any;\n    isMethod: boolean;\n}\n\nexport interface QueryMetadata {\n    selector: string;\n    propertyKey: string | symbol;\n    isMethod: boolean;\n    convert?: (e: Element) => any;\n    onDestroy?: (componentInstance: any, element: Element) => void;\n    refreshTime?: number; // milliseconds\n}\n\nexport interface EventMetadata {\n    query: string;\n    eventName: string;\n    methodName: string | symbol;\n    onDestroy?: (componentInstance: any, element: Element) => void;\n    refreshTime?: number; // milliseconds\n}\n\nexport function attribute(nameOrOptions?: string | { name?: string, converter?: (value: any | string | null) => any }): (target: object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => void {\n    return (target: object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n        const attributes = ReflectUtils.getMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, target.constructor) || [];\n        \n        let name: string;\n        let converter: ((value: any | string | null) => any) | undefined;\n        \n        if (typeof nameOrOptions === 'string') {\n            name = nameOrOptions;\n        } else if (nameOrOptions) {\n            name = nameOrOptions.name || String(propertyKey);\n            converter = nameOrOptions.converter;\n        } else {\n            name = String(propertyKey);\n        }\n        \n        const attributeMetadata: AttributeMetadata = {\n            propertyKey: propertyKey,\n            name: name,\n            converter: converter,\n            isMethod: !!descriptor\n        };\n        \n        attributes.push(attributeMetadata);\n        ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, attributes, target.constructor);\n    };\n}\n\nexport function query(selectorOrOptions: string | { selector: string, convert?: (e: Element) => any, onDestroy?: (componentInstance: any, element: Element) => void, refreshIntervalTime?: number }): (target: object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => void {\n    return (target: object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n        const queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, target.constructor) || [];\n        \n        let selector: string;\n        let convert: ((e: Element) => any) | undefined;\n        let onDestroy: ((componentInstance: any, element: Element) => void) | undefined;\n        let refreshTime: number | undefined;\n        \n        if (typeof selectorOrOptions === 'string') {\n            selector = selectorOrOptions;\n        } else {\n            selector = selectorOrOptions.selector;\n            convert = selectorOrOptions.convert;\n            onDestroy = selectorOrOptions.onDestroy;\n            refreshTime = selectorOrOptions.refreshIntervalTime;\n        }\n        \n        const queryMetadata: QueryMetadata = {\n            selector: selector,\n            propertyKey: propertyKey,\n            isMethod: !!descriptor,\n            convert: convert,\n            onDestroy: onDestroy,\n            refreshTime: refreshTime\n        };\n        \n        queries.push(queryMetadata);\n        ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, target.constructor);\n    };\n}\n\nexport function event(options: { query: string, name: string, onDestroy?: (componentInstance: any, element: Element) => void, refreshTime?: number }): MethodDecorator {\n    return (target: object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n        const events = ReflectUtils.getMetadata<EventMetadata[]>(EVENT_METADATA_KEY, target.constructor) || [];\n        \n        const eventMetadata: EventMetadata = {\n            query: options.query,\n            eventName: options.name,\n            methodName: propertyKey,\n            onDestroy: options.onDestroy,\n            refreshTime: options.refreshTime\n        };\n        \n        events.push(eventMetadata);\n        ReflectUtils.defineMetadata(EVENT_METADATA_KEY, events, target.constructor);\n    };\n}\n\n\nexport type ComponentBaseConfig = { onlyParentType?: ConstructorType<any>[] | ConstructorType<any>, createChildrenDebounce?: number };\n\nexport type ChildrenSet = { instance: any, data: OnCreateRenderDataParams };\n\nexport class ComponentBase<T = any, C extends ComponentBaseConfig = ComponentBaseConfig> implements OnChangeAttrRender, OnCreateRenderData, OnCreatedThisChild, OnDrThisBind, OnDrThisUnBind, OnInitRender, OnDestroyRender {\n  @DomRenderNoProxy\n  private _rawSet?: RawSet;\n  @DomRenderNoProxy\n  private _children: ChildrenSet[] = [];\n  @DomRenderNoProxy\n  private _render: Render | undefined;\n  @DomRenderNoProxy\n  private _attribute?: T;\n  @DomRenderNoProxy\n  private _boundEventListeners: { element: Element, eventName: string, listener: (e: Event) => void }[] = [];\n  @DomRenderNoProxy\n  private _queryBindings: { element: Element, metadata: QueryMetadata }[] = [];\n  @DomRenderNoProxy\n  private _eventBindings: { element: Element, metadata: EventMetadata, listener: (e: Event) => void }[] = [];\n  @DomRenderNoProxy\n  private _refreshTimers: Map<QueryMetadata | EventMetadata, NodeJS.Timeout> = new Map();\n\n  @DomRenderNoProxy\n  private childrenSetSubject = new Subject<ChildrenSet[]>();\n  @DomRenderNoProxy\n  private createChildrenDebounceSubscription?: Subscription | undefined;\n\n  constructor(private _config?: C) {\n  }\n  get componentConfig(): C | undefined {\n    return this._config;\n  }\n  get render(): Render | undefined {\n    return this._render;\n  }\n\n  get rawSet(): RawSet | undefined {\n    return this._rawSet;\n  }\n\n  get domRenderConfig(): DomRenderConfig | undefined {\n    return this.rawSet?.dataSet.config;\n  }\n\n  private _queryElements(selector: string, rawSet:RawSet): Element[] {\n    const e = this.getElement();\n    // console.log('queryElement-->', e);\n    if (e) {\n      return ElementUtils.querySelectorAll(e, selector);\n    } else {\n      let startNode = rawSet.point?.start;\n      let endNode = rawSet.point?.end;\n      // console.log('-----', startNode, endNode)\n      // console.log('-----', startNode?.isConnected, endNode?.isConnected)\n      if (rawSet.point?.start && startNode && !startNode.isConnected && startNode instanceof HTMLElement && startNode.hasAttribute('id')) {\n        rawSet.point.start = startNode = rawSet.dataSet.config.window.document.querySelector('#' + startNode.id) as HTMLMetaElement\n      }\n      if (rawSet.point?.end && endNode && !endNode.isConnected && endNode instanceof HTMLElement && endNode.hasAttribute('id')) {\n        rawSet.point.end = endNode = rawSet.dataSet.config.window.document.querySelector('#' + endNode.id) as HTMLMetaElement\n      }\n      if (startNode && endNode) {\n        // console.log('query!!', startNode, endNode);\n        return ElementUtils.querySelectorAll({ start: startNode as Element, end: endNode as Element }, selector);\n      }\n    }\n    return [];\n  }\n\n  private _cleanupEventListeners() {\n    for (const { element, eventName, listener } of this._boundEventListeners) {\n      element.removeEventListener(eventName, listener);\n    }\n    this._boundEventListeners = [];\n  }\n\n  private _cleanupQueryBindings() {\n    for (const { element, metadata } of this._queryBindings) {\n      if (metadata.onDestroy) {\n        metadata.onDestroy(this, element);\n      }\n      this._clearRefreshTimer(metadata);\n    }\n    this._queryBindings = [];\n  }\n\n  private _cleanupEventBindings() {\n    for (const { element, metadata, listener } of this._eventBindings) {\n      element.removeEventListener(metadata.eventName, listener);\n      if (metadata.onDestroy) {\n        metadata.onDestroy(this, element);\n      }\n      this._clearRefreshTimer(metadata);\n    }\n    this._eventBindings = [];\n  }\n\n  private _applyQueryBinding(queryInfo: QueryMetadata, elements: Element[], newElementsOnly: Element[] = elements) {\n    const { propertyKey, isMethod, convert } = queryInfo;\n    \n    // Track bindings for cleanup\n    elements.forEach(element => {\n      this._queryBindings.push({ element, metadata: queryInfo });\n    });\n    \n    // Apply convert function if provided\n    const processedElements = convert ? elements.map(convert) : elements;\n    const processedNewElements = convert ? newElementsOnly.map(convert) : newElementsOnly;\n    \n    if (isMethod) {\n      const method = (this as any)[propertyKey];\n      if (typeof method === 'function') {\n          const paramTypes = ReflectUtils.getParameterTypes(this, propertyKey);\n          if (paramTypes && paramTypes.length > 0 && paramTypes[0] === Array) {\n              // For array methods, pass only new elements\n              method.call(this, processedNewElements, processedElements);\n          } else {\n              // For single element methods, pass first new element\n              if (processedNewElements.length > 0) {\n                  method.call(this, processedNewElements[0]);\n              }\n          }\n      }\n    } else {\n      // For properties, always set all elements (not just new ones)\n      const propertyType = ReflectUtils.getType(this, propertyKey);\n      if (propertyType === Array) {\n        (this as any)[propertyKey] = processedElements;\n      } else {\n        (this as any)[propertyKey] = processedElements[0] || null;\n      }\n    }\n  }\n\n  private _setupQueryDecorators(rawSet: RawSet) {\n    if (!rawSet) return;\n\n    const queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, this.constructor);\n    // console.group('_setupQueryDecorators')\n    // console.log('queries', queries);\n    if (queries && Array.isArray(queries)) {\n      for (const queryInfo of queries) {\n        const elements = this._queryElements(queryInfo.selector, rawSet);\n        // console.log('------elements', elements);\n        this._applyQueryBinding(queryInfo, elements);\n        \n        // Setup refresh timer if specified\n        this._setupRefreshTimer(queryInfo);\n      }\n    }\n    // console.groupEnd();\n  }\n\n  private _updateQueryBinding(queryInfo: QueryMetadata, rawSet: RawSet, forceUpdate = false) {\n    const newElements = this._queryElements(queryInfo.selector, rawSet);\n    \n    // Get current bindings for this query\n    const currentBindings = this._queryBindings.filter(binding => binding.metadata === queryInfo);\n    const currentElements = currentBindings.map(binding => binding.element);\n    \n    // Check if elements have changed\n    const elementsChanged = forceUpdate || !this._arraysEqual(currentElements, newElements);\n    \n    if (elementsChanged) {\n      let addedElements: Element[] = [];\n      \n      if (forceUpdate) {\n        // Force update: cleanup all old bindings, treat all as new\n        currentBindings.forEach(({ element, metadata }) => {\n          if (metadata.onDestroy) {\n            metadata.onDestroy(this, element);\n          }\n        });\n        addedElements = newElements;\n      } else {\n        // Smart update: only cleanup removed elements, find added elements\n        const removedElements = currentElements.filter(element => !newElements.includes(element));\n        addedElements = newElements.filter(element => !currentElements.includes(element));\n        \n        removedElements.forEach(element => {\n          if (queryInfo.onDestroy) {\n            queryInfo.onDestroy(this, element);\n          }\n        });\n      }\n      \n      // Remove old bindings\n      this._queryBindings = this._queryBindings.filter(binding => binding.metadata !== queryInfo);\n      \n      // Apply new bindings, but pass only added elements to methods\n      this._applyQueryBinding(queryInfo, newElements, addedElements);\n    }\n  }\n\n  private _updateQueryDecorators(rawSet: RawSet) {\n    if (!rawSet) return;\n\n    const queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, this.constructor);\n    if (queries && Array.isArray(queries)) {\n      for (const queryInfo of queries) {\n        this._updateQueryBinding(queryInfo, rawSet);\n      }\n    }\n  }\n\n  private _arraysEqual(arr1: Element[], arr2: Element[]): boolean {\n    if (arr1.length !== arr2.length) return false;\n    return arr1.every((element, index) => element === arr2[index]);\n  }\n\n  private _setupRefreshTimer(metadata: QueryMetadata | EventMetadata) {\n    if (!metadata.refreshTime || !this._rawSet) return;\n\n    const timer = setInterval(() => {\n      if (!this._rawSet) return;\n\n      if ('selector' in metadata) {\n        // QueryMetadata\n        this._updateQueryBinding(metadata as QueryMetadata, this._rawSet);\n      } else {\n        // EventMetadata\n        this._updateEventBinding(metadata as EventMetadata, this._rawSet);\n      }\n    }, metadata.refreshTime);\n\n    this._refreshTimers.set(metadata, timer);\n  }\n\n  private _clearRefreshTimer(metadata: QueryMetadata | EventMetadata) {\n    const timer = this._refreshTimers.get(metadata);\n    if (timer) {\n      clearInterval(timer);\n      this._refreshTimers.delete(metadata);\n    }\n  }\n\n  private _clearAllRefreshTimers() {\n    for (const timer of Array.from(this._refreshTimers.values())) {\n      clearInterval(timer);\n    }\n    this._refreshTimers.clear();\n  }\n\n  /**\n   * Manually refresh all query and event decorators\n   * Useful when DOM elements are dynamically added/removed and you want to update bindings\n   */\n  refreshDecorators(): void {\n    if (this._rawSet) {\n      this._updateQueryDecorators(this._rawSet);\n      this._updateEventDecorators(this._rawSet);\n    }\n  }\n\n  /**\n   * Manually refresh specific query decorators by property key\n   * @param propertyKeys - Array of property keys to refresh, or single property key\n   */\n  refreshQueryDecorators(propertyKeys: (string | symbol) | (string | symbol)[]): void {\n    if (!this._rawSet) return;\n\n    const keys = Array.isArray(propertyKeys) ? propertyKeys : [propertyKeys];\n    const queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, this.constructor);\n    \n    if (queries && Array.isArray(queries)) {\n      for (const queryInfo of queries) {\n        if (keys.includes(queryInfo.propertyKey)) {\n          this._updateQueryBinding(queryInfo, this._rawSet, true); // Force update\n        }\n      }\n    }\n  }\n\n  /**\n   * Manually refresh specific event decorators by method name\n   * @param methodNames - Array of method names to refresh, or single method name\n   */\n  refreshEventDecorators(methodNames: (string | symbol) | (string | symbol)[]): void {\n    if (!this._rawSet) return;\n\n    const names = Array.isArray(methodNames) ? methodNames : [methodNames];\n    const events = ReflectUtils.getMetadata<EventMetadata[]>(EVENT_METADATA_KEY, this.constructor);\n    \n    if (events && Array.isArray(events)) {\n      for (const eventInfo of events) {\n        if (names.includes(eventInfo.methodName)) {\n          this._updateEventBinding(eventInfo, this._rawSet, true); // Force update\n        }\n      }\n    }\n  }\n\n  private _applyEventBinding(eventInfo: EventMetadata, elements: Element[]) {\n    elements.forEach(element => {\n      const listener = (this as any)[eventInfo.methodName].bind(this);\n      // console.log('bind?????', element);\n      element.addEventListener(eventInfo.eventName, listener);\n      \n      // Track bindings for cleanup\n      this._eventBindings.push({ element, metadata: eventInfo, listener });\n      this._boundEventListeners.push({ element, eventName: eventInfo.eventName, listener });\n    });\n  }\n\n  private _setupEventDecorators(rawSet: RawSet) {\n    if (!rawSet) return;\n\n    const events = ReflectUtils.getMetadata<EventMetadata[]>(EVENT_METADATA_KEY, this.constructor);\n    if (events && Array.isArray(events)) {\n      for (const eventInfo of events) {\n        const elements = this._queryElements(eventInfo.query, rawSet);\n        this._applyEventBinding(eventInfo, elements);\n        \n        // Setup refresh timer if specified\n        this._setupRefreshTimer(eventInfo);\n      }\n    }\n  }\n\n  private _updateEventBinding(eventInfo: EventMetadata, rawSet: RawSet, forceUpdate = false) {\n    const newElements = this._queryElements(eventInfo.query, rawSet);\n    \n    // Get current bindings for this event\n    const currentBindings = this._eventBindings.filter(binding => binding.metadata === eventInfo);\n    const currentElements = currentBindings.map(binding => binding.element);\n    \n    // Check if elements have changed\n    const elementsChanged = forceUpdate || !this._arraysEqual(currentElements, newElements);\n    \n    if (elementsChanged) {\n      if (forceUpdate) {\n        // Force update: cleanup all old bindings\n        currentBindings.forEach(({ element, metadata, listener }) => {\n          element.removeEventListener(metadata.eventName, listener);\n          if (metadata.onDestroy) {\n            metadata.onDestroy(this, element);\n          }\n        });\n      } else {\n        // Smart update: only cleanup removed elements\n        const removedElements = currentElements.filter(element => !newElements.includes(element));\n        const removedBindings = currentBindings.filter(binding => removedElements.includes(binding.element));\n        \n        removedBindings.forEach(({ element, metadata, listener }) => {\n          element.removeEventListener(metadata.eventName, listener);\n          if (metadata.onDestroy) {\n            metadata.onDestroy(this, element);\n          }\n        });\n      }\n      \n      // Remove old bindings from tracking arrays\n      this._eventBindings = this._eventBindings.filter(binding => binding.metadata !== eventInfo);\n      this._boundEventListeners = this._boundEventListeners.filter(binding => \n        !currentBindings.some(cb => cb.element === binding.element && cb.metadata.eventName === binding.eventName)\n      );\n      \n      // Apply new bindings\n      this._applyEventBinding(eventInfo, newElements);\n    }\n  }\n\n  private _updateEventDecorators(rawSet: RawSet) {\n    if (!rawSet) return;\n\n    const events = ReflectUtils.getMetadata<EventMetadata[]>(EVENT_METADATA_KEY, this.constructor);\n    if (events && Array.isArray(events)) {\n      for (const eventInfo of events) {\n        this._updateEventBinding(eventInfo, rawSet);\n      }\n    }\n  }\n\n  getAttribute<K extends keyof T>(name: K, attribute = this._attribute): T[K] | null {\n    const target = attribute as any;\n    if (!target) {\n      return null;\n    }\n\n    const nameString = String(name);\n    let p = nameString;\n    if (p in target) {\n      return target[p];\n    }\n    p = ConvertUtils.snakeToCamelCase(nameString);\n    if (p in target) {\n      return target[p];\n    }\n    p = ConvertUtils.camelToSnakeCase(nameString);\n    if (p in target) {\n      return target[p];\n    }\n    p = nameString.toUpperCase()\n    if (p in target) {\n      return target[p];\n    }\n    p = nameString.toLowerCase()\n    if (p in target) {\n      return target[p];\n    }\n    return null;\n  }\n\n  hasAttribute(name: keyof T) {\n    return this.getAttribute(name) !==null;\n  }\n\n  equalsAttributeName(n: string, name: keyof T) {\n    return n === name ||\n    ConvertUtils.snakeToCamelCase(n) === name ||\n    ConvertUtils.camelToSnakeCase(n) === name ||\n      n.toUpperCase() === (name as string).toUpperCase() ||\n      n.toLowerCase() === (name as string).toLowerCase()\n    ;\n  }\n\n  get uuid(): string | undefined {\n    return this._rawSet?.uuid;\n  }\n\n  get childrenSet() {\n    return this._children;\n  }\n\n  get children(): any[] {\n    return this._children.map(it=>it.instance);\n  }\n\n  getElement<T extends Element>(): T | undefined {\n    return (this.render ?? this.rawSet?.dataSet?.render)?.getElement?.();\n  }\n\n  getFirstChild<T>(type: ConstructorType<T>): T | undefined {\n    return this._children.find(it => it instanceof type)?.instance;\n  }\n\n  getParentThis<P>():P {\n    return this.render?.parentThis as P;\n  }\n\n  getChildren<C extends ConstructorType<any>>(type: C): InstanceType<C>[];\n  getChildren<C extends ConstructorType<any>[]>(types: C): InstanceType<C[number]>[];\n  getChildren(typeOrTypes: ConstructorType<any> | ConstructorType<any>[]): any[] {\n    const targets = Array.isArray(typeOrTypes) ? typeOrTypes : [typeOrTypes];\n    return this._children.filter(childSet =>\n      targets.some(targetConstructor => childSet.instance instanceof targetConstructor)\n    )?.map(it=>it.instance);\n  }\n\n\n\n  private setRawSet(rawSet: RawSet) {\n    this._rawSet = rawSet;\n    if (this._rawSet) {\n      this.setAttribute(this._rawSet.dataSet?.render?.attribute as T);\n    }\n  }\n\n  setAttribute(attribute: T) {\n    this._attribute = attribute;\n  }\n\n  // TODO: rawSet isConnected\uB85C \uCCB4\uD06C\uD574\uC11C \uB4E4\uC5B4\uAC00\uC788\uB294\uAC83\uB9CC \uCC98\uB9AC\uB418\uB3C4\uB85D \uB610\uB294 \uC774\uBBF8\uB4E4\uC5B4\uAC00\uC788\uB294\uAC83\uB3C4 \uBEB4\uC57C\uB420\uAC83\uAC19\uC740\uB370.. \uC801\uC6A9\uD558\uAE34\uD588\uC74C..\uC9C0\uCF1C\uBD10\uC57C\uB420\uB4EF.\n  onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    // console.log('------------------------',child, data, data.render?.rawSet?.isConnected)\n    const n = [...this._children];\n    n.push({instance:child, data});\n    this._children = n.filter(it=>it.data.render?.rawSet?.isConnected)\n    this.childrenSetSubject.next(this._children);\n    \n    // Update decorators when children change (DOM might have changed)\n    // Only update if elements actually changed\n    if (this._rawSet) {\n      this._updateQueryDecorators(this._rawSet);\n      this._updateEventDecorators(this._rawSet);\n    }\n  }\n\n  onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n\n  }\n\n  onCreateRenderData(data: OnCreateRenderDataParams): void {\n    this._render = data.render;\n    if (data.render?.rawSet) {\n      this.setRawSet(data.render.rawSet);\n    }\n    if (this._config?.onlyParentType) {\n      const isOk = Array.isArray(this._config?.onlyParentType) ? this._config?.onlyParentType : [this._config?.onlyParentType].some(it => data.render?.parentThis instanceof it);\n      if (!isOk) {\n        throw new Error('only my parentThis ' + this._config?.onlyParentType);\n      }\n    }\n  }\n\n  onChangeAttrRender(name: string, value: any, other: OtherData): void {\n    if (other.rawSet) {\n      this.setRawSet(other.rawSet);\n    }\n\n    const attributes = ReflectUtils.getMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, this.constructor);\n    if (attributes && Array.isArray(attributes)) {\n        for (const attrInfo of attributes) {\n            if (this.equalsAttributeName(name, attrInfo.name as any)) {\n                const finalValue = attrInfo.converter ? attrInfo.converter(value) : value;\n                if (attrInfo.isMethod) {\n                    const method = (this as any)[attrInfo.propertyKey];\n                    if (typeof method === 'function') {\n                        method.call(this, finalValue);\n                    }\n                } else {\n                    (this as any)[attrInfo.propertyKey] = finalValue;\n                }\n            }\n        }\n    }\n  }\n\n  onInitRender(param: any, rawSet: RawSet) {\n    this.createChildrenDebounceSubscription = this.childrenSetSubject.pipe(debounceTime(this.componentConfig?.createChildrenDebounce??0)).subscribe(it => {\n      this.onCreatedThisChildDebounce(it);\n    });\n    if (rawSet) {\n      this.setRawSet(rawSet);\n\n      const e = this.getElement();\n      if (e) {\n        (e as any).component = this;\n      }\n\n      // Setup decorators\n      this._setupQueryDecorators(rawSet);\n      this._setupEventDecorators(rawSet);\n    }\n  }\n\n  onDrThisBind() {\n    // Logic moved to onInitRender for robustness\n  }\n\n  onDrThisUnBind() {\n    this.onDestroy();\n  }\n\n  onDestroyRender(data?: OnDestroyRenderParams): void {\n    this.onDestroy();\n  }\n\n  onDestroy() {\n    this._cleanupEventListeners();\n    this._cleanupQueryBindings();\n    this._cleanupEventBindings();\n    this._clearAllRefreshTimers();\n    this.createChildrenDebounceSubscription?.unsubscribe();\n  }\n\n}\n"],
-  "mappings": "AAAA,OAAO;",
-  "names": []
-}

package/dist/esm/components/ComponentBase.d.ts

@@ -1,131 +0,0 @@
-import { OnChangeAttrRender, OtherData } from '../lifecycle/OnChangeAttrRender';
-import { OnCreateRenderData, OnCreateRenderDataParams } from '../lifecycle/OnCreateRenderData';
-import { RawSet } from '../rawsets/RawSet';
-import { ConstructorType } from '@dooboostore/core/types';
-import { OnCreatedThisChild } from '../lifecycle/OnCreatedThisChild';
-import { OnInitRender } from '../lifecycle/OnInitRender';
-import { OnDestroyRender, OnDestroyRenderParams } from '../lifecycle/OnDestroyRender';
-import { OnDrThisUnBind } from '../lifecycle/dr-this/OnDrThisUnBind';
-import { OnDrThisBind } from '../lifecycle/dr-this/OnDrThisBind';
-import type { Render } from '../rawsets/Render';
-import { DomRenderConfig } from '../configs/DomRenderConfig';
-export declare const ATTRIBUTE_METADATA_KEY: unique symbol;
-export declare const QUERY_METADATA_KEY: unique symbol;
-export declare const EVENT_METADATA_KEY: unique symbol;
-export interface AttributeMetadata {
-    propertyKey: string | symbol;
-    name: string;
-    converter?: (value: any | string | null) => any;
-    isMethod: boolean;
-}
-export interface QueryMetadata {
-    selector: string;
-    propertyKey: string | symbol;
-    isMethod: boolean;
-    convert?: (e: Element) => any;
-    onDestroy?: (componentInstance: any, element: Element) => void;
-    refreshTime?: number;
-}
-export interface EventMetadata {
-    query: string;
-    eventName: string;
-    methodName: string | symbol;
-    onDestroy?: (componentInstance: any, element: Element) => void;
-    refreshTime?: number;
-}
-export declare function attribute(nameOrOptions?: string | {
-    name?: string;
-    converter?: (value: any | string | null) => any;
-}): (target: object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => void;
-export declare function query(selectorOrOptions: string | {
-    selector: string;
-    convert?: (e: Element) => any;
-    onDestroy?: (componentInstance: any, element: Element) => void;
-    refreshIntervalTime?: number;
-}): (target: object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => void;
-export declare function event(options: {
-    query: string;
-    name: string;
-    onDestroy?: (componentInstance: any, element: Element) => void;
-    refreshTime?: number;
-}): MethodDecorator;
-export type ComponentBaseConfig = {
-    onlyParentType?: ConstructorType<any>[] | ConstructorType<any>;
-    createChildrenDebounce?: number;
-};
-export type ChildrenSet = {
-    instance: any;
-    data: OnCreateRenderDataParams;
-};
-export declare class ComponentBase<T = any, C extends ComponentBaseConfig = ComponentBaseConfig> implements OnChangeAttrRender, OnCreateRenderData, OnCreatedThisChild, OnDrThisBind, OnDrThisUnBind, OnInitRender, OnDestroyRender {
-    private _config?;
-    private _rawSet?;
-    private _children;
-    private _render;
-    private _attribute?;
-    private _boundEventListeners;
-    private _queryBindings;
-    private _eventBindings;
-    private _refreshTimers;
-    private childrenSetSubject;
-    private createChildrenDebounceSubscription?;
-    constructor(_config?: C);
-    get componentConfig(): C | undefined;
-    get render(): Render | undefined;
-    get rawSet(): RawSet | undefined;
-    get domRenderConfig(): DomRenderConfig | undefined;
-    private _queryElements;
-    private _cleanupEventListeners;
-    private _cleanupQueryBindings;
-    private _cleanupEventBindings;
-    private _applyQueryBinding;
-    private _setupQueryDecorators;
-    private _updateQueryBinding;
-    private _updateQueryDecorators;
-    private _arraysEqual;
-    private _setupRefreshTimer;
-    private _clearRefreshTimer;
-    private _clearAllRefreshTimers;
-    /**
-     * Manually refresh all query and event decorators
-     * Useful when DOM elements are dynamically added/removed and you want to update bindings
-     */
-    refreshDecorators(): void;
-    /**
-     * Manually refresh specific query decorators by property key
-     * @param propertyKeys - Array of property keys to refresh, or single property key
-     */
-    refreshQueryDecorators(propertyKeys: (string | symbol) | (string | symbol)[]): void;
-    /**
-     * Manually refresh specific event decorators by method name
-     * @param methodNames - Array of method names to refresh, or single method name
-     */
-    refreshEventDecorators(methodNames: (string | symbol) | (string | symbol)[]): void;
-    private _applyEventBinding;
-    private _setupEventDecorators;
-    private _updateEventBinding;
-    private _updateEventDecorators;
-    getAttribute<K extends keyof T>(name: K, attribute?: T): T[K] | null;
-    hasAttribute(name: keyof T): boolean;
-    equalsAttributeName(n: string, name: keyof T): boolean;
-    get uuid(): string | undefined;
-    get childrenSet(): ChildrenSet[];
-    get children(): any[];
-    getElement<T extends Element>(): T | undefined;
-    getFirstChild<T>(type: ConstructorType<T>): T | undefined;
-    getParentThis<P>(): P;
-    getChildren<C extends ConstructorType<any>>(type: C): InstanceType<C>[];
-    getChildren<C extends ConstructorType<any>[]>(types: C): InstanceType<C[number]>[];
-    private setRawSet;
-    setAttribute(attribute: T): void;
-    onCreatedThisChild(child: any, data: OnCreateRenderDataParams): void;
-    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]): void;
-    onCreateRenderData(data: OnCreateRenderDataParams): void;
-    onChangeAttrRender(name: string, value: any, other: OtherData): void;
-    onInitRender(param: any, rawSet: RawSet): void;
-    onDrThisBind(): void;
-    onDrThisUnBind(): void;
-    onDestroyRender(data?: OnDestroyRenderParams): void;
-    onDestroy(): void;
-}
-//# sourceMappingURL=ComponentBase.d.ts.map

package/dist/esm/components/ComponentBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentBase.d.ts","sourceRoot":"","sources":["../../../src/components/ComponentBase.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/ComponentRouterBase.d.js

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

package/dist/esm/components/ComponentRouterBase.d.js.map

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

package/dist/esm/components/ComponentRouterBase.d.ts

@@ -1,13 +0,0 @@
-import { ChildrenSet, ComponentBase, ComponentBaseConfig } from './ComponentBase';
-import { ComponentSet } from './ComponentSet';
-export type ComponentRouterBaseConfig = ComponentBaseConfig & {
-    sameRouteNoApply?: boolean;
-};
-export declare abstract class ComponentRouterBase<T = any> extends ComponentBase<T, ComponentRouterBaseConfig> {
-    child?: ComponentSet;
-    constructor(_config?: ComponentRouterBaseConfig);
-    setChild(child: ComponentSet): void;
-    onDrThisUnBind(): void;
-    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]): void;
-}
-//# sourceMappingURL=ComponentRouterBase.d.ts.map

package/dist/esm/components/ComponentRouterBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentRouterBase.d.ts","sourceRoot":"","sources":["../../../src/components/ComponentRouterBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,MAAM,yBAAyB,GAAG,mBAAmB,GAAG;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7F,8BAAsB,mBAAmB,CAAC,CAAC,GAAG,GAAG,CAC/C,SAAQ,aAAa,CAAC,CAAC,EAAE,yBAAyB,CAAC;IAG5C,KAAK,CAAC,EAAE,YAAY,CAAC;gBAEhB,OAAO,CAAC,EAAE,yBAAyB;IAQ/C,QAAQ,CAAC,KAAK,EAAE,YAAY;IAS5B,cAAc,IAAI,IAAI;IAQtB,0BAA0B,CAAC,WAAW,EAAE,WAAW,EAAE;CAKtD"}

package/dist/esm/components/ComponentSet.d.js

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

package/dist/esm/components/ComponentSet.d.js.map

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

package/dist/esm/components/ComponentSet.d.ts

@@ -1,22 +0,0 @@
-export type ComponentSetConfig = {
-    objPath?: string | null;
-    beforeComponentSet?: ComponentSet;
-};
-export declare class ComponentSet<T = any> {
-    obj: T;
-    private _config;
-    private _template?;
-    private _styles?;
-    constructor(obj: T, source: {
-        template?: string;
-        styles?: (string[]) | string;
-    }, config?: ComponentSetConfig);
-    get template(): string;
-    get styles(): string | string[];
-    get config(): ComponentSetConfig;
-    setTemplateStyle(set: {
-        template?: string;
-        styles?: string | (string[]);
-    }): void;
-}
-//# sourceMappingURL=ComponentSet.d.ts.map

package/dist/esm/components/ComponentSet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentSet.d.ts","sourceRoot":"","sources":["../../../src/components/ComponentSet.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,kBAAkB,CAAC,EAAE,YAAY,CAAA;CAAC,CAAC;AAC9F,qBAAa,YAAY,CAAC,CAAC,GAAG,GAAG;IAIV,GAAG,EAAE,CAAC;IAHzB,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAC,CAAoB;gBACjB,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,MAAM,CAAA;KAAC,EAAE,MAAM,CAAC,EAAE,kBAAkB;IAKjH,IAAI,QAAQ,WAEX;IACD,IAAI,MAAM,sBAET;IACD,IAAI,MAAM,uBAET;IACM,gBAAgB,CAAC,GAAG,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;KAAC;CAIjF"}

package/dist/esm/components/a/A.d.js

@@ -1,5 +0,0 @@
-var A_d_default = _default;
-export {
-  A_d_default as default
-};
-//# sourceMappingURL=A.d.js.map

package/dist/esm/components/a/A.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/a/A.ts"],
-  "sourcesContent": ["import { attribute, ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\n\nexport namespace A {\n  export const selector = 'dr-a';\n\n  export type ClickCallbackData = {\n      event: MouseEvent,\n      attributes: {\n          href: string | null;\n          target: string | null;\n          style: string | null;\n          class: string | null;\n          replace?: boolean;\n          scrollToTop?: boolean;\n      }\n  }\n\n  export type Attribute = {\n    href?: string | null;\n    target?: string | null;\n    style?: string | null;\n    class?: string | null;\n    click?: ((data: ClickCallbackData) => void) | null;\n    replace?: boolean | null;\n    scrollToTop?: boolean | null;\n  };\n\n  export class A extends ComponentBase<Attribute> {\n    @attribute({ converter: v => v || null }) href: string | null = null;\n    @attribute({ converter: v => v || null }) target: string | null = null;\n    @attribute({ converter: v => v || null }) style: string | null = null;\n    @attribute({ name: 'class', converter: v => v || null }) classAttr: string | null = null;\n    @attribute() click?: ((data: ClickCallbackData) => void) | null = null;\n    @attribute({ converter: v => v !== null && String(v) !== 'false' }) replace = false;\n    @attribute({ converter: v => v !== null && String(v) !== 'false' }) scrollToTop = true;\n\n    onClick(event: MouseEvent) {\n      if (this.click) {\n          const attributes = {\n              href: this.href,\n              target: this.target,\n              style: this.style,\n              class: this.classAttr,\n              replace: this.replace,\n              scrollToTop: this.scrollToTop\n          };\n          this.click({ event, attributes });\n      }\n\n      if (event.defaultPrevented) {\n          return;\n      }\n\n      if (this.target !== '_blank' && this.href) {\n        event.preventDefault();\n        // console.log('scrollTop', this.scrollToTop);\n        this.domRenderConfig?.router?.go({path: this.href, replace: this.replace, scrollToTop: this.scrollToTop });\n      }\n    }\n  }\n}\n\nexport default {\n  a: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: A.selector,\n      template: `<a\n        href=\"\\${@this@.href}$\"\n        target=\"\\${@this@.target}$\"\n        style=\"\\${@this@.style}$\"\n        class=\"\\${@this@.classAttr}$\"\n        dr-event-click=\"@this@.onClick($event)\"\n      >#innerHTML#</a>`,\n      objFactory: (e, o, r2, constructorParam) => {\n        return DomRender.run({ rootObject: new A.A(...constructorParam), config });\n      },\n    });\n  },\n};\n"],
-  "mappings": "AAgEA,IAAA,cAAA;",
-  "names": []
-}

package/dist/esm/components/a/A.d.ts

@@ -1,40 +0,0 @@
-import { ComponentBase } from '../ComponentBase';
-import { DomRenderRunConfig } from '../../DomRender';
-export declare namespace A {
-    const selector = "dr-a";
-    type ClickCallbackData = {
-        event: MouseEvent;
-        attributes: {
-            href: string | null;
-            target: string | null;
-            style: string | null;
-            class: string | null;
-            replace?: boolean;
-            scrollToTop?: boolean;
-        };
-    };
-    type Attribute = {
-        href?: string | null;
-        target?: string | null;
-        style?: string | null;
-        class?: string | null;
-        click?: ((data: ClickCallbackData) => void) | null;
-        replace?: boolean | null;
-        scrollToTop?: boolean | null;
-    };
-    class A extends ComponentBase<Attribute> {
-        href: string | null;
-        target: string | null;
-        style: string | null;
-        classAttr: string | null;
-        click?: ((data: ClickCallbackData) => void) | null;
-        replace: boolean;
-        scrollToTop: boolean;
-        onClick(event: MouseEvent): void;
-    }
-}
-declare const _default: {
-    a: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-};
-export default _default;
-//# sourceMappingURL=A.d.ts.map

package/dist/esm/components/a/A.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"A.d.ts","sourceRoot":"","sources":["../../../../src/components/a/A.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGhE,yBAAiB,CAAC,CAAC;IACV,MAAM,QAAQ,SAAS,CAAC;IAE/B,KAAY,iBAAiB,GAAG;QAC5B,KAAK,EAAE,UAAU,CAAC;QAClB,UAAU,EAAE;YACR,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;YACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;YACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;YACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;YACrB,OAAO,CAAC,EAAE,OAAO,CAAC;YAClB,WAAW,CAAC,EAAE,OAAO,CAAC;SACzB,CAAA;KACJ,CAAA;IAED,KAAY,SAAS,GAAG;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;QACnD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;QACzB,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;KAC9B,CAAC;IAEF,MAAa,CAAE,SAAQ,aAAa,CAAC,SAAS,CAAC;QACH,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;QAC3B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;QAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;QACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;QAC5E,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;QACH,OAAO,UAAS;QAChB,WAAW,UAAQ;QAEvF,OAAO,CAAC,KAAK,EAAE,UAAU;KAuB1B;CACF;;iBAGc,kBAAkB;;AADjC,wBAgBE"}

package/dist/esm/components/a/index.d.js

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/a/index.ts"],
-  "sourcesContent": ["export * from './A';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}

package/dist/esm/components/a/index.d.ts

@@ -1,2 +0,0 @@
-export * from './A';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/a/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/a/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAC"}

package/dist/esm/components/appender/Appender.d.js

@@ -1,5 +0,0 @@
-var Appender_d_default = _default;
-export {
-  Appender_d_default as default
-};
-//# sourceMappingURL=Appender.d.js.map

package/dist/esm/components/appender/Appender.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/appender/Appender.ts"],
-  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { Appender as DomRenderAppender } from '../../operators/Appender';\n\n\nexport namespace Appender {\n  export const selector = 'dr-appender';\n  // export type AppenderInterface<D> = {\n  //   push(...data:D[]):void;\n  //   set(key: string, ...v:D[]):void\n  //   delete(key: string):void\n  //   clear():void\n  // }\n  export type Attribute<D> = {\n    value: DomRenderAppender<D>;\n    onCreate?: (appender: DomRenderAppender) => void;\n  }\n\n  // @Component({\n  //   template: '<div dr-appender=\"@this@.appender\" dr-option-strip=\"true\">#innerHTML#</div>',\n  //   selector: `${selector}`\n  // })\n  export class Appender<D> extends ComponentBase<Attribute<D>> implements OnInitRender {\n    private value?:DomRenderAppender\n\n    // onCreateRender(...param: any) {\n    //   console.log('--onCreateRender')\n    // }\n\n    // test() {\n    //   console.log('t', this.getAttribute('appender'))\n    // }\n    onInitRender(param: any, rawSet: RawSet) {\n      // console.log('--onInitRender onInitRender')\n      super.onInitRender(param, rawSet);\n\n\n    }\n\n    // push(...data:D[]) {\n    //   console.log('push/////', data);\n    //   this.appender.push(...data);\n    // }\n    //\n    // set(key: string, v: D): void {\n    //   this.appender.set(key, v)\n    // }\n    //\n    // delete(key: string): void {\n    //   this.appender.delete(key);\n    // }\n    //\n    // clear(): void {\n    //   this.appender.clear();\n    // }\n\n\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      // console.log('------>appender', name, value);\n    }\n  }\n}\n\n\nexport default {\n  appender: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: Appender.selector,\n      template: '<div dr-appender=\"@this@.value\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Appender.Appender(...counstructorParam), config: config});\n      }\n    })\n  },\n}\n\n\n"],
-  "mappings": "AAyEA,IAAA,qBAAA;",
-  "names": []
-}

package/dist/esm/components/appender/Appender.d.ts

@@ -1,23 +0,0 @@
-import { ComponentBase } from '../ComponentBase';
-import { DomRenderRunConfig } from '../../DomRender';
-import { RawSet } from '../../rawsets/RawSet';
-import { OtherData } from '../../lifecycle/OnChangeAttrRender';
-import { OnInitRender } from '../../lifecycle/OnInitRender';
-import { Appender as DomRenderAppender } from '../../operators/Appender';
-export declare namespace Appender {
-    const selector = "dr-appender";
-    type Attribute<D> = {
-        value: DomRenderAppender<D>;
-        onCreate?: (appender: DomRenderAppender) => void;
-    };
-    class Appender<D> extends ComponentBase<Attribute<D>> implements OnInitRender {
-        private value?;
-        onInitRender(param: any, rawSet: RawSet): void;
-        onChangeAttrRender(name: string, value: any, other: OtherData): void;
-    }
-}
-declare const _default: {
-    appender: (config?: DomRenderRunConfig) => import("../../configs").TargetElement;
-};
-export default _default;
-//# sourceMappingURL=Appender.d.ts.map

package/dist/esm/components/appender/Appender.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Appender.d.ts","sourceRoot":"","sources":["../../../../src/components/appender/Appender.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGzE,yBAAiB,QAAQ,CAAC;IACjB,MAAM,QAAQ,gBAAgB,CAAC;IAOtC,KAAY,SAAS,CAAC,CAAC,IAAI;QACzB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC5B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;KAClD,CAAA;IAMD,MAAa,QAAQ,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAE,YAAW,YAAY;QAClF,OAAO,CAAC,KAAK,CAAC,CAAkB;QAShC,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;QA2BvC,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS;KAO9D;CACF;;wBAIqB,kBAAkB;;AADxC,wBAUC"}

package/dist/esm/components/appender/index.d.js

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/appender/index.ts"],
-  "sourcesContent": ["export * from './Appender';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}

package/dist/esm/components/appender/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Appender';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/appender/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/appender/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/components/checkbox/CheckBox.d.js

@@ -1,5 +0,0 @@
-var CheckBox_d_default = _default;
-export {
-  CheckBox_d_default as default
-};
-//# sourceMappingURL=CheckBox.d.js.map

package/dist/esm/components/checkbox/CheckBox.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/checkbox/CheckBox.ts"],
-  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { ComponentSet } from '../../components/ComponentSet';\nimport { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\n\nexport namespace CheckBox {\n  export const selector = 'dr-checkbox';\n  export type Attribute = {\n    class?: string;\n  }\n  export type ChangeOption = { type: 'initialize' | 'event' | 'attributeChange' };\n  export type WrapAttribute = {\n    class?: string;\n    name?: string;\n    checked?: boolean;\n    change?: (checked: boolean, option: ChangeOption) => void\n  }\n\n  class CheckBoxBase extends ComponentBase<Attribute> {\n    public hidden = true;\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   styles: '',\n  //   selector: `${selector}.Checked`\n  // })\n  export class Checked extends CheckBoxBase {\n    public name = 'checked';\n\n    constructor() {\n      super({onlyParentType: CheckBox});\n    }\n  }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   styles: '',\n  //   selector: `${selector}.UnChecked`\n  // })\n  export class UnChecked extends CheckBoxBase {\n    public name = 'unChecked';\n\n    constructor() {\n      super({onlyParentType: CheckBox});\n    }\n  }\n\n  // @Component({\n  //   template: template,\n  //   styles: style,\n  //   selector: `${selector}`\n  // })\n  export class CheckBox extends ComponentBase<WrapAttribute> {\n    private checked = false;\n    private inputElement?: HTMLInputElement;\n\n    change(option: ChangeOption, checked?: boolean) { checked = checked ?? this.checked;\n      this.checked = checked;\n      this.setChildrenHidden(checked);\n      this.getAttribute('change')?.(checked, option);\n    }\n\n    private setChildrenHidden(checked: boolean) {\n      this.getChildren(Checked).forEach(it => {\n        it.hidden = !checked;\n      });\n      this.getChildren(UnChecked).forEach(it => {\n        it.hidden = checked;\n      });\n    }\n\n    onCreatedThisChild(child: CheckBoxBase, childData: OnCreateRenderDataParams): void {\n      super.onCreatedThisChild(child, childData);\n      this.setChildrenHidden(this.checked);\n    }\n\n    onInitInputElement(element: HTMLInputElement) {\n      // console.log('---cr', element)\n      this.inputElement = element;\n      this.inputElement.checked = !!this.getAttribute('checked');\n      this.change({type: 'initialize'}, !!this.getAttribute('checked'));\n    }\n\n    onChangeAttrRender(name: string, val: any, other: OtherData) {\n      super.onChangeAttrRender(name, val, other);\n      // console.log('Checkbox ChangeAttr------', name, val, this.inputElement)\n      if (this.inputElement && this.getAttribute('checked') !== this.checked) {\n        this.inputElement.checked = !!this.getAttribute('checked');\n        this.change({type: 'attributeChange'}, !!this.getAttribute('checked'));\n      }\n    }\n\n  }\n}\n\n\n\nexport default {\n  checkBoxChecked: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${CheckBox.selector}-checked`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new CheckBox.Checked(), config: config});\n      }\n    })\n  },\n  checkBoxUnchecked: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${CheckBox.selector}-unchecked`,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\" >#innerHTML#</div>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new CheckBox.UnChecked(), config: config});\n      }\n    })\n  },\n  checkBox: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${CheckBox.selector}`,\n      template: '<label class=\"${@this@.getAttribute(\\'class\\')}$\">\\n' +\n        '  <input\\n' +\n        '    name=\"${@this@.getAttribute(\\'name\\')}$\"\\n' +\n        '    dr-on-init=\"@this@.onInitInputElement($element)\"\\n' +\n        '    dr-event-change=\"@this@.change({type: \\'event\\'},$element.checked);\"\\n' +\n        '    type=\"checkbox\" hidden=\"hidden\"/>\\n' +\n        '  #innerHTML#\\n' +\n        '</label>',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new CheckBox.CheckBox(...counstructorParam), config: config});\n      }\n    })\n  },\n}"],
-  "mappings": "AAqGA,IAAA,qBAAA;",
-  "names": []
-}