@dooboostore/simple-web-component 1.0.7 → 1.0.8

package/README.md

@@ -1,8 +1,8 @@
 # @dooboostore/simple-web-component
 
-An ultra-lightweight, high-performance Web Component library that brings **Modern Reactivity** to **Standard Web Technologies**. Build complex, high-performance UIs using native Shadow DOM, Slots, and MutationObservers without the weight of a Virtual DOM.
+An ultra-lightweight, high-performance Web Component library that brings **Modern Reactivity** to **Standard Web Technologies**. Build complex, high-performance UIs using native Shadow DOM, Slots, and MutationObservers without the overhead of a Virtual DOM.
 
-## 🚀 Why @dooboostore/simple-web-component?
+## 🚀 Key Advantages
 
 - **Surgical Updates**: Powered by Proxy-based reactivity. It updates only the specific **Text Nodes or Attributes** bound to data—no full-tree diffing.
 - **Standard-First**: Keep your HTML semantic. Use the native `is` attribute to enhance standard tags (`ul`, `table`, `div`, etc.).
@@ -78,11 +78,30 @@ class Child extends HTMLElement {
 }
 ```
 ```html
+<!-- HTML Usage -->
 <parent-comp as="p">
   <child-comp as="c"></child-comp>
 </parent-comp>
 ```
 
+### 3. Mixed Shadow & Light DOM Rendering
+You can distribute templates across both Shadow and Light DOM in a single component.
+
+```typescript
+@elementDefine({ name: 'hybrid-comp' })
+class HybridComp extends HTMLElement {
+  @innerHtml({ useShadow: true })
+  renderShadow() {
+    return `<div style="border: 1px solid blue;"><slot></slot></div>`;
+  }
+
+  @innerHtml
+  renderLight() {
+    return `<p>I am in the Light DOM!</p>`;
+  }
+}
+```
+
 ---
 
 ## 📑 Decorator Deep Dive
@@ -90,7 +109,7 @@ class Child extends HTMLElement {
 ### `@elementDefine(config)`
 Registers the class as a Custom Element.
 - `name`: (Required) Tag name.
-- `extends`: (Optional) Native tag to extend.
+- `extends`: (Optional) Native tag to extend (e.g., `'ul'`).
 - `autoRemoveEventListeners`: (Optional) Auto-cleanup on disconnect.
 
 ### `@innerHtml(options?)`
@@ -106,57 +125,68 @@ Declares a property as reactive. Tracks changes in nested objects/arrays.
 Syncs property with HTML attribute.
 - `name`: HTML attribute name.
 - `type`: `String`, `Number`, `Boolean`, `Object`.
-- `disableReflect`: If `true`, stops JS -> HTML sync.
+- `disableReflect`: If `true`, stops JS -> HTML sync. Default is `false`.
 
 ### `@query(selector?, options?)`
-Lazy-loads elements.
+Lazy-loads elements from the DOM.
 - `selector`: CSS selector. If omitted, targets the **Host**.
 - `root`: `'shadow' | 'light' | 'all' | 'auto'` (Default: `'auto'`).
 
 ### `@addEventListener(options)`
 Declarative event binding. Method receives `(event, targetElement)`.
 - `type`: Event type.
-- `query`: CSS selector.
-- `root`: Search scope for target.
+- `query`: CSS selector. Omit to bind to **Host**.
+- `root`: `'shadow' | 'light' | 'all' | 'auto'`.
 - `stopPropagation`, `preventDefault`, `stopImmediatePropagation`: Event modifiers.
 
 ---
 
 ## ⏳ Lifecycle Hooks
-Multiple methods per hook are supported.
+Provides 6-stage hooks for precise control. Multiple methods per hook are supported.
 
 | Hook | Timing |
 | :--- | :--- |
-| `@onBeforeConnected` | Before template injection. |
-| `@onAfterConnected` | After injection (Alias: `@onConnected`). |
-| `@onBeforeDisconnected`| Before element removal. |
-| `@onAfterDisconnected` | After removal and cleanup (Alias: `@onDisconnected`). |
-| `@onAttributeChanged(key)`| When an attribute (or `*`) changes. |
-| `@onAddEventListener` | Callback when any listener is attached. |
+| **`@onBeforeConnected`** | Before template injection. |
+| **`@onAfterConnected`** | After injection (Alias: **`@onConnected`**). |
+| **`@onBeforeDisconnected`**| Before element removal. |
+| **`@onAfterDisconnected`** | After removal and cleanup (Alias: **`@onDisconnected`**). |
+| **`@onAttributeChanged(key)`**| When an attribute (or `*` wildcard) changes. |
+| **`@onAddEventListener`** | Called when a listener is attached via `@addEventListener`. |
 
 ---
 
 ## 🛠 Built-in Logic Components (`is` Variants)
 
-Every standard tag has logic variants prefixed with `swc-`. Use **`swcValue`** to bind data.
+Enhance any standard HTML tag with logic using the `is` attribute. Use **`swcValue`** to bind data.
 
-### `swc-for-of-[tag]` (Looping)
+### 1. Looping (`swc-for-of-[tag]`)
+High-performance rendering that keeps your markup structure.
 ```html
 <ul is="swc-for-of-ul" swcValue="{{items}}" as="item" as-index="i">
   <li>{{i}}. {{item.name}}</li>
 </ul>
 ```
 
-### `swc-if-[tag]` / `swc-choose-[tag]` (Conditionals)
-Elements are physically added/removed from the DOM.
+### 2. Conditionals (`swc-if-[tag]`)
+Elements are physically added/removed from the DOM tree.
+```html
+<div is="swc-if-div" swcValue="{{isVisible}}">
+  <p>Now you see me!</p>
+</div>
+```
+
+### 3. Branching (`swc-choose-[tag]`)
+Switch-case style logic with physical element swapping.
 ```html
 <div is="swc-choose-div" swcValue="{{status}}">
   <span is="swc-when-span" test="loading">Loading...</span>
+  <span is="swc-when-span" test="error">Error!</span>
   <div is="swc-other-div">Success!</div>
 </div>
 ```
 
-### `swc-object-[tag]` (Binding)
+### 4. Object Binding (`swc-object-[tag]`)
+Binds a single object surgically to any tag.
 ```html
 <div is="swc-object-div" swcValue="{{user}}" as="u">
   <h3>{{u.name}}</h3>
