@dooboostore/dom-render 1.0.109 → 1.0.111

package/dist/cjs/dist/events/EventManager.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/events/EventManager.ts"],
+  "sourcesContent": ["import { DomRenderConfig } from '../configs/DomRenderConfig';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { ElementUtils } from '@dooboostore/core-web/element/ElementUtils';\nimport { Range } from '../iterators/Range';\nimport { DomRenderFinalProxy } from '../types/Types';\nimport { getDomRenderConfig } from '../DomRenderProxy';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\ntype HandlerInfo = {\n  element: HTMLElement;\n  attr: string;\n  type: 'link' | 'event' | 'event-param';\n  priority: number;\n  property?: string; // for link type\n};\nexport type NormalAttrDataType = {\n  originalAttrValue: string;\n  isStringTemplate: boolean;\n  variablePaths: {origin: string, inner: string}[];\n}\nexport class EventManager {\n  public static readonly attrPrefix = 'dr-';\n  public readonly eventNames = [\n    'click', 'mousedown', 'mouseup', 'dblclick', 'mouseover', 'mouseout', 'mousemove', 'mouseenter', 'mouseleave', 'contextmenu',\n    'keyup', 'keydown', 'keypress', 'toggle',\n    'change', 'input', 'submit', 'resize', 'focus', 'blur',\n    'close', 'cancel'\n  ];\n\n  private readonly delegatableEventMap: { [key: string]: string } = {\n    mouseleave: 'mouseout',\n    mouseenter: 'mouseover',\n    focus: 'focusin',\n    blur: 'focusout',\n  };\n  private readonly directAttachEvents = new Set(['close']);\n\n  public static ownerVariablePathAttrName = EventManager.attrPrefix + 'owner-variable-path';\n\n  public static readonly eventParam = EventManager.attrPrefix + 'event';\n  public static readonly onInitAttrName = EventManager.attrPrefix + 'on-init';\n  public static readonly valueAttrName = EventManager.attrPrefix + 'value';\n  public static readonly checkedAttrName = EventManager.attrPrefix + 'checked';\n  public static readonly selectedAttrName = EventManager.attrPrefix + 'selected';\n  public static readonly readonlyAttrName = EventManager.attrPrefix + 'readonly';\n  public static readonly disabledAttrName = EventManager.attrPrefix + 'disabled';\n  public static readonly hiddenAttrName = EventManager.attrPrefix + 'hidden';\n  public static readonly requiredAttrName = EventManager.attrPrefix + 'required';\n  public static readonly openAttrName = EventManager.attrPrefix + 'open';\n\n  // link\uB294 \uC4F0\uC9C0 \uC54A\uB294\uAC78 \uCD94\uCC9C\uD55C\uB2E4 \uB77C\uC774\uD504 \uC0AC\uC774\uD074 \uAF2C\uC778\uB2E4 \uB2E4\uB978 \uD504\uB808\uC784\uC6CC\uD06C\uC5D0\uC11C\uB3C4 \uC591\uBC29\uD5A5\uC740 \uC9C0\uC591 \uD55C\uB2E4\n  public static linkAttrs = [\n    {name: EventManager.attrPrefix + 'value-link', property: 'value', event: 'input'},\n    {name: EventManager.attrPrefix + 'hidden-link', property: 'value', event: 'input'},\n    {name: EventManager.attrPrefix + 'required-link', property: 'value', event: 'input'},\n    {name: EventManager.attrPrefix + 'checked-link', property: 'checked', event: 'change'},\n    {name: EventManager.attrPrefix + 'open-link', property: 'open', event: 'toggle'},\n  ]\n  // @ts-ignore  \uD569\uC131\uC774\uBCA4\uD2B8(Synthetic) \uCC98\uB9AC\uD558\uBA74\uC11C \uC758\uBBF8\uAC00 \uC5C6\uC5B4\uC84C\uB2E4\n  public static readonly linkTargetMapAttrName = EventManager.attrPrefix + 'link-variables';\n\n  public static readonly onRenderedInitAttrName = EventManager.attrPrefix + 'on-rendered-init';\n\n  public static readonly attrAttrName = EventManager.attrPrefix + 'attr';\n  public static readonly normalAttrMapAttrName = EventManager.attrPrefix + 'normal-attr-map';\n  public static readonly styleAttrName = EventManager.attrPrefix + 'style';\n  public static readonly classAttrName = EventManager.attrPrefix + 'class';\n\n  public static readonly VALUE_VARNAME = '$value';\n  public static readonly SCRIPTS_VARNAME = '$scripts';\n  public static readonly FAG_VARNAME = '$fag';\n  public static readonly RAWSET_VARNAME = '$rawSet';\n  public static readonly RENDER_VARNAME = '$render';\n  public static readonly NEAR_THIS_VARNAME = '$nearThis';\n  public static readonly PARENT_THIS_VARNAME = '$parentThis';\n  public static readonly ROOT_OBJECT_VARNAME = '$rootObject';\n  public static readonly SCRIPT_UTILS_VARNAME = '$scriptUtils';\n  public static readonly RANGE_VARNAME = '$range';\n  public static readonly ROUTER_VARNAME = '$router';\n  public static readonly INNER_HTML_VARNAME = '$innerHTML';\n  public static readonly ELEMENT_VARNAME = '$element';\n  public static readonly TARGET_VARNAME = '$target';\n  public static readonly EVENT_VARNAME = '$event';\n  public static readonly COMPONENT_VARNAME = '$component';\n  public static readonly INNERHTML_VARNAME = '$innerHTML';\n  public static readonly ATTRIBUTE_VARNAME = '$attribute';\n  public static readonly CREATOR_META_DATA_VARNAME = '$creatorMetaData';\n  public static readonly PARENT_THIS_PATH_VARNAME = '$parentPath';\n  public static readonly CURRENT_THIS_VARNAME = '$currentThis';\n  public static readonly CURRENT_THIS_PATH_VARNAME = '$currentThisPath';\n  public static readonly NEAR_THIS_PATH_VARNAME = '$nearThisPath';\n  public static readonly VARNAMES = [EventManager.SCRIPTS_VARNAME, EventManager.FAG_VARNAME, EventManager.RAWSET_VARNAME, EventManager.RANGE_VARNAME, EventManager.ROUTER_VARNAME, EventManager.ELEMENT_VARNAME, EventManager.TARGET_VARNAME, EventManager.EVENT_VARNAME, EventManager.COMPONENT_VARNAME, EventManager.INNERHTML_VARNAME, EventManager.ATTRIBUTE_VARNAME, EventManager.ATTRIBUTE_VARNAME, EventManager.CREATOR_META_DATA_VARNAME, EventManager.PARENT_THIS_PATH_VARNAME, EventManager.PARENT_THIS_VARNAME];\n\n  public static readonly WINDOW_EVENT_POPSTATE = 'popstate';\n  public static readonly WINDOW_EVENT_RESIZE = 'resize';\n  public static readonly WINDOW_EVENTS = [EventManager.WINDOW_EVENT_POPSTATE, EventManager.WINDOW_EVENT_RESIZE];\n  public static readonly noDetectAttr = [EventManager.normalAttrMapAttrName]\n  public static readonly attrNames = [\n    EventManager.valueAttrName,\n    EventManager.checkedAttrName,\n    EventManager.selectedAttrName,\n    EventManager.readonlyAttrName,\n    EventManager.disabledAttrName,\n    EventManager.hiddenAttrName,\n    EventManager.requiredAttrName,\n    EventManager.openAttrName,\n    EventManager.attrAttrName,\n    EventManager.normalAttrMapAttrName,\n    EventManager.styleAttrName,\n    EventManager.classAttrName,\n    EventManager.attrPrefix + 'window-event-' + EventManager.WINDOW_EVENT_POPSTATE,\n    EventManager.attrPrefix + 'window-event-' + EventManager.WINDOW_EVENT_RESIZE,\n    EventManager.onInitAttrName,\n    ...EventManager.linkAttrs.map(it => it.name),\n    this.eventParam\n  ];\n  readonly bindScript = `\n        const ${EventManager.VALUE_VARNAME} = this.__render.value;\n        const ${EventManager.SCRIPTS_VARNAME} = this.__render.scripts;\n        const ${EventManager.RANGE_VARNAME} = this.__render.range;\n        const ${EventManager.ROUTER_VARNAME} = this.__render.router;\n        const ${EventManager.ATTRIBUTE_VARNAME} = this.__render.attribute;\n        const ${EventManager.ELEMENT_VARNAME} = this.__render.element;\n        const ${EventManager.COMPONENT_VARNAME} = this.__render.element.component;\n        const ${EventManager.TARGET_VARNAME} = this.__render.target;\n        const ${EventManager.EVENT_VARNAME} = this.__render.event;\n    `;\n\n  constructor(private window: Window) {\n    this.eventNames.forEach(it => {\n      EventManager.attrNames.push(EventManager.attrPrefix + 'event-' + it);\n    });\n    EventManager.attrNames.push(EventManager.onRenderedInitAttrName);\n\n    if (typeof window !== 'undefined') {\n      EventManager.WINDOW_EVENTS.forEach(eventName => {\n        window?.addEventListener(eventName, (event) => {\n          const targetAttr = `dr-window-event-${eventName}`;\n          document.querySelectorAll(`[${targetAttr}]`).forEach(it => {\n            const script = it.getAttribute(targetAttr);\n            if (script) {\n              const obj = this.findComponentInstance(it as HTMLElement);\n              const config = getDomRenderConfig(obj);\n              ScriptUtils.evaluate(`${this.bindScript} ${script} `, this.createExecutionContext(event, it as HTMLElement, obj, config));\n            }\n          });\n        });\n      });\n\n      const rootElement = this.window.document;\n        const listeningEvents = new Set<string>();\n        this.eventNames.forEach(eventName => {\n          if (this.directAttachEvents.has(eventName)) {\n            return;\n          }\n          const delegatedEventName = this.delegatableEventMap[eventName] || eventName;\n\n          if (listeningEvents.has(delegatedEventName)) {\n            return;\n          }\n          listeningEvents.add(delegatedEventName);\n          rootElement.addEventListener(delegatedEventName, this.handleEvent.bind(this), true);\n        });\n    }\n  }\n\n  private handleEvent(event: Event) {\n    const handlers = this.collectHandlers(event);\n    // console.log('handlers', handlers, event);\n    for (const handler of handlers) {\n      if (event.cancelBubble) {\n        break;\n      }\n\n      const componentInstance = this.findComponentInstance(handler.element);\n      if (!componentInstance) {\n        continue;\n      }\n      // console.log('executeHandler', event,handler,componentInstance)\n      this.executeHandler(event, handler, componentInstance);\n    }\n  }\n\n  private collectHandlers(event: Event): HandlerInfo[] {\n    const handlers: HandlerInfo[] = [];\n    const root =  this.window.document;\n    if (!root) return handlers;\n\n    const initialTarget = event.target as Node;\n    let currentTarget: HTMLElement | null = (initialTarget.nodeType === 1)\n      ? (initialTarget as HTMLElement)\n      : initialTarget.parentElement;\n    const collectedElements = new Set<HTMLElement>();\n\n    const eventMap: { [key: string]: string } = {\n      mouseout: 'mouseleave',\n      mouseover: 'mouseenter',\n      focusout: 'blur',\n      focusin: 'focus'\n    };\n    const mappedEventName = eventMap[event.type] || event.type;\n\n    while (currentTarget) {\n      if (collectedElements.has(currentTarget)) {\n        break;\n      }\n\n      // Priority 1: Link attributes\n      const matchingLinkAttr = EventManager.linkAttrs.find(la => la.event === mappedEventName && currentTarget?.hasAttribute(la.name));\n      if (matchingLinkAttr) {\n        handlers.push({\n          element: currentTarget,\n          attr: matchingLinkAttr.name,\n          type: 'link',\n          priority: 1,\n          property: matchingLinkAttr.property\n        });\n      }\n\n      // Priority 2: dr-event-* attributes\n      const eventAttr = `${EventManager.attrPrefix}event-${mappedEventName}`;\n      if (currentTarget.hasAttribute(eventAttr)) {\n        handlers.push({\n          element: currentTarget,\n          attr: eventAttr,\n          type: 'event',\n          priority: 2\n        });\n      }\n\n      // Priority 3: dr-event with params\n      const eventParamAttr = EventManager.eventParam;\n      if (currentTarget.hasAttribute(eventParamAttr)) {\n        const bindEvents = currentTarget.getAttribute(`${eventParamAttr}:bind`);\n        if (bindEvents && bindEvents.split(',').map(s => s.trim()).includes(mappedEventName)) {\n          handlers.push({\n            element: currentTarget,\n            attr: eventParamAttr,\n            type: 'event-param',\n            priority: 3\n          });\n        }\n      }\n\n      collectedElements.add(currentTarget);\n\n      if (currentTarget === root.documentElement) {\n        break;\n      }\n\n      currentTarget = currentTarget.parentElement;\n    }\n\n    return handlers.sort((a, b) => a.priority - b.priority);\n  }\n\n  private findComponentInstance(element: HTMLElement | null): any {\n    let current = element;\n    const root =  this.window.document;\n    while (current) {\n      if ((current as any).obj) {\n        return (current as any).obj;\n      }\n      if (current === root.documentElement) {\n        break;\n      }\n      current = current.parentElement;\n    }\n    return this.window;\n  }\n\n  private createExecutionContext(event: Event, element: HTMLElement, componentInstance: any, config: DomRenderConfig | undefined, extraVars = {}) {\n    // console.log('---------->', config?.eventVariables)\n    return Object.assign(componentInstance, {\n      __render: Object.freeze({\n        event,\n        element,\n        target: event.target,\n        attribute: ElementUtils.getAttributeToObject(element),\n        router: config?.router,\n        range: Range.range,\n        scripts: EventManager.setBindProperty(config?.scripts, componentInstance),\n        ...config?.eventVariables,\n        ...extraVars\n      })\n    });\n  }\n\n  private executeHandler(event: Event, handler: HandlerInfo, componentInstance: any) {\n    const {element, type, attr} = handler;\n    const config = getDomRenderConfig(componentInstance);\n\n    switch (type) {\n      case 'link':\n        const varName = element.getAttribute(attr);\n        if (!varName || !handler.property) return;\n\n        if (attr.includes('leave') || attr.includes('enter') || attr.includes('focus') || attr.includes('blur')) {\n          const relatedTarget = (event as MouseEvent).relatedTarget as Node;\n          if (relatedTarget && element.contains(relatedTarget)) {\n            return;\n          }\n        }\n\n        const ownerVariablePath = element.getAttribute(EventManager.ownerVariablePathAttrName);\n        let bindObj = componentInstance;\n        if (ownerVariablePath) {\n          bindObj = ScriptUtils.evaluateReturn(ownerVariablePath, componentInstance);\n        }\n\n        const mapScript = element.getAttribute(`${attr}:map`);\n        let value = (element as any)[handler.property];\n\n        if (mapScript) {\n          const context = this.createExecutionContext(event, element, bindObj, config, {value});\n          value = ScriptUtils.evaluate(`return ${mapScript}`, context);\n        }\n\n        if (typeof this.getValue(componentInstance, varName, bindObj) === 'function') {\n          this.getValue(componentInstance, varName, bindObj)(value, event);\n        } else {\n          this.setValue(componentInstance, varName, value);\n        }\n        break;\n\n      case 'event':\n        const script = element.getAttribute(attr);\n        if (!script) return;\n\n        if (attr.endsWith('mouseleave') || attr.endsWith('mouseenter') || attr.endsWith('blur') || attr.endsWith('focus')) {\n          const relatedTarget = (event as MouseEvent).relatedTarget as Node;\n          if (relatedTarget && element.contains(relatedTarget)) {\n            return;\n          }\n        }\n\n        const context = this.createExecutionContext(event, element, componentInstance, config);\n        const filterScript = element.getAttribute(`${attr}:filter`);\n        let filter = true;\n        // \uAC1C\uBC1C\uC790\uAC00 \uC0AC\uC6A9\uC911\uC5D0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uB420(\uB514\uBC84\uAE45) \uBC84\uADF8\uB97C \uC720\uBC1C\uD560\uC218\uC788\uB294 \uAE30\uB2A5 \uD750\uB984\uC81C\uC5B4\uAC00 \uC548\uB420\uC218\uC788\uC5B4 \uAE30\uB2A5\uC744 \uC81C\uAC70\uD55C\uB2E4.\n        // if (filterScript) {\n        //     filter = ScriptUtils.eval<boolean>(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;\n        // }\n\n        if (filter) {\n          ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);\n        }\n\n        // \uAC1C\uBC1C\uC790\uAC00 \uC0AC\uC6A9\uC911\uC5D0 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uB420(\uB514\uBC84\uAE45) \uBC84\uADF8\uB97C \uC720\uBC1C\uD560\uC218\uC788\uB294 \uAE30\uB2A5 \uD750\uB984\uC81C\uC5B4\uAC00 \uC548\uB420\uC218\uC788\uC5B4 \uAE30\uB2A5\uC744 \uC81C\uAC70\uD55C\uB2E4.\n        // const hasDispatch = element.hasAttribute(`${attr}:dispatch`);\n        // if (hasDispatch) {\n        //   element.dispatchEvent(new Event(event.type));\n        // }\n        break;\n\n      case 'event-param':\n        const paramScript = element.getAttribute(attr);\n        if (!paramScript) return;\n\n        if (attr.endsWith('mouseleave') || attr.endsWith('mouseenter') || attr.endsWith('blur') || attr.endsWith('focus')) {\n          const relatedTarget = (event as MouseEvent).relatedTarget as Node;\n          if (relatedTarget && element.contains(relatedTarget)) {\n            return;\n          }\n        }\n\n        const attributes = ElementUtils.getAttributeToObject(element);\n        const params = {} as any;\n        const prefix = attr + ':';\n        Object.entries(attributes).filter(([k, v]) => k.startsWith(prefix)).forEach(([k, v]) => {\n          params[k.slice(prefix.length)] = v;\n        });\n\n        const paramContext = this.createExecutionContext(event, element, componentInstance, config, {params});\n        ScriptUtils.evaluate(`${this.getBindScript(config)} ${paramScript}`, paramContext);\n        break;\n    }\n  }\n\n  public findAttrElements(fragment: DocumentFragment | Element, config?: DomRenderConfig): Set<Element> {\n    const elements = new Set<Element>();\n    const addAttributes = config?.applyEvents?.map(it => it.attrName) ?? [];\n    addAttributes.concat([...EventManager.attrNames]).forEach(attrName => {\n      fragment?.querySelectorAll(`[${attrName}]`).forEach(it => {\n        elements.add(it);\n      });\n    });\n    return elements;\n  }\n\n  public applyEvent(obj: any, childNodes: Set<ChildNode> | Set<Element>, config?: DomRenderConfig) {\n    childNodes.forEach(node => {\n      if (node.nodeType === 1) {\n        (node as any).obj = obj;\n      }\n    });\n\n    this.procAttr<HTMLInputElement>(childNodes, EventManager.valueAttrName, (it, attribute) => {\n      const script = attribute;\n      if (script) {\n        const data = ScriptUtils.evaluateReturn(script, obj);\n        if (it.value !== data) {\n          it.value = data;\n        }\n      }\n    });\n    this.procAttr<HTMLInputElement>(childNodes, EventManager.checkedAttrName, (it, attribute) => {\n      const script = attribute;\n      if (script) {\n        const data = ScriptUtils.evaluateReturn(script, obj);\n        if (it.checked!== data) {\n          it.checked = data;\n        }\n      }\n    });\n    this.procAttr<HTMLOptionElement>(childNodes, EventManager.selectedAttrName, (it, attribute) => {\n      const script = attribute;\n      if (script) {\n        const data = ScriptUtils.evaluateReturn(script, obj);\n        if (it.selected!== data) {\n          it.selected = data;\n        }\n      }\n    });\n    this.procAttr<HTMLInputElement>(childNodes, EventManager.readonlyAttrName, (it, attribute) => {\n      const script = attribute;\n      if (script) {\n        const data = ScriptUtils.evaluateReturn(script, obj);\n        if (it.readOnly!== data) {\n          it.readOnly = data;\n        }\n      }\n    });\n    this.procAttr<HTMLInputElement>(childNodes, EventManager.disabledAttrName, (it, attribute) => {\n      const script = attribute;\n      if (script) {\n        const data = ScriptUtils.evaluateReturn(script, obj);\n        if (it.disabled!== data) {\n          it.disabled = data;\n        }\n      }\n    });\n    this.procAttr<HTMLElement>(childNodes, EventManager.hiddenAttrName, (it, attribute) => {\n      const script = attribute;\n      if (script) {\n        const data = ScriptUtils.evaluateReturn(script, obj);\n        if (it.hidden!== data) {\n          it.hidden = data;\n        }\n      }\n    });\n    this.procAttr<HTMLInputElement>(childNodes, EventManager.requiredAttrName, (it, attribute) => {\n      const script = attribute;\n      if (script) {\n        const data = ScriptUtils.evaluateReturn(script, obj);\n        if (it.required!== data) {\n          it.required = data;\n        }\n      }\n    });\n    this.procAttr<HTMLDialogElement>(childNodes, EventManager.openAttrName, (it, attribute) => {\n      const script = attribute;\n      if (script) {\n        const data = ScriptUtils.evaluateReturn(script, obj);\n        if (it.open!== data) {\n          it.open = data;\n        }\n      }\n    });\n\n    this.procAttr(childNodes, EventManager.normalAttrMapAttrName, (it, attribute) => {\n      const map = new Map<string, NormalAttrDataType>(JSON.parse(attribute));\n      map.forEach((v, k) => {\n\n        const variablePaths = v.variablePaths;\n        let targetScript = v.originalAttrValue;//typeof v.originalAttrValue === 'string' ? JSON.parse(v.originalAttrValue) : v.originalAttrValue;\n          let script: string;\n          if (v.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        const data = ObjectUtils.Script.evaluate(`const $element = this.element;  return ${script}`, Object.assign(obj, {\n          __render: Object.freeze({\n            element: it,\n            attribute: ElementUtils.getAttributeToObject(it)\n          })\n        }));\n          // console.log('!!!!!!!!!!!', k, data, script, variablePaths, v)\n        if (data === null) {\n          it.removeAttribute(k);\n        } else {\n          it.setAttribute(k, data);\n        }\n      });\n    });\n\n    EventManager.WINDOW_EVENTS.forEach(it => {\n      this.procAttr<HTMLInputElement>(childNodes, EventManager.attrPrefix + 'window-event-' + it, (it, attribute) => {\n        (it as any).obj = obj;\n      });\n    });\n\n    EventManager.linkAttrs.forEach(linkInfo => {\n      this.procAttr<HTMLElement>(childNodes, linkInfo.name, (it, varName) => {\n\n        // console.log('ink??????????')\n        if (varName) {\n          const ownerVariablePathName = it.getAttribute(EventManager.ownerVariablePathAttrName);\n          const mapScript = it.getAttribute(`${linkInfo.name}:map`);\n          let bindObj = obj;\n          if (ownerVariablePathName) {\n            bindObj = ScriptUtils.evaluateReturn(ownerVariablePathName, obj);\n          }\n          const getValue = this.getValue(obj, varName, bindObj);\n          if (typeof getValue === 'function' && getValue) {\n            let setValue = (it as any)[linkInfo.property];\n            if (mapScript) {\n              setValue = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, {__render: Object.freeze({element: it, target: bindObj, range: Range.range, value: setValue, scripts: EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables})}));\n            }\n            getValue(setValue);\n          } else if (getValue) {\n            let setValue = getValue;\n            if (mapScript) {\n              setValue = ScriptUtils.evaluate(`${this.getBindScript(config)} return ${mapScript}`, Object.assign(bindObj, {__render: Object.freeze({element: it, target: bindObj, range: Range.range, value: setValue, scripts: EventManager.setBindProperty(config?.scripts, obj), ...config?.eventVariables})}));\n            }\n            if (setValue === null) {\n              it.removeAttribute(linkInfo.property);\n            } else {\n              (it as any)[linkInfo.property] = setValue;\n            }\n          } else if (getValue === undefined) {\n            this.setValue(obj, varName, (it as any)[linkInfo.property]);\n          }\n        }\n      });\n    });\n\n    this.directAttachEvents.forEach(eventName => {\n      const attr = `${EventManager.attrPrefix}event-${eventName}`;\n      this.procAttr<HTMLElement>(childNodes, attr, (element, script) => {\n        const handler = (event: Event) => {\n          const componentInstance = this.findComponentInstance(element);\n          if (!componentInstance) return;\n\n          const context = this.createExecutionContext(event, element, componentInstance, config);\n          const filterScript = element.getAttribute(`${attr}:filter`);\n          let filter = true;\n          if (filterScript) {\n            filter = ScriptUtils.evaluate<boolean>(`${this.getBindScript(config)} return ${filterScript}`, context) ?? false;\n          }\n          if (filter) {\n            ScriptUtils.evaluate(`${this.getBindScript(config)} ${script}`, context);\n          }\n        };\n        element.addEventListener(eventName, handler);\n        // TODO: Add logic to remove this listener when the element is destroyed.\n      });\n    });\n\n    this.procAttr<HTMLElement>(childNodes, EventManager.onInitAttrName, (it, attribute) => {\n      let script = attribute;\n      if (script) {\n        script = 'return ' + script;\n      }\n      if (script) {\n        ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {\n          __render: Object.freeze({\n            element: it,\n            attribute: ElementUtils.getAttributeToObject(it),\n            ...config?.eventVariables\n          })\n        }));\n      }\n    });\n\n    this.onRenderedEvent(obj, childNodes, config);\n    this.changeVar(obj, childNodes, undefined, config);\n    const elements = Array.from(childNodes).filter(it => it.nodeType === 1).map(it => it as Element);\n    elements.forEach(it => {\n      config?.applyEvents?.filter(ta => it.getAttribute(ta.attrName) !== null).forEach(ta => ta.callBack(it, it.getAttribute(ta.attrName)!, obj));\n    });\n  }\n\n  public onRenderedEvent(obj: any, childNodes: Set<ChildNode> | Set<Element> | Node[], config?: DomRenderConfig) {\n    this.procAttr<HTMLInputElement>(childNodes, EventManager.onRenderedInitAttrName, (it, attribute) => {\n      if (!it.isConnected) {\n        return;\n      }\n      let script = attribute;\n      if (script) {\n        script = 'return ' + script;\n      }\n      if (script) {\n        ScriptUtils.evaluate(`${this.getBindScript(config)}; ${script} `, Object.assign(obj, {\n          __render: Object.freeze({\n            element: it,\n            attribute: ElementUtils.getAttributeToObject(it),\n            ...config?.eventVariables\n          })\n        }));\n      }\n    });\n  }\n\n  public changeVar(obj: any, elements: Set<Element> | Set<ChildNode>, varName?: string, config?: DomRenderConfig) {\n    // console.log('changeVar', obj, elements, varName)\n    this.procAttr(elements, EventManager.styleAttrName, (it: HTMLElement, attribute) => {\n      let script = attribute;\n      if (script) {\n        script = 'return ' + script;\n      }\n      if (EventManager.isUsingThisVar(script, varName) || varName === undefined) {\n        const data = ScriptUtils.evaluate(`const $element = this.__render.element;  ${script} `, Object.assign(obj, {\n          __render: Object.freeze({\n            element: it,\n            attribute: ElementUtils.getAttributeToObject(it)\n          })\n        }));\n        if (typeof data === 'string') {\n            data.split(';').forEach(sit => {\n                const [key, value] = sit.split(':').map(s => s.trim());\n                if (key && value) {\n                    (it.style as any)[key] = value;\n                }\n            })\n          // it.setAttribute('style', data);\n        } else if (Array.isArray(data)) {\n            data.forEach(sit => {\n                const [key, value] = sit.split(':').map(s => s.trim());\n                if (key && value) {\n                    (it.style as any)[key] = value;\n                }\n            })\n\n          // it.setAttribute('style', data.join(';'));\n        } else {\n          for (const [key, value] of Object.entries(data)) {\n            // if (it instanceof HTMLElement) {\n              (it.style as any)[key] = value === null ? null :String(value);\n            // }\n          }\n        }\n      }\n    });\n\n    this.procAttr(elements, EventManager.classAttrName, (it, attribute) => {\n      let script = attribute;\n      if (script) {\n        script = 'return ' + script;\n      }\n      if (EventManager.isUsingThisVar(script, varName) || varName === undefined) {\n        const data = ScriptUtils.evaluate(`const $element = this.element;  ${script} `, Object.assign(obj, {\n          __render: Object.freeze({\n            element: it,\n            attribute: ElementUtils.getAttributeToObject(it)\n          })\n        }));\n\n        // alert(1)\n        if (typeof data === 'string') {\n            data.split(' ').forEach(cit => it.classList.add(cit.trim()));\n        } else if (Array.isArray(data)) {\n            data.forEach(cit => it.classList.add(cit.trim()));\n        } else {\n          for (const [key, value] of Object.entries(data)) {\n            if (it instanceof HTMLElement) {\n              if (value) {\n                it.classList.add(key.trim());\n              } else {\n                it.classList.remove(key.trim());\n              }\n            }\n          }\n        }\n      }\n    });\n  }\n\n  public procAttr<T extends Element = Element>(elements: Set<Element> | Set<ChildNode> | Node[] = new Set(), attrName: string, callBack: (h: T, value: string, attributes: any) => void) {\n    const sets = new Set<Element>();\n    elements.forEach(it => {\n      if (!it) {\n        return;\n      }\n      if (it.nodeType === 1) {\n        const e = it as Element;\n        sets.add(e);\n        e.querySelectorAll<T>(`[${attrName}]`).forEach(it => {\n          sets.add(it);\n        });\n      }\n    });\n    sets.forEach(it => {\n      const attr = it.getAttribute(attrName);\n      const attrs = ElementUtils.getAttributeToObject(it);\n      if (attr) {\n        callBack(it as T, attr, attrs);\n      }\n    });\n  }\n\n  public getValue<T = any>(obj: any, name: string, bindObj?: any): T {\n    let r = ObjectUtils.Script.evaluateReturn(name, obj);\n    if (typeof r === 'function') {\n      r = r.bind(bindObj ?? obj);\n    }\n    return r;\n  }\n\n  public setValue(obj: any, name: string, value?: any) {\n    name = name.replaceAll('this.', 'this.this.');\n    ScriptUtils.evaluate(`${name} = this.value;`, {\n      this: obj,\n      value: value\n    });\n  }\n\n  public static isUsingThisVar(raws: string | null | undefined, varName: string | null | undefined): boolean {\n    if (varName && raws) {\n      if (varName.startsWith('this.')) {\n        varName = varName.replace(/this\\./, '');\n      }\n      // TODO: \uD6D4.. \uAF2D\uD544\uC694\uD55C\uAC00..?  \uD2B8\uB9AC\uAC70\uB420\uB54C \uC2A4\uD06C\uB9BD\uD2B8\uBCC0\uC218 \uAE4C\uC9C0 \uAC10\uC9C0\uD574\uC57C\uB420\uAE4C?\n      EventManager.VARNAMES.forEach(it => {\n        // raws = raws!.replace(RegExp(it.replace('$', '\\\\$'), 'g'), `this?.___${it}`);\n        raws = raws!.replace(RegExp(it.replace('$', '\\\\$'), 'g'), `this.___${it}`);\n      });\n      const variablePaths = ObjectUtils.Path.detectPathFromScript(raws ?? '', {excludeThis: true});\n      return variablePaths.has(varName);\n    }\n    return false;\n  }\n\n  public static setBindProperty(scripts: { [p: string]: any } | undefined, obj: any): { [p: string]: any } | undefined {\n    if (scripts) {\n      const newScripts = Object.assign({}, scripts);\n      for (const [key, value] of Object.entries(newScripts)) {\n        if (typeof value === 'function') {\n          newScripts[key] = value.bind(obj);\n        }\n      }\n      return newScripts;\n    }\n  }\n\n  getBindScript(config?: DomRenderConfig) {\n    if (config?.eventVariables) {\n      const bindScript = Object.entries(config.eventVariables).filter(([key, value]) => !this.bindScript.includes(`const ${key}`)).map(([key, value]) => {\n        return `const ${key} = this.__render.${key};`;\n      }).join(';');\n      return this.bindScript + '' + bindScript;\n    } else {\n      return this.bindScript;\n    }\n  }\n}\n\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/index.d.js

@@ -0,0 +1,95 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_d_exports = {};
+__export(index_d_exports, {
+  Appender: () => import_Appender2.Appender,
+  AppenderComponent: () => import_Appender.Appender,
+  CheckBox: () => import_CheckBox.CheckBox,
+  CheckedValidator: () => import_CheckedValidator.CheckedValidator,
+  Choose: () => import_Choose.Choose,
+  ComponentBase: () => import_ComponentBase.ComponentBase,
+  ComponentSet: () => import_ComponentSet.ComponentSet,
+  Details: () => import_Details.Details,
+  DomRender: () => import_DomRender.DomRender,
+  ForOf: () => import_ForOf.ForOf,
+  FormValidator: () => import_FormValidator.FormValidator,
+  HashRouter: () => import_HashRouter.HashRouter,
+  If: () => import_If.If,
+  Input: () => import_Input.Input,
+  MultipleValidator: () => import_MultipleValidator.MultipleValidator,
+  NonPassValidator: () => import_NonPassValidator.NonPassValidator,
+  NotEmptyValidator: () => import_NotEmptyValidator.NotEmptyValidator,
+  NotRegExpTestValidator: () => import_NotRegExpTestValidator.NotRegExpTestValidator,
+  PassValidator: () => import_PassValidator.PassValidator,
+  PathRouter: () => import_PathRouter.PathRouter,
+  PromiseSwitch: () => import_PromiseSwitch.PromiseSwitch,
+  Radio: () => import_Radio.Radio,
+  Range: () => import_Range.Range,
+  RegExpTestValidator: () => import_RegExpTestValidator.RegExpTestValidator,
+  RequiredValidator: () => import_RequiredValidator.RequiredValidator,
+  Router: () => import_Router.Router,
+  Select: () => import_Select.Select,
+  Shield: () => import_Types.Shield,
+  This: () => import_This.This,
+  Timer: () => import_Timer.Timer,
+  UnCheckedValidator: () => import_UnCheckedValidator.UnCheckedValidator,
+  Validator: () => import_Validator.Validator,
+  ValidatorArray: () => import_ValidatorArray.ValidatorArray,
+  ValueEqualsValidator: () => import_ValueEqualsValidator.ValueEqualsValidator,
+  ValueNotEqualsValidator: () => import_ValueNotEqualsValidator.ValueNotEqualsValidator,
+  attribute: () => import_ComponentBase.attribute,
+  event: () => import_ComponentBase.event,
+  query: () => import_ComponentBase.query
+});
+module.exports = __toCommonJS(index_d_exports);
+var import_DomRender = require("./DomRender");
+var import_ComponentBase = require("./components/ComponentBase");
+var import_ComponentSet = require("./components/ComponentSet");
+var import_Appender = require("./components/appender/Appender");
+var import_CheckBox = require("./components/checkbox/CheckBox");
+var import_Choose = require("./components/choose/Choose");
+var import_Details = require("./components/details/Details");
+var import_ForOf = require("./components/forOf/ForOf");
+var import_If = require("./components/if/If");
+var import_Input = require("./components/input/Input");
+var import_PromiseSwitch = require("./components/promise/PromiseSwitch");
+var import_Radio = require("./components/radio/Radio");
+var import_Select = require("./components/select/Select");
+var import_This = require("./components/this/This");
+var import_Timer = require("./components/timer/Timer");
+var import_Appender2 = require("./operators/Appender");
+var import_Router = require("./routers/Router");
+var import_HashRouter = require("./routers/HashRouter");
+var import_PathRouter = require("./routers/PathRouter");
+var import_Validator = require("./validators/Validator");
+var import_ValidatorArray = require("./validators/ValidatorArray");
+var import_FormValidator = require("./validators/FormValidator");
+var import_NotEmptyValidator = require("./validators/NotEmptyValidator");
+var import_RegExpTestValidator = require("./validators/RegExpTestValidator");
+var import_NotRegExpTestValidator = require("./validators/NotRegExpTestValidator");
+var import_ValueEqualsValidator = require("./validators/ValueEqualsValidator");
+var import_ValueNotEqualsValidator = require("./validators/ValueNotEqualsValidator");
+var import_PassValidator = require("./validators/PassValidator");
+var import_NonPassValidator = require("./validators/NonPassValidator");
+var import_RequiredValidator = require("./validators/RequiredValidator");
+var import_CheckedValidator = require("./validators/CheckedValidator");
+var import_UnCheckedValidator = require("./validators/UnCheckedValidator");
+var import_MultipleValidator = require("./validators/MultipleValidator");
+var import_Types = require("./types/Types");
+var import_Range = require("./iterators/Range");
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/dist/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/index.ts"],
+  "sourcesContent": ["//\n// export * from './components';\n// export * from './configs';\n// export * from './decorators';\n// export * from './events';\n// export * from './iterators';\n// export * from './lifecycle';\n// export * from './messenger';\n// // export * from './operators';\n// export { Appender as AppenderArray, Dr, DrAppender, DrFor, DrForOf, DrForm, DrIf, DrInnerHTML, DrInnerText, DrPre, DrRepeat, DrStripElement, DrTargetAttr, DrTargetElement, DrTargetElementIsElement, DrThis, DrThisProperty, OperatorExecuter, OperatorExecuterAttrRequire } from './operators';\n// export * from './rawsets';\n// export * from './routers';\n// export * from './types';\n// export * from './validators';\n// export * from './DomRender';\n// export * from './DomRenderProxy';\nexport default {}"],
+  "mappings": ";;;;;;;;;;;;;;;;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAA8E;AAkB9E,2BAAuD;AACvD,0BAAsD;AACtD,sBAA8C;AAC9C,sBAAyB;AACzB,oBAAuB;AACvB,qBAAwB;AACxB,mBAAsB;AACtB,gBAAmB;AACnB,mBAAsB;AACtB,2BAA8B;AAC9B,mBAAsB;AACtB,oBAAuB;AACvB,kBAAqB;AACrB,mBAAsB;AAItB,IAAAA,mBAAyB;AAGzB,oBAA0D;AAC1D,wBAA2B;AAC3B,wBAA2B;AAG3B,uBAA0B;AAC1B,4BAA+B;AAC/B,2BAA8B;AAC9B,+BAAkC;AAClC,iCAAoC;AACpC,oCAAuC;AACvC,kCAAqC;AACrC,qCAAwC;AACxC,2BAA8B;AAC9B,8BAAiC;AACjC,+BAAkC;AAClC,8BAAiC;AACjC,gCAAmC;AACnC,+BAAkC;AAGlC,mBAAuB;AAEvB,mBAAsB;",
+  "names": ["import_Appender"]
+}

