@dooboostore/simple-web-component 1.0.29 → 1.0.31

package/dist/esm/elements/SwcAsync.js

@@ -16,34 +16,32 @@ class SwcAsync extends HTMLTemplateElement {
     this._nodes = [];
     this._value = null;
   }
-  _resolvePortal() {
-    const portalScript = this.getAttribute("on-get-portal");
-    if (!portalScript)
-      return this.parentElement;
-    const win = this.ownerDocument?.defaultView || window;
-    const res = FunctionUtils.executeReturn({
-      script: portalScript,
-      context: this,
-      args: SwcUtils.getHelperAndHostSet(win, this)
-    });
-    if (res instanceof HTMLElement)
-      return res;
-    if (typeof res === "string")
-      return win.document.querySelector(res);
-    return this.parentElement;
-  }
   _executeCloneCallback(attr, args) {
     const script = this.getAttribute(attr);
     if (!script)
       return;
     FunctionUtils.execute({ script, context: this, args });
   }
-  refresh() {
-    const script = this.getAttribute("on-get-value");
-    if (!script)
+  refresh(valueAttr) {
+    valueAttr ?? (valueAttr = this.getAttribute("value"));
+    if (!valueAttr) {
+      this.render("default");
       return;
-    const win = this.ownerDocument?.defaultView || window;
-    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });
+    }
+    if (valueAttr.startsWith("{{") && valueAttr.endsWith("}}")) {
+      const script = valueAttr.slice(2, -2).trim();
+      const win = this.ownerDocument?.defaultView || window;
+      const result = FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: SwcUtils.getHelperAndHostSet(win, this)
+      });
+      this.executeAsync(result);
+    } else {
+      this.executeAsync(valueAttr);
+    }
+  }
+  executeAsync(result) {
     if (result instanceof Promise) {
       this.render("loading");
       result.then((v) => {
@@ -57,7 +55,7 @@ class SwcAsync extends HTMLTemplateElement {
   }
   render(state) {
     this.cleanup();
-    const portal = this._resolvePortal();
+    const portal = this.parentElement;
     if (!portal)
       return;
     const win = this.ownerDocument?.defaultView || window;
@@ -69,16 +67,24 @@ class SwcAsync extends HTMLTemplateElement {
       const elements = this._nodes.filter((n) => n.nodeType === 1);
       const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0], $state: state };
       this._nodes.forEach((n, nodeIdx) => {
-        if (n instanceof HTMLElement)
-          n.__swc_host = this;
         this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });
+        if (n instanceof HTMLElement) {
+          Array.from(n.attributes).forEach((attr) => {
+            const value = attr.value || "";
+            if (value.startsWith("{{") && value.endsWith("}}")) {
+              const script = value.slice(2, -2).trim();
+              const result = FunctionUtils.executeReturn({
+                script,
+                context: n,
+                args: groupArgs
+              });
+              n.setAttribute(attr.name, String(result));
+            }
+          });
+        }
       });
       this._executeCloneCallback("on-clone-nodes", groupArgs);
-      if (portal === this.parentElement) {
-        portal.insertBefore(clone, this.nextSibling);
-      } else {
-        portal.appendChild(clone);
-      }
+      portal.insertBefore(clone, this.nextSibling);
     }
   }
   cleanup() {
@@ -93,12 +99,9 @@ class SwcAsync extends HTMLTemplateElement {
   }
 }
 __decorate([
-  changedAttributeHost("on-get-value"),
+  changedAttributeHost("value"),
   __metadata("design:type", Function),
-  __metadata("design:paramtypes", []),
+  __metadata("design:paramtypes", [String]),
   __metadata("design:returntype", void 0)
 ], SwcAsync.prototype, "refresh", null);
-export {
-  SwcAsync
-};
 //# sourceMappingURL=SwcAsync.js.map

