@dooboostore/simple-web-component 1.0.24 → 1.0.26

package/dist/cjs/decorators/applyClass.js

@@ -0,0 +1,164 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var applyClass_exports = {};
+__export(applyClass_exports, {
+  CLASS_METADATA_KEY: () => CLASS_METADATA_KEY,
+  addClass: () => addClass,
+  addClassHost: () => addClassHost,
+  applyClass: () => applyClass,
+  applyClassHost: () => applyClassHost,
+  findAllClassMetadata: () => findAllClassMetadata,
+  removeClass: () => removeClass,
+  removeClassHost: () => removeClassHost,
+  setClass: () => setClass,
+  setClassHost: () => setClassHost,
+  toggleClass: () => toggleClass,
+  toggleClassHost: () => toggleClassHost,
+  updateClass: () => updateClass,
+  updateClassHost: () => updateClassHost
+});
+module.exports = __toCommonJS(applyClass_exports);
+var import_core = require("@dooboostore/core");
+var import_elementDefine = require("./elementDefine");
+var import_Utils = require("../utils/Utils");
+const 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 = import_core.ReflectUtils.getOwnMetadata(CLASS_METADATA_KEY, constructor);
+      if (!metaList) {
+        metaList = /* @__PURE__ */ new Map();
+        import_core.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) {
+        (0, import_elementDefine.ensureInit)(this);
+        const res = await original.apply(this, args);
+        if (res !== void 0) {
+          const win = this.ownerDocument?.defaultView || window;
+          const host = this;
+          const hostSet = { ...import_Utils.SwcUtils.getHelperAndHostSet(win, host), $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(host);
+          else {
+            const targetRoot = r === "auto" ? host.shadowRoot || host : r === "shadow" ? host.shadowRoot : host;
+            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);
+}
+const setClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("set")(selector, classMapOrOptions, options);
+const updateClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("update")(selector, classMapOrOptions, options);
+const addClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("add")(selector, classMapOrOptions, options);
+const removeClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("remove")(selector, classMapOrOptions, options);
+const toggleClass = (selector, classMapOrOptions, options = {}) => createClassDecorator("toggle")(selector, classMapOrOptions, options);
+function applyClassHost(action = "update", options = {}) {
+  return createClassDecorator(action)(":host", options);
+}
+const setClassHost = (classMapOrOptions, options = {}) => createClassDecorator("set")(":host", classMapOrOptions, options);
+const updateClassHost = (classMapOrOptions, options = {}) => createClassDecorator("update")(":host", classMapOrOptions, options);
+const addClassHost = (classMapOrOptions, options = {}) => createClassDecorator("add")(":host", classMapOrOptions, options);
+const removeClassHost = (classMapOrOptions, options = {}) => createClassDecorator("remove")(":host", classMapOrOptions, options);
+const toggleClassHost = (classMapOrOptions, options = {}) => createClassDecorator("toggle")(":host", classMapOrOptions, options);
+const findAllClassMetadata = (target) => {
+  const result = /* @__PURE__ */ new Map();
+  const maps = import_core.ReflectUtils.findAllMetadata(CLASS_METADATA_KEY, target);
+  maps.forEach((map) => {
+    if (map instanceof Map) {
+      map.forEach((v, k) => result.set(k, v));
+    }
+  });
+  return result;
+};
+//# sourceMappingURL=applyClass.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/applyClass.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, HelperHostSet } from '../types';\n\nexport const CLASS_METADATA_KEY = Symbol.for('simple-web-component:class');\n\nexport type ClassAction = 'set' | 'update' | 'add' | 'remove' | 'toggle';\n\nexport interface ClassApplyOptions extends SwcQueryOptions {}\n\nexport interface ClassApplyMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  action: ClassAction;\n  options: ClassApplyOptions;\n}\n\nfunction createClassDecorator(action: ClassAction) {\n  return (selector: string, classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}): MethodDecorator => {\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n      const constructor = target.constructor;\n      let metaList = ReflectUtils.getOwnMetadata(CLASS_METADATA_KEY, constructor) as Map<string | symbol, ClassApplyMetadata>;\n      if (!metaList) {\n        metaList = new Map<string | symbol, ClassApplyMetadata>();\n        ReflectUtils.defineMetadata(CLASS_METADATA_KEY, metaList, constructor);\n      }\n\n      let classMap: any = undefined;\n      let finalOptions = options;\n\n      if (typeof classMapOrOptions === 'string' || (typeof classMapOrOptions === 'object' && classMapOrOptions !== null && !('root' in classMapOrOptions))) {\n          classMap = classMapOrOptions;\n      } else if (typeof classMapOrOptions === 'object' && classMapOrOptions !== null && 'root' in classMapOrOptions) {\n          finalOptions = classMapOrOptions as ClassApplyOptions;\n      }\n\n      metaList.set(propertyKey, { propertyKey, selector, action, options: finalOptions });\n\n      const original = descriptor.value;\n      descriptor.value = async function (...args: any[]) {\n        ensureInit(this);\n        const res = await (original as any).apply(this, args);\n        if (res !== undefined) {\n          const win = (this as any).ownerDocument?.defaultView || window;\n          const host = this as unknown as HTMLElement;\n          const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n          const r = finalOptions.root || 'auto';\n          const targetEls: HTMLElement[] = [];\n\n          const applyRoot = (t: any) => {\n            if (!t || !(t instanceof win.HTMLElement)) return;\n            targetEls.push(t);\n          };\n\n          if (selector === ':parentHost') applyRoot(hostSet.$parentHost);\n          else if (selector === ':appHost') applyRoot(hostSet.$appHost);\n          else if (selector === ':firstHost') applyRoot(hostSet.$firstHost);\n          else if (selector === ':lastHost') applyRoot(hostSet.$lastHost);\n          else if (selector === ':firstAppHost') applyRoot(hostSet.$firstAppHost);\n          else if (selector === ':lastAppHost') applyRoot(hostSet.$lastAppHost);\n          else if (selector === ':hosts') hostSet.$hosts.forEach(applyRoot);\n          else if (selector === ':appHosts') hostSet.$appHosts.forEach(applyRoot);\n          else if (selector === ':host' || !selector) applyRoot(host);\n          else {\n            const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n            if (targetRoot) {\n                const found = targetRoot.querySelectorAll(selector);\n                if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n            }\n          }\n\n          targetEls.forEach(targetEl => {\n            const resolvedRes = typeof res === 'function' ? (res as any)(targetEl, hostSet) : res;\n\n            if (action === 'set') {\n              let classes = '';\n              if (classMap && typeof classMap === 'string') {\n                 classes = resolvedRes ? classMap : '';\n              } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                classes = Object.entries(resolvedRes as any)\n                  .filter(([_, force]) => typeof force === 'function' ? force(targetEl, hostSet) : !!force)\n                  .map(([cls]) => cls)\n                  .join(' ');\n              } else {\n                classes = Array.isArray(resolvedRes) ? (resolvedRes as any[]).join(' ') : String(resolvedRes);\n              }\n              targetEl.className = classes;\n            } else if (action === 'update' || action === 'toggle') {\n              if (classMap && typeof classMap === 'string') {\n                  targetEl.classList.toggle(classMap, !!resolvedRes);\n              } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                Object.entries(resolvedRes as any).forEach(([cls, force]) => {\n                  const isActive = typeof force === 'function' ? force(targetEl, hostSet) : !!force;\n                  targetEl.classList.toggle(cls, isActive);\n                });\n              } else {\n                const classes = Array.isArray(resolvedRes) ? (resolvedRes as any[]).map(String) : [String(resolvedRes)];\n                if (action === 'update') targetEl.classList.add(...classes);\n                else classes.forEach(c => targetEl.classList.toggle(c));\n              }\n            } else if (action === 'add' || action === 'remove') {\n              if (classMap && typeof classMap === 'string' && !!resolvedRes) {\n                  if (action === 'add') targetEl.classList.add(classMap);\n                  else targetEl.classList.remove(classMap);\n              } else if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                Object.entries(resolvedRes as any).forEach(([cls, force]) => {\n                  const shouldExecute = typeof force === 'function' ? force(targetEl, hostSet) : !!force;\n                  if (shouldExecute) {\n                    if (action === 'add') targetEl.classList.add(cls);\n                    else targetEl.classList.remove(cls);\n                  }\n                });\n              } else {\n                const classes = Array.isArray(resolvedRes) ? (resolvedRes as any[]).map(String) : [String(resolvedRes)];\n                if (action === 'add') targetEl.classList.add(...classes);\n                else targetEl.classList.remove(...classes);\n              }\n            }\n          });\n        }\n        return res;\n      };\n      return descriptor;\n    };\n  };\n}\n\nexport function applyClass(selector: string, action: ClassAction = 'update', options: ClassApplyOptions = {}): MethodDecorator {\n  return createClassDecorator(action)(selector, options);\n}\n\nexport const setClass = (selector: string, classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('set')(selector, classMapOrOptions, options);\nexport const updateClass = (selector: string, classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('update')(selector, classMapOrOptions, options);\nexport const addClass = (selector: string, classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('add')(selector, classMapOrOptions, options);\nexport const removeClass = (selector: string, classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('remove')(selector, classMapOrOptions, options);\nexport const toggleClass = (selector: string, classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('toggle')(selector, classMapOrOptions, options);\n\n// Host versions\nexport function applyClassHost(action: ClassAction = 'update', options: ClassApplyOptions = {}): MethodDecorator {\n  return createClassDecorator(action)(':host', options);\n}\nexport const setClassHost = (classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('set')(':host', classMapOrOptions, options);\nexport const updateClassHost = (classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('update')(':host', classMapOrOptions, options);\nexport const addClassHost = (classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('add')(':host', classMapOrOptions, options);\nexport const removeClassHost = (classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('remove')(':host', classMapOrOptions, options);\nexport const toggleClassHost = (classMapOrOptions?: string | { [className: string]: (el: HTMLElement, value: any, helper: HelperHostSet & { $this: any }) => boolean } | ClassApplyOptions, options: ClassApplyOptions = {}) => createClassDecorator('toggle')(':host', classMapOrOptions, options);\n\nexport const findAllClassMetadata = (target: any): Map<string | symbol, ClassApplyMetadata> => {\n  const result = new Map<string | symbol, ClassApplyMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, ClassApplyMetadata>>(CLASS_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/decorators/applyNode.js

@@ -18,44 +18,54 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var applyNode_exports = {};
 __export(applyNode_exports, {
   APPLY_NODE_METADATA_KEY: () => APPLY_NODE_METADATA_KEY,
-  applyAfterBeginNode: () => applyAfterBeginNode,
-  applyAfterBeginNodeHost: () => applyAfterBeginNodeHost,
-  applyAfterEndNode: () => applyAfterEndNode,
-  applyAfterEndNodeHost: () => applyAfterEndNodeHost,
-  applyBeforeBeginNode: () => applyBeforeBeginNode,
-  applyBeforeBeginNodeHost: () => applyBeforeBeginNodeHost,
-  applyBeforeEndNode: () => applyBeforeEndNode,
-  applyBeforeEndNodeHost: () => applyBeforeEndNodeHost,
   applyInnerHtmlNode: () => applyInnerHtmlNode,
   applyInnerHtmlNodeHost: () => applyInnerHtmlNodeHost,
-  applyInnerTextNode: () => applyInnerTextNode,
-  applyInnerTextNodeHost: () => applyInnerTextNodeHost,
   applyNode: () => applyNode,
   applyNodeHost: () => applyNodeHost,
-  applyRemoveNode: () => applyRemoveNode,
-  applyRemoveNodeHost: () => applyRemoveNodeHost,
   applyReplaceChildrenNode: () => applyReplaceChildrenNode,
   applyReplaceChildrenNodeHost: () => applyReplaceChildrenNodeHost,
-  applyReplaceNode: () => applyReplaceNode,
-  applyReplaceNodeHost: () => applyReplaceNodeHost,
   findAllApplyNodeMetadata: () => findAllApplyNodeMetadata
 });
 module.exports = __toCommonJS(applyNode_exports);
 var import_core = require("@dooboostore/core");
 var import_elementDefine = require("./elementDefine");
 var import_Utils = require("../utils/Utils");
-const APPLY_NODE_METADATA_KEY = Symbol("simple-web-component:apply-node");
+const APPLY_NODE_METADATA_KEY = Symbol.for("simple-web-component:apply-node");
 const normalizeNodes = (res, doc) => {
   const items = Array.isArray(res) ? res : [res];
   return items.map((it) => {
-    if (it instanceof Node)
-      return it;
+    if (it instanceof Node) return it;
     return doc.createTextNode(it !== void 0 && it !== null ? String(it) : "");
   });
 };
+const 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 (target, propertyKey, descriptor) => {
-    const constructor = target.constructor;
+  return (targetObj, propertyKey, descriptor) => {
+    const constructor = targetObj.constructor;
     let metaList = import_core.ReflectUtils.getOwnMetadata(APPLY_NODE_METADATA_KEY, constructor);
     if (!metaList) {
       metaList = /* @__PURE__ */ new Map();
@@ -63,94 +73,58 @@ function applyNode(selector, options = { position: "beforeEnd" }) {
     }
     metaList.set(propertyKey, { propertyKey, selector, options });
     const original = descriptor.value;
-    descriptor.value = async function(...args) {
+    descriptor.value = function(...args) {
       (0, import_elementDefine.ensureInit)(this);
-      const res = await original.apply(this, args);
-      if (res !== void 0) {
-        const conf = (0, import_elementDefine.getElementConfig)(this);
-        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
-        const currentDoc = currentWin.document;
-        const pos = options.position || "beforeEnd";
+      const conf = (0, import_elementDefine.getElementConfig)(this);
+      const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
+      const currentDoc = currentWin.document;
+      const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(currentWin, this);
+      const getTarget = () => {
         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;
+          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;
         };
-        const hostSet = import_Utils.SwcUtils.getHostSet(this);
-        if (pos === "remove") {
-          if (res) {
-            if (selector === ":host" || !selector) {
-              if (r === "shadow" && this.shadowRoot) {
-                this.shadowRoot.replaceChildren();
-              } else {
-                this.remove();
-              }
-            } else {
-              const targetRoot = applyRoot(this);
-              if (targetRoot) {
-                const targets = targetRoot.querySelectorAll(selector);
-                targets.forEach((el) => el.remove());
-              }
-            }
-          }
-        } else {
-          let targetEl = null;
-          if (selector === ":host") {
-            targetEl = applyRoot(this);
-          } else if (selector === ":parentHost") {
-            targetEl = applyRoot(hostSet.$parentHost);
-          } else if (selector === ":appHost") {
-            targetEl = applyRoot(hostSet.$appHost);
-          } else if (selector === ":firstHost") {
-            targetEl = applyRoot(hostSet.$firstHost);
-          } else if (selector === ":lastHost") {
-            targetEl = applyRoot(hostSet.$lastHost);
-          } else if (selector === ":firstAppHost") {
-            targetEl = applyRoot(hostSet.$firstHost);
-          } else if (selector === ":lastAppHost") {
-            targetEl = applyRoot(hostSet.$lastAppHost);
-          } else {
-            const targetRoot = applyRoot(this);
-            targetEl = targetRoot ? targetRoot.querySelector(selector) : null;
-          }
-          if (targetEl) {
-            const isShadowRoot = targetEl instanceof ShadowRoot;
-            const nodes = normalizeNodes(res, currentDoc);
-            if (pos === "replace") {
-              if (!isShadowRoot) {
-                targetEl.replaceWith(...nodes);
-              }
-            } else if (pos === "replaceChildren") {
-              targetEl.replaceChildren(...nodes);
-            } else if (pos === "innerHtml") {
-              targetEl.innerHTML = res !== void 0 && res !== null ? String(res) : "";
-            } else if (pos === "innerText") {
-              if (targetEl.innerText !== void 0) {
-                targetEl.innerText = res !== void 0 && res !== null ? String(res) : "";
-              }
-            } 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);
-            }
-          }
+        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;
       }
-      return res;
     };
   };
 }
@@ -165,105 +139,24 @@ const findAllApplyNodeMetadata = (target) => {
   return result;
 };
 function applyNodeHost(targetOrOptions, propertyKey, descriptor) {
-  console.log("vvvvv");
-  if (propertyKey !== void 0 && typeof propertyKey === "string" || typeof propertyKey === "symbol") {
-    return applyNode(":host", { position: "beforeEnd" })(targetOrOptions, propertyKey, descriptor);
-  }
-  if (typeof targetOrOptions === "object" && targetOrOptions !== null) {
-    const options = targetOrOptions;
-    return applyNode(":host", { ...options, position: options.position || "beforeEnd" });
-  } else {
-    return applyNode(":host", { position: "beforeEnd" });
-  }
-}
-function applyBeforeBeginNode(selector, options) {
-  return applyNode(selector, { ...options, position: "beforeBegin" });
+  if (propertyKey !== void 0) return applyNode(":host", { position: "beforeEnd" })(targetOrOptions, propertyKey, descriptor);
+  const opt = targetOrOptions || {};
+  return applyNode(":host", { position: "beforeEnd", ...opt });
 }
-function applyAfterBeginNode(selector, options) {
-  return applyNode(selector, { ...options, position: "afterBegin" });
+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 applyBeforeEndNode(selector, options) {
-  return applyNode(selector, { ...options, position: "beforeEnd" });
+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 applyAfterEndNode(selector, options) {
-  return applyNode(selector, { ...options, position: "afterEnd" });
-}
-function applyReplaceNode(selector, options) {
-  return applyNode(selector, { ...options, position: "replace" });
-}
-function applyReplaceChildrenNode(selector, options) {
+function applyReplaceChildrenNode(selector, options = {}) {
   return applyNode(selector, { ...options, position: "replaceChildren" });
 }
-function applyInnerHtmlNode(selector, options) {
+function applyInnerHtmlNode(selector, options = {}) {
   return applyNode(selector, { ...options, position: "innerHtml" });
 }
-function applyInnerTextNode(selector, options) {
-  return applyNode(selector, { ...options, position: "innerText" });
-}
-function applyRemoveNode(selector, options) {
-  return applyNode(selector, { ...options, position: "remove" });
-}
-function applyBeforeBeginNodeHost(targetOrOptions, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "beforeBegin" });
-    return decorator(targetOrOptions, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...targetOrOptions || {}, position: "beforeBegin" });
-}
-function applyAfterBeginNodeHost(optionsOrTarget, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "afterBegin" });
-    return decorator(optionsOrTarget, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...optionsOrTarget || {}, position: "afterBegin" });
-}
-function applyBeforeEndNodeHost(optionsOrTarget, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "beforeEnd" });
-    return decorator(optionsOrTarget, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...optionsOrTarget || {}, position: "beforeEnd" });
-}
-function applyAfterEndNodeHost(optionsOrTarget, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "afterEnd" });
-    return decorator(optionsOrTarget, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...optionsOrTarget || {}, position: "afterEnd" });
-}
-function applyReplaceNodeHost(optionsOrTarget, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "replace" });
-    return decorator(optionsOrTarget, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...optionsOrTarget || {}, position: "replace" });
-}
-function applyReplaceChildrenNodeHost(optionsOrTarget, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "replaceChildren" });
-    return decorator(optionsOrTarget, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...optionsOrTarget || {}, position: "replaceChildren" });
-}
-function applyInnerHtmlNodeHost(optionsOrTarget, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "innerHtml" });
-    return decorator(optionsOrTarget, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...optionsOrTarget || {}, position: "innerHtml" });
-}
-function applyInnerTextNodeHost(optionsOrTarget, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "innerText" });
-    return decorator(optionsOrTarget, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...optionsOrTarget || {}, position: "innerText" });
-}
-function applyRemoveNodeHost(optionsOrTarget, propertyKey, descriptor) {
-  if (propertyKey !== void 0) {
-    const decorator = applyNode(":host", { position: "remove" });
-    return decorator(optionsOrTarget, propertyKey, descriptor);
-  }
-  return applyNode(":host", { ...optionsOrTarget || {}, position: "remove" });
-}
 //# sourceMappingURL=applyNode.js.map