@dooboostore/simple-web-component 1.0.22 → 1.0.24

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["import { SwcAppInterface, HostSet, HelperSet, HelperHostSet } from '../types';\nimport {getElementConfig} from \"../decorators\";\n\nexport const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\nexport namespace SwcUtils {\n  export const getHelperSet = (win: Window): HelperSet => {\n    const doc: Document = win.document;\n    return {\n      $d: doc,\n      $w: win,\n      $q: (sel: string, root?: Element | Document | ShadowRoot) => (root ?? doc).querySelector(sel),\n      $qa: (sel: string, root?: Element | Document | ShadowRoot) => Array.from((root ?? doc).querySelectorAll(sel)) as HTMLElement[],\n      $qi: (id: string, root?: Document | ShadowRoot) => (root ?? doc).getElementById(id) as HTMLElement\n    } as const;\n  };\n\n  export const getHelperAndHostSet = (win: Window, el: HTMLElement): HelperHostSet => {\n    const helperSet = getHelperSet(win);\n    const hostSet = getHostSet(el);\n    return {\n      ...helperSet,\n      ...hostSet\n    };\n  };\n\n  export const getValueByPath = (obj: any, path: string, rootName: string) => {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n    let current = obj;\n\n    for (const part of parts) {\n      if (current === null || current === undefined) return SWC_NOT_FOUND;\n      current = current[part];\n    }\n    return current;\n  };\n\n  /**\n   * Finds the nearest logical SWC host for an element.\n   * Checks __swc_host property first, then climbs the DOM tree.\n   */\n  export const findNearestSwcHost = (el: HTMLElement | Node): HTMLElement | undefined => {\n    if ((el as any).__swc_host) return (el as any).__swc_host;\n\n    let current: any = el.parentElement || (el.getRootNode?.() as any)?.host;\n    const doc = el.ownerDocument;\n    const win = doc?.defaultView || ((typeof window !== 'undefined' ? window : undefined) as any);\n    while (current && current !== doc && current !== win) {\n      if (current.__swc_host) return current.__swc_host;\n      if (getElementConfig(current)) return current as HTMLElement;\n      current = current.parentElement || (current.getRootNode?.() as any)?.host;\n    }\n    return undefined;\n  };\n\n  /**\n   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.\n   */\n  export const findAllSwcHosts = (el: HTMLElement | Node): HTMLElement[] => {\n    const hosts: HTMLElement[] = [];\n    let current = findNearestSwcHost(el);\n    while (current) {\n      hosts.push(current);\n      // To find the next ancestor, we must start searching from the PARENT of the found host\n      current = findNearestSwcHost(current);\n    }\n    return hosts.reverse();\n  };\n\n  export const getHosts = (el: HTMLElement): HTMLElement[] => {\n    const ancestors = findAllSwcHosts(el);\n    if (getElementConfig(el)) return [...ancestors, el];\n    return ancestors;\n  };\n\n  export const getHost = (el: HTMLElement): HTMLElement | undefined => {\n    if (getElementConfig(el)) return el;\n    return findNearestSwcHost(el);\n  };\n\n  export const getAppHosts = (el: HTMLElement): SwcAppInterface[] => {\n    const hosts = getHosts(el);\n    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n  };\n\n  export const getAppHost = (el: HTMLElement): SwcAppInterface | undefined => {\n    const appHosts = getAppHosts(el);\n    const appHostsWithoutSelf = appHosts.filter(h => h !== el);\n    return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : undefined;\n  };\n\n  export const getHostSet = (el: HTMLElement): HostSet => {\n    const isSwc = !!getElementConfig(el);\n    const ancestors = findAllSwcHosts(el); // [root, ..., parent]\n\n    let $host: HTMLElement;\n    let $parentHost: HTMLElement | null;\n\n    if (isSwc) {\n      $host = el;\n      $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;\n    } else {\n      $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : el;\n      $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;\n    }\n\n    const $hosts = isSwc ? [...ancestors, el] : ancestors;\n    const $firstHost = $hosts.length > 0 ? $hosts[0] : null;\n\n    // Collect loop contexts\n    const loopContext: Record<string, any> = {};\n    let curr: any = el;\n    const rootEl = el.ownerDocument?.documentElement;\n    while (curr && curr !== rootEl) {\n      if (curr.__swc_loop_context) {\n        Object.assign(loopContext, curr.__swc_loop_context);\n      }\n      curr = curr.parentElement || (curr.getRootNode() as any).host;\n    }\n\n    const $appHosts = $hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n    const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;\n    const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;\n\n    return {\n      $host,\n      $parentHost,\n      $hosts,\n      $firstHost,\n      $lastHost: $parentHost,\n      $appHost,\n      $appHosts,\n      $firstAppHost,\n      $lastAppHost: $appHost,\n      ...loopContext\n    } as any;\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { SwcAppInterface, HostSet, HelperSet, HelperHostSet } from '../types';\nimport {getElementConfig} from \"../decorators\";\n\nexport const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\n// DOM Creation Utilities\nexport const htmlFragment = (html: string, doc?: Document): DocumentFragment => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const template = d.createElement('template');\n  template.innerHTML = html.trim();\n  return template.content;\n};\n\nexport const textNode = (text: string | any, doc?: Document): Text => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  return d.createTextNode(text !== undefined && text !== null ? String(text) : '');\n};\n\nexport const commentNode = (comment: string | any, doc?: Document): Comment => {\n  const d = doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  return d.createComment(comment !== undefined && comment !== null ? String(comment) : '');\n};\n\nexport const createElement = <T extends HTMLElement>(\n  tagName: string,\n  options?: { html?: string; attrs?: Record<string, any>; doc?: Document }\n): T => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement(tagName) as T;\n  if (options?.html) el.innerHTML = options.html;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\n// Element factory functions\nexport const htmlDivElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLDivElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('div') as HTMLDivElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlSpanElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLSpanElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('span') as HTMLSpanElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlButtonElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLButtonElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('button') as HTMLButtonElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlUlElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLUListElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('ul') as HTMLUListElement;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlLiElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLLIElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('li') as HTMLLIElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlAElement = (html: string, options?: { href?: string; doc?: Document; attrs?: Record<string, any> }): HTMLAnchorElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('a') as HTMLAnchorElement;\n  el.innerHTML = html.trim();\n  if (options?.href) el.href = options.href;\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlPElement = (html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLParagraphElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('p') as HTMLParagraphElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlHeadingElement = (level: 1 | 2 | 3 | 4 | 5 | 6, html: string, options?: { doc?: Document; attrs?: Record<string, any> }): HTMLHeadingElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement(`h${level}`) as HTMLHeadingElement;\n  el.innerHTML = html.trim();\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlSectionElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('section');\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport const htmlArticleElement = (options?: { doc?: Document; attrs?: Record<string, any> }): HTMLElement => {\n  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);\n  if (!d) throw new Error('Document is not available');\n  const el = d.createElement('article');\n  if (options?.attrs) {\n    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));\n  }\n  return el;\n};\n\nexport namespace SwcUtils {\n  export const getHelperSet = (win: Window): HelperSet => {\n    const doc: Document = win.document;\n    return {\n      $d: doc,\n      $w: win,\n      $q: (sel: string, root?: Element | Document | ShadowRoot) => (root ?? doc).querySelector(sel),\n      $qa: (sel: string, root?: Element | Document | ShadowRoot) => Array.from((root ?? doc).querySelectorAll(sel)) as HTMLElement[],\n      $qi: (id: string, root?: Document | ShadowRoot) => (root ?? doc).getElementById(id) as HTMLElement\n    } as const;\n  };\n\n  export const getHelperAndHostSet = (win: Window, el: HTMLElement): HelperHostSet => {\n    const helperSet = getHelperSet(win);\n    const hostSet = getHostSet(el);\n    return {\n      ...helperSet,\n      ...hostSet\n    };\n  };\n\n  export const getValueByPath = (obj: any, path: string, rootName: string) => {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n    let current = obj;\n\n    for (const part of parts) {\n      if (current === null || current === undefined) return SWC_NOT_FOUND;\n      current = current[part];\n    }\n    return current;\n  };\n\n  /**\n   * Finds the nearest logical SWC host for an element.\n   * Checks __swc_host property first, then climbs the DOM tree.\n   */\n  export const findNearestSwcHost = (el: HTMLElement | Node): HTMLElement | undefined => {\n    if ((el as any).__swc_host) return (el as any).__swc_host;\n\n    let current: any = el.parentElement || (el.getRootNode?.() as any)?.host;\n    const doc = el.ownerDocument;\n    const win = doc?.defaultView || ((typeof window !== 'undefined' ? window : undefined) as any);\n    while (current && current !== doc && current !== win) {\n      if (current.__swc_host) return current.__swc_host;\n      if (getElementConfig(current)) return current as HTMLElement;\n      current = current.parentElement || (current.getRootNode?.() as any)?.host;\n    }\n    return undefined;\n  };\n\n  /**\n   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.\n   */\n  export const findAllSwcHosts = (el: HTMLElement | Node): HTMLElement[] => {\n    const hosts: HTMLElement[] = [];\n    let current = findNearestSwcHost(el);\n    while (current) {\n      hosts.push(current);\n      // To find the next ancestor, we must start searching from the PARENT of the found host\n      current = findNearestSwcHost(current);\n    }\n    return hosts.reverse();\n  };\n\n  export const getHosts = (el: HTMLElement): HTMLElement[] => {\n    const ancestors = findAllSwcHosts(el);\n    if (getElementConfig(el)) return [...ancestors, el];\n    return ancestors;\n  };\n\n  export const getHost = (el: HTMLElement): HTMLElement | undefined => {\n    if (getElementConfig(el)) return el;\n    return findNearestSwcHost(el);\n  };\n\n  export const getAppHosts = (el: HTMLElement): SwcAppInterface[] => {\n    const hosts = getHosts(el);\n    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n  };\n\n  export const getAppHost = (el: HTMLElement): SwcAppInterface | undefined => {\n    const appHosts = getAppHosts(el);\n    const appHostsWithoutSelf = appHosts.filter(h => h !== el);\n    return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : undefined;\n  };\n\n  export const getHostSet = (el: HTMLElement): HostSet => {\n    const isSwc = !!getElementConfig(el);\n    const ancestors = findAllSwcHosts(el); // [root, ..., parent]\n\n    let $host: HTMLElement;\n    let $parentHost: HTMLElement | null;\n\n    if (isSwc) {\n      $host = el;\n      $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;\n    } else {\n      $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : el;\n      $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;\n    }\n\n    const $hosts = isSwc ? [...ancestors, el] : ancestors;\n    const $firstHost = $hosts.length > 0 ? $hosts[0] : null;\n\n    // Collect loop contexts\n    const loopContext: Record<string, any> = {};\n    let curr: any = el;\n    const rootEl = el.ownerDocument?.documentElement;\n    while (curr && curr !== rootEl) {\n      if (curr.__swc_loop_context) {\n        Object.assign(loopContext, curr.__swc_loop_context);\n      }\n      curr = curr.parentElement || (curr.getRootNode() as any).host;\n    }\n\n    const $appHosts = $hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n    const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;\n    const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;\n\n    return {\n      $host,\n      $parentHost,\n      $hosts,\n      $firstHost,\n      $lastHost: $parentHost,\n      $appHost,\n      $appHosts,\n      $firstAppHost,\n      $lastAppHost: $appHost,\n      ...loopContext\n    } as any;\n  };\n}\n"],
+  "mappings": "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",
   "names": ["SwcUtils"]
 }