package/dist/esm/elements/SwcAsync.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcAsync.ts"],
-  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nexport class SwcAsync extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n\n  private _resolvePortal(): Element | null {\n    const portalScript = this.getAttribute('on-get-portal');\n    if (!portalScript) return this.parentElement;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script: portalScript,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof HTMLElement) return res;\n    if (typeof res === 'string') return win.document.querySelector(res);\n    return this.parentElement;\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  @changedAttributeHost('on-get-value')\n  private refresh() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) return;\n    const win = this.ownerDocument?.defaultView || window;\n    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n\n    if (result instanceof Promise) {\n      this.render('loading');\n      result\n        .then(v => {\n          this._value = v;\n          this.render('success');\n        })\n        .catch(e => this.render('error'));\n    } else {\n      this._value = result;\n      this.render('success');\n    }\n  }\n\n  private render(state: string) {\n    this.cleanup();\n    const portal = this._resolvePortal();\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      const clone = t.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0], $state: state };\n\n      this._nodes.forEach((n, nodeIdx) => {\n        if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAExB,MAAO,iBAAiB,oBAAmB;EAAjD,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EAsFxB;EApFU,iBAAc;AACpB,UAAM,eAAe,KAAK,aAAa,eAAe;AACtD,QAAI,CAAC;AAAc,aAAO,KAAK;AAE/B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,MAAM,cAAc,cAAc;MACtC,QAAQ;MACR,SAAS;MACT,MAAM,SAAS,oBAAoB,KAAK,IAAI;KAC7C;AAED,QAAI,eAAe;AAAa,aAAO;AACvC,QAAI,OAAO,QAAQ;AAAU,aAAO,IAAI,SAAS,cAAc,GAAG;AAClE,WAAO,KAAK;EACd;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,kBAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,UAAO;AACb,UAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,QAAI,CAAC;AAAQ;AACb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,SAAS,cAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,SAAS,oBAAoB,KAAK,IAAI,EAAC,CAAE;AAEnH,QAAI,kBAAkB,SAAS;AAC7B,WAAK,OAAO,SAAS;AACrB,aACG,KAAK,OAAI;AACR,aAAK,SAAS;AACd,aAAK,OAAO,SAAS;MACvB,CAAC,EACA,MAAM,OAAK,KAAK,OAAO,OAAO,CAAC;IACpC,OAAO;AACL,WAAK,SAAS;AACd,WAAK,OAAO,SAAS;IACvB;EACF;EAEQ,OAAO,OAAa;AAC1B,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK,eAAc;AAClC,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,SAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,IAAI,KAAK,QAAQ,cAAc,oBAAoB,KAAK,IAAI;AAClE,QAAI,GAAG;AACL,YAAM,QAAQ,EAAE,QAAQ,UAAU,IAAI;AACtC,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,GAAG,QAAQ,MAAK;AAE1I,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AACjC,YAAI,aAAa;AAAc,YAAU,aAAa;AACtD,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;MAC3H,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,UAAI,WAAW,KAAK,eAAe;AACjC,eAAO,aAAa,OAAO,KAAK,WAAW;MAC7C,OAAO;AACL,eAAO,YAAY,KAAK;MAC1B;IACF;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5DQ,WAAA;EADP,qBAAqB,cAAc;;;;;",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nclass SwcAsync extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  @changedAttributeHost('value')\n  private refresh(valueAttr?: string | null) {\n    valueAttr ??= this.getAttribute('value');\n    if (!valueAttr) {\n      this.render('default');\n      return;\n    }\n\n    // {{ }} 브레이스로 감싸진 값은 스크립트 실행\n    if (valueAttr.startsWith('{{') && valueAttr.endsWith('}}')) {\n      const script = valueAttr.slice(2, -2).trim();\n      const win = this.ownerDocument?.defaultView || window;\n      const result = FunctionUtils.executeReturn({ \n        script, \n        context: this, \n        args: SwcUtils.getHelperAndHostSet(win, this) \n      });\n\n      this.executeAsync(result);\n    } else {\n      // 일반 문자열 값 또는 직접 Promise 속성\n      this.executeAsync(valueAttr);\n    }\n  }\n\n  private executeAsync(result: any) {\n    if (result instanceof Promise) {\n      this.render('loading');\n      result\n        .then(v => {\n          this._value = v;\n          this.render('success');\n        })\n        .catch(e => this.render('error'));\n    } else {\n      this._value = result;\n      this.render('success');\n    }\n  }\n\n  private render(state: string) {\n    this.cleanup();\n    const portal = this.parentElement;\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      const clone = t.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0], $state: state };\n\n      // 부모 체인을 정상적으로 유지하기 위해 __swc_host 할당 제거\n      this._nodes.forEach((n, nodeIdx) => {\n        // if (n instanceof HTMLElement) (n as any).__swc_host = this;  // 제거: 부모 체인 유지\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n\n        // Attribute {{ }} 치환 - SwcChoose처럼 동적 치환\n        if (n instanceof HTMLElement) {\n          Array.from(n.attributes).forEach(attr => {\n            const value = attr.value || '';\n            if (value.startsWith('{{') && value.endsWith('}}')) {\n              const script = value.slice(2, -2).trim();\n              const result = FunctionUtils.executeReturn({\n                script,\n                context: n,\n                args: groupArgs\n              });\n              n.setAttribute(attr.name, String(result));\n            }\n          });\n        }\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      portal.insertBefore(clone, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAE9B,MAAM,iBAAiB,oBAAmB;EAA1C,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EAsGxB;EApGU,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,kBAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,QAAQ,WAAyB;AACvC,kBAAA,YAAc,KAAK,aAAa,OAAO;AACvC,QAAI,CAAC,WAAW;AACd,WAAK,OAAO,SAAS;AACrB;IACF;AAGA,QAAI,UAAU,WAAW,IAAI,KAAK,UAAU,SAAS,IAAI,GAAG;AAC1D,YAAM,SAAS,UAAU,MAAM,GAAG,EAAE,EAAE,KAAI;AAC1C,YAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,YAAM,SAAS,cAAc,cAAc;QACzC;QACA,SAAS;QACT,MAAM,SAAS,oBAAoB,KAAK,IAAI;OAC7C;AAED,WAAK,aAAa,MAAM;IAC1B,OAAO;AAEL,WAAK,aAAa,SAAS;IAC7B;EACF;EAEQ,aAAa,QAAW;AAC9B,QAAI,kBAAkB,SAAS;AAC7B,WAAK,OAAO,SAAS;AACrB,aACG,KAAK,OAAI;AACR,aAAK,SAAS;AACd,aAAK,OAAO,SAAS;MACvB,CAAC,EACA,MAAM,OAAK,KAAK,OAAO,OAAO,CAAC;IACpC,OAAO;AACL,WAAK,SAAS;AACd,WAAK,OAAO,SAAS;IACvB;EACF;EAEQ,OAAO,OAAa;AAC1B,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK;AACpB,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,SAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,IAAI,KAAK,QAAQ,cAAc,oBAAoB,KAAK,IAAI;AAClE,QAAI,GAAG;AACL,YAAM,QAAQ,EAAE,QAAQ,UAAU,IAAI;AACtC,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,GAAG,QAAQ,MAAK;AAG1I,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AAEjC,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;AAGzH,YAAI,aAAa,aAAa;AAC5B,gBAAM,KAAK,EAAE,UAAU,EAAE,QAAQ,UAAO;AACtC,kBAAM,QAAQ,KAAK,SAAS;AAC5B,gBAAI,MAAM,WAAW,IAAI,KAAK,MAAM,SAAS,IAAI,GAAG;AAClD,oBAAM,SAAS,MAAM,MAAM,GAAG,EAAE,EAAE,KAAI;AACtC,oBAAM,SAAS,cAAc,cAAc;gBACzC;gBACA,SAAS;gBACT,MAAM;eACP;AACD,gBAAE,aAAa,KAAK,MAAM,OAAO,MAAM,CAAC;YAC1C;UACF,CAAC;QACH;MACF,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,aAAO,aAAa,OAAO,KAAK,WAAW;IAC7C;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5FQ,WAAA;EADP,qBAAqB,OAAO;;;;;",
   "names": []
 }

package/dist/esm/elements/SwcChoose.js

@@ -15,6 +15,7 @@ class SwcChoose extends HTMLTemplateElement {
     super(...arguments);
     this._nodes = [];
     this._value = null;
+    this._previousTemplate = null;
   }
   get value() {
     return this._value;
@@ -23,70 +24,86 @@ class SwcChoose extends HTMLTemplateElement {
     this._value = nv;
     this.render();
   }
-  _resolvePortal() {
-    const portalScript = this.getAttribute("on-get-portal");
-    if (!portalScript)
-      return this.parentElement;
-    const win = this.ownerDocument?.defaultView || window;
-    const res = FunctionUtils.executeReturn({
-      script: portalScript,
-      context: this,
-      args: SwcUtils.getHelperAndHostSet(win, this)
-    });
-    if (res instanceof HTMLElement)
-      return res;
-    if (typeof res === "string")
-      return win.document.querySelector(res);
-    return this.parentElement;
-  }
   _executeCloneCallback(attr, args) {
     const script = this.getAttribute(attr);
     if (!script)
       return;
     FunctionUtils.execute({ script, context: this, args });
   }
-  refresh() {
-    const script = this.getAttribute("on-get-value");
-    if (!script) {
+  refresh(valueAttr) {
+    valueAttr ?? (valueAttr = this.getAttribute("value"));
+    if (valueAttr === null) {
       this.value = null;
       return;
     }
-    const win = this.ownerDocument?.defaultView || window;
-    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });
-    this.value = result;
+    if (valueAttr.startsWith("{{") && valueAttr.endsWith("}}")) {
+      const script = valueAttr.slice(2, -2).trim();
+      const win = this.ownerDocument?.defaultView || window;
+      const helperAndHostSet = SwcUtils.getHelperAndHostSet(win, SwcUtils.findNearestSwcHost(this));
+      const result = FunctionUtils.executeReturn({ script, context: this, args: helperAndHostSet });
+      this.value = result;
+    } else {
+      this.value = valueAttr;
+    }
   }
   render() {
-    this.cleanup();
-    const portal = this._resolvePortal();
-    if (!portal)
-      return;
     const win = this.ownerDocument?.defaultView || window;
     const helperSet = SwcUtils.getHelperAndHostSet(win, this);
     const templates = Array.from(this.content.querySelectorAll("template"));
     let selected = null;
     for (const t of templates) {
-      if (t.getAttribute("is") === "swc-when" && String(t.getAttribute("value")) === String(this._value)) {
-        selected = t;
-        break;
+      if (t.getAttribute("is") === "swc-when") {
+        let matches = false;
+        const value = t.getAttribute("value") || "";
+        if (value.startsWith("{{") && value.endsWith("}}")) {
+          const script = value.slice(2, -2).trim();
+          const result = FunctionUtils.executeReturn({
+            script,
+            context: t,
+            args: { ...helperSet, $value: this._value }
+          });
+          matches = result === true;
+        } else {
+          matches = String(value) === String(this._value);
+        }
+        if (matches) {
+          selected = t;
+          break;
+        }
       }
     }
     const target = selected || this.content.querySelector('template[is="swc-otherwise"]');
+    const targetHasSkipIfSame = target?.hasAttribute("skip-if-same");
+    const shouldSkip = (this.hasAttribute("skip-if-same") || targetHasSkipIfSame) && this._previousTemplate === target;
+    if (shouldSkip) {
+      return;
+    }
+    this.cleanup();
+    this._previousTemplate = target;
     if (target) {
       const clone = target.content.cloneNode(true);
       this._nodes = Array.from(clone.childNodes);
       const elements = this._nodes.filter((n) => n.nodeType === 1);
       const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };
       this._nodes.forEach((n, nodeIdx) => {
-        if (n instanceof HTMLElement)
-          n.__swc_host = this;
         this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });
+        if (n instanceof HTMLElement) {
+          Array.from(n.attributes).forEach((attr) => {
+            const value = attr.value || "";
+            if (value.startsWith("{{") && value.endsWith("}}")) {
+              const script = value.slice(2, -2).trim();
+              const result = FunctionUtils.executeReturn({
+                script,
+                context: n,
+                args: { ...groupArgs, $value: this._value }
+              });
+              n.setAttribute(attr.name, String(result));
+            }
+          });
+        }
       });
       this._executeCloneCallback("on-clone-nodes", groupArgs);
-      if (portal === this.parentElement) {
-        portal.insertBefore(clone, this.nextSibling);
-      } else {
-        portal.appendChild(clone);
-      }
+      this.parentElement?.insertBefore(clone, this.nextSibling);
     }
   }
   cleanup() {
@@ -101,12 +118,9 @@ class SwcChoose extends HTMLTemplateElement {
   }
 }
 __decorate([
-  changedAttributeHost("on-get-value"),
+  changedAttributeHost("value"),
   __metadata("design:type", Function),
-  __metadata("design:paramtypes", []),
+  __metadata("design:paramtypes", [String]),
   __metadata("design:returntype", void 0)
 ], SwcChoose.prototype, "refresh", null);
