@dooboostore/simple-web-component 1.0.30 → 1.0.32

package/dist/cjs/elements/SwcChoose.js

@@ -1,28 +1,8 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcChoose_exports = {};
-__export(SwcChoose_exports, {
-  SwcChoose: () => SwcChoose
-});
-module.exports = __toCommonJS(SwcChoose_exports);
 var import_changedAttributeHost = require("../decorators/changedAttributeHost");
 var import_Utils = require("../utils/Utils");
 var import_core = require("@dooboostore/core");
+var import_core_web = require("@dooboostore/core-web");
+var import_decorators = require("../decorators");
 var __decorate = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -36,56 +16,64 @@ class SwcChoose extends HTMLTemplateElement {
   constructor() {
     super(...arguments);
     this._nodes = [];
-    this._value = null;
     this._previousTemplate = null;
   }
   get value() {
     return this._value;
   }
   set value(nv) {
-    this._value = nv;
-    this.render();
+    this.refresh(nv);
   }
-  _executeCloneCallback(attr, args) {
-    const script = this.getAttribute(attr);
-    if (!script)
-      return;
-    import_core.FunctionUtils.execute({ script, context: this, args });
+  setValue() {
+    this.refresh();
   }
-  refresh(valueAttr) {
-    valueAttr ?? (valueAttr = this.getAttribute("value"));
-    if (valueAttr === null) {
-      this.value = null;
-      return;
-    }
-    if (valueAttr.startsWith("{{") && valueAttr.endsWith("}}")) {
-      const script = valueAttr.slice(2, -2).trim();
-      const win = this.ownerDocument?.defaultView || window;
-      const result = import_core.FunctionUtils.executeReturn({ script, context: this, args: import_Utils.SwcUtils.getHelperAndHostSet(win, this) });
-      this.value = result;
-    } else {
-      this.value = valueAttr;
+  setReplaceWrap(replaceWrapAttr) {
+    this.refresh();
+  }
+  replaceExpressions(html, groupArgs, context, wrap) {
+    const config = wrap ? { wrapExpression: wrap } : void 0;
+    const ae = new import_core.ActionExpression(html, config);
+    const filterOptions = wrap ? { type: "replace", wrap } : "replace";
+    const win = this.ownerDocument?.defaultView || window;
+    for (const expr of ae.getExpressions(filterOptions)) {
+      try {
+        const value = import_core.FunctionUtils.executeReturn({
+          script: import_core_web.ConvertUtils.decodeHtmlEntity(expr.script, win.document),
+          context,
+          args: groupArgs
+        });
+        ae.replace(expr, String(value));
+      } catch (e) {
+        console.error(`[SWC] Failed to execute ${expr.original}:`, e);
+      }
     }
+    return ae.getUnprocessedTemplate();
   }
-  render() {
+  refresh(value = this._value) {
+    const portal = this.parentElement;
+    if (!portal)
+      return;
     const win = this.ownerDocument?.defaultView || window;
     const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
+    const groupArgs = { ...helperSet, $value: value };
     const templates = Array.from(this.content.querySelectorAll("template"));
     let selected = null;
     for (const t of templates) {
       if (t.getAttribute("is") === "swc-when") {
+        const attrVal = t.getAttribute("value") || "";
         let matches = false;
-        const value = t.getAttribute("value") || "";
-        if (value.startsWith("{{") && value.endsWith("}}")) {
-          const script = value.slice(2, -2).trim();
+        const ae = new import_core.ActionExpression(attrVal);
+        const expr = ae.getFirstExpression("replace");
+        if (expr) {
+          const decodedScript = import_core_web.ConvertUtils.decodeHtmlEntity(expr.script, win.document);
           const result = import_core.FunctionUtils.executeReturn({
-            script,
+            script: decodedScript,
             context: t,
-            args: { ...helperSet, $value: this._value }
+            args: groupArgs
           });
-          matches = result === true;
+          matches = !!result;
         } else {
-          matches = String(value) === String(this._value);
+          matches = String(attrVal) === String(value);
         }
         if (matches) {
           selected = t;
@@ -94,54 +82,51 @@ class SwcChoose extends HTMLTemplateElement {
       }
     }
     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) {
+    const skipValue = target?.getAttribute?.("skip-if-same");
+    const skipValue2 = this._previousTemplate?.getAttribute?.("skip-if-same");
+    const hasSkipIfSame = target?.hasAttribute?.("skip-if-same");
+    const isSame = this._previousTemplate === target;
+    if (hasSkipIfSame && isSame) {
       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) => {
-        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 = import_core.FunctionUtils.executeReturn({
-                script,
-                context: n,
-                args: { ...groupArgs, $value: this._value }
-              });
-              n.setAttribute(attr.name, String(result));
-            }
-          });
-        }
-      });
-      this._executeCloneCallback("on-clone-nodes", groupArgs);
-      this.parentElement?.insertBefore(clone, this.nextSibling);
+      let htmlString = target.innerHTML;
+      htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);
+      const result = this.ownerDocument?.createElement("template") || document.createElement("template");
+      result.innerHTML = htmlString;
+      const processedFragment = result.content;
+      this._nodes = Array.from(processedFragment.childNodes);
+      portal.insertBefore(processedFragment, this.nextSibling);
     }
   }
   cleanup() {
     this._nodes.forEach((n) => n.parentElement?.removeChild(n));
     this._nodes = [];
   }
-  connectedCallback() {
-    this.refresh();
-  }
   disconnectedCallback() {
     this.cleanup();
   }
 }
