@dooboostore/simple-web-component 1.0.30 → 1.0.32

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

@@ -5726,6 +5726,176 @@ var Expression;
   })(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 = {}) {
@@ -5811,661 +5981,425 @@ var getOnConnectedInnerHtmlMetadata = (target) => {
   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;
@@ -6495,254 +6429,22 @@ function createClassDecorator(action) {
           }
           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) {
@@ -6788,472 +6490,344 @@ var findAllAttributeApplyMetadata = (target) => {
   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 = [
@@ -7360,668 +6934,177 @@ var InjectSituationType = /* @__PURE__ */ ((InjectSituationType2) => {
   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) => {
@@ -8346,6 +7429,12 @@ var ConvertUtils2;
     });
   }
   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
@@ -8518,99 +7607,1224 @@ var StyleCssUtils;
               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 = {}));
 export {
   ADD_EVENT_LISTENER_METADATA_KEY,
   APPLY_NODE_METADATA_KEY,
@@ -8675,7 +8889,7 @@ export {
   elementDefine,
   emitCustomEvent,
   emitCustomEventHost,
-  ensureInit2 as ensureInit,
+  ensureInit,
   findAllApplyNodeMetadata,
   findAllAttributeApplyMetadata,
   findAllAttributeChangedMetadata,