-export {
-  SwcChoose
-};
 //# sourceMappingURL=SwcChoose.js.map

package/dist/esm/elements/SwcChoose.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcChoose.ts"],
-  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nexport class SwcChoose extends HTMLTemplateElement {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n\n  get value(): any {\n    return this._value;\n  }\n  set value(nv: any) {\n    this._value = nv;\n    this.render();\n  }\n\n  private _resolvePortal(): Element | null {\n    const portalScript = this.getAttribute('on-get-portal');\n    if (!portalScript) return this.parentElement;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script: portalScript,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof HTMLElement) return res;\n    if (typeof res === 'string') return win.document.querySelector(res);\n    return this.parentElement;\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  @changedAttributeHost('on-get-value')\n  private refresh() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = null;\n      return;\n    }\n    const win = this.ownerDocument?.defaultView || window;\n    const result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n    this.value = result;\n  }\n\n  private render() {\n    this.cleanup();\n    const portal = this._resolvePortal();\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when' && String(t.getAttribute('value')) === String(this._value)) {\n        selected = t;\n        break;\n      }\n    }\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    if (target) {\n      const clone = target.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      this._nodes.forEach((n, nodeIdx) => {\n        if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAExB,MAAO,kBAAkB,oBAAmB;EAAlD,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;EA8FxB;EA5FE,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EACA,IAAI,MAAM,IAAO;AACf,SAAK,SAAS;AACd,SAAK,OAAM;EACb;EAEQ,iBAAc;AACpB,UAAM,eAAe,KAAK,aAAa,eAAe;AACtD,QAAI,CAAC;AAAc,aAAO,KAAK;AAE/B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,MAAM,cAAc,cAAc;MACtC,QAAQ;MACR,SAAS;MACT,MAAM,SAAS,oBAAoB,KAAK,IAAI;KAC7C;AAED,QAAI,eAAe;AAAa,aAAO;AACvC,QAAI,OAAO,QAAQ;AAAU,aAAO,IAAI,SAAS,cAAc,GAAG;AAClE,WAAO,KAAK;EACd;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,kBAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGQ,UAAO;AACb,UAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,QAAI,CAAC,QAAQ;AACX,WAAK,QAAQ;AACb;IACF;AACA,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,SAAS,cAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,SAAS,oBAAoB,KAAK,IAAI,EAAC,CAAE;AACnH,SAAK,QAAQ;EACf;EAEQ,SAAM;AACZ,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK,eAAc;AAClC,QAAI,CAAC;AAAQ;AAEb,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,SAAS,oBAAoB,KAAK,IAAI;AAExD,UAAM,YAAY,MAAM,KAAK,KAAK,QAAQ,iBAAiB,UAAU,CAAC;AACtE,QAAI,WAAuC;AAC3C,eAAW,KAAK,WAAW;AACzB,UAAI,EAAE,aAAa,IAAI,MAAM,cAAc,OAAO,EAAE,aAAa,OAAO,CAAC,MAAM,OAAO,KAAK,MAAM,GAAG;AAClG,mBAAW;AACX;MACF;IACF;AACA,UAAM,SAAS,YAAa,KAAK,QAAQ,cAAc,8BAA8B;AAErF,QAAI,QAAQ;AACV,YAAM,QAAQ,OAAO,QAAQ,UAAU,IAAI;AAC3C,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,EAAC;AAE3H,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AACjC,YAAI,aAAa;AAAc,YAAU,aAAa;AACtD,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;MAC3H,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,UAAI,WAAW,KAAK,eAAe;AACjC,eAAO,aAAa,OAAO,KAAK,WAAW;MAC7C,OAAO;AACL,eAAO,YAAY,KAAK;MAC1B;IACF;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5DQ,WAAA;EADP,qBAAqB,cAAc;;;;;",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\nimport { SwcChooseInterface } from '../types';\n\nclass SwcChoose extends HTMLTemplateElement implements SwcChooseInterface {\n  private _nodes: Node[] = [];\n  private _value: any = null;\n  private _previousTemplate: HTMLTemplateElement | null = null;\n\n  get value(): any {\n    return this._value;\n  }\n  set value(nv: any) {\n    this._value = nv;\n    this.render();\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  @changedAttributeHost('value')\n  refresh(valueAttr?: string | null) {\n    valueAttr ??= this.getAttribute('value');\n    if (valueAttr === null) {\n      this.value = null;\n      return;\n    }\n\n    // {{ }} 브레이스로 감싸진 값은 스크립트 실행\n    if (valueAttr.startsWith('{{') && valueAttr.endsWith('}}')) {\n      const script = valueAttr.slice(2, -2).trim();\n      const win = this.ownerDocument?.defaultView || window;\n      const helperAndHostSet = SwcUtils.getHelperAndHostSet(win, SwcUtils.findNearestSwcHost(this));\n      // console.log('vvvvvvvvvvvvvvvvvv323', helperAndHostSet);\n      const result = FunctionUtils.executeReturn({ script, context: this, args: helperAndHostSet });\n      this.value = result;\n      // console.log('----------vv', this.value);\n    } else {\n      // 일반 문자열 값\n      this.value = valueAttr;\n    }\n  }\n\n  private render() {\n    // console.log('-------------', this.value);\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const templates = Array.from(this.content.querySelectorAll('template'));\n    let selected: HTMLTemplateElement | null = null;\n\n    for (const t of templates) {\n      if (t.getAttribute('is') === 'swc-when') {\n        let matches = false;\n        const value = t.getAttribute('value') || '';\n\n        // {{ }} 브레이스로 감싸진 값은 스크립트 실행\n        if (value.startsWith('{{') && value.endsWith('}}')) {\n          const script = value.slice(2, -2).trim();\n          const result = FunctionUtils.executeReturn({\n            script,\n            context: t,\n            args: { ...helperSet, $value: this._value }\n          });\n          // console.log('rrrrrrrrrrrrrr', result);\n          matches = result === true;\n        } else {\n          // 일반 문자열 비교 (기존 방식)\n          matches = String(value) === String(this._value);\n        }\n\n        if (matches) {\n          selected = t;\n          break;\n        }\n      }\n    }\n\n    const target = selected || (this.content.querySelector('template[is=\"swc-otherwise\"]') as HTMLTemplateElement);\n\n    // skip-if-same attribute가 있고 이전과 같은 template이면 렌더링 스킵\n    // 최상위 skip-if-same 또는 각 when/otherwise의 skip-if-same 체크\n    const targetHasSkipIfSame = target?.hasAttribute('skip-if-same');\n    const shouldSkip = (this.hasAttribute('skip-if-same') || targetHasSkipIfSame) && this._previousTemplate === target;\n    if (shouldSkip) {\n      return;\n    }\n\n    this.cleanup();\n    this._previousTemplate = target;\n\n    if (target) {\n      const clone = target.content.cloneNode(true) as DocumentFragment;\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      // 복제된 최상위 요소들은 SwcChoose의 직접 자식이 될 것이므로 __swc_host 설정 안 함\n      this._nodes.forEach((n, nodeIdx) => {\n        // if (n instanceof HTMLElement) (n as any).__swc_host = this;  // 제거: 부모 체인 유지\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: n, $nodeIndex: nodeIdx, $isElement: n.nodeType === 1 });\n\n        // Attribute {{ }} 치환 - HTML string 차원에서 동적 치환\n        if (n instanceof HTMLElement) {\n          Array.from(n.attributes).forEach(attr => {\n            const value = attr.value || '';\n            if (value.startsWith('{{') && value.endsWith('}}')) {\n              const script = value.slice(2, -2).trim();\n              const result = FunctionUtils.executeReturn({\n                script,\n                context: n,\n                args: { ...groupArgs, $value: this._value }\n              });\n              n.setAttribute(attr.name, String(result));\n            }\n          });\n        }\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      this.parentElement?.insertBefore(clone, this.nextSibling);\n      // if (portal === this.parentElement) {\n      //   portal.insertBefore(clone, this.nextSibling);\n      // } else {\n      //   portal.appendChild(clone);\n      // }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refresh();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAG9B,MAAM,kBAAkB,oBAAmB;EAA3C,cAAA;;AACU,SAAA,SAAiB,CAAA;AACjB,SAAA,SAAc;AACd,SAAA,oBAAgD;EAwI1D;EAtIE,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EACA,IAAI,MAAM,IAAO;AACf,SAAK,SAAS;AACd,SAAK,OAAM;EACb;EAEQ,sBAAsB,MAAc,MAAS;AACnD,UAAM,SAAS,KAAK,aAAa,IAAI;AACrC,QAAI,CAAC;AAAQ;AACb,kBAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,KAAI,CAAE;EACvD;EAGA,QAAQ,WAAyB;AAC/B,kBAAA,YAAc,KAAK,aAAa,OAAO;AACvC,QAAI,cAAc,MAAM;AACtB,WAAK,QAAQ;AACb;IACF;AAGA,QAAI,UAAU,WAAW,IAAI,KAAK,UAAU,SAAS,IAAI,GAAG;AAC1D,YAAM,SAAS,UAAU,MAAM,GAAG,EAAE,EAAE,KAAI;AAC1C,YAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,YAAM,mBAAmB,SAAS,oBAAoB,KAAK,SAAS,mBAAmB,IAAI,CAAC;AAE5F,YAAM,SAAS,cAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,iBAAgB,CAAE;AAC5F,WAAK,QAAQ;IAEf,OAAO;AAEL,WAAK,QAAQ;IACf;EACF;EAEQ,SAAM;AAEZ,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,SAAS,oBAAoB,KAAK,IAAI;AACxD,UAAM,YAAY,MAAM,KAAK,KAAK,QAAQ,iBAAiB,UAAU,CAAC;AACtE,QAAI,WAAuC;AAE3C,eAAW,KAAK,WAAW;AACzB,UAAI,EAAE,aAAa,IAAI,MAAM,YAAY;AACvC,YAAI,UAAU;AACd,cAAM,QAAQ,EAAE,aAAa,OAAO,KAAK;AAGzC,YAAI,MAAM,WAAW,IAAI,KAAK,MAAM,SAAS,IAAI,GAAG;AAClD,gBAAM,SAAS,MAAM,MAAM,GAAG,EAAE,EAAE,KAAI;AACtC,gBAAM,SAAS,cAAc,cAAc;YACzC;YACA,SAAS;YACT,MAAM,EAAE,GAAG,WAAW,QAAQ,KAAK,OAAM;WAC1C;AAED,oBAAU,WAAW;QACvB,OAAO;AAEL,oBAAU,OAAO,KAAK,MAAM,OAAO,KAAK,MAAM;QAChD;AAEA,YAAI,SAAS;AACX,qBAAW;AACX;QACF;MACF;IACF;AAEA,UAAM,SAAS,YAAa,KAAK,QAAQ,cAAc,8BAA8B;AAIrF,UAAM,sBAAsB,QAAQ,aAAa,cAAc;AAC/D,UAAM,cAAc,KAAK,aAAa,cAAc,KAAK,wBAAwB,KAAK,sBAAsB;AAC5G,QAAI,YAAY;AACd;IACF;AAEA,SAAK,QAAO;AACZ,SAAK,oBAAoB;AAEzB,QAAI,QAAQ;AACV,YAAM,QAAQ,OAAO,QAAQ,UAAU,IAAI;AAC3C,WAAK,SAAS,MAAM,KAAK,MAAM,UAAU;AACzC,YAAM,WAAW,KAAK,OAAO,OAAO,OAAK,EAAE,aAAa,CAAC;AACzD,YAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,QAAQ,KAAK,QAAQ,WAAW,UAAU,eAAe,SAAS,CAAC,EAAC;AAG3H,WAAK,OAAO,QAAQ,CAAC,GAAG,YAAW;AAEjC,aAAK,sBAAsB,iBAAiB,EAAE,GAAG,WAAW,OAAO,GAAG,YAAY,SAAS,YAAY,EAAE,aAAa,EAAC,CAAE;AAGzH,YAAI,aAAa,aAAa;AAC5B,gBAAM,KAAK,EAAE,UAAU,EAAE,QAAQ,UAAO;AACtC,kBAAM,QAAQ,KAAK,SAAS;AAC5B,gBAAI,MAAM,WAAW,IAAI,KAAK,MAAM,SAAS,IAAI,GAAG;AAClD,oBAAM,SAAS,MAAM,MAAM,GAAG,EAAE,EAAE,KAAI;AACtC,oBAAM,SAAS,cAAc,cAAc;gBACzC;gBACA,SAAS;gBACT,MAAM,EAAE,GAAG,WAAW,QAAQ,KAAK,OAAM;eAC1C;AACD,gBAAE,aAAa,KAAK,MAAM,OAAO,MAAM,CAAC;YAC1C;UACF,CAAC;QACH;MACF,CAAC;AAED,WAAK,sBAAsB,kBAAkB,SAAS;AAEtD,WAAK,eAAe,aAAa,OAAO,KAAK,WAAW;IAM1D;EACF;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,oBAAiB;AACf,SAAK,QAAO;EACd;EACA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AAtHA,WAAA;EADC,qBAAqB,OAAO;;;;;",
   "names": []
 }

package/dist/esm/elements/SwcIf.js

@@ -23,49 +23,34 @@ class SwcIf extends HTMLTemplateElement {
     this._value = Boolean(nv);
     this.render();
   }
-  _resolvePortal() {
-    const portalScript = this.getAttribute("on-get-portal");
-    if (!portalScript)
-      return this.parentElement;
-    const win = this.ownerDocument?.defaultView || window;
-    const res = FunctionUtils.executeReturn({
-      script: portalScript,
-      context: this,
-      args: SwcUtils.getHelperAndHostSet(win, this)
-    });
-    if (res instanceof HTMLElement)
-      return res;
-    if (typeof res === "string")
-      return win.document.querySelector(res);
-    return this.parentElement;
-  }
   _executeCloneCallback(attr, args) {
     const script = this.getAttribute(attr);
     if (!script)
       return;
     FunctionUtils.execute({ script, context: this, args });
   }
-  refreshValue() {
-    const script = this.getAttribute("on-get-value");
-    if (!script) {
+  refreshValue(valueAttr) {
+    valueAttr ?? (valueAttr = this.getAttribute("value"));
+    if (valueAttr === null) {
       this.value = false;
       return;
     }
-    const win = this.ownerDocument?.defaultView || window;
-    const res = FunctionUtils.executeReturn({
-      script,
-      context: this,
-      args: SwcUtils.getHelperAndHostSet(win, this)
-    });
-    if (res instanceof Promise) {
-      res.then((v) => this.value = v).catch(() => this.value = false);
+    if (valueAttr.startsWith("{{") && valueAttr.endsWith("}}")) {
+      const script = valueAttr.slice(2, -2).trim();
+      const win = this.ownerDocument?.defaultView || window;
+      const result = FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: SwcUtils.getHelperAndHostSet(win, this)
+      });
+      this.value = result;
     } else {
-      this.value = res;
+      this.value = Boolean(valueAttr);
     }
   }
   render() {
     this.cleanup();
-    const portal = this._resolvePortal();
+    const portal = this.parentElement;
     if (!portal)
       return;
     const win = this.ownerDocument?.defaultView || window;
@@ -85,16 +70,24 @@ class SwcIf extends HTMLTemplateElement {
       const elements = this._nodes.filter((n) => n.nodeType === 1);
       const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };
       this._nodes.forEach((node, nodeIdx) => {
-        if (node instanceof HTMLElement)
-          node.__swc_host = this;
         this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });
+        if (node instanceof HTMLElement) {
+          Array.from(node.attributes).forEach((attr) => {
+            const value = attr.value || "";
+            if (value.startsWith("{{") && value.endsWith("}}")) {
+              const script = value.slice(2, -2).trim();
+              const result = FunctionUtils.executeReturn({
+                script,
+                context: node,
+                args: { ...groupArgs, $value: this._value }
+              });
+              node.setAttribute(attr.name, String(result));
+            }
+          });
+        }
       });
       this._executeCloneCallback("on-clone-nodes", groupArgs);
-      if (portal === this.parentElement) {
-        portal.insertBefore(clone, this.nextSibling);
-      } else {
-        portal.appendChild(clone);
-      }
+      portal.insertBefore(clone, this.nextSibling);
     }
   }
   cleanup() {
@@ -109,12 +102,9 @@ class SwcIf extends HTMLTemplateElement {
   }
 }
 __decorate([
-  changedAttributeHost("on-get-value"),
+  changedAttributeHost("value"),
   __metadata("design:type", Function),
-  __metadata("design:paramtypes", []),
+  __metadata("design:paramtypes", [String]),
   __metadata("design:returntype", void 0)
 ], SwcIf.prototype, "refreshValue", null);