package/dist/esm/decorators/applyNode.js

@@ -1,5 +1,6 @@
 import { ReflectUtils } from "@dooboostore/core";
 import { ensureInit, getElementConfig } from "./elementDefine.js";
+import { SwcUtils } from "../utils/Utils.js";
 const APPLY_NODE_METADATA_KEY = Symbol("simple-web-component:apply-node");
 const normalizeNodes = (res, doc) => {
   const items = Array.isArray(res) ? res : [res];
@@ -26,32 +27,83 @@ function applyNode(selector, options = { position: "beforeEnd" }) {
         const conf = getElementConfig(this);
         const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
         const currentDoc = currentWin.document;
-        let targetEl = null;
-        if (selector === ":host" || !selector) {
-          targetEl = this;
+        const pos = options.position || "beforeEnd";
+        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 (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 {
-          targetEl = (this.shadowRoot || this).querySelector(selector);
-        }
-        if (targetEl) {
-          const nodes = normalizeNodes(res, currentDoc);
-          const pos = options.position || "beforeEnd";
-          if (pos === "replace") {
-            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") {
-            targetEl.innerText = res !== void 0 && res !== null ? String(res) : "";
+          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 {
-            if (pos === "beforeEnd")
-              targetEl.append(...nodes);
-            else if (pos === "afterBegin")
-              targetEl.prepend(...nodes);
-            else if (pos === "beforeBegin")
-              targetEl.before(...nodes);
-            else if (pos === "afterEnd")
-              targetEl.after(...nodes);
+            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);
+            }
           }
         }
       }
@@ -69,13 +121,130 @@ const findAllApplyNodeMetadata = (target) => {
   });
   return result;
 };
