@dooboostore/simple-web-component 1.0.30 → 1.0.32

package/dist/umd-bundle/dooboostore-simple-web-component.umd.js

@@ -1181,7 +1181,7 @@ var dooboostoreSimpleWebComponent = (() => {
     elementDefine: () => elementDefine,
     emitCustomEvent: () => emitCustomEvent,
     emitCustomEventHost: () => emitCustomEventHost,
-    ensureInit: () => ensureInit2,
+    ensureInit: () => ensureInit,
     findAllApplyNodeMetadata: () => findAllApplyNodeMetadata,
     findAllAttributeApplyMetadata: () => findAllAttributeApplyMetadata,
     findAllAttributeChangedMetadata: () => findAllAttributeChangedMetadata,
@@ -5873,6 +5873,176 @@ var dooboostoreSimpleWebComponent = (() => {
     })(Path = Expression2.Path || (Expression2.Path = {}));
   })(Expression || (Expression = {}));
 
+  // ../core/dist/esm/expression/ActionExpression.js
+  var ActionExpression = class {
+    constructor(value, config) {
+      this.originalTemplate = value || "";
+      this.idToMarker = /* @__PURE__ */ new Map();
+      this.processedIds = /* @__PURE__ */ new Set();
+      this.expressions = [];
+      if (!value || typeof value !== "string") {
+        this.maskingTemplate = this.originalTemplate;
+        this.currentTemplate = this.originalTemplate;
+        return;
+      }
+      this.maskingTemplate = value;
+      this.currentTemplate = value;
+      if (config?.wrapExpression) {
+        this.processWrapExpressions(this.currentTemplate, config.wrapExpression);
+      }
+      this.processCallReturnExpressions(this.currentTemplate);
+      this.processCallExpressions(this.currentTemplate);
+      this.processReplaceExpressions(this.currentTemplate);
+      this.sortExpressionsByPosition();
+      this.maskingTemplate = this.currentTemplate;
+    }
+    sortExpressionsByPosition() {
+      this.expressions.forEach((expr) => {
+        const index = this.originalTemplate.indexOf(expr.original);
+        expr.index = index >= 0 ? index : 0;
+      });
+      this.expressions.sort((a, b) => (a.index ?? 0) - (b.index ?? 0));
+    }
+    processWrapExpressions(value, wrapExpression) {
+      const wrapChar = wrapExpression.trim();
+      const escapedWrap = wrapChar.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      const wrappedCallReturnRegex = new RegExp(`${escapedWrap}\\{\\{=\\s*(.+?)\\s*\\}\\}${escapedWrap}`, "g");
+      let match;
+      while ((match = wrappedCallReturnRegex.exec(value)) !== null) {
+        this.addExpression(match, "call-return", wrapChar);
+      }
+      const wrappedCallRegex = new RegExp(`${escapedWrap}\\{\\{@\\s*(.+?)\\s*\\}\\}${escapedWrap}`, "g");
+      while ((match = wrappedCallRegex.exec(value)) !== null) {
+        this.addExpression(match, "call", wrapChar);
+      }
+      const wrappedReplaceRegex = new RegExp(`${escapedWrap}\\{\\{(?![=@])\\s*(.+?)\\s*\\}\\}${escapedWrap}`, "g");
+      while ((match = wrappedReplaceRegex.exec(value)) !== null) {
+        this.addExpression(match, "replace", wrapChar);
+      }
+    }
+    processCallReturnExpressions(value) {
+      const callReturnRegex = /(?<![a-zA-Z0-9$_@#.])\{\{=\s*(.+?)\s*\}\}(?![a-zA-Z0-9$_@#.])/g;
+      let match;
+      while ((match = callReturnRegex.exec(value)) !== null) {
+        this.addExpression(match, "call-return");
+      }
+    }
+    processCallExpressions(value) {
+      const callRegex = /(?<![a-zA-Z0-9$_@#.])\{\{@\s*(.+?)\s*\}\}(?![a-zA-Z0-9$_@#.])/g;
+      let match;
+      while ((match = callRegex.exec(value)) !== null) {
+        this.addExpression(match, "call");
+      }
+    }
+    processReplaceExpressions(value) {
+      const replaceRegex = /(?<![a-zA-Z0-9$_@#.])\{\{(?![=@])\s*(.+?)\s*\}\}(?![a-zA-Z0-9$_@#.])/g;
+      let match;
+      while ((match = replaceRegex.exec(value)) !== null) {
+        this.addExpression(match, "replace");
+      }
+    }
+    addExpression(match, type, wrap) {
+      const id = Math.random().toString(36).substr(2, 9);
+      const original = match[0];
+      const rawScript = match[1];
+      const marker = `__EXPR_${id}__`;
+      const expressionStart = original.substring(0, original.indexOf(rawScript));
+      const expressionEnd = original.substring(original.indexOf(rawScript) + rawScript.length);
+      this.idToMarker.set(id, marker);
+      this.currentTemplate = this.currentTemplate.replace(original, marker);
+      this.expressions.push({
+        id,
+        type,
+        original,
+        script: rawScript.trim(),
+        expressionStart,
+        expressionEnd,
+        ...wrap && { wrap }
+      });
+    }
+    /**
+     * 구현 메서드
+     */
+    replace(idOrExpr, valueOrCallback) {
+      const id = typeof idOrExpr === "string" ? idOrExpr : idOrExpr.id;
+      let expr;
+      if (typeof valueOrCallback === "function") {
+        expr = this.expressions.find((e) => e.id === id);
+        if (!expr) return this.getUnprocessedTemplate();
+      }
+      const value = typeof valueOrCallback === "function" ? valueOrCallback(expr) : valueOrCallback;
+      const marker = this.idToMarker.get(id);
+      if (marker) {
+        this.processedIds.add(id);
+        this.currentTemplate = this.currentTemplate.replace(marker, value);
+      }
+      return this.getUnprocessedTemplate();
+    }
+    /**
+     * 구현 메서드
+     */
+    getExpressions(typeOrOptions) {
+      if (!typeOrOptions) {
+        return this.expressions;
+      }
+      if (typeof typeOrOptions === "string") {
+        return this.expressions.filter((expr) => expr.type === typeOrOptions);
+      }
+      const options = typeOrOptions;
+      return this.expressions.filter((expr) => {
+        if (options.type && expr.type !== options.type) return false;
+        if ("wrap" in options && expr.wrap !== options.wrap) return false;
+        return true;
+      });
+    }
+    /**
+     * 구현 메서드
+     */
+    getFirstExpression(typeOrOptions) {
+      if (!typeOrOptions) {
+        return this.getExpressions()[0];
+      }
+      if (typeof typeOrOptions === "string") {
+        return this.getExpressions(typeOrOptions)[0];
+      }
+      return this.getExpressions(typeOrOptions)[0];
+    }
+    /**
+     * 원본 템플릿을 반환합니다.
+     */
+    getOriginalTemplate() {
+      return this.originalTemplate;
+    }
+    /**
+     * 마스킹 처리된 템플릿을 반환합니다.
+     */
+    getMaskingTemplate() {
+      return this.maskingTemplate;
+    }
+    /**
+     * 현재 처리 상태의 템플릿을 반환합니다.
+     */
+    getCurrentTemplate() {
+      return this.currentTemplate;
+    }
+    /**
+     * 미처리된 마커들을 원본으로 복원한 템플릿을 반환합니다.
+     * replace() 호출 후 처리되지 않은 표현식들을 원본 형태로 되돌립니다.
+     */
+    getUnprocessedTemplate() {
+      let result = this.currentTemplate;
+      for (const expr of this.expressions) {
+        if (!this.processedIds.has(expr.id)) {
+          const m = this.idToMarker.get(expr.id);
+          if (m) {
+            result = result.replace(m, expr.original);
+          }
+        }
+      }
+      return result;
+    }
+  };
+
   // src/decorators/addEventListener.ts
   var ADD_EVENT_LISTENER_METADATA_KEY = Symbol.for("simple-web-component:add-event-listener");
   function addEventListener(selectorOrTarget, type, options = {}) {
@@ -5958,661 +6128,425 @@ var dooboostoreSimpleWebComponent = (() => {
     return ReflectUtils.getMetadata(INNER_HTML_METADATA_KEY, constructor);
   };
 
-  // src/decorators/attribute.ts
-  var ATTRIBUTE_FIELD_METADATA_KEY = Symbol.for("simple-web-component:attribute-field");
-  var convertValue = (val, type) => {
-    if (val === null || val === void 0) return val;
-    if (type === Number) return Number(val);
-    if (type === Boolean) return val === "false" || val === "0" ? false : true;
-    return val;
+  // src/utils/Utils.ts
+  var SWC_NOT_FOUND = Symbol.for("simple-web-component:not-found");
+  var htmlFragment = (html, doc) => {
+    const d = doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const template = d.createElement("template");
+    template.innerHTML = html.trim();
+    return template.content;
   };
-  var resolveTargetEls = (inst, selector, options, currentWin) => {
-    const r = options.root || "auto";
-    const results = [];
-    const applyRoot = (target) => {
-      if (!target) return;
-      if (r === "auto") {
-        results.push(target);
-      } else {
-        if (r === "light" || r === "all") results.push(target);
-        if ((r === "shadow" || r === "all") && target.shadowRoot) results.push(target.shadowRoot);
-      }
-    };
-    if (selector === ":host" || !selector) {
-      applyRoot(inst);
-    } else if (selector === ":window") {
-      results.push(currentWin);
-    } else if (selector === ":document") {
-      results.push(currentWin.document);
-    } else {
-      const hostSet = SwcUtils.getHostSet(inst);
-      if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
-      else if (selector === ":appHost") applyRoot(hostSet.$appHost);
-      else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
-      else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
-      else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
-      else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
-      else {
-        if (r === "shadow") {
-          const found = inst.shadowRoot?.querySelectorAll(selector);
-          if (found) results.push(...found);
-        } else if (r === "light") {
-          const found = inst.querySelectorAll(selector);
-          if (found) results.push(...found);
-        } else if (r === "all") {
-          const sMatch = inst.shadowRoot?.querySelectorAll(selector);
-          const lMatch = inst.querySelectorAll(selector);
-          if (sMatch) results.push(...sMatch);
-          if (lMatch) results.push(...lMatch);
-        } else {
-          const found = (inst.shadowRoot || inst).querySelectorAll(selector);
-          if (found) results.push(...found);
-        }
-      }
+  var textNode = (text, doc) => {
+    const d = doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    return d.createTextNode(text !== void 0 && text !== null ? String(text) : "");
+  };
+  var commentNode = (comment, doc) => {
+    const d = doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    return d.createComment(comment !== void 0 && comment !== null ? String(comment) : "");
+  };
+  var createElement = (tagName, options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement(tagName);
+    if (options?.html) el.innerHTML = options.html;
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
     }
-    return results;
+    return el;
   };
-  function attribute(selector, options = {}) {
-    return (target, propertyKey) => {
-      const constructor = target.constructor;
-      const privateKey = Symbol(String(propertyKey));
-      const designType = Reflect.getMetadata("design:type", target, propertyKey);
-      let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_FIELD_METADATA_KEY, constructor);
-      if (!metaList) {
-        metaList = [];
-        ReflectUtils.defineMetadata(ATTRIBUTE_FIELD_METADATA_KEY, metaList, constructor);
-      }
-      metaList.push({ propertyKey, selector, options, privateKey });
-      const applySetAttribute = (inst, targets, attrName, nv) => {
-        targets.forEach((it) => {
-          if (it && typeof it.setAttribute === "function") {
-            if (nv === null) {
-              it.removeAttribute(attrName);
-            } else {
-              it.setAttribute(attrName, String(nv));
-            }
-          } else {
-            inst[privateKey] = nv;
-          }
-        });
-      };
-      try {
-        Object.defineProperty(target, propertyKey, {
-          get() {
-            const attrName = options.name || String(propertyKey);
-            const conf = getElementConfig(this);
-            const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
-            const targetType = options.type || designType;
-            const targets = resolveTargetEls(this, selector, options, currentWin);
-            const primaryTarget = targets[0];
-            if (primaryTarget && typeof primaryTarget.hasAttribute === "function") {
-              if (primaryTarget.hasAttribute(attrName)) {
-                const domVal = primaryTarget.getAttribute(attrName);
-                return convertValue(domVal, targetType);
-              }
-              return null;
-            }
-            const data = convertValue(this[privateKey], targetType);
-            return data;
-          },
-          set(nv) {
-            const attrName = options.name || String(propertyKey);
-            const conf = getElementConfig(this);
-            const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
-            const targets = resolveTargetEls(this, selector, options, currentWin);
-            applySetAttribute(this, targets, attrName, nv);
-          },
-          enumerable: true,
-          configurable: true
-        });
-      } catch (err) {
-        console.error("[SWC] defineProperty error:", err);
-      }
-    };
-  }
-  function attributeHost(targetOrAttrOrOptions, propertyKeyOrOptions) {
-    if (propertyKeyOrOptions !== void 0 && (typeof propertyKeyOrOptions === "string" || typeof propertyKeyOrOptions === "symbol")) {
-      return attribute(":host", { name: String(propertyKeyOrOptions) })(targetOrAttrOrOptions, propertyKeyOrOptions);
+  var htmlDivElement = (html, options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("div");
+    el.innerHTML = html.trim();
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
     }
-    if (typeof targetOrAttrOrOptions === "string") {
-      const attrName = targetOrAttrOrOptions;
-      const options = typeof propertyKeyOrOptions === "object" ? propertyKeyOrOptions : {};
-      return attribute(":host", { ...options, name: attrName });
-    } else if (typeof targetOrAttrOrOptions === "object") {
-      const options = targetOrAttrOrOptions;
-      return (target, propertyKey) => {
-        return attribute(":host", { ...options, name: String(propertyKey) })(target, propertyKey);
-      };
-    } else {
-      return (target, propertyKey) => {
-        return attribute(":host", { name: String(propertyKey) })(target, propertyKey);
-      };
+    return el;
+  };
+  var htmlSpanElement = (html, options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("span");
+    el.innerHTML = html.trim();
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
     }
-  }
-  var findAllAttributeMetadata = (target) => {
-    const actualTarget = target instanceof Function ? target : target.constructor;
-    return ReflectUtils.findAllMetadata(ATTRIBUTE_FIELD_METADATA_KEY, actualTarget).flat();
+    return el;
   };
-
-  // src/decorators/changedAttributeHost.ts
-  var ON_ATTRIBUTE_CHANGED_METADATA_KEY = Symbol.for("simple-web-component:on-attribute-changed");
-  function changedAttributeHost(attributeName) {
-    return (target, propertyKey) => {
-      const constructor = target.constructor;
-      let meta = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
-      if (!meta) {
-        meta = /* @__PURE__ */ new Map();
-        ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, meta, constructor);
-      }
-      const name = attributeName || String(propertyKey);
-      let methods = meta.get(name);
-      if (!methods) {
-        methods = [];
-        meta.set(name, methods);
-      }
-      if (!methods.includes(propertyKey)) methods.push(propertyKey);
-    };
-  }
-  var getChangedAttributeMetadata = (target) => {
-    const constructor = target instanceof Function ? target : target.constructor;
-    return ReflectUtils.getMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
+  var htmlButtonElement = (html, options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("button");
+    el.innerHTML = html.trim();
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    }
+    return el;
   };
-  var findAllAttributeChangedMetadata = (target) => {
-    return ReflectUtils.findAllMapMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, target);
+  var htmlUlElement = (options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("ul");
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    }
+    return el;
   };
-
-  // src/decorators/applyNode.ts
-  var APPLY_NODE_METADATA_KEY = Symbol.for("simple-web-component:apply-node");
-  var normalizeNodes = (res, doc) => {
-    const items = Array.isArray(res) ? res : [res];
-    return items.map((it) => {
-      if (it instanceof Node) return it;
-      return doc.createTextNode(it !== void 0 && it !== null ? String(it) : "");
-    });
+  var htmlLiElement = (html, options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("li");
+    el.innerHTML = html.trim();
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    }
+    return el;
   };
-  var applyToDom = (targetEl, res, pos, doc) => {
-    if (!targetEl) return;
-    if (pos === "innerHtml") {
-      targetEl.innerHTML = res !== void 0 && res !== null ? String(res) : "";
-      return;
+  var htmlAElement = (html, options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("a");
+    el.innerHTML = html.trim();
+    if (options?.href) el.href = options.href;
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
     }
-    if (pos === "innerText") {
-      if (targetEl.innerText !== void 0) {
-        targetEl.innerText = res !== void 0 && res !== null ? String(res) : "";
-      }
-      return;
+    return el;
+  };
+  var htmlPElement = (html, options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("p");
+    el.innerHTML = html.trim();
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
     }
-    const isShadowRoot = targetEl instanceof ShadowRoot;
-    const nodes = normalizeNodes(res, doc);
-    if (pos === "replace") {
-      if (!isShadowRoot) targetEl.replaceWith(...nodes);
-    } else if (pos === "replaceChildren") {
-      targetEl.replaceChildren(...nodes);
-    } else {
-      if (pos === "beforeEnd") targetEl.append(...nodes);
-      else if (pos === "afterBegin") targetEl.prepend(...nodes);
-      else if (pos === "beforeBegin" && !isShadowRoot) targetEl.before(...nodes);
-      else if (pos === "afterEnd" && !isShadowRoot) targetEl.after(...nodes);
+    return el;
+  };
+  var htmlHeadingElement = (level, html, options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement(`h${level}`);
+    el.innerHTML = html.trim();
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
     }
+    return el;
   };
-  function applyNode(selector, options = { position: "beforeEnd" }) {
-    return (targetObj, propertyKey, descriptor) => {
-      const constructor = targetObj.constructor;
-      let metaList = ReflectUtils.getOwnMetadata(APPLY_NODE_METADATA_KEY, constructor);
-      if (!metaList) {
-        metaList = /* @__PURE__ */ new Map();
-        ReflectUtils.defineMetadata(APPLY_NODE_METADATA_KEY, metaList, constructor);
-      }
-      metaList.set(propertyKey, { propertyKey, selector, options });
-      const original = descriptor.value;
-      descriptor.value = function(...args) {
-        ensureInit2(this);
-        const conf = getElementConfig(this);
-        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
-        const currentDoc = currentWin.document;
-        const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);
-        const getTarget = () => {
-          const r = options.root || "auto";
-          const applyRoot = (t) => {
-            if (!t) return t;
-            if (r === "auto") return t.shadowRoot || t;
-            if (r === "shadow") return t.shadowRoot;
-            if (r === "light") return t;
-            if (r === "all") return t.shadowRoot || t;
-            return t;
-          };
-          if (selector === ":host") return applyRoot(this);
-          if (selector === ":parentHost") return applyRoot(hostSet.$parentHost);
-          if (selector === ":appHost") return applyRoot(hostSet.$appHost);
-          if (selector === ":firstHost") return applyRoot(hostSet.$firstHost);
-          if (selector === ":lastHost") return applyRoot(hostSet.$lastHost);
-          const targetRoot = applyRoot(this);
-          return targetRoot ? targetRoot.querySelector(selector) : null;
-        };
-        const targetEl = getTarget();
-        const res = original.apply(this, args);
-        const runApply = (target, val) => {
-          const pos = options.position || "beforeEnd";
-          const defaultFilter = (t, v) => {
-            if (v instanceof Node) return !t.contains(v);
-            if (pos === "innerHtml" && typeof v === "string") return t.innerHTML !== v;
-            if (pos === "replaceChildren" && v instanceof Node) return !t.contains(v);
-            return true;
-          };
-          const activeFilter = options.filter || defaultFilter;
-          if (activeFilter(target, val, hostSet)) {
-            applyToDom(target, val, pos, currentDoc);
-          }
-        };
-        if (res instanceof Promise) {
-          if (targetEl && options.loading) {
-            const loadingRes = options.loading.call(this, hostSet);
-            applyToDom(targetEl, loadingRes, options.position || "beforeEnd", currentDoc);
-          }
-          return res.then((finalRes) => {
-            if (finalRes !== void 0 && targetEl) runApply(targetEl, finalRes);
-            return finalRes;
-          });
-        } else {
-          if (res !== void 0 && targetEl) runApply(targetEl, res);
-          return res;
+  var htmlSectionElement = (options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("section");
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    }
+    return el;
+  };
+  var htmlArticleElement = (options) => {
+    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
+    if (!d) throw new Error("Document is not available");
+    const el = d.createElement("article");
+    if (options?.attrs) {
+      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    }
+    return el;
+  };
+  var SwcUtils;
+  ((SwcUtils2) => {
+    SwcUtils2.parsePathPatternsSetAttributeString = (pathPattern, path) => {
+      return JSON.stringify(SwcUtils2.parsePathPatternsSet(pathPattern, path)).replace(/"/g, "'");
+    };
+    SwcUtils2.parsePathPatternsSet = (pathPattern, path) => {
+      return {
+        path,
+        pathData: SwcUtils2.parsePathPatterns(pathPattern, path)
+      };
+    };
+    SwcUtils2.parsePathPatterns = (pathPattern, path) => {
+      for (const pattern of pathPattern) {
+        const data = SwcUtils2.parsePathPattern(pattern, path || "/");
+        if (data !== null) {
+          return data;
         }
+      }
+    };
+    SwcUtils2.getHelperSet = (win) => {
+      const doc = win.document;
+      return {
+        $d: doc,
+        $w: win,
+        $q: (sel, root) => (root ?? doc).querySelector(sel),
+        $qa: (sel, root) => Array.from((root ?? doc).querySelectorAll(sel)),
+        $qi: (id, root) => (root ?? doc).getElementById(id)
       };
     };
-  }
-  var findAllApplyNodeMetadata = (target) => {
-    const result = /* @__PURE__ */ new Map();
-    const maps = ReflectUtils.findAllMetadata(APPLY_NODE_METADATA_KEY, target);
-    maps.forEach((map) => {
-      if (map instanceof Map) {
-        map.forEach((v, k) => result.set(k, v));
+    SwcUtils2.getHelperAndHostSet = (win, el) => {
+      const helperSet = (0, SwcUtils2.getHelperSet)(win);
+      const hostSet = (0, SwcUtils2.getHostSet)(el);
+      return {
+        ...helperSet,
+        ...hostSet,
+        $this: el
+      };
+    };
+    SwcUtils2.getValueByPath = (obj, path, rootName) => {
+      if (!obj || !path) return SWC_NOT_FOUND;
+      const parts = path.split(".");
+      let current = obj;
+      for (const part of parts) {
+        if (current === null || current === void 0) return SWC_NOT_FOUND;
+        current = current[part];
       }
-    });
-    return result;
-  };
-  function applyNodeHost(targetOrOptions, propertyKey, descriptor) {
-    if (propertyKey !== void 0) return applyNode(":host", { position: "beforeEnd" })(targetOrOptions, propertyKey, descriptor);
-    const opt = targetOrOptions || {};
-    return applyNode(":host", { position: "beforeEnd", ...opt });
-  }
-  function applyReplaceChildrenNodeHost(targetOrOptions, propertyKey, descriptor) {
-    if (propertyKey !== void 0) return applyNode(":host", { position: "replaceChildren" })(targetOrOptions, propertyKey, descriptor);
-    const opt = targetOrOptions || {};
-    return applyNode(":host", { position: "replaceChildren", ...opt });
-  }
-  function applyInnerHtmlNodeHost(targetOrOptions, propertyKey, descriptor) {
-    if (propertyKey !== void 0) return applyNode(":host", { position: "innerHtml" })(targetOrOptions, propertyKey, descriptor);
-    const opt = targetOrOptions || {};
-    return applyNode(":host", { position: "innerHtml", ...opt });
-  }
-  function applyReplaceChildrenNode(selector, options = {}) {
-    return applyNode(selector, { ...options, position: "replaceChildren" });
-  }
-  function applyInnerHtmlNode(selector, options = {}) {
-    return applyNode(selector, { ...options, position: "innerHtml" });
-  }
-
-  // src/decorators/query.ts
-  var QUERY_METADATA_KEY = Symbol.for("simple-web-component:query");
-  function query(selectorOrTarget, options = {}) {
-    return (targetObj, propertyKey, descriptor) => {
-      if (descriptor !== void 0) {
-        throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
+      return current;
+    };
+    SwcUtils2.findNearestSwcHost = (el) => {
+      if (el.__swc_host) return el.__swc_host;
+      let current = el.parentElement || el.getRootNode?.()?.host;
+      const doc = el.ownerDocument;
+      const win = doc?.defaultView || (typeof window !== "undefined" ? window : void 0);
+      while (current && current !== doc && current !== win) {
+        if (current.__swc_host) return current.__swc_host;
+        if (getElementConfig(current)) return current;
+        current = current.parentElement || current.getRootNode?.()?.host;
       }
-      const constructor = targetObj.constructor;
-      let queries = ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
-      if (!queries) {
-        queries = [];
-        ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);
+      return void 0;
+    };
+    SwcUtils2.findAllSwcHosts = (el) => {
+      const hosts = [];
+      let current = (0, SwcUtils2.findNearestSwcHost)(el);
+      while (current) {
+        hosts.push(current);
+        current = (0, SwcUtils2.findNearestSwcHost)(current);
       }
-      queries.push({ propertyKey, selector: selectorOrTarget, options });
-      Object.defineProperty(targetObj, propertyKey, {
-        get() {
-          ensureInit2(this);
-          const selector = selectorOrTarget;
-          const r = options.root || "auto";
-          const applyRoot = (t) => {
-            if (!t || !(t instanceof HTMLElement))
-              return t;
-            if (r === "auto")
-              return t.shadowRoot || t;
-            if (r === "shadow")
-              return t.shadowRoot;
-            if (r === "light")
-              return t;
-            if (r === "all")
-              return t.shadowRoot || t;
-            return t;
-          };
-          const hostSet = SwcUtils.getHostSet(this);
-          if (selector === ":parentHost")
-            return applyRoot(hostSet.$parentHost);
-          if (selector === ":appHost")
-            return applyRoot(hostSet.$appHost);
-          if (selector === ":firstHost")
-            return applyRoot(hostSet.$firstHost);
-          if (selector === ":lastHost")
-            return applyRoot(hostSet.$lastHost);
-          if (selector === ":firstAppHost")
-            return applyRoot(hostSet.$firstAppHost);
-          if (selector === ":lastAppHost")
-            return applyRoot(hostSet.$lastAppHost);
-          const config = getElementConfig(this);
-          const win = config?.window || window;
-          if (selector === ":window")
-            return win;
-          if (selector === ":document")
-            return win.document;
-          if (selector === ":host")
-            return applyRoot(this);
-          if (r === "shadow")
-            return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
-          if (r === "light")
-            return this.querySelector(selector);
-          if (r === "all") {
-            const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
-            return shadowMatch || this.querySelector(selector);
-          }
-          return (this.shadowRoot || this).querySelector(selector);
-        },
-        set(nv) {
-          ensureInit2(this);
-          if (nv === null || nv === void 0) {
-            const selector = selectorOrTarget;
-            if (selector.startsWith(":") && selector !== ":host")
-              return;
-            const r = options.root || "auto";
-            const targets = [];
-            if (r === "shadow") {
-              if (this.shadowRoot?.querySelector(selector))
-                targets.push(this.shadowRoot.querySelector(selector));
-            } else if (r === "light") {
-              if (this.querySelector(selector))
-                targets.push(this.querySelector(selector));
-            } else if (r === "all") {
-              if (this.shadowRoot?.querySelector(selector))
-                targets.push(this.shadowRoot.querySelector(selector));
-              if (this.querySelector(selector))
-                targets.push(this.querySelector(selector));
-            } else {
-              const el = (this.shadowRoot || this).querySelector(selector);
-              if (el)
-                targets.push(el);
-            }
-            targets.forEach((t) => t.remove());
+      return hosts.reverse();
+    };
+    SwcUtils2.getHosts = (el) => {
+      const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
+      if (getElementConfig(el)) return [...ancestors, el];
+      return ancestors;
+    };
+    SwcUtils2.getHost = (el) => {
+      if (getElementConfig(el)) return el;
+      return (0, SwcUtils2.findNearestSwcHost)(el);
+    };
+    SwcUtils2.getAppHosts = (el) => {
+      const hosts = (0, SwcUtils2.getHosts)(el);
+      return hosts.filter((host2) => host2.tagName.toLowerCase() === "swc-app" || host2.getAttribute("is")?.startsWith("swc-app-"));
+    };
+    SwcUtils2.getAppHost = (el) => {
+      const appHosts = (0, SwcUtils2.getAppHosts)(el);
+      const appHostsWithoutSelf = appHosts.filter((h) => h !== el);
+      return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : void 0;
+    };
+    SwcUtils2.findParentAppHostDirect = (el) => {
+      const appHosts = (0, SwcUtils2.findAllParentAppHostsDirect)(el);
+      return appHosts.length > 0 ? appHosts[appHosts.length - 1] : null;
+    };
+    SwcUtils2.findAllParentAppHostsDirect = (el) => {
+      const appHosts = [];
+      let current = el;
+      while (current) {
+        const isAppHost = current.tagName.toLowerCase() === "swc-app" || current.getAttribute("is")?.startsWith("swc-app-");
+        if (isAppHost) {
+          appHosts.push(current);
+        }
+        if (current.parentElement) {
+          current = current.parentElement;
+        } else {
+          const root = current.getRootNode();
+          if (root instanceof ShadowRoot) {
+            current = root.host;
+          } else {
+            break;
           }
-        },
-        enumerable: true,
-        configurable: true
+        }
+      }
+      return appHosts.reverse();
+    };
+    SwcUtils2.getHostSet = (el) => {
+      const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
+      const $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
+      const $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;
+      const $hosts = ancestors;
+      const $firstHost = ancestors.length > 0 ? ancestors[0] : null;
+      const loopContext = {};
+      let curr = el;
+      const rootEl = el.ownerDocument?.documentElement;
+      while (curr && curr !== rootEl) {
+        if (curr.__swc_loop_context) {
+          Object.assign(loopContext, curr.__swc_loop_context);
+        }
+        curr = curr.parentElement || curr.getRootNode().host;
+      }
+      const $appHosts = SwcUtils2.findAllParentAppHostsDirect(el);
+      const $appHost = $appHosts.length > 0 ? $appHosts[$appHosts.length - 1] === el ? $appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null : $appHosts[$appHosts.length - 1] : null;
+      const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;
+      return {
+        $host,
+        $parentHost,
+        $hosts,
+        $firstHost,
+        $lastHost: $parentHost,
+        $appHost,
+        $appHosts,
+        $firstAppHost,
+        $lastAppHost: $appHost,
+        ...loopContext
+      };
+    };
+    SwcUtils2.parsePathPattern = (pattern, currentPath) => {
+      if (pattern === null || pattern === void 0) return {};
+      const trimmedPattern = pattern.trim();
+      if (trimmedPattern === "" && pattern !== "") return {};
+      const paramNames = [];
+      const regexPattern = trimmedPattern.replace(/{(\w+)(?::(.+?))?}/g, (match2, paramName, customRegex) => {
+        paramNames.push(paramName);
+        return `(${customRegex || "[^/]+"})`;
+      });
+      const regex = new RegExp(`^${regexPattern}$`);
+      const match = currentPath.match(regex);
+      if (!match) return null;
+      const result = {};
+      paramNames.forEach((name, index) => {
+        result[name] = match[index + 1];
       });
+      return result;
     };
-  }
-  function queryHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return query(":host", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return query(":host", targetOrOptions);
-    } else {
-      return query(":host", {});
-    }
-  }
-  var host = queryHost;
-  function parentHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return query(":parentHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return query(":parentHost", targetOrOptions);
-    } else {
-      return query(":parentHost", {});
-    }
-  }
-  function appHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return query(":appHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return query(":appHost", targetOrOptions);
-    } else {
-      return query(":appHost", {});
-    }
-  }
-  function firstHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return query(":firstHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return query(":firstHost", targetOrOptions);
-    } else {
-      return query(":firstHost", {});
-    }
-  }
-  function lastHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return query(":lastHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return query(":lastHost", targetOrOptions);
-    } else {
-      return query(":lastHost", {});
-    }
-  }
-  function firstAppHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return query(":firstAppHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return query(":firstAppHost", targetOrOptions);
-    } else {
-      return query(":firstAppHost", {});
-    }
-  }
-  function lastAppHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return query(":lastAppHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return query(":lastAppHost", targetOrOptions);
-    } else {
-      return query(":lastAppHost", {});
-    }
-  }
-  var getQueryMetadata = (target) => {
-    const constructor = target instanceof Function ? target : target.constructor;
-    return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
-  };
+  })(SwcUtils || (SwcUtils = {}));
 
-  // src/decorators/queryAll.ts
-  var QUERY_ALL_METADATA_KEY = Symbol.for("simple-web-component:query-all");
-  function queryAll(selectorOrTarget, options = {}) {
+  // src/decorators/emitCustomEvent.ts
+  var EMIT_CUSTOM_EVENT_METADATA_KEY = Symbol.for("simple-web-component:emit-custom-event");
+  function emitCustomEvent(selectorOrTarget, type, options = {}) {
     return (targetObj, propertyKey, descriptor) => {
-      if (descriptor !== void 0) {
-        throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
-      }
       const constructor = targetObj.constructor;
-      let queries = ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
-      if (!queries) {
-        queries = [];
-        ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
+      const fullOptions = { ...options, type };
+      if (fullOptions.bubbles === void 0) fullOptions.bubbles = true;
+      if (fullOptions.composed === void 0) fullOptions.composed = true;
+      let list = ReflectUtils.getMetadata(EMIT_CUSTOM_EVENT_METADATA_KEY, constructor);
+      if (!list) {
+        list = [];
+        ReflectUtils.defineMetadata(EMIT_CUSTOM_EVENT_METADATA_KEY, list, constructor);
       }
-      queries.push({ propertyKey, selector: selectorOrTarget, options });
-      Object.defineProperty(targetObj, propertyKey, {
-        get() {
-          ensureInit2(this);
-          const selector = selectorOrTarget;
-          const r = options.root || "auto";
-          const applyRoot = (t) => {
-            if (!t)
-              return [];
-            const items = Array.isArray(t) ? t : [t];
-            const results = [];
-            items.forEach((it) => {
-              if (!(it instanceof HTMLElement)) {
-                results.push(it);
-                return;
-              }
-              if (r === "auto")
-                results.push(it.shadowRoot || it);
-              else {
-                if (r === "light" || r === "all")
-                  results.push(it);
-                if ((r === "shadow" || r === "all") && it.shadowRoot)
-                  results.push(it.shadowRoot);
-              }
-            });
-            return results;
-          };
-          const hostSet = SwcUtils.getHostSet(this);
-          if (selector === ":hosts")
-            return applyRoot(hostSet.$hosts);
-          if (selector === ":appHosts")
-            return applyRoot(hostSet.$appHosts);
-          const config = getElementConfig(this);
-          const win = config?.window || window;
-          if (selector === ":window")
-            return [win];
-          if (selector === ":document")
-            return [win.document];
-          if (selector === ":host")
-            return applyRoot(this);
-          if (r === "shadow")
-            return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
-          if (r === "light")
-            return Array.from(this.querySelectorAll(selector));
-          if (r === "all") {
-            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
-            const lNodes = Array.from(this.querySelectorAll(selector));
-            return [...sNodes, ...lNodes];
-          }
-          const root = this.shadowRoot || this;
-          return Array.from(root.querySelectorAll(selector));
-        },
-        set(nv) {
-          ensureInit2(this);
-          if (nv === null || nv === void 0 || Array.isArray(nv) && nv.length === 0) {
-            const selector = selectorOrTarget;
-            if (selector.startsWith(":") && selector !== ":host")
-              return;
-            const r = options.root || "auto";
-            let targets = [];
-            if (r === "shadow")
-              targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
-            else if (r === "light")
-              targets = Array.from(this.querySelectorAll(selector));
-            else if (r === "all") {
-              const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
-              const lNodes = Array.from(this.querySelectorAll(selector));
-              targets = [...sNodes, ...lNodes];
-            } else {
-              targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));
-            }
-            targets.forEach((t) => t.remove());
+      list.push({ propertyKey, selector: selectorOrTarget, type, options: fullOptions });
+      const original = descriptor.value;
+      descriptor.value = async function(...args) {
+        ensureInit(this);
+        const detail = await original.apply(this, args);
+        const event = new CustomEvent(type, {
+          detail,
+          bubbles: fullOptions.bubbles,
+          composed: fullOptions.composed,
+          cancelable: fullOptions.cancelable
+        });
+        const hostSet = SwcUtils.getHostSet(this);
+        const conf = getElementConfig(this);
+        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+        const eventTargets = [];
+        if (selectorOrTarget === ":window") eventTargets.push(currentWin);
+        else if (selectorOrTarget === ":document") eventTargets.push(currentWin.document);
+        else if (selectorOrTarget === ":parentHost") {
+          if (hostSet.$parentHost) eventTargets.push(hostSet.$parentHost);
+        } else if (selectorOrTarget === ":appHost") {
+          if (hostSet.$appHost) eventTargets.push(hostSet.$appHost);
+        } else if (selectorOrTarget === ":firstHost") {
+          if (hostSet.$firstHost) eventTargets.push(hostSet.$firstHost);
+        } else if (selectorOrTarget === ":lastHost") {
+          if (hostSet.$lastHost) eventTargets.push(hostSet.$lastHost);
+        } else if (selectorOrTarget === ":firstAppHost") {
+          if (hostSet.$firstAppHost) eventTargets.push(hostSet.$firstAppHost);
+        } else if (selectorOrTarget === ":lastAppHost") {
+          if (hostSet.$lastAppHost) eventTargets.push(hostSet.$lastAppHost);
+        } else if (selectorOrTarget === ":hosts") {
+          hostSet.$hosts.forEach((h) => eventTargets.push(h));
+        } else if (selectorOrTarget === ":appHosts") {
+          hostSet.$appHosts.forEach((h) => eventTargets.push(h));
+        } else if (selectorOrTarget === ":host" || !selectorOrTarget) eventTargets.push(this);
+        else {
+          const r = fullOptions.root || "auto";
+          const searchRoots = [];
+          if (r === "auto") searchRoots.push(this.shadowRoot || this);
+          else if (r === "light") searchRoots.push(this);
+          else if (r === "shadow" && this.shadowRoot) searchRoots.push(this.shadowRoot);
+          else if (r === "all") {
+            searchRoots.push(this);
+            if (this.shadowRoot) searchRoots.push(this.shadowRoot);
           }
-        },
-        enumerable: true,
-        configurable: true
-      });
+          searchRoots.forEach((sr) => {
+            sr.querySelectorAll(selectorOrTarget).forEach((el) => eventTargets.push(el));
+          });
+        }
+        eventTargets.forEach((t) => t.dispatchEvent(event));
+        return detail;
+      };
     };
   }
-  function queryAllHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return queryAll(":host", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return queryAll(":host", targetOrOptions);
-    } else {
-      return queryAll(":host", {});
-    }
-  }
-  var allHost = queryAllHost;
-  function allParentHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return queryAll(":parentHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return queryAll(":parentHost", targetOrOptions);
-    } else {
-      return queryAll(":parentHost", {});
-    }
-  }
-  function allAppHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return queryAll(":appHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return queryAll(":appHost", targetOrOptions);
-    } else {
-      return queryAll(":appHost", {});
-    }
-  }
-  function allFirstHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return queryAll(":firstHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return queryAll(":firstHost", targetOrOptions);
-    } else {
-      return queryAll(":firstHost", {});
-    }
-  }
-  function allLastHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return queryAll(":lastHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return queryAll(":lastHost", targetOrOptions);
-    } else {
-      return queryAll(":lastHost", {});
-    }
-  }
-  function allFirstAppHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return queryAll(":firstAppHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return queryAll(":firstAppHost", targetOrOptions);
-    } else {
-      return queryAll(":firstAppHost", {});
+  var getEmitCustomEventMetadataList = (target) => {
+    const constructor = target instanceof Function ? target : target.constructor;
+    return ReflectUtils.getMetadata(EMIT_CUSTOM_EVENT_METADATA_KEY, constructor);
+  };
+  function emitCustomEventHost(type, options = {}) {
+    if (!options.attributeName) {
+      options.attributeName = `on-emit-${type}`;
     }
+    return emitCustomEvent(":host", type, options);
   }
-  function allLastAppHost(targetOrOptions, propertyKey) {
-    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return queryAll(":lastAppHost", {})(targetOrOptions, propertyKey);
-    }
-    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-      return queryAll(":lastAppHost", targetOrOptions);
-    } else {
-      return queryAll(":lastAppHost", {});
-    }
+
+  // src/decorators/changedAttributeHost.ts
+  var ON_ATTRIBUTE_CHANGED_METADATA_KEY = Symbol.for("simple-web-component:on-attribute-changed");
+  function changedAttributeHost(attributeName) {
+    return (target, propertyKey) => {
+      const constructor = target.constructor;
+      let meta = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
+      if (!meta) {
+        meta = /* @__PURE__ */ new Map();
+        ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, meta, constructor);
+      }
+      const name = attributeName || String(propertyKey);
+      let methods = meta.get(name);
+      if (!methods) {
+        methods = [];
+        meta.set(name, methods);
+      }
+      if (!methods.includes(propertyKey)) methods.push(propertyKey);
+    };
   }
-  var getQueryAllMetadata = (target) => {
+  var getChangedAttributeMetadata = (target) => {
     const constructor = target instanceof Function ? target : target.constructor;
-    return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
+    return ReflectUtils.getMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);
+  };
+  var findAllAttributeChangedMetadata = (target) => {
+    return ReflectUtils.findAllMapMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, target);
   };
 
-  // src/decorators/applyClass.ts
-  var CLASS_METADATA_KEY = Symbol.for("simple-web-component:class");
-  function createClassDecorator(action) {
-    return (selector, classMapOrOptions, options = {}) => {
+  // src/decorators/applyAttribute.ts
+  var ATTRIBUTE_APPLY_METADATA_KEY = Symbol.for("simple-web-component:attribute-apply");
+  function createAttributeDecorator(action) {
+    return (selector, nameOrOptions, options = {}) => {
       return (target, propertyKey, descriptor) => {
         const constructor = target.constructor;
-        let metaList = ReflectUtils.getOwnMetadata(CLASS_METADATA_KEY, constructor);
+        let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_APPLY_METADATA_KEY, constructor);
         if (!metaList) {
           metaList = /* @__PURE__ */ new Map();
-          ReflectUtils.defineMetadata(CLASS_METADATA_KEY, metaList, constructor);
+          ReflectUtils.defineMetadata(ATTRIBUTE_APPLY_METADATA_KEY, metaList, constructor);
         }
-        let classMap = void 0;
+        let attributeName = typeof nameOrOptions === "string" ? nameOrOptions : void 0;
         let finalOptions = options;
-        if (typeof classMapOrOptions === "string" || typeof classMapOrOptions === "object" && classMapOrOptions !== null && !("root" in classMapOrOptions)) {
-          classMap = classMapOrOptions;
-        } else if (typeof classMapOrOptions === "object" && classMapOrOptions !== null && "root" in classMapOrOptions) {
-          finalOptions = classMapOrOptions;
+        if (typeof nameOrOptions === "object" && nameOrOptions !== null) {
+          finalOptions = nameOrOptions;
         }
-        metaList.set(propertyKey, { propertyKey, selector, action, options: finalOptions });
+        metaList.set(propertyKey, {
+          propertyKey,
+          selector,
+          action,
+          options: { ...finalOptions, name: attributeName }
+        });
         const original = descriptor.value;
         descriptor.value = async function(...args) {
-          ensureInit2(this);
+          ensureInit(this);
           const res = await original.apply(this, args);
           if (res !== void 0) {
             const win = this.ownerDocument?.defaultView || window;
@@ -6642,254 +6576,22 @@ var dooboostoreSimpleWebComponent = (() => {
             }
             targetEls.forEach((targetEl) => {
               const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
-              if (action === "set") {
-                let classes = "";
-                if (classMap && typeof classMap === "string") {
-                  classes = resolvedRes ? classMap : "";
+              if (action === "set" || action === "update") {
+                if (attributeName) {
+                  if (resolvedRes === null || resolvedRes === void 0 || resolvedRes === false) {
+                    targetEl.removeAttribute(attributeName);
+                  } else {
+                    targetEl.setAttribute(attributeName, resolvedRes === true ? "" : String(resolvedRes));
+                  }
                 } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  classes = Object.entries(resolvedRes).filter(([_, force]) => typeof force === "function" ? force(targetEl, hostSet) : !!force).map(([cls]) => cls).join(" ");
-                } else {
-                  classes = Array.isArray(resolvedRes) ? resolvedRes.join(" ") : String(resolvedRes);
-                }
-                targetEl.className = classes;
-              } else if (action === "update" || action === "toggle") {
-                if (classMap && typeof classMap === "string") {
-                  targetEl.classList.toggle(classMap, !!resolvedRes);
-                } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  Object.entries(resolvedRes).forEach(([cls, force]) => {
-                    const isActive = typeof force === "function" ? force(targetEl, hostSet) : !!force;
-                    targetEl.classList.toggle(cls, isActive);
-                  });
-                } else {
-                  const classes = Array.isArray(resolvedRes) ? resolvedRes.map(String) : [String(resolvedRes)];
-                  if (action === "update") targetEl.classList.add(...classes);
-                  else classes.forEach((c) => targetEl.classList.toggle(c));
-                }
-              } else if (action === "add" || action === "remove") {
-                if (classMap && typeof classMap === "string" && !!resolvedRes) {
-                  if (action === "add") targetEl.classList.add(classMap);
-                  else targetEl.classList.remove(classMap);
-                } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  Object.entries(resolvedRes).forEach(([cls, force]) => {
-                    const shouldExecute = typeof force === "function" ? force(targetEl, hostSet) : !!force;
-                    if (shouldExecute) {
-                      if (action === "add") targetEl.classList.add(cls);
-                      else targetEl.classList.remove(cls);
-                    }
-                  });
-                } else {
-                  const classes = Array.isArray(resolvedRes) ? resolvedRes.map(String) : [String(resolvedRes)];
-                  if (action === "add") targetEl.classList.add(...classes);
-                  else targetEl.classList.remove(...classes);
-                }
-              }
-            });
-          }
-          return res;
-        };
-        return descriptor;
-      };
-    };
-  }
-  function applyClass(selector, action = "update", options = {}) {
-    return createClassDecorator(action)(selector, options);
-  }
-  var setClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("set")(selector, classMapOrOptions, options);
-  var updateClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("update")(selector, classMapOrOptions, options);
-  var addClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("add")(selector, classMapOrOptions, options);
-  var removeClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("remove")(selector, classMapOrOptions, options);
-  var toggleClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("toggle")(selector, classMapOrOptions, options);
-  function applyClassHost(action = "update", options = {}) {
-    return createClassDecorator(action)(":host", options);
-  }
-  var setClassHost = (classMapOrOptions, options = {}) => createClassDecorator("set")(":host", classMapOrOptions, options);
-  var updateClassHost = (classMapOrOptions, options = {}) => createClassDecorator("update")(":host", classMapOrOptions, options);
-  var addClassHost = (classMapOrOptions, options = {}) => createClassDecorator("add")(":host", classMapOrOptions, options);
-  var removeClassHost = (classMapOrOptions, options = {}) => createClassDecorator("remove")(":host", classMapOrOptions, options);
-  var toggleClassHost = (classMapOrOptions, options = {}) => createClassDecorator("toggle")(":host", classMapOrOptions, options);
-  var findAllClassMetadata = (target) => {
-    const result = /* @__PURE__ */ new Map();
-    const maps = ReflectUtils.findAllMetadata(CLASS_METADATA_KEY, target);
-    maps.forEach((map) => {
-      if (map instanceof Map) {
-        map.forEach((v, k) => result.set(k, v));
-      }
-    });
-    return result;
-  };
-
-  // src/decorators/applyStyle.ts
-  var STYLE_METADATA_KEY = Symbol.for("simple-web-component:style");
-  function createStyleDecorator(action) {
-    return (selector, options = {}) => {
-      return (target, propertyKey, descriptor) => {
-        const constructor = target.constructor;
-        let metaList = ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor);
-        if (!metaList) {
-          metaList = /* @__PURE__ */ new Map();
-          ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);
-        }
-        metaList.set(propertyKey, { propertyKey, selector, action, options });
-        const original = descriptor.value;
-        descriptor.value = async function(...args) {
-          ensureInit2(this);
-          const res = await original.apply(this, args);
-          if (res !== void 0) {
-            const win = this.ownerDocument?.defaultView || window;
-            const host2 = this;
-            const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host2), $this: this };
-            const r = options.root || "auto";
-            const targetEls = [];
-            const applyRoot = (t) => {
-              if (!t || !(t instanceof win.HTMLElement)) return;
-              targetEls.push(t);
-            };
-            if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
-            else if (selector === ":appHost") applyRoot(hostSet.$appHost);
-            else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
-            else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
-            else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
-            else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
-            else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
-            else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
-            else if (selector === ":host" || !selector) applyRoot(host2);
-            else {
-              const targetRoot = r === "auto" ? host2.shadowRoot || host2 : r === "shadow" ? host2.shadowRoot : host2;
-              if (targetRoot) {
-                const found = targetRoot.querySelectorAll(selector);
-                if (found) targetEls.push(...Array.from(found));
-              }
-            }
-            targetEls.forEach((targetEl) => {
-              const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
-              if (action === "set" || action === "update") {
-                if (action === "set") targetEl.style.cssText = "";
-                if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  Object.entries(resolvedRes).forEach(([prop, val]) => {
-                    const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
-                    if (finalVal === null || finalVal === void 0) {
-                      targetEl.style.removeProperty(prop);
-                    } else {
-                      targetEl.style[prop] = String(finalVal);
-                    }
-                  });
-                } else if (typeof resolvedRes === "string") {
-                  targetEl.style.cssText = resolvedRes;
-                }
-              } else if (action === "remove") {
-                if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  Object.entries(resolvedRes).forEach(([prop, val]) => {
-                    const shouldRemove = typeof val === "function" ? val(targetEl, hostSet) : !!val;
-                    if (shouldRemove) {
-                      targetEl.style.removeProperty(prop);
-                    }
-                  });
-                } else {
-                  const props = Array.isArray(resolvedRes) ? resolvedRes : [resolvedRes];
-                  props.forEach((p) => targetEl.style.removeProperty(String(p)));
-                }
-              }
-            });
-          }
-          return res;
-        };
-        return descriptor;
-      };
-    };
-  }
-  function applyStyle(selector, action = "update", options = {}) {
-    return createStyleDecorator(action)(selector, options);
-  }
-  var setStyle = (selector, options = {}) => createStyleDecorator("set")(selector, options);
-  var updateStyle = (selector, options = {}) => createStyleDecorator("update")(selector, options);
-  var removeStyle = (selector, options = {}) => createStyleDecorator("remove")(selector, options);
-  function applyStyleHost(action = "update", options = {}) {
-    return createStyleDecorator(action)(":host", options);
-  }
-  var setStyleHost = (options = {}) => createStyleDecorator("set")(":host", options);
-  var updateStyleHost = (options = {}) => createStyleDecorator("update")(":host", options);
-  var removeStyleHost = (options = {}) => createStyleDecorator("remove")(":host", options);
-  var findAllStyleMetadata = (target) => {
-    const result = /* @__PURE__ */ new Map();
-    const maps = ReflectUtils.findAllMetadata(STYLE_METADATA_KEY, target);
-    maps.forEach((map) => {
-      if (map instanceof Map) {
-        map.forEach((v, k) => result.set(k, v));
-      }
-    });
-    return result;
-  };
-
-  // src/decorators/applyAttribute.ts
-  var ATTRIBUTE_APPLY_METADATA_KEY = Symbol.for("simple-web-component:attribute-apply");
-  function createAttributeDecorator(action) {
-    return (selector, nameOrOptions, options = {}) => {
-      return (target, propertyKey, descriptor) => {
-        const constructor = target.constructor;
-        let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_APPLY_METADATA_KEY, constructor);
-        if (!metaList) {
-          metaList = /* @__PURE__ */ new Map();
-          ReflectUtils.defineMetadata(ATTRIBUTE_APPLY_METADATA_KEY, metaList, constructor);
-        }
-        let attributeName = typeof nameOrOptions === "string" ? nameOrOptions : void 0;
-        let finalOptions = options;
-        if (typeof nameOrOptions === "object" && nameOrOptions !== null) {
-          finalOptions = nameOrOptions;
-        }
-        metaList.set(propertyKey, {
-          propertyKey,
-          selector,
-          action,
-          options: { ...finalOptions, name: attributeName }
-        });
-        const original = descriptor.value;
-        descriptor.value = async function(...args) {
-          ensureInit2(this);
-          const res = await original.apply(this, args);
-          if (res !== void 0) {
-            const win = this.ownerDocument?.defaultView || window;
-            const host2 = this;
-            const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host2), $this: this };
-            const r = finalOptions.root || "auto";
-            const targetEls = [];
-            const applyRoot = (t) => {
-              if (!t || !(t instanceof win.HTMLElement)) return;
-              targetEls.push(t);
-            };
-            if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
-            else if (selector === ":appHost") applyRoot(hostSet.$appHost);
-            else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
-            else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
-            else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
-            else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
-            else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
-            else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
-            else if (selector === ":host" || !selector) applyRoot(host2);
-            else {
-              const targetRoot = r === "auto" ? host2.shadowRoot || host2 : r === "shadow" ? host2.shadowRoot : host2;
-              if (targetRoot) {
-                const found = targetRoot.querySelectorAll(selector);
-                if (found) targetEls.push(...Array.from(found));
-              }
-            }
-            targetEls.forEach((targetEl) => {
-              const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
-              if (action === "set" || action === "update") {
-                if (attributeName) {
-                  if (resolvedRes === null || resolvedRes === void 0 || resolvedRes === false) {
-                    targetEl.removeAttribute(attributeName);
-                  } else {
-                    targetEl.setAttribute(attributeName, resolvedRes === true ? "" : String(resolvedRes));
-                  }
-                } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-                  Object.entries(resolvedRes).forEach(([attr, val]) => {
-                    const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
-                    if (finalVal === null || finalVal === void 0 || finalVal === false) {
-                      targetEl.removeAttribute(attr);
-                    } else {
-                      targetEl.setAttribute(attr, finalVal === true ? "" : String(finalVal));
-                    }
-                  });
+                  Object.entries(resolvedRes).forEach(([attr, val]) => {
+                    const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
+                    if (finalVal === null || finalVal === void 0 || finalVal === false) {
+                      targetEl.removeAttribute(attr);
+                    } else {
+                      targetEl.setAttribute(attr, finalVal === true ? "" : String(finalVal));
+                    }
+                  });
                 }
               } else if (action === "remove") {
                 if (attributeName) {
@@ -6935,472 +6637,344 @@ var dooboostoreSimpleWebComponent = (() => {
     return result;
   };
 
-  // src/decorators/setProperty.ts
-  var PROPERTY_SET_METADATA_KEY = Symbol.for("simple-web-component:property-set");
-  var setProperty = (selector, propertyNameOrOptions, options = {}) => {
-    return (target, propertyKey, descriptor) => {
-      const constructor = target.constructor;
-      let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor);
-      if (!metaList) {
-        metaList = /* @__PURE__ */ new Map();
-        ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);
+  // src/decorators/query.ts
+  var QUERY_METADATA_KEY = Symbol.for("simple-web-component:query");
+  function query(selectorOrTarget, options = {}) {
+    return (targetObj, propertyKey, descriptor) => {
+      if (descriptor !== void 0) {
+        throw new Error(`@query decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
       }
-      let propertyName = typeof propertyNameOrOptions === "string" ? propertyNameOrOptions : void 0;
-      let finalOptions = options;
-      if (typeof propertyNameOrOptions === "object" && propertyNameOrOptions !== null) {
-        finalOptions = propertyNameOrOptions;
+      const constructor = targetObj.constructor;
+      let queries = ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
+      if (!queries) {
+        queries = [];
+        ReflectUtils.defineMetadata(QUERY_METADATA_KEY, queries, constructor);
       }
-      metaList.set(propertyKey, {
-        propertyKey,
-        selector,
-        options: { ...finalOptions, name: propertyName }
-      });
-      const original = descriptor.value;
-      descriptor.value = async function(...args) {
-        ensureInit2(this);
-        const res = await original.apply(this, args);
-        if (res !== void 0) {
-          const win = this.ownerDocument?.defaultView || window;
-          const host2 = this;
-          const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host2), $this: this };
-          const r = finalOptions.root || "auto";
-          const targetEls = [];
+      queries.push({ propertyKey, selector: selectorOrTarget, options });
+      Object.defineProperty(targetObj, propertyKey, {
+        get() {
+          ensureInit(this);
+          const selector = selectorOrTarget;
+          const r = options.root || "auto";
           const applyRoot = (t) => {
-            if (!t || !(t instanceof win.HTMLElement)) return;
-            targetEls.push(t);
+            if (!t || !(t instanceof HTMLElement))
+              return t;
+            if (r === "auto")
+              return t.shadowRoot || t;
+            if (r === "shadow")
+              return t.shadowRoot;
+            if (r === "light")
+              return t;
+            if (r === "all")
+              return t.shadowRoot || t;
+            return t;
           };
-          if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
-          else if (selector === ":appHost") applyRoot(hostSet.$appHost);
-          else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
-          else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
-          else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
-          else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
-          else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
-          else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
-          else if (selector === ":host" || !selector) applyRoot(host2);
-          else {
-            const targetRoot = r === "auto" ? host2.shadowRoot || host2 : r === "shadow" ? host2.shadowRoot : host2;
-            if (targetRoot) {
-              const found = targetRoot.querySelectorAll(selector);
-              if (found) targetEls.push(...Array.from(found));
-            }
+          const hostSet = SwcUtils.getHostSet(this);
+          if (selector === ":parentHost")
+            return applyRoot(hostSet.$parentHost);
+          if (selector === ":appHost")
+            return applyRoot(hostSet.$appHost);
+          if (selector === ":firstHost")
+            return applyRoot(hostSet.$firstHost);
+          if (selector === ":lastHost")
+            return applyRoot(hostSet.$lastHost);
+          if (selector === ":firstAppHost")
+            return applyRoot(hostSet.$firstAppHost);
+          if (selector === ":lastAppHost")
+            return applyRoot(hostSet.$lastAppHost);
+          const config = getElementConfig(this);
+          const win = config?.window || window;
+          if (selector === ":window")
+            return win;
+          if (selector === ":document")
+            return win.document;
+          if (selector === ":host")
+            return applyRoot(this);
+          if (r === "shadow")
+            return this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
+          if (r === "light")
+            return this.querySelector(selector);
+          if (r === "all") {
+            const shadowMatch = this.shadowRoot ? this.shadowRoot.querySelector(selector) : null;
+            return shadowMatch || this.querySelector(selector);
           }
-          targetEls.forEach((targetEl) => {
-            const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
-            if (propertyName) {
-              targetEl[propertyName] = resolvedRes;
-            } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
-              Object.entries(resolvedRes).forEach(([prop, val]) => {
-                const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
-                targetEl[prop] = finalVal;
-              });
+          return (this.shadowRoot || this).querySelector(selector);
+        },
+        set(nv) {
+          ensureInit(this);
+          if (nv === null || nv === void 0) {
+            const selector = selectorOrTarget;
+            if (selector.startsWith(":") && selector !== ":host")
+              return;
+            const r = options.root || "auto";
+            const targets = [];
+            if (r === "shadow") {
+              if (this.shadowRoot?.querySelector(selector))
+                targets.push(this.shadowRoot.querySelector(selector));
+            } else if (r === "light") {
+              if (this.querySelector(selector))
+                targets.push(this.querySelector(selector));
+            } else if (r === "all") {
+              if (this.shadowRoot?.querySelector(selector))
+                targets.push(this.shadowRoot.querySelector(selector));
+              if (this.querySelector(selector))
+                targets.push(this.querySelector(selector));
             } else {
-              targetEl.value = resolvedRes;
+              const el = (this.shadowRoot || this).querySelector(selector);
+              if (el)
+                targets.push(el);
             }
-          });
-        }
-      };
-    };
-  };
-  var setPropertyHost = (propertyNameOrOptions, options = {}) => {
-    return setProperty(":host", propertyNameOrOptions, options);
-  };
-
-  // src/decorators/subscribeSwcAppRouteChange.ts
-  var SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-route-change");
-  function createSwcAppRouteChangeSubscriber(options) {
-    return (target, propertyKey, descriptor) => {
-      const pathPattern = options?.path;
-      const filter = options?.filter;
-      const constructor = target.constructor;
-      let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
-      if (!list) {
-        list = [];
-        ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, list, constructor);
-      }
-      list.push({ propertyKey, pathPattern, filter });
-      return descriptor;
+            targets.forEach((t) => t.remove());
+          }
+        },
+        enumerable: true,
+        configurable: true
+      });
     };
   }
-  function subscribeSwcAppRouteChange(targetOrOptions, propertyKey, descriptor) {
-    if (propertyKey && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
-      return createSwcAppRouteChangeSubscriber({})(targetOrOptions, propertyKey, descriptor);
+  function queryHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return query(":host", {})(targetOrOptions, propertyKey);
     }
-    let options = {};
-    if (Array.isArray(targetOrOptions)) {
-      options.path = targetOrOptions;
-    } else if (typeof targetOrOptions === "string") {
-      options.path = targetOrOptions;
-    } else if (targetOrOptions && typeof targetOrOptions === "object") {
-      options = targetOrOptions;
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return query(":host", targetOrOptions);
+    } else {
+      return query(":host", {});
     }
-    return createSwcAppRouteChangeSubscriber(options);
   }
-  var getSubscribeSwcAppRouteChangeMetadata = (target) => {
-    const constructor = target instanceof Function ? target : target.constructor;
-    return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
-  };
-
-  // src/utils/Utils.ts
-  var SWC_NOT_FOUND = Symbol.for("simple-web-component:not-found");
-  var htmlFragment = (html, doc) => {
-    const d = doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const template = d.createElement("template");
-    template.innerHTML = html.trim();
-    return template.content;
-  };
-  var textNode = (text, doc) => {
-    const d = doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    return d.createTextNode(text !== void 0 && text !== null ? String(text) : "");
-  };
-  var commentNode = (comment, doc) => {
-    const d = doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    return d.createComment(comment !== void 0 && comment !== null ? String(comment) : "");
-  };
-  var createElement = (tagName, options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement(tagName);
-    if (options?.html) el.innerHTML = options.html;
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  var host = queryHost;
+  function parentHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return query(":parentHost", {})(targetOrOptions, propertyKey);
     }
-    return el;
-  };
-  var htmlDivElement = (html, options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("div");
-    el.innerHTML = html.trim();
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return query(":parentHost", targetOrOptions);
+    } else {
+      return query(":parentHost", {});
     }
-    return el;
-  };
-  var htmlSpanElement = (html, options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("span");
-    el.innerHTML = html.trim();
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  function appHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return query(":appHost", {})(targetOrOptions, propertyKey);
     }
-    return el;
-  };
-  var htmlButtonElement = (html, options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("button");
-    el.innerHTML = html.trim();
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return query(":appHost", targetOrOptions);
+    } else {
+      return query(":appHost", {});
     }
-    return el;
-  };
-  var htmlUlElement = (options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("ul");
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  function firstHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return query(":firstHost", {})(targetOrOptions, propertyKey);
     }
-    return el;
-  };
-  var htmlLiElement = (html, options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("li");
-    el.innerHTML = html.trim();
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return query(":firstHost", targetOrOptions);
+    } else {
+      return query(":firstHost", {});
     }
-    return el;
-  };
-  var htmlAElement = (html, options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("a");
-    el.innerHTML = html.trim();
-    if (options?.href) el.href = options.href;
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  function lastHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return query(":lastHost", {})(targetOrOptions, propertyKey);
     }
-    return el;
-  };
-  var htmlPElement = (html, options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("p");
-    el.innerHTML = html.trim();
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return query(":lastHost", targetOrOptions);
+    } else {
+      return query(":lastHost", {});
     }
-    return el;
-  };
-  var htmlHeadingElement = (level, html, options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement(`h${level}`);
-    el.innerHTML = html.trim();
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  function firstAppHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return query(":firstAppHost", {})(targetOrOptions, propertyKey);
     }
-    return el;
-  };
-  var htmlSectionElement = (options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("section");
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return query(":firstAppHost", targetOrOptions);
+    } else {
+      return query(":firstAppHost", {});
     }
-    return el;
-  };
-  var htmlArticleElement = (options) => {
-    const d = options?.doc || (typeof document !== "undefined" ? document : void 0);
-    if (!d) throw new Error("Document is not available");
-    const el = d.createElement("article");
-    if (options?.attrs) {
-      Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  function lastAppHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return query(":lastAppHost", {})(targetOrOptions, propertyKey);
     }
-    return el;
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return query(":lastAppHost", targetOrOptions);
+    } else {
+      return query(":lastAppHost", {});
+    }
+  }
+  var getQueryMetadata = (target) => {
+    const constructor = target instanceof Function ? target : target.constructor;
+    return ReflectUtils.getMetadata(QUERY_METADATA_KEY, constructor);
   };
-  var SwcUtils;
-  ((SwcUtils2) => {
-    SwcUtils2.getHelperSet = (win) => {
-      const doc = win.document;
-      return {
-        $d: doc,
-        $w: win,
-        $q: (sel, root) => (root ?? doc).querySelector(sel),
-        $qa: (sel, root) => Array.from((root ?? doc).querySelectorAll(sel)),
-        $qi: (id, root) => (root ?? doc).getElementById(id)
-      };
-    };
-    SwcUtils2.getHelperAndHostSet = (win, el) => {
-      const helperSet = (0, SwcUtils2.getHelperSet)(win);
-      const hostSet = (0, SwcUtils2.getHostSet)(el);
-      return {
-        ...helperSet,
-        ...hostSet
-      };
-    };
-    SwcUtils2.getValueByPath = (obj, path, rootName) => {
-      if (!obj || !path) return SWC_NOT_FOUND;
-      const parts = path.split(".");
-      let current = obj;
-      for (const part of parts) {
-        if (current === null || current === void 0) return SWC_NOT_FOUND;
-        current = current[part];
-      }
-      return current;
-    };
-    SwcUtils2.findNearestSwcHost = (el) => {
-      if (el.__swc_host) return el.__swc_host;
-      let current = el.parentElement || el.getRootNode?.()?.host;
-      const doc = el.ownerDocument;
-      const win = doc?.defaultView || (typeof window !== "undefined" ? window : void 0);
-      while (current && current !== doc && current !== win) {
-        if (current.__swc_host) return current.__swc_host;
-        if (getElementConfig(current)) return current;
-        current = current.parentElement || current.getRootNode?.()?.host;
+
+  // src/decorators/queryAll.ts
+  var QUERY_ALL_METADATA_KEY = Symbol.for("simple-web-component:query-all");
+  function queryAll(selectorOrTarget, options = {}) {
+    return (targetObj, propertyKey, descriptor) => {
+      if (descriptor !== void 0) {
+        throw new Error(`@queryAll decorator cannot be used on methods. (Method: ${String(propertyKey)})`);
       }
-      return void 0;
-    };
-    SwcUtils2.findAllSwcHosts = (el) => {
-      const hosts = [];
-      let current = (0, SwcUtils2.findNearestSwcHost)(el);
-      while (current) {
-        hosts.push(current);
-        current = (0, SwcUtils2.findNearestSwcHost)(current);
+      const constructor = targetObj.constructor;
+      let queries = ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
+      if (!queries) {
+        queries = [];
+        ReflectUtils.defineMetadata(QUERY_ALL_METADATA_KEY, queries, constructor);
       }
-      return hosts.reverse();
-    };
-    SwcUtils2.getHosts = (el) => {
-      const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
-      if (getElementConfig(el)) return [...ancestors, el];
-      return ancestors;
-    };
-    SwcUtils2.getHost = (el) => {
-      if (getElementConfig(el)) return el;
-      return (0, SwcUtils2.findNearestSwcHost)(el);
-    };
-    SwcUtils2.getAppHosts = (el) => {
-      const hosts = (0, SwcUtils2.getHosts)(el);
-      return hosts.filter((host2) => host2.tagName.toLowerCase() === "swc-app" || host2.getAttribute("is")?.startsWith("swc-app-"));
-    };
-    SwcUtils2.getAppHost = (el) => {
-      const appHosts = (0, SwcUtils2.getAppHosts)(el);
-      const appHostsWithoutSelf = appHosts.filter((h) => h !== el);
-      return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : void 0;
-    };
-    SwcUtils2.findParentAppHostDirect = (el) => {
-      const appHosts = (0, SwcUtils2.findAllParentAppHostsDirect)(el);
-      return appHosts.length > 0 ? appHosts[appHosts.length - 1] : null;
-    };
-    SwcUtils2.findAllParentAppHostsDirect = (el) => {
-      const appHosts = [];
-      let current = el.parentElement;
-      while (current) {
-        const isAppHost = current.tagName.toLowerCase() === "swc-app" || current.getAttribute("is")?.startsWith("swc-app-");
-        if (isAppHost) {
-          appHosts.push(current);
-        }
-        if (current.shadowRoot) {
-          current = current.shadowRoot.host.parentElement;
-        } else {
-          if (!current.parentElement) {
-            const parentNode = current.parentNode;
-            if (parentNode instanceof ShadowRoot) {
-              current = parentNode.host;
+      queries.push({ propertyKey, selector: selectorOrTarget, options });
+      Object.defineProperty(targetObj, propertyKey, {
+        get() {
+          ensureInit(this);
+          const selector = selectorOrTarget;
+          const r = options.root || "auto";
+          const applyRoot = (t) => {
+            if (!t)
+              return [];
+            const items = Array.isArray(t) ? t : [t];
+            const results = [];
+            items.forEach((it) => {
+              if (!(it instanceof HTMLElement)) {
+                results.push(it);
+                return;
+              }
+              if (r === "auto")
+                results.push(it.shadowRoot || it);
+              else {
+                if (r === "light" || r === "all")
+                  results.push(it);
+                if ((r === "shadow" || r === "all") && it.shadowRoot)
+                  results.push(it.shadowRoot);
+              }
+            });
+            return results;
+          };
+          const hostSet = SwcUtils.getHostSet(this);
+          if (selector === ":hosts")
+            return applyRoot(hostSet.$hosts);
+          if (selector === ":appHosts")
+            return applyRoot(hostSet.$appHosts);
+          const config = getElementConfig(this);
+          const win = config?.window || window;
+          if (selector === ":window")
+            return [win];
+          if (selector === ":document")
+            return [win.document];
+          if (selector === ":host")
+            return applyRoot(this);
+          if (r === "shadow")
+            return this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+          if (r === "light")
+            return Array.from(this.querySelectorAll(selector));
+          if (r === "all") {
+            const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+            const lNodes = Array.from(this.querySelectorAll(selector));
+            return [...sNodes, ...lNodes];
+          }
+          const root = this.shadowRoot || this;
+          return Array.from(root.querySelectorAll(selector));
+        },
+        set(nv) {
+          ensureInit(this);
+          if (nv === null || nv === void 0 || Array.isArray(nv) && nv.length === 0) {
+            const selector = selectorOrTarget;
+            if (selector.startsWith(":") && selector !== ":host")
+              return;
+            const r = options.root || "auto";
+            let targets = [];
+            if (r === "shadow")
+              targets = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+            else if (r === "light")
+              targets = Array.from(this.querySelectorAll(selector));
+            else if (r === "all") {
+              const sNodes = this.shadowRoot ? Array.from(this.shadowRoot.querySelectorAll(selector)) : [];
+              const lNodes = Array.from(this.querySelectorAll(selector));
+              targets = [...sNodes, ...lNodes];
             } else {
-              break;
+              targets = Array.from((this.shadowRoot || this).querySelectorAll(selector));
             }
-          } else {
-            current = current.parentElement;
+            targets.forEach((t) => t.remove());
           }
-        }
-      }
-      return appHosts.reverse();
-    };
-    SwcUtils2.getHostSet = (el) => {
-      const isSwc = !!getElementConfig(el);
-      const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
-      let $host;
-      let $parentHost;
-      if (isSwc) {
-        $host = el;
-        $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
-      } else {
-        $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : el;
-        $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;
-      }
-      const $hosts = isSwc ? [...ancestors, el] : ancestors;
-      const $firstHost = $hosts.length > 0 ? $hosts[0] : null;
-      const loopContext = {};
-      let curr = el;
-      const rootEl = el.ownerDocument?.documentElement;
-      while (curr && curr !== rootEl) {
-        if (curr.__swc_loop_context) {
-          Object.assign(loopContext, curr.__swc_loop_context);
-        }
-        curr = curr.parentElement || curr.getRootNode().host;
-      }
-      const $appHosts = SwcUtils2.findAllParentAppHostsDirect(el);
-      const $appHost = $appHosts.length > 0 ? $appHosts[$appHosts.length - 1] === el ? $appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null : $appHosts[$appHosts.length - 1] : null;
-      const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;
-      return {
-        $host,
-        $parentHost,
-        $hosts,
-        $firstHost,
-        $lastHost: $parentHost,
-        $appHost,
-        $appHosts,
-        $firstAppHost,
-        $lastAppHost: $appHost,
-        ...loopContext
-      };
-    };
-    SwcUtils2.parsePathPattern = (pattern, currentPath) => {
-      if (pattern === null || pattern === void 0) return {};
-      const trimmedPattern = pattern.trim();
-      if (trimmedPattern === "" && pattern !== "") return {};
-      const paramNames = [];
-      const regexPattern = trimmedPattern.replace(/{(\w+)(?::(.+?))?}/g, (match2, paramName, customRegex) => {
-        paramNames.push(paramName);
-        return `(${customRegex || "[^/]+"})`;
-      });
-      const regex = new RegExp(`^${regexPattern}$`);
-      const match = currentPath.match(regex);
-      if (!match) return null;
-      const result = {};
-      paramNames.forEach((name, index) => {
-        result[name] = match[index + 1];
-      });
-      return result;
-    };
-  })(SwcUtils || (SwcUtils = {}));
-
-  // src/decorators/emitCustomEvent.ts
-  var EMIT_CUSTOM_EVENT_METADATA_KEY = Symbol.for("simple-web-component:emit-custom-event");
-  function emitCustomEvent(selectorOrTarget, type, options = {}) {
-    return (targetObj, propertyKey, descriptor) => {
-      const constructor = targetObj.constructor;
-      const fullOptions = { ...options, type };
-      if (fullOptions.bubbles === void 0) fullOptions.bubbles = true;
-      if (fullOptions.composed === void 0) fullOptions.composed = true;
-      let list = ReflectUtils.getMetadata(EMIT_CUSTOM_EVENT_METADATA_KEY, constructor);
-      if (!list) {
-        list = [];
-        ReflectUtils.defineMetadata(EMIT_CUSTOM_EVENT_METADATA_KEY, list, constructor);
-      }
-      list.push({ propertyKey, selector: selectorOrTarget, type, options: fullOptions });
-      const original = descriptor.value;
-      descriptor.value = async function(...args) {
-        ensureInit2(this);
-        const detail = await original.apply(this, args);
-        const event = new CustomEvent(type, {
-          detail,
-          bubbles: fullOptions.bubbles,
-          composed: fullOptions.composed,
-          cancelable: fullOptions.cancelable
-        });
-        const hostSet = SwcUtils.getHostSet(this);
-        const conf = getElementConfig(this);
-        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
-        const eventTargets = [];
-        if (selectorOrTarget === ":window") eventTargets.push(currentWin);
-        else if (selectorOrTarget === ":document") eventTargets.push(currentWin.document);
-        else if (selectorOrTarget === ":parentHost") {
-          if (hostSet.$parentHost) eventTargets.push(hostSet.$parentHost);
-        } else if (selectorOrTarget === ":appHost") {
-          if (hostSet.$appHost) eventTargets.push(hostSet.$appHost);
-        } else if (selectorOrTarget === ":firstHost") {
-          if (hostSet.$firstHost) eventTargets.push(hostSet.$firstHost);
-        } else if (selectorOrTarget === ":lastHost") {
-          if (hostSet.$lastHost) eventTargets.push(hostSet.$lastHost);
-        } else if (selectorOrTarget === ":firstAppHost") {
-          if (hostSet.$firstAppHost) eventTargets.push(hostSet.$firstAppHost);
-        } else if (selectorOrTarget === ":lastAppHost") {
-          if (hostSet.$lastAppHost) eventTargets.push(hostSet.$lastAppHost);
-        } else if (selectorOrTarget === ":hosts") {
-          hostSet.$hosts.forEach((h) => eventTargets.push(h));
-        } else if (selectorOrTarget === ":appHosts") {
-          hostSet.$appHosts.forEach((h) => eventTargets.push(h));
-        } else if (selectorOrTarget === ":host" || !selectorOrTarget) eventTargets.push(this);
-        else {
-          const r = fullOptions.root || "auto";
-          const searchRoots = [];
-          if (r === "auto") searchRoots.push(this.shadowRoot || this);
-          else if (r === "light") searchRoots.push(this);
-          else if (r === "shadow" && this.shadowRoot) searchRoots.push(this.shadowRoot);
-          else if (r === "all") {
-            searchRoots.push(this);
-            if (this.shadowRoot) searchRoots.push(this.shadowRoot);
-          }
-          searchRoots.forEach((sr) => {
-            sr.querySelectorAll(selectorOrTarget).forEach((el) => eventTargets.push(el));
-          });
-        }
-        eventTargets.forEach((t) => t.dispatchEvent(event));
-        return detail;
-      };
+        },
+        enumerable: true,
+        configurable: true
+      });
     };
   }
-  var getEmitCustomEventMetadataList = (target) => {
-    const constructor = target instanceof Function ? target : target.constructor;
-    return ReflectUtils.getMetadata(EMIT_CUSTOM_EVENT_METADATA_KEY, constructor);
-  };
-  function emitCustomEventHost(type, options = {}) {
-    if (!options.attributeName) {
-      options.attributeName = `on-emit-${type}`;
+  function queryAllHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return queryAll(":host", {})(targetOrOptions, propertyKey);
+    }
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return queryAll(":host", targetOrOptions);
+    } else {
+      return queryAll(":host", {});
+    }
+  }
+  var allHost = queryAllHost;
+  function allParentHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return queryAll(":parentHost", {})(targetOrOptions, propertyKey);
+    }
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return queryAll(":parentHost", targetOrOptions);
+    } else {
+      return queryAll(":parentHost", {});
+    }
+  }
+  function allAppHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return queryAll(":appHost", {})(targetOrOptions, propertyKey);
+    }
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return queryAll(":appHost", targetOrOptions);
+    } else {
+      return queryAll(":appHost", {});
+    }
+  }
+  function allFirstHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return queryAll(":firstHost", {})(targetOrOptions, propertyKey);
+    }
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return queryAll(":firstHost", targetOrOptions);
+    } else {
+      return queryAll(":firstHost", {});
+    }
+  }
+  function allLastHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return queryAll(":lastHost", {})(targetOrOptions, propertyKey);
+    }
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return queryAll(":lastHost", targetOrOptions);
+    } else {
+      return queryAll(":lastHost", {});
+    }
+  }
+  function allFirstAppHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return queryAll(":firstAppHost", {})(targetOrOptions, propertyKey);
+    }
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return queryAll(":firstAppHost", targetOrOptions);
+    } else {
+      return queryAll(":firstAppHost", {});
+    }
+  }
+  function allLastAppHost(targetOrOptions, propertyKey) {
+    if (propertyKey !== void 0 && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return queryAll(":lastAppHost", {})(targetOrOptions, propertyKey);
+    }
+    if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
+      return queryAll(":lastAppHost", targetOrOptions);
+    } else {
+      return queryAll(":lastAppHost", {});
     }
-    return emitCustomEvent(":host", type, options);
   }
+  var getQueryAllMetadata = (target) => {
+    const constructor = target instanceof Function ? target : target.constructor;
+    return ReflectUtils.getMetadata(QUERY_ALL_METADATA_KEY, constructor);
+  };
 
   // src/config/config.ts
   var HTML_TAG_ENTRIES = [
@@ -7507,668 +7081,177 @@ var dooboostoreSimpleWebComponent = (() => {
     return InjectSituationType2;
   })(InjectSituationType || {});
 
-  // src/decorators/elementDefine.ts
-  var ELEMENT_CONFIG_KEY = Symbol.for("simple-web-component:element-config");
-  var getElementConfig = (target) => {
-    const constructor = target instanceof Function ? target : target.constructor;
-    return ReflectUtils.getMetadata(ELEMENT_CONFIG_KEY, constructor);
-  };
-  var ensureInit2 = (inst) => {
-    if (!inst.__swc_initialized) {
-      inst._swcId = Math.random().toString(36).substring(2, 11);
-      inst._emitHandlers = /* @__PURE__ */ new Map();
-      inst._boundListeners = [];
-      inst.__swc_initialized = true;
-      const target = inst instanceof Function ? inst : inst.constructor;
-      const attributeList = findAllAttributeMetadata(target);
-      attributeList.forEach((meta) => {
-        delete inst[meta.propertyKey];
-      });
-      const queryList = getQueryMetadata(target);
-      if (queryList) {
-        queryList.forEach((meta) => {
-          delete inst[meta.propertyKey];
-        });
-      }
-      const queryAllList = getQueryAllMetadata(target);
-      if (queryAllList) {
-        queryAllList.forEach((meta) => {
-          delete inst[meta.propertyKey];
-        });
+  // ../core-web/dist/esm/element/CanvasUtils.js
+  var CanvasUtils;
+  ((CanvasUtils2) => {
+    let Context2D;
+    ((Context2D2) => {
+      Context2D2.resetTransform = (context) => {
+        context.setTransform(1, 0, 0, 1, 0, 0);
+      };
+    })(Context2D = CanvasUtils2.Context2D || (CanvasUtils2.Context2D = {}));
+    CanvasUtils2.fontSize = (ctx, config) => {
+      const { text, maxWidth, maxHeight, fontOption } = config;
+      if (!text || maxWidth <= 0 || maxHeight <= 0) {
+        return 0;
       }
-      const hostSet = SwcUtils.getHostSet(inst);
-      const appHosts = SwcUtils.findAllParentAppHostsDirect(inst);
-      inst._executeSwcScript?.("swc-on-constructor", hostSet);
-      const cMethods = findAllLifecycleMetadata(inst, ON_INITIALIZE_METADATA_KEY);
-      if (cMethods) {
-        for (const m of cMethods) inst._invokeLifecycleMethod(m, hostSet);
+      const lines = text.split("\n").filter((line) => line.trim().length > 0);
+      if (lines.length === 0) {
+        return 0;
       }
-    }
-  };
-  var globalDelegatedRoots = /* @__PURE__ */ new WeakSet();
-  var handleGlobalSwcEvent = async (event) => {
-    if (event.__swc_handled) return;
-    const path = event.composedPath();
-    const type = event.type;
-    const attrName = `swc-on-${type}`;
-    for (const node of path) {
-      if (!(node instanceof HTMLElement)) continue;
-      const script = node.getAttribute?.(attrName);
-      if (script && !getElementConfig(node)) {
-        const host2 = SwcUtils.findNearestSwcHost(node);
-        if (host2 && host2.isConnected && typeof host2.__swc_executeAttributeEvent === "function") {
-          await host2.__swc_executeAttributeEvent(node, attrName, script, event);
-          event.__swc_handled = true;
-          break;
-        }
+      const lineHeightMultiplier = 1.2;
+      const maxFontSizeByHeight = Math.floor(maxHeight / (lines.length * lineHeightMultiplier));
+      if (maxFontSizeByHeight <= 0) {
+        return 0;
       }
-    }
-  };
-  function buildEnv(configWindow) {
-    const win = configWindow || (typeof window !== "undefined" ? window : void 0);
-    const doc = win?.document;
-    const builtInTagMap = /* @__PURE__ */ new Map();
-    for (const [cls, tag] of HTML_TAG_ENTRIES) {
-      if (win?.[cls]) builtInTagMap.set(win[cls], tag);
-    }
-    const domHelpers = SwcUtils.getHelperSet(win);
-    return { win, doc, builtInTagMap, domHelpers };
-  }
-  var getHandlers = (inst) => {
-    if (!inst.__swc_attributeEventHandlers) inst.__swc_attributeEventHandlers = /* @__PURE__ */ new Map();
-    return inst.__swc_attributeEventHandlers;
-  };
-  var setupPrototype = (proto) => {
-    if (proto.__swc_proto_setup) return;
-    proto.__swc_proto_setup = true;
-    proto._executeSwcScript = function(attrName, hostSet, extraArgs = {}) {
-      ensureInit2(this);
-      const script = this.getAttribute(attrName);
-      if (script) {
-        try {
-          const conf = getElementConfig(this);
-          const currentWin = this._resolveWindow(conf);
-          const helpers = SwcUtils.getHelperSet(currentWin);
-          const args = { ...hostSet, ...helpers, ...extraArgs, $el: this, $root: this.getRootNode() };
-          FunctionUtils.execute({ script, context: this, args });
-        } catch (e) {
-          console.error(`[SWC] Failed to execute ${attrName}:`, e);
+      let minSizeForWidth = 1;
+      let maxSizeForWidth = maxFontSizeByHeight;
+      let bestSizeForWidth = 0;
+      const maxIterations = 100;
+      let iteration = 0;
+      while (minSizeForWidth <= maxSizeForWidth && iteration < maxIterations) {
+        const midSize = Math.floor((minSizeForWidth + maxSizeForWidth) / 2);
+        if (midSize === 0) break;
+        ctx.font = `${fontOption?.fontWeight || "normal"} ${midSize}px ${fontOption?.fontFamily || "sans-serif"}`;
+        const maxLineWidth = Math.max(...lines.map((line) => ctx.measureText(line).width));
+        if (maxLineWidth <= maxWidth) {
+          bestSizeForWidth = midSize;
+          minSizeForWidth = midSize + 1;
+        } else {
+          maxSizeForWidth = midSize - 1;
         }
+        iteration++;
       }
+      return Math.min(bestSizeForWidth, maxFontSizeByHeight);
     };
-    proto._resolveWindow = function(localConfig) {
-      ensureInit2(this);
-      if (localConfig?.window) return localConfig.window;
-      const ancestors = SwcUtils.findAllSwcHosts(this);
-      for (let i = ancestors.length - 1; i >= 0; i--) {
-        const aConf = getElementConfig(ancestors[i]);
-        if (aConf?.window) return aConf.window;
-      }
-      return typeof window !== "undefined" ? window : void 0;
+    CanvasUtils2.textMetrics = (context, text) => {
+      return context.measureText(text);
     };
-    proto._invokeLifecycleMethod = function(methodName, hostSet, extraArgs = []) {
-      ensureInit2(this);
-      if (typeof this[methodName] !== "function") return;
-      const useHostSet = hostSet ?? SwcUtils.getHostSet(this);
-      const app = useHostSet?.$appHost.simpleApplication;
-      if (app) {
-        const otherStorage = /* @__PURE__ */ new Map();
-        const situations = new SituationTypeContainers([new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTSET" /* HOST_SET */, data: useHostSet }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOST" /* APP_HOST */, data: useHostSet.$appHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOSTS" /* APP_HOSTS */, data: useHostSet.$appHosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOST" /* HOST */, data: useHostSet.$host }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTS" /* HOSTS */, data: useHostSet.$hosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTHOST" /* FIRST_HOST */, data: useHostSet.$firstHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTHOST" /* LAST_HOST */, data: useHostSet.$lastHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTAPPHOST" /* FIRST_APP_HOST */, data: useHostSet.$firstAppHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTAPPHOST" /* LAST_APP_HOST */, data: useHostSet.$lastAppHost })]);
-        otherStorage.set(SituationTypeContainers, situations);
-        return app.simstanceManager.executeBindParameterSimPromise(
-          {
-            target: this,
-            targetKey: methodName,
-            inputParameters: extraArgs
-          },
-          otherStorage
-        );
+  })(CanvasUtils || (CanvasUtils = {}));
+
+  // ../core-web/dist/esm/element/ElementUtils.js
+  var ElementUtils;
+  ((ElementUtils2) => {
+    function removeAllChildren(el, els) {
+      if (!els) {
+        el.replaceChildren();
+      } else if (Array.isArray(els)) {
+        el.replaceChildren(...els);
       } else {
-        return this[methodName](...extraArgs);
-      }
-    };
-    proto._bindAttributeEvent = function(el, attrName, script, eventName) {
-      ensureInit2(this);
-      if (!eventName) {
-        if (!attrName.startsWith("swc-on-")) return;
-        eventName = attrName.substring(7);
+        el.replaceChildren(els);
       }
-      const elHandlers = getHandlers(this);
-      let handlers = elHandlers.get(el);
-      if (!handlers) {
-        handlers = /* @__PURE__ */ new Map();
-        elHandlers.set(el, handlers);
+    }
+    ElementUtils2.removeAllChildren = removeAllChildren;
+    function loadImage(src, callback) {
+      let targetCallback;
+      let promise = void 0;
+      if (callback) {
+        targetCallback = callback.onload;
+      } else {
+        const r = Promises.withResolvers();
+        promise = r.promise;
+        targetCallback = r.resolve;
       }
-      const oldHandler = handlers.get(attrName);
-      if (oldHandler) el.removeEventListener(eventName, oldHandler);
-      const handler = async (event) => {
-        const parent = SwcUtils.findNearestSwcHost(el);
-        const hostSet = SwcUtils.getHostSet(parent || el);
-        const conf = getElementConfig(this);
-        const currentWin = this._resolveWindow(conf);
-        const helpers = SwcUtils.getHelperSet(currentWin);
-        const args = {
-          event,
-          $data: event.detail,
-          ...hostSet,
-          ...helpers,
-          $el: el,
-          $root: this.getRootNode()
-        };
-        await FunctionUtils.execute({ script, context: el, args });
-      };
-      el.addEventListener(eventName, handler);
-      handlers.set(attrName, handler);
-    };
-    proto.__swc_executeAttributeEvent = async function(el, attrName, script, event) {
-      ensureInit2(this);
-      const parent = SwcUtils.findNearestSwcHost(el);
-      const hostSet = SwcUtils.getHostSet(parent || el);
-      const conf = getElementConfig(this);
-      const currentWin = this._resolveWindow(conf);
-      const currentHelpers = SwcUtils.getHelperSet(currentWin);
-      const detail = event.detail;
-      const args = {
-        event,
-        $event: event,
-        $data: detail,
-        $detail: detail,
-        ...hostSet,
-        ...currentHelpers,
-        $el: el,
-        $root: this.getRootNode()
+      const img = new Image();
+      img.onload = () => {
+        targetCallback(img);
       };
-      await FunctionUtils.execute({ script, context: el, args });
-    };
-  };
-  var elementDefine = (name, config = {}) => (constructor) => {
-    const { win, doc, builtInTagMap: BUILT_IN_TAG_MAP, domHelpers: SWC_DOM_HELPERS } = buildEnv(config.window);
-    const metadata = { ...config, name, window: win };
-    if (!metadata.window) {
-      throw new Error("window is required");
-    }
-    let extendsTagName = metadata.extends;
-    if (!extendsTagName) {
-      let proto2 = constructor;
-      const BaseHTMLElement = win.HTMLElement;
-      while (proto2 && proto2 !== BaseHTMLElement && proto2 !== Function.prototype) {
-        extendsTagName = BUILT_IN_TAG_MAP.get(proto2);
-        if (extendsTagName) break;
-        proto2 = Object.getPrototypeOf(proto2);
+      if (callback && callback.onerror) {
+        img.onerror = callback.onerror;
       }
-      metadata.extends = extendsTagName;
+      img.src = src;
+      return promise;
     }
-    const emitCustomEventList = getEmitCustomEventMetadataList(constructor) || [];
-    const emitHostCustomEventList = emitCustomEventList.filter((meta) => meta.selector === ":host" || meta.selector === "");
-    const addEventListenerList = getAddEventListenerMetadata(constructor) || [];
-    const attrChangeMap = findAllAttributeChangedMetadata(constructor);
-    const attributeList = findAllAttributeMetadata(constructor);
-    const applyAttributeMap = findAllAttributeApplyMetadata(constructor);
-    const swcLifecycleAttributes = ["swc-on-constructor", "swc-on-connected", "swc-on-disconnected", "swc-on-before-connected", "swc-on-after-connected", "swc-on-before-disconnected", "swc-on-after-disconnected", "swc-on-before-adopted", "swc-on-after-adopted", "swc-on-attribute-changed"];
-    const swcOnEvents = DOM_EVENT_NAMES.map((e) => `swc-on-${e}`);
-    const attributeApplyNames = Array.from(applyAttributeMap.values()).map((it) => it.options.name).filter(Boolean);
-    const hostAttributes = attributeList.filter((it) => it.selector === ":host").map((it) => it.options.name || String(it.propertyKey));
-    const mergedObservedAttributes = [.../* @__PURE__ */ new Set([
-      ...metadata.observedAttributes ?? [],
-      ...attrChangeMap.keys(),
-      ...attributeApplyNames,
-      ...hostAttributes,
-      ...emitHostCustomEventList.map((it) => it.options.attributeName).filter(Boolean),
-      ...swcLifecycleAttributes,
-      ...swcOnEvents
-    ])];
-    const connectedInnerHtmlList = getOnConnectedInnerHtmlMetadata(constructor) || [];
-    const proto = constructor.prototype;
-    setupPrototype(proto);
-    const originalConnected = proto.connectedCallback;
-    proto.connectedCallback = function() {
-      ensureInit2(this);
-      const hostSet = SwcUtils.getHostSet(this);
-      const appHost2 = hostSet.$appHost;
-      const conf = getElementConfig(this);
-      const currentWin = this._resolveWindow(conf);
-      if (connectedInnerHtmlList.some((it) => it.options.useShadow === true) && !this.shadowRoot) {
-        this.attachShadow({ mode: "open" });
-      }
-      this._executeSwcScript("swc-on-before-connected", hostSet);
-      const bMethods = findAllLifecycleMetadata(this, ON_BEFORE_CONNECTED_METADATA_KEY);
-      if (bMethods) {
-        for (const m of bMethods) this._invokeLifecycleMethod(m, hostSet);
-      }
-      if (connectedInnerHtmlList.length > 0) {
-        let sContent = "", lContent = "";
-        for (const meta of connectedInnerHtmlList) {
-          const res = this[meta.propertyKey]();
-          if (res !== void 0) {
-            if (meta.options.useShadow) sContent += res;
-            else lContent += res;
-          }
-        }
-        if (this.shadowRoot) this.shadowRoot.innerHTML = sContent;
-        if (lContent) this.innerHTML = lContent;
-      }
-      const root = this.getRootNode();
-      if (!globalDelegatedRoots.has(root)) {
-        DOM_EVENT_NAMES.forEach((type) => {
-          root.addEventListener(type, handleGlobalSwcEvent);
-        });
-        globalDelegatedRoots.add(root);
+    ElementUtils2.loadImage = loadImage;
+    function loadAudio(src, callback) {
+      let targetCallback;
+      let error;
+      let promise = void 0;
+      if (callback) {
+        targetCallback = callback.onload;
+        error = callback.onerror;
+      } else {
+        const r = Promises.withResolvers();
+        promise = r.promise;
+        error = r.reject;
+        targetCallback = r.resolve;
       }
-      const delegateListeners = [];
-      const nonDelegateListeners = [];
-      addEventListenerList.forEach((meta) => {
-        if (meta.options.delegate && meta.selector !== ":window" && meta.selector !== ":document" && meta.selector !== ":parentHost" && meta.selector !== ":appHost" && meta.selector !== ":firstHost" && meta.selector !== ":lastHost" && meta.selector !== ":firstAppHost" && meta.selector !== ":lastAppHost" && meta.selector !== ":hosts" && meta.selector !== ":appHosts" && meta.selector !== ":host" && meta.selector !== "") {
-          delegateListeners.push(meta);
-        } else {
-          nonDelegateListeners.push(meta);
-        }
+      const audio = new Audio("path/to/audio1.mp3");
+      audio.addEventListener("canplay", () => {
+        targetCallback?.(audio);
       });
-      const delegatesByTypeAndRoot = /* @__PURE__ */ new Map();
-      delegateListeners.forEach((meta) => {
-        const r = meta.options.root || "auto";
-        const rootKey = `${meta.type}:${r}`;
-        if (!delegatesByTypeAndRoot.has(rootKey)) {
-          delegatesByTypeAndRoot.set(rootKey, []);
-        }
-        delegatesByTypeAndRoot.get(rootKey).push(meta);
+      audio.addEventListener("error", (e) => {
+        callback?.onerror(e);
       });
-      delegatesByTypeAndRoot.forEach((metaList, typeRootKey) => {
-        const [type, rStr] = typeRootKey.split(":");
-        const r = rStr === "auto" ? "auto" : rStr;
-        const opts = { capture: metaList[0].options.capture, once: metaList[0].options.once, passive: metaList[0].options.passive };
-        const bindRoots = [];
-        if (r === "auto") bindRoots.push(this.shadowRoot || this);
-        else if (r === "light") bindRoots.push(this);
-        else if (r === "shadow" && this.shadowRoot) bindRoots.push(this.shadowRoot);
-        else if (r === "all") {
-          bindRoots.push(this);
-          if (this.shadowRoot) bindRoots.push(this.shadowRoot);
-        }
-        bindRoots.forEach((br) => {
-          const sortedMetaList = [...metaList].sort((a, b) => {
-            const aStop = a.options.stopPropagation ? 1 : 0;
-            const bStop = b.options.stopPropagation ? 1 : 0;
-            return bStop - aStop;
-          });
-          const unifiedHandler = async (event) => {
-            for (const meta of sortedMetaList) {
-              const { selector, options } = meta;
-              const matchedEl = event.target.closest(selector);
-              if (matchedEl && br.contains(matchedEl)) {
-                if (options.filter) {
-                  const helper = SwcUtils.getHelperAndHostSet(currentWin, matchedEl);
-                  if (!options.filter(event, helper)) {
-                    continue;
-                  }
-                }
-                if (options.stopPropagation) event.stopPropagation();
-                if (options.stopImmediatePropagation) event.stopImmediatePropagation();
-                if (options.preventDefault) event.preventDefault();
-                const currentHostSet = SwcUtils.getHostSet(this);
-                const args = { event, ...currentHostSet, $el: matchedEl, $root: br };
-                await this[meta.propertyKey](event, currentHostSet, matchedEl, args);
-                if (event.cancelBubble) break;
-              }
-            }
-          };
-          br.addEventListener(type, unifiedHandler, opts);
-          this._boundListeners.push({ target: br, type, handler: unifiedHandler, options: opts });
-        });
-      });
-      nonDelegateListeners.forEach((meta) => {
-        const { selector, type, options } = meta;
-        const opts = { capture: options.capture, once: options.once, passive: options.passive };
-        const bindTargets = [];
-        const r = options.root || "auto";
-        const applyRootOption = (target) => {
-          if (!target) return;
-          if (r === "auto") {
-            bindTargets.push(target.shadowRoot || target);
-          } else {
-            if (r === "light" || r === "all") bindTargets.push(target);
-            if ((r === "shadow" || r === "all") && target.shadowRoot) bindTargets.push(target.shadowRoot);
-          }
-        };
-        if (selector === ":window") bindTargets.push(currentWin);
-        else if (selector === ":document") bindTargets.push(currentWin.document);
-        else if (selector === ":parentHost") applyRootOption(hostSet.$parentHost);
-        else if (selector === ":appHost") applyRootOption(hostSet.$appHost);
-        else if (selector === ":firstHost") applyRootOption(hostSet.$firstHost);
-        else if (selector === ":lastHost") applyRootOption(hostSet.$lastHost);
-        else if (selector === ":firstAppHost") applyRootOption(hostSet.$firstAppHost);
-        else if (selector === ":lastAppHost") applyRootOption(hostSet.$lastAppHost);
-        else if (selector === ":hosts") hostSet.$hosts.forEach(applyRootOption);
-        else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRootOption);
-        else if (selector === ":host" || !selector) applyRootOption(this);
-        else {
-          const searchRoots = [];
-          if (r === "auto") searchRoots.push(this.shadowRoot || this);
-          else if (r === "light") searchRoots.push(this);
-          else if (r === "shadow" && this.shadowRoot) searchRoots.push(this.shadowRoot);
-          else if (r === "all") {
-            searchRoots.push(this);
-            if (this.shadowRoot) searchRoots.push(this.shadowRoot);
-          }
-          searchRoots.forEach((sr) => {
-            sr.querySelectorAll(selector).forEach((el) => bindTargets.push(el));
-          });
-        }
-        bindTargets.forEach((t) => {
-          const handler = async (event) => {
-            if (options.filter) {
-              const helper = SwcUtils.getHelperAndHostSet(currentWin, t);
-              if (!options.filter(event, helper)) {
-                return;
-              }
-            }
-            if (options.stopPropagation) event.stopPropagation();
-            if (options.stopImmediatePropagation) event.stopImmediatePropagation();
-            if (options.preventDefault) event.preventDefault();
-            const currentHostSet = SwcUtils.getHostSet(this);
-            const args = { event, ...currentHostSet, $el: t, $root: t };
-            await this[meta.propertyKey](event, currentHostSet, args);
-          };
-          t.addEventListener(type, handler, opts);
-          if (options.removeOnDisconnected === true || t === currentWin || t === currentWin.document) {
-            this._boundListeners.push({ target: t, type, handler, options: opts });
-          }
-        });
-      });
-      if (originalConnected) originalConnected.apply(this);
-      const aMethods = findAllLifecycleMetadata(this, ON_AFTER_CONNECTED_METADATA_KEY);
-      if (aMethods) {
-        for (const m of aMethods) this._invokeLifecycleMethod(m, hostSet);
-      }
-      this._executeSwcScript("swc-on-connected", hostSet);
-      this._executeSwcScript("swc-on-after-connected", hostSet);
-      this.__swc_connected = true;
-      const appHostss = SwcUtils.findAllParentAppHostsDirect(this);
-      if (appHost2 && typeof appHost2._connected === "function") {
-        appHost2._connected(this);
-      } else if (appHost2 && typeof appHost2) {
-        appHost2._connected_safari ?? (appHost2._connected_safari = []);
-        appHost2._connected_safari.push(this);
-      }
+      audio.load();
+      return promise;
+    }
+    ElementUtils2.loadAudio = loadAudio;
+    ElementUtils2.toInnerHTML = (documentFragment, config) => {
+      const tempDiv = config.document.createElement("div");
+      tempDiv.appendChild(documentFragment.cloneNode(true));
+      return tempDiv.innerHTML;
     };
-    const originalDisconnected = proto.disconnectedCallback;
-    proto.disconnectedCallback = function() {
-      const hostSet = SwcUtils.getHostSet(this);
-      this._executeSwcScript("swc-on-before-disconnected", hostSet);
-      const bMethods = findAllLifecycleMetadata(this, ON_BEFORE_DISCONNECTED_METADATA_KEY);
-      if (bMethods) {
-        for (const m of bMethods) this._invokeLifecycleMethod(m, hostSet);
-      }
-      if (this._boundListeners) {
-        this._boundListeners.forEach((l) => l.target.removeEventListener(l.type, l.handler, l.options));
-        this._boundListeners = [];
-      }
-      if (originalDisconnected) originalDisconnected.apply(this);
-      const aMethods = findAllLifecycleMetadata(this, ON_AFTER_DISCONNECTED_METADATA_KEY);
-      if (aMethods) {
-        for (const m of aMethods) this._invokeLifecycleMethod(m, hostSet);
-      }
-      this._executeSwcScript("swc-on-disconnected", hostSet);
-      this._executeSwcScript("swc-on-after-disconnected", hostSet);
-      this.__swc_connected = false;
-      const appHost2 = hostSet.$appHost;
-      if (appHost2 && typeof appHost2._disconnected === "function") {
-        appHost2._disconnected(this);
+    ElementUtils2.htmlToFragment = (html, config = { document }) => {
+      const tempDiv = config.document.createElement("div");
+      tempDiv.innerHTML = html;
+      const fragment = config.document.createDocumentFragment();
+      while (tempDiv.firstChild) {
+        fragment.appendChild(tempDiv.firstChild);
       }
+      return fragment;
     };
-    const originalAdopted = proto.adoptedCallback;
-    proto.adoptedCallback = function() {
-      const hostSet = SwcUtils.getHostSet(this);
-      this._executeSwcScript("swc-on-before-adopted", hostSet);
-      const bMethods = findAllLifecycleMetadata(this, ON_BEFORE_ADOPTED_METADATA_KEY);
-      if (bMethods) {
-        for (const m of bMethods) this._invokeLifecycleMethod(m, hostSet);
-      }
-      if (originalAdopted) originalAdopted.apply(this);
-      const aMethods = findAllLifecycleMetadata(this, ON_AFTER_ADOPTED_METADATA_KEY);
-      if (aMethods) {
-        for (const m of aMethods) this._invokeLifecycleMethod(m, hostSet);
+    ElementUtils2.replaceWith = (targetElement, replaceElement) => {
+      targetElement.replaceWith(replaceElement);
+    };
+    ElementUtils2.nodeList = (documentFragment) => {
+      return Array.from(documentFragment.childNodes);
+    };
+    ElementUtils2.cloneNodeList = (documentFragment) => {
+      return Array.from(documentFragment.childNodes).map((node) => node.cloneNode(true));
+    };
+    ElementUtils2.querySelector = (e, selector) => {
+      const elements = ElementUtils2.querySelectorAll(e, selector);
+      if (elements.length > 0) {
+        return elements[0];
+      } else {
+        return null;
       }
-      this._executeSwcScript("swc-on-adopted", hostSet);
-      this._executeSwcScript("swc-on-after-adopted", hostSet);
     };
-    const originalAttributeChanged = proto.attributeChangedCallback;
-    proto.attributeChangedCallback = function(name2, old, newVal) {
-      if (originalAttributeChanged) originalAttributeChanged.apply(this, [name2, old, newVal]);
-      const hSet = SwcUtils.getHostSet(this);
-      if (name2.startsWith("swc-on-") && !swcLifecycleAttributes.includes(name2)) {
-        if (newVal !== null) {
-          const eventName = name2.substring(7);
-          this._bindAttributeEvent(this, name2, newVal, eventName);
+    ElementUtils2.querySelectorAll = (e, selector) => {
+      if (e instanceof Element) {
+        return Array.from(e.querySelectorAll(selector));
+      } else {
+        const startNode = e.start;
+        const endNode = e.end;
+        if (startNode && endNode && startNode.parentNode === endNode.parentNode) {
+          const elements = [];
+          let currentNode = startNode.nextSibling;
+          while (currentNode && currentNode !== endNode) {
+            if (currentNode.nodeType === Node.ELEMENT_NODE) {
+              const currentElement = currentNode;
+              if (currentElement.matches(selector)) {
+                elements.push(currentElement);
+              }
+              elements.push(...Array.from(currentElement.querySelectorAll(selector)));
+            }
+            currentNode = currentNode.nextSibling;
+          }
+          return elements;
         }
       }
-      const hostCustomEventMeta = emitHostCustomEventList.find((it) => it.options.attributeName === name2);
-      if (hostCustomEventMeta && newVal !== null) {
-        this._bindAttributeEvent(this, name2, newVal, hostCustomEventMeta.type);
-      }
-      const mKeys = attrChangeMap.get(name2);
-      if (mKeys && Array.isArray(mKeys)) {
-        for (const key of mKeys) this[key](newVal, old, name2, hSet);
-      }
+      return [];
     };
-    Object.defineProperty(constructor, "observedAttributes", {
-      get: () => mergedObservedAttributes,
-      configurable: true
-    });
-    ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, metadata, constructor);
-    const registry = metadata.customElementRegistry || win?.customElements;
-    if (registry && !registry.get(metadata.name)) {
-      registry.define(metadata.name, constructor, metadata.extends ? { extends: metadata.extends } : void 0);
-    }
-    return constructor;
-  };
-
-  // ../simple-boot/dist/esm/decorators/SimDecorator.js
-  var SimMetadataKey = Symbol.for("simple-boot:sim-metadata");
-  var PostConstructMetadataKey = Symbol.for("simple-boot:post-construct-metadata");
-
-  // ../simple-boot/dist/esm/decorators/aop/AOPDecorator.js
-  var AfterMetadataKey = Symbol.for("simple-boot:after-metadata");
-  var BeforeMetadataKey = Symbol.for("simple-boot:before-metadata");
-  var AroundMetadataKey = Symbol.for("simple-boot:around-metadata");
-
-  // ../simple-boot/dist/esm/decorators/exception/ExceptionDecorator.js
-  var ExceptionHandlerMetadataKey = Symbol.for("simple-boot:exception-handler-metadata");
-
-  // ../simple-boot/dist/esm/decorators/SimNoProxy.js
-  var SimNoProxyKey = Symbol.for("simple-boot:sim-no-proxy-metadata");
-
-  // ../simple-boot/dist/esm/decorators/inject/Injection.js
-  var InjectionMetadataKey = Symbol("Injection");
-
-  // ../simple-boot/dist/esm/decorators/route/Router.js
-  var RouterMetadataKey = Symbol.for("simple-boot:router-metadata");
-  var RouteMetadataKey = Symbol.for("simple-boot:route-metadata");
-
-  // ../simple-boot/dist/esm/route/RouterAction.js
-  var RouterAction;
-  ((RouterAction2) => {
-    RouterAction2.isCanActivate = (obj) => {
-      return typeof obj?.canActivate === "function";
+    ElementUtils2.selectorElements = (selector, element = document) => {
+      return Array.prototype.slice.call(element.querySelectorAll(selector));
     };
-    RouterAction2.isOnRouting = (obj) => {
-      return typeof obj?.onRouting === "function";
+    ElementUtils2.selectorNodes = (selector, element = document) => {
+      return element.querySelectorAll(selector);
     };
-    RouterAction2.isHasActivate = (obj) => {
-      return typeof obj?.hasActivate === "function";
-    };
-  })(RouterAction || (RouterAction = {}));
-
-  // ../core-web/dist/esm/element/CanvasUtils.js
-  var CanvasUtils;
-  ((CanvasUtils2) => {
-    let Context2D;
-    ((Context2D2) => {
-      Context2D2.resetTransform = (context) => {
-        context.setTransform(1, 0, 0, 1, 0, 0);
-      };
-    })(Context2D = CanvasUtils2.Context2D || (CanvasUtils2.Context2D = {}));
-    CanvasUtils2.fontSize = (ctx, config) => {
-      const { text, maxWidth, maxHeight, fontOption } = config;
-      if (!text || maxWidth <= 0 || maxHeight <= 0) {
-        return 0;
-      }
-      const lines = text.split("\n").filter((line) => line.trim().length > 0);
-      if (lines.length === 0) {
-        return 0;
-      }
-      const lineHeightMultiplier = 1.2;
-      const maxFontSizeByHeight = Math.floor(maxHeight / (lines.length * lineHeightMultiplier));
-      if (maxFontSizeByHeight <= 0) {
-        return 0;
-      }
-      let minSizeForWidth = 1;
-      let maxSizeForWidth = maxFontSizeByHeight;
-      let bestSizeForWidth = 0;
-      const maxIterations = 100;
-      let iteration = 0;
-      while (minSizeForWidth <= maxSizeForWidth && iteration < maxIterations) {
-        const midSize = Math.floor((minSizeForWidth + maxSizeForWidth) / 2);
-        if (midSize === 0) break;
-        ctx.font = `${fontOption?.fontWeight || "normal"} ${midSize}px ${fontOption?.fontFamily || "sans-serif"}`;
-        const maxLineWidth = Math.max(...lines.map((line) => ctx.measureText(line).width));
-        if (maxLineWidth <= maxWidth) {
-          bestSizeForWidth = midSize;
-          minSizeForWidth = midSize + 1;
-        } else {
-          maxSizeForWidth = midSize - 1;
-        }
-        iteration++;
-      }
-      return Math.min(bestSizeForWidth, maxFontSizeByHeight);
-    };
-    CanvasUtils2.textMetrics = (context, text) => {
-      return context.measureText(text);
-    };
-  })(CanvasUtils || (CanvasUtils = {}));
-
-  // ../core-web/dist/esm/element/ElementUtils.js
-  var ElementUtils;
-  ((ElementUtils2) => {
-    function removeAllChildren(el, els) {
-      if (!els) {
-        el.replaceChildren();
-      } else if (Array.isArray(els)) {
-        el.replaceChildren(...els);
-      } else {
-        el.replaceChildren(els);
-      }
-    }
-    ElementUtils2.removeAllChildren = removeAllChildren;
-    function loadImage(src, callback) {
-      let targetCallback;
-      let promise = void 0;
-      if (callback) {
-        targetCallback = callback.onload;
-      } else {
-        const r = Promises.withResolvers();
-        promise = r.promise;
-        targetCallback = r.resolve;
-      }
-      const img = new Image();
-      img.onload = () => {
-        targetCallback(img);
-      };
-      if (callback && callback.onerror) {
-        img.onerror = callback.onerror;
-      }
-      img.src = src;
-      return promise;
-    }
-    ElementUtils2.loadImage = loadImage;
-    function loadAudio(src, callback) {
-      let targetCallback;
-      let error;
-      let promise = void 0;
-      if (callback) {
-        targetCallback = callback.onload;
-        error = callback.onerror;
-      } else {
-        const r = Promises.withResolvers();
-        promise = r.promise;
-        error = r.reject;
-        targetCallback = r.resolve;
-      }
-      const audio = new Audio("path/to/audio1.mp3");
-      audio.addEventListener("canplay", () => {
-        targetCallback?.(audio);
-      });
-      audio.addEventListener("error", (e) => {
-        callback?.onerror(e);
-      });
-      audio.load();
-      return promise;
-    }
-    ElementUtils2.loadAudio = loadAudio;
-    ElementUtils2.toInnerHTML = (documentFragment, config) => {
-      const tempDiv = config.document.createElement("div");
-      tempDiv.appendChild(documentFragment.cloneNode(true));
-      return tempDiv.innerHTML;
-    };
-    ElementUtils2.htmlToFragment = (html, config = { document }) => {
-      const tempDiv = config.document.createElement("div");
-      tempDiv.innerHTML = html;
-      const fragment = config.document.createDocumentFragment();
-      while (tempDiv.firstChild) {
-        fragment.appendChild(tempDiv.firstChild);
-      }
-      return fragment;
-    };
-    ElementUtils2.replaceWith = (targetElement, replaceElement) => {
-      targetElement.replaceWith(replaceElement);
-    };
-    ElementUtils2.nodeList = (documentFragment) => {
-      return Array.from(documentFragment.childNodes);
-    };
-    ElementUtils2.cloneNodeList = (documentFragment) => {
-      return Array.from(documentFragment.childNodes).map((node) => node.cloneNode(true));
-    };
-    ElementUtils2.querySelector = (e, selector) => {
-      const elements = ElementUtils2.querySelectorAll(e, selector);
-      if (elements.length > 0) {
-        return elements[0];
-      } else {
-        return null;
-      }
-    };
-    ElementUtils2.querySelectorAll = (e, selector) => {
-      if (e instanceof Element) {
-        return Array.from(e.querySelectorAll(selector));
-      } else {
-        const startNode = e.start;
-        const endNode = e.end;
-        if (startNode && endNode && startNode.parentNode === endNode.parentNode) {
-          const elements = [];
-          let currentNode = startNode.nextSibling;
-          while (currentNode && currentNode !== endNode) {
-            if (currentNode.nodeType === Node.ELEMENT_NODE) {
-              const currentElement = currentNode;
-              if (currentElement.matches(selector)) {
-                elements.push(currentElement);
-              }
-              elements.push(...Array.from(currentElement.querySelectorAll(selector)));
-            }
-            currentNode = currentNode.nextSibling;
-          }
-          return elements;
-        }
-      }
-      return [];
-    };
-    ElementUtils2.selectorElements = (selector, element = document) => {
-      return Array.prototype.slice.call(element.querySelectorAll(selector));
-    };
-    ElementUtils2.selectorNodes = (selector, element = document) => {
-      return element.querySelectorAll(selector);
-    };
-    ElementUtils2.removeAttribute = (result, attrs) => {
-      attrs.forEach((it) => {
-        result.removeAttribute(it);
-      });
+    ElementUtils2.removeAttribute = (result, attrs) => {
+      attrs.forEach((it) => {
+        result.removeAttribute(it);
+      });
     };
     ElementUtils2.setAttribute = (result, attrs) => {
       attrs.forEach((it) => {
@@ -8493,6 +7576,12 @@ var dooboostoreSimpleWebComponent = (() => {
       });
     }
     ConvertUtils22.compressImage = compressImage;
+    function decodeHtmlEntity(html, doc) {
+      const textarea = doc.createElement("textarea");
+      textarea.innerHTML = html;
+      return textarea.value;
+    }
+    ConvertUtils22.decodeHtmlEntity = decodeHtmlEntity;
   })(ConvertUtils2 || (ConvertUtils2 = {}));
 
   // ../core-web/dist/esm/clipboard/ClipBoardUtils.js
@@ -8665,99 +7754,1224 @@ var dooboostoreSimpleWebComponent = (() => {
                 Array.from(rule.style).filter((prop) => prop.startsWith("--")).forEach((prop) => variables.add(prop));
               }
             });
-          } catch (e) {
-            console.warn("\uC2A4\uD0C0\uC77C\uC2DC\uD2B8 \uC811\uADFC \uC81C\uD55C:", e);
+          } catch (e) {
+            console.warn("\uC2A4\uD0C0\uC77C\uC2DC\uD2B8 \uC811\uADFC \uC81C\uD55C:", e);
+          }
+        });
+      }
+      const computedStyles = config.window.getComputedStyle(targetElement);
+      Array.from(computedStyles).filter((prop) => prop.startsWith("--")).forEach((it) => {
+        variables.add(it);
+      });
+      return Array.from(variables).map((it) => [it, computedStyles.getPropertyValue(it)]);
+    };
+  })(StyleCssUtils || (StyleCssUtils = {}));
+
+  // ../core-web/dist/esm/animation/AnimationFrameUtils.js
+  var AnimationFrameUtils;
+  ((AnimationFrameUtils2) => {
+    function fps(params, callback) {
+      let startTimestamp = null;
+      let stop = false;
+      const animate = (currentTimestamp) => {
+        if (startTimestamp !== null) {
+          const delta = currentTimestamp - startTimestamp;
+          const fps2 = (params?.second ?? 1) * 1e3 / delta;
+          callback({ fpsConfigParam: params, fps: fps2, startTimestamp, timestamp: currentTimestamp });
+        }
+        startTimestamp = currentTimestamp;
+        if (!stop) {
+          window.requestAnimationFrame(animate);
+        }
+      };
+      window.requestAnimationFrame(animate);
+      return new AutoCloseSubscription(() => stop = true);
+    }
+    AnimationFrameUtils2.fps = fps;
+    AnimationFrameUtils2.dividePerFpsObservable = ({
+      fpsConfig,
+      divideSize
+    }) => {
+      return new Observable((subscriber) => {
+        const handler = (event) => subscriber.next(event);
+        let fps2 = 0;
+        const getDrawFpsGap = () => {
+          return Math.floor(fps2 / divideSize);
+        };
+        let gapPosition = 0;
+        const fpsSubscription = AnimationFrameUtils2.fps(fpsConfig, (fpsConfig2) => {
+          fps2 = fpsConfig2.fps;
+          gapPosition++;
+          const gapSize = getDrawFpsGap();
+          if (gapPosition >= gapSize) {
+            handler({ ...fpsConfig2, ...{ gapPosition, gapSize } });
+            gapPosition = 0;
+          }
+        });
+        return () => {
+          fpsSubscription.unsubscribe();
+        };
+      });
+    };
+  })(AnimationFrameUtils || (AnimationFrameUtils = {}));
+
+  // ../core-web/dist/esm/valid/ValidUtils.js
+  var ValidUtils2;
+  ((ValidUtils22) => {
+    ValidUtils22.coreValidUtils = ValidUtils;
+    ValidUtils22.isBrowser = (callBack) => {
+      const boolean = typeof window !== "undefined" && typeof Window !== "undefined";
+      if (boolean && callBack) {
+        callBack(window);
+      }
+      return boolean;
+    };
+    ValidUtils22.hasParentWindow = (win) => ValidUtils22.isBrowser() && win.parent && win !== win.parent;
+    ValidUtils22.isSocialNetworkServiceInappBrowser = () => {
+      const userAgent = ValidUtils22.isBrowser() ? window.navigator.userAgent.toLowerCase() : "none";
+      return /kakaotalk|naver|facebook|insta|FBAN|FBAV/.test(userAgent);
+    };
+    ValidUtils22.isWkWebview = () => ValidUtils22.isBrowser() && window["webkit"] != null && window["webkit"].messageHandlers != null && window["webkit"].messageHandlers["System"] != null;
+    function isiPhone() {
+      return ValidUtils22.isBrowser() && /iphone|ipad|ipod/i.test(navigator.userAgent.toLowerCase());
+    }
+    ValidUtils22.isiPhone = isiPhone;
+    ValidUtils22.isAndroidWebview = () => {
+      return ValidUtils22.isBrowser() && window["System"] != null;
+    };
+    ValidUtils22.isMobile = (win) => {
+      const targetWindow = win ?? ((0, ValidUtils22.isBrowser)() ? window : void 0);
+      if (!targetWindow) {
+        return false;
+      }
+      return /Mobi/i.test(targetWindow.navigator.userAgent);
+    };
+  })(ValidUtils2 || (ValidUtils2 = {}));
+
+  // src/decorators/elementDefine.ts
+  var ELEMENT_CONFIG_KEY = Symbol.for("simple-web-component:element-config");
+  var getElementConfig = (target) => {
+    const constructor = target instanceof Function ? target : target.constructor;
+    return ReflectUtils.getMetadata(ELEMENT_CONFIG_KEY, constructor);
+  };
+  var ensureInit = (inst) => {
+    if (!inst.__swc_initialized) {
+      inst._swcId = Math.random().toString(36).substring(2, 11);
+      inst._emitHandlers = /* @__PURE__ */ new Map();
+      inst._boundListeners = [];
+      inst.__swc_initialized = true;
+      const target = inst instanceof Function ? inst : inst.constructor;
+      const attributeList = findAllAttributeMetadata(target);
+      attributeList.forEach((meta) => {
+        delete inst[meta.propertyKey];
+      });
+      const queryList = getQueryMetadata(target);
+      if (queryList) {
+        queryList.forEach((meta) => {
+          delete inst[meta.propertyKey];
+        });
+      }
+      const queryAllList = getQueryAllMetadata(target);
+      if (queryAllList) {
+        queryAllList.forEach((meta) => {
+          delete inst[meta.propertyKey];
+        });
+      }
+      const hostSet = SwcUtils.getHostSet(inst);
+      const appHosts = SwcUtils.findAllParentAppHostsDirect(inst);
+      inst._executeSwcScript?.("swc-on-constructor", hostSet);
+      const cMethods = findAllLifecycleMetadata(inst, ON_INITIALIZE_METADATA_KEY);
+      if (cMethods) {
+        for (const m of cMethods) inst._invokeLifecycleMethod(m, hostSet);
+      }
+    }
+  };
+  var globalDelegatedRoots = /* @__PURE__ */ new WeakSet();
+  var handleGlobalSwcEvent = async (event) => {
+    if (event.__swc_handled) return;
+    const path = event.composedPath();
+    const type = event.type;
+    const attrName = `swc-on-${type}`;
+    for (const node of path) {
+      if (!(node instanceof HTMLElement)) continue;
+      const script = node.getAttribute?.(attrName);
+      if (script && !getElementConfig(node)) {
+        const host2 = SwcUtils.findNearestSwcHost(node);
+        if (host2 && host2.isConnected && typeof host2.__swc_executeAttributeEvent === "function") {
+          await host2.__swc_executeAttributeEvent(node, attrName, script, event);
+          event.__swc_handled = true;
+          break;
+        }
+      }
+    }
+  };
+  function buildEnv(configWindow) {
+    const win = configWindow || (typeof window !== "undefined" ? window : void 0);
+    const doc = win?.document;
+    const builtInTagMap = /* @__PURE__ */ new Map();
+    for (const [cls, tag] of HTML_TAG_ENTRIES) {
+      if (win?.[cls]) builtInTagMap.set(win[cls], tag);
+    }
+    const domHelpers = SwcUtils.getHelperSet(win);
+    return { win, doc, builtInTagMap, domHelpers };
+  }
+  var getHandlers = (inst) => {
+    if (!inst.__swc_attributeEventHandlers) inst.__swc_attributeEventHandlers = /* @__PURE__ */ new Map();
+    return inst.__swc_attributeEventHandlers;
+  };
+  var setupPrototype = (proto) => {
+    if (proto.__swc_proto_setup) return;
+    proto.__swc_proto_setup = true;
+    proto._executeSwcScript = function(attrName, hostSet, extraArgs = {}) {
+      ensureInit(this);
+      const script = this.getAttribute(attrName);
+      if (script) {
+        try {
+          const conf = getElementConfig(this);
+          const currentWin = this._resolveWindow(conf);
+          const helpers = SwcUtils.getHelperSet(currentWin);
+          const args = { ...hostSet, ...helpers, ...extraArgs, $el: this, $root: this.getRootNode() };
+          FunctionUtils.execute({ script, context: this, args });
+        } catch (e) {
+          console.error(`[SWC] Failed to execute ${attrName}:`, e);
+        }
+      }
+    };
+    proto._resolveWindow = function(localConfig) {
+      ensureInit(this);
+      if (localConfig?.window) return localConfig.window;
+      const ancestors = SwcUtils.findAllSwcHosts(this);
+      for (let i = ancestors.length - 1; i >= 0; i--) {
+        const aConf = getElementConfig(ancestors[i]);
+        if (aConf?.window) return aConf.window;
+      }
+      return typeof window !== "undefined" ? window : void 0;
+    };
+    proto._invokeLifecycleMethod = function(methodName, hostSet, extraArgs = []) {
+      ensureInit(this);
+      if (typeof this[methodName] !== "function") return;
+      const useHostSet = hostSet ?? SwcUtils.getHostSet(this);
+      const app = useHostSet?.$appHost?.simpleApplication;
+      if (app) {
+        const otherStorage = /* @__PURE__ */ new Map();
+        const situations = new SituationTypeContainers([new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTSET" /* HOST_SET */, data: useHostSet }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOST" /* APP_HOST */, data: useHostSet.$appHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://APPHOSTS" /* APP_HOSTS */, data: useHostSet.$appHosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOST" /* HOST */, data: useHostSet.$host }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://HOSTS" /* HOSTS */, data: useHostSet.$hosts }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTHOST" /* FIRST_HOST */, data: useHostSet.$firstHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTHOST" /* LAST_HOST */, data: useHostSet.$lastHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://FIRSTAPPHOST" /* FIRST_APP_HOST */, data: useHostSet.$firstAppHost }), new SituationTypeContainer({ situationType: "SIMPLE_WEB_COMPONENT://LASTAPPHOST" /* LAST_APP_HOST */, data: useHostSet.$lastAppHost })]);
+        otherStorage.set(SituationTypeContainers, situations);
+        return app.simstanceManager.executeBindParameterSim(
+          {
+            target: this,
+            targetKey: methodName,
+            inputParameters: extraArgs
+          },
+          otherStorage
+        );
+      } else {
+        return this[methodName](...extraArgs);
+      }
+    };
+    proto._bindAttributeEvent = function(el, attrName, script, eventName) {
+      ensureInit(this);
+      if (!eventName) {
+        if (!attrName.startsWith("swc-on-")) return;
+        eventName = attrName.substring(7);
+      }
+      const elHandlers = getHandlers(this);
+      let handlers = elHandlers.get(el);
+      if (!handlers) {
+        handlers = /* @__PURE__ */ new Map();
+        elHandlers.set(el, handlers);
+      }
+      const oldHandler = handlers.get(attrName);
+      if (oldHandler) el.removeEventListener(eventName, oldHandler);
+      const handler = async (event) => {
+        const hostSet = SwcUtils.getHostSet(el);
+        const conf = getElementConfig(this);
+        const currentWin = this._resolveWindow(conf);
+        const helpers = SwcUtils.getHelperSet(currentWin);
+        const args = {
+          event,
+          $data: event.detail,
+          ...hostSet,
+          ...helpers,
+          $el: el,
+          $root: this.getRootNode()
+        };
+        await FunctionUtils.execute({ script, context: el, args });
+      };
+      el.addEventListener(eventName, handler);
+      handlers.set(attrName, handler);
+    };
+    proto.__swc_executeAttributeEvent = async function(el, attrName, script, event) {
+      ensureInit(this);
+      const hostSet = SwcUtils.getHostSet(el);
+      const conf = getElementConfig(this);
+      const currentWin = this._resolveWindow(conf);
+      const currentHelpers = SwcUtils.getHelperSet(currentWin);
+      const detail = event.detail;
+      const args = {
+        event,
+        $event: event,
+        $data: detail,
+        $detail: detail,
+        ...hostSet,
+        ...currentHelpers,
+        $el: el,
+        $root: this.getRootNode()
+      };
+      await FunctionUtils.execute({ script, context: el, args });
+    };
+  };
+  var elementDefine = (name, config = {}) => (constructor) => {
+    const { win, doc, builtInTagMap: BUILT_IN_TAG_MAP, domHelpers: SWC_DOM_HELPERS } = buildEnv(config.window);
+    const metadata = { ...config, name, window: win };
+    if (!metadata.window) {
+      throw new Error("window is required");
+    }
+    let extendsTagName = metadata.extends;
+    if (!extendsTagName) {
+      let proto2 = constructor;
+      const BaseHTMLElement = win.HTMLElement;
+      while (proto2 && proto2 !== BaseHTMLElement && proto2 !== Function.prototype) {
+        extendsTagName = BUILT_IN_TAG_MAP.get(proto2);
+        if (extendsTagName) break;
+        proto2 = Object.getPrototypeOf(proto2);
+      }
+      metadata.extends = extendsTagName;
+    }
+    const emitCustomEventList = getEmitCustomEventMetadataList(constructor) || [];
+    const emitHostCustomEventList = emitCustomEventList.filter((meta) => meta.selector === ":host" || meta.selector === "");
+    const addEventListenerList = getAddEventListenerMetadata(constructor) || [];
+    const attrChangeMap = findAllAttributeChangedMetadata(constructor);
+    const attributeList = findAllAttributeMetadata(constructor);
+    const applyAttributeMap = findAllAttributeApplyMetadata(constructor);
+    const swcLifecycleAttributes = ["swc-on-constructor", "swc-on-connected", "swc-on-disconnected", "swc-on-before-connected", "swc-on-after-connected", "swc-on-before-disconnected", "swc-on-after-disconnected", "swc-on-before-adopted", "swc-on-after-adopted", "swc-on-attribute-changed"];
+    const swcOnEvents = DOM_EVENT_NAMES.map((e) => `swc-on-${e}`);
+    const attributeApplyNames = Array.from(applyAttributeMap.values()).map((it) => it.options.name).filter(Boolean);
+    const hostAttributes = attributeList.filter((it) => it.selector === ":host").map((it) => it.options.name || String(it.propertyKey));
+    const mergedObservedAttributes = [.../* @__PURE__ */ new Set([
+      ...metadata.observedAttributes ?? [],
+      ...attrChangeMap.keys(),
+      ...attributeApplyNames,
+      ...hostAttributes,
+      ...emitHostCustomEventList.map((it) => it.options.attributeName).filter(Boolean),
+      ...swcLifecycleAttributes,
+      ...swcOnEvents
+    ])];
+    const connectedInnerHtmlList = getOnConnectedInnerHtmlMetadata(constructor) || [];
+    const proto = constructor.prototype;
+    setupPrototype(proto);
+    const originalConnected = proto.connectedCallback;
+    proto.connectedCallback = function() {
+      ensureInit(this);
+      const hostSet = SwcUtils.getHostSet(this);
+      const appHost2 = hostSet.$appHost;
+      const conf = getElementConfig(this);
+      const currentWin = this._resolveWindow(conf);
+      if (connectedInnerHtmlList.some((it) => it.options.useShadow === true) && !this.shadowRoot) {
+        this.attachShadow({ mode: "open" });
+      }
+      this._executeSwcScript("swc-on-before-connected", hostSet);
+      const bMethods = findAllLifecycleMetadata(this, ON_BEFORE_CONNECTED_METADATA_KEY);
+      if (bMethods) {
+        for (const m of bMethods) this._invokeLifecycleMethod(m, hostSet);
+      }
+      if (connectedInnerHtmlList.length > 0) {
+        let sContent = "", lContent = "";
+        for (const meta of connectedInnerHtmlList) {
+          const res = this._invokeLifecycleMethod(meta.propertyKey, hostSet);
+          if (res !== void 0) {
+            if (meta.options.useShadow) sContent += res;
+            else lContent += res;
+          }
+        }
+        if (this.shadowRoot) this.shadowRoot.innerHTML = sContent;
+        if (lContent) this.innerHTML = lContent;
+      }
+      const root = this.getRootNode();
+      if (!globalDelegatedRoots.has(root)) {
+        DOM_EVENT_NAMES.forEach((type) => {
+          root.addEventListener(type, handleGlobalSwcEvent);
+        });
+        globalDelegatedRoots.add(root);
+      }
+      const delegateListeners = [];
+      const nonDelegateListeners = [];
+      addEventListenerList.forEach((meta) => {
+        if (meta.options.delegate && meta.selector !== ":window" && meta.selector !== ":document" && meta.selector !== ":parentHost" && meta.selector !== ":appHost" && meta.selector !== ":firstHost" && meta.selector !== ":lastHost" && meta.selector !== ":firstAppHost" && meta.selector !== ":lastAppHost" && meta.selector !== ":hosts" && meta.selector !== ":appHosts" && meta.selector !== ":host" && meta.selector !== "") {
+          delegateListeners.push(meta);
+        } else {
+          nonDelegateListeners.push(meta);
+        }
+      });
+      const delegatesByTypeAndRoot = /* @__PURE__ */ new Map();
+      delegateListeners.forEach((meta) => {
+        const r = meta.options.root || "auto";
+        const rootKey = `${meta.type}:${r}`;
+        if (!delegatesByTypeAndRoot.has(rootKey)) {
+          delegatesByTypeAndRoot.set(rootKey, []);
+        }
+        delegatesByTypeAndRoot.get(rootKey).push(meta);
+      });
+      delegatesByTypeAndRoot.forEach((metaList, typeRootKey) => {
+        const [type, rStr] = typeRootKey.split(":");
+        const r = rStr === "auto" ? "auto" : rStr;
+        const opts = { capture: metaList[0].options.capture, once: metaList[0].options.once, passive: metaList[0].options.passive };
+        const bindRoots = [];
+        if (r === "auto") bindRoots.push(this.shadowRoot || this);
+        else if (r === "light") bindRoots.push(this);
+        else if (r === "shadow" && this.shadowRoot) bindRoots.push(this.shadowRoot);
+        else if (r === "all") {
+          bindRoots.push(this);
+          if (this.shadowRoot) bindRoots.push(this.shadowRoot);
+        }
+        bindRoots.forEach((br) => {
+          const sortedMetaList = [...metaList].sort((a, b) => {
+            const aStop = a.options.stopPropagation ? 1 : 0;
+            const bStop = b.options.stopPropagation ? 1 : 0;
+            return bStop - aStop;
+          });
+          const unifiedHandler = async (event) => {
+            for (const meta of sortedMetaList) {
+              const { selector, options } = meta;
+              const matchedEl = event.target.closest(selector);
+              if (matchedEl && br.contains(matchedEl)) {
+                if (options.filter) {
+                  const helper = SwcUtils.getHelperAndHostSet(currentWin, matchedEl);
+                  if (!options.filter(event, helper)) {
+                    continue;
+                  }
+                }
+                if (options.stopPropagation) event.stopPropagation();
+                if (options.stopImmediatePropagation) event.stopImmediatePropagation();
+                if (options.preventDefault) event.preventDefault();
+                const currentHostSet = SwcUtils.getHostSet(this);
+                const args = { event, ...currentHostSet, $el: matchedEl, $root: br };
+                await this[meta.propertyKey](event, currentHostSet, matchedEl, args);
+                if (event.cancelBubble) break;
+              }
+            }
+          };
+          br.addEventListener(type, unifiedHandler, opts);
+          this._boundListeners.push({ target: br, type, handler: unifiedHandler, options: opts });
+        });
+      });
+      nonDelegateListeners.forEach((meta) => {
+        const { selector, type, options } = meta;
+        const opts = { capture: options.capture, once: options.once, passive: options.passive };
+        const bindTargets = [];
+        const r = options.root || "auto";
+        const applyRootOption = (target) => {
+          if (!target) return;
+          if (r === "auto") {
+            bindTargets.push(target.shadowRoot || target);
+          } else {
+            if (r === "light" || r === "all") bindTargets.push(target);
+            if ((r === "shadow" || r === "all") && target.shadowRoot) bindTargets.push(target.shadowRoot);
+          }
+        };
+        if (selector === ":window") bindTargets.push(currentWin);
+        else if (selector === ":document") bindTargets.push(currentWin.document);
+        else if (selector === ":parentHost") applyRootOption(hostSet.$parentHost);
+        else if (selector === ":appHost") applyRootOption(hostSet.$appHost);
+        else if (selector === ":firstHost") applyRootOption(hostSet.$firstHost);
+        else if (selector === ":lastHost") applyRootOption(hostSet.$lastHost);
+        else if (selector === ":firstAppHost") applyRootOption(hostSet.$firstAppHost);
+        else if (selector === ":lastAppHost") applyRootOption(hostSet.$lastAppHost);
+        else if (selector === ":hosts") hostSet.$hosts.forEach(applyRootOption);
+        else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRootOption);
+        else if (selector === ":host" || !selector) applyRootOption(this);
+        else {
+          const searchRoots = [];
+          if (r === "auto") searchRoots.push(this.shadowRoot || this);
+          else if (r === "light") searchRoots.push(this);
+          else if (r === "shadow" && this.shadowRoot) searchRoots.push(this.shadowRoot);
+          else if (r === "all") {
+            searchRoots.push(this);
+            if (this.shadowRoot) searchRoots.push(this.shadowRoot);
+          }
+          searchRoots.forEach((sr) => {
+            sr.querySelectorAll(selector).forEach((el) => bindTargets.push(el));
+          });
+        }
+        bindTargets.forEach((t) => {
+          const handler = async (event) => {
+            if (options.filter) {
+              const helper = SwcUtils.getHelperAndHostSet(currentWin, t);
+              if (!options.filter(event, helper)) {
+                return;
+              }
+            }
+            if (options.stopPropagation) event.stopPropagation();
+            if (options.stopImmediatePropagation) event.stopImmediatePropagation();
+            if (options.preventDefault) event.preventDefault();
+            const currentHostSet = SwcUtils.getHostSet(this);
+            const args = { event, ...currentHostSet, $el: t, $root: t };
+            await this[meta.propertyKey](event, currentHostSet, args);
+          };
+          t.addEventListener(type, handler, opts);
+          if (options.removeOnDisconnected === true || t === currentWin || t === currentWin.document) {
+            this._boundListeners.push({ target: t, type, handler, options: opts });
+          }
+        });
+      });
+      if (originalConnected) originalConnected.apply(this);
+      const aMethods = findAllLifecycleMetadata(this, ON_AFTER_CONNECTED_METADATA_KEY);
+      if (aMethods) {
+        for (const m of aMethods) this._invokeLifecycleMethod(m, hostSet);
+      }
+      this._executeSwcScript("swc-on-connected", hostSet);
+      this._executeSwcScript("swc-on-after-connected", hostSet);
+      this.__swc_connected = true;
+      const appHostss = SwcUtils.findAllParentAppHostsDirect(this);
+      if (appHost2 && typeof appHost2._connected === "function") {
+        appHost2._connected(this);
+      } else if (appHost2 && typeof appHost2) {
+        appHost2._connected_safari ?? (appHost2._connected_safari = []);
+        appHost2._connected_safari.push(this);
+      }
+    };
+    const originalDisconnected = proto.disconnectedCallback;
+    proto.disconnectedCallback = function() {
+      const hostSet = SwcUtils.getHostSet(this);
+      this._executeSwcScript("swc-on-before-disconnected", hostSet);
+      const bMethods = findAllLifecycleMetadata(this, ON_BEFORE_DISCONNECTED_METADATA_KEY);
+      if (bMethods) {
+        for (const m of bMethods) this._invokeLifecycleMethod(m, hostSet);
+      }
+      if (this._boundListeners) {
+        this._boundListeners.forEach((l) => l.target.removeEventListener(l.type, l.handler, l.options));
+        this._boundListeners = [];
+      }
+      if (originalDisconnected) originalDisconnected.apply(this);
+      const aMethods = findAllLifecycleMetadata(this, ON_AFTER_DISCONNECTED_METADATA_KEY);
+      if (aMethods) {
+        for (const m of aMethods) this._invokeLifecycleMethod(m, hostSet);
+      }
+      this._executeSwcScript("swc-on-disconnected", hostSet);
+      this._executeSwcScript("swc-on-after-disconnected", hostSet);
+      this.__swc_connected = false;
+      const appHost2 = hostSet.$appHost;
+      if (appHost2 && typeof appHost2._disconnected === "function") {
+        appHost2._disconnected(this);
+      }
+    };
+    const originalAdopted = proto.adoptedCallback;
+    proto.adoptedCallback = function() {
+      const hostSet = SwcUtils.getHostSet(this);
+      this._executeSwcScript("swc-on-before-adopted", hostSet);
+      const bMethods = findAllLifecycleMetadata(this, ON_BEFORE_ADOPTED_METADATA_KEY);
+      if (bMethods) {
+        for (const m of bMethods) this._invokeLifecycleMethod(m, hostSet);
+      }
+      if (originalAdopted) originalAdopted.apply(this);
+      const aMethods = findAllLifecycleMetadata(this, ON_AFTER_ADOPTED_METADATA_KEY);
+      if (aMethods) {
+        for (const m of aMethods) this._invokeLifecycleMethod(m, hostSet);
+      }
+      this._executeSwcScript("swc-on-adopted", hostSet);
+      this._executeSwcScript("swc-on-after-adopted", hostSet);
+    };
+    const originalAttributeChanged = proto.attributeChangedCallback;
+    proto.attributeChangedCallback = function(name2, old, newVal) {
+      if (originalAttributeChanged) originalAttributeChanged.apply(this, [name2, old, newVal]);
+      const hSet = SwcUtils.getHostSet(this);
+      let processedVal = newVal;
+      if (newVal !== null) {
+        const ae = new ActionExpression(newVal);
+        const expr = ae.getFirstExpression("call-return");
+        if (expr) {
+          const win2 = this._resolveWindow?.() || (typeof window !== "undefined" ? window : void 0);
+          try {
+            const result = FunctionUtils.executeReturn({
+              script: ConvertUtils2.decodeHtmlEntity(expr.script, win2.document),
+              context: this,
+              args: SwcUtils.getHelperAndHostSet(win2, this)
+            });
+            processedVal = String(result);
+          } catch (e) {
+            console.error(`[SWC] Failed to execute directive {{= ${expr.script} }} on attribute ${name2}:`, e);
+            processedVal = newVal;
+          }
+        }
+      }
+      if (name2.startsWith("swc-on-") && !swcLifecycleAttributes.includes(name2)) {
+        if (newVal !== null) {
+          const eventName = name2.substring(7);
+          this._bindAttributeEvent(this, name2, newVal, eventName);
+        }
+      }
+      const hostCustomEventMeta = emitHostCustomEventList.find((it) => it.options.attributeName === name2);
+      if (hostCustomEventMeta && newVal !== null) {
+        this._bindAttributeEvent(this, name2, newVal, hostCustomEventMeta.type);
+      }
+      const mKeys = attrChangeMap.get(name2);
+      if (mKeys && Array.isArray(mKeys)) {
+        for (const key of mKeys) this[key](processedVal, old, name2, hSet);
+      }
+    };
+    Object.defineProperty(constructor, "observedAttributes", {
+      get: () => mergedObservedAttributes,
+      configurable: true
+    });
+    ReflectUtils.defineMetadata(ELEMENT_CONFIG_KEY, metadata, constructor);
+    const registry = metadata.customElementRegistry || win?.customElements;
+    if (registry && !registry.get(metadata.name)) {
+      registry.define(metadata.name, constructor, metadata.extends ? { extends: metadata.extends } : void 0);
+    }
+    return constructor;
+  };
+
+  // src/decorators/attribute.ts
+  var ATTRIBUTE_FIELD_METADATA_KEY = Symbol.for("simple-web-component:attribute-field");
+  var convertValue = (val, type) => {
+    if (val === null || val === void 0) return val;
+    if (type === Number) return Number(val);
+    if (type === Boolean) return val === "false" || val === "0" ? false : true;
+    return val;
+  };
+  var resolveTargetEls = (inst, selector, options, currentWin) => {
+    const r = options.root || "auto";
+    const results = [];
+    const applyRoot = (target) => {
+      if (!target) return;
+      if (r === "auto") {
+        results.push(target);
+      } else {
+        if (r === "light" || r === "all") results.push(target);
+        if ((r === "shadow" || r === "all") && target.shadowRoot) results.push(target.shadowRoot);
+      }
+    };
+    if (selector === ":host" || !selector) {
+      applyRoot(inst);
+    } else if (selector === ":window") {
+      results.push(currentWin);
+    } else if (selector === ":document") {
+      results.push(currentWin.document);
+    } else {
+      const hostSet = SwcUtils.getHostSet(inst);
+      if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
+      else if (selector === ":appHost") applyRoot(hostSet.$appHost);
+      else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
+      else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
+      else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
+      else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
+      else {
+        if (r === "shadow") {
+          const found = inst.shadowRoot?.querySelectorAll(selector);
+          if (found) results.push(...found);
+        } else if (r === "light") {
+          const found = inst.querySelectorAll(selector);
+          if (found) results.push(...found);
+        } else if (r === "all") {
+          const sMatch = inst.shadowRoot?.querySelectorAll(selector);
+          const lMatch = inst.querySelectorAll(selector);
+          if (sMatch) results.push(...sMatch);
+          if (lMatch) results.push(...lMatch);
+        } else {
+          const found = (inst.shadowRoot || inst).querySelectorAll(selector);
+          if (found) results.push(...found);
+        }
+      }
+    }
+    return results;
+  };
+  function attribute(selector, options = {}) {
+    return (target, propertyKey) => {
+      const constructor = target.constructor;
+      const privateKey = Symbol(String(propertyKey));
+      const designType = Reflect.getMetadata("design:type", target, propertyKey);
+      let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_FIELD_METADATA_KEY, constructor);
+      if (!metaList) {
+        metaList = [];
+        ReflectUtils.defineMetadata(ATTRIBUTE_FIELD_METADATA_KEY, metaList, constructor);
+      }
+      metaList.push({ propertyKey, selector, options, privateKey });
+      const applySetAttribute = (inst, targets, attrName, nv) => {
+        targets.forEach((it) => {
+          if (it && typeof it.setAttribute === "function") {
+            if (nv === null) {
+              it.removeAttribute(attrName);
+            } else {
+              it.setAttribute(attrName, String(nv));
+            }
+          } else {
+            inst[privateKey] = nv;
+          }
+        });
+      };
+      try {
+        Object.defineProperty(target, propertyKey, {
+          get() {
+            const attrName = options.name || String(propertyKey);
+            const conf = getElementConfig(this);
+            const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+            const targetType = options.type || designType;
+            const targets = resolveTargetEls(this, selector, options, currentWin);
+            const primaryTarget = targets[0];
+            if (primaryTarget && typeof primaryTarget.hasAttribute === "function") {
+              if (primaryTarget.hasAttribute(attrName)) {
+                let domVal = primaryTarget.getAttribute(attrName);
+                const ae = new ActionExpression(domVal);
+                const expr = ae.getFirstExpression("call-return");
+                if (expr) {
+                  try {
+                    const result = FunctionUtils.executeReturn({
+                      script: ConvertUtils2.decodeHtmlEntity(expr.script, currentWin.document),
+                      context: this,
+                      args: SwcUtils.getHelperAndHostSet(currentWin, this)
+                    });
+                    return convertValue(result, targetType);
+                  } catch (e) {
+                    console.error(`[SWC] Failed to execute directive {{= ${expr.script} }}:`, e);
+                    return convertValue(domVal, targetType);
+                  }
+                }
+                return convertValue(domVal, targetType);
+              }
+              return null;
+            }
+            const data = convertValue(this[privateKey], targetType);
+            return data;
+          },
+          set(nv) {
+            const attrName = options.name || String(propertyKey);
+            const conf = getElementConfig(this);
+            const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+            const targets = resolveTargetEls(this, selector, options, currentWin);
+            applySetAttribute(this, targets, attrName, nv);
+          },
+          enumerable: true,
+          configurable: true
+        });
+      } catch (err) {
+        console.error("[SWC] defineProperty error:", err);
+      }
+    };
+  }
+  function attributeHost(targetOrAttrOrOptions, propertyKeyOrOptions) {
+    if (propertyKeyOrOptions !== void 0 && (typeof propertyKeyOrOptions === "string" || typeof propertyKeyOrOptions === "symbol")) {
+      return attribute(":host", { name: String(propertyKeyOrOptions) })(targetOrAttrOrOptions, propertyKeyOrOptions);
+    }
+    if (typeof targetOrAttrOrOptions === "string") {
+      const attrName = targetOrAttrOrOptions;
+      const options = typeof propertyKeyOrOptions === "object" ? propertyKeyOrOptions : {};
+      return attribute(":host", { ...options, name: attrName });
+    } else if (typeof targetOrAttrOrOptions === "object") {
+      const options = targetOrAttrOrOptions;
+      return (target, propertyKey) => {
+        return attribute(":host", { ...options, name: String(propertyKey) })(target, propertyKey);
+      };
+    } else {
+      return (target, propertyKey) => {
+        return attribute(":host", { name: String(propertyKey) })(target, propertyKey);
+      };
+    }
+  }
+  var findAllAttributeMetadata = (target) => {
+    const actualTarget = target instanceof Function ? target : target.constructor;
+    return ReflectUtils.findAllMetadata(ATTRIBUTE_FIELD_METADATA_KEY, actualTarget).flat();
+  };
+
+  // src/decorators/applyNode.ts
+  var APPLY_NODE_METADATA_KEY = Symbol.for("simple-web-component:apply-node");
+  var normalizeNodes = (res, doc) => {
+    const items = Array.isArray(res) ? res : [res];
+    return items.map((it) => {
+      if (it instanceof Node) return it;
+      return doc.createTextNode(it !== void 0 && it !== null ? String(it) : "");
+    });
+  };
+  var applyToDom = (targetEl, res, pos, doc) => {
+    if (!targetEl) return;
+    if (pos === "innerHtml") {
+      targetEl.innerHTML = res !== void 0 && res !== null ? String(res) : "";
+      return;
+    }
+    if (pos === "innerText") {
+      if (targetEl.innerText !== void 0) {
+        targetEl.innerText = res !== void 0 && res !== null ? String(res) : "";
+      }
+      return;
+    }
+    const isShadowRoot = targetEl instanceof ShadowRoot;
+    const nodes = normalizeNodes(res, doc);
+    if (pos === "replace") {
+      if (!isShadowRoot) targetEl.replaceWith(...nodes);
+    } else if (pos === "replaceChildren") {
+      targetEl.replaceChildren(...nodes);
+    } else {
+      if (pos === "beforeEnd") targetEl.append(...nodes);
+      else if (pos === "afterBegin") targetEl.prepend(...nodes);
+      else if (pos === "beforeBegin" && !isShadowRoot) targetEl.before(...nodes);
+      else if (pos === "afterEnd" && !isShadowRoot) targetEl.after(...nodes);
+    }
+  };
+  function applyNode(selector, options = { position: "beforeEnd" }) {
+    return (targetObj, propertyKey, descriptor) => {
+      const constructor = targetObj.constructor;
+      let metaList = ReflectUtils.getOwnMetadata(APPLY_NODE_METADATA_KEY, constructor);
+      if (!metaList) {
+        metaList = /* @__PURE__ */ new Map();
+        ReflectUtils.defineMetadata(APPLY_NODE_METADATA_KEY, metaList, constructor);
+      }
+      metaList.set(propertyKey, { propertyKey, selector, options });
+      const original = descriptor.value;
+      descriptor.value = function(...args) {
+        ensureInit(this);
+        const conf = getElementConfig(this);
+        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+        const currentDoc = currentWin.document;
+        const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);
+        const getTarget = () => {
+          const r = options.root || "auto";
+          const applyRoot = (t) => {
+            if (!t) return t;
+            if (r === "auto") return t.shadowRoot || t;
+            if (r === "shadow") return t.shadowRoot;
+            if (r === "light") return t;
+            if (r === "all") return t.shadowRoot || t;
+            return t;
+          };
+          if (selector === ":host") return applyRoot(this);
+          if (selector === ":parentHost") return applyRoot(hostSet.$parentHost);
+          if (selector === ":appHost") return applyRoot(hostSet.$appHost);
+          if (selector === ":firstHost") return applyRoot(hostSet.$firstHost);
+          if (selector === ":lastHost") return applyRoot(hostSet.$lastHost);
+          const targetRoot = applyRoot(this);
+          return targetRoot ? targetRoot.querySelector(selector) : null;
+        };
+        const targetEl = getTarget();
+        const res = original.apply(this, args);
+        const runApply = (target, val) => {
+          const pos = options.position || "beforeEnd";
+          const defaultFilter = (t, v) => {
+            if (v instanceof Node) return !t.contains(v);
+            if (pos === "innerHtml" && typeof v === "string") return t.innerHTML !== v;
+            if (pos === "replaceChildren" && v instanceof Node) return !t.contains(v);
+            return true;
+          };
+          const activeFilter = options.filter || defaultFilter;
+          if (activeFilter(target, val, hostSet)) {
+            applyToDom(target, val, pos, currentDoc);
+          }
+        };
+        if (res instanceof Promise) {
+          if (targetEl && options.loading) {
+            const loadingRes = options.loading.call(this, hostSet);
+            applyToDom(targetEl, loadingRes, options.position || "beforeEnd", currentDoc);
+          }
+          return res.then((finalRes) => {
+            if (finalRes !== void 0 && targetEl) runApply(targetEl, finalRes);
+            return finalRes;
+          });
+        } else {
+          if (res !== void 0 && targetEl) runApply(targetEl, res);
+          return res;
+        }
+      };
+    };
+  }
+  var findAllApplyNodeMetadata = (target) => {
+    const result = /* @__PURE__ */ new Map();
+    const maps = ReflectUtils.findAllMetadata(APPLY_NODE_METADATA_KEY, target);
+    maps.forEach((map) => {
+      if (map instanceof Map) {
+        map.forEach((v, k) => result.set(k, v));
+      }
+    });
+    return result;
+  };
+  function applyNodeHost(targetOrOptions, propertyKey, descriptor) {
+    if (propertyKey !== void 0) return applyNode(":host", { position: "beforeEnd" })(targetOrOptions, propertyKey, descriptor);
+    const opt = targetOrOptions || {};
+    return applyNode(":host", { position: "beforeEnd", ...opt });
+  }
+  function applyReplaceChildrenNodeHost(targetOrOptions, propertyKey, descriptor) {
+    if (propertyKey !== void 0) return applyNode(":host", { position: "replaceChildren" })(targetOrOptions, propertyKey, descriptor);
+    const opt = targetOrOptions || {};
+    return applyNode(":host", { position: "replaceChildren", ...opt });
+  }
+  function applyInnerHtmlNodeHost(targetOrOptions, propertyKey, descriptor) {
+    if (propertyKey !== void 0) return applyNode(":host", { position: "innerHtml" })(targetOrOptions, propertyKey, descriptor);
+    const opt = targetOrOptions || {};
+    return applyNode(":host", { position: "innerHtml", ...opt });
+  }
+  function applyReplaceChildrenNode(selector, options = {}) {
+    return applyNode(selector, { ...options, position: "replaceChildren" });
+  }
+  function applyInnerHtmlNode(selector, options = {}) {
+    return applyNode(selector, { ...options, position: "innerHtml" });
+  }
+
+  // src/decorators/applyClass.ts
+  var CLASS_METADATA_KEY = Symbol.for("simple-web-component:class");
+  function createClassDecorator(action) {
+    return (selector, classMapOrOptions, options = {}) => {
+      return (target, propertyKey, descriptor) => {
+        const constructor = target.constructor;
+        let metaList = ReflectUtils.getOwnMetadata(CLASS_METADATA_KEY, constructor);
+        if (!metaList) {
+          metaList = /* @__PURE__ */ new Map();
+          ReflectUtils.defineMetadata(CLASS_METADATA_KEY, metaList, constructor);
+        }
+        let classMap = void 0;
+        let finalOptions = options;
+        if (typeof classMapOrOptions === "string" || typeof classMapOrOptions === "object" && classMapOrOptions !== null && !("root" in classMapOrOptions)) {
+          classMap = classMapOrOptions;
+        } else if (typeof classMapOrOptions === "object" && classMapOrOptions !== null && "root" in classMapOrOptions) {
+          finalOptions = classMapOrOptions;
+        }
+        metaList.set(propertyKey, { propertyKey, selector, action, options: finalOptions });
+        const original = descriptor.value;
+        descriptor.value = async function(...args) {
+          ensureInit(this);
+          const res = await original.apply(this, args);
+          if (res !== void 0) {
+            const win = this.ownerDocument?.defaultView || window;
+            const host2 = this;
+            const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host2), $this: this };
+            const r = finalOptions.root || "auto";
+            const targetEls = [];
+            const applyRoot = (t) => {
+              if (!t || !(t instanceof win.HTMLElement)) return;
+              targetEls.push(t);
+            };
+            if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
+            else if (selector === ":appHost") applyRoot(hostSet.$appHost);
+            else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
+            else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
+            else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
+            else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
+            else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
+            else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
+            else if (selector === ":host" || !selector) applyRoot(host2);
+            else {
+              const targetRoot = r === "auto" ? host2.shadowRoot || host2 : r === "shadow" ? host2.shadowRoot : host2;
+              if (targetRoot) {
+                const found = targetRoot.querySelectorAll(selector);
+                if (found) targetEls.push(...Array.from(found));
+              }
+            }
+            targetEls.forEach((targetEl) => {
+              const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
+              if (action === "set") {
+                let classes = "";
+                if (classMap && typeof classMap === "string") {
+                  classes = resolvedRes ? classMap : "";
+                } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
+                  classes = Object.entries(resolvedRes).filter(([_, force]) => typeof force === "function" ? force(targetEl, hostSet) : !!force).map(([cls]) => cls).join(" ");
+                } else {
+                  classes = Array.isArray(resolvedRes) ? resolvedRes.join(" ") : String(resolvedRes);
+                }
+                targetEl.className = classes;
+              } else if (action === "update" || action === "toggle") {
+                if (classMap && typeof classMap === "string") {
+                  targetEl.classList.toggle(classMap, !!resolvedRes);
+                } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
+                  Object.entries(resolvedRes).forEach(([cls, force]) => {
+                    const isActive = typeof force === "function" ? force(targetEl, hostSet) : !!force;
+                    targetEl.classList.toggle(cls, isActive);
+                  });
+                } else {
+                  const classes = Array.isArray(resolvedRes) ? resolvedRes.map(String) : [String(resolvedRes)];
+                  if (action === "update") targetEl.classList.add(...classes);
+                  else classes.forEach((c) => targetEl.classList.toggle(c));
+                }
+              } else if (action === "add" || action === "remove") {
+                if (classMap && typeof classMap === "string" && !!resolvedRes) {
+                  if (action === "add") targetEl.classList.add(classMap);
+                  else targetEl.classList.remove(classMap);
+                } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
+                  Object.entries(resolvedRes).forEach(([cls, force]) => {
+                    const shouldExecute = typeof force === "function" ? force(targetEl, hostSet) : !!force;
+                    if (shouldExecute) {
+                      if (action === "add") targetEl.classList.add(cls);
+                      else targetEl.classList.remove(cls);
+                    }
+                  });
+                } else {
+                  const classes = Array.isArray(resolvedRes) ? resolvedRes.map(String) : [String(resolvedRes)];
+                  if (action === "add") targetEl.classList.add(...classes);
+                  else targetEl.classList.remove(...classes);
+                }
+              }
+            });
+          }
+          return res;
+        };
+        return descriptor;
+      };
+    };
+  }
+  function applyClass(selector, action = "update", options = {}) {
+    return createClassDecorator(action)(selector, options);
+  }
+  var setClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("set")(selector, classMapOrOptions, options);
+  var updateClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("update")(selector, classMapOrOptions, options);
+  var addClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("add")(selector, classMapOrOptions, options);
+  var removeClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("remove")(selector, classMapOrOptions, options);
+  var toggleClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("toggle")(selector, classMapOrOptions, options);
+  function applyClassHost(action = "update", options = {}) {
+    return createClassDecorator(action)(":host", options);
+  }
+  var setClassHost = (classMapOrOptions, options = {}) => createClassDecorator("set")(":host", classMapOrOptions, options);
+  var updateClassHost = (classMapOrOptions, options = {}) => createClassDecorator("update")(":host", classMapOrOptions, options);
+  var addClassHost = (classMapOrOptions, options = {}) => createClassDecorator("add")(":host", classMapOrOptions, options);
+  var removeClassHost = (classMapOrOptions, options = {}) => createClassDecorator("remove")(":host", classMapOrOptions, options);
+  var toggleClassHost = (classMapOrOptions, options = {}) => createClassDecorator("toggle")(":host", classMapOrOptions, options);
+  var findAllClassMetadata = (target) => {
+    const result = /* @__PURE__ */ new Map();
+    const maps = ReflectUtils.findAllMetadata(CLASS_METADATA_KEY, target);
+    maps.forEach((map) => {
+      if (map instanceof Map) {
+        map.forEach((v, k) => result.set(k, v));
+      }
+    });
+    return result;
+  };
+
+  // src/decorators/applyStyle.ts
+  var STYLE_METADATA_KEY = Symbol.for("simple-web-component:style");
+  function createStyleDecorator(action) {
+    return (selector, options = {}) => {
+      return (target, propertyKey, descriptor) => {
+        const constructor = target.constructor;
+        let metaList = ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor);
+        if (!metaList) {
+          metaList = /* @__PURE__ */ new Map();
+          ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);
+        }
+        metaList.set(propertyKey, { propertyKey, selector, action, options });
+        const original = descriptor.value;
+        descriptor.value = async function(...args) {
+          ensureInit(this);
+          const res = await original.apply(this, args);
+          if (res !== void 0) {
+            const win = this.ownerDocument?.defaultView || window;
+            const host2 = this;
+            const hostSet = SwcUtils.getHelperAndHostSet(win, host2);
+            const r = options.root || "auto";
+            const targetEls = [];
+            const applyRoot = (t) => {
+              if (!t || !(t instanceof win.HTMLElement)) return;
+              targetEls.push(t);
+            };
+            if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
+            else if (selector === ":appHost") applyRoot(hostSet.$appHost);
+            else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
+            else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
+            else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
+            else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
+            else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
+            else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
+            else if (selector === ":host" || !selector) applyRoot(host2);
+            else {
+              const targetRoot = r === "auto" ? host2.shadowRoot || host2 : r === "shadow" ? host2.shadowRoot : host2;
+              if (targetRoot) {
+                const found = targetRoot.querySelectorAll(selector);
+                if (found) targetEls.push(...Array.from(found));
+              }
+            }
+            targetEls.forEach((targetEl) => {
+              const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
+              if (action === "set" || action === "update") {
+                if (action === "set") targetEl.style.cssText = "";
+                if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
+                  Object.entries(resolvedRes).forEach(([prop, val]) => {
+                    const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
+                    if (finalVal === null || finalVal === void 0) {
+                      targetEl.style.removeProperty(prop);
+                    } else {
+                      targetEl.style[prop] = String(finalVal);
+                    }
+                  });
+                } else if (typeof resolvedRes === "string") {
+                  targetEl.style.cssText = resolvedRes;
+                }
+              } else if (action === "remove") {
+                if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
+                  Object.entries(resolvedRes).forEach(([prop, val]) => {
+                    const shouldRemove = typeof val === "function" ? val(targetEl, hostSet) : !!val;
+                    if (shouldRemove) {
+                      targetEl.style.removeProperty(prop);
+                    }
+                  });
+                } else {
+                  const props = Array.isArray(resolvedRes) ? resolvedRes : [resolvedRes];
+                  props.forEach((p) => targetEl.style.removeProperty(String(p)));
+                }
+              }
+            });
           }
-        });
-      }
-      const computedStyles = config.window.getComputedStyle(targetElement);
-      Array.from(computedStyles).filter((prop) => prop.startsWith("--")).forEach((it) => {
-        variables.add(it);
-      });
-      return Array.from(variables).map((it) => [it, computedStyles.getPropertyValue(it)]);
+          return res;
+        };
+        return descriptor;
+      };
     };
-  })(StyleCssUtils || (StyleCssUtils = {}));
+  }
+  function applyStyle(selector, action = "update", options = {}) {
+    return createStyleDecorator(action)(selector, options);
+  }
+  var setStyle = (selector, options = {}) => createStyleDecorator("set")(selector, options);
+  var updateStyle = (selector, options = {}) => createStyleDecorator("update")(selector, options);
+  var removeStyle = (selector, options = {}) => createStyleDecorator("remove")(selector, options);
+  function applyStyleHost(action = "update", options = {}) {
+    return createStyleDecorator(action)(":host", options);
+  }
+  var setStyleHost = (options = {}) => createStyleDecorator("set")(":host", options);
+  var updateStyleHost = (options = {}) => createStyleDecorator("update")(":host", options);
+  var removeStyleHost = (options = {}) => createStyleDecorator("remove")(":host", options);
+  var findAllStyleMetadata = (target) => {
+    const result = /* @__PURE__ */ new Map();
+    const maps = ReflectUtils.findAllMetadata(STYLE_METADATA_KEY, target);
+    maps.forEach((map) => {
+      if (map instanceof Map) {
+        map.forEach((v, k) => result.set(k, v));
+      }
+    });
+    return result;
+  };
 
-  // ../core-web/dist/esm/animation/AnimationFrameUtils.js
-  var AnimationFrameUtils;
-  ((AnimationFrameUtils2) => {
-    function fps(params, callback) {
-      let startTimestamp = null;
-      let stop = false;
-      const animate = (currentTimestamp) => {
-        if (startTimestamp !== null) {
-          const delta = currentTimestamp - startTimestamp;
-          const fps2 = (params?.second ?? 1) * 1e3 / delta;
-          callback({ fpsConfigParam: params, fps: fps2, startTimestamp, timestamp: currentTimestamp });
-        }
-        startTimestamp = currentTimestamp;
-        if (!stop) {
-          window.requestAnimationFrame(animate);
+  // src/decorators/setProperty.ts
+  var PROPERTY_SET_METADATA_KEY = Symbol.for("simple-web-component:property-set");
+  var setProperty = (selector, propertyNameOrOptions, options = {}) => {
+    return (target, propertyKey, descriptor) => {
+      const constructor = target.constructor;
+      let metaList = ReflectUtils.getOwnMetadata(PROPERTY_SET_METADATA_KEY, constructor);
+      if (!metaList) {
+        metaList = /* @__PURE__ */ new Map();
+        ReflectUtils.defineMetadata(PROPERTY_SET_METADATA_KEY, metaList, constructor);
+      }
+      let propertyName = typeof propertyNameOrOptions === "string" ? propertyNameOrOptions : void 0;
+      let finalOptions = options;
+      if (typeof propertyNameOrOptions === "object" && propertyNameOrOptions !== null) {
+        finalOptions = propertyNameOrOptions;
+      }
+      metaList.set(propertyKey, {
+        propertyKey,
+        selector,
+        options: { ...finalOptions, name: propertyName }
+      });
+      const original = descriptor.value;
+      descriptor.value = async function(...args) {
+        ensureInit(this);
+        const res = await original.apply(this, args);
+        if (res !== void 0) {
+          const win = this.ownerDocument?.defaultView || window;
+          const host2 = this;
+          const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host2), $this: this };
+          const r = finalOptions.root || "auto";
+          const targetEls = [];
+          const applyRoot = (t) => {
+            if (!t || !(t instanceof win.HTMLElement)) return;
+            targetEls.push(t);
+          };
+          if (selector === ":parentHost") applyRoot(hostSet.$parentHost);
+          else if (selector === ":appHost") applyRoot(hostSet.$appHost);
+          else if (selector === ":firstHost") applyRoot(hostSet.$firstHost);
+          else if (selector === ":lastHost") applyRoot(hostSet.$lastHost);
+          else if (selector === ":firstAppHost") applyRoot(hostSet.$firstAppHost);
+          else if (selector === ":lastAppHost") applyRoot(hostSet.$lastAppHost);
+          else if (selector === ":hosts") hostSet.$hosts.forEach(applyRoot);
+          else if (selector === ":appHosts") hostSet.$appHosts.forEach(applyRoot);
+          else if (selector === ":host" || !selector) applyRoot(host2);
+          else {
+            const targetRoot = r === "auto" ? host2.shadowRoot || host2 : r === "shadow" ? host2.shadowRoot : host2;
+            if (targetRoot) {
+              const found = targetRoot.querySelectorAll(selector);
+              if (found) targetEls.push(...Array.from(found));
+            }
+          }
+          targetEls.forEach((targetEl) => {
+            const resolvedRes = typeof res === "function" ? res(targetEl, hostSet) : res;
+            if (propertyName) {
+              targetEl[propertyName] = resolvedRes;
+            } else if (typeof resolvedRes === "object" && resolvedRes !== null && !Array.isArray(resolvedRes)) {
+              Object.entries(resolvedRes).forEach(([prop, val]) => {
+                const finalVal = typeof val === "function" ? val(targetEl, hostSet) : val;
+                targetEl[prop] = finalVal;
+              });
+            } else {
+              targetEl.value = resolvedRes;
+            }
+          });
         }
       };
-      window.requestAnimationFrame(animate);
-      return new AutoCloseSubscription(() => stop = true);
-    }
-    AnimationFrameUtils2.fps = fps;
-    AnimationFrameUtils2.dividePerFpsObservable = ({
-      fpsConfig,
-      divideSize
-    }) => {
-      return new Observable((subscriber) => {
-        const handler = (event) => subscriber.next(event);
-        let fps2 = 0;
-        const getDrawFpsGap = () => {
-          return Math.floor(fps2 / divideSize);
-        };
-        let gapPosition = 0;
-        const fpsSubscription = AnimationFrameUtils2.fps(fpsConfig, (fpsConfig2) => {
-          fps2 = fpsConfig2.fps;
-          gapPosition++;
-          const gapSize = getDrawFpsGap();
-          if (gapPosition >= gapSize) {
-            handler({ ...fpsConfig2, ...{ gapPosition, gapSize } });
-            gapPosition = 0;
-          }
-        });
-        return () => {
-          fpsSubscription.unsubscribe();
-        };
-      });
     };
-  })(AnimationFrameUtils || (AnimationFrameUtils = {}));
+  };
+  var setPropertyHost = (propertyNameOrOptions, options = {}) => {
+    return setProperty(":host", propertyNameOrOptions, options);
+  };
 
-  // ../core-web/dist/esm/valid/ValidUtils.js
-  var ValidUtils2;
-  ((ValidUtils22) => {
-    ValidUtils22.coreValidUtils = ValidUtils;
-    ValidUtils22.isBrowser = (callBack) => {
-      const boolean = typeof window !== "undefined" && typeof Window !== "undefined";
-      if (boolean && callBack) {
-        callBack(window);
+  // src/decorators/subscribeSwcAppRouteChange.ts
+  var SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY = Symbol.for("simple-web-component:subscribe-swc-app-route-change");
+  function createSwcAppRouteChangeSubscriber(options) {
+    return (target, propertyKey, descriptor) => {
+      const pathPattern = options?.path;
+      const filter = options?.filter;
+      const constructor = target.constructor;
+      let list = ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
+      if (!list) {
+        list = [];
+        ReflectUtils.defineMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, list, constructor);
       }
-      return boolean;
-    };
-    ValidUtils22.hasParentWindow = (win) => ValidUtils22.isBrowser() && win.parent && win !== win.parent;
-    ValidUtils22.isSocialNetworkServiceInappBrowser = () => {
-      const userAgent = ValidUtils22.isBrowser() ? window.navigator.userAgent.toLowerCase() : "none";
-      return /kakaotalk|naver|facebook|insta|FBAN|FBAV/.test(userAgent);
+      list.push({ propertyKey, pathPattern, filter });
+      return descriptor;
     };
-    ValidUtils22.isWkWebview = () => ValidUtils22.isBrowser() && window["webkit"] != null && window["webkit"].messageHandlers != null && window["webkit"].messageHandlers["System"] != null;
-    function isiPhone() {
-      return ValidUtils22.isBrowser() && /iphone|ipad|ipod/i.test(navigator.userAgent.toLowerCase());
+  }
+  function subscribeSwcAppRouteChange(targetOrOptions, propertyKey, descriptor) {
+    if (propertyKey && (typeof propertyKey === "string" || typeof propertyKey === "symbol")) {
+      return createSwcAppRouteChangeSubscriber({})(targetOrOptions, propertyKey, descriptor);
     }
-    ValidUtils22.isiPhone = isiPhone;
-    ValidUtils22.isAndroidWebview = () => {
-      return ValidUtils22.isBrowser() && window["System"] != null;
+    let options = {};
+    if (Array.isArray(targetOrOptions)) {
+      options.path = targetOrOptions;
+    } else if (typeof targetOrOptions === "string") {
+      options.path = targetOrOptions;
+    } else if (targetOrOptions && typeof targetOrOptions === "object") {
+      options = targetOrOptions;
+    }
+    return createSwcAppRouteChangeSubscriber(options);
+  }
+  var getSubscribeSwcAppRouteChangeMetadata = (target) => {
+    const constructor = target instanceof Function ? target : target.constructor;
+    return ReflectUtils.getOwnMetadata(SUBSCRIBE_SWC_APP_ROUTE_CHANGE_METADATA_KEY, constructor);
+  };
+
+  // ../simple-boot/dist/esm/decorators/SimDecorator.js
+  var SimMetadataKey = Symbol.for("simple-boot:sim-metadata");
+  var PostConstructMetadataKey = Symbol.for("simple-boot:post-construct-metadata");
+
+  // ../simple-boot/dist/esm/decorators/aop/AOPDecorator.js
+  var AfterMetadataKey = Symbol.for("simple-boot:after-metadata");
+  var BeforeMetadataKey = Symbol.for("simple-boot:before-metadata");
+  var AroundMetadataKey = Symbol.for("simple-boot:around-metadata");
+
+  // ../simple-boot/dist/esm/decorators/exception/ExceptionDecorator.js
+  var ExceptionHandlerMetadataKey = Symbol.for("simple-boot:exception-handler-metadata");
+
+  // ../simple-boot/dist/esm/decorators/SimNoProxy.js
+  var SimNoProxyKey = Symbol.for("simple-boot:sim-no-proxy-metadata");
+
+  // ../simple-boot/dist/esm/decorators/inject/Injection.js
+  var InjectionMetadataKey = Symbol("Injection");
+
+  // ../simple-boot/dist/esm/decorators/route/Router.js
+  var RouterMetadataKey = Symbol.for("simple-boot:router-metadata");
+  var RouteMetadataKey = Symbol.for("simple-boot:route-metadata");
+
+  // ../simple-boot/dist/esm/route/RouterAction.js
+  var RouterAction;
+  ((RouterAction2) => {
+    RouterAction2.isCanActivate = (obj) => {
+      return typeof obj?.canActivate === "function";
     };
-    ValidUtils22.isMobile = (win) => {
-      const targetWindow = win ?? ((0, ValidUtils22.isBrowser)() ? window : void 0);
-      if (!targetWindow) {
-        return false;
-      }
-      return /Mobi/i.test(targetWindow.navigator.userAgent);
+    RouterAction2.isOnRouting = (obj) => {
+      return typeof obj?.onRouting === "function";
     };
-  })(ValidUtils2 || (ValidUtils2 = {}));
+    RouterAction2.isHasActivate = (obj) => {
+      return typeof obj?.hasActivate === "function";
+    };
+  })(RouterAction || (RouterAction = {}));
   return __toCommonJS(bundle_entry_exports);
 })();
 /*! Bundled license information: