@dooboostore/simple-web-component 1.0.6 → 1.0.8

package/dist/esm/decorators/elementDefine.js

@@ -136,19 +136,37 @@ const elementDefine = (inConfig) => (constructor) => {
     }
     _syncDecorators() {
       this._buildStateMap();
+      const getSearchRoots = (rootOption) => {
+        const roots = [];
+        if (rootOption === "shadow") {
+          if (this.shadowRoot) roots.push(this.shadowRoot);
+        } else if (rootOption === "light") {
+          roots.push(this);
+        } else if (rootOption === "all") {
+          if (this.shadowRoot) roots.push(this.shadowRoot);
+          roots.push(this);
+        } else {
+          roots.push(this.shadowRoot || this);
+        }
+        return roots;
+      };
       const queryMetadata = getQueryMetadata(this);
       if (queryMetadata) {
         queryMetadata.filter((it) => it.isMethod).forEach((it) => {
-          const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
-          const element = root.querySelector(it.selector);
-          if (element) {
-            let bound = this._boundElements.get(element);
+          const searchRoots = getSearchRoots(it.options.root);
+          let foundEl = null;
+          for (const root of searchRoots) {
+            foundEl = it.selector ? root.querySelector(it.selector) : this;
+            if (foundEl) break;
+          }
+          if (foundEl) {
+            let bound = this._boundElements.get(foundEl);
             if (!bound) {
               bound = /* @__PURE__ */ new Set();
-              this._boundElements.set(element, bound);
+              this._boundElements.set(foundEl, bound);
             }
             if (!bound.has(it.propertyKey)) {
-              this[it.propertyKey](element);
+              this[it.propertyKey](foundEl);
               bound.add(it.propertyKey);
             }
           }
@@ -157,48 +175,52 @@ const elementDefine = (inConfig) => (constructor) => {
       const queryAllMetadata = getQueryAllMetadata(this);
       if (queryAllMetadata) {
         queryAllMetadata.filter((it) => it.isMethod).forEach((it) => {
-          const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
-          const elements = root.querySelectorAll(it.selector);
-          this[it.propertyKey](elements);
+          const searchRoots = getSearchRoots(it.options.root);
+          const allElements = [];
+          searchRoots.forEach((root) => {
+            const found = it.selector ? root.querySelectorAll(it.selector) : [this];
+            allElements.push(...Array.from(found));
+          });
+          this[it.propertyKey](allElements);
         });
       }
       const eventListeners = getAddEventListenerMetadata(this);
       if (eventListeners) {
         eventListeners.forEach((it) => {
-          const { query, type, useShadow, ...options } = it.options;
-          const root = useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
-          const targetElements = query ? root.querySelectorAll(query) : [this];
-          targetElements.forEach((targetElement) => {
-            if (targetElement) {
-              let bound = this._boundElements.get(targetElement);
-              if (!bound) {
-                bound = /* @__PURE__ */ new Set();
-                this._boundElements.set(targetElement, bound);
+          const { query, type, root: rootOption, ...options } = it.options;
+          const searchRoots = getSearchRoots(rootOption);
+          searchRoots.forEach((root) => {
+            const targetElements = query ? root.querySelectorAll(query) : [this];
+            targetElements.forEach((targetElement) => {
+              if (targetElement) {
+                let bound = this._boundElements.get(targetElement);
+                if (!bound) {
+                  bound = /* @__PURE__ */ new Set();
+                  this._boundElements.set(targetElement, bound);
+                }
+                const eventKey = `event:${String(it.propertyKey)}:${type}`;
+                if (!bound.has(eventKey)) {
+                  const handler = (event) => {
+                    if (it.options.stopImmediatePropagation) event.stopImmediatePropagation();
+                    if (it.options.stopPropagation) event.stopPropagation();
+                    if (it.options.preventDefault) event.preventDefault();
+                    this[it.propertyKey](event, targetElement);
+                  };
+                  targetElement.addEventListener(type, handler, options);
+                  bound.add(eventKey);
+                  if (config.autoRemoveEventListeners) this._activeListeners.push({ el: targetElement, type, handler, options });
+                  const addEventMethods = getLifecycleMetadata(this, ON_ADD_EVENT_LISTENER_METADATA_KEY);
+                  addEventMethods?.forEach((m) => {
+                    if (typeof this[m] === "function") this[m](targetElement, type, handler);
+                  });
+                }
               }
-              const eventKey = `event:${String(it.propertyKey)}:${type}`;
-              if (!bound.has(eventKey)) {
-                const handler = (event) => {
-                  if (it.options.stopImmediatePropagation) event.stopImmediatePropagation();
-                  if (it.options.stopPropagation) event.stopPropagation();
-                  if (it.options.preventDefault) event.preventDefault();
-                  this[it.propertyKey](event, targetElement);
-                };
-                targetElement.addEventListener(type, handler, options);
-                bound.add(eventKey);
-                if (config.autoRemoveEventListeners) this._activeListeners.push({ el: targetElement, type, handler, options });
-                const addEventMethods = getLifecycleMetadata(this, ON_ADD_EVENT_LISTENER_METADATA_KEY);
-                addEventMethods?.forEach((m) => {
-                  if (typeof this[m] === "function") this[m](targetElement, type, handler);
-                });
-              }
-            }
+            });
           });
         });
       }
     }
     _buildStateMap() {
-      this._stateBindings.clear();
-      this._externalSources.clear();
       const scan = (root) => {
         const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
         let node = null;
@@ -207,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));
             }
@@ -219,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];
@@ -231,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);
       });
@@ -250,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];
@@ -282,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() {

package/dist/esm/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        const queryMetadata = getQueryMetadata(this);\n        if (queryMetadata) {\n          queryMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n              const element = root.querySelector(it.selector);\n              if (element) {\n                let bound = this._boundElements.get(element);\n                if (!bound) {\n                  bound = new Set();\n                  this._boundElements.set(element, bound);\n                }\n                if (!bound.has(it.propertyKey)) {\n                  (this as any)[it.propertyKey](element);\n                  bound.add(it.propertyKey);\n                }\n              }\n            });\n        }\n        const queryAllMetadata = getQueryAllMetadata(this);\n        if (queryAllMetadata) {\n          queryAllMetadata\n            .filter(it => it.isMethod)\n            .forEach(it => {\n              const root = it.options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n              const elements = root.querySelectorAll(it.selector);\n              (this as any)[it.propertyKey](elements);\n            });\n        }\n        const eventListeners = getAddEventListenerMetadata(this);\n        if (eventListeners) {\n          eventListeners.forEach(it => {\n            const { query, type, useShadow, ...options } = it.options;\n            const root = useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n            const targetElements = query ? root.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      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": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB,kCAAkC,iCAAiC,qCAAqC,oCAAoC,gCAAgC,+BAA+B,oCAAoC,mCAAmC,kCAAkC;AACnV,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,sCAAsC;AAC/C,SAAS,gBAAgB;AAUlB,MAAM,qBAAqB,OAAO,qCAAqC;AACvE,MAAM,qBAAqB;AAElC,MAAM,mBAAmB,oBAAI,IAAiB;AAE9C,MAAM,cAAc,CAAC,WAAmB,YAAoB;AAC1D,MAAI,OAAO,eAAe,eAAgB,WAAmB,SAAS,GAAG;AACvE,qBAAiB,IAAK,WAAmB,SAAS,GAAG,OAAO;AAAA,EAC9D;AACF;AAEA;AAAA,EACE,CAAC,qBAAqB,GAAG;AAAA,EACzB,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,sBAAsB,SAAS;AAAA,EAChC,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,kBAAkB,KAAK;AAAA,EACxB,CAAC,oBAAoB,IAAI;AAAA,EACzB,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,iBAAiB,IAAI;AAAA,EACtB,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,oBAAoB,KAAK;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,iBAAiB,IAAI;AAAA,EACtB,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,kBAAkB,KAAK;AAAA,EACxB,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,kBAAkB,KAAK;AAAA,EACxB,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,oBAAoB,IAAI;AAAA,EACzB,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,wBAAwB,GAAG;AAAA,EAC5B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,sBAAsB,SAAS;AAAA,EAChC,CAAC,kBAAkB,KAAK;AAAA,EACxB,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,oBAAoB,YAAY;AAAA,EACjC,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,2BAA2B,OAAO;AAAA,EACnC,CAAC,wBAAwB,IAAI;AAAA,EAC7B,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,uBAAuB,IAAI;AAAA,EAC5B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,oBAAoB,IAAI;AAAA,EACzB,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,sBAAsB,IAAI;AAC7B,EAAE,QAAQ,CAAC,CAAC,KAAK,GAAG,MAAM,YAAY,KAAK,GAAG,CAAC;AAExC,MAAM,gBACX,CAAC,aACD,CAAC,gBAAqB;AACpB,QAAM,SAAwB,OAAO,aAAa,WAAW,EAAE,MAAM,SAAS,IAAI;AAElF,MAAI,iBAAiB,OAAO;AAC5B,MAAI,CAAC,gBAAgB;AACnB,QAAI,QAAQ,OAAO,eAAe,WAAW;AAC7C,WAAO,SAAS,UAAU,eAAe,UAAU,SAAS,WAAW;AACrE,uBAAiB,iBAAiB,IAAI,KAAK;AAC3C,UAAI,eAAgB;AACpB,cAAQ,OAAO,eAAe,KAAK;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,qBAAqB,yBAAyB,WAAW;AAC/D,QAAM,sBAAsB,+BAA+B,WAAW;AACtE,QAAM,YAAY,qBAAqB,WAAW;AAClD,QAAM,oBAAoB,qBAAqB,mBAAmB,IAAI,QAAM,GAAG,QAAQ,IAAK,IAAI,CAAC;AACjG,QAAM,oBAAoB,sBAAsB,oBAAoB,IAAI,QAAM,GAAG,QAAQ,aAAc,IAAI,CAAC;AAC5G,QAAM,2BAA2B,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAI,OAAO,sBAAsB,CAAC,GAAI,GAAG,mBAAmB,GAAG,iBAAiB,CAAC,CAAC;AAEhI,QAAM,WAAW,cAAe,YAAoB;AAAA,IAclD,eAAe,MAAa;AAC1B,YAAM,GAAG,IAAI;AAdf,WAAQ,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAC3D,WAAQ,YAAqC;AAC7C,WAAQ,iBAAiB,oBAAI,QAAuC;AACpE,WAAQ,mBAA8G,CAAC;AACvH,WAAQ,gBAAgB,oBAAI,IAA2B;AACvD,WAAQ,iBAAiB,oBAAI,IAAmB;AAChD,WAAQ,kBAAkB,oBAAI,IAA0B;AACxD,WAAQ,mBAAmB,oBAAI,IAAyB;AAQtD,UAAI,WAAW;AACb,kBAAU,QAAQ,UAAQ;AACxB,gBAAM,MAAM,KAAK;AACjB,gBAAM,YAAY,KAAK,QAAQ;AAC/B,gBAAM,aAAc,KAAa,GAAG;AACpC,eAAK,gBAAgB;AAAA,YACnB;AAAA,YACA,SAAS,oBAAoB,YAAY,MAAM,KAAK,aAAa,SAAS,CAAC;AAAA,UAC7E;AACA,iBAAO,eAAe,MAAM,KAAK;AAAA,YAC/B,KAAK,MAAM,KAAK,gBAAgB,IAAI,GAAG;AAAA,YACvC,KAAK,YAAU;AACb,kBAAI,KAAK,gBAAgB,IAAI,GAAG,MAAM,OAAQ;AAC9C,mBAAK,gBAAgB;AAAA,gBACnB;AAAA,gBACA,SAAS,oBAAoB,QAAQ,MAAM,KAAK,aAAa,SAAS,CAAC;AAAA,cACzE;AACA,mBAAK,aAAa,SAAS;AAAA,YAC7B;AAAA,YACA,YAAY;AAAA,YACZ,cAAc;AAAA,UAChB,CAAC;AAAA,QACH,CAAC;AAAA,MACH;AACA,YAAM,gBAAgB,yBAAyB,IAAI;AACnD,UAAI,eAAe,KAAK,QAAM,GAAG,QAAQ,cAAc,IAAI,KAAK,CAAC,KAAK,YAAY;AAChF,aAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAAA,MACpC;AAAA,IACF;AAAA,IAlCA,WAAW,qBAAqB;AAC9B,aAAO;AAAA,IACT;AAAA,IAkCQ,kBAAkB;AACxB,WAAK,eAAe;AACpB,YAAM,gBAAgB,iBAAiB,IAAI;AAC3C,UAAI,eAAe;AACjB,sBACG,OAAO,QAAM,GAAG,QAAQ,EACxB,QAAQ,QAAM;AACb,gBAAM,OAAO,GAAG,QAAQ,cAAc,SAAS,KAAK,aAAa,KAAK,aAAa;AACnF,gBAAM,UAAU,KAAK,cAAc,GAAG,QAAQ;AAC9C,cAAI,SAAS;AACX,gBAAI,QAAQ,KAAK,eAAe,IAAI,OAAO;AAC3C,gBAAI,CAAC,OAAO;AACV,sBAAQ,oBAAI,IAAI;AAChB,mBAAK,eAAe,IAAI,SAAS,KAAK;AAAA,YACxC;AACA,gBAAI,CAAC,MAAM,IAAI,GAAG,WAAW,GAAG;AAC9B,cAAC,KAAa,GAAG,WAAW,EAAE,OAAO;AACrC,oBAAM,IAAI,GAAG,WAAW;AAAA,YAC1B;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACL;AACA,YAAM,mBAAmB,oBAAoB,IAAI;AACjD,UAAI,kBAAkB;AACpB,yBACG,OAAO,QAAM,GAAG,QAAQ,EACxB,QAAQ,QAAM;AACb,gBAAM,OAAO,GAAG,QAAQ,cAAc,SAAS,KAAK,aAAa,KAAK,aAAa;AACnF,gBAAM,WAAW,KAAK,iBAAiB,GAAG,QAAQ;AAClD,UAAC,KAAa,GAAG,WAAW,EAAE,QAAQ;AAAA,QACxC,CAAC;AAAA,MACL;AACA,YAAM,iBAAiB,4BAA4B,IAAI;AACvD,UAAI,gBAAgB;AAClB,uBAAe,QAAQ,QAAM;AAC3B,gBAAM,EAAE,OAAO,MAAM,WAAW,GAAG,QAAQ,IAAI,GAAG;AAClD,gBAAM,OAAO,cAAc,SAAS,KAAK,aAAa,KAAK,aAAa;AACxE,gBAAM,iBAAiB,QAAQ,KAAK,iBAAiB,KAAK,IAAI,CAAC,IAAsB;AACrF,yBAAe,QAAQ,mBAAiB;AACtC,gBAAI,eAAe;AACjB,kBAAI,QAAQ,KAAK,eAAe,IAAI,aAAa;AACjD,kBAAI,CAAC,OAAO;AACV,wBAAQ,oBAAI,IAAI;AAChB,qBAAK,eAAe,IAAI,eAAe,KAAK;AAAA,cAC9C;AACA,oBAAM,WAAW,SAAS,OAAO,GAAG,WAAW,CAAC,IAAI,IAAI;AACxD,kBAAI,CAAC,MAAM,IAAI,QAAQ,GAAG;AACxB,sBAAM,UAAU,CAAC,UAAe;AAC9B,sBAAI,GAAG,QAAQ,yBAA0B,OAAM,yBAAyB;AACxE,sBAAI,GAAG,QAAQ,gBAAiB,OAAM,gBAAgB;AACtD,sBAAI,GAAG,QAAQ,eAAgB,OAAM,eAAe;AACpD,kBAAC,KAAa,GAAG,WAAW,EAAE,OAAO,aAAa;AAAA,gBACpD;AACA,8BAAc,iBAAiB,MAAM,SAAS,OAAO;AACrD,sBAAM,IAAI,QAAQ;AAClB,oBAAI,OAAO,yBAA0B,MAAK,iBAAiB,KAAK,EAAE,IAAI,eAAe,MAAM,SAAS,QAAQ,CAAC;AAC7G,sBAAM,kBAAkB,qBAAqB,MAAM,kCAAkC;AACrF,iCAAiB,QAAQ,OAAK;AAC5B,sBAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE,eAAe,MAAM,OAAO;AAAA,gBAC3F,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IAEQ,iBAAiB;AACvB,WAAK,eAAe,MAAM;AAC1B,WAAK,iBAAiB,MAAM;AAC5B,YAAM,OAAO,CAAC,SAAe;AAC3B,cAAM,SAAS,SAAS,iBAAiB,MAAM,WAAW,eAAe,WAAW,SAAS;AAC7F,YAAI,OAAoB;AACxB,eAAQ,OAAO,OAAO,SAAS,GAAI;AACjC,cAAI,KAAK,aAAa,KAAK,UAAW,MAAK,cAAc,MAAM,MAAM;AAAA,mBAC5D,KAAK,aAAa,KAAK,cAAc;AAC5C,kBAAM,KAAK;AACX,kBAAM,QAAQ,GAAG,aAAa,IAAI;AAClC,gBAAI,OAAO;AACT,mBAAK,iBAAiB,IAAI,OAAO,EAAE;AACnC,iBAAG,iBAAiB,oBAAoB,MAAM,KAAK,aAAa,KAAK,CAAC;AAAA,YACxE;AACA,kBAAM,KAAK,GAAG,UAAU,EAAE,QAAQ,UAAQ,KAAK,cAAc,MAAM,aAAa,EAAE,CAAC;AAAA,UACrF;AAAA,QACF;AAAA,MACF;AACA,UAAI,KAAK,WAAY,MAAK,KAAK,UAAU;AACzC,WAAK,IAAmB;AAAA,IAC1B;AAAA,IAEQ,cAAc,MAAmB,MAA4B,OAAqB;AACxF,YAAM,UAAU,KAAK,eAAe;AACpC,YAAM,UAAU,MAAM,KAAK,QAAQ,SAAS,YAAY,CAAC;AACzD,UAAI,QAAQ,WAAW,EAAG;AAC1B,cAAQ,QAAQ,WAAS;AACvB,cAAM,WAAW,MAAM,CAAC,EAAE,KAAK;AAC/B,cAAM,WAAW,SAAS,MAAM,GAAG,EAAE,CAAC;AACtC,cAAM,UAAU,WAAW,KAAK,OAAK,EAAE,QAAQ,SAAS,QAAQ;AAChE,cAAM,aAAc,KAAa,WAAW,YAAa,KAAa,gBAAgB;AACtF,cAAM,aAAa,KAAK,iBAAiB,IAAI,QAAQ;AACrD,cAAM,cAAc,KAAK,aAAa,IAAI,MAAM;AAChD,YAAI,CAAC,WAAW,CAAC,cAAc,CAAC,cAAc,CAAC,YAAa;AAC5D,YAAI,CAAC,KAAK,eAAe,IAAI,QAAQ,EAAG,MAAK,eAAe,IAAI,UAAU,CAAC,CAAC;AAC5E,cAAM,SAAS,kBAAkB,KAAK,MAAM;AAC5C,YAAI,CAAE,KAAa,MAAM,EAAG,CAAC,KAAa,MAAM,IAAI;AACpD,aAAK,eAAe,IAAI,QAAQ,EAAG,KAAK,EAAE,MAAM,MAAM,OAAO,MAAM,SAAS,CAAC;AAC7E,aAAK,aAAa,QAAQ;AAAA,MAC5B,CAAC;AAAA,IACH;AAAA,IAEQ,aAAa,WAAmB;AACtC,UAAI,CAAC,KAAK,eAAgB;AAC1B,WAAK,sBAAsB,SAAS;AACpC,YAAM,YAAY,KAAK,aAAa,IAAI;AACxC,UAAI,aAAa,cAAc,UAAW,MAAK,sBAAsB,SAAS;AAC9E,WAAK,cAAc,IAAI,YAAY,oBAAoB,EAAE,SAAS,MAAM,UAAU,KAAK,CAAC,CAAC;AAAA,IAC3F;AAAA,IAEQ,sBAAsB,WAAmB;AAC/C,YAAM,WAAW,KAAK,eAAe,IAAI,SAAS;AAClD,UAAI,CAAC,SAAU;AACf,YAAM,SAAS,kBAAkB,KAAK,MAAM;AAC5C,eAAS,QAAQ,SAAO;AACtB,YAAI,OAAQ,IAAI,KAAa,MAAM;AACnC,cAAM,UAAU,MAAM,KAAK,KAAK,SAAS,YAAY,CAAC;AACtD,mBAAW,SAAS,SAAS;AAC3B,gBAAM,OAAO,MAAM,CAAC,EAAE,KAAK;AAC3B,gBAAM,OAAO,KAAK,MAAM,GAAG,EAAE,CAAC;AAC9B,cAAI,MAAW;AACf,cAAI,UAA8B;AAClC,iBAAO,SAAS;AACd,kBAAM,kBAAkB;AACxB,gBAAI,QAAQ,aAAa,IAAI,MAAM,MAAM;AACvC,oBAAM,SAAS,eAAe,SAAS,KAAK,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,SAAS,OAAO;AAC7F,kBAAI,QAAQ,OAAW;AAAA,YACzB;AACA,kBAAM,iBAAiB,gBAAgB,kBAAkB,IAAI,IAAI;AACjE,gBAAI,gBAAgB;AAClB,oBAAM,SAAS,eAAe,gBAAgB,KAAK,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,SAAS,OAAO;AACpG,kBAAI,QAAQ,OAAW;AAAA,YACzB;AACA,kBAAM,UAAU,qBAAqB,QAAQ,WAAW;AACxD,kBAAM,SAAS,yBAAyB,QAAQ,WAAW;AAC3D,kBAAM,QAAQ,SAAS,KAAK,OAAK,EAAE,QAAQ,SAAS,IAAI;AACxD,kBAAM,QAAQ,QAAQ,KAAK,OAAK,EAAE,QAAQ,SAAS,IAAI;AACvD,gBAAI,SAAS,OAAO;AAClB,kBAAI,QAAQ;AACZ,kBAAI,SAAS,MAAM,QAAQ,SAAS,OAAO,MAAM,WAAW,EAAG,SAAQ,KAAK,QAAQ,MAAM,QAAQ,MAAO,OAAO,MAAM,WAAW,CAAC;AAAA,uBACzH,SAAS,MAAM,QAAQ,SAAS,OAAO,MAAM,WAAW,EAAG,SAAQ,KAAK,QAAQ,MAAM,QAAQ,MAAO,OAAO,MAAM,WAAW,CAAC;AACvI,oBAAM,SAAS,eAAe,SAAS,OAAO,IAAI;AAClD,kBAAI,QAAQ,OAAW;AAAA,YACzB;AACA,sBAAU,QAAQ,iBAAkB,QAAQ,YAAY,EAAU;AAAA,UACpE;AACA,cAAI,QAAQ,QAAW;AACrB,kBAAM,SAAS,QAAQ,QAAQ,QAAQ,SAAY,KAAK,OAAO,QAAQ,WAAW,aAAa,OAAO,GAAG;AACzG,mBAAO,KAAK,QAAQ,MAAM,CAAC,GAAG,MAAM;AACpC,gBAAI,IAAI,SAAS,eAAe,IAAI,OAAO;AACzC,kBAAI,QAAQ,QAAQ,QAAQ,OAAW,KAAI,MAAM,gBAAgB,IAAI,QAAS;AAAA,kBACzE,KAAI,MAAM,aAAa,IAAI,UAAW,IAAI;AAAA,YACjD;AAAA,UACF;AAAA,QACF;AACA,YAAI,IAAI,SAAS,OAAQ,KAAI,KAAK,cAAc;AAAA,MAClD,CAAC;AAAA,IACH;AAAA,IAEA,uBAAuB;AACrB,YAAM,WAAW,qBAAqB,MAAM,mCAAmC;AAC/E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AACD,UAAI,KAAK,UAAW,MAAK,UAAU,WAAW;AAC9C,UAAI,OAAO,0BAA0B;AACnC,aAAK,iBAAiB,QAAQ,CAAC,EAAE,IAAI,MAAM,SAAS,QAAQ,MAAM,GAAG,oBAAoB,MAAM,SAAS,OAAO,CAAC;AAChH,aAAK,mBAAmB,CAAC;AAAA,MAC3B;AACA,UAAI,MAAM,qBAAsB,OAAM,qBAAqB;AAC3D,YAAM,WAAW,qBAAqB,MAAM,kCAAkC;AAC9E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AAAA,IACH;AAAA,IAEA,kBAAkB;AAChB,YAAM,WAAW,qBAAqB,MAAM,8BAA8B;AAC1E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AACD,UAAI,MAAM,gBAAiB,OAAM,gBAAgB;AACjD,YAAM,WAAW,qBAAqB,MAAM,6BAA6B;AACzE,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AAAA,IACH;AAAA,IAEA,MAAM,oBAAoB;AACxB,YAAM,WAAW,qBAAqB,MAAM,gCAAgC;AAC5E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AACD,UAAI,OAAQ,KAAa,aAAa,WAAY,CAAC,KAAa,SAAS;AACzE,YAAM,YAAY,yBAAyB,IAAI;AAC/C,UAAI,WAAW;AACf,UAAI,WAAW;AACf,UAAI,WAAW;AACb,mBAAW,QAAQ,WAAW;AAC5B,gBAAM,SAAS,MAAO,KAAa,KAAK,WAAW,EAAE;AACrD,cAAI,WAAW,QAAW;AACxB,gBAAI,KAAK,QAAQ,cAAc,KAAM,aAAY;AAAA,gBAC5C,aAAY;AAAA,UACnB;AAAA,QACF;AAAA,MACF;AACA,UAAI,KAAK,WAAY,MAAK,WAAW,YAAY;AACjD,UAAI,SAAU,MAAK,YAAY;AAC/B,MAAC,KAAa,gBAAgB;AAC9B,WAAK,YAAY,IAAI,iBAAiB,MAAO,KAAa,gBAAgB,CAAC;AAC3E,WAAK,UAAU,QAAQ,KAAK,cAAc,MAAM,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AAClF,UAAI,MAAM,kBAAmB,OAAM,MAAM,kBAAkB;AAC3D,YAAM,WAAW,qBAAqB,MAAM,+BAA+B;AAC3E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AAAA,IACH;AAAA,IAEA,yBAAyB,MAAc,UAAyB,UAAyB;AACvF,UAAI,MAAM,yBAA0B,OAAM,yBAAyB,MAAM,UAAU,QAAQ;AAC3F,UAAI,oBAAoB;AACtB,2BAAmB,QAAQ,UAAQ;AACjC,cAAI,KAAK,QAAQ,SAAS,MAAM;AAC9B,gBAAI,OAAQ,KAAa,KAAK,WAAW,CAAC,MAAM,OAAO,QAAQ,EAAG,CAAC,KAAa,KAAK,WAAW,IAAI;AAAA,UACtG;AAAA,QACF,CAAC;AAAA,MACH;AACA,UAAI,OAAQ,KAAa,iBAAiB,WAAY,CAAC,KAAa,aAAa,IAAI;AACrF,YAAM,cAAc,qBAAqB,aAAa,iCAAiC;AACvF,YAAM,QAAQ,aAAa,IAAI,IAAI;AACnC,UAAI,SAAS,MAAM,QAAQ,KAAK;AAC9B,cAAM,QAAQ,SAAO;AACnB,cAAI,OAAQ,KAAa,GAAG,MAAM,WAAY,CAAC,KAAa,GAAG,EAAE,UAAU,UAAU,IAAI;AAAA,QAC3F,CAAC;AACH,UAAI,qBAAqB;AACvB,cAAM,QAAQ,oBAAoB,KAAK,QAAM,GAAG,QAAQ,kBAAkB,IAAI;AAC9E,YAAI,OAAO;AACT,gBAAM,QAAQ,MAAM,QAAQ;AAC5B,gBAAM,WAAW,KAAK,cAAc,IAAI,KAAK;AAC7C,cAAI,SAAU,MAAK,oBAAoB,OAAO,QAAQ;AACtD,cAAI,UAAU;AACZ,kBAAM,WAAW,CAAC,MAAa;AAC7B,kBAAI,SAAS,SAAS,SAAS,QAAQ,EAAE,KAAK,MAAM,GAAI,EAAkB,MAAM;AAAA,YAClF;AACA,iBAAK,iBAAiB,OAAO,QAAQ;AACrC,iBAAK,cAAc,IAAI,OAAO,QAAQ;AAAA,UACxC;AAAA,QACF;AAAA,MACF;AACA,YAAM,eAAe,aAAa,IAAI,0BAA0B;AAChE,UAAI,gBAAgB,MAAM,QAAQ,YAAY;AAC5C,qBAAa,QAAQ,SAAO;AAC1B,cAAI,OAAQ,KAAa,GAAG,MAAM,WAAY,CAAC,KAAa,GAAG,EAAE,UAAU,UAAU,IAAI;AAAA,QAC3F,CAAC;AAAA,IACL;AAAA,EACF;AAEA,QAAM,WAAW,OAAO,0BAA0B,OAAO,mBAAmB,cAAc,iBAAiB;AAC3G,MAAI,YAAY,CAAC,SAAS,IAAI,OAAO,IAAI,GAAG;AAC1C,aAAS,OAAO,OAAO,MAAM,UAAiB,OAAO,UAAU,EAAE,SAAS,OAAO,QAAQ,IAAI,MAAS;AAAA,EACxG;AACA,eAAa,eAAe,oBAAoB,QAAQ,QAAQ;AAChE,SAAO;AACT;AAEK,MAAM,mBAAmB,CAAC,WAA2C;AAC1E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,oBAAoB,WAAW;AACjE;",
+  "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": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB,kCAAkC,iCAAiC,qCAAqC,oCAAoC,gCAAgC,+BAA+B,oCAAoC,mCAAmC,kCAAkC;AACnV,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,sCAAsC;AAC/C,SAAS,gBAAgB;AAUlB,MAAM,qBAAqB,OAAO,qCAAqC;AACvE,MAAM,qBAAqB;AAElC,MAAM,mBAAmB,oBAAI,IAAiB;AAE9C,MAAM,cAAc,CAAC,WAAmB,YAAoB;AAC1D,MAAI,OAAO,eAAe,eAAgB,WAAmB,SAAS,GAAG;AACvE,qBAAiB,IAAK,WAAmB,SAAS,GAAG,OAAO;AAAA,EAC9D;AACF;AAEA;AAAA,EACE,CAAC,qBAAqB,GAAG;AAAA,EACzB,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,sBAAsB,SAAS;AAAA,EAChC,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,kBAAkB,KAAK;AAAA,EACxB,CAAC,oBAAoB,IAAI;AAAA,EACzB,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,iBAAiB,IAAI;AAAA,EACtB,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,oBAAoB,KAAK;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,iBAAiB,IAAI;AAAA,EACtB,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,kBAAkB,KAAK;AAAA,EACxB,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,kBAAkB,KAAK;AAAA,EACxB,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,oBAAoB,IAAI;AAAA,EACzB,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,wBAAwB,GAAG;AAAA,EAC5B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,sBAAsB,SAAS;AAAA,EAChC,CAAC,kBAAkB,KAAK;AAAA,EACxB,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,oBAAoB,YAAY;AAAA,EACjC,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,qBAAqB,QAAQ;AAAA,EAC9B,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,2BAA2B,OAAO;AAAA,EACnC,CAAC,wBAAwB,IAAI;AAAA,EAC7B,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,uBAAuB,UAAU;AAAA,EAClC,CAAC,mBAAmB,MAAM;AAAA,EAC1B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,uBAAuB,IAAI;AAAA,EAC5B,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,oBAAoB,IAAI;AAAA,EACzB,CAAC,oBAAoB,OAAO;AAAA,EAC5B,CAAC,sBAAsB,IAAI;AAC7B,EAAE,QAAQ,CAAC,CAAC,KAAK,GAAG,MAAM,YAAY,KAAK,GAAG,CAAC;AAExC,MAAM,gBACX,CAAC,aACD,CAAC,gBAAqB;AACpB,QAAM,SAAwB,OAAO,aAAa,WAAW,EAAE,MAAM,SAAS,IAAI;AAElF,MAAI,iBAAiB,OAAO;AAC5B,MAAI,CAAC,gBAAgB;AACnB,QAAI,QAAQ,OAAO,eAAe,WAAW;AAC7C,WAAO,SAAS,UAAU,eAAe,UAAU,SAAS,WAAW;AACrE,uBAAiB,iBAAiB,IAAI,KAAK;AAC3C,UAAI,eAAgB;AACpB,cAAQ,OAAO,eAAe,KAAK;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,qBAAqB,yBAAyB,WAAW;AAC/D,QAAM,sBAAsB,+BAA+B,WAAW;AACtE,QAAM,YAAY,qBAAqB,WAAW;AAClD,QAAM,oBAAoB,qBAAqB,mBAAmB,IAAI,QAAM,GAAG,QAAQ,IAAK,IAAI,CAAC;AACjG,QAAM,oBAAoB,sBAAsB,oBAAoB,IAAI,QAAM,GAAG,QAAQ,aAAc,IAAI,CAAC;AAC5G,QAAM,2BAA2B,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAI,OAAO,sBAAsB,CAAC,GAAI,GAAG,mBAAmB,GAAG,iBAAiB,CAAC,CAAC;AAEhI,QAAM,WAAW,cAAe,YAAoB;AAAA,IAclD,eAAe,MAAa;AAC1B,YAAM,GAAG,IAAI;AAdf,WAAQ,SAAS,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAC3D,WAAQ,YAAqC;AAC7C,WAAQ,iBAAiB,oBAAI,QAAuC;AACpE,WAAQ,mBAA8G,CAAC;AACvH,WAAQ,gBAAgB,oBAAI,IAA2B;AACvD,WAAQ,iBAAiB,oBAAI,IAAmB;AAChD,WAAQ,kBAAkB,oBAAI,IAA0B;AACxD,WAAQ,mBAAmB,oBAAI,IAAyB;AAStD,UAAI,WAAW;AACb,kBAAU,QAAQ,UAAQ;AACxB,gBAAM,MAAM,KAAK;AACjB,gBAAM,YAAY,KAAK,QAAQ;AAG/B,gBAAM,aAAc,KAAa,GAAG;AACpC,eAAK,gBAAgB;AAAA,YACnB;AAAA,YACA,SAAS,oBAAoB,YAAY,MAAM,KAAK,aAAa,SAAS,CAAC;AAAA,UAC7E;AAEA,iBAAO,eAAe,MAAM,KAAK;AAAA,YAC/B,KAAK,MAAM,KAAK,gBAAgB,IAAI,GAAG;AAAA,YACvC,KAAK,YAAU;AACb,kBAAI,KAAK,gBAAgB,IAAI,GAAG,MAAM,OAAQ;AAC9C,mBAAK,gBAAgB;AAAA,gBACnB;AAAA,gBACA,SAAS,oBAAoB,QAAQ,MAAM,KAAK,aAAa,SAAS,CAAC;AAAA,cACzE;AACA,mBAAK,aAAa,SAAS;AAAA,YAC7B;AAAA,YACA,YAAY;AAAA,YACZ,cAAc;AAAA,UAChB,CAAC;AAAA,QACH,CAAC;AAAA,MACH;AAEA,YAAM,gBAAgB,yBAAyB,IAAI;AACnD,UAAI,eAAe,KAAK,QAAM,GAAG,QAAQ,cAAc,IAAI,KAAK,CAAC,KAAK,YAAY;AAChF,aAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAAA,MACpC;AAAA,IACF;AAAA,IAvCA,WAAW,qBAAqB;AAC9B,aAAO;AAAA,IACT;AAAA,IAuCQ,kBAAkB;AACxB,WAAK,eAAe;AACpB,YAAM,iBAAiB,CAAC,eAAgC;AACtD,cAAM,QAAgB,CAAC;AACvB,YAAI,eAAe,UAAU;AAC3B,cAAI,KAAK,WAAY,OAAM,KAAK,KAAK,UAAU;AAAA,QACjD,WAAW,eAAe,SAAS;AACjC,gBAAM,KAAK,IAAmB;AAAA,QAChC,WAAW,eAAe,OAAO;AAC/B,cAAI,KAAK,WAAY,OAAM,KAAK,KAAK,UAAU;AAC/C,gBAAM,KAAK,IAAmB;AAAA,QAChC,OAAO;AACL,gBAAM,KAAK,KAAK,cAAe,IAAoB;AAAA,QACrD;AACA,eAAO;AAAA,MACT;AAEA,YAAM,gBAAgB,iBAAiB,IAAI;AAC3C,UAAI,eAAe;AACjB,sBACG,OAAO,QAAM,GAAG,QAAQ,EACxB,QAAQ,QAAM;AACb,gBAAM,cAAc,eAAe,GAAG,QAAQ,IAAI;AAClD,cAAI,UAA0B;AAC9B,qBAAW,QAAQ,aAAa;AAC9B,sBAAU,GAAG,WAAY,KAAqB,cAAc,GAAG,QAAQ,IAAK;AAC5E,gBAAI,QAAS;AAAA,UACf;AACA,cAAI,SAAS;AACX,gBAAI,QAAQ,KAAK,eAAe,IAAI,OAAO;AAC3C,gBAAI,CAAC,OAAO;AACV,sBAAQ,oBAAI,IAAI;AAChB,mBAAK,eAAe,IAAI,SAAS,KAAK;AAAA,YACxC;AACA,gBAAI,CAAC,MAAM,IAAI,GAAG,WAAW,GAAG;AAC9B,cAAC,KAAa,GAAG,WAAW,EAAE,OAAO;AACrC,oBAAM,IAAI,GAAG,WAAW;AAAA,YAC1B;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACL;AAEA,YAAM,mBAAmB,oBAAoB,IAAI;AACjD,UAAI,kBAAkB;AACpB,yBACG,OAAO,QAAM,GAAG,QAAQ,EACxB,QAAQ,QAAM;AACb,gBAAM,cAAc,eAAe,GAAG,QAAQ,IAAI;AAClD,gBAAM,cAAyB,CAAC;AAChC,sBAAY,QAAQ,UAAQ;AAC1B,kBAAM,QAAQ,GAAG,WAAY,KAAqB,iBAAiB,GAAG,QAAQ,IAAI,CAAC,IAAsB;AACzG,wBAAY,KAAK,GAAG,MAAM,KAAK,KAAK,CAAC;AAAA,UACvC,CAAC;AACD,UAAC,KAAa,GAAG,WAAW,EAAE,WAAW;AAAA,QAC3C,CAAC;AAAA,MACL;AAEA,YAAM,iBAAiB,4BAA4B,IAAI;AACvD,UAAI,gBAAgB;AAClB,uBAAe,QAAQ,QAAM;AAC3B,gBAAM,EAAE,OAAO,MAAM,MAAM,YAAY,GAAG,QAAQ,IAAI,GAAG;AACzD,gBAAM,cAAc,eAAe,UAAU;AAC7C,sBAAY,QAAQ,UAAQ;AAC1B,kBAAM,iBAAiB,QAAS,KAAqB,iBAAiB,KAAK,IAAI,CAAC,IAAsB;AACtG,2BAAe,QAAQ,mBAAiB;AACtC,kBAAI,eAAe;AACjB,oBAAI,QAAQ,KAAK,eAAe,IAAI,aAAa;AACjD,oBAAI,CAAC,OAAO;AACV,0BAAQ,oBAAI,IAAI;AAChB,uBAAK,eAAe,IAAI,eAAe,KAAK;AAAA,gBAC9C;AACA,sBAAM,WAAW,SAAS,OAAO,GAAG,WAAW,CAAC,IAAI,IAAI;AACxD,oBAAI,CAAC,MAAM,IAAI,QAAQ,GAAG;AACxB,wBAAM,UAAU,CAAC,UAAe;AAC9B,wBAAI,GAAG,QAAQ,yBAA0B,OAAM,yBAAyB;AACxE,wBAAI,GAAG,QAAQ,gBAAiB,OAAM,gBAAgB;AACtD,wBAAI,GAAG,QAAQ,eAAgB,OAAM,eAAe;AACpD,oBAAC,KAAa,GAAG,WAAW,EAAE,OAAO,aAAa;AAAA,kBACpD;AACA,gCAAc,iBAAiB,MAAM,SAAS,OAAO;AACrD,wBAAM,IAAI,QAAQ;AAClB,sBAAI,OAAO,yBAA0B,MAAK,iBAAiB,KAAK,EAAE,IAAI,eAAe,MAAM,SAAS,QAAQ,CAAC;AAC7G,wBAAM,kBAAkB,qBAAqB,MAAM,kCAAkC;AACrF,mCAAiB,QAAQ,OAAK;AAC5B,wBAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE,eAAe,MAAM,OAAO;AAAA,kBAC3F,CAAC;AAAA,gBACH;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH,CAAC;AAAA,QACH,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IAEQ,iBAAiB;AAEvB,YAAM,OAAO,CAAC,SAAe;AAC3B,cAAM,SAAS,SAAS,iBAAiB,MAAM,WAAW,eAAe,WAAW,SAAS;AAC7F,YAAI,OAAoB;AACxB,eAAQ,OAAO,OAAO,SAAS,GAAI;AACjC,cAAI,KAAK,aAAa,KAAK,UAAW,MAAK,cAAc,MAAM,MAAM;AAAA,mBAC5D,KAAK,aAAa,KAAK,cAAc;AAC5C,kBAAM,KAAK;AACX,kBAAM,QAAQ,GAAG,aAAa,IAAI;AAClC,gBAAI,SAAS,CAAC,KAAK,iBAAiB,IAAI,KAAK,GAAG;AAC9C,mBAAK,iBAAiB,IAAI,OAAO,EAAE;AACnC,iBAAG,iBAAiB,oBAAoB,MAAM,KAAK,aAAa,KAAK,CAAC;AAAA,YACxE;AACA,kBAAM,KAAK,GAAG,UAAU,EAAE,QAAQ,UAAQ,KAAK,cAAc,MAAM,aAAa,EAAE,CAAC;AAAA,UACrF;AAAA,QACF;AAAA,MACF;AACA,UAAI,KAAK,WAAY,MAAK,KAAK,UAAU;AACzC,WAAK,IAAmB;AAAA,IAC1B;AAAA,IAEQ,cAAc,MAAmB,MAA4B,OAAqB;AACxF,YAAM,SAAS,kBAAkB,KAAK,MAAM;AAE5C,YAAM,iBAAkB,KAAa,iBAAiB,IAAI,KAAK,MAAM;AAGrE,YAAM,UAAW,KAAa,MAAM,KAAK,KAAK,eAAe;AAC7D,YAAM,UAAU,MAAM,KAAK,QAAQ,SAAS,YAAY,CAAC;AACzD,UAAI,QAAQ,WAAW,EAAG;AAE1B,UAAI,eAAgB;AAEpB,cAAQ,QAAQ,WAAS;AACvB,cAAM,WAAW,MAAM,CAAC,EAAE,KAAK;AAC/B,cAAM,WAAW,SAAS,MAAM,GAAG,EAAE,CAAC;AAEtC,cAAM,UAAU,WAAW,KAAK,OAAK,EAAE,QAAQ,SAAS,QAAQ;AAChE,cAAM,aAAc,KAAa,WAAW,YAAa,KAAa,gBAAgB;AACtF,cAAM,aAAa,KAAK,iBAAiB,IAAI,QAAQ;AACrD,cAAM,cAAc,KAAK,aAAa,IAAI,MAAM;AAEhD,YAAI,CAAC,WAAW,CAAC,cAAc,CAAC,cAAc,CAAC,YAAa;AAE5D,YAAI,CAAC,KAAK,eAAe,IAAI,QAAQ,EAAG,MAAK,eAAe,IAAI,UAAU,CAAC,CAAC;AAE5E,YAAI,CAAE,KAAa,MAAM,EAAG,CAAC,KAAa,MAAM,IAAI;AAGpD,YAAI,CAAE,KAAa,gBAAiB,CAAC,KAAa,kBAAkB,oBAAI,IAAI;AAC5E,QAAC,KAAa,gBAAgB,IAAI,KAAK,MAAM;AAE7C,aAAK,eAAe,IAAI,QAAQ,EAAG,KAAK,EAAE,MAAM,MAAM,OAAO,MAAM,SAAS,CAAC;AAC7E,aAAK,aAAa,QAAQ;AAAA,MAC5B,CAAC;AAAA,IACH;AAAA,IAEQ,aAAa,WAAmB;AACtC,UAAI,CAAC,KAAK,eAAgB;AAC1B,WAAK,sBAAsB,SAAS;AACpC,YAAM,YAAY,KAAK,aAAa,IAAI;AACxC,UAAI,aAAa,cAAc,UAAW,MAAK,sBAAsB,SAAS;AAC9E,WAAK,cAAc,IAAI,YAAY,oBAAoB,EAAE,SAAS,MAAM,UAAU,KAAK,CAAC,CAAC;AAAA,IAC3F;AAAA,IAEQ,sBAAsB,WAAmB;AAC/C,YAAM,WAAW,KAAK,eAAe,IAAI,SAAS;AAClD,UAAI,CAAC,SAAU;AACf,YAAM,SAAS,kBAAkB,KAAK,MAAM;AAE5C,eAAS,QAAQ,SAAO;AACtB,YAAI,OAAQ,IAAI,KAAa,MAAM;AACnC,YAAI,CAAC,KAAM;AAEX,cAAM,UAAU,MAAM,KAAK,KAAK,SAAS,YAAY,CAAC;AACtD,YAAI,cAAc;AAElB,mBAAW,SAAS,SAAS;AAC3B,gBAAM,OAAO,MAAM,CAAC,EAAE,KAAK;AAC3B,gBAAM,OAAO,KAAK,MAAM,GAAG,EAAE,CAAC;AAC9B,cAAI,MAAW;AACf,cAAI,UAA8B;AAElC,iBAAO,SAAS;AACd,kBAAM,kBAAkB;AACxB,gBAAI,QAAQ,aAAa,IAAI,MAAM,MAAM;AACvC,oBAAM,SAAS,eAAe,SAAS,KAAK,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,SAAS,OAAO;AAC7F,kBAAI,QAAQ,OAAW;AAAA,YACzB;AACA,kBAAM,iBAAiB,gBAAgB,kBAAkB,IAAI,IAAI;AACjE,gBAAI,gBAAgB;AAClB,oBAAM,SAAS,eAAe,gBAAgB,KAAK,MAAM,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,SAAS,OAAO;AACpG,kBAAI,QAAQ,OAAW;AAAA,YACzB;AACA,kBAAM,UAAU,qBAAqB,QAAQ,WAAW;AACxD,kBAAM,SAAS,yBAAyB,QAAQ,WAAW;AAC3D,kBAAM,QAAQ,SAAS,KAAK,OAAK,EAAE,QAAQ,SAAS,IAAI;AACxD,kBAAM,QAAQ,QAAQ,KAAK,OAAK,EAAE,QAAQ,SAAS,IAAI;AACvD,gBAAI,SAAS,OAAO;AAClB,kBAAI,QAAQ;AACZ,kBAAI,SAAS,MAAM,QAAQ,SAAS,OAAO,MAAM,WAAW,EAAG,SAAQ,KAAK,QAAQ,MAAM,QAAQ,MAAO,OAAO,MAAM,WAAW,CAAC;AAAA,uBACzH,SAAS,MAAM,QAAQ,SAAS,OAAO,MAAM,WAAW,EAAG,SAAQ,KAAK,QAAQ,MAAM,QAAQ,MAAO,OAAO,MAAM,WAAW,CAAC;AACvI,oBAAM,SAAS,eAAe,SAAS,OAAO,IAAI;AAClD,kBAAI,QAAQ,OAAW;AAAA,YACzB;AACA,sBAAU,QAAQ,iBAAkB,QAAQ,YAAY,EAAU;AAAA,UACpE;AAEA,cAAI,QAAQ,QAAW;AACrB,kBAAM,SAAS,QAAQ,QAAQ,QAAQ,SAAY,KAAK,OAAO,QAAQ,WAAW,aAAa,OAAO,GAAG;AACzG,0BAAc,YAAY,QAAQ,MAAM,CAAC,GAAG,MAAM;AAElD,gBAAI,IAAI,SAAS,eAAe,IAAI,OAAO;AACzC,oBAAM,WAAY,IAAI,KAAc;AACpC,kBAAI,QAAQ,QAAQ,QAAQ,OAAW,KAAI,MAAM,gBAAgB,QAAQ;AAAA,mBACpE;AACH,oBAAI,MAAM,aAAa,UAAU,WAAW;AAC5C,qBAAK,aAAa,WAAW,aAAa,cAAc,IAAI,MAAM,QAAQ,MAAM,uBAAuB,GAAG;AACxG,kBAAC,IAAI,MAAc,QAAQ,IAAI;AAAA,gBACjC;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,YAAI,IAAI,SAAS,OAAQ,KAAI,KAAK,cAAc;AAAA,MAClD,CAAC;AAAA,IACH;AAAA,IAEA,uBAAuB;AACrB,YAAM,WAAW,qBAAqB,MAAM,mCAAmC;AAC/E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AACD,UAAI,KAAK,UAAW,MAAK,UAAU,WAAW;AAC9C,UAAI,OAAO,0BAA0B;AACnC,aAAK,iBAAiB,QAAQ,CAAC,EAAE,IAAI,MAAM,SAAS,QAAQ,MAAM,GAAG,oBAAoB,MAAM,SAAS,OAAO,CAAC;AAChH,aAAK,mBAAmB,CAAC;AAAA,MAC3B;AACA,UAAI,MAAM,qBAAsB,OAAM,qBAAqB;AAC3D,YAAM,WAAW,qBAAqB,MAAM,kCAAkC;AAC9E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AAAA,IACH;AAAA,IAEA,kBAAkB;AAChB,YAAM,WAAW,qBAAqB,MAAM,8BAA8B;AAC1E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AACD,UAAI,MAAM,gBAAiB,OAAM,gBAAgB;AACjD,YAAM,WAAW,qBAAqB,MAAM,6BAA6B;AACzE,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AAAA,IACH;AAAA,IAEA,MAAM,oBAAoB;AACxB,YAAM,WAAW,qBAAqB,MAAM,gCAAgC;AAC5E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AACD,UAAI,OAAQ,KAAa,aAAa,WAAY,CAAC,KAAa,SAAS;AACzE,YAAM,YAAY,yBAAyB,IAAI;AAC/C,UAAI,WAAW;AACf,UAAI,WAAW;AACf,UAAI,WAAW;AACb,mBAAW,QAAQ,WAAW;AAC5B,gBAAM,SAAS,MAAO,KAAa,KAAK,WAAW,EAAE;AACrD,cAAI,WAAW,QAAW;AACxB,gBAAI,KAAK,QAAQ,cAAc,KAAM,aAAY;AAAA,gBAC5C,aAAY;AAAA,UACnB;AAAA,QACF;AAAA,MACF;AACA,UAAI,KAAK,WAAY,MAAK,WAAW,YAAY;AACjD,UAAI,SAAU,MAAK,YAAY;AAC/B,MAAC,KAAa,gBAAgB;AAC9B,WAAK,YAAY,IAAI,iBAAiB,MAAO,KAAa,gBAAgB,CAAC;AAC3E,WAAK,UAAU,QAAQ,KAAK,cAAc,MAAM,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AAClF,UAAI,MAAM,kBAAmB,OAAM,MAAM,kBAAkB;AAC3D,YAAM,WAAW,qBAAqB,MAAM,+BAA+B;AAC3E,gBAAU,QAAQ,OAAK;AACrB,YAAI,OAAQ,KAAa,CAAC,MAAM,WAAY,CAAC,KAAa,CAAC,EAAE;AAAA,MAC/D,CAAC;AAAA,IACH;AAAA,IAEA,yBAAyB,MAAc,UAAyB,UAAyB;AACvF,UAAI,MAAM,yBAA0B,OAAM,yBAAyB,MAAM,UAAU,QAAQ;AAC3F,UAAI,oBAAoB;AACtB,2BAAmB,QAAQ,UAAQ;AACjC,cAAI,KAAK,QAAQ,SAAS,MAAM;AAC9B,gBAAI,OAAQ,KAAa,KAAK,WAAW,CAAC,MAAM,OAAO,QAAQ,EAAG,CAAC,KAAa,KAAK,WAAW,IAAI;AAAA,UACtG;AAAA,QACF,CAAC;AAAA,MACH;AACA,UAAI,OAAQ,KAAa,iBAAiB,WAAY,CAAC,KAAa,aAAa,IAAI;AACrF,YAAM,cAAc,qBAAqB,aAAa,iCAAiC;AACvF,YAAM,QAAQ,aAAa,IAAI,IAAI;AACnC,UAAI,SAAS,MAAM,QAAQ,KAAK;AAC9B,cAAM,QAAQ,SAAO;AACnB,cAAI,OAAQ,KAAa,GAAG,MAAM,WAAY,CAAC,KAAa,GAAG,EAAE,UAAU,UAAU,IAAI;AAAA,QAC3F,CAAC;AACH,UAAI,qBAAqB;AACvB,cAAM,QAAQ,oBAAoB,KAAK,QAAM,GAAG,QAAQ,kBAAkB,IAAI;AAC9E,YAAI,OAAO;AACT,gBAAM,QAAQ,MAAM,QAAQ;AAC5B,gBAAM,WAAW,KAAK,cAAc,IAAI,KAAK;AAC7C,cAAI,SAAU,MAAK,oBAAoB,OAAO,QAAQ;AACtD,cAAI,UAAU;AACZ,kBAAM,WAAW,CAAC,MAAa;AAC7B,kBAAI,SAAS,SAAS,SAAS,QAAQ,EAAE,KAAK,MAAM,GAAI,EAAkB,MAAM;AAAA,YAClF;AACA,iBAAK,iBAAiB,OAAO,QAAQ;AACrC,iBAAK,cAAc,IAAI,OAAO,QAAQ;AAAA,UACxC;AAAA,QACF;AAAA,MACF;AACA,YAAM,eAAe,aAAa,IAAI,0BAA0B;AAChE,UAAI,gBAAgB,MAAM,QAAQ,YAAY;AAC5C,qBAAa,QAAQ,SAAO;AAC1B,cAAI,OAAQ,KAAa,GAAG,MAAM,WAAY,CAAC,KAAa,GAAG,EAAE,UAAU,UAAU,IAAI;AAAA,QAC3F,CAAC;AAAA,IACL;AAAA,EACF;AAEA,QAAM,WAAW,OAAO,0BAA0B,OAAO,mBAAmB,cAAc,iBAAiB;AAC3G,MAAI,YAAY,CAAC,SAAS,IAAI,OAAO,IAAI,GAAG;AAC1C,aAAS,OAAO,OAAO,MAAM,UAAiB,OAAO,UAAU,EAAE,SAAS,OAAO,QAAQ,IAAI,MAAS;AAAA,EACxG;AACA,eAAa,eAAe,oBAAoB,QAAQ,QAAQ;AAChE,SAAO;AACT;AAEK,MAAM,mBAAmB,CAAC,WAA2C;AAC1E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,oBAAoB,WAAW;AACjE;",
   "names": []
 }

package/dist/esm/decorators/query.js

@@ -1,7 +1,7 @@
 import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
 const QUERY_METADATA_KEY = Symbol("simple-web-component:query");
-const query = (selector, options = { useShadow: true }) => {
-  return (target, propertyKey, descriptor) => {
+function query(arg1, arg2) {
+  const decorator = (selector, options, target, propertyKey, descriptor) => {
     const isMethod = !!descriptor;
     const constructor = target.constructor;
     let queries = ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
@@ -13,15 +13,37 @@ const query = (selector, options = { useShadow: true }) => {
     if (!isMethod) {
       Object.defineProperty(target, propertyKey, {
         get() {
-          const root = options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
-          return root.querySelector(selector);
+          if (!selector)
+            return this;
+          let searchRoot = this;
+          if (options.root === "shadow")
+            searchRoot = this.shadowRoot || this;
+          else if (options.root === "light")
+            searchRoot = this;
+          else
+            searchRoot = this.shadowRoot || this;
+          return searchRoot.querySelector(selector);
         },
         enumerable: true,
         configurable: true
       });
     }
   };
-};
+  if (arg1 && typeof arg2 === "string") {
+    return decorator("", {}, arg1, arg2);
+  }
+  return (target, propertyKey, descriptor) => {
+    let selector = "";
+    let options = {};
+    if (typeof arg1 === "string") {
+      selector = arg1;
+    } else if (typeof arg1 === "object") {
+      options = arg1;
+      selector = options.selector || "";
+    }
+    decorator(selector, options, target, propertyKey, descriptor);
+  };
+}
 const getQueryMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/query.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface QueryOptions {\n  useShadow?: boolean;\n}\n\nexport interface QueryMetadata {\n  selector: string;\n  options: QueryOptions;\n  propertyKey: string | symbol;\n  isMethod: boolean;\n}\n\nexport const QUERY_METADATA_KEY = Symbol('simple-web-component:query');\n\nexport const query = (selector: string, options: QueryOptions = { useShadow: true }): any => {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const isMethod = !!descriptor;\n    const constructor = target.constructor;\n\n    // \uBA54\uD0C0\uB370\uC774\uD130 \uC800\uC7A5 (\uB098\uC911\uC5D0 elementDefine\uC5D0\uC11C \uC0AC\uC6A9)\n    let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ selector, options, propertyKey, isMethod });\n\n    if (!isMethod) {\n      // \uC18D\uC131 \uB370\uCF54\uB808\uC774\uD130\uC778 \uACBD\uC6B0: \uAE30\uC874\uCC98\uB7FC Lazy Getter \uC124\uC815\n      Object.defineProperty(target, propertyKey, {\n        get(this: HTMLElement) {\n          const root = options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n          return root.querySelector(selector);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    }\n  };\n};\n\nexport const getQueryMetadata = (target: any): QueryMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAatB,MAAM,qBAAqB,OAAO,4BAA4B;AAE9D,MAAM,QAAQ,CAAC,UAAkB,UAAwB,EAAE,WAAW,KAAK,MAAW;AAC3F,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,WAAW,CAAC,CAAC;AACnB,UAAM,cAAc,OAAO;AAG3B,QAAI,UAAU,aAAa,YAA6B,oBAAoB,WAAW;AACvF,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAC;AACX,mBAAa,eAAe,oBAAoB,SAAS,WAAW;AAAA,IACtE;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,aAAa,SAAS,CAAC;AAEzD,QAAI,CAAC,UAAU;AAEb,aAAO,eAAe,QAAQ,aAAa;AAAA,QACzC,MAAuB;AACrB,gBAAM,OAAO,QAAQ,cAAc,SAAS,KAAK,aAAa,KAAK,aAAa;AAChF,iBAAO,KAAK,cAAc,QAAQ;AAAA,QACpC;AAAA,QACA,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,mBAAmB,CAAC,WAA6C;AAC5E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,oBAAoB,WAAW;AACjE;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface QueryOptions {\n  selector?: string;\n  root?: 'light' | 'shadow' | 'all' | 'auto';\n}\n\nexport interface QueryMetadata {\n  selector: string;\n  options: QueryOptions;\n  propertyKey: string | symbol;\n  isMethod: boolean;\n}\n\nexport const QUERY_METADATA_KEY = Symbol('simple-web-component:query');\n\nexport function query(selector: string): any;\nexport function query(options: QueryOptions): any;\nexport function query(target: Object, propertyKey: string | symbol): void;\nexport function query(arg1?: string | QueryOptions | Object, arg2?: string | symbol): any {\n  const decorator = (selector: string, options: QueryOptions, target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const isMethod = !!descriptor;\n    const constructor = target.constructor;\n\n    let queries = ReflectUtils.getMetadata<QueryMetadata[]>(QUERY_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ selector, options, propertyKey, isMethod });\n\n    if (!isMethod) {\n      Object.defineProperty(target, propertyKey, {\n        get(this: HTMLElement) {\n          if (!selector) return this;\n          let searchRoot: Node = this;\n          if (options.root === 'shadow') searchRoot = this.shadowRoot || this;\n          else if (options.root === 'light') searchRoot = this;\n          else searchRoot = this.shadowRoot || this; // Default: Auto (Shadow-First)\n\n          return (searchRoot as HTMLElement).querySelector(selector);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    }\n  };\n\n  // Case: @query (parameterless decorator)\n  if (arg1 && typeof arg2 === 'string') {\n    return decorator('', {}, arg1 as Object, arg2 as string | symbol);\n  }\n\n  // Case: @query('selector') or @query({ selector: '...', ... })\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    let selector = '';\n    let options: QueryOptions = {};\n\n    if (typeof arg1 === 'string') {\n      selector = arg1;\n    } else if (typeof arg1 === 'object') {\n      options = arg1 as QueryOptions;\n      selector = options.selector || '';\n    }\n\n    decorator(selector, options, target, propertyKey, descriptor);\n  };\n}\n\nexport const getQueryMetadata = (target: any): QueryMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AActB,MAAM,qBAAqB,OAAO,4BAA4B;AAK/D,SAAU,MAAM,MAAuC,MAAsB;AACjF,QAAM,YAAY,CAAC,UAAkB,SAAuB,QAAgB,aAA8B,eAAmC;AAC3I,UAAM,WAAW,CAAC,CAAC;AACnB,UAAM,cAAc,OAAO;AAE3B,QAAI,UAAU,aAAa,YAA6B,oBAAoB,WAAW;AACvF,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAA;AACV,mBAAa,eAAe,oBAAoB,SAAS,WAAW;IACtE;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,aAAa,SAAQ,CAAE;AAEzD,QAAI,CAAC,UAAU;AACb,aAAO,eAAe,QAAQ,aAAa;QACzC,MAAG;AACD,cAAI,CAAC;AAAU,mBAAO;AACtB,cAAI,aAAmB;AACvB,cAAI,QAAQ,SAAS;AAAU,yBAAa,KAAK,cAAc;mBACtD,QAAQ,SAAS;AAAS,yBAAa;;AAC3C,yBAAa,KAAK,cAAc;AAErC,iBAAQ,WAA2B,cAAc,QAAQ;QAC3D;QACA,YAAY;QACZ,cAAc;OACf;IACH;EACF;AAGA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,WAAO,UAAU,IAAI,CAAA,GAAI,MAAgB,IAAuB;EAClE;AAGA,SAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,QAAI,WAAW;AACf,QAAI,UAAwB,CAAA;AAE5B,QAAI,OAAO,SAAS,UAAU;AAC5B,iBAAW;IACb,WAAW,OAAO,SAAS,UAAU;AACnC,gBAAU;AACV,iBAAW,QAAQ,YAAY;IACjC;AAEA,cAAU,UAAU,SAAS,QAAQ,aAAa,UAAU;EAC9D;AACF;AAEO,MAAM,mBAAmB,CAAC,WAA4C;AAC3E,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,oBAAoB,WAAW;AACjE;",
   "names": []
 }

package/dist/esm/decorators/queryAll.js

@@ -1,7 +1,7 @@
 import { ReflectUtils } from "@dooboostore/core/reflect/ReflectUtils";
 const QUERY_ALL_METADATA_KEY = Symbol("simple-web-component:query-all");
-const queryAll = (selector, options = { useShadow: true }) => {
-  return (target, propertyKey, descriptor) => {
+function queryAll(arg1, arg2) {
+  const decorator = (selector, options, target, propertyKey, descriptor) => {
     const isMethod = !!descriptor;
     const constructor = target.constructor;
     let queries = ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
@@ -13,15 +13,37 @@ const queryAll = (selector, options = { useShadow: true }) => {
     if (!isMethod) {
       Object.defineProperty(target, propertyKey, {
         get() {
-          const root = options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;
-          return root.querySelectorAll(selector);
+          if (!selector)
+            return [this];
+          let searchRoot = this;
+          if (options.root === "shadow")
+            searchRoot = this.shadowRoot || this;
+          else if (options.root === "light")
+            searchRoot = this;
+          else
+            searchRoot = this.shadowRoot || this;
+          return searchRoot.querySelectorAll(selector);
         },
         enumerable: true,
         configurable: true
       });
     }
   };
-};
+  if (arg1 && typeof arg2 === "string") {
+    return decorator("", {}, arg1, arg2);
+  }
+  return (target, propertyKey, descriptor) => {
+    let selector = "";
+    let options = {};
+    if (typeof arg1 === "string") {
+      selector = arg1;
+    } else if (typeof arg1 === "object") {
+      options = arg1;
+      selector = options.selector || "";
+    }
+    decorator(selector, options, target, propertyKey, descriptor);
+  };
+}
 const getQueryAllMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/queryAll.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface QueryAllOptions {\n  useShadow?: boolean;\n}\n\nexport interface QueryAllMetadata {\n  selector: string;\n  options: QueryAllOptions;\n  propertyKey: string | symbol;\n  isMethod: boolean;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol('simple-web-component:query-all');\n\nexport const queryAll = (selector: string, options: QueryAllOptions = { useShadow: true }): any => {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const isMethod = !!descriptor;\n    const constructor = target.constructor;\n\n    // \uBA54\uD0C0\uB370\uC774\uD130 \uC800\uC7A5 (\uB098\uC911\uC5D0 elementDefine\uC5D0\uC11C \uC0AC\uC6A9)\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ selector, options, propertyKey, isMethod });\n\n    if (!isMethod) {\n      // \uC18D\uC131 \uB370\uCF54\uB808\uC774\uD130\uC778 \uACBD\uC6B0: \uAE30\uC874\uCC98\uB7FC Lazy Getter \uC124\uC815\n      Object.defineProperty(target, propertyKey, {\n        get(this: HTMLElement) {\n          const root = options.useShadow !== false && this.shadowRoot ? this.shadowRoot : this;\n          return root.querySelectorAll(selector);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    }\n  };\n};\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAatB,MAAM,yBAAyB,OAAO,gCAAgC;AAEtE,MAAM,WAAW,CAAC,UAAkB,UAA2B,EAAE,WAAW,KAAK,MAAW;AACjG,SAAO,CAAC,QAAgB,aAA8B,eAAoC;AACxF,UAAM,WAAW,CAAC,CAAC;AACnB,UAAM,cAAc,OAAO;AAG3B,QAAI,UAAU,aAAa,YAAgC,wBAAwB,WAAW;AAC9F,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAC;AACX,mBAAa,eAAe,wBAAwB,SAAS,WAAW;AAAA,IAC1E;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,aAAa,SAAS,CAAC;AAEzD,QAAI,CAAC,UAAU;AAEb,aAAO,eAAe,QAAQ,aAAa;AAAA,QACzC,MAAuB;AACrB,gBAAM,OAAO,QAAQ,cAAc,SAAS,KAAK,aAAa,KAAK,aAAa;AAChF,iBAAO,KAAK,iBAAiB,QAAQ;AAAA,QACvC;AAAA,QACA,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsB,CAAC,WAAgD;AAClF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,wBAAwB,WAAW;AACrE;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface QueryAllOptions {\n  selector?: string;\n  root?: 'light' | 'shadow' | 'all' | 'auto';\n}\n\nexport interface QueryAllMetadata {\n  selector: string;\n  options: QueryAllOptions;\n  propertyKey: string | symbol;\n  isMethod: boolean;\n}\n\nexport const QUERY_ALL_METADATA_KEY = Symbol('simple-web-component:query-all');\n\nexport function queryAll(selector: string): any;\nexport function queryAll(options: QueryAllOptions): any;\nexport function queryAll(target: Object, propertyKey: string | symbol): void;\nexport function queryAll(arg1?: string | QueryAllOptions | Object, arg2?: string | symbol): any {\n  const decorator = (selector: string, options: QueryAllOptions, target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const isMethod = !!descriptor;\n    const constructor = target.constructor;\n\n    let queries = ReflectUtils.getMetadata<QueryAllMetadata[]>(QUERY_ALL_METADATA_KEY, constructor);\n    if (!queries) {\n      queries = [];\n      ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);\n    }\n    queries.push({ selector, options, propertyKey, isMethod });\n\n    if (!isMethod) {\n      Object.defineProperty(target, propertyKey, {\n        get(this: HTMLElement) {\n          if (!selector) return [this];\n          let searchRoot: Node = this;\n          if (options.root === 'shadow') searchRoot = this.shadowRoot || this;\n          else if (options.root === 'light') searchRoot = this;\n          else searchRoot = this.shadowRoot || this; // Default: Auto (Shadow-First)\n\n          return (searchRoot as HTMLElement).querySelectorAll(selector);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    }\n  };\n\n  // Case: @queryAll (parameterless decorator)\n  if (arg1 && typeof arg2 === 'string') {\n    return decorator('', {}, arg1 as Object, arg2 as string | symbol);\n  }\n\n  // Case: @queryAll('selector') or @queryAll({ selector: '...', ... })\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    let selector = '';\n    let options: QueryAllOptions = {};\n\n    if (typeof arg1 === 'string') {\n      selector = arg1;\n    } else if (typeof arg1 === 'object') {\n      options = arg1 as QueryAllOptions;\n      selector = options.selector || '';\n    }\n\n    decorator(selector, options, target, propertyKey, descriptor);\n  };\n}\n\nexport const getQueryAllMetadata = (target: any): QueryAllMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);\n};\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AActB,MAAM,yBAAyB,OAAO,gCAAgC;AAKvE,SAAU,SAAS,MAA0C,MAAsB;AACvF,QAAM,YAAY,CAAC,UAAkB,SAA0B,QAAgB,aAA8B,eAAmC;AAC9I,UAAM,WAAW,CAAC,CAAC;AACnB,UAAM,cAAc,OAAO;AAE3B,QAAI,UAAU,aAAa,YAAgC,wBAAwB,WAAW;AAC9F,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAA;AACV,mBAAa,eAAe,wBAAwB,SAAS,WAAW;IAC1E;AACA,YAAQ,KAAK,EAAE,UAAU,SAAS,aAAa,SAAQ,CAAE;AAEzD,QAAI,CAAC,UAAU;AACb,aAAO,eAAe,QAAQ,aAAa;QACzC,MAAG;AACD,cAAI,CAAC;AAAU,mBAAO,CAAC,IAAI;AAC3B,cAAI,aAAmB;AACvB,cAAI,QAAQ,SAAS;AAAU,yBAAa,KAAK,cAAc;mBACtD,QAAQ,SAAS;AAAS,yBAAa;;AAC3C,yBAAa,KAAK,cAAc;AAErC,iBAAQ,WAA2B,iBAAiB,QAAQ;QAC9D;QACA,YAAY;QACZ,cAAc;OACf;IACH;EACF;AAGA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,WAAO,UAAU,IAAI,CAAA,GAAI,MAAgB,IAAuB;EAClE;AAGA,SAAO,CAAC,QAAgB,aAA8B,eAAmC;AACvF,QAAI,WAAW;AACf,QAAI,UAA2B,CAAA;AAE/B,QAAI,OAAO,SAAS,UAAU;AAC5B,iBAAW;IACb,WAAW,OAAO,SAAS,UAAU;AACnC,gBAAU;AACV,iBAAW,QAAQ,YAAY;IACjC;AAEA,cAAU,UAAU,SAAS,QAAQ,aAAa,UAAU;EAC9D;AACF;AAEO,MAAM,sBAAsB,CAAC,WAA+C;AACjF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,wBAAwB,WAAW;AACrE;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/state.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface StateOptions {\n  name?: string;\n}\n\nexport interface StateMetadata {\n  propertyKey: string | symbol;\n  options: StateOptions;\n}\n\nexport const STATE_METADATA_KEY = Symbol('simple-web-component:state');\n\nexport function state(nameOrOptions: string | StateOptions): PropertyDecorator;\nexport function state(target: Object, propertyKey: string | symbol): void;\nexport function state(arg1?: string | StateOptions | Object, arg2?: string | symbol): PropertyDecorator | void {\n  const decorator = (options: StateOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    if (!options.name) options.name = String(propertyKey);\n\n    let list = ReflectUtils.getMetadata<StateMetadata[]>(STATE_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n  };\n\n  if (arg2) {\n    // Used as @state\n    return decorator({}, arg1!, arg2);\n  }\n\n  // Used as @state(options)\n  return (target: Object, propertyKey: string | symbol) => {\n    const options: StateOptions = typeof arg1 === 'string' ? { name: arg1 } : (arg1 as StateOptions) || {};\n    decorator(options, target, propertyKey);\n  };\n}\n\nexport const getStateMetadataList = (target: any): StateMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);\n};\n"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core/reflect/ReflectUtils';\n\nexport interface StateOptions {\n  name?: string;\n}\n\nexport interface StateMetadata {\n  propertyKey: string | symbol;\n  options: StateOptions;\n}\n\nexport const STATE_METADATA_KEY = Symbol('simple-web-component:state');\n\nexport function state(nameOrOptions?: string | StateOptions): PropertyDecorator;\nexport function state(target: Object, propertyKey: string | symbol): void;\nexport function state(arg1?: string | StateOptions | Object, arg2?: string | symbol): PropertyDecorator | void {\n  const decorator = (options: StateOptions, target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    if (!options.name) options.name = String(propertyKey);\n\n    let list = ReflectUtils.getMetadata<StateMetadata[]>(STATE_METADATA_KEY, constructor);\n    if (!list) {\n      list = [];\n      ReflectUtils.defineMetadata(STATE_METADATA_KEY, list, constructor);\n    }\n    list.push({ propertyKey, options });\n  };\n\n  if (arg2) {\n    // Used as @state\n    return decorator({}, arg1!, arg2);\n  }\n\n  // Used as @state(options)\n  return (target: Object, propertyKey: string | symbol) => {\n    const options: StateOptions = typeof arg1 === 'string' ? { name: arg1 } : (arg1 as StateOptions) || {};\n    decorator(options, target, propertyKey);\n  };\n}\n\nexport const getStateMetadataList = (target: any): StateMetadata[] | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(STATE_METADATA_KEY, constructor);\n};\n"],
   "mappings": "AAAA,SAAS,oBAAoB;AAWtB,MAAM,qBAAqB,OAAO,4BAA4B;AAI9D,SAAS,MAAM,MAAuC,MAAkD;AAC7G,QAAM,YAAY,CAAC,SAAuB,QAAgB,gBAAiC;AACzF,UAAM,cAAc,OAAO;AAC3B,QAAI,CAAC,QAAQ,KAAM,SAAQ,OAAO,OAAO,WAAW;AAEpD,QAAI,OAAO,aAAa,YAA6B,oBAAoB,WAAW;AACpF,QAAI,CAAC,MAAM;AACT,aAAO,CAAC;AACR,mBAAa,eAAe,oBAAoB,MAAM,WAAW;AAAA,IACnE;AACA,SAAK,KAAK,EAAE,aAAa,QAAQ,CAAC;AAAA,EACpC;AAEA,MAAI,MAAM;AAER,WAAO,UAAU,CAAC,GAAG,MAAO,IAAI;AAAA,EAClC;AAGA,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,UAAwB,OAAO,SAAS,WAAW,EAAE,MAAM,KAAK,IAAK,QAAyB,CAAC;AACrG,cAAU,SAAS,QAAQ,WAAW;AAAA,EACxC;AACF;AAEO,MAAM,uBAAuB,CAAC,WAA6C;AAChF,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,oBAAoB,WAAW;AACjE;",
   "names": []
 }

package/dist/esm/elements/SwcChoose.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcChoose.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\n\n@elementDefine({ name: 'swc-choose' })\nexport class SwcChoose extends HTMLElement {\n  private _observer: MutationObserver | null = null;\n  private _swcValue: any = undefined;\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    this.evaluate();\n  }\n\n  get swcValue() {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  render() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"choose-slot\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this._observer = new MutationObserver(() => this.evaluate());\n    this._observer.observe(this, { attributes: true, subtree: true, childList: true });\n    this.evaluate();\n  }\n\n  disconnectedCallback() {\n    this._observer?.disconnect();\n  }\n\n  private evaluate() {\n    const whens = Array.from(this.querySelectorAll('swc-when'));\n    const other = this.querySelector('swc-other');\n    let matched = false;\n\n    // 현재 choose에 설정된 value (swc-value 우선)\n    const chooseValue = this.getAttribute('swc-value') ?? this.getAttribute('value') ?? this._swcValue;\n\n    whens.forEach(when => {\n      if (matched) {\n        (when as HTMLElement).style.display = 'none';\n        return;\n      }\n\n      const testAttr = when.getAttribute('test');\n      if (testAttr === null) return;\n      if (testAttr.includes('{{')) return; // 아직 치환 전이면 스킵\n\n      let isConditionMet = false;\n\n      if (chooseValue !== undefined && chooseValue !== null) {\n        // 1. 매칭 모드: choose의 value와 when의 test값이 같은지 비교\n        isConditionMet = String(chooseValue) === String(testAttr);\n      } else {\n        // 2. 표현식 모드: testAttr 자체가 실행 가능한 코드인 경우\n        try {\n          if (testAttr === 'true') isConditionMet = true;\n          else if (testAttr === 'false') isConditionMet = false;\n          else isConditionMet = !!new Function(`return ${testAttr}`)();\n        } catch (e) {\n          isConditionMet = false;\n        }\n      }\n\n      if (isConditionMet) {\n        (when as HTMLElement).style.display = '';\n        matched = true;\n      } else {\n        (when as HTMLElement).style.display = 'none';\n      }\n    });\n\n    if (other) {\n      (other as HTMLElement).style.display = matched ? 'none' : '';\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AAGlC,IAAM,YAAN,MAAMA,mBAAkB,YAAW;EAAnC,cAAA;;AACG,SAAA,YAAqC;AACrC,SAAA,YAAiB;EA2E3B;EAzEE,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,SAAK,SAAQ;EACf;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,SAAM;AACJ,WAAO;;;;EAIT;EAEA,oBAAiB;AACf,SAAK,YAAY,IAAI,iBAAiB,MAAM,KAAK,SAAQ,CAAE;AAC3D,SAAK,UAAU,QAAQ,MAAM,EAAE,YAAY,MAAM,SAAS,MAAM,WAAW,KAAI,CAAE;AACjF,SAAK,SAAQ;EACf;EAEA,uBAAoB;AAClB,SAAK,WAAW,WAAU;EAC5B;EAEQ,WAAQ;AACd,UAAM,QAAQ,MAAM,KAAK,KAAK,iBAAiB,UAAU,CAAC;AAC1D,UAAM,QAAQ,KAAK,cAAc,WAAW;AAC5C,QAAI,UAAU;AAGd,UAAM,cAAc,KAAK,aAAa,WAAW,KAAK,KAAK,aAAa,OAAO,KAAK,KAAK;AAEzF,UAAM,QAAQ,UAAO;AACnB,UAAI,SAAS;AACV,aAAqB,MAAM,UAAU;AACtC;MACF;AAEA,YAAM,WAAW,KAAK,aAAa,MAAM;AACzC,UAAI,aAAa;AAAM;AACvB,UAAI,SAAS,SAAS,IAAI;AAAG;AAE7B,UAAI,iBAAiB;AAErB,UAAI,gBAAgB,UAAa,gBAAgB,MAAM;AAErD,yBAAiB,OAAO,WAAW,MAAM,OAAO,QAAQ;MAC1D,OAAO;AAEL,YAAI;AACF,cAAI,aAAa;AAAQ,6BAAiB;mBACjC,aAAa;AAAS,6BAAiB;;AAC3C,6BAAiB,CAAC,CAAC,IAAI,SAAS,UAAU,QAAQ,EAAE,EAAC;QAC5D,SAAS,GAAG;AACV,2BAAiB;QACnB;MACF;AAEA,UAAI,gBAAgB;AACjB,aAAqB,MAAM,UAAU;AACtC,kBAAU;MACZ,OAAO;AACJ,aAAqB,MAAM,UAAU;MACxC;IACF,CAAC;AAED,QAAI,OAAO;AACR,YAAsB,MAAM,UAAU,UAAU,SAAS;IAC5D;EACF;;AA9DA,WAAA;EADC,UAAU,EAAE,WAAW,KAAI,CAAE;;;;;AAbnB,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,aAAY,CAAE;GACxB,SAAS;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\n\n@elementDefine({ name: 'swc-choose' })\nexport class SwcChoose extends HTMLElement {\n  private _observer: MutationObserver | null = null;\n  private _swcValue: any = undefined;\n\n  set swcValue(val: any) {\n    this._swcValue = val;\n    this.evaluate();\n  }\n\n  get swcValue() {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  render() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"choose-slot\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this._observer = new MutationObserver(() => this.evaluate());\n    this._observer.observe(this, { attributes: true, subtree: true, childList: true });\n    this.evaluate();\n  }\n\n  disconnectedCallback() {\n    this._observer?.disconnect();\n  }\n\n  private evaluate() {\n    const whens = Array.from(this.querySelectorAll('swc-when'));\n    const other = this.querySelector('swc-other');\n    let matched = false;\n\n    const chooseValue = this.getAttribute('swc-value') ?? this.getAttribute('value') ?? this._swcValue;\n\n    whens.forEach(when => {\n      if (matched) {\n        (when as HTMLElement).style.display = 'none';\n        return;\n      }\n\n      const testAttr = when.getAttribute('test');\n      if (testAttr === null) return;\n      if (testAttr.includes('{{')) return;\n\n      let isConditionMet = false;\n      if (chooseValue !== undefined && chooseValue !== null) {\n        isConditionMet = String(chooseValue) === String(testAttr);\n      } else {\n        try {\n          if (testAttr === 'true') isConditionMet = true;\n          else if (testAttr === 'false') isConditionMet = false;\n          else isConditionMet = !!new Function(`return ${testAttr}`)();\n        } catch (e) {\n          isConditionMet = false;\n        }\n      }\n\n      if (isConditionMet) {\n        (when as HTMLElement).style.display = '';\n        matched = true;\n      } else {\n        (when as HTMLElement).style.display = 'none';\n      }\n    });\n\n    if (other) {\n      (other as HTMLElement).style.display = matched ? 'none' : '';\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AAGlC,IAAM,YAAN,MAAMA,mBAAkB,YAAW;EAAnC,cAAA;;AACG,SAAA,YAAqC;AACrC,SAAA,YAAiB;EAuE3B;EArEE,IAAI,SAAS,KAAQ;AACnB,SAAK,YAAY;AACjB,SAAK,SAAQ;EACf;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,SAAM;AACJ,WAAO;;;;EAIT;EAEA,oBAAiB;AACf,SAAK,YAAY,IAAI,iBAAiB,MAAM,KAAK,SAAQ,CAAE;AAC3D,SAAK,UAAU,QAAQ,MAAM,EAAE,YAAY,MAAM,SAAS,MAAM,WAAW,KAAI,CAAE;AACjF,SAAK,SAAQ;EACf;EAEA,uBAAoB;AAClB,SAAK,WAAW,WAAU;EAC5B;EAEQ,WAAQ;AACd,UAAM,QAAQ,MAAM,KAAK,KAAK,iBAAiB,UAAU,CAAC;AAC1D,UAAM,QAAQ,KAAK,cAAc,WAAW;AAC5C,QAAI,UAAU;AAEd,UAAM,cAAc,KAAK,aAAa,WAAW,KAAK,KAAK,aAAa,OAAO,KAAK,KAAK;AAEzF,UAAM,QAAQ,UAAO;AACnB,UAAI,SAAS;AACV,aAAqB,MAAM,UAAU;AACtC;MACF;AAEA,YAAM,WAAW,KAAK,aAAa,MAAM;AACzC,UAAI,aAAa;AAAM;AACvB,UAAI,SAAS,SAAS,IAAI;AAAG;AAE7B,UAAI,iBAAiB;AACrB,UAAI,gBAAgB,UAAa,gBAAgB,MAAM;AACrD,yBAAiB,OAAO,WAAW,MAAM,OAAO,QAAQ;MAC1D,OAAO;AACL,YAAI;AACF,cAAI,aAAa;AAAQ,6BAAiB;mBACjC,aAAa;AAAS,6BAAiB;;AAC3C,6BAAiB,CAAC,CAAC,IAAI,SAAS,UAAU,QAAQ,EAAE,EAAC;QAC5D,SAAS,GAAG;AACV,2BAAiB;QACnB;MACF;AAEA,UAAI,gBAAgB;AACjB,aAAqB,MAAM,UAAU;AACtC,kBAAU;MACZ,OAAO;AACJ,aAAqB,MAAM,UAAU;MACxC;IACF,CAAC;AAED,QAAI,OAAO;AACR,YAAsB,MAAM,UAAU,UAAU,SAAS;IAC5D;EACF;;AA1DA,WAAA;EADC,UAAU,EAAE,WAAW,KAAI,CAAE;;;;;AAbnB,YAAS,WAAA;EADrB,cAAc,EAAE,MAAM,aAAY,CAAE;GACxB,SAAS;",
   "names": ["SwcChoose"]
 }

package/dist/esm/elements/SwcForOf.js

@@ -17,7 +17,9 @@ let SwcForOf = class SwcForOf2 extends SwcHTMLElementBase {
   set swcValue(val) {
     if (!Array.isArray(val))
       val = [];
-    this._swcValue = this.createReactiveProxy(val, () => this.renderAll(), (idx, v) => this.updateSingleRow(idx, v));
+    this._swcValue = this.createReactiveProxy(val, () => this._updateState(this._asKey), (idx, v) => this.updateSingleRow(idx, v));
+    if (this._masterTplNodes.length === 0)
+      this.initCore();
     this.renderAll();
   }
   get swcValue() {

package/dist/esm/elements/SwcForOf.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcForOf.ts"],
-  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLElementBase } from './SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-for-of' })\nexport class SwcForOf extends SwcHTMLElementBase {\n  private _swcValue: any[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any[]) {\n    if (!Array.isArray(val)) val = [];\n    this._swcValue = this.createReactiveProxy(\n      val,\n      () => this.renderAll(),\n      (idx, v) => this.updateSingleRow(idx, v)\n    );\n    this.renderAll();\n  }\n\n  get swcValue(): any[] {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    this.renderAll();\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const targets = this.querySelectorAll(`[slot=\"row-${index}\"]`);\n    if (targets.length > 0) {\n      targets.forEach(target => this.applyData(target, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\n  }\n\n  private renderRow(item: any, index: number) {\n    if (!this.shadowRoot || this._masterTplNodes.length === 0) return;\n\n    const slotName = `row-${index}`;\n    if (!this.shadowRoot.querySelector(`slot[name=\"${slotName}\"]`)) {\n      const slot = document.createElement('slot');\n      slot.name = slotName;\n      this.shadowRoot.appendChild(slot);\n    }\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true);\n      if (clone.nodeType === Node.ELEMENT_NODE) {\n        (clone as HTMLElement).setAttribute('slot', slotName);\n        (clone as HTMLElement).style.display = '';\n      } else if (clone.nodeType === Node.TEXT_NODE) {\n        if (clone.textContent?.trim().length === 0) return;\n        const span = document.createElement('span');\n        span.setAttribute('slot', slotName);\n        span.appendChild(clone);\n        this.appendChild(span);\n        this.applyData(span, item, index);\n        return;\n      }\n      this.appendChild(clone);\n      this.applyData(clone, item, index);\n    });\n  }\n\n  private renderAll() {\n    if (this._masterTplNodes.length === 0 || !this.shadowRoot) return;\n\n    Array.from(this.children).forEach(c => {\n      const slot = c.getAttribute('slot');\n      if (slot && slot.startsWith('row-')) {\n        c.remove();\n      }\n    });\n\n    Array.from(this.shadowRoot.querySelectorAll('slot')).forEach(s => {\n      if (s.id !== 'tpl-slot') s.remove();\n    });\n\n    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,0BAA0B;AAG5B,IAAM,WAAN,MAAMA,kBAAiB,mBAAkB;EAG9C,cAAA;AACE,UAAK;AAHC,SAAA,YAAmB,CAAA;EAI3B;EAEA,IAAI,SAAS,KAAU;AACrB,QAAI,CAAC,MAAM,QAAQ,GAAG;AAAG,YAAM,CAAA;AAC/B,SAAK,YAAY,KAAK,oBACpB,KACA,MAAM,KAAK,UAAS,GACpB,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,SAAK,UAAS;EAChB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;;;;EAIT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,SAAK,UAAS;EAChB;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,UAAU,KAAK,iBAAiB,cAAc,KAAK,IAAI;AAC7D,QAAI,QAAQ,SAAS,GAAG;AACtB,cAAQ,QAAQ,YAAU,KAAK,UAAU,QAAQ,UAAU,KAAK,CAAC;IACnE,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,CAAC,KAAK,cAAc,KAAK,gBAAgB,WAAW;AAAG;AAE3D,UAAM,WAAW,OAAO,KAAK;AAC7B,QAAI,CAAC,KAAK,WAAW,cAAc,cAAc,QAAQ,IAAI,GAAG;AAC9D,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,OAAO;AACZ,WAAK,WAAW,YAAY,IAAI;IAClC;AAEA,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,UAAI,MAAM,aAAa,KAAK,cAAc;AACvC,cAAsB,aAAa,QAAQ,QAAQ;AACnD,cAAsB,MAAM,UAAU;MACzC,WAAW,MAAM,aAAa,KAAK,WAAW;AAC5C,YAAI,MAAM,aAAa,KAAI,EAAG,WAAW;AAAG;AAC5C,cAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,aAAa,QAAQ,QAAQ;AAClC,aAAK,YAAY,KAAK;AACtB,aAAK,YAAY,IAAI;AACrB,aAAK,UAAU,MAAM,MAAM,KAAK;AAChC;MACF;AACA,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;IACnC,CAAC;EACH;EAEQ,YAAS;AACf,QAAI,KAAK,gBAAgB,WAAW,KAAK,CAAC,KAAK;AAAY;AAE3D,UAAM,KAAK,KAAK,QAAQ,EAAE,QAAQ,OAAI;AACpC,YAAM,OAAO,EAAE,aAAa,MAAM;AAClC,UAAI,QAAQ,KAAK,WAAW,MAAM,GAAG;AACnC,UAAE,OAAM;MACV;IACF,CAAC;AAED,UAAM,KAAK,KAAK,WAAW,iBAAiB,MAAM,CAAC,EAAE,QAAQ,OAAI;AAC/D,UAAI,EAAE,OAAO;AAAY,UAAE,OAAM;IACnC,CAAC;AAED,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAjEA,WAAA;EADC,UAAU,EAAE,WAAW,KAAI,CAAE;;;;;AArBnB,WAAQ,WAAA;EADpB,cAAc,EAAE,MAAM,aAAY,CAAE;;GACxB,QAAQ;",
+  "sourcesContent": ["import { elementDefine, innerHtml } from '../index';\nimport { SwcHTMLElementBase } from './SwcHTMLElementBase';\n\n@elementDefine({ name: 'swc-for-of' })\nexport class SwcForOf extends SwcHTMLElementBase {\n  private _swcValue: any[] = [];\n\n  constructor() {\n    super();\n  }\n\n  set swcValue(val: any[]) {\n    if (!Array.isArray(val)) val = [];\n    this._swcValue = this.createReactiveProxy(\n      val,\n      () => (this as any)._updateState((this as any)._asKey),\n      (idx, v) => this.updateSingleRow(idx, v)\n    );\n    if (this._masterTplNodes.length === 0) this.initCore();\n    this.renderAll();\n  }\n\n  get swcValue(): any[] {\n    return this._swcValue;\n  }\n\n  @innerHtml({ useShadow: true })\n  renderTemplate() {\n    return `\n      <style>:host { display: contents; }</style>\n      <slot id=\"tpl-slot\" style=\"display:none;\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    this.initCore();\n    this.renderAll();\n  }\n\n  public updateSingleRow(index: number, newValue: any) {\n    const targets = this.querySelectorAll(`[slot=\"row-${index}\"]`);\n    if (targets.length > 0) {\n      targets.forEach(target => this.applyData(target, newValue, index));\n    } else {\n      this.renderRow(newValue, index);\n    }\n  }\n\n  private renderRow(item: any, index: number) {\n    if (!this.shadowRoot || this._masterTplNodes.length === 0) return;\n\n    const slotName = `row-${index}`;\n    if (!this.shadowRoot.querySelector(`slot[name=\"${slotName}\"]`)) {\n      const slot = document.createElement('slot');\n      slot.name = slotName;\n      this.shadowRoot.appendChild(slot);\n    }\n\n    this._masterTplNodes.forEach(tplNode => {\n      const clone = tplNode.cloneNode(true);\n      if (clone.nodeType === Node.ELEMENT_NODE) {\n        (clone as HTMLElement).setAttribute('slot', slotName);\n        (clone as HTMLElement).style.display = '';\n      } else if (clone.nodeType === Node.TEXT_NODE) {\n        if (clone.textContent?.trim().length === 0) return;\n        const span = document.createElement('span');\n        span.setAttribute('slot', slotName);\n        span.appendChild(clone);\n        this.appendChild(span);\n        this.applyData(span, item, index);\n        return;\n      }\n      this.appendChild(clone);\n      this.applyData(clone, item, index);\n    });\n  }\n\n  private renderAll() {\n    if (this._masterTplNodes.length === 0 || !this.shadowRoot) return;\n\n    Array.from(this.children).forEach(c => {\n      const slot = c.getAttribute('slot');\n      if (slot && slot.startsWith('row-')) {\n        c.remove();\n      }\n    });\n\n    Array.from(this.shadowRoot.querySelectorAll('slot')).forEach(s => {\n      if (s.id !== 'tpl-slot') s.remove();\n    });\n\n    this._swcValue.forEach((item, index) => this.renderRow(item, index));\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,eAAe,iBAAiB;AACzC,SAAS,0BAA0B;AAG5B,IAAM,WAAN,MAAMA,kBAAiB,mBAAkB;EAG9C,cAAA;AACE,UAAK;AAHC,SAAA,YAAmB,CAAA;EAI3B;EAEA,IAAI,SAAS,KAAU;AACrB,QAAI,CAAC,MAAM,QAAQ,GAAG;AAAG,YAAM,CAAA;AAC/B,SAAK,YAAY,KAAK,oBACpB,KACA,MAAO,KAAa,aAAc,KAAa,MAAM,GACrD,CAAC,KAAK,MAAM,KAAK,gBAAgB,KAAK,CAAC,CAAC;AAE1C,QAAI,KAAK,gBAAgB,WAAW;AAAG,WAAK,SAAQ;AACpD,SAAK,UAAS;EAChB;EAEA,IAAI,WAAQ;AACV,WAAO,KAAK;EACd;EAGA,iBAAc;AACZ,WAAO;;;;EAIT;EAEA,oBAAiB;AACf,SAAK,SAAQ;AACb,SAAK,UAAS;EAChB;EAEO,gBAAgB,OAAe,UAAa;AACjD,UAAM,UAAU,KAAK,iBAAiB,cAAc,KAAK,IAAI;AAC7D,QAAI,QAAQ,SAAS,GAAG;AACtB,cAAQ,QAAQ,YAAU,KAAK,UAAU,QAAQ,UAAU,KAAK,CAAC;IACnE,OAAO;AACL,WAAK,UAAU,UAAU,KAAK;IAChC;EACF;EAEQ,UAAU,MAAW,OAAa;AACxC,QAAI,CAAC,KAAK,cAAc,KAAK,gBAAgB,WAAW;AAAG;AAE3D,UAAM,WAAW,OAAO,KAAK;AAC7B,QAAI,CAAC,KAAK,WAAW,cAAc,cAAc,QAAQ,IAAI,GAAG;AAC9D,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,OAAO;AACZ,WAAK,WAAW,YAAY,IAAI;IAClC;AAEA,SAAK,gBAAgB,QAAQ,aAAU;AACrC,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,UAAI,MAAM,aAAa,KAAK,cAAc;AACvC,cAAsB,aAAa,QAAQ,QAAQ;AACnD,cAAsB,MAAM,UAAU;MACzC,WAAW,MAAM,aAAa,KAAK,WAAW;AAC5C,YAAI,MAAM,aAAa,KAAI,EAAG,WAAW;AAAG;AAC5C,cAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,aAAa,QAAQ,QAAQ;AAClC,aAAK,YAAY,KAAK;AACtB,aAAK,YAAY,IAAI;AACrB,aAAK,UAAU,MAAM,MAAM,KAAK;AAChC;MACF;AACA,WAAK,YAAY,KAAK;AACtB,WAAK,UAAU,OAAO,MAAM,KAAK;IACnC,CAAC;EACH;EAEQ,YAAS;AACf,QAAI,KAAK,gBAAgB,WAAW,KAAK,CAAC,KAAK;AAAY;AAE3D,UAAM,KAAK,KAAK,QAAQ,EAAE,QAAQ,OAAI;AACpC,YAAM,OAAO,EAAE,aAAa,MAAM;AAClC,UAAI,QAAQ,KAAK,WAAW,MAAM,GAAG;AACnC,UAAE,OAAM;MACV;IACF,CAAC;AAED,UAAM,KAAK,KAAK,WAAW,iBAAiB,MAAM,CAAC,EAAE,QAAQ,OAAI;AAC/D,UAAI,EAAE,OAAO;AAAY,UAAE,OAAM;IACnC,CAAC;AAED,SAAK,UAAU,QAAQ,CAAC,MAAM,UAAU,KAAK,UAAU,MAAM,KAAK,CAAC;EACrE;;AAjEA,WAAA;EADC,UAAU,EAAE,WAAW,KAAI,CAAE;;;;;AAtBnB,WAAQ,WAAA;EADpB,cAAc,EAAE,MAAM,aAAY,CAAE;;GACxB,QAAQ;",
   "names": ["SwcForOf"]
 }