+__decorate([
+  (0, import_decorators.attributeHost)("value"),
+  __metadata("design:type", Object)
+], SwcChoose.prototype, "_value", void 0);
+__decorate([
+  (0, import_decorators.attributeHost)("replace-wrap"),
+  __metadata("design:type", String)
+], SwcChoose.prototype, "_replaceWrap", void 0);
 __decorate([
   (0, import_changedAttributeHost.changedAttributeHost)("value"),
   __metadata("design:type", Function),
+  __metadata("design:paramtypes", []),
+  __metadata("design:returntype", void 0)
+], SwcChoose.prototype, "setValue", null);
+__decorate([
+  (0, import_changedAttributeHost.changedAttributeHost)("replace-wrap"),
+  __metadata("design:type", Function),
   __metadata("design:paramtypes", [String]),
   __metadata("design:returntype", void 0)
-], SwcChoose.prototype, "refresh", null);
+], SwcChoose.prototype, "setReplaceWrap", null);
 //# sourceMappingURL=SwcChoose.js.map

package/dist/cjs/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  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  private 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 result = FunctionUtils.executeReturn({ script, context: this, args: SwcUtils.getHelperAndHostSet(win, this) });\n      this.value = result;\n    } else {\n      // 일반 문자열 값\n      this.value = valueAttr;\n    }\n  }\n\n  private render() {\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": "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",
+  "sourcesContent": ["import { changedAttributeHost } from '../decorators/changedAttributeHost';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { SwcChooseInterface } from '../types';\nimport { attributeHost } from '../decorators';\n\nclass SwcChoose extends HTMLTemplateElement implements SwcChooseInterface {\n  @attributeHost('value')\n  _value: any;\n\n  @attributeHost('replace-wrap')\n  _replaceWrap: string | null;\n\n  private _nodes: Node[] = [];\n  private _previousTemplate: HTMLTemplateElement | null = null;\n\n  get value(): any {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.refresh(nv);\n  }\n\n  @changedAttributeHost('value')\n  private setValue() {\n    this.refresh();\n  }\n\n  @changedAttributeHost('replace-wrap')\n  private setReplaceWrap(replaceWrapAttr?: string | null) {\n    this.refresh();\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap?: string | null): string {\n    const config = wrap ? { wrapExpression: wrap } : undefined;\n    const ae = new ActionExpression(html, config);\n    const filterOptions = wrap ? { type: 'replace' as const, wrap } : 'replace';\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions(filterOptions)) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(value = this._value) {\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 groupArgs = { ...helperSet, $value: value };\n\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        const attrVal = t.getAttribute('value') || '';\n        let matches = false;\n\n        // Use ActionExpression to parse and extract script from value attribute\n        const ae = new ActionExpression(attrVal);\n        const expr = ae.getFirstExpression('replace');\n\n        if (expr) {\n          const decodedScript = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n          const result = FunctionUtils.executeReturn({\n            script: decodedScript,\n            context: t,\n            args: groupArgs\n          });\n          matches = !!result;\n        } else {\n          matches = String(attrVal) === String(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    const skipValue = target?.getAttribute?.('skip-if-same');\n    const skipValue2 = this._previousTemplate?.getAttribute?.('skip-if-same');\n    const hasSkipIfSame = target?.hasAttribute?.('skip-if-same');\n    const isSame = this._previousTemplate === target;\n    // console.log('---rrrr---', this._previousTemplate, target, hasSkipIfSame, isSame, skipValue, skipValue2);\n    if (hasSkipIfSame && isSame) {\n      return;\n    }\n\n    this.cleanup();\n    this._previousTemplate = target;\n\n    if (target) {\n      let htmlString = target.innerHTML;\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);\n\n      const result = this.ownerDocument?.createElement('template') || document.createElement('template');\n      result.innerHTML = htmlString;\n      const processedFragment = result.content;\n\n      this._nodes = Array.from(processedFragment.childNodes);\n      portal.insertBefore(processedFragment, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/elements/SwcIf.js

@@ -1,28 +1,8 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SwcIf_exports = {};
-__export(SwcIf_exports, {
-  SwcIf: () => SwcIf
-});
-module.exports = __toCommonJS(SwcIf_exports);
 var import_changedAttributeHost = require("../decorators/changedAttributeHost");
 var import_Utils = require("../utils/Utils");
 var import_core = require("@dooboostore/core");
+var import_core_web = require("@dooboostore/core-web");
+var import_decorators = require("../decorators");
 var __decorate = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -35,105 +15,81 @@ var __metadata = function(k, v) {
 class SwcIf extends HTMLTemplateElement {
   constructor() {
     super(...arguments);
-    this._value = false;
     this._nodes = [];
   }
   get value() {
     return this._value;
   }
   set value(nv) {
-    this._value = Boolean(nv);
-    this.render();
+    this.refresh(nv);
   }
-  _resolvePortal() {
-    const portalScript = this.getAttribute("on-get-portal");
-    if (!portalScript)
-      return this.parentElement;
+  replaceExpressions(html, groupArgs, context, wrap) {
+    const config = wrap ? { wrapExpression: wrap } : void 0;
+    const ae = new import_core.ActionExpression(html, config);
+    const filterOptions = wrap ? { type: "replace", wrap } : "replace";
     const win = this.ownerDocument?.defaultView || window;
-    const res = import_core.FunctionUtils.executeReturn({
-      script: portalScript,
-      context: this,
-      args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
-    });
-    if (res instanceof HTMLElement)
-      return res;
-    if (typeof res === "string")
-      return win.document.querySelector(res);
-    return this.parentElement;
+    for (const expr of ae.getExpressions(filterOptions)) {
+      try {
+        const value = import_core.FunctionUtils.executeReturn({
+          script: import_core_web.ConvertUtils.decodeHtmlEntity(expr.script, win.document),
+          context,
+          args: groupArgs
+        });
+        ae.replace(expr, String(value));
+      } catch (e) {
+        console.error(`[SWC] Failed to execute ${expr.original}:`, e);
+      }
+    }
+    return ae.getUnprocessedTemplate();
   }
-  _executeCloneCallback(attr, args) {
-    const script = this.getAttribute(attr);
-    if (!script)
-      return;
-    import_core.FunctionUtils.execute({ script, context: this, args });
+  setValue(valueAttr) {
+    this.refresh();
   }
-  refreshValue() {
-    const script = this.getAttribute("on-get-value");
-    if (!script) {
-      this.value = false;
-      return;
-    }
-    const win = this.ownerDocument?.defaultView || window;
-    const res = import_core.FunctionUtils.executeReturn({
-      script,
-      context: this,
-      args: import_Utils.SwcUtils.getHelperAndHostSet(win, this)
-    });
-    if (res instanceof Promise) {
-      res.then((v) => this.value = v).catch(() => this.value = false);
-    } else {
-      this.value = res;
-    }
+  setReplaceWrap(replaceWrapAttr) {
+    this.refresh();
   }
-  render() {
+  refresh(value = this._value) {
     this.cleanup();
-    const portal = this._resolvePortal();
-    if (!portal)
+    const portal = this.parentElement;
+    if (!portal || !value)
       return;
     const win = this.ownerDocument?.defaultView || window;
     const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
-    let targetTpl = null;
-    if (this._value) {
-      targetTpl = this;
-    } else {
-      targetTpl = this.content.querySelector('template[is="swc-default"]');
-    }
-    if (targetTpl) {
-      const clone = targetTpl.content.cloneNode(true);
-      if (targetTpl === this) {
-        clone.querySelectorAll('template[is^="swc-"]').forEach((t) => t.remove());
-      }
-      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((node, nodeIdx) => {
-        if (node instanceof HTMLElement)
-          node.__swc_host = this;
-        this._executeCloneCallback("on-clone-node", { ...groupArgs, $node: node, $nodeIndex: nodeIdx, $isElement: node.nodeType === 1 });
-      });
-      this._executeCloneCallback("on-clone-nodes", groupArgs);
-      if (portal === this.parentElement) {
-        portal.insertBefore(clone, this.nextSibling);
-      } else {
-        portal.appendChild(clone);
-      }
-    }
+    let htmlString = this.innerHTML;
+    const groupArgs = { ...helperSet, $value: value };
+    htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);
+    const result = this.ownerDocument?.createElement("template") || document.createElement("template");
+    result.innerHTML = htmlString;
+    const processedFragment = result.content;
+    this._nodes = Array.from(processedFragment.childNodes);
+    portal.insertBefore(processedFragment, this.nextSibling);
   }
   cleanup() {
     this._nodes.forEach((n) => n.parentElement?.removeChild(n));
     this._nodes = [];
   }
-  connectedCallback() {
-    this.refreshValue();
-  }
   disconnectedCallback() {
     this.cleanup();
   }
 }
 __decorate([
-  (0, import_changedAttributeHost.changedAttributeHost)("on-get-value"),
+  (0, import_decorators.attributeHost)("value"),
+  __metadata("design:type", Object)
+], SwcIf.prototype, "_value", void 0);
+__decorate([
+  (0, import_decorators.attributeHost)("replace-wrap"),
+  __metadata("design:type", String)
+], SwcIf.prototype, "_replaceWrap", void 0);
+__decorate([
+  (0, import_changedAttributeHost.changedAttributeHost)("value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", [String]),
+  __metadata("design:returntype", void 0)
+], SwcIf.prototype, "setValue", null);
+__decorate([
+  (0, import_changedAttributeHost.changedAttributeHost)("replace-wrap"),
   __metadata("design:type", Function),
-  __metadata("design:paramtypes", []),
+  __metadata("design:paramtypes", [String]),
   __metadata("design:returntype", void 0)
-], SwcIf.prototype, "refreshValue", null);
+], SwcIf.prototype, "setReplaceWrap", null);
 //# sourceMappingURL=SwcIf.js.map

package/dist/cjs/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, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { SwcIfInterface } from '../types';\nimport { attributeHost } from '../decorators';\n\nclass SwcIf extends HTMLTemplateElement implements SwcIfInterface {\n  @attributeHost('value')\n  _value: any;\n\n  @attributeHost('replace-wrap')\n  _replaceWrap: string | null;\n\n  private _nodes: Node[] = [];\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    // this._value = nv;\n    this.refresh(nv);\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap?: string | null): string {\n    const config = wrap ? { wrapExpression: wrap } : undefined;\n    const ae = new ActionExpression(html, config);\n    const filterOptions = wrap ? { type: 'replace' as const, wrap } : 'replace';\n    const win = this.ownerDocument?.defaultView || window;\n    \n    // @ts-ignore\n    for (const expr of ae.getExpressions(filterOptions)) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  @changedAttributeHost('value')\n  private setValue(valueAttr?: string | null) {\n    this.refresh();\n  }\n\n  @changedAttributeHost('replace-wrap')\n  private setReplaceWrap(replaceWrapAttr?: string | null) {\n    this.refresh();\n  }\n\n  refresh(value = this._value) {\n    this.cleanup();\n    const portal = this.parentElement;\n    if (!portal || !value) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    let htmlString = this.innerHTML;\n    const groupArgs = { ...helperSet, $value: value };\n\n    htmlString = this.replaceExpressions(htmlString, groupArgs, this, this._replaceWrap);\n\n    const result = this.ownerDocument?.createElement('template') || document.createElement('template');\n    result.innerHTML = htmlString;\n    const processedFragment = result.content;\n\n    this._nodes = Array.from(processedFragment.childNodes);\n    portal.insertBefore(processedFragment, this.nextSibling);\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "mappings": "AAAA,kCAAqC;AACrC,mBAAyB;AACzB,kBAAgD;AAChD,sBAA6B;AAE7B,wBAA8B;;;;;;;;;;AAE9B,MAAM,cAAc,oBAAmB;EAAvC,cAAA;;AAOU,SAAA,SAAiB,CAAA;EAwE3B;EAtEE,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EAEA,IAAI,MAAM,IAAO;AAEf,SAAK,QAAQ,EAAE;EACjB;EAEQ,mBAAmB,MAAc,WAAgB,SAAc,MAAoB;AACzF,UAAM,SAAS,OAAO,EAAE,gBAAgB,KAAI,IAAK;AACjD,UAAM,KAAK,IAAI,6BAAiB,MAAM,MAAM;AAC5C,UAAM,gBAAgB,OAAO,EAAE,MAAM,WAAoB,KAAI,IAAK;AAClE,UAAM,MAAM,KAAK,eAAe,eAAe;AAG/C,eAAW,QAAQ,GAAG,eAAe,aAAa,GAAG;AACnD,UAAI;AACF,cAAM,QAAQ,0BAAc,cAAc;UACxC,QAAQ,6BAAa,iBAAiB,KAAK,QAAQ,IAAI,QAAQ;UAC/D;UACA,MAAM;SACP;AACD,WAAG,QAAQ,MAAM,OAAO,KAAK,CAAC;MAChC,SAAS,GAAG;AACV,gBAAQ,MAAM,2BAA2B,KAAK,QAAQ,KAAK,CAAC;MAC9D;IACF;AACA,WAAO,GAAG,uBAAsB;EAClC;EAGQ,SAAS,WAAyB;AACxC,SAAK,QAAO;EACd;EAGQ,eAAe,iBAA+B;AACpD,SAAK,QAAO;EACd;EAEA,QAAQ,QAAQ,KAAK,QAAM;AACzB,SAAK,QAAO;AACZ,UAAM,SAAS,KAAK;AACpB,QAAI,CAAC,UAAU,CAAC;AAAO;AAEvB,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,sBAAS,oBAAoB,KAAK,IAAI;AAExD,QAAI,aAAa,KAAK;AACtB,UAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,MAAK;AAE/C,iBAAa,KAAK,mBAAmB,YAAY,WAAW,MAAM,KAAK,YAAY;AAEnF,UAAM,SAAS,KAAK,eAAe,cAAc,UAAU,KAAK,SAAS,cAAc,UAAU;AACjG,WAAO,YAAY;AACnB,UAAM,oBAAoB,OAAO;AAEjC,SAAK,SAAS,MAAM,KAAK,kBAAkB,UAAU;AACrD,WAAO,aAAa,mBAAmB,KAAK,WAAW;EACzD;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AACxD,SAAK,SAAS,CAAA;EAChB;EAEA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA5EA,WAAA;MADC,iCAAc,OAAO;;;AAItB,WAAA;MADC,iCAAc,cAAc;;;AAqCrB,WAAA;MADP,kDAAqB,OAAO;;;;;AAMrB,WAAA;MADP,kDAAqB,cAAc;;;;;",
   "names": []
 }