@dooboostore/simple-web-component 1.0.39 → 1.0.40

package/dist/esm/decorators/applyNode.js

@@ -76,7 +76,6 @@ function applyNode(selector, options = { position: "replaceChildren" }) {
         const targetRoot = applyRoot(this);
         return targetRoot ? targetRoot.querySelector(selector) : null;
       };
-      console.log("fffffffffff");
       const targetEl = getTarget();
       const res = original.apply(this, args);
       const runApply = (target, val) => {
@@ -104,108 +103,124 @@ function applyNode(selector, options = { position: "replaceChildren" }) {
     };
   };
 }
-const findAllApplyNodeMetadata = (target) => {
-  const result = /* @__PURE__ */ new Map();
-  const maps = ReflectUtils.findAllMetadata(APPLY_NODE_METADATA_KEY, target);
-  maps.forEach((map) => {
-    if (map instanceof Map) {
-      map.forEach((v, k) => result.set(k, v));
-    }
-  });
-  return result;
-};
 function applyNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "replaceChildren" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...option, ...opt });
 }
-function applyNodeThisReplaceChildren(targetOrOptions, propertyKey, descriptor) {
+function replaceChildrenNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "replaceChildren" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyNodeThisReplaceChildrenLightDom(targetOrOptions, propertyKey, descriptor) {
-  const options = { position: "replaceChildren", root: "light" };
-  if (propertyKey !== void 0) return applyNode("$this", options)(targetOrOptions, propertyKey, descriptor);
-  const opt = targetOrOptions || {};
-  return applyNode("$this", { ...opt, ...options });
-}
-function applyNodeThisBeforeEnd(targetOrOptions, propertyKey, descriptor) {
+function beforeEndNodeThis(targetOrOptions, propertyKey, descriptor) {
   const options = { position: "beforeEnd" };
   if (propertyKey !== void 0) return applyNode("$this", options)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...options });
 }
