@dooboostore/simple-web-component 1.0.38 → 1.0.39

package/dist/cjs/decorators/applyNode.js

@@ -28,9 +28,9 @@ __export(applyNode_exports, {
   applyNodeThisBeforeEnd: () => applyNodeThisBeforeEnd,
   applyNodeThisBeforeEndLightDom: () => applyNodeThisBeforeEndLightDom,
   applyNodeThisBeforeEndShadow: () => applyNodeThisBeforeEndShadow,
+  applyNodeThisInnerHtml: () => applyNodeThisInnerHtml,
   applyNodeThisReplaceChildren: () => applyNodeThisReplaceChildren,
   applyNodeThisReplaceChildrenLightDom: () => applyNodeThisReplaceChildrenLightDom,
-  applyThisInnerHtmlNode: () => applyThisInnerHtmlNode,
   applyThisInnerHtmlNodeLightDom: () => applyThisInnerHtmlNodeLightDom,
   applyThisReplaceChildrenNodeLightDom: () => applyThisReplaceChildrenNodeLightDom,
   findAllApplyNodeMetadata: () => findAllApplyNodeMetadata
@@ -42,56 +42,42 @@ var import_Utils = require("../utils/Utils");
 var import_state = require("./state");
 var import_core_web = require("@dooboostore/core-web");
 const APPLY_NODE_METADATA_KEY = Symbol.for("simple-web-component:apply-node");
-const normalizeNodes = (res, doc) => {
-  const items = Array.isArray(res) ? res : [res];
-  return items.map((it) => {
-    if (it instanceof Node) return it;
-    return doc.createTextNode(it !== void 0 && it !== null ? String(it) : "");
-  });
-};
 const applyToDom = (currentThis, targetEl, res, pos, win, host) => {
   if (!targetEl) return;
   const doc = win.document;
   const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, currentThis);
   const id = currentThis._swcId;
-  try {
-    if (typeof res === "string") {
-      const processed = import_Utils.SwcUtils.projectProcessHtml(id, res, doc);
-      if (processed !== void 0) res = processed;
-    } else if (res) {
-      import_Utils.SwcUtils.projectProcessHtml(id, res, doc);
-    }
-  } catch (e) {
+  const nodes = [];
+  if (typeof res === "string" && pos === "innerHtml") {
+    const t = win.document.createElement("template");
+    t.innerHTML = res;
+    nodes.push(...Array.from(t.content.childNodes));
+  } else if (typeof res === "string" && pos === "innerText") {
+    nodes.push(win.document.createTextNode(res));
   }
-  if (pos === "innerHtml") {
-    targetEl.innerHTML = res !== void 0 && res !== null ? String(res) : "";
-    return;
-  }
-  if (pos === "innerText") {
-    if (targetEl.innerText !== void 0) {
-      targetEl.innerText = res !== void 0 && res !== null ? String(res) : "";
-    }
-    return;
-  }
-  const stateContext = { ...hostSet };
-  (0, import_state.findAllStateMetadata)(currentThis).forEach((it) => {
-    stateContext[it.name] = currentThis[it.propertyKey];
-  });
-  new import_core_web.ElementApply(currentThis, { id: currentThis._swcId }).apply({ target: "noInitialized", context: stateContext, bind: currentThis });
+  import_Utils.SwcUtils.projectProcessHtml(id, nodes, doc);
   const isShadowRoot = targetEl instanceof win.ShadowRoot;
-  const nodes = normalizeNodes(res, doc);
   if (pos === "replace") {
     if (!isShadowRoot) targetEl.replaceWith(...nodes);
+  } else if (pos === "innerHtml") {
+    targetEl.replaceChildren(...nodes);
+  } else if (pos === "innerText") {
+    targetEl.replaceChildren(...nodes);
   } else if (pos === "replaceChildren") {
     targetEl.replaceChildren(...nodes);
   } else {
     if (pos === "beforeEnd") {
-      console.log("tarbbbbbbbbbbbbbb");
       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);
   }
+  const stateContext = { ...hostSet };
+  (0, import_state.findAllStateMetadata)(currentThis).forEach((it) => {
+    stateContext[it.name] = currentThis[it.propertyKey];
+  });
+  new import_core_web.ElementApply(targetEl, { id }).apply({ target: "noInitialized", context: stateContext, bind: currentThis });
+  return nodes;
 };
 function applyNode(selector, options = { position: "replaceChildren" }) {
   return (targetObj, propertyKey, descriptor) => {
@@ -138,13 +124,14 @@ function applyNode(selector, options = { position: "replaceChildren" }) {
           applyToDom(this, target, processedVal, pos, currentWin);
         }
       };
+      const fallbackNodes = [];
+      if (targetEl && options.fallback) {
+        const loadingRes = options.fallback.call(this, hostSet);
+        fallbackNodes.push(...applyToDom(this, targetEl, loadingRes, options.position || "beforeEnd", currentWin));
+      }
       if (res instanceof Promise) {
-        if (targetEl && options.fallback) {
-          const loadingRes = options.fallback.call(this, hostSet);
-          applyToDom(this, targetEl, loadingRes, options.position || "beforeEnd", currentWin);
-        }
         return res.then((finalRes) => {
-          console.log("amnkj");
+          fallbackNodes.forEach((it) => it.remove());
           if (finalRes !== void 0 && targetEl) runApply(targetEl, finalRes);
           return finalRes;
         });
@@ -213,7 +200,7 @@ function applyNodeThisAfterBeginLightDom(targetOrOptions, propertyKey, descripto
   const opt = targetOrOptions || {};
   return applyNode("$this", { ...opt, ...option });
 }
-function applyThisInnerHtmlNode(targetOrOptions, propertyKey, descriptor) {
+function applyNodeThisInnerHtml(targetOrOptions, propertyKey, descriptor) {
   const option = { position: "innerHtml" };
   if (propertyKey !== void 0) return applyNode("$this", option)(targetOrOptions, propertyKey, descriptor);
   const opt = targetOrOptions || {};

package/dist/cjs/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\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\nconst applyToDom = (currentThis: any, targetEl: HTMLElement, res: any, pos: ApplyNodePosition, win: Window, host?: any) => {\n  if (!targetEl) return;\n\n  // console.log('------------',currentThis.tagName, res)\n  const doc = win.document;\n  const hostSet = SwcUtils.getHelperAndHostSet(win, currentThis);\n  const id = currentThis._swcId;\n  // Allow processHtml to run here so all DOM insertions go through a single\n  // processing point. processHtml may mutate Node[] in-place or return a\n  // transformed string result for text processing.\n  try {\n    if (typeof res === 'string') {\n      const processed = SwcUtils.projectProcessHtml(id, res as string, doc);\n      if (processed !== undefined) res = processed;\n    } else if (res) {\n      SwcUtils.projectProcessHtml(id, res, doc);\n    }\n  } catch (e) {\n    // swallow and proceed with original res\n  }\n\n  if (pos === 'innerHtml') {\n    targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n    return;\n  }\n\n  if (pos === 'innerText') {\n    if (targetEl.innerText !== undefined) {\n      targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n    }\n    return;\n  }\n\n  const stateContext: any = {...hostSet};\n  findAllStateMetadata(currentThis).forEach(it => {\n    stateContext[it.name] = currentThis[it.propertyKey]\n  })\n  new ElementApply(currentThis, {id: currentThis._swcId}).apply({target: 'noInitialized', context: stateContext, bind: currentThis});\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 === 'replaceChildren') {\n    targetEl.replaceChildren(...nodes);\n  } else {\n    if (pos === 'beforeEnd') {\n      console.log('tarbbbbbbbbbbbbbb')\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\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      if (res instanceof Promise) {\n        // \uBE44\uB3D9\uAE30\uC77C \uB54C\uB9CC \uB85C\uB529 \uD45C\uC2DC\n        if (targetEl && options.fallback) {\n          const loadingRes = options.fallback.call(this, hostSet);\n          // applyToDom expects a Window as the 4th argument\n          applyToDom(this, targetEl, loadingRes, options.position || 'beforeEnd', currentWin);\n        }\n\n        return res.then(finalRes => {\n          console.log('amnkj')\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 applyThisInnerHtmlNode(options: Omit<ApplyNodeOptions, 'position'>): MethodDecorator;\nexport function applyThisInnerHtmlNode(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor): void;\nexport function applyThisInnerHtmlNode(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\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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",
   "names": []
 }

package/dist/cjs/decorators/applySlot.js

@@ -37,93 +37,98 @@ var import_elementDefine = require("./elementDefine");
 var import_Utils = require("../utils/Utils");
 var import_core_web = require("@dooboostore/core-web");
 const APPLY_SLOT_METADATA_KEY = Symbol.for("simple-web-component:apply-slot");
-function applySlot(id, options = { position: "replaceChildrenHtml" }) {
+const applyToDom = (swcId, id, pos, nodes) => {
+  const nodeSlot = new import_core_web.NodeSlot(void 0, swcId);
+  if (pos === "replaceChildrenText" || pos === "replaceChildren" || pos === "replaceChildrenHtml") {
+    nodeSlot.replaceChildren(id, ...nodes);
+  } else if (pos === "appendHtml" || pos === "append" || pos === "appendText") {
+    nodeSlot.append(id, ...nodes);
+  } else if (pos === "prependHtml" || pos === "prepend" || pos === "prependText") {
+    nodeSlot.prepend(id, ...nodes);
+  } else if (pos === "clear") {
+    nodeSlot.clear(id);
+  }
+};
+function applySlot(targetId, opt) {
   return (targetObj, propertyKey, descriptor) => {
-    const type = descriptor === void 0 ? "property" : "method";
-    if (type === "property") {
-      Object.defineProperty(targetObj, propertyKey, {
-        get() {
-          const nodeSlot = new import_core_web.NodeSlot(this, `${this._swcId}-${id}`);
-          return nodeSlot;
-        },
-        set(nv) {
-          if (nv) {
-          } else {
-            const nodeSlot = new import_core_web.NodeSlot(this, `${this._swcId}-${id}`);
-            nodeSlot.clear();
-          }
-        },
-        configurable: true,
-        enumerable: true
-      });
-    }
+    const options = { position: "replaceChildrenHtml", ...opt };
     const constructor = targetObj.constructor;
     let metaList = import_core.ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor);
     if (!metaList) {
       metaList = [];
       import_core.ReflectUtils.defineMetadata(APPLY_SLOT_METADATA_KEY, metaList, constructor);
     }
-    metaList.push({ propertyKey, id, type, options });
-    if (type === "method") {
-      const original = descriptor.value;
-      descriptor.value = function(...args) {
-        (0, import_elementDefine.ensureInit)(this);
-        const conf = (0, import_elementDefine.getElementConfig)(this);
-        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
-        const currentDoc = currentWin.document;
-        const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(currentWin, this);
-        let res = original.apply(this, args);
-        if (res) {
-          const nodeSlot = new import_core_web.NodeSlot(this, this._swcId);
-          const pos = options.position || "replaceChildrenHtml";
-          const doc = currentWin.document;
-          if (pos === "replaceChildrenHtml") {
-            nodeSlot.replaceChildrenHtml(id, res);
-          } else if (pos === "replaceChildrenText") {
-            nodeSlot.replaceChildrenText(id, res);
-          } else if (pos === "appendHtml") {
-            nodeSlot.appendHtml(id, res);
-          } else if (pos === "appendText") {
-            nodeSlot.appendText(id, res);
-          } else if (pos === "prependHtml") {
-            nodeSlot.prependHtml(id, res);
-          } else if (pos === "prependText") {
-            nodeSlot.prependText(id, res);
-          } else if (pos === "clear") {
-            nodeSlot.clear(id);
-          }
+    metaList.push({ propertyKey, targetId, options });
+    const original = descriptor.value;
+    descriptor.value = function(...args) {
+      (0, import_elementDefine.ensureInit)(this);
+      const conf = (0, import_elementDefine.getElementConfig)(this);
+      const currentWin = conf.window;
+      const swcId = this._swcId;
+      const currentDoc = currentWin.document;
+      const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(currentWin, this);
+      const pos = options.position;
+      const resToNodes = (res2) => {
+        const nodes = [];
+        if (typeof res2 === "string" && (pos === "replaceChildrenHtml" || pos === "appendHtml" || pos === "prependHtml")) {
+          const t = currentWin.document.createElement("template");
+          t.innerHTML = res2;
+          nodes.push(...Array.from(t.content.childNodes));
+        } else if (typeof res2 === "string" && (pos === "replaceChildrenText" || pos === "prependText" || pos === "appendText")) {
+          nodes.push(currentWin.document.createTextNode(res2));
+        } else if (typeof res2 === "object") {
+          nodes.push(res2);
         }
-        return res;
+        import_Utils.SwcUtils.projectProcessHtml(swcId, nodes, currentDoc);
+        return nodes;
       };
-    }
+      const fallbackNodes = [];
+      if (options.fallback) {
+        const res2 = options.fallback.call(this, hostSet);
+        const nodes = resToNodes(res2);
+        fallbackNodes.push(...nodes);
+        applyToDom(swcId, targetId, options.position, nodes);
+      }
+      let res = original.apply(this, args);
+      if (res instanceof Promise) {
+        return res.then((asyncRes) => {
+          const nodes = resToNodes(asyncRes);
+          fallbackNodes.forEach((it) => it.remove());
+          applyToDom(swcId, targetId, options.position, nodes);
+        });
+      } else {
+        const nodes = resToNodes(res);
+        applyToDom(swcId, targetId, options.position, nodes);
+      }
+    };
   };
 }
 const findAllApplySlotMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return import_core.ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);
 };
-function applySlotClear(id) {
-  return applySlot(id, { position: "clear" });
+function applySlotClear(targetId) {
+  return applySlot(targetId, { position: "clear" });
 }
-function applySlotPrependHtml(id) {
-  return applySlot(id, { position: "prependHtml" });
+function applySlotPrependHtml(targetId) {
+  return applySlot(targetId, { position: "prependHtml" });
 }
 const applySlotPrepend = applySlotPrependHtml;
-function applySlotPrependText(id) {
-  return applySlot(id, { position: "prependText" });
+function applySlotPrependText(targetId) {
+  return applySlot(targetId, { position: "prependText" });
 }
-function applySlotAppendHtml(id) {
-  return applySlot(id, { position: "appendHtml" });
+function applySlotAppendHtml(targetId) {
+  return applySlot(targetId, { position: "appendHtml" });
 }
-function applySlotAppendText(id) {
-  return applySlot(id, { position: "appendText" });
+function applySlotAppendText(targetId) {
+  return applySlot(targetId, { position: "appendText" });
 }
 const applySlotAppend = applySlotAppendHtml;
-function applySlotReplaceChildrenHtml(id) {
-  return applySlot(id, { position: "replaceChildrenHtml" });
+function applySlotReplaceChildrenHtml(targetId) {
+  return applySlot(targetId, { position: "replaceChildrenHtml" });
 }
 const applySlotReplaceChildren = applySlotReplaceChildrenHtml;
-function applySlotReplaceChildrenText(id) {
-  return applySlot(id, { position: "replaceChildrenText" });
+function applySlotReplaceChildrenText(targetId) {
+  return applySlot(targetId, { position: "replaceChildrenText" });
 }
 //# sourceMappingURL=applySlot.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applySlot.ts"],
-  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {ensureInit, getElementConfig} from './elementDefine';\nimport {SwcUtils} from \"../utils/Utils\";\nimport {NodeSlot} 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 ApplySlotPosition = 'prependHtml' | 'prependText' | 'appendHtml' | 'appendText' | 'replaceChildrenHtml' | 'replaceChildrenText' | 'clear';\n\nexport interface ApplySlotOptions {\n  position?: ApplySlotPosition;\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  // loading?: (helper: HelperHostSet) => any;\n}\n\nexport interface ApplySlotMetadata {\n  propertyKey: string | symbol;\n  id: string;\n  type: 'method' | 'property';\n  options: ApplySlotOptions;\n}\n\nexport const APPLY_SLOT_METADATA_KEY = Symbol.for('simple-web-component:apply-slot');\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\n// const applyToDom = (targetEl: any, res: any, pos: ApplyNodePosition, win: Window) => {\n//     if (!targetEl) return;\n//\n//     const doc = win.document;\n//\n//     if (pos === 'innerHtml') {\n//         targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n//         return;\n//     }\n//\n//     if (pos === 'innerText') {\n//         if (targetEl.innerText !== undefined) {\n//             targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n//         }\n//         return;\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 === 'replaceChildren') {\n//       targetEl.replaceChildren(...nodes);\n//     } else {\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 * @applyNode decorator to surgically add/replace nodes to a target element.\n */\nexport function applySlot(id: string, options: ApplySlotOptions = { position: 'replaceChildrenHtml' }): MethodDecorator & PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const type = descriptor === undefined ? 'property' : 'method';\n\n    if (type === 'property') {\n            Object.defineProperty(targetObj, propertyKey, {\n              get(this: any) {\n                const nodeSlot = new NodeSlot(this, `${this._swcId}-${id}`);\n                return nodeSlot;\n              },\n              set(this: any, nv: any) {\n                if(nv) {\n                  // \uC788\uC744\uB54C \uC544\uBB34\uC77C\uB3C4\uC548\uD568\n                } else {\n                  const nodeSlot = new NodeSlot(this, `${this._swcId}-${id}`);\n                  nodeSlot.clear();\n                }\n              },\n              configurable: true,\n              enumerable: true,\n            })\n     // return nodeSlot;\n     //  return;\n    }\n\n    const constructor = targetObj.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor) as ApplySlotMetadata[];\n    if (!metaList) {\n      metaList = []\n      ReflectUtils.defineMetadata(APPLY_SLOT_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, id, type, options });\n\n\n\n    if (type === 'method') {\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        let res = original.apply(this, args);\n        if (res) {\n          // res = SwcUtils.projectProcessHtml(this, res)\n          const nodeSlot = new NodeSlot(this, this._swcId);\n          const pos = options.position || 'replaceChildrenHtml';\n          const doc = currentWin.document;\n          if (pos === 'replaceChildrenHtml') {\n            nodeSlot.replaceChildrenHtml(id, res);\n          } else if (pos === 'replaceChildrenText') {\n            nodeSlot.replaceChildrenText(id, res);\n          } else if (pos === 'appendHtml') {\n            nodeSlot.appendHtml(id, res);\n          } else if (pos === 'appendText') {\n            nodeSlot.appendText(id, res);\n          } else if (pos === 'prependHtml') {\n            nodeSlot.prependHtml(id, res);\n          } else if (pos === 'prependText') {\n            nodeSlot.prependText(id, res);\n          } else if (pos === 'clear') {\n            nodeSlot.clear(id);\n          }\n\n          // const stateContext: any = {...hostSet};\n          // getStateMetadata(this).forEach(it => {\n          //   stateContext[it.name] = this[it.propertyKey]\n          // })\n          // new ElementApply(this, {id: this._swcId}).apply({target:'noInitialized', context: stateContext, bind: this});\n        }\n        return res;\n      };\n    }\n  };\n}\n\n// export const findAllApplySlotMetadata = (target: any): Map<string | symbol, ApplySlotMetadata> => {\nexport const findAllApplySlotMetadata = (target: any): ApplySlotMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);\n};\n\nexport function applySlotClear(id: string): MethodDecorator {\n  return applySlot(id, { position: 'clear' });\n}\nexport function applySlotPrependHtml(id: string): MethodDecorator {\n  return applySlot(id, { position: 'prependHtml' });\n}\nexport const applySlotPrepend = applySlotPrependHtml;\nexport function applySlotPrependText(id: string): MethodDecorator {\n  return applySlot(id, { position: 'prependText' });\n}\nexport function applySlotAppendHtml(id: string): MethodDecorator {\n  return applySlot(id, { position: 'appendHtml' });\n}\nexport function applySlotAppendText(id: string): MethodDecorator {\n  return applySlot(id, { position: 'appendText' });\n}\nexport const applySlotAppend = applySlotAppendHtml;\nexport function applySlotReplaceChildrenHtml(id: string): MethodDecorator {\n  return applySlot(id, { position: 'replaceChildrenHtml' });\n}\nexport const applySlotReplaceChildren = applySlotReplaceChildrenHtml;\nexport function applySlotReplaceChildrenText(id: string): MethodDecorator {\n  return applySlot(id, { position: 'replaceChildrenText' });\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import {OptionalType, ReflectUtils} from '@dooboostore/core';\nimport {ensureInit, getElementConfig} from './elementDefine';\nimport {SwcUtils} from \"../utils/Utils\";\nimport {NodeSlot} from \"@dooboostore/core-web\";\nimport {HelperHostSet} from \"../types\";\n/*\n<!-- beforebegin -->\n<p> <-- it's me\n  <!-- afterbegin -->\n  foo\n  <!-- beforeend -->\n</p>\n<!-- afterend -->\n */\nexport type ApplySlotPosition = 'prepend' | 'prependHtml' | 'prependText' | 'append' | 'appendHtml' | 'appendText' | 'replaceChildren' | 'replaceChildrenHtml' | 'replaceChildrenText' | 'clear';\n\nexport interface ApplySlotOptions {\n  position: ApplySlotPosition;\n  fallback?: (helper: HelperHostSet) => string | Node;\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  // loading?: (helper: HelperHostSet) => any;\n}\n\nexport interface ApplySlotMetadata {\n  propertyKey: string | symbol;\n  targetId: string;\n  // type: 'method' | 'property';\n  options: ApplySlotOptions;\n}\n\nexport const APPLY_SLOT_METADATA_KEY = Symbol.for('simple-web-component:apply-slot');\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\n// const applyToDom = (targetEl: any, res: any, pos: ApplyNodePosition, win: Window) => {\n//     if (!targetEl) return;\n//\n//     const doc = win.document;\n//\n//     if (pos === 'innerHtml') {\n//         targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n//         return;\n//     }\n//\n//     if (pos === 'innerText') {\n//         if (targetEl.innerText !== undefined) {\n//             targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n//         }\n//         return;\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 === 'replaceChildren') {\n//       targetEl.replaceChildren(...nodes);\n//     } else {\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\nconst applyToDom = (swcId: string, id: string, pos: ApplySlotPosition, nodes: Node[]) => {\n  const nodeSlot = new NodeSlot(this, swcId);\n  if (pos === 'replaceChildrenText' || pos === 'replaceChildren' || pos === 'replaceChildrenHtml') {\n    nodeSlot.replaceChildren(id, ...nodes);\n  } else if (pos === 'appendHtml' || pos === 'append' || pos === 'appendText') {\n    nodeSlot.append(id, ...nodes);\n  } else if (pos === 'prependHtml' || pos === 'prepend' || pos === 'prependText') {\n    nodeSlot.prepend(id, ...nodes);\n  } else if (pos === 'clear') {\n    nodeSlot.clear(id);\n  }\n}\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n */\nexport function applySlot(targetId: string, opt: OptionalType<ApplySlotOptions, 'position'>): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<any>) => {\n\n\n    const options: ApplySlotOptions = {position: 'replaceChildrenHtml', ...opt};\n\n\n    const constructor = targetObj.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor) as ApplySlotMetadata[];\n    if (!metaList) {\n      metaList = []\n      ReflectUtils.defineMetadata(APPLY_SLOT_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({propertyKey, targetId, options});\n\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n\n      const conf = getElementConfig(this);\n      const currentWin = conf.window;\n      const swcId = this._swcId;\n      const currentDoc = currentWin.document;\n      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n      const pos = options.position;\n\n      const resToNodes = (res: string | Node) => {\n        const nodes: Node[] = [];\n\n        if (typeof res === 'string' && (pos === 'replaceChildrenHtml' || pos === 'appendHtml' || pos === 'prependHtml')) {\n          const t = currentWin.document.createElement('template');\n          t.innerHTML = res;\n          nodes.push(...Array.from(t.content.childNodes));\n        } else if (typeof res === 'string' && (pos === 'replaceChildrenText' || pos === 'prependText' || pos === 'appendText')) {\n          nodes.push(currentWin.document.createTextNode(res));\n        } else if (typeof res === 'object') {\n          nodes.push(res);\n        }\n        SwcUtils.projectProcessHtml(swcId, nodes, currentDoc);\n        return nodes;\n      }\n\n      const fallbackNodes: Node[] = [];\n      if (options.fallback) {\n        const res: string | Node = options.fallback.call(this, hostSet);\n        const nodes: Node[] = resToNodes(res);\n        fallbackNodes.push(...nodes);\n        applyToDom(swcId, targetId, options.position, nodes);\n      }\n\n      let res = original.apply(this, args);\n      if (res instanceof Promise) {\n        return res.then(asyncRes => {\n          const nodes = resToNodes(asyncRes)\n          fallbackNodes.forEach((it: any)=>it.remove());\n          applyToDom(swcId, targetId, options.position, nodes);\n        })\n      } else {\n        const nodes: Node[] = resToNodes(res);\n        applyToDom(swcId, targetId, options.position, nodes);\n      }\n    };\n  };\n}\n\n// export const findAllApplySlotMetadata = (target: any): Map<string | symbol, ApplySlotMetadata> => {\nexport const findAllApplySlotMetadata = (target: any): ApplySlotMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);\n};\n\nexport function applySlotClear(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'clear'});\n}\n\nexport function applySlotPrependHtml(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prependHtml'});\n}\n\nexport const applySlotPrepend = applySlotPrependHtml;\n\nexport function applySlotPrependText(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prependText'});\n}\n\nexport function applySlotAppendHtml(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'appendHtml'});\n}\n\nexport function applySlotAppendText(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'appendText'});\n}\n\nexport const applySlotAppend = applySlotAppendHtml;\n\nexport function applySlotReplaceChildrenHtml(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildrenHtml'});\n}\n\nexport const applySlotReplaceChildren = applySlotReplaceChildrenHtml;\n\nexport function applySlotReplaceChildrenText(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildrenText'});\n}\n"],
+  "mappings": "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",
+  "names": ["res"]
 }

package/dist/cjs/decorators/elementDefine.js

@@ -38,7 +38,6 @@ var import_Inject = require("@dooboostore/simple-boot/decorators/inject/Inject")
 var import_types = require("../types");
 var import_core_web = require("@dooboostore/core-web");
 var import_SwcAppMixin = require("../elements/SwcAppMixin");
-var import_applySlot = require("./applySlot");
 var import_state = require("./state");
 const ELEMENT_CONFIG_KEY = Symbol.for("simple-web-component:element-config");
 const getElementConfig = (target) => {
@@ -71,12 +70,6 @@ const ensureInit = (inst) => {
         delete inst[meta.propertyKey];
       });
     }
-    const slotAllList = (0, import_applySlot.findAllApplySlotMetadata)(target);
-    if (slotAllList) {
-      slotAllList.filter((it) => it.type === "property").forEach((meta) => {
-        delete inst[meta.propertyKey];
-      });
-    }
     const stateAllList = (0, import_state.findAllStateMetadata)(target);
     if (stateAllList) {
       stateAllList.forEach((meta) => {