-function applyNodeHost(options = { position: "beforeEnd" }) {
-  return applyNode(":host", options);
+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" });
+}
+function applyAfterBeginNode(selector, options) {
+  return applyNode(selector, { ...options, position: "afterBegin" });
+}
+function applyBeforeEndNode(selector, options) {
+  return applyNode(selector, { ...options, position: "beforeEnd" });
+}
+function applyAfterEndNode(selector, options) {
+  return applyNode(selector, { ...options, position: "afterEnd" });
+}
+function applyReplaceNode(selector, options) {
+  return applyNode(selector, { ...options, position: "replace" });
+}
+function applyReplaceChildrenNode(selector, options) {
+  return applyNode(selector, { ...options, position: "replaceChildren" });
+}
+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" });
 }
 export {
   APPLY_NODE_METADATA_KEY,
+  applyAfterBeginNode,
+  applyAfterBeginNodeHost,
+  applyAfterEndNode,
+  applyAfterEndNodeHost,
+  applyBeforeBeginNode,
+  applyBeforeBeginNodeHost,
+  applyBeforeEndNode,
+  applyBeforeEndNodeHost,
+  applyInnerHtmlNode,
+  applyInnerHtmlNodeHost,
+  applyInnerTextNode,
+  applyInnerTextNodeHost,
   applyNode,
   applyNodeHost,
+  applyRemoveNode,
+  applyRemoveNodeHost,
+  applyReplaceChildrenNode,
+  applyReplaceChildrenNodeHost,
+  applyReplaceNode,
+  applyReplaceNodeHost,
   findAllApplyNodeMetadata
 };
 //# sourceMappingURL=applyNode.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applyNode.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\n\nexport type ApplyNodePosition = 'beforeBegin' | 'afterBegin' | 'beforeEnd' | 'afterEnd' | 'replace' | 'replaceChildren' | 'innerHtml' | 'innerText';\n\nexport interface ApplyNodeOptions {\n  position?: ApplyNodePosition;\n}\n\nexport interface ApplyNodeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: ApplyNodeOptions;\n}\n\nexport const APPLY_NODE_METADATA_KEY = Symbol('simple-web-component:apply-node');\n\nconst normalizeNodes = (res: any, doc: Document): Node[] => {\n  const items = Array.isArray(res) ? res : [res];\n  return items.map(it => {\n    if (it instanceof Node) return it;\n    return doc.createTextNode(it !== undefined && it !== null ? String(it) : '');\n  });\n};\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n * \n * Usage examples:\n *   @applyNode('#list') addItem() { return '<li>New Item</li>'; }  // append at end\n *   @applyNode('#header', { position: 'afterBegin' }) prependItem() { return '<h1>Title</h1>'; }  // prepend at start\n *   @applyNode('#item', { position: 'replace' }) replaceItem() { return '<div>Replaced</div>'; }  // replace element\n *   @applyNode('#list', { position: 'replaceChildren' }) updateList() { return [item1, item2]; }  // replace all children\n * \n * Positions:\n *   - 'beforeEnd' (default): Append at end of target\n *   - 'afterBegin': Prepend at start of target\n *   - 'beforeBegin': Insert before target\n *   - 'afterEnd': Insert after target\n *   - 'replace': Replace the entire target element\n *   - 'replaceChildren': Replace all children of target element\n *   - 'innerHtml': Set target's innerHTML\n *   - 'innerText': Set target's innerText\n */\nexport function applyNode(selector: string, options: ApplyNodeOptions = { position: 'beforeEnd' }): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_NODE_METADATA_KEY, constructor) as Map<string | symbol, ApplyNodeMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, ApplyNodeMetadata>();\n      ReflectUtils.defineMetadata(APPLY_NODE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.set(propertyKey, { propertyKey, selector, options });\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await original.apply(this, args);\n      if (res !== undefined) {\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n        const currentDoc = currentWin.document;\n\n        let targetEl: HTMLElement | null = null;\n        if (selector === ':host' || !selector) {\n          targetEl = this as any;\n        } else {\n          targetEl = (this.shadowRoot || (this as any)).querySelector(selector);\n        }\n\n        if (targetEl) {\n          const nodes = normalizeNodes(res, currentDoc);\n          const pos = options.position || 'beforeEnd';\n\n          if (pos === 'replace') {\n            // Replace the entire target element with new nodes\n            targetEl.replaceWith(...nodes);\n          } else if (pos === 'replaceChildren') {\n            // Replace all children of target element\n            targetEl.replaceChildren(...nodes);\n          } else if (pos === 'innerHtml') {\n            // Set innerHTML\n            targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n          } else if (pos === 'innerText') {\n            // Set innerText\n            targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n          } else {\n            /*\n                  <!-- beforebegin -->\n                  <p>\n                    <!-- afterbegin -->\n                    foo\n                    <!-- beforeend -->\n                  </p>\n                  <!-- afterend -->\n             */\n            if (pos === 'beforeEnd') targetEl.append(...nodes);\n            else if (pos === 'afterBegin') targetEl.prepend(...nodes);\n            else if (pos === 'beforeBegin') targetEl.before(...nodes);\n            else if (pos === 'afterEnd') targetEl.after(...nodes);\n          }\n        }\n      }\n      return res;\n    };\n  };\n}\n\nexport const findAllApplyNodeMetadata = (target: any): Map<string | symbol, ApplyNodeMetadata> => {\n  const result = new Map<string | symbol, ApplyNodeMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, ApplyNodeMetadata>>(APPLY_NODE_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\n/**\n * @applyNodeHost decorator - simplified version of @applyNode for :host selector\n * Usage: @applyNodeHost() addItem() { return '<li>New Item</li>'; }\n * Usage: @applyNodeHost({ position: 'afterBegin' }) prependItem() { return '<h1>Title</h1>'; }\n */\nexport function applyNodeHost(options: ApplyNodeOptions = { position: 'beforeEnd' }): MethodDecorator {\n  return applyNode(':host', options);\n}\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,YAAY,wBAAwB;AActC,MAAM,0BAA0B,OAAO,iCAAiC;AAE/E,MAAM,iBAAiB,CAAC,KAAU,QAAyB;AACzD,QAAM,QAAQ,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;AAC7C,SAAO,MAAM,IAAI,QAAK;AACpB,QAAI,cAAc;AAAM,aAAO;AAC/B,WAAO,IAAI,eAAe,OAAO,UAAa,OAAO,OAAO,OAAO,EAAE,IAAI,EAAE;EAC7E,CAAC;AACH;AAqBM,SAAU,UAAU,UAAkB,UAA4B,EAAE,UAAU,YAAW,GAAE;AAC/F,SAAO,CAAC,QAAgB,aAA8B,eAAkC;AACtF,UAAM,cAAc,OAAO;AAC3B,QAAI,WAAW,aAAa,eAAe,yBAAyB,WAAW;AAC/E,QAAI,CAAC,UAAU;AACb,iBAAW,oBAAI,IAAG;AAClB,mBAAa,eAAe,yBAAyB,UAAU,WAAW;IAC5E;AACA,aAAS,IAAI,aAAa,EAAE,aAAa,UAAU,QAAO,CAAE;AAE5D,UAAM,WAAW,WAAW;AAC5B,eAAW,QAAQ,kBAAmB,MAAW;AAC/C,iBAAW,IAAI;AACf,YAAM,MAAM,MAAM,SAAS,MAAM,MAAM,IAAI;AAC3C,UAAI,QAAQ,QAAW;AACrB,cAAM,OAAO,iBAAiB,IAAI;AAClC,cAAM,aAAc,KAAa,iBAAiB,IAAI,MAAO,OAAO,WAAW,cAAc,SAAS;AACtG,cAAM,aAAa,WAAW;AAE9B,YAAI,WAA+B;AACnC,YAAI,aAAa,WAAW,CAAC,UAAU;AACrC,qBAAW;QACb,OAAO;AACL,sBAAY,KAAK,cAAe,MAAc,cAAc,QAAQ;QACtE;AAEA,YAAI,UAAU;AACZ,gBAAM,QAAQ,eAAe,KAAK,UAAU;AAC5C,gBAAM,MAAM,QAAQ,YAAY;AAEhC,cAAI,QAAQ,WAAW;AAErB,qBAAS,YAAY,GAAG,KAAK;UAC/B,WAAW,QAAQ,mBAAmB;AAEpC,qBAAS,gBAAgB,GAAG,KAAK;UACnC,WAAW,QAAQ,aAAa;AAE9B,qBAAS,YAAY,QAAQ,UAAa,QAAQ,OAAO,OAAO,GAAG,IAAI;UACzE,WAAW,QAAQ,aAAa;AAE9B,qBAAS,YAAY,QAAQ,UAAa,QAAQ,OAAO,OAAO,GAAG,IAAI;UACzE,OAAO;AAUL,gBAAI,QAAQ;AAAa,uBAAS,OAAO,GAAG,KAAK;qBACxC,QAAQ;AAAc,uBAAS,QAAQ,GAAG,KAAK;qBAC/C,QAAQ;AAAe,uBAAS,OAAO,GAAG,KAAK;qBAC/C,QAAQ;AAAY,uBAAS,MAAM,GAAG,KAAK;UACtD;QACF;MACF;AACA,aAAO;IACT;EACF;AACF;AAEO,MAAM,2BAA2B,CAAC,WAAwD;AAC/F,QAAM,SAAS,oBAAI,IAAG;AACtB,QAAM,OAAO,aAAa,gBAAyD,yBAAyB,MAAM;AAClH,OAAK,QAAQ,SAAM;AACjB,QAAI,eAAe,KAAK;AACtB,UAAI,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,GAAG,CAAC,CAAC;IACxC;EACF,CAAC;AACD,SAAO;AACT;AAOM,SAAU,cAAc,UAA4B,EAAE,UAAU,YAAW,GAAE;AACjF,SAAO,UAAU,SAAS,OAAO;AACnC;",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcRootType } from '../types';\nimport {SwcUtils} from \"../utils/Utils\";\n\nexport type ApplyNodePosition = 'beforeBegin' | 'afterBegin' | 'beforeEnd' | 'afterEnd' | 'replace' | 'replaceChildren' | 'innerHtml' | 'innerText' | 'remove';\n\nexport interface ApplyNodeOptions {\n  position?: ApplyNodePosition;\n  root?: SwcRootType;\n}\n\nexport interface ApplyNodeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: ApplyNodeOptions;\n}\n\nexport const APPLY_NODE_METADATA_KEY = Symbol('simple-web-component:apply-node');\n\nconst normalizeNodes = (res: any, doc: Document): Node[] => {\n  const items = Array.isArray(res) ? res : [res];\n  return items.map(it => {\n    if (it instanceof Node) return it;\n    return doc.createTextNode(it !== undefined && it !== null ? String(it) : '');\n  });\n};\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n * \n * Usage examples:\n *   @applyNode('#list') addItem() { return '<li>New Item</li>'; }  // append at end\n *   @applyNode('#header', { position: 'afterBegin' }) prependItem() { return '<h1>Title</h1>'; }  // prepend at start\n *   @applyNode('#item', { position: 'replace' }) replaceItem() { return '<div>Replaced</div>'; }  // replace element\n *   @applyNode('#list', { position: 'replaceChildren' }) updateList() { return [item1, item2]; }  // replace all children\n *   @applyNode('#notification', { position: 'remove' }) dismissNotification() { return shouldDismiss; }  // remove if truthy\n *   @applyNode('.items', { position: 'remove', root: 'shadow' }) clearItems() { return true; }  // remove shadow DOM elements\n * \n * Positions:\n *   - 'beforeEnd' (default): Append at end of target\n *   - 'afterBegin': Prepend at start of target\n *   - 'beforeBegin': Insert before target\n *   - 'afterEnd': Insert after target\n *   - 'replace': Replace the entire target element\n *   - 'replaceChildren': Replace all children of target element\n *   - 'innerHtml': Set target's innerHTML\n *   - 'innerText': Set target's innerText\n *   - 'remove': Remove target element if returned value is truthy\n * \n * Root Options:\n *   - 'auto' (default): Search shadow DOM first, then light DOM\n *   - 'shadow': Search only in shadow DOM\n *   - 'light': Search only in light DOM\n *   - 'all': Use both (shadow preferred for query, both for remove)\n */\nexport function applyNode(selector: string, options: ApplyNodeOptions = { position: 'beforeEnd' }): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = target.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_NODE_METADATA_KEY, constructor) as Map<string | symbol, ApplyNodeMetadata>;\n    if (!metaList) {\n      metaList = new Map<string | symbol, ApplyNodeMetadata>();\n      ReflectUtils.defineMetadata(APPLY_NODE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.set(propertyKey, { propertyKey, selector, options });\n\n    const original = descriptor.value;\n    descriptor.value = async function (...args: any[]) {\n      ensureInit(this);\n      const res = await original.apply(this, args);\n      if (res !== undefined) {\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n        const currentDoc = currentWin.document;\n\n        const pos = options.position || 'beforeEnd';\n        const r = options.root || 'auto';\n        const applyRoot = (t: any) => {\n          if (!t || !(t instanceof HTMLElement)) return t;\n          if (r === 'auto') return t.shadowRoot || t;\n          if (r === 'shadow') return t.shadowRoot;\n          if (r === 'light') return t;\n          if (r === 'all') return t.shadowRoot || t; // query only returns one, so shadow preferred\n          return t;\n        };\n\n        const hostSet = SwcUtils.getHostSet(this);\n        // const getTargetRoot = () => {\n        //   if (r === 'shadow') return this.shadowRoot;\n        //   if (r === 'light') return this as any;\n        //   if (r === 'all') return this.shadowRoot || (this as any);\n        //   return this.shadowRoot || (this as any); // auto\n        // };\n\n        if (pos === 'remove') {\n          // Remove element(s) if returned value is truthy\n          if (res) {\n            if (selector === ':host' || !selector) {\n              if (r === 'shadow' && this.shadowRoot) {\n                // Remove all children from shadow DOM\n                this.shadowRoot.replaceChildren();\n              } else {\n                // Remove the component itself\n                (this as any).remove();\n              }\n            } else {\n              const targetRoot = applyRoot(this);\n              if (targetRoot) {\n                const targets = targetRoot.querySelectorAll(selector);\n                targets.forEach((el: Element) => el.remove());\n              }\n            }\n          }\n        } else {\n          let targetEl: any = null;\n\n          if (selector === ':host') {\n            targetEl =  applyRoot(this)\n          } else if (selector === ':parentHost') {\n            targetEl =  applyRoot(hostSet.$parentHost)\n          } else if (selector === ':appHost') {\n            targetEl =  applyRoot(hostSet.$appHost)\n          } else if (selector === ':firstHost') {\n            targetEl =  applyRoot(hostSet.$firstHost)\n          } else if (selector === ':lastHost') {\n            targetEl =  applyRoot(hostSet.$lastHost)\n          } else if (selector === ':firstAppHost') {\n            targetEl =  applyRoot(hostSet.$firstHost)\n          } else if (selector === ':lastAppHost') {\n            targetEl =  applyRoot(hostSet.$lastAppHost);\n          } else {\n            const targetRoot = applyRoot(this);\n            targetEl = targetRoot ? targetRoot.querySelector(selector) : null;\n          }\n\n          if (targetEl) {\n            const isShadowRoot = targetEl instanceof ShadowRoot;\n            const nodes = normalizeNodes(res, currentDoc);\n\n            if (pos === 'replace') {\n              // ShadowRoot doesn't support replaceWith\n              if (!isShadowRoot) {\n                targetEl.replaceWith(...nodes);\n              }\n            } else if (pos === 'replaceChildren') {\n              // Replace all children of target element\n              targetEl.replaceChildren(...nodes);\n            } else if (pos === 'innerHtml') {\n              // Set innerHTML\n              targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n            } else if (pos === 'innerText') {\n              // Set innerText\n              if (targetEl.innerText !== undefined) {\n                targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n              }\n            } else {\n              /*\n                    <!-- beforebegin -->\n                    <p>\n                      <!-- afterbegin -->\n                      foo\n                      <!-- beforeend -->\n                    </p>\n                    <!-- afterend -->\n               */\n              if (pos === 'beforeEnd') targetEl.append(...nodes);\n              else if (pos === 'afterBegin') targetEl.prepend(...nodes);\n              else if (pos === 'beforeBegin' && !isShadowRoot) targetEl.before(...nodes);\n              else if (pos === 'afterEnd' && !isShadowRoot) targetEl.after(...nodes);\n            }\n          }\n        }\n      }\n      return res;\n    };\n  };\n}\n\nexport const findAllApplyNodeMetadata = (target: any): Map<string | symbol, ApplyNodeMetadata> => {\n  const result = new Map<string | symbol, ApplyNodeMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, ApplyNodeMetadata>>(APPLY_NODE_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\n/**\n * @applyNodeHost decorator - simplified version of @applyNode for :host selector\n * Usage: @applyNodeHost addItem() { return '<li>New Item</li>'; }\n * Usage: @applyNodeHost() addItem() { return '<li>New Item</li>'; }\n * Usage: @applyNodeHost({ position: 'afterBegin' }) prependItem() { return '<h1>Title</h1>'; }\n */\nexport function applyNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeHost(): MethodDecorator;\nexport function applyNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyNodeHost(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  // Direct decorator usage: @applyNodeHost (no parentheses)\n  console.log('vvvvv')\n  if (propertyKey !== undefined && typeof propertyKey === 'string' || typeof propertyKey === 'symbol') {\n    return applyNode(':host', { position: 'beforeEnd' })(targetOrOptions, propertyKey, descriptor);\n  }\n\n  // @applyNodeHost() or @applyNodeHost(options)\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null) {\n    const options = targetOrOptions as ApplyNodeOptions;\n    return applyNode(':host', { ...options, position: options.position || 'beforeEnd' });\n  } else {\n    // @applyNodeHost() - use default position\n    return applyNode(':host', { position: 'beforeEnd' });\n  }\n}\n\n// Convenience decorators for specific positions\n\n/**\n * @applyBeforeBeginNode - Insert before target element\n */\nexport function applyBeforeBeginNode(selector: string): MethodDecorator;\nexport function applyBeforeBeginNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyBeforeBeginNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'beforeBegin' });\n}\n\n/**\n * @applyAfterBeginNode - Prepend to target element\n */\nexport function applyAfterBeginNode(selector: string): MethodDecorator;\nexport function applyAfterBeginNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyAfterBeginNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'afterBegin' });\n}\n\n/**\n * @applyBeforeEndNode - Append to target element (default)\n */\nexport function applyBeforeEndNode(selector: string): MethodDecorator;\nexport function applyBeforeEndNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyBeforeEndNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'beforeEnd' });\n}\n\n/**\n * @applyAfterEndNode - Insert after target element\n */\nexport function applyAfterEndNode(selector: string): MethodDecorator;\nexport function applyAfterEndNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyAfterEndNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'afterEnd' });\n}\n\n/**\n * @applyReplaceNode - Replace entire target element\n */\nexport function applyReplaceNode(selector: string): MethodDecorator;\nexport function applyReplaceNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyReplaceNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'replace' });\n}\n\n/**\n * @applyReplaceChildrenNode - Replace all children of target element\n */\nexport function applyReplaceChildrenNode(selector: string): MethodDecorator;\nexport function applyReplaceChildrenNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyReplaceChildrenNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'replaceChildren' });\n}\n\n/**\n * @applyInnerHtmlNode - Set target's innerHTML\n */\nexport function applyInnerHtmlNode(selector: string): MethodDecorator;\nexport function applyInnerHtmlNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyInnerHtmlNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'innerHtml' });\n}\n\n/**\n * @applyInnerTextNode - Set target's innerText\n */\nexport function applyInnerTextNode(selector: string): MethodDecorator;\nexport function applyInnerTextNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyInnerTextNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'innerText' });\n}\n\n/**\n * @applyRemoveNode - Remove target element if truthy\n */\nexport function applyRemoveNode(selector: string): MethodDecorator;\nexport function applyRemoveNode(selector: string, options: ApplyNodeOptions): MethodDecorator;\nexport function applyRemoveNode(selector: string, options?: ApplyNodeOptions): any {\n  return applyNode(selector, { ...options, position: 'remove' });\n}\n\n// Host versions\n\n/**\n * @applyBeforeBeginNodeHost - Insert before :host\n */\nexport function applyBeforeBeginNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;\nexport function applyBeforeBeginNodeHost(): MethodDecorator;\nexport function applyBeforeBeginNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyBeforeBeginNodeHost(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'beforeBegin' });\n    return decorator(targetOrOptions, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(targetOrOptions as ApplyNodeOptions || {}), position: 'beforeBegin' });\n}\n\n/**\n * @applyAfterBeginNodeHost - Prepend to :host\n */export function applyAfterBeginNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;export function applyAfterBeginNodeHost(): MethodDecorator;\nexport function applyAfterBeginNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyAfterBeginNodeHost(optionsOrTarget?: ApplyNodeOptions | any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'afterBegin' });\n    return decorator(optionsOrTarget, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(optionsOrTarget as ApplyNodeOptions || {}), position: 'afterBegin' });\n}\n\n/**\n * @applyBeforeEndNodeHost - Append to :host\n */export function applyBeforeEndNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;export function applyBeforeEndNodeHost(): MethodDecorator;\nexport function applyBeforeEndNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyBeforeEndNodeHost(optionsOrTarget?: ApplyNodeOptions | any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'beforeEnd' });\n    return decorator(optionsOrTarget, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(optionsOrTarget as ApplyNodeOptions || {}), position: 'beforeEnd' });\n}\n\n/**\n * @applyAfterEndNodeHost - Insert after :host\n */export function applyAfterEndNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;export function applyAfterEndNodeHost(): MethodDecorator;\nexport function applyAfterEndNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyAfterEndNodeHost(optionsOrTarget?: ApplyNodeOptions | any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'afterEnd' });\n    return decorator(optionsOrTarget, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(optionsOrTarget as ApplyNodeOptions || {}), position: 'afterEnd' });\n}\n\n/**\n * @applyReplaceNodeHost - Replace :host\n */export function applyReplaceNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;export function applyReplaceNodeHost(): MethodDecorator;\nexport function applyReplaceNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyReplaceNodeHost(optionsOrTarget?: ApplyNodeOptions | any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'replace' });\n    return decorator(optionsOrTarget, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(optionsOrTarget as ApplyNodeOptions || {}), position: 'replace' });\n}\n\n/**\n * @applyReplaceChildrenNodeHost - Replace children of :host\n */export function applyReplaceChildrenNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;export function applyReplaceChildrenNodeHost(): MethodDecorator;\nexport function applyReplaceChildrenNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyReplaceChildrenNodeHost(optionsOrTarget?: ApplyNodeOptions | any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'replaceChildren' });\n    return decorator(optionsOrTarget, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(optionsOrTarget as ApplyNodeOptions || {}), position: 'replaceChildren' });\n}\n\n/**\n * @applyInnerHtmlNodeHost - Set :host innerHTML\n */export function applyInnerHtmlNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;export function applyInnerHtmlNodeHost(): MethodDecorator;\nexport function applyInnerHtmlNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyInnerHtmlNodeHost(optionsOrTarget?: ApplyNodeOptions | any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'innerHtml' });\n    return decorator(optionsOrTarget, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(optionsOrTarget as ApplyNodeOptions || {}), position: 'innerHtml' });\n}\n\n/**\n * @applyInnerTextNodeHost - Set :host innerText\n */export function applyInnerTextNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;export function applyInnerTextNodeHost(): MethodDecorator;\nexport function applyInnerTextNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyInnerTextNodeHost(optionsOrTarget?: ApplyNodeOptions | any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'innerText' });\n    return decorator(optionsOrTarget, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(optionsOrTarget as ApplyNodeOptions || {}), position: 'innerText' });\n}\n\n/**\n * @applyRemoveNodeHost - Remove :host if truthy\n */export function applyRemoveNodeHost(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): any;export function applyRemoveNodeHost(): MethodDecorator;\nexport function applyRemoveNodeHost(options: ApplyNodeOptions): MethodDecorator;\nexport function applyRemoveNodeHost(optionsOrTarget?: ApplyNodeOptions | any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  if (propertyKey !== undefined) {\n    const decorator = applyNode(':host', { position: 'remove' });\n    return decorator(optionsOrTarget, propertyKey, descriptor);\n  }\n  return applyNode(':host', { ...(optionsOrTarget as ApplyNodeOptions || {}), position: 'remove' });\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/attribute.js