-export {
-  SwcIf
-};
 //# sourceMappingURL=SwcIf.js.map

package/dist/esm/elements/SwcIf.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcIf.ts"],
-  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nexport class SwcIf extends HTMLTemplateElement {\n  private _value = false;\n  private _nodes: Node[] = [];\n\n  get value(): boolean {\n    return this._value;\n  }\n  set value(nv: any) {\n    this._value = Boolean(nv);\n    this.render();\n  }\n\n  private _resolvePortal(): Element | null {\n    const portalScript = this.getAttribute('on-get-portal');\n    if (!portalScript) return this.parentElement;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script: portalScript,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof HTMLElement) return res;\n    if (typeof res === 'string') return win.document.querySelector(res);\n    return this.parentElement;\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  @changedAttributeHost('on-get-value')\n  private refreshValue() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = false;\n      return;\n    }\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof Promise) {\n      res.then(v => (this.value = v)).catch(() => (this.value = false));\n    } else {\n      this.value = res;\n    }\n  }\n\n  private render() {\n    this.cleanup();\n    const portal = this._resolvePortal();\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    let targetTpl: HTMLTemplateElement | null = null;\n    if (this._value) {\n      targetTpl = this;\n    } else {\n      targetTpl = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n    }\n\n    if (targetTpl) {\n      const clone = targetTpl.content.cloneNode(true) as DocumentFragment;\n      // If it's the host template, remove sub-templates from clone\n      if (targetTpl === this) {\n        clone.querySelectorAll('template[is^=\"swc-\"]').forEach(t => t.remove());\n      }\n\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      this._nodes.forEach((node, nodeIdx) => {\n        if (node instanceof HTMLElement) (node as any).__swc_host = this;\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      if (portal === this.parentElement) {\n        portal.insertBefore(clone, this.nextSibling);\n      } else {\n        portal.appendChild(clone);\n      }\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nclass SwcIf extends HTMLTemplateElement {\n  private _value = false;\n  private _nodes: Node[] = [];\n\n  get value(): boolean {\n    return this._value;\n  }\n  set value(nv: any) {\n    this._value = Boolean(nv);\n    this.render();\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  @changedAttributeHost('value')\n  private refreshValue(valueAttr?: string | null) {\n    valueAttr ??= this.getAttribute('value');\n    if (valueAttr === null) {\n      this.value = false;\n      return;\n    }\n\n    // {{ }} 브레이스로 감싸진 값은 스크립트 실행\n    if (valueAttr.startsWith('{{') && valueAttr.endsWith('}}')) {\n      const script = valueAttr.slice(2, -2).trim();\n      const win = this.ownerDocument?.defaultView || window;\n      const result = FunctionUtils.executeReturn({\n        script,\n        context: this,\n        args: SwcUtils.getHelperAndHostSet(win, this)\n      });\n      this.value = result;\n    } else {\n      // 일반 문자열 값\n      this.value = Boolean(valueAttr);\n    }\n  }\n\n  private render() {\n    this.cleanup();\n    const portal = this.parentElement;\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    let targetTpl: HTMLTemplateElement | null = null;\n    if (this._value) {\n      targetTpl = this;\n    } else {\n      targetTpl = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n    }\n\n    if (targetTpl) {\n      const clone = targetTpl.content.cloneNode(true) as DocumentFragment;\n      // If it's the host template, remove sub-templates from clone\n      if (targetTpl === this) {\n        clone.querySelectorAll('template[is^=\"swc-\"]').forEach(t => t.remove());\n      }\n\n      this._nodes = Array.from(clone.childNodes);\n      const elements = this._nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n      const groupArgs = { ...helperSet, $value: this._value, $nodes: this._nodes, $elements: elements, $firstElement: elements[0] };\n\n      // 부모 체인을 정상적으로 유지하기 위해 __swc_host 할당 제거\n      this._nodes.forEach((node, nodeIdx) => {\n        // if (node instanceof HTMLElement) (node as any).__swc_host = this;  // 제거: 부모 체인 유지\n        this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });\n\n        // Attribute {{ }} 치환 - SwcChoose처럼 동적 치환\n        if (node instanceof HTMLElement) {\n          Array.from(node.attributes).forEach(attr => {\n            const value = attr.value || '';\n            if (value.startsWith('{{') && value.endsWith('}}')) {\n              const script = value.slice(2, -2).trim();\n              const result = FunctionUtils.executeReturn({\n                script,\n                context: node,\n                args: { ...groupArgs, $value: this._value }\n              });\n              node.setAttribute(attr.name, String(result));\n            }\n          });\n        }\n      });\n\n      this._executeCloneCallback('on-clone-nodes', groupArgs);\n\n      portal.insertBefore(clone, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/elements/SwcLoop.js

@@ -23,22 +23,6 @@ class SwcLoop extends HTMLTemplateElement {
     this._value = Array.isArray(nv) ? [...nv] : [];
     this.render();
   }
-  _resolvePortal() {
-    const portalScript = this.getAttribute("on-get-portal");
-    if (!portalScript)
-      return this.parentElement;
-    const win = this.ownerDocument?.defaultView || window;
-    const res = FunctionUtils.executeReturn({
-      script: portalScript,
-      context: this,
-      args: SwcUtils.getHelperAndHostSet(win, this)
-    });
-    if (res instanceof HTMLElement)
-      return res;
-    if (typeof res === "string")
-      return win.document.querySelector(res);
-    return this.parentElement;
-  }
   _executeCloneCallback(attr, args) {
     const script = this.getAttribute(attr);
     if (!script)
@@ -50,11 +34,14 @@ class SwcLoop extends HTMLTemplateElement {
     this._nodeGroups = [];
   }
   refreshValue() {
-    const script = this.getAttribute("on-get-value");
+    let script = this.getAttribute("value");
     if (!script) {
       this.value = [];
       return;
     }
+    if (script.startsWith("{{") && script.endsWith("}}")) {
+      script = script.slice(2, -2).trim();
+    }
     const win = this.ownerDocument?.defaultView || window;
     const res = FunctionUtils.executeReturn({
       script,
@@ -69,7 +56,7 @@ class SwcLoop extends HTMLTemplateElement {
   }
   render() {
     this._cleanup();
-    const portal = this._resolvePortal();
+    const portal = this.parentElement;
     if (!portal)
       return;
     const win = this.ownerDocument?.defaultView || window;
@@ -92,9 +79,21 @@ class SwcLoop extends HTMLTemplateElement {
         const elements = nodes.filter((n) => n.nodeType === 1);
         const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value, $nodes: nodes, $elements: elements, $firstElement: elements[0] };
         nodes.forEach((node, nodeIdx) => {
-          if (node instanceof HTMLElement)
-            node.__swc_host = this;
           this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });
+          if (node instanceof HTMLElement) {
+            Array.from(node.attributes).forEach((attr) => {
+              const value = attr.value || "";
+              if (value.startsWith("{{") && value.endsWith("}}")) {
+                const script = value.slice(2, -2).trim();
+                const result = FunctionUtils.executeReturn({
+                  script,
+                  context: node,
+                  args: groupArgs
+                });
+                node.setAttribute(attr.name, String(result));
+              }
+            });
+          }
         });
         this._executeCloneCallback("on-clone-nodes", groupArgs);
         this._nodeGroups.push(nodes);
@@ -115,12 +114,9 @@ class SwcLoop extends HTMLTemplateElement {
   }
 }
 __decorate([
-  changedAttributeHost("on-get-value"),
+  changedAttributeHost("value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", []),
   __metadata("design:returntype", void 0)
 ], SwcLoop.prototype, "refreshValue", null);
-export {
-  SwcLoop
-};
 //# sourceMappingURL=SwcLoop.js.map

package/dist/esm/elements/SwcLoop.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcLoop.ts"],
-  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nexport class SwcLoop extends HTMLTemplateElement {\n  private _value: any[] = [];\n  private _nodeGroups: Node[][] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n  set value(nv: any[]) {\n    this._value = Array.isArray(nv) ? [...nv] : [];\n    this.render();\n  }\n\n  private _resolvePortal(): Element | null {\n    const portalScript = this.getAttribute('on-get-portal');\n    if (!portalScript) return this.parentElement;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script: portalScript,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof HTMLElement) return res;\n    if (typeof res === 'string') return win.document.querySelector(res);\n    return this.parentElement;\n  }\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  private _cleanup() {\n    this._nodeGroups.forEach(nodes => nodes.forEach(n => n.parentElement?.removeChild(n)));\n    this._nodeGroups = [];\n  }\n\n  @changedAttributeHost('on-get-value')\n  private refreshValue() {\n    const script = this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = [];\n      return;\n    }\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof Promise) {\n      res.then(v => (this.value = v)).catch(() => (this.value = []));\n    } else {\n      this.value = res;\n    }\n  }\n\n  render() {\n    this._cleanup();\n    const portal = this._resolvePortal();\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const fragment = win.document.createDocumentFragment();\n\n    if (this._value.length === 0) {\n      const defaultTpl = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n      if (defaultTpl) {\n        const clone = defaultTpl.content.cloneNode(true);\n        const nodes = Array.from(clone.childNodes);\n        this._nodeGroups.push(nodes);\n        fragment.appendChild(clone);\n      }\n    } else {\n      this._value.forEach((item, index) => {\n        const clone = this.content.cloneNode(true) as DocumentFragment;\n        // Filter out sub-templates\n        const subTemplates = clone.querySelectorAll('template[is^=\"swc-\"]');\n        subTemplates.forEach(t => t.remove());\n\n        const nodes = Array.from(clone.childNodes);\n        const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n        const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value, $nodes: nodes, $elements: elements, $firstElement: elements[0] };\n\n        nodes.forEach((node, nodeIdx) => {\n          if (node instanceof HTMLElement) (node as any).__swc_host = this;\n          this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });\n        });\n\n        this._executeCloneCallback('on-clone-nodes', groupArgs);\n        this._nodeGroups.push(nodes);\n        fragment.appendChild(clone);\n      });\n    }\n\n    if (portal === this.parentElement) {\n      portal.insertBefore(fragment, this.nextSibling);\n    } else {\n      portal.appendChild(fragment);\n    }\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this._cleanup();\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core';\n\nclass SwcLoop extends HTMLTemplateElement {\n  private _value: any[] = [];\n  private _nodeGroups: Node[][] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n  set value(nv: any[]) {\n    this._value = Array.isArray(nv) ? [...nv] : [];\n    this.render();\n  }\n\n\n\n  private _executeCloneCallback(attr: string, args: any) {\n    const script = this.getAttribute(attr);\n    if (!script) return;\n    FunctionUtils.execute({ script, context: this, args });\n  }\n\n  private _cleanup() {\n    this._nodeGroups.forEach(nodes => nodes.forEach(n => n.parentElement?.removeChild(n)));\n    this._nodeGroups = [];\n  }\n\n  @changedAttributeHost('value')\n  private refreshValue() {\n    let script = this.getAttribute('value');\n    if (!script) {\n      this.value = [];\n      return;\n    }\n    // Parse {{ }} braces\n    if (script.startsWith('{{') && script.endsWith('}}')) {\n      script = script.slice(2, -2).trim();\n    }\n    const win = this.ownerDocument?.defaultView || window;\n    const res = FunctionUtils.executeReturn({\n      script,\n      context: this,\n      args: SwcUtils.getHelperAndHostSet(win, this)\n    });\n\n    if (res instanceof Promise) {\n      res.then(v => (this.value = v)).catch(() => (this.value = []));\n    } else {\n      this.value = res;\n    }\n  }\n\n  render() {\n    this._cleanup();\n    const portal = this.parentElement;\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const fragment = win.document.createDocumentFragment();\n\n    if (this._value.length === 0) {\n      const defaultTpl = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n      if (defaultTpl) {\n        const clone = defaultTpl.content.cloneNode(true);\n        const nodes = Array.from(clone.childNodes);\n        this._nodeGroups.push(nodes);\n        fragment.appendChild(clone);\n      }\n    } else {\n      this._value.forEach((item, index) => {\n        const clone = this.content.cloneNode(true) as DocumentFragment;\n        // Filter out sub-templates\n        const subTemplates = clone.querySelectorAll('template[is^=\"swc-\"]');\n        subTemplates.forEach(t => t.remove());\n\n        const nodes = Array.from(clone.childNodes);\n        const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n        const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value, $nodes: nodes, $elements: elements, $firstElement: elements[0] };\n\n        nodes.forEach((node, nodeIdx) => {\n          this._executeCloneCallback('on-clone-node', { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });\n\n          // Attribute {{ }} 치환 - SwcChoose처럼 동적 치환\n          if (node instanceof HTMLElement) {\n            Array.from(node.attributes).forEach(attr => {\n              const value = attr.value || '';\n              if (value.startsWith('{{') && value.endsWith('}}')) {\n                const script = value.slice(2, -2).trim();\n                const result = FunctionUtils.executeReturn({\n                  script,\n                  context: node,\n                  args: groupArgs\n                });\n                node.setAttribute(attr.name, String(result));\n              }\n            });\n          }\n        });\n\n        this._executeCloneCallback('on-clone-nodes', groupArgs);\n        this._nodeGroups.push(nodes);\n        fragment.appendChild(clone);\n      });\n    }\n\n    if (portal === this.parentElement) {\n      portal.insertBefore(fragment, this.nextSibling);\n    } else {\n      portal.appendChild(fragment);\n    }\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this._cleanup();\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/elements/SwcSubTemplates.js

@@ -10,12 +10,4 @@ class SwcOtherwise extends HTMLTemplateElement {
 }
 class SwcDefault extends HTMLTemplateElement {
 }
-export {
-  SwcDefault,
-  SwcError,
-  SwcLoading,
-  SwcOtherwise,
-  SwcSuccess,
-  SwcWhen
-};
 //# sourceMappingURL=SwcSubTemplates.js.map

package/dist/esm/elements/SwcSubTemplates.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/SwcSubTemplates.ts"],
-  "sourcesContent": ["export class SwcLoading extends HTMLTemplateElement {}\nexport class SwcError extends HTMLTemplateElement {}\nexport class SwcSuccess extends HTMLTemplateElement {}\nexport class SwcWhen extends HTMLTemplateElement {}\nexport class SwcOtherwise extends HTMLTemplateElement {}\nexport class SwcDefault extends HTMLTemplateElement {}\n"],
-  "mappings": "AAAO,MAAM,mBAAmB,oBAAoB;AAAC;AAC9C,MAAM,iBAAiB,oBAAoB;AAAC;AAC5C,MAAM,mBAAmB,oBAAoB;AAAC;AAC9C,MAAM,gBAAgB,oBAAoB;AAAC;AAC3C,MAAM,qBAAqB,oBAAoB;AAAC;AAChD,MAAM,mBAAmB,oBAAoB;AAAC;",
+  "sourcesContent": ["class SwcLoading extends HTMLTemplateElement {}\nclass SwcError extends HTMLTemplateElement {}\nclass SwcSuccess extends HTMLTemplateElement {}\nclass SwcWhen extends HTMLTemplateElement {}\nclass SwcOtherwise extends HTMLTemplateElement {}\nclass SwcDefault extends HTMLTemplateElement {}\n"],
+  "mappings": "AAAA,MAAM,mBAAmB,oBAAoB;AAAC;AAC9C,MAAM,iBAAiB,oBAAoB;AAAC;AAC5C,MAAM,mBAAmB,oBAAoB;AAAC;AAC9C,MAAM,gBAAgB,oBAAoB;AAAC;AAC3C,MAAM,qBAAqB,oBAAoB;AAAC;AAChD,MAAM,mBAAmB,oBAAoB;AAAC;",
   "names": []
 }