@dooboostore/simple-web-component 1.0.35 → 1.0.36

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, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { SwcIfInterface } from '../types';\nimport { attributeHost, getAttributeValue } from '../decorators';\n\nclass SwcIf extends HTMLTemplateElement implements SwcIfInterface {\n  // id =\n  // @attributeHost('value')\n  _value: any;\n\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  @attributeHost('skip-if-same')\n  _skipIfSame: 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  constructor() {\n    super();\n  }\n\n  @changedAttributeHost('value')\n  private setValue(value: any, o: string, n: string) {\n    this._value = value;\n    this.refresh(this._value);\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: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\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?: any) {\n    const targetValue = value !== undefined ? value : (getAttributeValue(this, 'value') ?? this._value);\n\n    // skip-if-same 속성이 존재하고(true/빈 문자열), 이전 값과 새로운 값이 완전히 동일하면 렌더링 스킵!\n    if (this.hasAttribute('skip-if-same') && this._value === targetValue && this._nodes.length > 0) {\n      return;\n    }\n\n    this.cleanup();\n    this._value = targetValue;\n\n    const portal = this.parentElement;\n    if (!portal || !this._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: this._value, $templateHost: this };\n\n    htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\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    this._nodes.forEach((node: any) => {\n      if (node instanceof HTMLElement) (node as any).__swc_template_host = this;\n    });\n\n    portal.insertBefore(processedFragment, this.nextSibling);\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      const realNode = (n as any).__upgraded_instance || n;\n      if (realNode.parentElement) {\n        realNode.parentElement.removeChild(realNode);\n      }\n    });\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "sourcesContent": ["import { changedAttributeThis } from '../decorators/changedAttributeThis';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { SwcIfInterface } from '../types';\nimport { attributeThis, getAttributeValue } from '../decorators';\n\nclass SwcIf extends HTMLTemplateElement implements SwcIfInterface {\n  // id =\n  // @attributeThis('value')\n  _value: any;\n\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  @attributeThis('skip-if-same')\n  _skipIfSame: 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  constructor() {\n    super();\n  }\n\n  @changedAttributeThis('value')\n  private setValue(value: any, o: string, n: string) {\n    this._value = value;\n    this.refresh(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap(replaceWrapAttr?: string | null) {\n  //   this.refresh();\n  // }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\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?: any) {\n    const targetValue = value !== undefined ? value : (getAttributeValue(this, 'value') ?? this._value);\n\n    // skip-if-same 속성이 존재하고(true/빈 문자열), 이전 값과 새로운 값이 완전히 동일하면 렌더링 스킵!\n    if (this.hasAttribute('skip-if-same') && this._value === targetValue && this._nodes.length > 0) {\n      return;\n    }\n\n    this.cleanup();\n    this._value = targetValue;\n\n    const portal = this.parentElement;\n    if (!portal || !this._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: this._value, $templateHost: this };\n\n    htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\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    this._nodes.forEach((node: any) => {\n      if (node instanceof HTMLElement) (node as any).__swc_template_host = this;\n    });\n\n    portal.insertBefore(processedFragment, this.nextSibling);\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      const realNode = (n as any).__upgraded_instance || n;\n      if (realNode.parentElement) {\n        realNode.parentElement.removeChild(realNode);\n      }\n    });\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
   "mappings": ";;;;;;;;;AAAA,SAAS,4BAA4B;AACrC,SAAS,gBAAgB;AACzB,SAAS,eAAe,wBAAwB;AAChD,SAAS,oBAAoB;AAE7B,SAAS,eAAe,yBAAyB;AAEjD,MAAM,cAAc,oBAAmB;EAerC,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EAEA,IAAI,MAAM,IAAO;AAEf,SAAK,QAAQ,EAAE;EACjB;EAEA,cAAA;AACE,UAAK;AAZC,SAAA,SAAiB,CAAA;EAazB;EAGQ,SAAS,OAAY,GAAW,GAAS;AAC/C,SAAK,SAAS;AACd,SAAK,QAAQ,KAAK,MAAM;EAC1B;;;;;EAOQ,mBAAmB,MAAc,WAAgB,SAAc,MAAkC;AACvG,QAAI,SAAc;AAClB,QAAI,MAAM;AACR,eAAS;QACP,YAAY;UACV,SAAS,EAAE,OAAO,GAAG,KAAK,KAAK,IAAI,KAAK,GAAG,KAAK,GAAG,GAAE;UACrD,YAAY,EAAE,OAAO,GAAG,KAAK,KAAK,KAAK,KAAK,GAAG,KAAK,GAAG,GAAE;UACzD,MAAM,EAAE,OAAO,GAAG,KAAK,KAAK,KAAK,KAAK,GAAG,KAAK,GAAG,GAAE;;;IAGzD;AACA,UAAM,KAAK,IAAI,iBAAiB,MAAM,MAAM;AAC5C,UAAM,MAAM,KAAK,eAAe,eAAe;AAG/C,eAAW,QAAQ,GAAG,eAAe,SAAS,GAAG;AAC/C,UAAI;AACF,cAAM,QAAQ,cAAc,cAAc;UACxC,QAAQ,aAAa,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;EAEA,QAAQ,OAAW;AACjB,UAAM,cAAc,UAAU,SAAY,QAAS,kBAAkB,MAAM,OAAO,KAAK,KAAK;AAG5F,QAAI,KAAK,aAAa,cAAc,KAAK,KAAK,WAAW,eAAe,KAAK,OAAO,SAAS,GAAG;AAC9F;IACF;AAEA,SAAK,QAAO;AACZ,SAAK,SAAS;AAEd,UAAM,SAAS,KAAK;AACpB,QAAI,CAAC,UAAU,CAAC,KAAK;AAAQ;AAE7B,UAAM,MAAM,KAAK,eAAe,eAAe;AAC/C,UAAM,YAAY,SAAS,oBAAoB,KAAK,IAAI;AAExD,QAAI,aAAa,KAAK;AACtB,UAAM,YAAY,EAAE,GAAG,WAAW,QAAQ,KAAK,QAAQ,eAAe,KAAI;AAE1E,iBAAa,KAAK,mBAAmB,YAAY,WAAW,MAAM,EAAC,OAAM,KAAK,qBAAqB,OAAO,KAAK,KAAK,mBAAmB,MAAK,CAAC;AAE7I,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,SAAK,OAAO,QAAQ,CAAC,SAAa;AAChC,UAAI,gBAAgB;AAAc,aAAa,sBAAsB;IACvE,CAAC;AAED,WAAO,aAAa,mBAAmB,KAAK,WAAW;EACzD;EAEQ,UAAO;AACb,SAAK,OAAO,QAAQ,OAAI;AACtB,YAAM,WAAY,EAAU,uBAAuB;AACnD,UAAI,SAAS,eAAe;AAC1B,iBAAS,cAAc,YAAY,QAAQ;MAC7C;IACF,CAAC;AACD,SAAK,SAAS,CAAA;EAChB;EAEA,uBAAoB;AAClB,SAAK,QAAO;EACd;;AA7GA,WAAA;EADC,cAAc,oBAAoB;;;AAGnC,WAAA;EADC,cAAc,kBAAkB;;;AAIjC,WAAA;EADC,cAAc,cAAc;;;AAmBrB,WAAA;EADP,qBAAqB,OAAO;;;;;",
   "names": []
 }

package/dist/esm/elements/SwcLoop.js