@@ -102,7 +102,6 @@ function attribute(selector, options = {}) {
       },
       set(nv) {
         const targetType = options.type || designType;
-        console.log("---set", propertyKey, targetType, nv, this, this.__swc_syncing_init);
         const attrName = options.name || String(propertyKey);
         const conf = getElementConfig(this);
         const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
@@ -130,8 +129,27 @@ function attribute(selector, options = {}) {
 const findAllAttributeMetadata = (target) => {
   return ReflectUtils.findAllMetadata(ATTRIBUTE_METADATA_KEY, target).flat();
 };
-function attributeHost(attrName, options = {}) {
-  return attribute(":host", { ...options, name: attrName });
+function attributeHost(targetOrAttrOrOptions, propertyKeyOrOptions) {
+  if (propertyKeyOrOptions !== void 0 && (typeof propertyKeyOrOptions === "string" || typeof propertyKeyOrOptions === "symbol")) {
+    const fieldName = String(propertyKeyOrOptions);
+    return attribute(":host", { name: fieldName })(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) => {
+      const fieldName = String(propertyKey);
+      return attribute(":host", { ...options, name: fieldName })(target, propertyKey);
+    };
+  } else {
+    return (target, propertyKey) => {
+      const fieldName = String(propertyKey);
+      return attribute(":host", { name: fieldName })(target, propertyKey);
+    };
+  }
 }
 export {
   ATTRIBUTE_METADATA_KEY,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/attribute.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\n\nexport interface AttributeOptions extends SwcQueryOptions {\n  name?: string;\n  connectedInitialize?: boolean;\n  type?: typeof Number | typeof Boolean | typeof String;\n}\n\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: AttributeOptions;\n  privateKey: symbol; // Added to bypass getter during initialization\n}\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:attribute');\n\n/**\n * Helper to perform type conversion from string to target type\n */\nconst convertValue = (val: string | null, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\n/**\n * Helper to resolve target elements based on selector and root options\n */\nexport const resolveTargetEls = (inst: any, selector: string, options: AttributeOptions, currentWin: any): HTMLElement[] => {\n  const r = options.root || 'auto';\n  const results: HTMLElement[] = [];\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\n      // Attributes belong to the ELEMENT, not the ShadowRoot.\n      // So for :host and direct attribute sync, we mostly want the element itself.\n      results.push(target);\n    } else {\n      if (r === 'light' || r === 'all') results.push(target);\n      if ((r === 'shadow' || r === 'all') && target.shadowRoot) results.push(target.shadowRoot);\n    }\n  };\n\n  if (selector === ':host' || !selector) {\n    applyRoot(inst);\n  } else if (selector === ':window') {\n    results.push(currentWin);\n  } else if (selector === ':document') {\n    results.push(currentWin.document);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (selector === ':parentHost') applyRoot(hostSet.$parentHost);\n    else if (selector === ':appHost') applyRoot(hostSet.$appHost as any);\n    else if (selector === ':firstHost') applyRoot(hostSet.$firstHost);\n    else if (selector === ':lastHost') applyRoot(hostSet.$lastHost);\n    else if (selector === ':firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (selector === ':lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(selector);\n        const lMatch = inst.querySelectorAll(selector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(selector);\n        if (found) results.push(...found);\n      }\n    }\n  }\n  return results;\n};\n\n/**\n * @attribute decorator to sync a field value with an element's attribute.\n */\nexport function attribute(selector: string, options: AttributeOptions = {}): PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    const privateKey = Symbol(String(propertyKey));\n\n    const designType = (Reflect as any).getMetadata('design:type', target, propertyKey);\n\n    let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_METADATA_KEY, constructor) as AttributeMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, selector, options, privateKey });\n\n    // Helper function to apply setAttribute to targets\n    const applySetAttribute = (inst: any, targets: HTMLElement[], attrName: string, nv: any) => {\n      targets.forEach(it => {\n        console.log('----->', it)\n        if (it && typeof (it as any).setAttribute === 'function') {\n          if (nv === null) {\n            (it as any).removeAttribute(attrName);\n          } else {\n            (it as any).setAttribute(attrName, String(nv));\n          }\n        } else {\n          inst[privateKey] = nv;\n        }\n      });\n    };\n\n    Object.defineProperty(target, propertyKey, {\n      get(this: any) {\n        const attrName = options.name || String(propertyKey);\n        const conf = getElementConfig(this);\n        const currentWin = this._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n        const targetType = options.type || designType;\n\n        console.log('type-->', propertyKey, targetType);\n        // During early init phase, if syncing memory to DOM, return memory.\n        if (this.__swc_syncing_init || (options.connectedInitialize && !this.__swc_connected)) {\n          return convertValue(this[privateKey], targetType);\n        }\n\n        const targets = resolveTargetEls(this, selector, options, currentWin);\n        const primaryTarget = targets[0];\n\n        if (primaryTarget && typeof (primaryTarget as any).hasAttribute === 'function') {\n          if ((primaryTarget as any).hasAttribute(attrName)) {\n            const domVal = (primaryTarget as any).getAttribute(attrName);\n            return convertValue(domVal, targetType);\n          }\n          return null;\n        }\n\n        return convertValue(this[privateKey], targetType);\n      },\n      set(this: any, nv: any) {\n        const targetType = options.type || designType;\n        console.log('---set', propertyKey, targetType, nv, this, this.__swc_syncing_init);\n\n        const attrName = options.name || String(propertyKey);\n        const conf = getElementConfig(this);\n        const currentWin = this._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n\n        // During initialization/syncing phase\n        if (this.__swc_syncing_init) {\n          // If connectedInitialize is enabled, force setAttribute (JS -> DOM)\n          if (options.connectedInitialize === true) {\n            const targets = resolveTargetEls(this, selector, options, currentWin);\n            applySetAttribute(this, targets, attrName, nv);\n          } else {\n            // Otherwise just update memory\n            this[privateKey] = nv;\n          }\n          return;\n        }\n\n        // Before connected, save to memory only\n        if (!this.__swc_connected) {\n          this[privateKey] = nv;\n          return;\n        }\n\n        // After connected, normal setAttribute\n        const targets = resolveTargetEls(this, selector, options, currentWin);\n        applySetAttribute(this, targets, attrName, nv);\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\nexport const findAllAttributeMetadata = (target: any): AttributeMetadata[] => {\n  return ReflectUtils.findAllMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, target).flat();\n};\n\n/**\n * @hostAttribute decorator - simplified version of @attribute for :host selector\n * Usage: @hostAttribute('data-product-id')\n * Usage: @hostAttribute('disabled', { type: Boolean })\n */\nexport function attributeHost(attrName: string, options: AttributeOptions = {}): PropertyDecorator {\n  return attribute(':host', { ...options, name: attrName });\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {ensureInit, getElementConfig} from './elementDefine';\nimport {SwcUtils} from '../utils/Utils';\nimport {SpecialSelector, SwcQueryOptions} from '../types';\n\nexport interface AttributeOptions extends SwcQueryOptions {\n  name?: string;\n  connectedInitialize?: boolean;\n  type?: typeof Number | typeof Boolean | typeof String;\n}\n\nexport interface AttributeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: AttributeOptions;\n  privateKey: symbol; // Added to bypass getter during initialization\n}\n\nexport const ATTRIBUTE_METADATA_KEY = Symbol('simple-web-component:attribute');\n\n/**\n * Helper to perform type conversion from string to target type\n */\nconst convertValue = (val: string | null, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\n/**\n * Helper to resolve target elements based on selector and root options\n */\nexport const resolveTargetEls = (inst: any, selector: string, options: AttributeOptions, currentWin: any): HTMLElement[] => {\n  const r = options.root || 'auto';\n  const results: HTMLElement[] = [];\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\n      // Attributes belong to the ELEMENT, not the ShadowRoot.\n      // So for :host and direct attribute sync, we mostly want the element itself.\n      results.push(target);\n    } else {\n      if (r === 'light' || r === 'all') results.push(target);\n      if ((r === 'shadow' || r === 'all') && target.shadowRoot) results.push(target.shadowRoot);\n    }\n  };\n\n  if (selector === ':host' || !selector) {\n    applyRoot(inst);\n  } else if (selector === ':window') {\n    results.push(currentWin);\n  } else if (selector === ':document') {\n    results.push(currentWin.document);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (selector === ':parentHost') applyRoot(hostSet.$parentHost);\n    else if (selector === ':appHost') applyRoot(hostSet.$appHost as any);\n    else if (selector === ':firstHost') applyRoot(hostSet.$firstHost);\n    else if (selector === ':lastHost') applyRoot(hostSet.$lastHost);\n    else if (selector === ':firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (selector === ':lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(selector);\n        const lMatch = inst.querySelectorAll(selector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(selector);\n        if (found) results.push(...found);\n      }\n    }\n  }\n  return results;\n};\n\n/**\n * @attribute decorator to sync a field value with an element's attribute.\n */\nexport function attribute(selector: string, options: AttributeOptions = {}): PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    const privateKey = Symbol(String(propertyKey));\n\n    const designType = (Reflect as any).getMetadata('design:type', target, propertyKey);\n\n    let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_METADATA_KEY, constructor) as AttributeMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({propertyKey, selector, options, privateKey});\n\n    // Helper function to apply setAttribute to targets\n    const applySetAttribute = (inst: any, targets: HTMLElement[], attrName: string, nv: any) => {\n      targets.forEach(it => {\n        console.log('----->', it)\n        if (it && typeof (it as any).setAttribute === 'function') {\n          if (nv === null) {\n            (it as any).removeAttribute(attrName);\n          } else {\n            (it as any).setAttribute(attrName, String(nv));\n          }\n        } else {\n          inst[privateKey] = nv;\n        }\n      });\n    };\n\n    Object.defineProperty(target, propertyKey, {\n      get(this: any) {\n        const attrName = options.name || String(propertyKey);\n        const conf = getElementConfig(this);\n        const currentWin = this._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n        const targetType = options.type || designType;\n\n        console.log('type-->', propertyKey, targetType);\n        // During early init phase, if syncing memory to DOM, return memory.\n        if (this.__swc_syncing_init || (options.connectedInitialize && !this.__swc_connected)) {\n          return convertValue(this[privateKey], targetType);\n        }\n\n        const targets = resolveTargetEls(this, selector, options, currentWin);\n        const primaryTarget = targets[0];\n\n        if (primaryTarget && typeof (primaryTarget as any).hasAttribute === 'function') {\n          if ((primaryTarget as any).hasAttribute(attrName)) {\n            const domVal = (primaryTarget as any).getAttribute(attrName);\n            return convertValue(domVal, targetType);\n          }\n          return null;\n        }\n\n        return convertValue(this[privateKey], targetType);\n      },\n      set(this: any, nv: any) {\n        const targetType = options.type || designType;\n        // console.log('---set', propertyKey, targetType, nv, this, this.__swc_syncing_init);\n\n        const attrName = options.name || String(propertyKey);\n        const conf = getElementConfig(this);\n        const currentWin = this._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n\n        // During initialization/syncing phase\n        if (this.__swc_syncing_init) {\n          // If connectedInitialize is enabled, force setAttribute (JS -> DOM)\n          if (options.connectedInitialize === true) {\n            const targets = resolveTargetEls(this, selector, options, currentWin);\n            applySetAttribute(this, targets, attrName, nv);\n          } else {\n            // Otherwise just update memory\n            this[privateKey] = nv;\n          }\n          return;\n        }\n\n        // Before connected, save to memory only\n        if (!this.__swc_connected) {\n          this[privateKey] = nv;\n          return;\n        }\n\n        // After connected, normal setAttribute\n        const targets = resolveTargetEls(this, selector, options, currentWin);\n        applySetAttribute(this, targets, attrName, nv);\n      },\n      enumerable: true,\n      configurable: true\n    });\n  };\n}\n\nexport const findAllAttributeMetadata = (target: any): AttributeMetadata[] => {\n  return ReflectUtils.findAllMetadata<AttributeMetadata[]>(ATTRIBUTE_METADATA_KEY, target).flat();\n};\n\n/**\n * @attributeHost decorator - simplified version of @attribute for :host selector\n * Usage: @attributeHost - uses field name as attribute name\n * Usage: @attributeHost() - uses field name as attribute name\n * Usage: @attributeHost('data-id') - uses custom attribute name\n * Usage: @attributeHost({ type: Boolean }) - uses field name with options\n * Usage: @attributeHost('data-id', { type: Boolean }) - uses custom name with options\n */\nexport function attributeHost(target: Object, propertyKey: string | symbol): void;\nexport function attributeHost(): PropertyDecorator;\nexport function attributeHost(options: AttributeOptions): PropertyDecorator;\nexport function attributeHost(attrName: string): PropertyDecorator;\nexport function attributeHost(attrName: string, options: AttributeOptions): PropertyDecorator;\nexport function attributeHost(targetOrAttrOrOptions?: any, propertyKeyOrOptions?: any): any {\n  // Direct decorator usage: @attributeHost (no parentheses)\n  if (propertyKeyOrOptions !== undefined && (typeof propertyKeyOrOptions === 'string' || typeof propertyKeyOrOptions === 'symbol')) {\n    const fieldName = String(propertyKeyOrOptions);\n    return attribute(':host', { name: fieldName })(targetOrAttrOrOptions, propertyKeyOrOptions);\n  }\n\n  // @attributeHost() or @attributeHost(options) or @attributeHost('name')\n  if (typeof targetOrAttrOrOptions === 'string') {\n    // @attributeHost('customName') or @attributeHost('customName', options)\n    const attrName = targetOrAttrOrOptions;\n    const options = (typeof propertyKeyOrOptions === 'object' ? propertyKeyOrOptions : {}) as AttributeOptions;\n    return attribute(':host', { ...options, name: attrName });\n  } else if (typeof targetOrAttrOrOptions === 'object') {\n    // @attributeHost(options) - use field name as attribute name\n    const options = targetOrAttrOrOptions as AttributeOptions;\n    return (target: Object, propertyKey: string | symbol) => {\n      const fieldName = String(propertyKey);\n      return attribute(':host', { ...options, name: fieldName })(target, propertyKey);\n    };\n  } else {\n    // @attributeHost() - use field name as attribute name\n    return (target: Object, propertyKey: string | symbol) => {\n      const fieldName = String(propertyKey);\n      return attribute(':host', { name: fieldName })(target, propertyKey);\n    };\n  }\n}\n"],
+  "mappings": "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",
   "names": ["targets"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/changedAttributeHost.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\n\nexport const ON_ATTRIBUTE_CHANGED_METADATA_KEY = Symbol('simple-web-component:on-attribute-changed');\n\n/**\n * @changedAttributeHost decorator - fires when any attribute on :host changes\n * Usage: @changedAttributeHost('data-product-id')\n */\nexport function changedAttributeHost(attributeName?: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let meta = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) as Map<string, (string | symbol)[]>;\n    if (!meta) {\n      meta = new Map<string, (string | symbol)[]>();\n      ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, meta, constructor);\n    }\n\n    const name = attributeName || String(propertyKey);\n    let methods = meta.get(name);\n    if (!methods) {\n      methods = [];\n      meta.set(name, methods);\n    }\n    if (!methods.includes(propertyKey)) methods.push(propertyKey);\n  };\n}\n\nexport const getChangedAttributeMetadata = (target: any): Map<string, (string | symbol)[]> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);\n};\n\nexport const findAllAttributeChangedMetadata = (target: any): Map<string, (string | symbol)[]> => {\n  return ReflectUtils.findAllMapMetadata<string, string | symbol>(ON_ATTRIBUTE_CHANGED_METADATA_KEY, target);\n};\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,oCAAoC,OAAO,2CAA2C;AAM5F,SAAS,qBAAqB,eAAyC;AAC5E,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,mCAAmC,WAAW;AACrF,QAAI,CAAC,MAAM;AACT,aAAO,oBAAI,IAAiC;AAC5C,mBAAa,eAAe,mCAAmC,MAAM,WAAW;AAAA,IAClF;AAEA,UAAM,OAAO,iBAAiB,OAAO,WAAW;AAChD,QAAI,UAAU,KAAK,IAAI,IAAI;AAC3B,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAC;AACX,WAAK,IAAI,MAAM,OAAO;AAAA,IACxB;AACA,QAAI,CAAC,QAAQ,SAAS,WAAW,EAAG,SAAQ,KAAK,WAAW;AAAA,EAC9D;AACF;AAEO,MAAM,8BAA8B,CAAC,WAA8D;AACxG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,mCAAmC,WAAW;AAChF;AAEO,MAAM,kCAAkC,CAAC,WAAkD;AAChG,SAAO,aAAa,mBAA4C,mCAAmC,MAAM;AAC3G;",