@@ -187,7 +217,7 @@ class AppRoot extends HTMLElement {
 
   @addEventListener({ type: 'click', query: '#logout' })
   onLogout() {
-    this.profile.loggedIn = false; // Surgical UI change
+    this.profile.loggedIn = false; // Surgical UI disappearance
   }
 }
 ```

package/dist/cjs/decorators/elementDefine.js

@@ -246,8 +246,6 @@ const elementDefine = (inConfig) => (constructor) => {
       }
     }
     _buildStateMap() {
-      this._stateBindings.clear();
-      this._externalSources.clear();
       const scan = (root) => {
         const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
         let node = null;
@@ -256,7 +254,7 @@ const elementDefine = (inConfig) => (constructor) => {
           else if (node.nodeType === Node.ELEMENT_NODE) {
             const el = node;
             const alias = el.getAttribute("as");
-            if (alias) {
+            if (alias && !this._externalSources.has(alias)) {
               this._externalSources.set(alias, el);
               el.addEventListener(STATE_CHANGE_EVENT, () => this._updateState(alias));
             }
@@ -268,9 +266,12 @@ const elementDefine = (inConfig) => (constructor) => {
       scan(this);
     }
     _parseAndBind(node, type, owner) {
-      const content = node.textContent || "";
+      const tplKey = `__swc_original_${this._swcId}`;
+      const isAlreadyBound = node.__swc_bound_ids?.has(this._swcId);
+      const content = node[tplKey] || node.textContent || "";
       const matches = Array.from(content.matchAll(/{{(.*?)}}/g));
       if (matches.length === 0) return;
+      if (isAlreadyBound) return;
       matches.forEach((match) => {
         const fullPath = match[1].trim();
         const rootName = fullPath.split(".")[0];
@@ -280,8 +281,9 @@ const elementDefine = (inConfig) => (constructor) => {
         const isSelfAlias = this.getAttribute("as") === rootName;
         if (!isState && !isLogicKey && !isExternal && !isSelfAlias) return;
         if (!this._stateBindings.has(rootName)) this._stateBindings.set(rootName, []);
-        const tplKey = `__swc_original_${this._swcId}`;
         if (!node[tplKey]) node[tplKey] = content;
+        if (!node.__swc_bound_ids) node.__swc_bound_ids = /* @__PURE__ */ new Set();
+        node.__swc_bound_ids.add(this._swcId);
         this._stateBindings.get(rootName).push({ node, type, owner, path: fullPath });
         this._updateState(rootName);
       });
@@ -299,7 +301,9 @@ const elementDefine = (inConfig) => (constructor) => {
       const tplKey = `__swc_original_${this._swcId}`;
       bindings.forEach((bin) => {
         let text = bin.node[tplKey];
+        if (!text) return;
         const matches = Array.from(text.matchAll(/{{(.*?)}}/g));
+        let updatedText = text;
         for (const match of matches) {
           const path = match[1].trim();
           const root = path.split(".")[0];
@@ -331,14 +335,20 @@ const elementDefine = (inConfig) => (constructor) => {
           }
           if (val !== void 0) {
             const strVal = val === null || val === void 0 ? "" : typeof val === "object" ? "[Object]" : String(val);
-            text = text.replace(match[0], strVal);
+            updatedText = updatedText.replace(match[0], strVal);
             if (bin.type === "attribute" && bin.owner) {
-              if (val === null || val === void 0) bin.owner.removeAttribute(bin.attrName);
-              else bin.owner.setAttribute(bin.attrName, text);
+              const attrName = bin.node.name;
+              if (val === null || val === void 0) bin.owner.removeAttribute(attrName);
+              else {
+                bin.owner.setAttribute(attrName, updatedText);
+                if ((attrName === "value" || attrName === "checked") && bin.owner.tagName.match(/INPUT|TEXTAREA|SELECT/)) {
+                  bin.owner[attrName] = updatedText;
+                }
+              }
             }
           }
         }
-        if (bin.type === "text") bin.node.textContent = text;
+        if (bin.type === "text") bin.node.textContent = updatedText;
       });
     }
     disconnectedCallback() {

package/dist/cjs/decorators/elementDefine.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/elementDefine.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { getInnerHtmlMetadataList } from './innerHtml';\nimport { getQueryMetadata } from './query';\nimport { getQueryAllMetadata } from './queryAll';\nimport { getAddEventListenerMetadata } from './addEventListener';\nimport { getLifecycleMetadata, ON_BEFORE_CONNECTED_METADATA_KEY, ON_AFTER_CONNECTED_METADATA_KEY, ON_BEFORE_DISCONNECTED_METADATA_KEY, ON_AFTER_DISCONNECTED_METADATA_KEY, ON_BEFORE_ADOPTED_METADATA_KEY, ON_AFTER_ADOPTED_METADATA_KEY, ON_ADD_EVENT_LISTENER_METADATA_KEY, ON_ATTRIBUTE_CHANGED_METADATA_KEY, ATTRIBUTE_CHANGED_WILDCARD } from './lifecycles';\nimport { getAttributeMetadataList } from './attribute';\nimport { getStateMetadataList } from './state';\nimport { getEmitCustomEventMetadataList } from './emitCustomEvent';\nimport { SwcUtils } from '../utils/Utils';\n\nexport interface ElementConfig {\n  name: string;\n  extends?: string;\n  observedAttributes?: string[];\n  customElementRegistry?: CustomElementRegistry;\n  autoRemoveEventListeners?: boolean;\n}\n\nexport const ELEMENT_CONFIG_KEY = Symbol('simple-web-component:element-config');\nexport const STATE_CHANGE_EVENT = 'swc:state-change';\n\nconst BUILT_IN_TAG_MAP = new Map<any, string>();\n\nconst registerTag = (className: string, tagName: string) => {\n  if (typeof globalThis !== 'undefined' && (globalThis as any)[className]) {\n    BUILT_IN_TAG_MAP.set((globalThis as any)[className], tagName);\n  }\n};\n\n[\n  ['HTMLAnchorElement', 'a'],\n  ['HTMLAreaElement', 'area'],\n  ['HTMLAudioElement', 'audio'],\n  ['HTMLBaseElement', 'base'],\n  ['HTMLButtonElement', 'button'],\n  ['HTMLCanvasElement', 'canvas'],\n  ['HTMLDataElement', 'data'],\n  ['HTMLDataListElement', 'datalist'],\n  ['HTMLDetailsElement', 'details'],\n  ['HTMLDialogElement', 'dialog'],\n  ['HTMLDivElement', 'div'],\n  ['HTMLDListElement', 'dl'],\n  ['HTMLEmbedElement', 'embed'],\n  ['HTMLFieldSetElement', 'fieldset'],\n  ['HTMLFormElement', 'form'],\n  ['HTMLHRElement', 'hr'],\n  ['HTMLIFrameElement', 'iframe'],\n  ['HTMLImageElement', 'img'],\n  ['HTMLInputElement', 'input'],\n  ['HTMLLabelElement', 'label'],\n  ['HTMLLegendElement', 'legend'],\n  ['HTMLLIElement', 'li'],\n  ['HTMLLinkElement', 'link'],\n  ['HTMLMapElement', 'map'],\n  ['HTMLMetaElement', 'meta'],\n  ['HTMLMeterElement', 'meter'],\n  ['HTMLModElement', 'del'],\n  ['HTMLObjectElement', 'object'],\n  ['HTMLOListElement', 'ol'],\n  ['HTMLOptGroupElement', 'optgroup'],\n  ['HTMLOptionElement', 'option'],\n  ['HTMLOutputElement', 'output'],\n  ['HTMLParagraphElement', 'p'],\n  ['HTMLParamElement', 'param'],\n  ['HTMLPictureElement', 'picture'],\n  ['HTMLPreElement', 'pre'],\n  ['HTMLProgressElement', 'progress'],\n  ['HTMLQuoteElement', 'blockquote'],\n  ['HTMLScriptElement', 'script'],\n  ['HTMLSelectElement', 'select'],\n  ['HTMLSlotElement', 'slot'],\n  ['HTMLSourceElement', 'source'],\n  ['HTMLSpanElement', 'span'],\n  ['HTMLStyleElement', 'style'],\n  ['HTMLTableElement', 'table'],\n  ['HTMLTableSectionElement', 'tbody'],\n  ['HTMLTableCellElement', 'td'],\n  ['HTMLTemplateElement', 'template'],\n  ['HTMLTextAreaElement', 'textarea'],\n  ['HTMLTimeElement', 'time'],\n  ['HTMLTitleElement', 'title'],\n  ['HTMLTableRowElement', 'tr'],\n  ['HTMLTrackElement', 'track'],\n  ['HTMLUListElement', 'ul'],\n  ['HTMLVideoElement', 'video'],\n  ['HTMLHeadingElement', 'h1']\n].forEach(([cls, tag]) => registerTag(cls, tag));\n\nexport const elementDefine =\n  (inConfig: ElementConfig | string): ClassDecorator =>\n  (constructor: any) => {\n    const config: ElementConfig = typeof inConfig === 'string' ? { name: inConfig } : inConfig;\n\n    let extendsTagName = config.extends;\n    if (!extendsTagName) {\n      let proto = Object.getPrototypeOf(constructor);\n      while (proto && proto !== HTMLElement && proto !== Function.prototype) {\n        extendsTagName = BUILT_IN_TAG_MAP.get(proto);\n        if (extendsTagName) break;\n        proto = Object.getPrototypeOf(proto);\n      }\n    }\n\n    const attributePropsList = getAttributeMetadataList(constructor);\n    const emitCustomEventList = getEmitCustomEventMetadataList(constructor);\n    const stateList = getStateMetadataList(constructor);\n    const observedFromProps = attributePropsList ? attributePropsList.map(it => it.options.name!) : [];\n    const observedFromEmits = emitCustomEventList ? emitCustomEventList.map(it => it.options.attributeName!) : [];\n    const mergedObservedAttributes = [...new Set([...(config.observedAttributes ?? []), ...observedFromProps, ...observedFromEmits])];\n\n    const NewClass = class extends (constructor as any) {\n      private _swcId = Math.random().toString(36).substring(2, 11);\n      private _observer: MutationObserver | null = null;\n      private _boundElements = new WeakMap<Element, Set<string | symbol>>();\n      private _activeListeners: Array<{ el: Element | HTMLElement; type: string; handler: EventListener; options?: any }> = [];\n      private _emitHandlers = new Map<string, EventListener>();\n      private _stateBindings = new Map<string, any[]>();\n      private _internalStates = new Map<string | symbol, any>();\n      private _externalSources = new Map<string, HTMLElement>();\n\n      static get observedAttributes() {\n        return mergedObservedAttributes;\n      }\n\n      constructor(...args: any[]) {\n        super(...args);\n        if (stateList) {\n          stateList.forEach(meta => {\n            const key = meta.propertyKey;\n            const stateName = meta.options.name!;\n            const initialVal = (this as any)[key];\n            this._internalStates.set(\n              key,\n              SwcUtils.createReactiveProxy(initialVal, () => this._updateState(stateName))\n            );\n            Object.defineProperty(this, key, {\n              get: () => this._internalStates.get(key),\n              set: newVal => {\n                if (this._internalStates.get(key) === newVal) return;\n                this._internalStates.set(\n                  key,\n                  SwcUtils.createReactiveProxy(newVal, () => this._updateState(stateName))\n                );\n                this._updateState(stateName);\n              },\n              enumerable: true,\n              configurable: true\n            });\n          });\n        }\n        const innerHtmlList = getInnerHtmlMetadataList(this);\n        if (innerHtmlList?.some(it => it.options.useShadow === true) && !this.shadowRoot) {\n          this.attachShadow({ mode: 'open' });\n        }\n      }\n\n      private _syncDecorators() {\n        this._buildStateMap();\n\n        const getSearchRoots = (rootOption?: string): Node[] => {\n          const roots: Node[] = [];\n          if (rootOption === 'shadow') {\n            if (this.shadowRoot) roots.push(this.shadowRoot);\n          } else if (rootOption === 'light') {\n            roots.push(this as any as Node);\n          } else if (rootOption === 'all') {\n            if (this.shadowRoot) roots.push(this.shadowRoot);\n            roots.push(this as any as Node);\n          } else {\n            // Default: 'auto'\n            roots.push(this.shadowRoot || (this as any as Node));\n          }\n          return roots;\n        };\n\n        const queryMetadata = getQueryMetadata(this);\n        if (queryMetadata) {\n          queryMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const searchRoots = getSearchRoots(it.options.root);\n              let foundEl: Element | null = null;\n              for (const root of searchRoots) {\n                foundEl = it.selector ? (root as HTMLElement).querySelector(it.selector) : (this as any as Element);\n                if (foundEl) break;\n              }\n              if (foundEl) {\n                let bound = this._boundElements.get(foundEl);\n                if (!bound) {\n                  bound = new Set();\n                  this._boundElements.set(foundEl, bound);\n                }\n                if (!bound.has(it.propertyKey)) {\n                  (this as any)[it.propertyKey](foundEl);\n                  bound.add(it.propertyKey);\n                }\n              }\n            });\n        }\n\n        const queryAllMetadata = getQueryAllMetadata(this);\n        if (queryAllMetadata) {\n          queryAllMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const searchRoots = getSearchRoots(it.options.root);\n              const allElements: Element[] = [];\n              searchRoots.forEach(root => {\n                const found = it.selector ? (root as HTMLElement).querySelectorAll(it.selector) : [this as any as Element];\n                allElements.push(...Array.from(found));\n              });\n              (this as any)[it.propertyKey](allElements);\n            });\n        }\n\n        const eventListeners = getAddEventListenerMetadata(this);\n        if (eventListeners) {\n          eventListeners.forEach(it => {\n            const { query, type, root: rootOption, ...options } = it.options;\n            const searchRoots = getSearchRoots(rootOption);\n            searchRoots.forEach(root => {\n              const targetElements = query ? (root as HTMLElement).querySelectorAll(query) : [this as any as Element];\n              targetElements.forEach(targetElement => {\n                if (targetElement) {\n                  let bound = this._boundElements.get(targetElement);\n                  if (!bound) {\n                    bound = new Set();\n                    this._boundElements.set(targetElement, bound);\n                  }\n                  const eventKey = `event:${String(it.propertyKey)}:${type}`;\n                  if (!bound.has(eventKey)) {\n                    const handler = (event: any) => {\n                      if (it.options.stopImmediatePropagation) event.stopImmediatePropagation();\n                      if (it.options.stopPropagation) event.stopPropagation();\n                      if (it.options.preventDefault) event.preventDefault();\n                      (this as any)[it.propertyKey](event, targetElement);\n                    };\n                    targetElement.addEventListener(type, handler, options);\n                    bound.add(eventKey);\n                    if (config.autoRemoveEventListeners) this._activeListeners.push({ el: targetElement, type, handler, options });\n                    const addEventMethods = getLifecycleMetadata(this, ON_ADD_EVENT_LISTENER_METADATA_KEY);\n                    addEventMethods?.forEach(m => {\n                      if (typeof (this as any)[m] === 'function') (this as any)[m](targetElement, type, handler);\n                    });\n                  }\n                }\n              });\n            });\n          });\n        }\n      }\n\n      private _buildStateMap() {\n        this._stateBindings.clear();\n        this._externalSources.clear();\n        const scan = (root: Node) => {\n          const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);\n          let node: Node | null = null;\n          while ((node = walker.nextNode())) {\n            if (node.nodeType === Node.TEXT_NODE) this._parseAndBind(node, 'text');\n            else if (node.nodeType === Node.ELEMENT_NODE) {\n              const el = node as HTMLElement;\n              const alias = el.getAttribute('as');\n              if (alias) {\n                this._externalSources.set(alias, el);\n                el.addEventListener(STATE_CHANGE_EVENT, () => this._updateState(alias));\n              }\n              Array.from(el.attributes).forEach(attr => this._parseAndBind(attr, 'attribute', el));\n            }\n          }\n        };\n        if (this.shadowRoot) scan(this.shadowRoot);\n        scan(this as any as Node);\n      }\n\n      private _parseAndBind(node: Node | Attr, type: 'text' | 'attribute', owner?: HTMLElement) {\n        const content = node.textContent || '';\n        const matches = Array.from(content.matchAll(/{{(.*?)}}/g));\n        if (matches.length === 0) return;\n        matches.forEach(match => {\n          const fullPath = match[1].trim();\n          const rootName = fullPath.split('.')[0];\n          const isState = stateList?.some(s => s.options.name === rootName);\n          const isLogicKey = (this as any)._asKey === rootName || (this as any)._asIndexKey === rootName;\n          const isExternal = this._externalSources.has(rootName);\n          const isSelfAlias = this.getAttribute('as') === rootName;\n          if (!isState && !isLogicKey && !isExternal && !isSelfAlias) return;\n          if (!this._stateBindings.has(rootName)) this._stateBindings.set(rootName, []);\n          const tplKey = `__swc_original_${this._swcId}`;\n          if (!(node as any)[tplKey]) (node as any)[tplKey] = content;\n          this._stateBindings.get(rootName)!.push({ node, type, owner, path: fullPath });\n          this._updateState(rootName);\n        });\n      }\n\n      private _updateState(stateName: string) {\n        if (!this._stateBindings) return;\n        this._executeBindingUpdate(stateName);\n        const selfAlias = this.getAttribute('as');\n        if (selfAlias && selfAlias !== stateName) this._executeBindingUpdate(selfAlias);\n        this.dispatchEvent(new CustomEvent(STATE_CHANGE_EVENT, { bubbles: true, composed: true }));\n      }\n\n      private _executeBindingUpdate(stateName: string) {\n        const bindings = this._stateBindings.get(stateName);\n        if (!bindings) return;\n        const tplKey = `__swc_original_${this._swcId}`;\n        bindings.forEach(bin => {\n          let text = (bin.node as any)[tplKey];\n          const matches = Array.from(text.matchAll(/{{(.*?)}}/g));\n          for (const match of matches) {\n            const path = match[1].trim();\n            const root = path.split('.')[0];\n            let val: any = undefined;\n            let current: HTMLElement | null = this as any as HTMLElement;\n            while (current) {\n              const currentNewClass = current as any;\n              if (current.getAttribute('as') === root) {\n                val = SwcUtils.getValueByPath(current, path.split('.').slice(1).join('.') || 'value', 'value');\n                if (val !== undefined) break;\n              }\n              const externalSource = currentNewClass._externalSources?.get(root);\n              if (externalSource) {\n                val = SwcUtils.getValueByPath(externalSource, path.split('.').slice(1).join('.') || 'value', 'value');\n                if (val !== undefined) break;\n              }\n              const cStates = getStateMetadataList(current.constructor);\n              const cAttrs = getAttributeMetadataList(current.constructor);\n              const sMeta = cStates?.find(s => s.options.name === root);\n              const aMeta = cAttrs?.find(a => a.options.name === root);\n              if (sMeta || aMeta) {\n                let aPath = path;\n                if (sMeta && sMeta.options.name !== String(sMeta.propertyKey)) aPath = path.replace(sMeta.options.name!, String(sMeta.propertyKey));\n                else if (aMeta && aMeta.options.name !== String(aMeta.propertyKey)) aPath = path.replace(aMeta.options.name!, String(aMeta.propertyKey));\n                val = SwcUtils.getValueByPath(current, aPath, root);\n                if (val !== undefined) break;\n              }\n              current = current.parentElement || (current.getRootNode() as any).host;\n            }\n            if (val !== undefined) {\n              const strVal = val === null || val === undefined ? '' : typeof val === 'object' ? '[Object]' : String(val);\n              text = text.replace(match[0], strVal);\n              if (bin.type === 'attribute' && bin.owner) {\n                if (val === null || val === undefined) bin.owner.removeAttribute(bin.attrName!);\n                else bin.owner.setAttribute(bin.attrName!, text);\n              }\n            }\n          }\n          if (bin.type === 'text') bin.node.textContent = text;\n        });\n      }\n\n      disconnectedCallback() {\n        const bMethods = getLifecycleMetadata(this, ON_BEFORE_DISCONNECTED_METADATA_KEY);\n        bMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n        if (this._observer) this._observer.disconnect();\n        if (config.autoRemoveEventListeners) {\n          this._activeListeners.forEach(({ el, type, handler, options }) => el.removeEventListener(type, handler, options));\n          this._activeListeners = [];\n        }\n        if (super.disconnectedCallback) super.disconnectedCallback();\n        const aMethods = getLifecycleMetadata(this, ON_AFTER_DISCONNECTED_METADATA_KEY);\n        aMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      adoptedCallback() {\n        const bMethods = getLifecycleMetadata(this, ON_BEFORE_ADOPTED_METADATA_KEY);\n        bMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n        if (super.adoptedCallback) super.adoptedCallback();\n        const aMethods = getLifecycleMetadata(this, ON_AFTER_ADOPTED_METADATA_KEY);\n        aMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      async connectedCallback() {\n        const bMethods = getLifecycleMetadata(this, ON_BEFORE_CONNECTED_METADATA_KEY);\n        bMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n        if (typeof (this as any).initCore === 'function') (this as any).initCore();\n        const iHtmlList = getInnerHtmlMetadataList(this);\n        let sContent = '';\n        let lContent = '';\n        if (iHtmlList) {\n          for (const meta of iHtmlList) {\n            const result = await (this as any)[meta.propertyKey]();\n            if (result !== undefined) {\n              if (meta.options.useShadow === true) sContent += result;\n              else lContent += result;\n            }\n          }\n        }\n        if (this.shadowRoot) this.shadowRoot.innerHTML = sContent;\n        if (lContent) this.innerHTML = lContent;\n        (this as any)._syncDecorators();\n        this._observer = new MutationObserver(() => (this as any)._syncDecorators());\n        this._observer.observe(this.shadowRoot || this, { childList: true, subtree: true });\n        if (super.connectedCallback) await super.connectedCallback();\n        const aMethods = getLifecycleMetadata(this, ON_AFTER_CONNECTED_METADATA_KEY);\n        aMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n        if (super.attributeChangedCallback) super.attributeChangedCallback(name, oldValue, newValue);\n        if (attributePropsList) {\n          attributePropsList.forEach(meta => {\n            if (meta.options.name === name) {\n              if (String((this as any)[meta.propertyKey]) !== String(newValue)) (this as any)[meta.propertyKey] = newValue;\n            }\n          });\n        }\n        if (typeof (this as any)._updateState === 'function') (this as any)._updateState(name);\n        const aMethodsMap = getLifecycleMetadata(constructor, ON_ATTRIBUTE_CHANGED_METADATA_KEY) as Map<string, (string | symbol)[]>;\n        const mKeys = aMethodsMap?.get(name);\n        if (mKeys && Array.isArray(mKeys))\n          mKeys.forEach(key => {\n            if (typeof (this as any)[key] === 'function') (this as any)[key](newValue, oldValue, name);\n          });\n        if (emitCustomEventList) {\n          const eMeta = emitCustomEventList.find(it => it.options.attributeName === name);\n          if (eMeta) {\n            const eType = eMeta.options.type;\n            const oHandler = this._emitHandlers.get(eType);\n            if (oHandler) this.removeEventListener(eType, oHandler);\n            if (newValue) {\n              const nHandler = (e: Event) => {\n                new Function('event', '$data', newValue).call(this, e, (e as CustomEvent).detail);\n              };\n              this.addEventListener(eType, nHandler);\n              this._emitHandlers.set(eType, nHandler);\n            }\n          }\n        }\n        const wMethodsKeys = aMethodsMap?.get(ATTRIBUTE_CHANGED_WILDCARD);\n        if (wMethodsKeys && Array.isArray(wMethodsKeys))\n          wMethodsKeys.forEach(key => {\n            if (typeof (this as any)[key] === 'function') (this as any)[key](newValue, oldValue, name);\n          });\n      }\n    };\n\n    const registry = config.customElementRegistry || (typeof customElements !== 'undefined' ? customElements : undefined);\n    if (registry && !registry.get(config.name)) {\n      registry.define(config.name, NewClass as any, config.extends ? { extends: config.extends } : undefined);\n    }\n    ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, NewClass);\n    return NewClass as any;\n  };\n\nexport const getElementConfig = (target: any): ElementConfig | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ELEMENT_CONFIG_KEY, constructor);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\nimport { getInnerHtmlMetadataList } from './innerHtml';\nimport { getQueryMetadata } from './query';\nimport { getQueryAllMetadata } from './queryAll';\nimport { getAddEventListenerMetadata } from './addEventListener';\nimport { getLifecycleMetadata, ON_BEFORE_CONNECTED_METADATA_KEY, ON_AFTER_CONNECTED_METADATA_KEY, ON_BEFORE_DISCONNECTED_METADATA_KEY, ON_AFTER_DISCONNECTED_METADATA_KEY, ON_BEFORE_ADOPTED_METADATA_KEY, ON_AFTER_ADOPTED_METADATA_KEY, ON_ADD_EVENT_LISTENER_METADATA_KEY, ON_ATTRIBUTE_CHANGED_METADATA_KEY, ATTRIBUTE_CHANGED_WILDCARD } from './lifecycles';\nimport { getAttributeMetadataList } from './attribute';\nimport { getStateMetadataList } from './state';\nimport { getEmitCustomEventMetadataList } from './emitCustomEvent';\nimport { SwcUtils } from '../utils/Utils';\n\nexport interface ElementConfig {\n  name: string;\n  extends?: string;\n  observedAttributes?: string[];\n  customElementRegistry?: CustomElementRegistry;\n  autoRemoveEventListeners?: boolean;\n}\n\nexport const ELEMENT_CONFIG_KEY = Symbol('simple-web-component:element-config');\nexport const STATE_CHANGE_EVENT = 'swc:state-change';\n\nconst BUILT_IN_TAG_MAP = new Map<any, string>();\n\nconst registerTag = (className: string, tagName: string) => {\n  if (typeof globalThis !== 'undefined' && (globalThis as any)[className]) {\n    BUILT_IN_TAG_MAP.set((globalThis as any)[className], tagName);\n  }\n};\n\n[\n  ['HTMLAnchorElement', 'a'],\n  ['HTMLAreaElement', 'area'],\n  ['HTMLAudioElement', 'audio'],\n  ['HTMLBaseElement', 'base'],\n  ['HTMLButtonElement', 'button'],\n  ['HTMLCanvasElement', 'canvas'],\n  ['HTMLDataElement', 'data'],\n  ['HTMLDataListElement', 'datalist'],\n  ['HTMLDetailsElement', 'details'],\n  ['HTMLDialogElement', 'dialog'],\n  ['HTMLDivElement', 'div'],\n  ['HTMLDListElement', 'dl'],\n  ['HTMLEmbedElement', 'embed'],\n  ['HTMLFieldSetElement', 'fieldset'],\n  ['HTMLFormElement', 'form'],\n  ['HTMLHRElement', 'hr'],\n  ['HTMLIFrameElement', 'iframe'],\n  ['HTMLImageElement', 'img'],\n  ['HTMLInputElement', 'input'],\n  ['HTMLLabelElement', 'label'],\n  ['HTMLLegendElement', 'legend'],\n  ['HTMLLIElement', 'li'],\n  ['HTMLLinkElement', 'link'],\n  ['HTMLMapElement', 'map'],\n  ['HTMLMetaElement', 'meta'],\n  ['HTMLMeterElement', 'meter'],\n  ['HTMLModElement', 'del'],\n  ['HTMLObjectElement', 'object'],\n  ['HTMLOListElement', 'ol'],\n  ['HTMLOptGroupElement', 'optgroup'],\n  ['HTMLOptionElement', 'option'],\n  ['HTMLOutputElement', 'output'],\n  ['HTMLParagraphElement', 'p'],\n  ['HTMLParamElement', 'param'],\n  ['HTMLPictureElement', 'picture'],\n  ['HTMLPreElement', 'pre'],\n  ['HTMLProgressElement', 'progress'],\n  ['HTMLQuoteElement', 'blockquote'],\n  ['HTMLScriptElement', 'script'],\n  ['HTMLSelectElement', 'select'],\n  ['HTMLSlotElement', 'slot'],\n  ['HTMLSourceElement', 'source'],\n  ['HTMLSpanElement', 'span'],\n  ['HTMLStyleElement', 'style'],\n  ['HTMLTableElement', 'table'],\n  ['HTMLTableSectionElement', 'tbody'],\n  ['HTMLTableCellElement', 'td'],\n  ['HTMLTemplateElement', 'template'],\n  ['HTMLTextAreaElement', 'textarea'],\n  ['HTMLTimeElement', 'time'],\n  ['HTMLTitleElement', 'title'],\n  ['HTMLTableRowElement', 'tr'],\n  ['HTMLTrackElement', 'track'],\n  ['HTMLUListElement', 'ul'],\n  ['HTMLVideoElement', 'video'],\n  ['HTMLHeadingElement', 'h1']\n].forEach(([cls, tag]) => registerTag(cls, tag));\n\nexport const elementDefine =\n  (inConfig: ElementConfig | string): ClassDecorator =>\n  (constructor: any) => {\n    const config: ElementConfig = typeof inConfig === 'string' ? { name: inConfig } : inConfig;\n\n    let extendsTagName = config.extends;\n    if (!extendsTagName) {\n      let proto = Object.getPrototypeOf(constructor);\n      while (proto && proto !== HTMLElement && proto !== Function.prototype) {\n        extendsTagName = BUILT_IN_TAG_MAP.get(proto);\n        if (extendsTagName) break;\n        proto = Object.getPrototypeOf(proto);\n      }\n    }\n\n    const attributePropsList = getAttributeMetadataList(constructor);\n    const emitCustomEventList = getEmitCustomEventMetadataList(constructor);\n    const stateList = getStateMetadataList(constructor);\n    const observedFromProps = attributePropsList ? attributePropsList.map(it => it.options.name!) : [];\n    const observedFromEmits = emitCustomEventList ? emitCustomEventList.map(it => it.options.attributeName!) : [];\n    const mergedObservedAttributes = [...new Set([...(config.observedAttributes ?? []), ...observedFromProps, ...observedFromEmits])];\n\n    const NewClass = class extends (constructor as any) {\n      private _swcId = Math.random().toString(36).substring(2, 11);\n      private _observer: MutationObserver | null = null;\n      private _boundElements = new WeakMap<Element, Set<string | symbol>>();\n      private _activeListeners: Array<{ el: Element | HTMLElement; type: string; handler: EventListener; options?: any }> = [];\n      private _emitHandlers = new Map<string, EventListener>();\n      private _stateBindings = new Map<string, any[]>();\n      private _internalStates = new Map<string | symbol, any>();\n      private _externalSources = new Map<string, HTMLElement>();\n\n      static get observedAttributes() {\n        return mergedObservedAttributes;\n      }\n\n      constructor(...args: any[]) {\n        super(...args);\n\n        if (stateList) {\n          stateList.forEach(meta => {\n            const key = meta.propertyKey;\n            const stateName = meta.options.name!;\n\n            // \uD544\uB4DC \uCD08\uAE30\uD654\uB85C \uB36E\uC5B4\uC50C\uC6CC\uC9C0\uAE30 \uC804/\uD6C4\uC758 \uAC12\uC744 \uD655\uC2E4\uD788 \uB09A\uC544\uCC54\n            const initialVal = (this as any)[key];\n            this._internalStates.set(\n              key,\n              SwcUtils.createReactiveProxy(initialVal, () => this._updateState(stateName))\n            );\n\n            Object.defineProperty(this, key, {\n              get: () => this._internalStates.get(key),\n              set: newVal => {\n                if (this._internalStates.get(key) === newVal) return;\n                this._internalStates.set(\n                  key,\n                  SwcUtils.createReactiveProxy(newVal, () => this._updateState(stateName))\n                );\n                this._updateState(stateName);\n              },\n              enumerable: true,\n              configurable: true\n            });\n          });\n        }\n\n        const innerHtmlList = getInnerHtmlMetadataList(this);\n        if (innerHtmlList?.some(it => it.options.useShadow === true) && !this.shadowRoot) {\n          this.attachShadow({ mode: 'open' });\n        }\n      }\n\n      private _syncDecorators() {\n        this._buildStateMap();\n        const getSearchRoots = (rootOption?: string): Node[] => {\n          const roots: Node[] = [];\n          if (rootOption === 'shadow') {\n            if (this.shadowRoot) roots.push(this.shadowRoot);\n          } else if (rootOption === 'light') {\n            roots.push(this as any as Node);\n          } else if (rootOption === 'all') {\n            if (this.shadowRoot) roots.push(this.shadowRoot);\n            roots.push(this as any as Node);\n          } else {\n            roots.push(this.shadowRoot || (this as any as Node));\n          }\n          return roots;\n        };\n\n        const queryMetadata = getQueryMetadata(this);\n        if (queryMetadata) {\n          queryMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const searchRoots = getSearchRoots(it.options.root);\n              let foundEl: Element | null = null;\n              for (const root of searchRoots) {\n                foundEl = it.selector ? (root as HTMLElement).querySelector(it.selector) : (this as any as Element);\n                if (foundEl) break;\n              }\n              if (foundEl) {\n                let bound = this._boundElements.get(foundEl);\n                if (!bound) {\n                  bound = new Set();\n                  this._boundElements.set(foundEl, bound);\n                }\n                if (!bound.has(it.propertyKey)) {\n                  (this as any)[it.propertyKey](foundEl);\n                  bound.add(it.propertyKey);\n                }\n              }\n            });\n        }\n\n        const queryAllMetadata = getQueryAllMetadata(this);\n        if (queryAllMetadata) {\n          queryAllMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const searchRoots = getSearchRoots(it.options.root);\n              const allElements: Element[] = [];\n              searchRoots.forEach(root => {\n                const found = it.selector ? (root as HTMLElement).querySelectorAll(it.selector) : [this as any as Element];\n                allElements.push(...Array.from(found));\n              });\n              (this as any)[it.propertyKey](allElements);\n            });\n        }\n\n        const eventListeners = getAddEventListenerMetadata(this);\n        if (eventListeners) {\n          eventListeners.forEach(it => {\n            const { query, type, root: rootOption, ...options } = it.options;\n            const searchRoots = getSearchRoots(rootOption);\n            searchRoots.forEach(root => {\n              const targetElements = query ? (root as HTMLElement).querySelectorAll(query) : [this as any as Element];\n              targetElements.forEach(targetElement => {\n                if (targetElement) {\n                  let bound = this._boundElements.get(targetElement);\n                  if (!bound) {\n                    bound = new Set();\n                    this._boundElements.set(targetElement, bound);\n                  }\n                  const eventKey = `event:${String(it.propertyKey)}:${type}`;\n                  if (!bound.has(eventKey)) {\n                    const handler = (event: any) => {\n                      if (it.options.stopImmediatePropagation) event.stopImmediatePropagation();\n                      if (it.options.stopPropagation) event.stopPropagation();\n                      if (it.options.preventDefault) event.preventDefault();\n                      (this as any)[it.propertyKey](event, targetElement);\n                    };\n                    targetElement.addEventListener(type, handler, options);\n                    bound.add(eventKey);\n                    if (config.autoRemoveEventListeners) this._activeListeners.push({ el: targetElement, type, handler, options });\n                    const addEventMethods = getLifecycleMetadata(this, ON_ADD_EVENT_LISTENER_METADATA_KEY);\n                    addEventMethods?.forEach(m => {\n                      if (typeof (this as any)[m] === 'function') (this as any)[m](targetElement, type, handler);\n                    });\n                  }\n                }\n              });\n            });\n          });\n        }\n      }\n\n      private _buildStateMap() {\n        // \uAE30\uC874 \uBC14\uC778\uB529 \uB9F5\uC744 \uC644\uC804\uD788 \uBE44\uC6B0\uC9C0 \uC54A\uACE0 \uC720\uC9C0\uD558\uBA74\uC11C \uC0C8\uB85C\uC6B4 \uB178\uB4DC\uB9CC \uCD94\uAC00\uD568 (\uBC14\uC778\uB529 \uC18C\uC2E4 \uBC29\uC9C0 \uD575\uC2EC)\n        const scan = (root: Node) => {\n          const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);\n          let node: Node | null = null;\n          while ((node = walker.nextNode())) {\n            if (node.nodeType === Node.TEXT_NODE) this._parseAndBind(node, 'text');\n            else if (node.nodeType === Node.ELEMENT_NODE) {\n              const el = node as HTMLElement;\n              const alias = el.getAttribute('as');\n              if (alias && !this._externalSources.has(alias)) {\n                this._externalSources.set(alias, el);\n                el.addEventListener(STATE_CHANGE_EVENT, () => this._updateState(alias));\n              }\n              Array.from(el.attributes).forEach(attr => this._parseAndBind(attr, 'attribute', el));\n            }\n          }\n        };\n        if (this.shadowRoot) scan(this.shadowRoot);\n        scan(this as any as Node);\n      }\n\n      private _parseAndBind(node: Node | Attr, type: 'text' | 'attribute', owner?: HTMLElement) {\n        const tplKey = `__swc_original_${this._swcId}`;\n        // \uC774\uBBF8 \uC774 \uC778\uC2A4\uD134\uC2A4\uC5D0 \uC758\uD574 \uBC14\uC778\uB529\uB41C \uB178\uB4DC\uB77C\uBA74 \uC2A4\uD0B5 (\uC911\uBCF5 \uBC29\uC9C0)\n        const isAlreadyBound = (node as any).__swc_bound_ids?.has(this._swcId);\n\n        // \uD14D\uC2A4\uD2B8\uB294 \uC6D0\uBCF8 \uD15C\uD50C\uB9BF(tplKey)\uC5D0\uC11C, \uC5C6\uC73C\uBA74 \uD604\uC7AC \uB0B4\uC6A9\uC5D0\uC11C \uCD94\uCD9C\n        const content = (node as any)[tplKey] || node.textContent || '';\n        const matches = Array.from(content.matchAll(/{{(.*?)}}/g));\n        if (matches.length === 0) return;\n\n        if (isAlreadyBound) return;\n\n        matches.forEach(match => {\n          const fullPath = match[1].trim();\n          const rootName = fullPath.split('.')[0];\n\n          const isState = stateList?.some(s => s.options.name === rootName);\n          const isLogicKey = (this as any)._asKey === rootName || (this as any)._asIndexKey === rootName;\n          const isExternal = this._externalSources.has(rootName);\n          const isSelfAlias = this.getAttribute('as') === rootName;\n\n          if (!isState && !isLogicKey && !isExternal && !isSelfAlias) return;\n\n          if (!this._stateBindings.has(rootName)) this._stateBindings.set(rootName, []);\n\n          if (!(node as any)[tplKey]) (node as any)[tplKey] = content;\n\n          // \uBC14\uC778\uB529 ID \uAE30\uB85D\n          if (!(node as any).__swc_bound_ids) (node as any).__swc_bound_ids = new Set();\n          (node as any).__swc_bound_ids.add(this._swcId);\n\n          this._stateBindings.get(rootName)!.push({ node, type, owner, path: fullPath });\n          this._updateState(rootName);\n        });\n      }\n\n      private _updateState(stateName: string) {\n        if (!this._stateBindings) return;\n        this._executeBindingUpdate(stateName);\n        const selfAlias = this.getAttribute('as');\n        if (selfAlias && selfAlias !== stateName) this._executeBindingUpdate(selfAlias);\n        this.dispatchEvent(new CustomEvent(STATE_CHANGE_EVENT, { bubbles: true, composed: true }));\n      }\n\n      private _executeBindingUpdate(stateName: string) {\n        const bindings = this._stateBindings.get(stateName);\n        if (!bindings) return;\n        const tplKey = `__swc_original_${this._swcId}`;\n\n        bindings.forEach(bin => {\n          let text = (bin.node as any)[tplKey];\n          if (!text) return;\n\n          const matches = Array.from(text.matchAll(/{{(.*?)}}/g));\n          let updatedText = text;\n\n          for (const match of matches) {\n            const path = match[1].trim();\n            const root = path.split('.')[0];\n            let val: any = undefined;\n            let current: HTMLElement | null = this as any as HTMLElement;\n\n            while (current) {\n              const currentNewClass = current as any;\n              if (current.getAttribute('as') === root) {\n                val = SwcUtils.getValueByPath(current, path.split('.').slice(1).join('.') || 'value', 'value');\n                if (val !== undefined) break;\n              }\n              const externalSource = currentNewClass._externalSources?.get(root);\n              if (externalSource) {\n                val = SwcUtils.getValueByPath(externalSource, path.split('.').slice(1).join('.') || 'value', 'value');\n                if (val !== undefined) break;\n              }\n              const cStates = getStateMetadataList(current.constructor);\n              const cAttrs = getAttributeMetadataList(current.constructor);\n              const sMeta = cStates?.find(s => s.options.name === root);\n              const aMeta = cAttrs?.find(a => a.options.name === root);\n              if (sMeta || aMeta) {\n                let aPath = path;\n                if (sMeta && sMeta.options.name !== String(sMeta.propertyKey)) aPath = path.replace(sMeta.options.name!, String(sMeta.propertyKey));\n                else if (aMeta && aMeta.options.name !== String(aMeta.propertyKey)) aPath = path.replace(aMeta.options.name!, String(aMeta.propertyKey));\n                val = SwcUtils.getValueByPath(current, aPath, root);\n                if (val !== undefined) break;\n              }\n              current = current.parentElement || (current.getRootNode() as any).host;\n            }\n\n            if (val !== undefined) {\n              const strVal = val === null || val === undefined ? '' : typeof val === 'object' ? '[Object]' : String(val);\n              updatedText = updatedText.replace(match[0], strVal);\n\n              if (bin.type === 'attribute' && bin.owner) {\n                const attrName = (bin.node as Attr).name;\n                if (val === null || val === undefined) bin.owner.removeAttribute(attrName);\n                else {\n                  bin.owner.setAttribute(attrName, updatedText);\n                  if ((attrName === 'value' || attrName === 'checked') && bin.owner.tagName.match(/INPUT|TEXTAREA|SELECT/)) {\n                    (bin.owner as any)[attrName] = updatedText;\n                  }\n                }\n              }\n            }\n          }\n          if (bin.type === 'text') bin.node.textContent = updatedText;\n        });\n      }\n\n      disconnectedCallback() {\n        const bMethods = getLifecycleMetadata(this, ON_BEFORE_DISCONNECTED_METADATA_KEY);\n        bMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n        if (this._observer) this._observer.disconnect();\n        if (config.autoRemoveEventListeners) {\n          this._activeListeners.forEach(({ el, type, handler, options }) => el.removeEventListener(type, handler, options));\n          this._activeListeners = [];\n        }\n        if (super.disconnectedCallback) super.disconnectedCallback();\n        const aMethods = getLifecycleMetadata(this, ON_AFTER_DISCONNECTED_METADATA_KEY);\n        aMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      adoptedCallback() {\n        const bMethods = getLifecycleMetadata(this, ON_BEFORE_ADOPTED_METADATA_KEY);\n        bMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n        if (super.adoptedCallback) super.adoptedCallback();\n        const aMethods = getLifecycleMetadata(this, ON_AFTER_ADOPTED_METADATA_KEY);\n        aMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      async connectedCallback() {\n        const bMethods = getLifecycleMetadata(this, ON_BEFORE_CONNECTED_METADATA_KEY);\n        bMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n        if (typeof (this as any).initCore === 'function') (this as any).initCore();\n        const iHtmlList = getInnerHtmlMetadataList(this);\n        let sContent = '';\n        let lContent = '';\n        if (iHtmlList) {\n          for (const meta of iHtmlList) {\n            const result = await (this as any)[meta.propertyKey]();\n            if (result !== undefined) {\n              if (meta.options.useShadow === true) sContent += result;\n              else lContent += result;\n            }\n          }\n        }\n        if (this.shadowRoot) this.shadowRoot.innerHTML = sContent;\n        if (lContent) this.innerHTML = lContent;\n        (this as any)._syncDecorators();\n        this._observer = new MutationObserver(() => (this as any)._syncDecorators());\n        this._observer.observe(this.shadowRoot || this, { childList: true, subtree: true });\n        if (super.connectedCallback) await super.connectedCallback();\n        const aMethods = getLifecycleMetadata(this, ON_AFTER_CONNECTED_METADATA_KEY);\n        aMethods?.forEach(m => {\n          if (typeof (this as any)[m] === 'function') (this as any)[m]();\n        });\n      }\n\n      attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n        if (super.attributeChangedCallback) super.attributeChangedCallback(name, oldValue, newValue);\n        if (attributePropsList) {\n          attributePropsList.forEach(meta => {\n            if (meta.options.name === name) {\n              if (String((this as any)[meta.propertyKey]) !== String(newValue)) (this as any)[meta.propertyKey] = newValue;\n            }\n          });\n        }\n        if (typeof (this as any)._updateState === 'function') (this as any)._updateState(name);\n        const aMethodsMap = getLifecycleMetadata(constructor, ON_ATTRIBUTE_CHANGED_METADATA_KEY) as Map<string, (string | symbol)[]>;\n        const mKeys = aMethodsMap?.get(name);\n        if (mKeys && Array.isArray(mKeys))\n          mKeys.forEach(key => {\n            if (typeof (this as any)[key] === 'function') (this as any)[key](newValue, oldValue, name);\n          });\n        if (emitCustomEventList) {\n          const eMeta = emitCustomEventList.find(it => it.options.attributeName === name);\n          if (eMeta) {\n            const eType = eMeta.options.type;\n            const oHandler = this._emitHandlers.get(eType);\n            if (oHandler) this.removeEventListener(eType, oHandler);\n            if (newValue) {\n              const nHandler = (e: Event) => {\n                new Function('event', '$data', newValue).call(this, e, (e as CustomEvent).detail);\n              };\n              this.addEventListener(eType, nHandler);\n              this._emitHandlers.set(eType, nHandler);\n            }\n          }\n        }\n        const wMethodsKeys = aMethodsMap?.get(ATTRIBUTE_CHANGED_WILDCARD);\n        if (wMethodsKeys && Array.isArray(wMethodsKeys))\n          wMethodsKeys.forEach(key => {\n            if (typeof (this as any)[key] === 'function') (this as any)[key](newValue, oldValue, name);\n          });\n      }\n    };\n\n    const registry = config.customElementRegistry || (typeof customElements !== 'undefined' ? customElements : undefined);\n    if (registry && !registry.get(config.name)) {\n      registry.define(config.name, NewClass as any, config.extends ? { extends: config.extends } : undefined);\n    }\n    ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, config, NewClass);\n    return NewClass as any;\n  };\n\nexport const getElementConfig = (target: any): ElementConfig | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ELEMENT_CONFIG_KEY, constructor);\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/utils/Utils.js

@@ -21,36 +21,27 @@ __export(Utils_exports, {
 });
 module.exports = __toCommonJS(Utils_exports);
 class SwcUtils {
-  static getValueByPath(obj, path, asKey) {
+  static getValueByPath(obj, path, rootName) {
     if (!obj || !path) return void 0;
     const parts = path.split(".");
-    let result = obj;
-    let success = true;
-    for (const part of parts) {
-      if (result !== null && typeof result === "object" && part in result) {
-        result = result[part];
-      } else {
-        success = false;
-        break;
-      }
-    }
-    if (success && result !== obj && !(result instanceof HTMLElement)) {
-      return result;
-    }
-    if (path === asKey) return obj;
-    if (path.startsWith(asKey + ".")) {
+    if (parts[0] === rootName && parts.length > 1) {
       const subParts = parts.slice(1);
       let subResult = obj;
       for (const part of subParts) {
-        if (subResult !== null && typeof subResult === "object" && part in subResult) {
-          subResult = subResult[part];
-        } else {
-          return void 0;
-        }
+        if (subResult === null || subResult === void 0) return void 0;
+        subResult = subResult[part];
       }
       return subResult;
     }
-    if (obj instanceof HTMLElement && obj.parentElement) {
+    let result = obj;
+    for (const part of parts) {
+      if (result === null || result === void 0 || !(part in result)) {
+        return void 0;
+      }
+      result = result[part];
+    }
+    if (result !== obj && !(result instanceof HTMLElement)) {
+      return result;
     }
     return void 0;
   }

package/dist/cjs/utils/Utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["export class SwcUtils {\n  static getValueByPath(obj: any, path: string, asKey: string) {\n    if (!obj || !path) return undefined;\n\n    const parts = path.split('.');\n\n    // 1. Try resolving directly on the provided object (Full path)\n    let result = obj;\n    let success = true;\n    for (const part of parts) {\n      if (result !== null && typeof result === 'object' && part in result) {\n        result = result[part];\n      } else {\n        success = false;\n        break;\n      }\n    }\n\n    if (success && result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    // 2. Handle asKey fallback (for swc-for-of where obj IS the data)\n    if (path === asKey) return obj;\n    if (path.startsWith(asKey + '.')) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult !== null && typeof subResult === 'object' && part in subResult) {\n          subResult = subResult[part];\n        } else {\n          return undefined;\n        }\n      }\n      return subResult;\n    }\n\n    // 3. \uC0C1\uC704 \uC2A4\uCF54\uD504 \uD0D0\uC0C9 (Bubbling Up)\n    // \uB9CC\uC57D \uD604\uC7AC \uC5D8\uB9AC\uBA3C\uD2B8\uC5D0\uC11C \uBABB \uCC3E\uC558\uB2E4\uBA74, \uBD80\uBAA8 \uC5D8\uB9AC\uBA3C\uD2B8\uC5D0\uAC8C \uBB3C\uC5B4\uBD05\uB2C8\uB2E4.\n    if (obj instanceof HTMLElement && obj.parentElement) {\n      // \uBD80\uBAA8\uC758 \uBC14\uC778\uB529 \uC2DC\uC2A4\uD15C\uC5D0 \uC811\uADFC\uD558\uAE30 \uC704\uD574 \uC774\uBCA4\uD2B8\uB97C \uC3D8\uAC70\uB098 \uC9C1\uC811 \uCC38\uC870\uD560 \uC218 \uC788\uC74C\n      // \uC5EC\uAE30\uC11C\uB294 \uC5D4\uC9C4 \uB808\uBCA8\uC5D0\uC11C \uCC98\uB9AC\uD558\uAE30 \uC704\uD574 elementDefine\uC5D0\uC11C \uB8E8\uD504\uB97C \uB3CC\uB9B4 \uC608\uC815\uC785\uB2C8\uB2E4.\n    }\n\n    return undefined;\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n    }\n  ) {\n    const { asKey, asIndexKey, index } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index.toString();\n    }\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          path = path.trim();\n          if (context[path] !== undefined) return context[path];\n          const val = SwcUtils.getValueByPath(data, path, asKey);\n          return val !== undefined ? val : match;\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            path = path.trim();\n            if (context[path] !== undefined) return context[path];\n            const v = SwcUtils.getValueByPath(data, path, asKey);\n            return v !== undefined ? v : match;\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n\n      return new Proxy(obj, {\n        set: (t, prop, val) => {\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n\n          t[prop] = makeRecursiveProxy(val);\n\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n    };\n\n    return makeRecursiveProxy(target);\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["export class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return undefined;\n\n    const parts = path.split('.');\n\n    // 1. If the path starts with the rootName (alias), strip it and resolve within obj\n    // e.g., getValueByPath({name: 'Kim'}, 'u.name', 'u') -> returns 'Kim'\n    if (parts[0] === rootName && parts.length > 1) {\n      const subParts = parts.slice(1);\n      let subResult = obj;\n      for (const part of subParts) {\n        if (subResult === null || subResult === undefined) return undefined;\n        subResult = subResult[part];\n      }\n      return subResult;\n    }\n\n    // 2. Fallback: resolve directly on obj (standard behavior)\n    let result = obj;\n    for (const part of parts) {\n      if (result === null || result === undefined || !(part in result)) {\n        return undefined;\n      }\n      result = result[part];\n    }\n\n    // Safety: don't return the instance itself or a DOM element as a template value\n    if (result !== obj && !(result instanceof HTMLElement)) {\n      return result;\n    }\n\n    return undefined;\n  }\n\n  static applyData(\n    node: Node,\n    data: any,\n    options: {\n      asKey: string;\n      asIndexKey: string;\n      index?: number;\n    }\n  ) {\n    const { asKey, asIndexKey, index } = options;\n    const context: Record<string, any> = {};\n    if (index !== undefined) {\n      context[asIndexKey] = index.toString();\n    }\n\n    const walk = (n: Node) => {\n      if (n.nodeType === Node.TEXT_NODE) {\n        if (!(n as any)._original) (n as any)._original = n.textContent;\n        let text = (n as any)._original;\n\n        text = text.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n          path = path.trim();\n          if (context[path] !== undefined) return context[path];\n          const val = SwcUtils.getValueByPath(data, path, asKey);\n          return val !== undefined ? val : match;\n        });\n        if (n.textContent !== text) n.textContent = text;\n      } else if (n.nodeType === Node.ELEMENT_NODE) {\n        const el = n as Element;\n        Array.from(el.attributes).forEach(a => {\n          if (!(a as any)._original) (a as any)._original = a.value;\n          let val = (a as any)._original;\n\n          val = val.replace(/{{(.*?)}}/g, (match: string, path: string) => {\n            path = path.trim();\n            if (context[path] !== undefined) return context[path];\n            const v = SwcUtils.getValueByPath(data, path, asKey);\n            return v !== undefined ? v : match;\n          });\n          if (a.value !== val) a.value = val;\n        });\n        el.childNodes.forEach(walk);\n      }\n    };\n    walk(node);\n  }\n\n  static createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    const makeRecursiveProxy = (obj: any): any => {\n      if (typeof obj !== 'object' || obj === null || obj instanceof Node) return obj;\n\n      return new Proxy(obj, {\n        set: (t, prop, val) => {\n          const oldVal = t[prop];\n          if (oldVal === val) return true;\n          t[prop] = makeRecursiveProxy(val);\n          const isIndex = !isNaN(Number(prop)) && Array.isArray(t);\n          if (isIndex && onIndexChange) {\n            onIndexChange(Number(prop), val);\n          } else {\n            onChange();\n          }\n          return true;\n        },\n        deleteProperty: (t, prop) => {\n          delete t[prop];\n          onChange();\n          return true;\n        }\n      });\n    };\n\n    return makeRecursiveProxy(target);\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/elementDefine.js

@@ -221,8 +221,6 @@ const elementDefine = (inConfig) => (constructor) => {
       }
     }
     _buildStateMap() {
-      this._stateBindings.clear();
-      this._externalSources.clear();
       const scan = (root) => {
         const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
         let node = null;
@@ -231,7 +229,7 @@ const elementDefine = (inConfig) => (constructor) => {
           else if (node.nodeType === Node.ELEMENT_NODE) {
             const el = node;
             const alias = el.getAttribute("as");
-            if (alias) {
+            if (alias && !this._externalSources.has(alias)) {
               this._externalSources.set(alias, el);
               el.addEventListener(STATE_CHANGE_EVENT, () => this._updateState(alias));
             }
@@ -243,9 +241,12 @@ const elementDefine = (inConfig) => (constructor) => {
       scan(this);
     }
     _parseAndBind(node, type, owner) {
-      const content = node.textContent || "";
+      const tplKey = `__swc_original_${this._swcId}`;
+      const isAlreadyBound = node.__swc_bound_ids?.has(this._swcId);
+      const content = node[tplKey] || node.textContent || "";
       const matches = Array.from(content.matchAll(/{{(.*?)}}/g));
       if (matches.length === 0) return;
+      if (isAlreadyBound) return;
       matches.forEach((match) => {
         const fullPath = match[1].trim();
         const rootName = fullPath.split(".")[0];
@@ -255,8 +256,9 @@ const elementDefine = (inConfig) => (constructor) => {
         const isSelfAlias = this.getAttribute("as") === rootName;
         if (!isState && !isLogicKey && !isExternal && !isSelfAlias) return;
         if (!this._stateBindings.has(rootName)) this._stateBindings.set(rootName, []);
-        const tplKey = `__swc_original_${this._swcId}`;
         if (!node[tplKey]) node[tplKey] = content;
+        if (!node.__swc_bound_ids) node.__swc_bound_ids = /* @__PURE__ */ new Set();
+        node.__swc_bound_ids.add(this._swcId);
         this._stateBindings.get(rootName).push({ node, type, owner, path: fullPath });
         this._updateState(rootName);
       });
@@ -274,7 +276,9 @@ const elementDefine = (inConfig) => (constructor) => {
       const tplKey = `__swc_original_${this._swcId}`;
       bindings.forEach((bin) => {
         let text = bin.node[tplKey];
+        if (!text) return;
         const matches = Array.from(text.matchAll(/{{(.*?)}}/g));
+        let updatedText = text;
         for (const match of matches) {
           const path = match[1].trim();
           const root = path.split(".")[0];
@@ -306,14 +310,20 @@ const elementDefine = (inConfig) => (constructor) => {
           }
           if (val !== void 0) {
             const strVal = val === null || val === void 0 ? "" : typeof val === "object" ? "[Object]" : String(val);
-            text = text.replace(match[0], strVal);
+            updatedText = updatedText.replace(match[0], strVal);
             if (bin.type === "attribute" && bin.owner) {
-              if (val === null || val === void 0) bin.owner.removeAttribute(bin.attrName);
-              else bin.owner.setAttribute(bin.attrName, text);
+              const attrName = bin.node.name;
+              if (val === null || val === void 0) bin.owner.removeAttribute(attrName);
+              else {
+                bin.owner.setAttribute(attrName, updatedText);
+                if ((attrName === "value" || attrName === "checked") && bin.owner.tagName.match(/INPUT|TEXTAREA|SELECT/)) {
+                  bin.owner[attrName] = updatedText;
+                }
+              }
             }
           }
         }
-        if (bin.type === "text") bin.node.textContent = text;
+        if (bin.type === "text") bin.node.textContent = updatedText;
       });
     }
     disconnectedCallback() {