@@ -7,11 +7,11 @@ var __decorate = function(decorators, target, key, desc) {
 var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { changedAttributeHost } from "../decorators/changedAttributeHost.js";
+import { changedAttributeThis } from "../decorators/changedAttributeThis.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils, ActionExpression } from "@dooboostore/core";
 import { ConvertUtils } from "@dooboostore/core-web";
-import { attributeHost, getAttributeValue } from "../decorators/index.js";
+import { attributeThis, getAttributeValue } from "../decorators/index.js";
 class SwcLoop extends HTMLTemplateElement {
   get value() {
     return this._value;
@@ -32,7 +32,7 @@ class SwcLoop extends HTMLTemplateElement {
     this._value = value;
     this.refresh(this._value);
   }
-  // @changedAttributeHost('replace-wrap')
+  // @changedAttributeThis('replace-wrap')
   // private setReplaceWrap(replaceWrapAttr?: string | null) {
   //   this.refresh();
   // }
@@ -160,15 +160,15 @@ class SwcLoop extends HTMLTemplateElement {
   }
 }
 __decorate([
-  attributeHost("replace-wrap-start"),
+  attributeThis("replace-wrap-start"),
   __metadata("design:type", String)
 ], SwcLoop.prototype, "_replaceWrapStart", void 0);
 __decorate([
-  attributeHost("replace-wrap-end"),
+  attributeThis("replace-wrap-end"),
   __metadata("design:type", String)
 ], SwcLoop.prototype, "_replaceWrapEnd", void 0);
 __decorate([
-  changedAttributeHost("value"),
+  changedAttributeThis("value"),
   __metadata("design:type", Function),
   __metadata("design:paramtypes", [Object, String, String]),
   __metadata("design:returntype", void 0)

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, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { attributeHost, getAttributeValue } from '../decorators';\n\nclass SwcLoop extends HTMLTemplateElement {\n  _value: any[] = [];\n\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  private _nodeGroups: Node[][] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n\n  set value(nv: any[]) {\n    this._value = nv;\n    this.refresh(nv);\n  }\n\n  getValue(index: number) {\n    return this._value?.[index];\n  }\n\n  constructor() {\n    super();\n    // console.log('swc SwcLoop constructor called!');\n    // console.log('swc SwcLoop', this.getAttribute('value'));\n  }\n\n  @changedAttributeHost('value')\n  private setValue(value: any, o: string, n: string) {\n    this._value = value;\n    this.refresh(this._value);\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: {start: string, end: string}): string {\n    let config: any = undefined;\n    config = {\n      expression: {\n        replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n        callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n        call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n      }\n    };\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    const expressions = ae.getExpressions('replace');\n    for (const expr of expressions) {\n      const script = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: script,\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  private createFragmentAndNodes(items: any[], helperSet: any, startIndex: number = 0): { fragment: DocumentFragment; newNodesGroup: Node[][] } {\n    const win = this.ownerDocument?.defaultView || window;\n    const fragment = win.document.createDocumentFragment();\n    const newNodesGroup: Node[][] = [];\n\n    items.forEach((item, i) => {\n      const index = startIndex + i;\n      let htmlString = this.innerHTML;\n      const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n\n      const content = temp.content;\n      const nodes = Array.from(content.childNodes);\n\n      const setTemplateHost = (element: HTMLElement) => {\n        (element as any).__swc_template_host = this;\n        Array.from(element.children).forEach((child: any) => {\n          if (child instanceof HTMLElement) {\n            setTemplateHost(child);\n          }\n        });\n      };\n\n      nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement) {\n          setTemplateHost(node as HTMLElement);\n        }\n      });\n      newNodesGroup.push(nodes);\n      fragment.appendChild(content);\n    });\n\n    return { fragment, newNodesGroup };\n  }\n\n  appendItem(...items: any[]) {\n    if (!items || items.length <= 0) return;\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const startIndex = this._value ? this._value.length : 0;\n\n    // 내부 상태(value) 업데이트 (기존 배열에 새 아이템 추가)\n    if (this._value !== items) {\n      this._value = [...(this._value || []), ...items];\n    }\n\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(items, helperSet, startIndex);\n    this._nodeGroups.push(...newNodesGroup);\n\n    console.log('뭐야 씨발');\n    // append 위치 계산: 기존에 그려진 마지막 노드 뒤에 삽입, 없으면 템플릿 바로 뒤에 삽입\n    let insertReference: Node | null = this.nextSibling;\n    if (this._nodeGroups.length > items.length) {\n      const lastExistingGroup = this._nodeGroups[this._nodeGroups.length - items.length - 1];\n      if (lastExistingGroup && lastExistingGroup.length > 0) {\n        const lastNode = lastExistingGroup[lastExistingGroup.length - 1];\n        insertReference = lastNode.nextSibling;\n      }\n    }\n\n    portal.insertBefore(fragment, insertReference);\n  }\n\n  async prependItem(...items: any[]) {\n    if (!items || items.length <= 0) return;\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    // 내부 상태(value) 업데이트 (기존 배열의 앞쪽에 새 아이템 추가)\n    if (this._value !== items) {\n      this._value = [...items, ...(this._value || [])];\n    }\n\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(items, helperSet, 0);\n\n    // 기존의 nodeGroups 배열 맨 앞에 새로운 그룹들을 추가\n    this._nodeGroups = [...newNodesGroup, ...this._nodeGroups];\n\n    // prepend 위치: 이 템플릿(SwcLoop) 노드의 바로 다음 위치 (가장 위)\n    portal.insertBefore(fragment, this.nextSibling);\n  }\n\n  refresh(value?: any) {\n    // 1. 그릴 대상 확정\n    const targetValue = value !== undefined ? value : (getAttributeValue(this, 'value') ?? this._value ?? []);\n\n    // 2. 화면 정리\n    this.cleanup();\n\n    // 3. 상태 완전 교체 (이어붙이지 않음!)\n    this._value = targetValue;\n\n    if (!this._value || this._value.length <= 0) return;\n\n    // 4. 화면 다시 그리기 (appendItem을 쓰지 않고 바로 그리기)\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    helperSet.$templateHost = this;\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(this._value, helperSet, 0);\n\n    this._nodeGroups = newNodesGroup;\n    const portal = SwcUtils.getParentContainer(this);\n    if (portal) {\n      // console.log('append????!~~~~~!?',fragment)\n      portal.insertBefore(fragment, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    console.log('누가 cleanup');\n    this._nodeGroups.forEach(nodes => nodes.forEach(n => n.parentElement?.removeChild(n)));\n    this._nodeGroups = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
+  "sourcesContent": ["import { changedAttributeThis } from '../decorators/changedAttributeThis';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { attributeThis, getAttributeValue } from '../decorators';\n\nclass SwcLoop extends HTMLTemplateElement {\n  _value: any[] = [];\n\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  private _nodeGroups: Node[][] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n\n  set value(nv: any[]) {\n    this._value = nv;\n    this.refresh(nv);\n  }\n\n  getValue(index: number) {\n    return this._value?.[index];\n  }\n\n  constructor() {\n    super();\n    // console.log('swc SwcLoop constructor called!');\n    // console.log('swc SwcLoop', this.getAttribute('value'));\n  }\n\n  @changedAttributeThis('value')\n  private setValue(value: any, o: string, n: string) {\n    this._value = value;\n    this.refresh(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap(replaceWrapAttr?: string | null) {\n  //   this.refresh();\n  // }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    config = {\n      expression: {\n        replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n        callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n        call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n      }\n    };\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    const expressions = ae.getExpressions('replace');\n    for (const expr of expressions) {\n      const script = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: script,\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  private createFragmentAndNodes(items: any[], helperSet: any, startIndex: number = 0): { fragment: DocumentFragment; newNodesGroup: Node[][] } {\n    const win = this.ownerDocument?.defaultView || window;\n    const fragment = win.document.createDocumentFragment();\n    const newNodesGroup: Node[][] = [];\n\n    items.forEach((item, i) => {\n      const index = startIndex + i;\n      let htmlString = this.innerHTML;\n      const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n\n      const content = temp.content;\n      const nodes = Array.from(content.childNodes);\n\n      const setTemplateHost = (element: HTMLElement) => {\n        (element as any).__swc_template_host = this;\n        Array.from(element.children).forEach((child: any) => {\n          if (child instanceof HTMLElement) {\n            setTemplateHost(child);\n          }\n        });\n      };\n\n      nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement) {\n          setTemplateHost(node as HTMLElement);\n        }\n      });\n      newNodesGroup.push(nodes);\n      fragment.appendChild(content);\n    });\n\n    return { fragment, newNodesGroup };\n  }\n\n  appendItem(...items: any[]) {\n    if (!items || items.length <= 0) return;\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const startIndex = this._value ? this._value.length : 0;\n\n    // 내부 상태(value) 업데이트 (기존 배열에 새 아이템 추가)\n    if (this._value !== items) {\n      this._value = [...(this._value || []), ...items];\n    }\n\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(items, helperSet, startIndex);\n    this._nodeGroups.push(...newNodesGroup);\n\n    console.log('뭐야 씨발');\n    // append 위치 계산: 기존에 그려진 마지막 노드 뒤에 삽입, 없으면 템플릿 바로 뒤에 삽입\n    let insertReference: Node | null = this.nextSibling;\n    if (this._nodeGroups.length > items.length) {\n      const lastExistingGroup = this._nodeGroups[this._nodeGroups.length - items.length - 1];\n      if (lastExistingGroup && lastExistingGroup.length > 0) {\n        const lastNode = lastExistingGroup[lastExistingGroup.length - 1];\n        insertReference = lastNode.nextSibling;\n      }\n    }\n\n    portal.insertBefore(fragment, insertReference);\n  }\n\n  async prependItem(...items: any[]) {\n    if (!items || items.length <= 0) return;\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    // 내부 상태(value) 업데이트 (기존 배열의 앞쪽에 새 아이템 추가)\n    if (this._value !== items) {\n      this._value = [...items, ...(this._value || [])];\n    }\n\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(items, helperSet, 0);\n\n    // 기존의 nodeGroups 배열 맨 앞에 새로운 그룹들을 추가\n    this._nodeGroups = [...newNodesGroup, ...this._nodeGroups];\n\n    // prepend 위치: 이 템플릿(SwcLoop) 노드의 바로 다음 위치 (가장 위)\n    portal.insertBefore(fragment, this.nextSibling);\n  }\n\n  refresh(value?: any) {\n    // 1. 그릴 대상 확정\n    const targetValue = value !== undefined ? value : (getAttributeValue(this, 'value') ?? this._value ?? []);\n\n    // 2. 화면 정리\n    this.cleanup();\n\n    // 3. 상태 완전 교체 (이어붙이지 않음!)\n    this._value = targetValue;\n\n    if (!this._value || this._value.length <= 0) return;\n\n    // 4. 화면 다시 그리기 (appendItem을 쓰지 않고 바로 그리기)\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    helperSet.$templateHost = this;\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(this._value, helperSet, 0);\n\n    this._nodeGroups = newNodesGroup;\n    const portal = SwcUtils.getParentContainer(this);\n    if (portal) {\n      // console.log('append????!~~~~~!?',fragment)\n      portal.insertBefore(fragment, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    console.log('누가 cleanup');\n    this._nodeGroups.forEach(nodes => nodes.forEach(n => n.parentElement?.removeChild(n)));\n    this._nodeGroups = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/elements/register.js

@@ -7,7 +7,7 @@ var __decorate = function(decorators, target, key, desc) {
 var __metadata = function(k, v) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { getElementConfig, elementDefine, attributeHost, changedAttributeHost, getAttributeValue } from "../decorators/index.js";
+import { getElementConfig, elementDefine, attributeThis, changedAttributeThis, getAttributeValue } from "../decorators/index.js";
 import { SwcAppMixin } from "./SwcAppMixin.js";
 import { SwcUtils } from "../utils/Utils.js";
 import { FunctionUtils, ActionExpression } from "@dooboostore/core";
@@ -125,7 +125,7 @@ const registerAllElements = (w) => {
       this._value = value;
       this.refresh(this._value);
     }
-    // @changedAttributeHost('replace-wrap')
+    // @changedAttributeThis('replace-wrap')
     // private setReplaceWrap(replaceWrapAttr?: string | null) {
     //   this.refresh();
     // }
@@ -195,19 +195,19 @@ const registerAllElements = (w) => {
     }
   };
   __decorate([
-    attributeHost("replace-wrap-start"),
+    attributeThis("replace-wrap-start"),
     __metadata("design:type", String)
   ], SwcIf.prototype, "_replaceWrapStart", void 0);
   __decorate([
-    attributeHost("replace-wrap-end"),
+    attributeThis("replace-wrap-end"),
     __metadata("design:type", String)
   ], SwcIf.prototype, "_replaceWrapEnd", void 0);
   __decorate([
-    attributeHost("skip-if-same"),
+    attributeThis("skip-if-same"),
     __metadata("design:type", String)
   ], SwcIf.prototype, "_skipIfSame", void 0);
   __decorate([
-    changedAttributeHost("value"),
+    changedAttributeThis("value"),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Object, String, String]),
     __metadata("design:returntype", void 0)
@@ -236,7 +236,7 @@ const registerAllElements = (w) => {
       this._value = value;
       this.refresh(this._value);
     }
-    // @changedAttributeHost('replace-wrap')
+    // @changedAttributeThis('replace-wrap')
     // private setReplaceWrap(replaceWrapAttr?: string | null) {
     //   this.refresh();
     // }
@@ -364,15 +364,15 @@ const registerAllElements = (w) => {
     }
   };
   __decorate([
-    attributeHost("replace-wrap-start"),
+    attributeThis("replace-wrap-start"),
     __metadata("design:type", String)
   ], SwcLoop.prototype, "_replaceWrapStart", void 0);
   __decorate([
-    attributeHost("replace-wrap-end"),
+    attributeThis("replace-wrap-end"),
     __metadata("design:type", String)
   ], SwcLoop.prototype, "_replaceWrapEnd", void 0);
   __decorate([
-    changedAttributeHost("value"),
+    changedAttributeThis("value"),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Object, String, String]),
     __metadata("design:returntype", void 0)
@@ -404,7 +404,7 @@ const registerAllElements = (w) => {
       this._value = value;
       this.refresh(this._value);
     }
-    // @changedAttributeHost('replace-wrap')
+    // @changedAttributeThis('replace-wrap')
     // private setReplaceWrap(replaceWrapAttr?: string | null) {
     //   this.refresh();
     // }
@@ -508,15 +508,15 @@ const registerAllElements = (w) => {
     }
   };
   __decorate([
-    attributeHost("replace-wrap-start"),
+    attributeThis("replace-wrap-start"),
     __metadata("design:type", String)
   ], SwcChoose.prototype, "_replaceWrapStart", void 0);
   __decorate([
-    attributeHost("replace-wrap-end"),
+    attributeThis("replace-wrap-end"),
     __metadata("design:type", String)
   ], SwcChoose.prototype, "_replaceWrapEnd", void 0);
   __decorate([
-    changedAttributeHost("value"),
+    changedAttributeThis("value"),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [Object, String, String]),
     __metadata("design:returntype", void 0)
@@ -539,7 +539,7 @@ const registerAllElements = (w) => {
     setValue(valueAttr) {
       this.executeAsync(this._value);
     }
-    // @changedAttributeHost('replace-wrap')
+    // @changedAttributeThis('replace-wrap')
     // private setReplaceWrap() {
     //   this.executeAsync(this._value);
     // }
@@ -622,19 +622,19 @@ const registerAllElements = (w) => {
     }
   };
   __decorate([
-    attributeHost("value"),
+    attributeThis("value"),
     __metadata("design:type", Object)
   ], SwcAsync.prototype, "_value", void 0);
   __decorate([
-    attributeHost("replace-wrap-start"),
+    attributeThis("replace-wrap-start"),
     __metadata("design:type", String)
   ], SwcAsync.prototype, "_replaceWrapStart", void 0);
   __decorate([
-    attributeHost("replace-wrap-end"),
+    attributeThis("replace-wrap-end"),
     __metadata("design:type", String)
   ], SwcAsync.prototype, "_replaceWrapEnd", void 0);
   __decorate([
-    changedAttributeHost("value"),
+    changedAttributeThis("value"),
     __metadata("design:type", Function),
     __metadata("design:paramtypes", [String]),
     __metadata("design:returntype", void 0)

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/register.ts"],
-  "sourcesContent": ["import { getElementConfig, elementDefine, attributeHost, changedAttributeHost, getAttributeValue } from '../decorators';\nimport { SwcAppMixin } from './SwcAppMixin';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils,ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\n\ntype Constructor<T> = new (...args: any[]) => T;\n\nexport const registerAllElements = (w: any): Record<string, Constructor<HTMLElement>> => {\n  const {\n    HTMLElement: _HTMLElement,\n    HTMLTemplateElement: _HTMLTemplateElement,\n    DocumentFragment: _DocumentFragment,\n    Node: _Node,\n    Element: _Element,\n    HTMLAnchorElement: _HTMLAnchorElement,\n    HTMLAreaElement: _HTMLAreaElement,\n    HTMLAudioElement: _HTMLAudioElement,\n    HTMLBaseElement: _HTMLBaseElement,\n    HTMLButtonElement: _HTMLButtonElement,\n    HTMLCanvasElement: _HTMLCanvasElement,\n    HTMLDataElement: _HTMLDataElement,\n    HTMLDataListElement: _HTMLDataListElement,\n    HTMLDetailsElement: _HTMLDetailsElement,\n    HTMLDialogElement: _HTMLDialogElement,\n    HTMLDivElement: _HTMLDivElement,\n    HTMLDListElement: _HTMLDListElement,\n    HTMLEmbedElement: _HTMLEmbedElement,\n    HTMLFieldSetElement: _HTMLFieldSetElement,\n    HTMLFormElement: _HTMLFormElement,\n    HTMLHRElement: _HTMLHRElement,\n    HTMLIFrameElement: _HTMLIFrameElement,\n    HTMLImageElement: _HTMLImageElement,\n    HTMLInputElement: _HTMLInputElement,\n    HTMLLabelElement: _HTMLLabelElement,\n    HTMLLegendElement: _HTMLLegendElement,\n    HTMLLIElement: _HTMLLIElement,\n    HTMLLinkElement: _HTMLLinkElement,\n    HTMLMapElement: _HTMLMapElement,\n    HTMLMetaElement: _HTMLMetaElement,\n    HTMLMeterElement: _HTMLMeterElement,\n    HTMLModElement: _HTMLModElement,\n    HTMLObjectElement: _HTMLObjectElement,\n    HTMLOListElement: _HTMLOListElement,\n    HTMLOptGroupElement: _HTMLOptGroupElement,\n    HTMLOptionElement: _HTMLOptionElement,\n    HTMLOutputElement: _HTMLOutputElement,\n    HTMLParagraphElement: _HTMLParagraphElement,\n    HTMLParamElement: _HTMLParamElement,\n    HTMLPictureElement: _HTMLPictureElement,\n    HTMLPreElement: _HTMLPreElement,\n    HTMLProgressElement: _HTMLProgressElement,\n    HTMLQuoteElement: _HTMLQuoteElement,\n    HTMLScriptElement: _HTMLScriptElement,\n    HTMLSelectElement: _HTMLSelectElement,\n    HTMLSlotElement: _HTMLSlotElement,\n    HTMLSourceElement: _HTMLSourceElement,\n    HTMLSpanElement: _HTMLSpanElement,\n    HTMLStyleElement: _HTMLStyleElement,\n    HTMLTableElement: _HTMLTableElement,\n    HTMLTableSectionElement: _HTMLTableSectionElement,\n    HTMLTableCellElement: _HTMLTableCellElement,\n    HTMLTextAreaElement: _HTMLTextAreaElement,\n    HTMLTimeElement: _HTMLTimeElement,\n    HTMLTitleElement: _HTMLTitleElement,\n    HTMLTableRowElement: _HTMLTableRowElement,\n    HTMLTrackElement: _HTMLTrackElement,\n    HTMLUListElement: _HTMLUListElement,\n    HTMLVideoElement: _HTMLVideoElement,\n    HTMLHeadingElement: _HTMLHeadingElement,\n    HTMLBodyElement: _HTMLBodyElement,\n  } = w as any;\n\n  const HTMLElement = _HTMLElement as typeof globalThis.HTMLElement;\n  const HTMLTemplateElement = _HTMLTemplateElement as typeof globalThis.HTMLTemplateElement;\n  const DocumentFragment = _DocumentFragment as typeof globalThis.DocumentFragment;\n  const Node = _Node as typeof globalThis.Node;\n  const Element = _Element as typeof globalThis.Element;\n  const HTMLAnchorElement = _HTMLAnchorElement as typeof globalThis.HTMLAnchorElement;\n  const HTMLAreaElement = _HTMLAreaElement as typeof globalThis.HTMLAreaElement;\n  const HTMLAudioElement = _HTMLAudioElement as typeof globalThis.HTMLAudioElement;\n  const HTMLBaseElement = _HTMLBaseElement as typeof globalThis.HTMLBaseElement;\n  const HTMLButtonElement = _HTMLButtonElement as typeof globalThis.HTMLButtonElement;\n  const HTMLCanvasElement = _HTMLCanvasElement as typeof globalThis.HTMLCanvasElement;\n  const HTMLDataElement = _HTMLDataElement as typeof globalThis.HTMLDataElement;\n  const HTMLDataListElement = _HTMLDataListElement as typeof globalThis.HTMLDataListElement;\n  const HTMLDetailsElement = _HTMLDetailsElement as typeof globalThis.HTMLDetailsElement;\n  const HTMLDialogElement = _HTMLDialogElement as typeof globalThis.HTMLDialogElement;\n  const HTMLDivElement = _HTMLDivElement as typeof globalThis.HTMLDivElement;\n  const HTMLDListElement = _HTMLDListElement as typeof globalThis.HTMLDListElement;\n  const HTMLEmbedElement = _HTMLEmbedElement as typeof globalThis.HTMLEmbedElement;\n  const HTMLFieldSetElement = _HTMLFieldSetElement as typeof globalThis.HTMLFieldSetElement;\n  const HTMLFormElement = _HTMLFormElement as typeof globalThis.HTMLFormElement;\n  const HTMLHRElement = _HTMLHRElement as typeof globalThis.HTMLHRElement;\n  const HTMLIFrameElement = _HTMLIFrameElement as typeof globalThis.HTMLIFrameElement;\n  const HTMLImageElement = _HTMLImageElement as typeof globalThis.HTMLImageElement;\n  const HTMLInputElement = _HTMLInputElement as typeof globalThis.HTMLInputElement;\n  const HTMLLabelElement = _HTMLLabelElement as typeof globalThis.HTMLLabelElement;\n  const HTMLLegendElement = _HTMLLegendElement as typeof globalThis.HTMLLegendElement;\n  const HTMLLIElement = _HTMLLIElement as typeof globalThis.HTMLLIElement;\n  const HTMLLinkElement = _HTMLLinkElement as typeof globalThis.HTMLLinkElement;\n  const HTMLMapElement = _HTMLMapElement as typeof globalThis.HTMLMapElement;\n  const HTMLMetaElement = _HTMLMetaElement as typeof globalThis.HTMLMetaElement;\n  const HTMLMeterElement = _HTMLMeterElement as typeof globalThis.HTMLMeterElement;\n  const HTMLModElement = _HTMLModElement as typeof globalThis.HTMLModElement;\n  const HTMLObjectElement = _HTMLObjectElement as typeof globalThis.HTMLObjectElement;\n  const HTMLOListElement = _HTMLOListElement as typeof globalThis.HTMLOListElement;\n  const HTMLOptGroupElement = _HTMLOptGroupElement as typeof globalThis.HTMLOptGroupElement;\n  const HTMLOptionElement = _HTMLOptionElement as typeof globalThis.HTMLOptionElement;\n  const HTMLOutputElement = _HTMLOutputElement as typeof globalThis.HTMLOutputElement;\n  const HTMLParagraphElement = _HTMLParagraphElement as typeof globalThis.HTMLParagraphElement;\n  const HTMLParamElement = _HTMLParamElement as typeof globalThis.HTMLParamElement;\n  const HTMLPictureElement = _HTMLPictureElement as typeof globalThis.HTMLPictureElement;\n  const HTMLPreElement = _HTMLPreElement as typeof globalThis.HTMLPreElement;\n  const HTMLProgressElement = _HTMLProgressElement as typeof globalThis.HTMLProgressElement;\n  const HTMLQuoteElement = _HTMLQuoteElement as typeof globalThis.HTMLQuoteElement;\n  const HTMLScriptElement = _HTMLScriptElement as typeof globalThis.HTMLScriptElement;\n  const HTMLSelectElement = _HTMLSelectElement as typeof globalThis.HTMLSelectElement;\n  const HTMLSlotElement = _HTMLSlotElement as typeof globalThis.HTMLSlotElement;\n  const HTMLSourceElement = _HTMLSourceElement as typeof globalThis.HTMLSourceElement;\n  const HTMLSpanElement = _HTMLSpanElement as typeof globalThis.HTMLSpanElement;\n  const HTMLStyleElement = _HTMLStyleElement as typeof globalThis.HTMLStyleElement;\n  const HTMLTableElement = _HTMLTableElement as typeof globalThis.HTMLTableElement;\n  const HTMLTableSectionElement = _HTMLTableSectionElement as typeof globalThis.HTMLTableSectionElement;\n  const HTMLTableCellElement = _HTMLTableCellElement as typeof globalThis.HTMLTableCellElement;\n  const HTMLTextAreaElement = _HTMLTextAreaElement as typeof globalThis.HTMLTextAreaElement;\n  const HTMLTimeElement = _HTMLTimeElement as typeof globalThis.HTMLTimeElement;\n  const HTMLTitleElement = _HTMLTitleElement as typeof globalThis.HTMLTitleElement;\n  const HTMLTableRowElement = _HTMLTableRowElement as typeof globalThis.HTMLTableRowElement;\n  const HTMLTrackElement = _HTMLTrackElement as typeof globalThis.HTMLTrackElement;\n  const HTMLUListElement = _HTMLUListElement as typeof globalThis.HTMLUListElement;\n  const HTMLVideoElement = _HTMLVideoElement as typeof globalThis.HTMLVideoElement;\n  const HTMLHeadingElement = _HTMLHeadingElement as typeof globalThis.HTMLHeadingElement;\n  const HTMLBodyElement = _HTMLBodyElement as typeof globalThis.HTMLBodyElement;\n\n\n  // --- Sub Templates ---\n  @elementDefine('swc-loading', { extends: 'template', window: w }) class SwcLoading extends HTMLTemplateElement {}\n  @elementDefine('swc-error', { extends: 'template', window: w }) class SwcError extends HTMLTemplateElement {}\n  @elementDefine('swc-success', { extends: 'template', window: w }) class SwcSuccess extends HTMLTemplateElement {}\n  @elementDefine('swc-when', { extends: 'template', window: w }) class SwcWhen extends HTMLTemplateElement {}\n  @elementDefine('swc-otherwise', { extends: 'template', window: w }) class SwcOtherwise extends HTMLTemplateElement {}\n  @elementDefine('swc-default', { extends: 'template', window: w }) class SwcDefault extends HTMLTemplateElement {}\n\n  // --- Core Elements ---\n  @elementDefine('swc-app', { window: w })\n  class SwcApp extends SwcAppMixin(HTMLElement) {}\n\n    @elementDefine('swc-if', { extends: 'template', window: w })\n  class SwcIf extends HTMLTemplateElement {\n  // id =\n  // @attributeHost('value')\n  _value: any;\n\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  @attributeHost('skip-if-same')\n  _skipIfSame: 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  constructor() {\n    super();\n  }\n\n  @changedAttributeHost('value')\n  private setValue(value: any, o: string, n: string) {\n    this._value = value;\n    this.refresh(this._value);\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: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\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?: any) {\n    const targetValue = value !== undefined ? value : (getAttributeValue(this, 'value') ?? this._value);\n\n    // skip-if-same 속성이 존재하고(true/빈 문자열), 이전 값과 새로운 값이 완전히 동일하면 렌더링 스킵!\n    if (this.hasAttribute('skip-if-same') && this._value === targetValue && this._nodes.length > 0) {\n      return;\n    }\n\n    this.cleanup();\n    this._value = targetValue;\n\n    const portal = this.parentElement;\n    if (!portal || !this._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: this._value, $templateHost: this };\n\n    htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\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    this._nodes.forEach((node: any) => {\n      if (node instanceof HTMLElement) (node as any).__swc_template_host = this;\n    });\n\n    portal.insertBefore(processedFragment, this.nextSibling);\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      const realNode = (n as any).__upgraded_instance || n;\n      if (realNode.parentElement) {\n        realNode.parentElement.removeChild(realNode);\n      }\n    });\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n  }\n\n    @elementDefine('swc-loop', { extends: 'template', window: w })\n  class SwcLoop extends HTMLTemplateElement {\n  _value: any[] = [];\n\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  private _nodeGroups: Node[][] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n\n  set value(nv: any[]) {\n    this._value = nv;\n    this.refresh(nv);\n  }\n\n  getValue(index: number) {\n    return this._value?.[index];\n  }\n\n  constructor() {\n    super();\n    // console.log('swc SwcLoop constructor called!');\n    // console.log('swc SwcLoop', this.getAttribute('value'));\n  }\n\n  @changedAttributeHost('value')\n  private setValue(value: any, o: string, n: string) {\n    this._value = value;\n    this.refresh(this._value);\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: {start: string, end: string}): string {\n    let config: any = undefined;\n    config = {\n      expression: {\n        replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n        callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n        call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n      }\n    };\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    const expressions = ae.getExpressions('replace');\n    for (const expr of expressions) {\n      const script = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: script,\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  private createFragmentAndNodes(items: any[], helperSet: any, startIndex: number = 0): { fragment: DocumentFragment; newNodesGroup: Node[][] } {\n    const win = this.ownerDocument?.defaultView || window;\n    const fragment = win.document.createDocumentFragment();\n    const newNodesGroup: Node[][] = [];\n\n    items.forEach((item, i) => {\n      const index = startIndex + i;\n      let htmlString = this.innerHTML;\n      const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n\n      const content = temp.content;\n      const nodes = Array.from(content.childNodes);\n\n      const setTemplateHost = (element: HTMLElement) => {\n        (element as any).__swc_template_host = this;\n        Array.from(element.children).forEach((child: any) => {\n          if (child instanceof HTMLElement) {\n            setTemplateHost(child);\n          }\n        });\n      };\n\n      nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement) {\n          setTemplateHost(node as HTMLElement);\n        }\n      });\n      newNodesGroup.push(nodes);\n      fragment.appendChild(content);\n    });\n\n    return { fragment, newNodesGroup };\n  }\n\n  appendItem(...items: any[]) {\n    if (!items || items.length <= 0) return;\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const startIndex = this._value ? this._value.length : 0;\n\n    // 내부 상태(value) 업데이트 (기존 배열에 새 아이템 추가)\n    if (this._value !== items) {\n      this._value = [...(this._value || []), ...items];\n    }\n\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(items, helperSet, startIndex);\n    this._nodeGroups.push(...newNodesGroup);\n\n    console.log('뭐야 씨발');\n    // append 위치 계산: 기존에 그려진 마지막 노드 뒤에 삽입, 없으면 템플릿 바로 뒤에 삽입\n    let insertReference: Node | null = this.nextSibling;\n    if (this._nodeGroups.length > items.length) {\n      const lastExistingGroup = this._nodeGroups[this._nodeGroups.length - items.length - 1];\n      if (lastExistingGroup && lastExistingGroup.length > 0) {\n        const lastNode = lastExistingGroup[lastExistingGroup.length - 1];\n        insertReference = lastNode.nextSibling;\n      }\n    }\n\n    portal.insertBefore(fragment, insertReference);\n  }\n\n  async prependItem(...items: any[]) {\n    if (!items || items.length <= 0) return;\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    // 내부 상태(value) 업데이트 (기존 배열의 앞쪽에 새 아이템 추가)\n    if (this._value !== items) {\n      this._value = [...items, ...(this._value || [])];\n    }\n\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(items, helperSet, 0);\n\n    // 기존의 nodeGroups 배열 맨 앞에 새로운 그룹들을 추가\n    this._nodeGroups = [...newNodesGroup, ...this._nodeGroups];\n\n    // prepend 위치: 이 템플릿(SwcLoop) 노드의 바로 다음 위치 (가장 위)\n    portal.insertBefore(fragment, this.nextSibling);\n  }\n\n  refresh(value?: any) {\n    // 1. 그릴 대상 확정\n    const targetValue = value !== undefined ? value : (getAttributeValue(this, 'value') ?? this._value ?? []);\n\n    // 2. 화면 정리\n    this.cleanup();\n\n    // 3. 상태 완전 교체 (이어붙이지 않음!)\n    this._value = targetValue;\n\n    if (!this._value || this._value.length <= 0) return;\n\n    // 4. 화면 다시 그리기 (appendItem을 쓰지 않고 바로 그리기)\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    helperSet.$templateHost = this;\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(this._value, helperSet, 0);\n\n    this._nodeGroups = newNodesGroup;\n    const portal = SwcUtils.getParentContainer(this);\n    if (portal) {\n      // console.log('append????!~~~~~!?',fragment)\n      portal.insertBefore(fragment, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    console.log('누가 cleanup');\n    this._nodeGroups.forEach(nodes => nodes.forEach(n => n.parentElement?.removeChild(n)));\n    this._nodeGroups = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n  }\n\n    @elementDefine('swc-choose', { extends: 'template', window: w })\n  class SwcChoose extends HTMLTemplateElement {\n  _value: any;\n\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: 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._value = nv;\n    this.refresh(this._value);\n  }\n\n  constructor() {\n    super();\n    // console.log('swc chooooooooooooooooooooooooose constructor called!');\n    // console.log('swc cccccccss', this.getAttribute('value'));\n  }\n\n  // static get observedAttributes() {\n  //   return ['value'];\n  // }\n\n  attributeChangedCallback(na, o, n) {\n    // console.log('-----------------choooooooose attr origin', na, o, n);\n  }\n\n  @changedAttributeHost('value')\n  private setValue(value: any, o: string, n: string) {\n    console.log('chooooooose value', value)\n    this._value = value;\n    this.refresh(this._value);\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: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\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?: any) {\n    value = getAttributeValue(this, 'value') ?? this._value;\n    console.log('[DEBUG] SwcChoose.refresh called, value:', value);\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) {\n      console.log('[DEBUG] SwcChoose portal is null!');\n      return;\n    }\n\n    const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const groupArgs = { ...helperSet, $value: value, $templateHost: this };\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('test') || '';\n        let matches = false;\n\n\n\n        const result = FunctionUtils.executeReturn({\n          script: attrVal,\n          context: t,\n          args: groupArgs\n        });\n        matches = !!result;\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, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const result = this.ownerDocument?.createElement('template') || document.createElement('template');\n      result.innerHTML = htmlString;\n      const processedFragment = result.content;\n\n      // console.log('[DEBUG] SwcChoose processedFragment children:', processedFragment._childNodesInternal?.length);\n      this._nodes = Array.from(processedFragment.childNodes);\n      \n      const setTemplateHost = (element: HTMLElement) => {\n        (element as any).__swc_template_host = this;\n        Array.from(element.children).forEach((child: any) => {\n          if (child instanceof HTMLElement) {\n            setTemplateHost(child);\n          }\n        });\n      };\n      \n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement) {\n          setTemplateHost(node as HTMLElement);\n        }\n      });\n\n      console.log(`[DEBUG] SwcChoose before insertBefore, portal: ${portal?.tagName}, isConnected: ${(portal as any)?.isConnected}`);\n      portal.insertBefore(processedFragment, this.nextSibling);\n      console.log('[DEBUG] SwcChoose after insertBefore');\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\n    @elementDefine('swc-async', { extends: 'template', window: w })\n  class SwcAsync extends HTMLTemplateElement {\n  @attributeHost('value')\n  _value: any;\n  @attributeHost('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeHost('replace-wrap-end')\n  _replaceWrapEnd: string | null;  resultValue?: any;\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.executeAsync(nv);\n  }\n\n  private _nodes: Node[] = [];\n\n  @changedAttributeHost('value')\n  private setValue(valueAttr?: string | null) {\n    this.executeAsync(this._value);\n  }\n\n  // @changedAttributeHost('replace-wrap')\n  // private setReplaceWrap() {\n  //   this.executeAsync(this._value);\n  // }\n\n  private executeAsync(result: any = this._value) {\n    if (result === undefined || result === null) {\n      this.refresh('default');\n      return;\n    }\n\n    if (result instanceof Promise) {\n      this.refresh('loading');\n      result\n        .then(v => {\n          this.resultValue = v;\n          this.refresh('success');\n        })\n        .catch(e => {\n          console.error('[SWC-ASYNC] Promise rejected:', e);\n          this.resultValue = e;\n          this.refresh('error');\n        });\n    } else {\n      this.resultValue = result;\n      this.refresh('success');\n    }\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\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(state: string = 'default') {\n    // console.log('rrrrrrrrrrrrrrrrr', state);\n    this.cleanup();\n    const portal = SwcUtils.getParentContainer(this);\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      let htmlString = t.innerHTML;\n      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n      const content = temp.content;\n\n      this._nodes = Array.from(content.childNodes);\n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement)  (node as any).__template_swc_host = this;\n      });\n\n      portal.insertBefore(content, 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\n  // --- \"is\" Elements ---\n  @elementDefine('swc-app-a', { extends: 'a', window: w })\n  class SwcAppAnchor extends SwcAppMixin(HTMLAnchorElement) {}\n\n  @elementDefine('swc-app-area', { extends: 'area', window: w })\n  class SwcAppArea extends SwcAppMixin(HTMLAreaElement) {}\n\n  @elementDefine('swc-app-audio', { extends: 'audio', window: w })\n  class SwcAppAudio extends SwcAppMixin(HTMLAudioElement) {}\n\n  @elementDefine('swc-app-base', { extends: 'base', window: w })\n  class SwcAppBase extends SwcAppMixin(HTMLBaseElement) {}\n\n  @elementDefine('swc-app-button', { extends: 'button', window: w })\n  class SwcAppButton extends SwcAppMixin(HTMLButtonElement) {}\n\n  @elementDefine('swc-app-canvas', { extends: 'canvas', window: w })\n  class SwcAppCanvas extends SwcAppMixin(HTMLCanvasElement) {}\n\n  @elementDefine('swc-app-data', { extends: 'data', window: w })\n  class SwcAppData extends SwcAppMixin(HTMLDataElement) {}\n\n  @elementDefine('swc-app-datalist', { extends: 'datalist', window: w })\n  class SwcAppDataList extends SwcAppMixin(HTMLDataListElement) {}\n\n  @elementDefine('swc-app-details', { extends: 'details', window: w })\n  class SwcAppDetails extends SwcAppMixin(HTMLDetailsElement) {}\n\n  @elementDefine('swc-app-dialog', { extends: 'dialog', window: w })\n  class SwcAppDialog extends SwcAppMixin(HTMLDialogElement) {}\n\n  @elementDefine('swc-app-div', { extends: 'div', window: w })\n  class SwcAppDiv extends SwcAppMixin(HTMLDivElement) {}\n\n  @elementDefine('swc-app-dl', { extends: 'dl', window: w })\n  class SwcAppDList extends SwcAppMixin(HTMLDListElement) {}\n\n  @elementDefine('swc-app-embed', { extends: 'embed', window: w })\n  class SwcAppEmbed extends SwcAppMixin(HTMLEmbedElement) {}\n\n  @elementDefine('swc-app-fieldset', { extends: 'fieldset', window: w })\n  class SwcAppFieldSet extends SwcAppMixin(HTMLFieldSetElement) {}\n\n  @elementDefine('swc-app-form', { extends: 'form', window: w })\n  class SwcAppForm extends SwcAppMixin(HTMLFormElement) {}\n\n  @elementDefine('swc-app-hr', { extends: 'hr', window: w })\n  class SwcAppHR extends SwcAppMixin(HTMLHRElement) {}\n\n  @elementDefine('swc-app-iframe', { extends: 'iframe', window: w })\n  class SwcAppIFrame extends SwcAppMixin(HTMLIFrameElement) {}\n\n  @elementDefine('swc-app-img', { extends: 'img', window: w })\n  class SwcAppImage extends SwcAppMixin(HTMLImageElement) {}\n\n  @elementDefine('swc-app-input', { extends: 'input', window: w })\n  class SwcAppInput extends SwcAppMixin(HTMLInputElement) {}\n\n  @elementDefine('swc-app-label', { extends: 'label', window: w })\n  class SwcAppLabel extends SwcAppMixin(HTMLLabelElement) {}\n\n  @elementDefine('swc-app-legend', { extends: 'legend', window: w })\n  class SwcAppLegend extends SwcAppMixin(HTMLLegendElement) {}\n\n  @elementDefine('swc-app-li', { extends: 'li', window: w })\n  class SwcAppLI extends SwcAppMixin(HTMLLIElement) {}\n\n  @elementDefine('swc-app-link', { extends: 'link', window: w })\n  class SwcAppLink extends SwcAppMixin(HTMLLinkElement) {}\n\n  @elementDefine('swc-app-map', { extends: 'map', window: w })\n  class SwcAppMap extends SwcAppMixin(HTMLMapElement) {}\n\n  @elementDefine('swc-app-meta', { extends: 'meta', window: w })\n  class SwcAppMeta extends SwcAppMixin(HTMLMetaElement) {}\n\n  @elementDefine('swc-app-meter', { extends: 'meter', window: w })\n  class SwcAppMeter extends SwcAppMixin(HTMLMeterElement) {}\n\n  @elementDefine('swc-app-del', { extends: 'del', window: w })\n  class SwcAppMod extends SwcAppMixin(HTMLModElement) {}\n\n  @elementDefine('swc-app-object', { extends: 'object', window: w })\n  class SwcAppObject extends SwcAppMixin(HTMLObjectElement) {}\n\n  @elementDefine('swc-app-ol', { extends: 'ol', window: w })\n  class SwcAppOList extends SwcAppMixin(HTMLOListElement) {}\n\n  @elementDefine('swc-app-optgroup', { extends: 'optgroup', window: w })\n  class SwcAppOptGroup extends SwcAppMixin(HTMLOptGroupElement) {}\n\n  @elementDefine('swc-app-option', { extends: 'option', window: w })\n  class SwcAppOption extends SwcAppMixin(HTMLOptionElement) {}\n\n  @elementDefine('swc-app-output', { extends: 'output', window: w })\n  class SwcAppOutput extends SwcAppMixin(HTMLOutputElement) {}\n\n  @elementDefine('swc-app-p', { extends: 'p', window: w })\n  class SwcAppParagraph extends SwcAppMixin(HTMLParagraphElement) {}\n\n  @elementDefine('swc-app-param', { extends: 'param', window: w })\n  class SwcAppParam extends SwcAppMixin(HTMLParamElement) {}\n\n  @elementDefine('swc-app-picture', { extends: 'picture', window: w })\n  class SwcAppPicture extends SwcAppMixin(HTMLPictureElement) {}\n\n  @elementDefine('swc-app-pre', { extends: 'pre', window: w })\n  class SwcAppPre extends SwcAppMixin(HTMLPreElement) {}\n\n  @elementDefine('swc-app-progress', { extends: 'progress', window: w })\n  class SwcAppProgress extends SwcAppMixin(HTMLProgressElement) {}\n\n  @elementDefine('swc-app-blockquote', { extends: 'blockquote', window: w })\n  class SwcAppQuote extends SwcAppMixin(HTMLQuoteElement) {}\n\n  @elementDefine('swc-app-script', { extends: 'script', window: w })\n  class SwcAppScript extends SwcAppMixin(HTMLScriptElement) {}\n\n  @elementDefine('swc-app-select', { extends: 'select', window: w })\n  class SwcAppSelect extends SwcAppMixin(HTMLSelectElement) {}\n\n  @elementDefine('swc-app-slot', { extends: 'slot', window: w })\n  class SwcAppSlot extends SwcAppMixin(HTMLSlotElement) {}\n\n  @elementDefine('swc-app-source', { extends: 'source', window: w })\n  class SwcAppSource extends SwcAppMixin(HTMLSourceElement) {}\n\n  @elementDefine('swc-app-span', { extends: 'span', window: w })\n  class SwcAppSpan extends SwcAppMixin(HTMLSpanElement) {}\n\n  @elementDefine('swc-app-style', { extends: 'style', window: w })\n  class SwcAppStyle extends SwcAppMixin(HTMLStyleElement) {}\n\n  @elementDefine('swc-app-table', { extends: 'table', window: w })\n  class SwcAppTable extends SwcAppMixin(HTMLTableElement) {}\n\n  @elementDefine('swc-app-tbody', { extends: 'tbody', window: w })\n  class SwcAppTableSection extends SwcAppMixin(HTMLTableSectionElement) {}\n\n  @elementDefine('swc-app-td', { extends: 'td', window: w })\n  class SwcAppTableCell extends SwcAppMixin(HTMLTableCellElement) {}\n\n  @elementDefine('swc-app-template', { extends: 'template', window: w })\n  class SwcAppTemplate extends SwcAppMixin(HTMLTemplateElement) {}\n\n  @elementDefine('swc-app-textarea', { extends: 'textarea', window: w })\n  class SwcAppTextArea extends SwcAppMixin(HTMLTextAreaElement) {}\n\n  @elementDefine('swc-app-time', { extends: 'time', window: w })\n  class SwcAppTime extends SwcAppMixin(HTMLTimeElement) {}\n\n  @elementDefine('swc-app-title', { extends: 'title', window: w })\n  class SwcAppTitle extends SwcAppMixin(HTMLTitleElement) {}\n\n  @elementDefine('swc-app-tr', { extends: 'tr', window: w })\n  class SwcAppTableRow extends SwcAppMixin(HTMLTableRowElement) {}\n\n  @elementDefine('swc-app-track', { extends: 'track', window: w })\n  class SwcAppTrack extends SwcAppMixin(HTMLTrackElement) {}\n\n  @elementDefine('swc-app-ul', { extends: 'ul', window: w })\n  class SwcAppUList extends SwcAppMixin(HTMLUListElement) {}\n\n  @elementDefine('swc-app-video', { extends: 'video', window: w })\n  class SwcAppVideo extends SwcAppMixin(HTMLVideoElement) {}\n\n  @elementDefine('swc-app-h1', { extends: 'h1', window: w })\n  class SwcAppHeading extends SwcAppMixin(HTMLHeadingElement) {}\n\n  @elementDefine('swc-app-body', { extends: 'body', window: w })\n  class SwcAppBody extends SwcAppMixin(HTMLBodyElement) {}\n\n\n  return {\n    // Sub Templates\n    SwcLoading,\n    SwcError,\n    SwcSuccess,\n    SwcWhen,\n    SwcOtherwise,\n    SwcDefault,\n    // Core Elements\n    SwcApp,\n    SwcIf,\n    SwcLoop,\n    SwcChoose,\n    SwcAsync,\n    // App Elements\n    SwcAppAnchor,\n    SwcAppArea,\n    SwcAppAudio,\n    SwcAppBase,\n    SwcAppButton,\n    SwcAppCanvas,\n    SwcAppData,\n    SwcAppDataList,\n    SwcAppDetails,\n    SwcAppDialog,\n    SwcAppDiv,\n    SwcAppDList,\n    SwcAppEmbed,\n    SwcAppFieldSet,\n    SwcAppForm,\n    SwcAppHR,\n    SwcAppIFrame,\n    SwcAppImage,\n    SwcAppInput,\n    SwcAppLabel,\n    SwcAppLegend,\n    SwcAppLI,\n    SwcAppLink,\n    SwcAppMap,\n    SwcAppMeta,\n    SwcAppMeter,\n    SwcAppMod,\n    SwcAppObject,\n    SwcAppOList,\n    SwcAppOptGroup,\n    SwcAppOption,\n    SwcAppOutput,\n    SwcAppParagraph,\n    SwcAppParam,\n    SwcAppPicture,\n    SwcAppPre,\n    SwcAppProgress,\n    SwcAppQuote,\n    SwcAppScript,\n    SwcAppSelect,\n    SwcAppSlot,\n    SwcAppSource,\n    SwcAppSpan,\n    SwcAppStyle,\n    SwcAppTable,\n    SwcAppTableSection,\n    SwcAppTableCell,\n    SwcAppTemplate,\n    SwcAppTextArea,\n    SwcAppTime,\n    SwcAppTitle,\n    SwcAppTableRow,\n    SwcAppTrack,\n    SwcAppUList,\n    SwcAppVideo,\n    SwcAppHeading,\n    SwcAppBody,\n  };\n};\n"],
+  "sourcesContent": ["import { getElementConfig, elementDefine, attributeThis, changedAttributeThis, getAttributeValue } from '../decorators';\nimport { SwcAppMixin } from './SwcAppMixin';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils,ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\n\ntype Constructor<T> = new (...args: any[]) => T;\n\nexport const registerAllElements = (w: any): Record<string, Constructor<HTMLElement>> => {\n  const {\n    HTMLElement: _HTMLElement,\n    HTMLTemplateElement: _HTMLTemplateElement,\n    DocumentFragment: _DocumentFragment,\n    Node: _Node,\n    Element: _Element,\n    HTMLAnchorElement: _HTMLAnchorElement,\n    HTMLAreaElement: _HTMLAreaElement,\n    HTMLAudioElement: _HTMLAudioElement,\n    HTMLBaseElement: _HTMLBaseElement,\n    HTMLButtonElement: _HTMLButtonElement,\n    HTMLCanvasElement: _HTMLCanvasElement,\n    HTMLDataElement: _HTMLDataElement,\n    HTMLDataListElement: _HTMLDataListElement,\n    HTMLDetailsElement: _HTMLDetailsElement,\n    HTMLDialogElement: _HTMLDialogElement,\n    HTMLDivElement: _HTMLDivElement,\n    HTMLDListElement: _HTMLDListElement,\n    HTMLEmbedElement: _HTMLEmbedElement,\n    HTMLFieldSetElement: _HTMLFieldSetElement,\n    HTMLFormElement: _HTMLFormElement,\n    HTMLHRElement: _HTMLHRElement,\n    HTMLIFrameElement: _HTMLIFrameElement,\n    HTMLImageElement: _HTMLImageElement,\n    HTMLInputElement: _HTMLInputElement,\n    HTMLLabelElement: _HTMLLabelElement,\n    HTMLLegendElement: _HTMLLegendElement,\n    HTMLLIElement: _HTMLLIElement,\n    HTMLLinkElement: _HTMLLinkElement,\n    HTMLMapElement: _HTMLMapElement,\n    HTMLMetaElement: _HTMLMetaElement,\n    HTMLMeterElement: _HTMLMeterElement,\n    HTMLModElement: _HTMLModElement,\n    HTMLObjectElement: _HTMLObjectElement,\n    HTMLOListElement: _HTMLOListElement,\n    HTMLOptGroupElement: _HTMLOptGroupElement,\n    HTMLOptionElement: _HTMLOptionElement,\n    HTMLOutputElement: _HTMLOutputElement,\n    HTMLParagraphElement: _HTMLParagraphElement,\n    HTMLParamElement: _HTMLParamElement,\n    HTMLPictureElement: _HTMLPictureElement,\n    HTMLPreElement: _HTMLPreElement,\n    HTMLProgressElement: _HTMLProgressElement,\n    HTMLQuoteElement: _HTMLQuoteElement,\n    HTMLScriptElement: _HTMLScriptElement,\n    HTMLSelectElement: _HTMLSelectElement,\n    HTMLSlotElement: _HTMLSlotElement,\n    HTMLSourceElement: _HTMLSourceElement,\n    HTMLSpanElement: _HTMLSpanElement,\n    HTMLStyleElement: _HTMLStyleElement,\n    HTMLTableElement: _HTMLTableElement,\n    HTMLTableSectionElement: _HTMLTableSectionElement,\n    HTMLTableCellElement: _HTMLTableCellElement,\n    HTMLTextAreaElement: _HTMLTextAreaElement,\n    HTMLTimeElement: _HTMLTimeElement,\n    HTMLTitleElement: _HTMLTitleElement,\n    HTMLTableRowElement: _HTMLTableRowElement,\n    HTMLTrackElement: _HTMLTrackElement,\n    HTMLUListElement: _HTMLUListElement,\n    HTMLVideoElement: _HTMLVideoElement,\n    HTMLHeadingElement: _HTMLHeadingElement,\n    HTMLBodyElement: _HTMLBodyElement,\n  } = w as any;\n\n  const HTMLElement = _HTMLElement as typeof globalThis.HTMLElement;\n  const HTMLTemplateElement = _HTMLTemplateElement as typeof globalThis.HTMLTemplateElement;\n  const DocumentFragment = _DocumentFragment as typeof globalThis.DocumentFragment;\n  const Node = _Node as typeof globalThis.Node;\n  const Element = _Element as typeof globalThis.Element;\n  const HTMLAnchorElement = _HTMLAnchorElement as typeof globalThis.HTMLAnchorElement;\n  const HTMLAreaElement = _HTMLAreaElement as typeof globalThis.HTMLAreaElement;\n  const HTMLAudioElement = _HTMLAudioElement as typeof globalThis.HTMLAudioElement;\n  const HTMLBaseElement = _HTMLBaseElement as typeof globalThis.HTMLBaseElement;\n  const HTMLButtonElement = _HTMLButtonElement as typeof globalThis.HTMLButtonElement;\n  const HTMLCanvasElement = _HTMLCanvasElement as typeof globalThis.HTMLCanvasElement;\n  const HTMLDataElement = _HTMLDataElement as typeof globalThis.HTMLDataElement;\n  const HTMLDataListElement = _HTMLDataListElement as typeof globalThis.HTMLDataListElement;\n  const HTMLDetailsElement = _HTMLDetailsElement as typeof globalThis.HTMLDetailsElement;\n  const HTMLDialogElement = _HTMLDialogElement as typeof globalThis.HTMLDialogElement;\n  const HTMLDivElement = _HTMLDivElement as typeof globalThis.HTMLDivElement;\n  const HTMLDListElement = _HTMLDListElement as typeof globalThis.HTMLDListElement;\n  const HTMLEmbedElement = _HTMLEmbedElement as typeof globalThis.HTMLEmbedElement;\n  const HTMLFieldSetElement = _HTMLFieldSetElement as typeof globalThis.HTMLFieldSetElement;\n  const HTMLFormElement = _HTMLFormElement as typeof globalThis.HTMLFormElement;\n  const HTMLHRElement = _HTMLHRElement as typeof globalThis.HTMLHRElement;\n  const HTMLIFrameElement = _HTMLIFrameElement as typeof globalThis.HTMLIFrameElement;\n  const HTMLImageElement = _HTMLImageElement as typeof globalThis.HTMLImageElement;\n  const HTMLInputElement = _HTMLInputElement as typeof globalThis.HTMLInputElement;\n  const HTMLLabelElement = _HTMLLabelElement as typeof globalThis.HTMLLabelElement;\n  const HTMLLegendElement = _HTMLLegendElement as typeof globalThis.HTMLLegendElement;\n  const HTMLLIElement = _HTMLLIElement as typeof globalThis.HTMLLIElement;\n  const HTMLLinkElement = _HTMLLinkElement as typeof globalThis.HTMLLinkElement;\n  const HTMLMapElement = _HTMLMapElement as typeof globalThis.HTMLMapElement;\n  const HTMLMetaElement = _HTMLMetaElement as typeof globalThis.HTMLMetaElement;\n  const HTMLMeterElement = _HTMLMeterElement as typeof globalThis.HTMLMeterElement;\n  const HTMLModElement = _HTMLModElement as typeof globalThis.HTMLModElement;\n  const HTMLObjectElement = _HTMLObjectElement as typeof globalThis.HTMLObjectElement;\n  const HTMLOListElement = _HTMLOListElement as typeof globalThis.HTMLOListElement;\n  const HTMLOptGroupElement = _HTMLOptGroupElement as typeof globalThis.HTMLOptGroupElement;\n  const HTMLOptionElement = _HTMLOptionElement as typeof globalThis.HTMLOptionElement;\n  const HTMLOutputElement = _HTMLOutputElement as typeof globalThis.HTMLOutputElement;\n  const HTMLParagraphElement = _HTMLParagraphElement as typeof globalThis.HTMLParagraphElement;\n  const HTMLParamElement = _HTMLParamElement as typeof globalThis.HTMLParamElement;\n  const HTMLPictureElement = _HTMLPictureElement as typeof globalThis.HTMLPictureElement;\n  const HTMLPreElement = _HTMLPreElement as typeof globalThis.HTMLPreElement;\n  const HTMLProgressElement = _HTMLProgressElement as typeof globalThis.HTMLProgressElement;\n  const HTMLQuoteElement = _HTMLQuoteElement as typeof globalThis.HTMLQuoteElement;\n  const HTMLScriptElement = _HTMLScriptElement as typeof globalThis.HTMLScriptElement;\n  const HTMLSelectElement = _HTMLSelectElement as typeof globalThis.HTMLSelectElement;\n  const HTMLSlotElement = _HTMLSlotElement as typeof globalThis.HTMLSlotElement;\n  const HTMLSourceElement = _HTMLSourceElement as typeof globalThis.HTMLSourceElement;\n  const HTMLSpanElement = _HTMLSpanElement as typeof globalThis.HTMLSpanElement;\n  const HTMLStyleElement = _HTMLStyleElement as typeof globalThis.HTMLStyleElement;\n  const HTMLTableElement = _HTMLTableElement as typeof globalThis.HTMLTableElement;\n  const HTMLTableSectionElement = _HTMLTableSectionElement as typeof globalThis.HTMLTableSectionElement;\n  const HTMLTableCellElement = _HTMLTableCellElement as typeof globalThis.HTMLTableCellElement;\n  const HTMLTextAreaElement = _HTMLTextAreaElement as typeof globalThis.HTMLTextAreaElement;\n  const HTMLTimeElement = _HTMLTimeElement as typeof globalThis.HTMLTimeElement;\n  const HTMLTitleElement = _HTMLTitleElement as typeof globalThis.HTMLTitleElement;\n  const HTMLTableRowElement = _HTMLTableRowElement as typeof globalThis.HTMLTableRowElement;\n  const HTMLTrackElement = _HTMLTrackElement as typeof globalThis.HTMLTrackElement;\n  const HTMLUListElement = _HTMLUListElement as typeof globalThis.HTMLUListElement;\n  const HTMLVideoElement = _HTMLVideoElement as typeof globalThis.HTMLVideoElement;\n  const HTMLHeadingElement = _HTMLHeadingElement as typeof globalThis.HTMLHeadingElement;\n  const HTMLBodyElement = _HTMLBodyElement as typeof globalThis.HTMLBodyElement;\n\n\n  // --- Sub Templates ---\n  @elementDefine('swc-loading', { extends: 'template', window: w }) class SwcLoading extends HTMLTemplateElement {}\n  @elementDefine('swc-error', { extends: 'template', window: w }) class SwcError extends HTMLTemplateElement {}\n  @elementDefine('swc-success', { extends: 'template', window: w }) class SwcSuccess extends HTMLTemplateElement {}\n  @elementDefine('swc-when', { extends: 'template', window: w }) class SwcWhen extends HTMLTemplateElement {}\n  @elementDefine('swc-otherwise', { extends: 'template', window: w }) class SwcOtherwise extends HTMLTemplateElement {}\n  @elementDefine('swc-default', { extends: 'template', window: w }) class SwcDefault extends HTMLTemplateElement {}\n\n  // --- Core Elements ---\n  @elementDefine('swc-app', { window: w })\n  class SwcApp extends SwcAppMixin(HTMLElement) {}\n\n    @elementDefine('swc-if', { extends: 'template', window: w })\n  class SwcIf extends HTMLTemplateElement {\n  // id =\n  // @attributeThis('value')\n  _value: any;\n\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  @attributeThis('skip-if-same')\n  _skipIfSame: 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  constructor() {\n    super();\n  }\n\n  @changedAttributeThis('value')\n  private setValue(value: any, o: string, n: string) {\n    this._value = value;\n    this.refresh(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap(replaceWrapAttr?: string | null) {\n  //   this.refresh();\n  // }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\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?: any) {\n    const targetValue = value !== undefined ? value : (getAttributeValue(this, 'value') ?? this._value);\n\n    // skip-if-same 속성이 존재하고(true/빈 문자열), 이전 값과 새로운 값이 완전히 동일하면 렌더링 스킵!\n    if (this.hasAttribute('skip-if-same') && this._value === targetValue && this._nodes.length > 0) {\n      return;\n    }\n\n    this.cleanup();\n    this._value = targetValue;\n\n    const portal = this.parentElement;\n    if (!portal || !this._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: this._value, $templateHost: this };\n\n    htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\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    this._nodes.forEach((node: any) => {\n      if (node instanceof HTMLElement) (node as any).__swc_template_host = this;\n    });\n\n    portal.insertBefore(processedFragment, this.nextSibling);\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => {\n      const realNode = (n as any).__upgraded_instance || n;\n      if (realNode.parentElement) {\n        realNode.parentElement.removeChild(realNode);\n      }\n    });\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n  }\n\n    @elementDefine('swc-loop', { extends: 'template', window: w })\n  class SwcLoop extends HTMLTemplateElement {\n  _value: any[] = [];\n\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: string | null;\n\n  private _nodeGroups: Node[][] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n\n  set value(nv: any[]) {\n    this._value = nv;\n    this.refresh(nv);\n  }\n\n  getValue(index: number) {\n    return this._value?.[index];\n  }\n\n  constructor() {\n    super();\n    // console.log('swc SwcLoop constructor called!');\n    // console.log('swc SwcLoop', this.getAttribute('value'));\n  }\n\n  @changedAttributeThis('value')\n  private setValue(value: any, o: string, n: string) {\n    this._value = value;\n    this.refresh(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap(replaceWrapAttr?: string | null) {\n  //   this.refresh();\n  // }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    config = {\n      expression: {\n        replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n        callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n        call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n      }\n    };\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    const expressions = ae.getExpressions('replace');\n    for (const expr of expressions) {\n      const script = ConvertUtils.decodeHtmlEntity(expr.script, win.document);\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: script,\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  private createFragmentAndNodes(items: any[], helperSet: any, startIndex: number = 0): { fragment: DocumentFragment; newNodesGroup: Node[][] } {\n    const win = this.ownerDocument?.defaultView || window;\n    const fragment = win.document.createDocumentFragment();\n    const newNodesGroup: Node[][] = [];\n\n    items.forEach((item, i) => {\n      const index = startIndex + i;\n      let htmlString = this.innerHTML;\n      const groupArgs = { ...helperSet, $item: item, $index: index, $value: this._value };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n\n      const content = temp.content;\n      const nodes = Array.from(content.childNodes);\n\n      const setTemplateHost = (element: HTMLElement) => {\n        (element as any).__swc_template_host = this;\n        Array.from(element.children).forEach((child: any) => {\n          if (child instanceof HTMLElement) {\n            setTemplateHost(child);\n          }\n        });\n      };\n\n      nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement) {\n          setTemplateHost(node as HTMLElement);\n        }\n      });\n      newNodesGroup.push(nodes);\n      fragment.appendChild(content);\n    });\n\n    return { fragment, newNodesGroup };\n  }\n\n  appendItem(...items: any[]) {\n    if (!items || items.length <= 0) return;\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const startIndex = this._value ? this._value.length : 0;\n\n    // 내부 상태(value) 업데이트 (기존 배열에 새 아이템 추가)\n    if (this._value !== items) {\n      this._value = [...(this._value || []), ...items];\n    }\n\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(items, helperSet, startIndex);\n    this._nodeGroups.push(...newNodesGroup);\n\n    console.log('뭐야 씨발');\n    // append 위치 계산: 기존에 그려진 마지막 노드 뒤에 삽입, 없으면 템플릿 바로 뒤에 삽입\n    let insertReference: Node | null = this.nextSibling;\n    if (this._nodeGroups.length > items.length) {\n      const lastExistingGroup = this._nodeGroups[this._nodeGroups.length - items.length - 1];\n      if (lastExistingGroup && lastExistingGroup.length > 0) {\n        const lastNode = lastExistingGroup[lastExistingGroup.length - 1];\n        insertReference = lastNode.nextSibling;\n      }\n    }\n\n    portal.insertBefore(fragment, insertReference);\n  }\n\n  async prependItem(...items: any[]) {\n    if (!items || items.length <= 0) return;\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    // 내부 상태(value) 업데이트 (기존 배열의 앞쪽에 새 아이템 추가)\n    if (this._value !== items) {\n      this._value = [...items, ...(this._value || [])];\n    }\n\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(items, helperSet, 0);\n\n    // 기존의 nodeGroups 배열 맨 앞에 새로운 그룹들을 추가\n    this._nodeGroups = [...newNodesGroup, ...this._nodeGroups];\n\n    // prepend 위치: 이 템플릿(SwcLoop) 노드의 바로 다음 위치 (가장 위)\n    portal.insertBefore(fragment, this.nextSibling);\n  }\n\n  refresh(value?: any) {\n    // 1. 그릴 대상 확정\n    const targetValue = value !== undefined ? value : (getAttributeValue(this, 'value') ?? this._value ?? []);\n\n    // 2. 화면 정리\n    this.cleanup();\n\n    // 3. 상태 완전 교체 (이어붙이지 않음!)\n    this._value = targetValue;\n\n    if (!this._value || this._value.length <= 0) return;\n\n    // 4. 화면 다시 그리기 (appendItem을 쓰지 않고 바로 그리기)\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    helperSet.$templateHost = this;\n    const { fragment, newNodesGroup } = this.createFragmentAndNodes(this._value, helperSet, 0);\n\n    this._nodeGroups = newNodesGroup;\n    const portal = SwcUtils.getParentContainer(this);\n    if (portal) {\n      // console.log('append????!~~~~~!?',fragment)\n      portal.insertBefore(fragment, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    console.log('누가 cleanup');\n    this._nodeGroups.forEach(nodes => nodes.forEach(n => n.parentElement?.removeChild(n)));\n    this._nodeGroups = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n  }\n\n    @elementDefine('swc-choose', { extends: 'template', window: w })\n  class SwcChoose extends HTMLTemplateElement {\n  _value: any;\n\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: 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._value = nv;\n    this.refresh(this._value);\n  }\n\n  constructor() {\n    super();\n    // console.log('swc chooooooooooooooooooooooooose constructor called!');\n    // console.log('swc cccccccss', this.getAttribute('value'));\n  }\n\n  // static get observedAttributes() {\n  //   return ['value'];\n  // }\n\n  attributeChangedCallback(na, o, n) {\n    // console.log('-----------------choooooooose attr origin', na, o, n);\n  }\n\n  @changedAttributeThis('value')\n  private setValue(value: any, o: string, n: string) {\n    console.log('chooooooose value', value)\n    this._value = value;\n    this.refresh(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap(replaceWrapAttr?: string | null) {\n  //   this.refresh();\n  // }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\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?: any) {\n    value = getAttributeValue(this, 'value') ?? this._value;\n    console.log('[DEBUG] SwcChoose.refresh called, value:', value);\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) {\n      console.log('[DEBUG] SwcChoose portal is null!');\n      return;\n    }\n\n    const win = (getElementConfig(this).window ?? this.ownerDocument?.defaultView) || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n    const groupArgs = { ...helperSet, $value: value, $templateHost: this };\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('test') || '';\n        let matches = false;\n\n\n\n        const result = FunctionUtils.executeReturn({\n          script: attrVal,\n          context: t,\n          args: groupArgs\n        });\n        matches = !!result;\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, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const result = this.ownerDocument?.createElement('template') || document.createElement('template');\n      result.innerHTML = htmlString;\n      const processedFragment = result.content;\n\n      // console.log('[DEBUG] SwcChoose processedFragment children:', processedFragment._childNodesInternal?.length);\n      this._nodes = Array.from(processedFragment.childNodes);\n      \n      const setTemplateHost = (element: HTMLElement) => {\n        (element as any).__swc_template_host = this;\n        Array.from(element.children).forEach((child: any) => {\n          if (child instanceof HTMLElement) {\n            setTemplateHost(child);\n          }\n        });\n      };\n      \n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement) {\n          setTemplateHost(node as HTMLElement);\n        }\n      });\n\n      console.log(`[DEBUG] SwcChoose before insertBefore, portal: ${portal?.tagName}, isConnected: ${(portal as any)?.isConnected}`);\n      portal.insertBefore(processedFragment, this.nextSibling);\n      console.log('[DEBUG] SwcChoose after insertBefore');\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\n    @elementDefine('swc-async', { extends: 'template', window: w })\n  class SwcAsync extends HTMLTemplateElement {\n  @attributeThis('value')\n  _value: any;\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: string | null;  resultValue?: any;\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.executeAsync(nv);\n  }\n\n  private _nodes: Node[] = [];\n\n  @changedAttributeThis('value')\n  private setValue(valueAttr?: string | null) {\n    this.executeAsync(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap() {\n  //   this.executeAsync(this._value);\n  // }\n\n  private executeAsync(result: any = this._value) {\n    if (result === undefined || result === null) {\n      this.refresh('default');\n      return;\n    }\n\n    if (result instanceof Promise) {\n      this.refresh('loading');\n      result\n        .then(v => {\n          this.resultValue = v;\n          this.refresh('success');\n        })\n        .catch(e => {\n          console.error('[SWC-ASYNC] Promise rejected:', e);\n          this.resultValue = e;\n          this.refresh('error');\n        });\n    } else {\n      this.resultValue = result;\n      this.refresh('success');\n    }\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\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(state: string = 'default') {\n    // console.log('rrrrrrrrrrrrrrrrr', state);\n    this.cleanup();\n    const portal = SwcUtils.getParentContainer(this);\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      let htmlString = t.innerHTML;\n      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n      const content = temp.content;\n\n      this._nodes = Array.from(content.childNodes);\n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement)  (node as any).__template_swc_host = this;\n      });\n\n      portal.insertBefore(content, 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\n  // --- \"is\" Elements ---\n  @elementDefine('swc-app-a', { extends: 'a', window: w })\n  class SwcAppAnchor extends SwcAppMixin(HTMLAnchorElement) {}\n\n  @elementDefine('swc-app-area', { extends: 'area', window: w })\n  class SwcAppArea extends SwcAppMixin(HTMLAreaElement) {}\n\n  @elementDefine('swc-app-audio', { extends: 'audio', window: w })\n  class SwcAppAudio extends SwcAppMixin(HTMLAudioElement) {}\n\n  @elementDefine('swc-app-base', { extends: 'base', window: w })\n  class SwcAppBase extends SwcAppMixin(HTMLBaseElement) {}\n\n  @elementDefine('swc-app-button', { extends: 'button', window: w })\n  class SwcAppButton extends SwcAppMixin(HTMLButtonElement) {}\n\n  @elementDefine('swc-app-canvas', { extends: 'canvas', window: w })\n  class SwcAppCanvas extends SwcAppMixin(HTMLCanvasElement) {}\n\n  @elementDefine('swc-app-data', { extends: 'data', window: w })\n  class SwcAppData extends SwcAppMixin(HTMLDataElement) {}\n\n  @elementDefine('swc-app-datalist', { extends: 'datalist', window: w })\n  class SwcAppDataList extends SwcAppMixin(HTMLDataListElement) {}\n\n  @elementDefine('swc-app-details', { extends: 'details', window: w })\n  class SwcAppDetails extends SwcAppMixin(HTMLDetailsElement) {}\n\n  @elementDefine('swc-app-dialog', { extends: 'dialog', window: w })\n  class SwcAppDialog extends SwcAppMixin(HTMLDialogElement) {}\n\n  @elementDefine('swc-app-div', { extends: 'div', window: w })\n  class SwcAppDiv extends SwcAppMixin(HTMLDivElement) {}\n\n  @elementDefine('swc-app-dl', { extends: 'dl', window: w })\n  class SwcAppDList extends SwcAppMixin(HTMLDListElement) {}\n\n  @elementDefine('swc-app-embed', { extends: 'embed', window: w })\n  class SwcAppEmbed extends SwcAppMixin(HTMLEmbedElement) {}\n\n  @elementDefine('swc-app-fieldset', { extends: 'fieldset', window: w })\n  class SwcAppFieldSet extends SwcAppMixin(HTMLFieldSetElement) {}\n\n  @elementDefine('swc-app-form', { extends: 'form', window: w })\n  class SwcAppForm extends SwcAppMixin(HTMLFormElement) {}\n\n  @elementDefine('swc-app-hr', { extends: 'hr', window: w })\n  class SwcAppHR extends SwcAppMixin(HTMLHRElement) {}\n\n  @elementDefine('swc-app-iframe', { extends: 'iframe', window: w })\n  class SwcAppIFrame extends SwcAppMixin(HTMLIFrameElement) {}\n\n  @elementDefine('swc-app-img', { extends: 'img', window: w })\n  class SwcAppImage extends SwcAppMixin(HTMLImageElement) {}\n\n  @elementDefine('swc-app-input', { extends: 'input', window: w })\n  class SwcAppInput extends SwcAppMixin(HTMLInputElement) {}\n\n  @elementDefine('swc-app-label', { extends: 'label', window: w })\n  class SwcAppLabel extends SwcAppMixin(HTMLLabelElement) {}\n\n  @elementDefine('swc-app-legend', { extends: 'legend', window: w })\n  class SwcAppLegend extends SwcAppMixin(HTMLLegendElement) {}\n\n  @elementDefine('swc-app-li', { extends: 'li', window: w })\n  class SwcAppLI extends SwcAppMixin(HTMLLIElement) {}\n\n  @elementDefine('swc-app-link', { extends: 'link', window: w })\n  class SwcAppLink extends SwcAppMixin(HTMLLinkElement) {}\n\n  @elementDefine('swc-app-map', { extends: 'map', window: w })\n  class SwcAppMap extends SwcAppMixin(HTMLMapElement) {}\n\n  @elementDefine('swc-app-meta', { extends: 'meta', window: w })\n  class SwcAppMeta extends SwcAppMixin(HTMLMetaElement) {}\n\n  @elementDefine('swc-app-meter', { extends: 'meter', window: w })\n  class SwcAppMeter extends SwcAppMixin(HTMLMeterElement) {}\n\n  @elementDefine('swc-app-del', { extends: 'del', window: w })\n  class SwcAppMod extends SwcAppMixin(HTMLModElement) {}\n\n  @elementDefine('swc-app-object', { extends: 'object', window: w })\n  class SwcAppObject extends SwcAppMixin(HTMLObjectElement) {}\n\n  @elementDefine('swc-app-ol', { extends: 'ol', window: w })\n  class SwcAppOList extends SwcAppMixin(HTMLOListElement) {}\n\n  @elementDefine('swc-app-optgroup', { extends: 'optgroup', window: w })\n  class SwcAppOptGroup extends SwcAppMixin(HTMLOptGroupElement) {}\n\n  @elementDefine('swc-app-option', { extends: 'option', window: w })\n  class SwcAppOption extends SwcAppMixin(HTMLOptionElement) {}\n\n  @elementDefine('swc-app-output', { extends: 'output', window: w })\n  class SwcAppOutput extends SwcAppMixin(HTMLOutputElement) {}\n\n  @elementDefine('swc-app-p', { extends: 'p', window: w })\n  class SwcAppParagraph extends SwcAppMixin(HTMLParagraphElement) {}\n\n  @elementDefine('swc-app-param', { extends: 'param', window: w })\n  class SwcAppParam extends SwcAppMixin(HTMLParamElement) {}\n\n  @elementDefine('swc-app-picture', { extends: 'picture', window: w })\n  class SwcAppPicture extends SwcAppMixin(HTMLPictureElement) {}\n\n  @elementDefine('swc-app-pre', { extends: 'pre', window: w })\n  class SwcAppPre extends SwcAppMixin(HTMLPreElement) {}\n\n  @elementDefine('swc-app-progress', { extends: 'progress', window: w })\n  class SwcAppProgress extends SwcAppMixin(HTMLProgressElement) {}\n\n  @elementDefine('swc-app-blockquote', { extends: 'blockquote', window: w })\n  class SwcAppQuote extends SwcAppMixin(HTMLQuoteElement) {}\n\n  @elementDefine('swc-app-script', { extends: 'script', window: w })\n  class SwcAppScript extends SwcAppMixin(HTMLScriptElement) {}\n\n  @elementDefine('swc-app-select', { extends: 'select', window: w })\n  class SwcAppSelect extends SwcAppMixin(HTMLSelectElement) {}\n\n  @elementDefine('swc-app-slot', { extends: 'slot', window: w })\n  class SwcAppSlot extends SwcAppMixin(HTMLSlotElement) {}\n\n  @elementDefine('swc-app-source', { extends: 'source', window: w })\n  class SwcAppSource extends SwcAppMixin(HTMLSourceElement) {}\n\n  @elementDefine('swc-app-span', { extends: 'span', window: w })\n  class SwcAppSpan extends SwcAppMixin(HTMLSpanElement) {}\n\n  @elementDefine('swc-app-style', { extends: 'style', window: w })\n  class SwcAppStyle extends SwcAppMixin(HTMLStyleElement) {}\n\n  @elementDefine('swc-app-table', { extends: 'table', window: w })\n  class SwcAppTable extends SwcAppMixin(HTMLTableElement) {}\n\n  @elementDefine('swc-app-tbody', { extends: 'tbody', window: w })\n  class SwcAppTableSection extends SwcAppMixin(HTMLTableSectionElement) {}\n\n  @elementDefine('swc-app-td', { extends: 'td', window: w })\n  class SwcAppTableCell extends SwcAppMixin(HTMLTableCellElement) {}\n\n  @elementDefine('swc-app-template', { extends: 'template', window: w })\n  class SwcAppTemplate extends SwcAppMixin(HTMLTemplateElement) {}\n\n  @elementDefine('swc-app-textarea', { extends: 'textarea', window: w })\n  class SwcAppTextArea extends SwcAppMixin(HTMLTextAreaElement) {}\n\n  @elementDefine('swc-app-time', { extends: 'time', window: w })\n  class SwcAppTime extends SwcAppMixin(HTMLTimeElement) {}\n\n  @elementDefine('swc-app-title', { extends: 'title', window: w })\n  class SwcAppTitle extends SwcAppMixin(HTMLTitleElement) {}\n\n  @elementDefine('swc-app-tr', { extends: 'tr', window: w })\n  class SwcAppTableRow extends SwcAppMixin(HTMLTableRowElement) {}\n\n  @elementDefine('swc-app-track', { extends: 'track', window: w })\n  class SwcAppTrack extends SwcAppMixin(HTMLTrackElement) {}\n\n  @elementDefine('swc-app-ul', { extends: 'ul', window: w })\n  class SwcAppUList extends SwcAppMixin(HTMLUListElement) {}\n\n  @elementDefine('swc-app-video', { extends: 'video', window: w })\n  class SwcAppVideo extends SwcAppMixin(HTMLVideoElement) {}\n\n  @elementDefine('swc-app-h1', { extends: 'h1', window: w })\n  class SwcAppHeading extends SwcAppMixin(HTMLHeadingElement) {}\n\n  @elementDefine('swc-app-body', { extends: 'body', window: w })\n  class SwcAppBody extends SwcAppMixin(HTMLBodyElement) {}\n\n\n  return {\n    // Sub Templates\n    SwcLoading,\n    SwcError,\n    SwcSuccess,\n    SwcWhen,\n    SwcOtherwise,\n    SwcDefault,\n    // Core Elements\n    SwcApp,\n    SwcIf,\n    SwcLoop,\n    SwcChoose,\n    SwcAsync,\n    // App Elements\n    SwcAppAnchor,\n    SwcAppArea,\n    SwcAppAudio,\n    SwcAppBase,\n    SwcAppButton,\n    SwcAppCanvas,\n    SwcAppData,\n    SwcAppDataList,\n    SwcAppDetails,\n    SwcAppDialog,\n    SwcAppDiv,\n    SwcAppDList,\n    SwcAppEmbed,\n    SwcAppFieldSet,\n    SwcAppForm,\n    SwcAppHR,\n    SwcAppIFrame,\n    SwcAppImage,\n    SwcAppInput,\n    SwcAppLabel,\n    SwcAppLegend,\n    SwcAppLI,\n    SwcAppLink,\n    SwcAppMap,\n    SwcAppMeta,\n    SwcAppMeter,\n    SwcAppMod,\n    SwcAppObject,\n    SwcAppOList,\n    SwcAppOptGroup,\n    SwcAppOption,\n    SwcAppOutput,\n    SwcAppParagraph,\n    SwcAppParam,\n    SwcAppPicture,\n    SwcAppPre,\n    SwcAppProgress,\n    SwcAppQuote,\n    SwcAppScript,\n    SwcAppSelect,\n    SwcAppSlot,\n    SwcAppSource,\n    SwcAppSpan,\n    SwcAppStyle,\n    SwcAppTable,\n    SwcAppTableSection,\n    SwcAppTableCell,\n    SwcAppTemplate,\n    SwcAppTextArea,\n    SwcAppTime,\n    SwcAppTitle,\n    SwcAppTableRow,\n    SwcAppTrack,\n    SwcAppUList,\n    SwcAppVideo,\n    SwcAppHeading,\n    SwcAppBody,\n  };\n};\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/types.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType} from \"./elements/SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = ':host' | ':window' | ':document' | ':parentHost' | ':appHost' | ':firstHost' | ':lastHost' | ':firstAppHost' | ':lastAppHost' | ':hosts' | ':appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [root, ..., parent, self]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\n  $templateHost: HTMLTemplateElement | null | undefined;\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\n\nexport type SwcAppMessage<T = any> = {\n  publisher?: any;\n  data?: T;\n  type?: string;\n};\n\nexport interface SwcChooseInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcIfInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n  publishMessage(message: SwcAppMessage): void;\n}\n"],
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType} from \"./elements/SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = '$this' | '$window' | '$document' | '$host' | '$appHost' | '$firstHost' | '$lastHost' | '$firstAppHost' | '$lastAppHost' | '$hosts' | '$appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement | null; // Nearest parent SWC component\n  $parentHost: HTMLElement | null; // Grandparent SWC ancestor\n  $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $host\n  $templateHost: HTMLTemplateElement | null | undefined;\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\n\nexport type SwcAppMessage<T = any> = {\n  publisher?: any;\n  data?: T;\n  type?: string;\n};\n\nexport interface SwcChooseInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcIfInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n  publishMessage(message: SwcAppMessage): void;\n}\n"],
   "mappings": "AAIO,IAAK,sBAAL,kBAAKA,yBAAL;AACL,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,UAAO;AACP,EAAAA,qBAAA,iBAAc;AACd,EAAAA,qBAAA,WAAQ;AACR,EAAAA,qBAAA,gBAAa;AACb,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,oBAAiB;AACjB,EAAAA,qBAAA,mBAAgB;AAVN,SAAAA;AAAA,GAAA;",
   "names": ["InjectSituationType"]
 }

package/dist/esm/utils/Utils.js

@@ -185,7 +185,7 @@ var SwcUtils;
     }
     return current;
   };
-  SwcUtils2.findNearestSwcHost = (el) => {
+  SwcUtils2.findNearestSwcHostIncludingSelf = (el) => {
     const el1 = el;
     if (el1.__swc_host) return el1.__swc_host;
     let current = el.parentElement || el.getRootNode?.()?.host;
@@ -198,26 +198,26 @@ var SwcUtils;
     }
     return void 0;
   };
-  SwcUtils2.findAllSwcHosts = (el) => {
+  SwcUtils2.findAllSwcHostsIncludingSelf = (el) => {
     const hosts = [];
-    let current = (0, SwcUtils2.findNearestSwcHost)(el);
+    let current = (0, SwcUtils2.findNearestSwcHostIncludingSelf)(el);
     while (current) {
       hosts.push(current);
-      current = (0, SwcUtils2.findNearestSwcHost)(current);
+      current = (0, SwcUtils2.findNearestSwcHostIncludingSelf)(current);
     }
     return hosts.reverse();
   };
   SwcUtils2.getHosts = (el) => {
-    const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
+    const ancestors = (0, SwcUtils2.findAllSwcHostsIncludingSelf)(el);
     if (getElementConfig(el)) return [...ancestors, el];
     return ancestors;
   };
   SwcUtils2.getHost = (el) => {
     if (getElementConfig(el)) return el;
-    return (0, SwcUtils2.findNearestSwcHost)(el);
+    return (0, SwcUtils2.findNearestSwcHostIncludingSelf)(el);
   };
   SwcUtils2.getAppHosts = (el) => {
-    const hosts = SwcUtils2.findAllParentAppHostsDirect(el);
+    const hosts = SwcUtils2.findAllAppHostsIncludingSelfDirect(el);
     return hosts;
   };
   SwcUtils2.getAppHost = (el) => {
@@ -225,11 +225,11 @@ var SwcUtils;
     const appHostsWithoutSelf = appHosts.filter((h) => h !== el);
     return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : void 0;
   };
-  SwcUtils2.findParentAppHostDirect = (el) => {
-    const appHosts = (0, SwcUtils2.findAllParentAppHostsDirect)(el);
+  SwcUtils2.findAppHostIncludingSelfDirect = (el) => {
+    const appHosts = (0, SwcUtils2.findAllAppHostsIncludingSelfDirect)(el);
     return appHosts.length > 0 ? appHosts[appHosts.length - 1] : null;
   };
-  SwcUtils2.findAllParentAppHostsDirect = (el) => {
+  SwcUtils2.findAllAppHostsIncludingSelfDirect = (el) => {
     const appHosts = [];
     const w = el.ownerDocument?.defaultView || (typeof window !== "undefined" ? window : void 0);
     if (!w) {
@@ -255,7 +255,7 @@ var SwcUtils;
     return appHosts.reverse();
   };
   SwcUtils2.getHostSet = (el) => {
-    const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
+    const ancestors = (0, SwcUtils2.findAllSwcHostsIncludingSelf)(el);
     const $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
     const $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;
     const $hosts = ancestors;
@@ -269,7 +269,7 @@ var SwcUtils;
       }
       curr = curr.parentElement || curr.getRootNode().host;
     }
-    const $appHosts = SwcUtils2.findAllParentAppHostsDirect(el);
+    const $appHosts = SwcUtils2.findAllAppHostsIncludingSelfDirect(el);
     const $appHost = $appHosts.length > 0 ? $appHosts[$appHosts.length - 1] === el ? $appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null : $appHosts[$appHosts.length - 1] : null;
     const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;
     return {
@@ -277,7 +277,7 @@ var SwcUtils;
       $parentHost,
       $hosts,
       $firstHost,
-      $lastHost: $parentHost,
+      $lastHost: $host,
       $templateHost: el.__swc_template_host,
       $appHost,
       $appHosts,