+  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\n\nexport const ON_ATTRIBUTE_CHANGED_METADATA_KEY = Symbol('simple-web-component:on-attribute-changed');\n\n/**\n * @changedAttributeHost decorator - fires when any attribute on :host changes\n * Usage: @changedAttributeHost('data-product-id')\n */\nexport function changedAttributeHost(attributeName?: string): MethodDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    let meta = ReflectUtils.getOwnMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor) as Map<string, (string | symbol)[]>;\n    if (!meta) {\n      meta = new Map<string, (string | symbol)[]>();\n      ReflectUtils.defineMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, meta, constructor);\n    }\n\n    const name = attributeName || String(propertyKey);\n    let methods = meta.get(name);\n    if (!methods) {\n      methods = [];\n      meta.set(name, methods);\n    }\n    if (!methods.includes(propertyKey)) methods.push(propertyKey);\n  };\n}\n\nexport const getChangedAttributeMetadata = (target: any): Map<string, (string | symbol)[]> | undefined => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(ON_ATTRIBUTE_CHANGED_METADATA_KEY, constructor);\n};\n\nexport const findAllAttributeChangedMetadata = (target: any): Map<string, (string | symbol)[]> => {\n  return ReflectUtils.findAllMapMetadata<string, string | symbol>(ON_ATTRIBUTE_CHANGED_METADATA_KEY, target);\n};\n"],
+  "mappings": "AAAA,SAAQ,oBAAmB;AAEpB,MAAM,oCAAoC,OAAO,2CAA2C;AAM5F,SAAS,qBAAqB,eAAyC;AAC5E,SAAO,CAAC,QAAgB,gBAAiC;AACvD,UAAM,cAAc,OAAO;AAC3B,QAAI,OAAO,aAAa,eAAe,mCAAmC,WAAW;AACrF,QAAI,CAAC,MAAM;AACT,aAAO,oBAAI,IAAiC;AAC5C,mBAAa,eAAe,mCAAmC,MAAM,WAAW;AAAA,IAClF;AAEA,UAAM,OAAO,iBAAiB,OAAO,WAAW;AAChD,QAAI,UAAU,KAAK,IAAI,IAAI;AAC3B,QAAI,CAAC,SAAS;AACZ,gBAAU,CAAC;AACX,WAAK,IAAI,MAAM,OAAO;AAAA,IACxB;AACA,QAAI,CAAC,QAAQ,SAAS,WAAW,EAAG,SAAQ,KAAK,WAAW;AAAA,EAC9D;AACF;AAEO,MAAM,8BAA8B,CAAC,WAA8D;AACxG,QAAM,cAAc,kBAAkB,WAAW,SAAS,OAAO;AACjE,SAAO,aAAa,YAAY,mCAAmC,WAAW;AAChF;AAEO,MAAM,kCAAkC,CAAC,WAAkD;AAChG,SAAO,aAAa,mBAA4C,mCAAmC,MAAM;AAC3G;",
   "names": []
 }