package/dist/cjs/dist/iterators/Range.d.js

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

package/dist/cjs/dist/iterators/Range.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/iterators/Range.ts"],
+  "sourcesContent": ["// within rangeResult.ts\n// @ts-ignore\nexport class RangeResult implements IteratorResult<number> {\n    done: boolean;\n    value: number;\n\n    constructor(value: number | undefined, done: boolean) {\n        this.done = done;\n        this.value = value ?? 0;\n    }\n}\n\nexport class RangeIterator implements Iterator<number> {\n    private _first: number;\n    private _current: number;\n    private _last: number\n    private _step: number\n    constructor(first: number, last: number, step: number) {\n        this._current = this._first = first;\n        this._last = last;\n        this._step = step;\n    }\n\n    next(value?: any): IteratorResult<number> {\n        let r: RangeResult;\n        if (this._first < this._last && this._current < this._last) {\n            r = new RangeResult(this._current, false);\n            this._current += this._step\n        } else if (this._first < this._last && this._current === this._last) {\n            r = new RangeResult(this._current, false);\n            this._current += this._step\n        } else if (this._first > this._last && this._current > this._last) {\n            r = new RangeResult(this._current, false);\n            this._current -= this._step\n        } else if (this._first > this._last && this._current === this._last) {\n            r = new RangeResult(this._current, false);\n            this._current -= this._step\n        } else if (this._current === this._last) {\n            r = new RangeResult(this._current, false);\n            this._current -= this._step\n        } else {\n            r = new RangeResult(undefined, true);\n        }\n        return r;\n    }\n}\n\nexport class Range implements Iterable<number> {\n    public readonly isRange = true;\n\n    constructor(public first: number, public last: number, public step: number = 1) {\n    }\n\n    [Symbol.iterator](): Iterator<number> {\n        return new RangeIterator(this.first, this.last, this.step);\n    }\n\n    map<U>(callbackfn: (value: number, index: number, array: number[]) => U, thisArg?: any): U[] {\n        return Array.from(this).map(callbackfn)\n    }\n\n    public static range(first: number | string, last?: number, step: number = 1): Range {\n        if (typeof first === 'number' && last === undefined) {\n            return new Range(0, first, step);\n        } else if (typeof first === 'string') {\n            const [_first, _last = '0'] = first.split('..');\n            const [__last, _step = '1'] = _last.split(',');\n            return new Range(Number(_first.trim()), Number(__last.trim()), Number(_step.trim()));\n        } else {\n            return new Range(first, last ?? 0, step);\n        }\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAEA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnBeforeReturnGet.d.js

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

package/dist/cjs/dist/lifecycle/OnBeforeReturnGet.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnBeforeReturnGet.ts"],
+  "sourcesContent": ["export interface OnBeforeReturnGet {\n    onBeforeReturnGet(name: string, value: any, fullPath?: string[]): void;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnBeforeReturnSet.d.js

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

package/dist/cjs/dist/lifecycle/OnBeforeReturnSet.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnBeforeReturnSet.ts"],
+  "sourcesContent": ["export interface OnBeforeReturnSet {\n    onBeforeReturnSet(name: string, value: any, fullPath?: string[]): void;\n}\nexport function isOnBeforeReturnSet(obj: any): obj is OnBeforeReturnSet {\n    return typeof obj?.onBeforeReturnSet === 'function';\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnChangeAttrRender.d.js

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

package/dist/cjs/dist/lifecycle/OnChangeAttrRender.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnChangeAttrRender.ts"],
+  "sourcesContent": ["import { RawSet } from '../rawsets/RawSet';\n\nexport type OtherData = {\n    rawSet?: RawSet\n}\nexport interface OnChangeAttrRender {\n    onChangeAttrRender(name: string, value: any, other: OtherData): void;\n}\n\nexport const isOnChangeAttrRender = (obj: any): obj is OnChangeAttrRender => {\n    return typeof obj?.onChangeAttrRender === 'function';\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnChildRenderedByProperty.d.js

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

package/dist/cjs/dist/lifecycle/OnChildRenderedByProperty.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnChildRenderedByProperty.ts"],
+  "sourcesContent": ["import { RawSet } from '../rawsets/RawSet';\n\nexport interface OnChildRenderedByProperty {\n    onChildRenderedByProperty(key: string, value: any): void;\n}\n\nexport function isOnChildRenderedByProperty(obj: any): obj is OnChildRenderedByProperty {\n    return typeof obj?.onChildRenderedByProperty === 'function';\n}"],
+  "mappings": ";;;;;;;;;;;;;AAEA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnCreateRender.d.js

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

package/dist/cjs/dist/lifecycle/OnCreateRender.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnCreateRender.ts"],
+  "sourcesContent": ["export interface OnCreateRender {\n  onCreateRender(...param: any[]): void;\n}\nexport const isOnCreateRender = (obj: any): obj is OnCreateRender => {\n  return typeof obj?.onCreateRender === 'function';\n}"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnCreateRenderData.d.js

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

package/dist/cjs/dist/lifecycle/OnCreateRenderData.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnCreateRenderData.ts"],
+  "sourcesContent": ["import { Render } from '../rawsets/Render';\n\nexport type OnCreateRenderDataParams = { rootParent: any, render?: Render };\n\nexport interface OnCreateRenderData {\n  onCreateRenderData(data: OnCreateRenderDataParams): void;\n}\n\nexport const isOnCreateRenderData = (obj: any): obj is OnCreateRenderData => {\n  return typeof obj?.onCreateRenderData === 'function';\n}"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnCreateRendered.d.js

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

package/dist/cjs/dist/lifecycle/OnCreateRendered.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnCreateRendered.ts"],
+  "sourcesContent": ["// TODO: \uB098\uC911\uC5D0 \uB123\uC5B4\uC57C\uB420\uAE4C \uC790\uC2DDelement\uAC00 \uC644\uB8CC\uB418\uC5C8\uC744\uB54C\uB294 on-rendered..\uBB50\uC774\uB7F0\uAC8C\uC788\uC5B4\uC11C.  \uC774\uAC8C \uB2E4\uB978 \uD504\uB808\uC784\uC6CC\uD06C\uCC98\uB7FC \uC790\uC2DD\uB4E4\uC774 \uB2E4 \uB9CC\uB4E4\uC5B4\uC9C0\uACE0 \uB0B4\uAC00 \uB9CC\uB4E4\uC5B4\uC9C0\uB294\uAC8C \uC544\uB2C8\uB77C. \uBE44\uB3D9\uAE30\uC801\uC73C\uB85C \uC774\uB8E8\uC5B4\uC9C0\uB2C8\uAE50 \uC54C\uC218\uAC00\uC5C6\uAE34\uD55C\uB370..\n// \uD6D4.. \uC6B0\uC120 \uBCF4\uB958 \uC544\uBB34\uB3C4 \uC0AC\uC6A9\uD558\uB294\uACF3\uC740 \uC5C6\uC74C\n/**\n * @deprecated  \uC544\uC9C1 \uC801\uC6A9\uC548\uB428\n */\nexport interface OnCreateRendered {\n  onCreateRendered(...param: any[]): void;\n}\nexport const isOnCreateRendered = (obj: any): obj is OnCreateRendered => {\n  return typeof obj?.onCreateRendered === 'function';\n}"],
+  "mappings": ";;;;;;;;;;;;;AAEA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnCreatedThisChild.d.js

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

package/dist/cjs/dist/lifecycle/OnCreatedThisChild.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnCreatedThisChild.ts"],
+  "sourcesContent": ["import { OnCreateRenderDataParams } from '../lifecycle/OnCreateRenderData';\n\n\nexport interface OnCreatedThisChild {\n  onCreatedThisChild(child: any, childData: OnCreateRenderDataParams): void;\n}\n\nexport const isOnCreatedThisChild= (obj: any): obj is OnCreatedThisChild => {\n  return typeof obj?.onCreatedThisChild === 'function';\n}"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnDestroyRender.d.js

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

package/dist/cjs/dist/lifecycle/OnDestroyRender.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnDestroyRender.ts"],
+  "sourcesContent": ["import { RawSet } from '../rawsets/RawSet';\n\nexport type OnDestroyRenderParams = { rawSet: RawSet };\n\nexport interface OnDestroyRender {\n    onDestroyRender(data?: OnDestroyRenderParams): void;\n}\n\nexport const isOnDestroyRender = (obj: any): obj is OnDestroyRender => {\n    return typeof obj?.onDestroyRender === 'function';\n};"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnInitRender.d.js

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

package/dist/cjs/dist/lifecycle/OnInitRender.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnInitRender.ts"],
+  "sourcesContent": ["import { RawSet } from '../rawsets/RawSet';\n\nexport interface OnInitRender {\n    onInitRender(param: any, rawSet:RawSet): Promise<void>;\n}\n\nexport function isOnInitRender(obj: any): obj is OnInitRender {\n    return typeof obj?.onInitRender === 'function';\n}"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/OnProxyDomRender.d.js

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

package/dist/cjs/dist/lifecycle/OnProxyDomRender.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lifecycle/OnProxyDomRender.ts"],
+  "sourcesContent": ["import {DomRenderConfig} from '../configs/DomRenderConfig';\n\nexport interface OnProxyDomRender {\n    onProxyDomRender(config: DomRenderConfig): void;\n}\nexport const isOnProxyDomRender = (obj: any): obj is OnProxyDomRender =>\n    typeof obj?.onProxyDomRender === 'function';"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/dr-this/OnDrThisBind.d.js

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

package/dist/cjs/dist/lifecycle/dr-this/OnDrThisBind.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lifecycle/dr-this/OnDrThisBind.ts"],
+  "sourcesContent": ["export interface OnDrThisBind {\n    onDrThisBind(): void;\n}\nexport const isOnDrThisBind = (obj: any): obj is OnDrThisBind => {\n    return typeof obj?.onDrThisBind === 'function';\n}"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/lifecycle/dr-this/OnDrThisUnBind.d.js

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

package/dist/cjs/dist/lifecycle/dr-this/OnDrThisUnBind.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lifecycle/dr-this/OnDrThisUnBind.ts"],
+  "sourcesContent": ["export interface OnDrThisUnBind {\n    onDrThisUnBind(): void;\n}\nexport const isOnDrThisUnBind = (obj: any): obj is OnDrThisUnBind => {\n    return typeof obj?.onDrThisUnBind === 'function';\n}"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/managers/RenderManager.d.js

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

package/dist/cjs/dist/managers/RenderManager.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/dist/managers/RenderManager.d.ts"],
+  "sourcesContent": ["export {};\n//# sourceMappingURL=RenderManager.d.ts.map"],
+  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/dist/messenger/DefaultMessenger.d.js

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