-function applyNodeThisBeforeEndLightDom(targetOrOptions, propertyKey, descriptor) {
+function beforeEndLightNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "beforeEnd", root: "light" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyNodeThisBeforeEndShadow(targetOrOptions, propertyKey, descriptor) {
+function beforeEndShadowNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "beforeEnd", root: "shadow" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyNodeThisAfterBegin(targetOrOptions, propertyKey, descriptor) {
+function afterBeginNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "afterBegin" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyNodeThisAfterBeginLightDom(targetOrOptions, propertyKey, descriptor) {
+function afterBeginLightNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "afterBegin", root: "light" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyNodeThisInnerHtml(targetOrOptions, propertyKey, descriptor) {
+function innerHtmlNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "innerHtml" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyThisInnerHtmlNodeLightDom(targetOrOptions, propertyKey, descriptor) {
+function innerTextNodeThis(targetOrOptions, propertyKey, descriptor) {
+  const option = { position: "innerText" };
+  if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
+  const opt = targetOrOptions || {};
+  return applyNode("$this", { ...opt, ...option });
+}
+function innerHtmlLightNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "innerHtml", root: "light" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyThisReplaceChildrenNodeLightDom(targetOrOptions, propertyKey, descriptor) {
+function replaceChildrenLightNodeThis(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "replaceChildren", root: "light" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyNodeReplaceChildren(selector, options = {}) {
+function replaceChildrenNode(selector, options = {}) {
   return applyNode(selector, { ...options, position: "replaceChildren" });
 }
-function applyNodeInnerHtml(selector, options = {}) {
+function innerHtmlNode(selector, options = {}) {
   return applyNode(selector, { ...options, position: "innerHtml" });
 }
-function applyNodeInnerText(selector, options = {}) {
+function innerHtmlLightNode(selector, options = {}) {
+  return applyNode(selector, { ...options, position: "innerHtml", root: "light" });
+}
+function innerHtmlShadowNode(selector, options = {}) {
+  return applyNode(selector, { ...options, position: "innerHtml", root: "shadow" });
+}
+function innerTextNode(selector, options = {}) {
   return applyNode(selector, { ...options, position: "innerText" });
 }
+function innerTextLightNode(selector, options = {}) {
+  return applyNode(selector, { ...options, position: "innerText", root: "light" });
+}
+function innerTextShadowNode(selector, options = {}) {
+  return applyNode(selector, { ...options, position: "innerText", root: "shadow" });
+}
+const findAllApplyNodeMetadata = (target) => {
+  const result = /* @__PURE__ */ new Map();
+  const maps = ReflectUtils.findAllMetadata(APPLY_NODE_METADATA_KEY, target);
+  maps.forEach((map) => {
+    if (map instanceof Map) {
+      map.forEach((v, k) => result.set(k, v));
+    }
+  });
+  return result;
+};
 export {
   APPLY_NODE_METADATA_KEY,
+  afterBeginLightNodeThis,
+  afterBeginNodeThis,
   applyNode,
-  applyNodeInnerHtml,
-  applyNodeInnerText,
-  applyNodeReplaceChildren,
   applyNodeThis,
-  applyNodeThisAfterBegin,
-  applyNodeThisAfterBeginLightDom,
-  applyNodeThisBeforeEnd,
-  applyNodeThisBeforeEndLightDom,
-  applyNodeThisBeforeEndShadow,
-  applyNodeThisInnerHtml,
-  applyNodeThisReplaceChildren,
-  applyNodeThisReplaceChildrenLightDom,
-  applyThisInnerHtmlNodeLightDom,
-  applyThisReplaceChildrenNodeLightDom,
-  findAllApplyNodeMetadata
+  beforeEndLightNodeThis,
+  beforeEndNodeThis,
+  beforeEndShadowNodeThis,
+  findAllApplyNodeMetadata,
+  innerHtmlLightNode,
+  innerHtmlLightNodeThis,
+  innerHtmlNode,
+  innerHtmlNodeThis,
+  innerHtmlShadowNode,
+  innerTextLightNode,
+  innerTextNode,
+  innerTextNodeThis,
+  innerTextShadowNode,
+  replaceChildrenLightNodeThis,
+  replaceChildrenNode,
+  replaceChildrenNodeThis
 };
 //# 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';\nimport {SpecialSelector, SwcQueryOptions, HelperHostSet, SwcRootType} from '../types';\nimport { SwcUtils} from \"../utils/Utils\";\nimport {findAllStateMetadata} from \"./state\";\nimport {ElementApply} from \"@dooboostore/core-web\";\n/*\n<!-- beforebegin -->\n<p> <-- it's me\n  <!-- afterbegin -->\n  foo\n  <!-- beforeend -->\n</p>\n<!-- afterend -->\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   * Filter function to determine whether to perform DOM operation.\n   * If it returns false, the operation is skipped.\n   */\n  filter?: (target: HTMLElement | ShadowRoot, newValue: any, meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n  /**\n   * Optional loading content to display while an async method is executing.\n   */\n  fallback?: (helper: HelperHostSet) => any;\n}\n\nexport interface ApplyNodeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: ApplyNodeOptions;\n}\n\nexport const APPLY_NODE_METADATA_KEY = Symbol.for('simple-web-component:apply-node');\n\n// const 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\nconst applyToDom = (currentThis: any, targetEl: HTMLElement, res: Node | string, pos: ApplyNodePosition, win: Window, host?: any) => {\n  if (!targetEl) return;\n  const doc = win.document;\n  const hostSet = SwcUtils.getHelperAndHostSet(win, currentThis);\n  const id = currentThis._swcId;\n\n\n  const nodes: Node[] = [];\n\n  if (typeof res === 'string' && pos === 'innerHtml') {\n    const t = win.document.createElement('template');\n    t.innerHTML = res;\n    nodes.push(...Array.from(t.content.childNodes));\n  } else if (typeof res === 'string' && pos === 'innerText') {\n    nodes.push(win.document.createTextNode(res));\n  }\n\n  SwcUtils.projectProcessHtml(id, nodes, doc);\n\n\n\n  const isShadowRoot = targetEl instanceof win.ShadowRoot;\n  // const nodes = normalizeNodes(res, doc);\n  if (pos === 'replace') {\n    if (!isShadowRoot) targetEl.replaceWith(...nodes);\n  } else if (pos === 'innerHtml') {\n    targetEl.replaceChildren(...nodes);\n  } else if (pos === 'innerText') {\n    targetEl.replaceChildren(...nodes);\n  } else if (pos === 'replaceChildren') {\n    targetEl.replaceChildren(...nodes);\n  } else {\n    if (pos === 'beforeEnd') {\n      targetEl.append(...nodes)\n    }\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  const stateContext: any = {...hostSet};\n  findAllStateMetadata(currentThis).forEach(it => {\n    stateContext[it.name] = currentThis[it.propertyKey]\n  })\n  new ElementApply(targetEl, {id: id}).apply({target: 'noInitialized', context: stateContext, bind: currentThis});\n  return nodes;\n};\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n */\nexport function applyNode(selector: string, options: ApplyNodeOptions = {position: 'replaceChildren'}): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = targetObj.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 = function (...args: any[]) {\n      ensureInit(this);\n\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      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n\n      const getTarget = () => {\n        const r = options.root || 'auto';\n        const applyRoot = (t: any) => {\n          if (!t) 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;\n          return t;\n        };\n\n        if (selector === '$this') return applyRoot(this);\n        if (selector === '$host') return applyRoot(hostSet.$host);\n        if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n\n        const targetRoot = applyRoot(this);\n        return targetRoot ? targetRoot.querySelector(selector) : null;\n      };\n\n\n      console.log('fffffffffff')\n      const targetEl = getTarget();\n      const res = original.apply(this, args);\n\n      const runApply = (target: any, val: any) => {\n        const pos = options.position || 'beforeEnd';\n        // Delegate HTML/node processing to applyToDom which centralizes\n        // processing. runApply should not call processHtml itself to avoid\n        // duplicate processing.\n        const processedVal = val;\n\n        // \uC0AC\uC6A9\uC790\uAC00 filter\uB97C \uBA85\uC2DC\uD558\uBA74 \uADF8 \uC870\uAC74\uC73C\uB85C, \uC544\uB2C8\uBA74 \uD56D\uC0C1 \uC801\uC6A9\n        if (!options.filter || options.filter(target, processedVal, {currentThis: this, helper: hostSet})) {\n          applyToDom(this, target, processedVal, pos, currentWin);\n        }\n      };\n\n\n        const fallbackNodes: Node[] = [];\n      if (targetEl && options.fallback) {\n        const loadingRes = options.fallback.call(this, hostSet);\n        // applyToDom expects a Window as the 4th argument\n        fallbackNodes.push(...applyToDom(this, targetEl, loadingRes, options.position || 'beforeEnd', currentWin));\n      }\n\n      if (res instanceof Promise) {\n        return res.then(finalRes => {\n          fallbackNodes.forEach((it: any)=>it.remove());\n          if (finalRes !== undefined && targetEl) runApply(targetEl, finalRes);\n          return finalRes;\n        });\n      } else {\n        if (res !== undefined && targetEl) runApply(targetEl, res);\n        return res;\n      }\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\nexport function applyNodeThis(options: ApplyNodeOptions): MethodDecorator;\nexport function applyNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'replaceChildren'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...option, ...opt});\n}\n\nexport function applyNodeThisReplaceChildren(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function applyNodeThisReplaceChildren(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThisReplaceChildren(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'replaceChildren'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function applyNodeThisReplaceChildrenLightDom(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function applyNodeThisReplaceChildrenLightDom(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThisReplaceChildrenLightDom(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const options: ApplyNodeOptions = {position: 'replaceChildren', root: 'light'};\n  if (propertyKey !== undefined) return applyNode('$this', options)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...options});\n}\n\nexport function applyNodeThisBeforeEnd(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function applyNodeThisBeforeEnd(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThisBeforeEnd(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const options: ApplyNodeOptions = {position: 'beforeEnd'};\n  if (propertyKey !== undefined) return applyNode('$this', options)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...options});\n}\n\nexport function applyNodeThisBeforeEndLightDom(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function applyNodeThisBeforeEndLightDom(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThisBeforeEndLightDom(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'beforeEnd', root: 'light'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\nexport function applyNodeThisBeforeEndShadow(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function applyNodeThisBeforeEndShadow(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThisBeforeEndShadow(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'beforeEnd', root: 'shadow'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function applyNodeThisAfterBegin(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function applyNodeThisAfterBegin(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThisAfterBegin(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'afterBegin'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function applyNodeThisAfterBeginLightDom(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function applyNodeThisAfterBeginLightDom(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThisAfterBeginLightDom(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'afterBegin', root: 'light'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function applyNodeThisInnerHtml(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function applyNodeThisInnerHtml(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThisInnerHtml(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'innerHtml'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function applyThisInnerHtmlNodeLightDom(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function applyThisInnerHtmlNodeLightDom(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyThisInnerHtmlNodeLightDom(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'innerHtml', root: 'light'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function applyThisReplaceChildrenNodeLightDom(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function applyThisReplaceChildrenNodeLightDom(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyThisReplaceChildrenNodeLightDom(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'replaceChildren', root: 'light'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function applyNodeReplaceChildren(selector: string, options: Omit<ApplyNodeOptions, 'position'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'replaceChildren'});\n}\n\nexport function applyNodeInnerHtml(selector: string, options: Omit<ApplyNodeOptions, 'position'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'innerHtml'});\n}\n\n// export function applyNodeInnerHtmlLightDom(selector: string, options: Omit<ApplyNodeOptions, 'position' | 'root'> = {}): MethodDecorator {\n//   return applyNode(selector, {...options, position: 'innerHtml', root: 'light'});\n// }\n\nexport function applyNodeInnerText(selector: string, options: Omit<ApplyNodeOptions, 'position'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'innerText'});\n}\n\n// export function applyNodeInnerTextLightDom(selector: string, options: Omit<ApplyNodeOptions, 'position' | 'root'> = {}): MethodDecorator {\n//   return applyNode(selector, {...options, position: 'innerText', root: 'light'});\n// }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport {SpecialSelector, SwcQueryOptions, HelperHostSet, SwcRootType} from '../types';\nimport { SwcUtils} from \"../utils/Utils\";\nimport {findAllStateMetadata} from \"./state\";\nimport {ElementApply} from \"@dooboostore/core-web\";\n/*\n<!-- beforebegin -->\n<p> <-- it's me\n  <!-- afterbegin -->\n  foo\n  <!-- beforeend -->\n</p>\n<!-- afterend -->\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   * Filter function to determine whether to perform DOM operation.\n   * If it returns false, the operation is skipped.\n   */\n  filter?: (target: HTMLElement | ShadowRoot, newValue: any, meta: { currentThis: any, helper: HelperHostSet }) => boolean;\n  /**\n   * Optional loading content to display while an async method is executing.\n   */\n  fallback?: (helper: HelperHostSet) => any;\n}\n\nexport interface ApplyNodeMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: ApplyNodeOptions;\n}\n\nexport const APPLY_NODE_METADATA_KEY = Symbol.for('simple-web-component:apply-node');\n\n// const 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\nconst applyToDom = (currentThis: any, targetEl: HTMLElement, res: Node | string, pos: ApplyNodePosition, win: Window, host?: any) => {\n  if (!targetEl) return;\n  const doc = win.document;\n  const hostSet = SwcUtils.getHelperAndHostSet(win, currentThis);\n  const id = currentThis._swcId;\n\n\n  const nodes: Node[] = [];\n\n  if (typeof res === 'string' && pos === 'innerHtml') {\n    const t = win.document.createElement('template');\n    t.innerHTML = res;\n    nodes.push(...Array.from(t.content.childNodes));\n  } else if (typeof res === 'string' && pos === 'innerText') {\n    nodes.push(win.document.createTextNode(res));\n  }\n\n  SwcUtils.projectProcessHtml(id, nodes, doc);\n\n\n\n  const isShadowRoot = targetEl instanceof win.ShadowRoot;\n  // const nodes = normalizeNodes(res, doc);\n  if (pos === 'replace') {\n    if (!isShadowRoot) targetEl.replaceWith(...nodes);\n  } else if (pos === 'innerHtml') {\n    targetEl.replaceChildren(...nodes);\n  } else if (pos === 'innerText') {\n    targetEl.replaceChildren(...nodes);\n  } else if (pos === 'replaceChildren') {\n    targetEl.replaceChildren(...nodes);\n  } else {\n    if (pos === 'beforeEnd') {\n      targetEl.append(...nodes)\n    }\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  const stateContext: any = {...hostSet};\n  findAllStateMetadata(currentThis).forEach(it => {\n    stateContext[it.name] = currentThis[it.propertyKey]\n  })\n  new ElementApply(targetEl, {id: id}).apply({target: 'noInitialized', context: stateContext, bind: currentThis});\n  return nodes;\n};\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n */\nexport function applyNode(selector: string, options: ApplyNodeOptions = {position: 'replaceChildren'}): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n    const constructor = targetObj.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 = function (...args: any[]) {\n      ensureInit(this);\n\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      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n\n      const getTarget = () => {\n        const r = options.root || 'auto';\n        const applyRoot = (t: any) => {\n          if (!t) 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;\n          return t;\n        };\n\n        if (selector === '$this') return applyRoot(this);\n        if (selector === '$host') return applyRoot(hostSet.$host);\n        if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n\n        const targetRoot = applyRoot(this);\n        return targetRoot ? targetRoot.querySelector(selector) : null;\n      };\n\n      const targetEl = getTarget();\n      const res = original.apply(this, args);\n\n      const runApply = (target: any, val: any) => {\n        const pos = options.position || 'beforeEnd';\n        // Delegate HTML/node processing to applyToDom which centralizes\n        // processing. runApply should not call processHtml itself to avoid\n        // duplicate processing.\n        const processedVal = val;\n\n        // \uC0AC\uC6A9\uC790\uAC00 filter\uB97C \uBA85\uC2DC\uD558\uBA74 \uADF8 \uC870\uAC74\uC73C\uB85C, \uC544\uB2C8\uBA74 \uD56D\uC0C1 \uC801\uC6A9\n        if (!options.filter || options.filter(target, processedVal, {currentThis: this, helper: hostSet})) {\n          applyToDom(this, target, processedVal, pos, currentWin);\n        }\n      };\n\n\n        const fallbackNodes: Node[] = [];\n      if (targetEl && options.fallback) {\n        const loadingRes = options.fallback.call(this, hostSet);\n        // applyToDom expects a Window as the 4th argument\n        fallbackNodes.push(...applyToDom(this, targetEl, loadingRes, options.position || 'beforeEnd', currentWin));\n      }\n\n      if (res instanceof Promise) {\n        return res.then(finalRes => {\n          fallbackNodes.forEach((it: any)=>it.remove());\n          if (finalRes !== undefined && targetEl) runApply(targetEl, finalRes);\n          return finalRes;\n        });\n      } else {\n        if (res !== undefined && targetEl) runApply(targetEl, res);\n        return res;\n      }\n    };\n  };\n}\n\nexport function applyNodeThis(options: ApplyNodeOptions): MethodDecorator;\nexport function applyNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'replaceChildren'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...option, ...opt});\n}\n\nexport function replaceChildrenNodeThis(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function replaceChildrenNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function replaceChildrenNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'replaceChildren'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\n\n\nexport function beforeEndNodeThis(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function beforeEndNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function beforeEndNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const options: ApplyNodeOptions = {position: 'beforeEnd'};\n  if (propertyKey !== undefined) return applyNode('$this', options)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...options});\n}\n\nexport function beforeEndLightNodeThis(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function beforeEndLightNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function beforeEndLightNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'beforeEnd', root: 'light'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function beforeEndShadowNodeThis(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function beforeEndShadowNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function beforeEndShadowNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'beforeEnd', root: 'shadow'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function afterBeginNodeThis(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function afterBeginNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function afterBeginNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'afterBegin'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function afterBeginLightNodeThis(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function afterBeginLightNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function afterBeginLightNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'afterBegin', root: 'light'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function innerHtmlNodeThis(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function innerHtmlNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function innerHtmlNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'innerHtml'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function innerTextNodeThis(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function innerTextNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function innerTextNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'innerText'}\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function innerHtmlLightNodeThis(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function innerHtmlLightNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function innerHtmlLightNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'innerHtml', root: 'light'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function replaceChildrenLightNodeThis(options: Omit<ApplyNodeOptions, 'position' | 'root'>): MethodDecorator;\nexport function replaceChildrenLightNodeThis(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function replaceChildrenLightNodeThis(targetOrOptions?: any, propertyKey?: string | symbol, descriptor?: PropertyDescriptor): any {\n  const option: ApplyNodeOptions = {position: 'replaceChildren', root: 'light'};\n  if (propertyKey !== undefined) return applyNode('$this', option)(targetOrOptions, propertyKey, descriptor);\n  const opt = targetOrOptions || {};\n  return applyNode('$this', {...opt, ...option});\n}\n\nexport function replaceChildrenNode(selector: string, options: Omit<ApplyNodeOptions, 'position'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'replaceChildren'});\n}\n\nexport function innerHtmlNode(selector: string, options: Omit<ApplyNodeOptions, 'position'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'innerHtml'});\n}\n\nexport function innerHtmlLightNode(selector: string, options: Omit<ApplyNodeOptions, 'position' | 'root'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'innerHtml', root: 'light'});\n}\n\nexport function innerHtmlShadowNode(selector: string, options: Omit<ApplyNodeOptions, 'position' | 'root'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'innerHtml', root: 'shadow'});\n}\n\nexport function innerTextNode(selector: string, options: Omit<ApplyNodeOptions, 'position'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'innerText'});\n}\n\nexport function innerTextLightNode(selector: string, options: Omit<ApplyNodeOptions, 'position' | 'root'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'innerText', root: 'light'});\n}\n\nexport function innerTextShadowNode(selector: string, options: Omit<ApplyNodeOptions, 'position' | 'root'> = {}): MethodDecorator {\n  return applyNode(selector, {...options, position: 'innerText', root: 'shadow'});\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};"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/decorators/applyProperty.js

@@ -0,0 +1,194 @@
+import { ReflectUtils } from "@dooboostore/core";
+import { ensureInit, getElementConfig } from "./elementDefine.js";
+import { SwcUtils } from "../utils/Utils.js";
+const PROPERTY_METADATA_KEY = Symbol.for("simple-web-component:property");
+const resolvePropertyTargets = (inst, selector, options) => {
+  const conf = getElementConfig(inst);
+  const currentWin = conf.window;
+  const r = options.root || "auto";
+  const results = [];
+  const applyRoot = (target) => {
+    if (!target) return;
+    if (r === "auto") {
+      results.push(target);
+    } else {
+      if (r === "light" || r === "all") results.push(target);
+      if ((r === "shadow" || r === "all") && target.shadowRoot) results.push(target.shadowRoot);
+    }
+  };
+  if (selector === "$this" || !selector) {
+    applyRoot(inst);
+  } else if (selector === "$window") {
+    results.push(currentWin);
+  } else if (selector === "$document") {
+    results.push(currentWin.document);
+  } else {
+    const hostSet = SwcUtils.getHostSet(inst);
+    if (selector === "$host") applyRoot(hostSet.$host);
+    else 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 (r === "shadow") {
+        const found = inst.shadowRoot?.querySelectorAll(selector);
+        if (found) results.push(...found);
+      } else if (r === "light") {
+        const found = inst.querySelectorAll(selector);
+        if (found) results.push(...found);
+      } else if (r === "all") {
+        const sMatch = inst.shadowRoot?.querySelectorAll(selector);
+        const lMatch = inst.querySelectorAll(selector);
+        if (sMatch) results.push(...sMatch);
+        if (lMatch) results.push(...lMatch);
+      } else {
+        const found = (inst.shadowRoot || inst).querySelectorAll(selector);
+        if (found) results.push(...found);
+      }
+    }
+  }
+  return results;
+};
+function applyProperty(selector, targetPropertyKeyOrOptions, options) {
+  return (target, propertyKey, descriptor) => {
+    const constructor = target.constructor;
+    const metaType = descriptor && typeof descriptor.value === "function" ? "method" : "property";
+    let finalOptions = {};
+    let targetPropertyKey;
+    if (typeof targetPropertyKeyOrOptions === "string" || typeof targetPropertyKeyOrOptions === "symbol") {
+      targetPropertyKey = targetPropertyKeyOrOptions;
+      finalOptions = options || {};
+    } else if (targetPropertyKeyOrOptions) {
+      finalOptions = targetPropertyKeyOrOptions;
+      targetPropertyKey = finalOptions.name || propertyKey;
+    } else {
+      targetPropertyKey = propertyKey;
+    }
+    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_METADATA_KEY, constructor);
+    if (!metaList) {
+      metaList = [];
+      ReflectUtils.defineMetadata(PROPERTY_METADATA_KEY, metaList, constructor);
+    }
+    metaList.push({
+      propertyKey,
+      selector,
+      targetPropertyKey,
+      options: finalOptions,
+      type: metaType
+    });
+    const applyValueToTargets = (inst, resolvedValue) => {
+      if (resolvedValue === void 0) return resolvedValue;
+      const targetEls = resolvePropertyTargets(inst, selector, finalOptions);
+      const conf = getElementConfig(inst);
+      const currentWin = conf.window;
+      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);
+      targetEls.forEach((targetEl) => {
+        if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, { currentThis: inst, helper: hostSet })) {
+          return;
+        }
+        const resolvedRes = typeof resolvedValue === "function" ? resolvedValue(targetEl, hostSet) : resolvedValue;
+        targetEl[targetPropertyKey] = resolvedRes;
+      });
+      return resolvedValue;
+    };
+    if (descriptor && typeof descriptor.value === "function") {
+      const original = descriptor.value;
+      descriptor.value = function(...args) {
+        ensureInit(this);
+        const res = original.apply(this, args);
+        if (res instanceof Promise) {
+          return res.then((v) => {
+            applyValueToTargets(this, v);
+            return v;
+          });
+        } else {
+          applyValueToTargets(this, res);
+          return res;
+        }
+      };
+      return;
+    }
+    Object.defineProperty(target, propertyKey, {
+      configurable: true,
+      enumerable: true,
+      get() {
+        ensureInit(this);
+        const targetEls = resolvePropertyTargets(this, selector, finalOptions);
+        const conf = getElementConfig(this);
+        const currentWin = conf.window;
+        const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);
+        const filtered = targetEls.filter((el) => {
+          if (finalOptions.filter && !finalOptions.filter(el, el[targetPropertyKey], { currentThis: this, helper: hostSet })) {
+            return false;
+          }
+          return true;
+        });
+        const values = filtered.map((el) => el[targetPropertyKey]);
+        return values.length === 1 ? values[0] : values;
+      },
+      set(value) {
+        ensureInit(this);
+        applyValueToTargets(this, value);
+      }
+    });
+  };
+}
+function property(selector, targetPropertyKeyOrOptions, options) {
+  return applyProperty(selector, targetPropertyKeyOrOptions, options);
+}
+function propertyThis(targetOrOptions, propertyKeyOrOptions, descriptor) {
+  if (typeof targetOrOptions === "object" && targetOrOptions !== null && !Array.isArray(targetOrOptions) && (typeof propertyKeyOrOptions === "string" || typeof propertyKeyOrOptions === "symbol")) {
+    return applyProperty("$this", void 0, {})(targetOrOptions, propertyKeyOrOptions, descriptor);
+  }
+  if (typeof targetOrOptions === "string" || typeof targetOrOptions === "symbol") {
+    return applyProperty("$this", targetOrOptions, propertyKeyOrOptions);
+  } else if (targetOrOptions && typeof targetOrOptions === "object") {
+    return applyProperty("$this", void 0, targetOrOptions);
+  } else {
+    return applyProperty("$this", void 0, {});
+  }
+}
+function setProperty(selector, targetPropertyKeyOrOptions, options) {
+  return applyProperty(selector, targetPropertyKeyOrOptions, options);
+}
+function setPropertyThis(targetOrOptions, propertyKeyOrOptions, descriptor) {
+  if (typeof targetOrOptions === "object" && targetOrOptions !== null && !Array.isArray(targetOrOptions) && (typeof propertyKeyOrOptions === "string" || typeof propertyKeyOrOptions === "symbol")) {
+    return applyProperty("$this", void 0, {})(targetOrOptions, propertyKeyOrOptions, descriptor);
+  }
+  if (typeof targetOrOptions === "string" || typeof targetOrOptions === "symbol") {
+    return applyProperty("$this", targetOrOptions, propertyKeyOrOptions);
+  } else if (targetOrOptions && typeof targetOrOptions === "object") {
+    return applyProperty("$this", void 0, targetOrOptions);
+  } else {
+    return applyProperty("$this", void 0, {});
+  }
+}
+const findAllPropertyMetadata = (target) => {
+  const actualTarget = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.findAllMetadata(PROPERTY_METADATA_KEY, actualTarget).flat();
+};
+const findAllPropertyApplyMetadata = (target) => {
+  const result = /* @__PURE__ */ new Map();
+  findAllPropertyMetadata(target).forEach((meta) => {
+    result.set(meta.propertyKey, meta);
+  });
+  return result;
+};
+var applyProperty_default = applyProperty;
+export {
+  PROPERTY_METADATA_KEY,
+  applyProperty,
+  applyProperty_default as default,
+  findAllPropertyApplyMetadata,
+  findAllPropertyMetadata,
+  property,
+  propertyThis,
+  resolvePropertyTargets,
+  setProperty,
+  setPropertyThis
+};
+//# sourceMappingURL=applyProperty.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/decorators/applyProperty.ts"],
+  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, HelperHostSet } from '../types';\n\nexport interface PropertyOptions extends SwcQueryOptions {\n  name?: string | symbol;\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nexport interface PropertyMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  targetPropertyKey: string | symbol;\n  options: PropertyOptions;\n  type: 'property' | 'method';\n}\n\nexport const PROPERTY_METADATA_KEY = Symbol.for('simple-web-component:property');\n\n// ============================================\n// Utilities\n// ============================================\n\n/**\n * Resolve target elements based on selector and options\n * Handles special selectors ($this, $host, etc.) and CSS selectors\n * Returns HTMLElement[] but can include Window and Document for property access\n */\nexport const resolvePropertyTargets = (inst: any, selector: string, options: PropertyOptions): any[] => {\n  const conf = getElementConfig(inst);\n  const currentWin = conf.window;\n  const r = options.root || 'auto';\n  const results: any[] = [];\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\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 === '$this' || !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 === '$host') applyRoot(hostSet.$host);\n    else 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 if (selector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n    else if (selector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\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 * @applyProperty decorator - set/get element properties\n * \n * Usage:\n * - @applyProperty('selector', 'propertyName') - Set property with explicit name\n * - @applyProperty('selector') - Use property name as target property name\n * - @applyProperty('selector', { name: 'propertyName' }) - Set property via options\n * - Return null/undefined to skip setting\n */\nexport function applyProperty(selector: string, targetPropertyKey: string | symbol, options?: PropertyOptions): MethodDecorator & PropertyDecorator;\nexport function applyProperty(selector: string, options?: PropertyOptions): MethodDecorator & PropertyDecorator;\nexport function applyProperty(selector: string, targetPropertyKeyOrOptions?: string | symbol | PropertyOptions, options?: PropertyOptions): MethodDecorator & PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    // ensureInit(target as any);\n    \n    const constructor = target.constructor;\n    const metaType: 'property' | 'method' = descriptor && typeof descriptor.value === 'function' ? 'method' : 'property';\n    \n    // Parse arguments\n    let finalOptions: PropertyOptions = {};\n    let targetPropertyKey: string | symbol;\n    \n    if (typeof targetPropertyKeyOrOptions === 'string' || typeof targetPropertyKeyOrOptions === 'symbol') {\n      // applyProperty('selector', 'propertyName', options?)\n      targetPropertyKey = targetPropertyKeyOrOptions;\n      finalOptions = options || {};\n    } else if (targetPropertyKeyOrOptions) {\n      // applyProperty('selector', options)\n      finalOptions = targetPropertyKeyOrOptions;\n      targetPropertyKey = finalOptions.name || propertyKey;\n    } else {\n      // applyProperty('selector')\n      targetPropertyKey = propertyKey;\n    }\n\n    // Store metadata\n    let metaList = ReflectUtils.getOwnMetadata(PROPERTY_METADATA_KEY, constructor) as PropertyMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(PROPERTY_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({\n      propertyKey,\n      selector,\n      targetPropertyKey,\n      options: finalOptions,\n      type: metaType\n    });\n\n    // Helper: apply resolved value to targets\n    const applyValueToTargets = (inst: any, resolvedValue: any) => {\n      if (resolvedValue === undefined) return resolvedValue;\n\n      const targetEls = resolvePropertyTargets(inst, selector, finalOptions);\n      const conf = getElementConfig(inst);\n      const currentWin = conf.window;\n      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, inst);\n\n      targetEls.forEach(targetEl => {\n        // Apply filter if provided\n        if (finalOptions.filter && !finalOptions.filter(targetEl, resolvedValue, { currentThis: inst, helper: hostSet })) {\n          return;\n        }\n\n        const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n        (targetEl as any)[targetPropertyKey] = resolvedRes;\n      });\n\n      return resolvedValue;\n    };\n\n    // Method decorator: wrap method to apply its return value to properties\n    if (descriptor && typeof descriptor.value === 'function') {\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        if (res instanceof Promise) {\n          return res.then((v: any) => { applyValueToTargets(this, v); return v; });\n        } else {\n          applyValueToTargets(this, res);\n          return res;\n        }\n      };\n      return;\n    }\n\n    // Property decorator: define getter/setter to proxy to element properties\n    Object.defineProperty(target, propertyKey, {\n      configurable: true,\n      enumerable: true,\n      get(this: any) {\n        ensureInit(this);\n        // Read from matched elements\n        const targetEls = resolvePropertyTargets(this, selector, finalOptions);\n        const conf = getElementConfig(this);\n        const currentWin = conf.window;\n        const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n\n        // Apply filter\n        const filtered = targetEls.filter(el => {\n          if (finalOptions.filter && !finalOptions.filter(el, (el as any)[targetPropertyKey], { currentThis: this, helper: hostSet })) {\n            return false;\n          }\n          return true;\n        });\n\n        const values = filtered.map(el => (el as any)[targetPropertyKey]);\n        return values.length === 1 ? values[0] : values;\n      },\n      set(this: any, value: any) {\n        ensureInit(this);\n        applyValueToTargets(this, value);\n      }\n    });\n  };\n}\n\n// ============================================\n// Convenience Aliases\n// ============================================\n\n/**\n * @property - Alias for @applyProperty\n */\nexport function property(selector: string, targetPropertyKey: string | symbol, options?: PropertyOptions): MethodDecorator & PropertyDecorator;\nexport function property(selector: string, options?: PropertyOptions): MethodDecorator & PropertyDecorator;\nexport function property(selector: string, targetPropertyKeyOrOptions?: string | symbol | PropertyOptions, options?: PropertyOptions): MethodDecorator & PropertyDecorator {\n  return applyProperty(selector, targetPropertyKeyOrOptions as any, options);\n}\n\n/**\n * @propertyThis - Apply property on $this element\n * Can be used as: @propertyThis or @propertyThis('propertyName') or @propertyThis({ name: 'propertyName' })\n */\nexport function propertyThis(target: Object, propertyKey: string | symbol): void;\nexport function propertyThis(targetPropertyKey: string | symbol, options?: PropertyOptions): MethodDecorator & PropertyDecorator;\nexport function propertyThis(options?: PropertyOptions): MethodDecorator & PropertyDecorator;\nexport function propertyThis(targetOrOptions?: any, propertyKeyOrOptions?: any, descriptor?: PropertyDescriptor): any {\n  // Direct decorator usage: @propertyThis\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null && !Array.isArray(targetOrOptions) && \n      (typeof propertyKeyOrOptions === 'string' || typeof propertyKeyOrOptions === 'symbol')) {\n    // Called as @propertyThis (target, propertyKey)\n    return applyProperty('$this', undefined as any, {})(targetOrOptions, propertyKeyOrOptions, descriptor);\n  }\n  \n  // Called with parameters\n  if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'symbol') {\n    // @propertyThis('propertyName', options?)\n    return applyProperty('$this', targetOrOptions, propertyKeyOrOptions);\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // @propertyThis({ name: 'propertyName' })\n    return applyProperty('$this', undefined as any, targetOrOptions);\n  } else {\n    // @propertyThis() or @propertyThis\n    return applyProperty('$this', undefined as any, {});\n  }\n}\n\n/**\n * @setProperty - Alias for @applyProperty (method-decorator semantics)\n */\nexport function setProperty(selector: string, targetPropertyKey: string | symbol, options?: PropertyOptions): MethodDecorator;\nexport function setProperty(selector: string, options?: PropertyOptions): MethodDecorator;\nexport function setProperty(selector: string, targetPropertyKeyOrOptions?: string | symbol | PropertyOptions, options?: PropertyOptions): MethodDecorator {\n  return applyProperty(selector, targetPropertyKeyOrOptions as any, options) as MethodDecorator;\n}\n\n/**\n * @setPropertyThis - Set property on $this element\n * Can be used as: @setPropertyThis or @setPropertyThis('propertyName') or @setPropertyThis({ name: 'propertyName' })\n */\nexport function setPropertyThis(target: Object, propertyKey: string | symbol): void;\nexport function setPropertyThis(targetPropertyKey: string | symbol, options?: PropertyOptions): MethodDecorator;\nexport function setPropertyThis(options?: PropertyOptions): MethodDecorator;\nexport function setPropertyThis(targetOrOptions?: any, propertyKeyOrOptions?: any, descriptor?: PropertyDescriptor): any {\n  // Direct decorator usage: @setPropertyThis\n  if (typeof targetOrOptions === 'object' && targetOrOptions !== null && !Array.isArray(targetOrOptions) && \n      (typeof propertyKeyOrOptions === 'string' || typeof propertyKeyOrOptions === 'symbol')) {\n    // Called as @setPropertyThis (target, propertyKey)\n    return applyProperty('$this', undefined as any, {})(targetOrOptions, propertyKeyOrOptions, descriptor);\n  }\n  \n  // Called with parameters\n  if (typeof targetOrOptions === 'string' || typeof targetOrOptions === 'symbol') {\n    // @setPropertyThis('propertyName', options?)\n    return applyProperty('$this', targetOrOptions, propertyKeyOrOptions) as MethodDecorator;\n  } else if (targetOrOptions && typeof targetOrOptions === 'object') {\n    // @setPropertyThis({ name: 'propertyName' })\n    return applyProperty('$this', undefined as any, targetOrOptions) as MethodDecorator;\n  } else {\n    // @setPropertyThis() or @setPropertyThis\n    return applyProperty('$this', undefined as any, {}) as MethodDecorator;\n  }\n}\n\n\n\n// ============================================\n// Metadata Helpers\n// ============================================\n\nexport const findAllPropertyMetadata = (target: any): PropertyMetadata[] => {\n  const actualTarget = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<PropertyMetadata[]>(PROPERTY_METADATA_KEY, actualTarget).flat();\n};\n\n// Backward compatibility alias\nexport const findAllPropertyApplyMetadata = (target: any): Map<string | symbol, PropertyMetadata> => {\n  const result = new Map<string | symbol, PropertyMetadata>();\n  findAllPropertyMetadata(target).forEach(meta => {\n    result.set(meta.propertyKey, meta);\n  });\n  return result;\n};\n\n\nexport default applyProperty;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/decorators/applySlot.js

@@ -17,7 +17,7 @@ const applyToDom = (swcId, id, pos, nodes) => {
 };
 function applySlot(targetId, opt) {
   return (targetObj, propertyKey, descriptor) => {
-    const options = { position: "replaceChildrenHtml", ...opt };
+    const options = { position: "replaceChildren", ...opt };
     const constructor = targetObj.constructor;
     let metaList = ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor);
     if (!metaList) {
@@ -69,47 +69,53 @@ function applySlot(targetId, opt) {
     };
   };
 }
-const findAllApplySlotMetadata = (target) => {
-  const constructor = target instanceof Function ? target : target.constructor;
-  return ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);
-};
-function applySlotClear(targetId) {
+function clearSlot(targetId) {
   return applySlot(targetId, { position: "clear" });
 }
-function applySlotPrependHtml(targetId) {
+function prependHtmlSlot(targetId) {
   return applySlot(targetId, { position: "prependHtml" });
 }
-const applySlotPrepend = applySlotPrependHtml;
-function applySlotPrependText(targetId) {
+function prependSlot(targetId) {
+  return applySlot(targetId, { position: "prepend" });
+}
+function prependTextSlot(targetId) {
   return applySlot(targetId, { position: "prependText" });
 }
-function applySlotAppendHtml(targetId) {
+function appendHtmlSlot(targetId) {
   return applySlot(targetId, { position: "appendHtml" });
 }
-function applySlotAppendText(targetId) {
+function appendTextSlot(targetId) {
   return applySlot(targetId, { position: "appendText" });
 }
-const applySlotAppend = applySlotAppendHtml;
-function applySlotReplaceChildrenHtml(targetId) {
+function appendSlot(targetId) {
+  return applySlot(targetId, { position: "append" });
+}
+function replaceChildrenHtmlSlot(targetId) {
   return applySlot(targetId, { position: "replaceChildrenHtml" });
 }
-const applySlotReplaceChildren = applySlotReplaceChildrenHtml;
-function applySlotReplaceChildrenText(targetId) {
+function replaceChildrenSlot(targetId) {
+  return applySlot(targetId, { position: "replaceChildren" });
+}
+function replaceChildrenTextSlot(targetId) {
   return applySlot(targetId, { position: "replaceChildrenText" });
 }
+const findAllApplySlotMetadata = (target) => {
+  const constructor = target instanceof Function ? target : target.constructor;
+  return ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);
+};
 export {
   APPLY_SLOT_METADATA_KEY,
+  appendHtmlSlot,
+  appendSlot,
+  appendTextSlot,
   applySlot,
-  applySlotAppend,
-  applySlotAppendHtml,
-  applySlotAppendText,
-  applySlotClear,
-  applySlotPrepend,
-  applySlotPrependHtml,
-  applySlotPrependText,
-  applySlotReplaceChildren,
-  applySlotReplaceChildrenHtml,
-  applySlotReplaceChildrenText,
-  findAllApplySlotMetadata
+  clearSlot,
+  findAllApplySlotMetadata,
+  prependHtmlSlot,
+  prependSlot,
+  prependTextSlot,
+  replaceChildrenHtmlSlot,
+  replaceChildrenSlot,
+  replaceChildrenTextSlot
 };
 //# sourceMappingURL=applySlot.js.map