@dooboostore/simple-web-component 1.0.16 → 1.0.18

package/dist/esm/elements/SwcLoop.js

@@ -0,0 +1,227 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = function(k, v) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { elementDefine } from "../decorators/elementDefine.js";
+import { changedAttribute } from "../decorators/changedAttribute.js";
+import { SwcUtils } from "../utils/Utils.js";
+import { FunctionUtils } from "@dooboostore/core/function/FunctionUtils";
+let SwcLoop = class SwcLoop2 extends HTMLTemplateElement {
+  constructor() {
+    super(...arguments);
+    this._value = [];
+    this._nodes = [];
+    this._defaultNodes = [];
+  }
+  get value() {
+    return this._value;
+  }
+  set value(nv) {
+    this._value = Array.isArray(nv) ? [...nv] : [];
+    this.render();
+  }
+  getNodes(index) {
+    return this._nodes[index] || null;
+  }
+  _getTarget() {
+    const script = this.getAttribute("on-get-portal");
+    if (!script)
+      return null;
+    try {
+      const res = FunctionUtils.executeReturn({
+        script,
+        context: this,
+        args: SwcUtils.getHelperAndHostSet(window, this)
+      });
+      if (typeof res === "string")
+        return document.querySelector(res);
+      if (res instanceof Node)
+        return res;
+    } catch (e) {
+      console.error("[SwcLoop] Portal target error:", e);
+    }
+    return null;
+  }
+  append(...items) {
+    if (!items.length || !this.parentElement)
+      return;
+    if (this._defaultNodes.length > 0)
+      this._cleanupDefault();
+    const fragment = document.createDocumentFragment();
+    const startIndex = this._value.length;
+    items.forEach((item, i) => {
+      const index = startIndex + i;
+      const nodes = this._createItemNodes(item, index);
+      if (nodes) {
+        this._nodes.push(nodes);
+        nodes.forEach((n) => fragment.appendChild(n));
+        this._value.push(item);
+      } else {
+        this._nodes.push(null);
+        this._value.push(null);
+      }
+    });
+    const target = this._getTarget();
+    if (target) {
+      target.appendChild(fragment);
+    } else {
+      const lastValidIdx = this._nodes.length - items.length - 1;
+      let refNode = this;
+      for (let i = lastValidIdx; i >= 0; i--) {
+        const group = this._nodes[i];
+        if (group && group.length > 0) {
+          refNode = group[group.length - 1];
+          break;
+        }
+      }
+      this.parentElement.insertBefore(fragment, refNode.nextSibling);
+    }
+  }
+  remove(index) {
+    const targetIdx = index !== void 0 ? index : this._nodes.length - 1;
+    if (targetIdx < 0 || targetIdx >= this._nodes.length)
+      return;
+    const nodes = this._nodes[targetIdx];
+    if (nodes) {
+      nodes.forEach((n) => {
+        if (n.parentElement)
+          n.parentElement.removeChild(n);
+      });
+      this._nodes[targetIdx] = null;
+      this._value[targetIdx] = null;
+    }
+    const activeRows = this._value.filter((v) => v !== null);
+    if (activeRows.length === 0) {
+      this.render();
+    }
+  }
+  _createItemNodes(item, index) {
+    const clone = this.content.cloneNode(true);
+    Array.from(clone.querySelectorAll('template[is="swc-default"]')).forEach((t) => t.remove());
+    const nodes = Array.from(clone.childNodes);
+    const elements = nodes.filter((n) => n.nodeType === 1);
+    const groupCtx = {
+      $index: index,
+      $item: item,
+      $nodes: nodes,
+      $elements: elements,
+      $firstNode: nodes[0],
+      $lastNode: nodes[nodes.length - 1],
+      $firstElement: elements[0],
+      $lastElement: elements[elements.length - 1],
+      $isFirst: index === 0,
+      $isLast: index === this._value.length - 1,
+      $isEven: index % 2 === 0,
+      $isOdd: index % 2 !== 0,
+      $count: this._value.length
+    };
+    this._executeCallback("on-clone-nodes", groupCtx);
+    nodes.forEach((node, nodeIndex) => {
+      if (node instanceof HTMLElement)
+        node.__swc_host = this;
+      this._executeCallback("on-clone-node", { ...groupCtx, $node: node, $nodeIndex: nodeIndex, $isElement: node.nodeType === 1 });
+    });
+    return nodes;
+  }
+  _executeCallback(attrName, extraArgs) {
+    const script = this.getAttribute(attrName);
+    if (!script)
+      return;
+    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });
+    } catch (e) {
+      console.error(`[SwcLoop] Error in ${attrName}:`, e);
+    }
+  }
+  refreshValue(newValue) {
+    const script = newValue !== void 0 ? newValue : this.getAttribute("on-get-value");
+    if (!script) {
+      this.value = [];
+      return;
+    }
+    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);
+    try {
+      const res = FunctionUtils.executeReturn({ script, context: this, args: helperHostSet });
+      if (Array.isArray(res)) {
+        this.value = res;
+      }
+    } catch (e) {
+      console.error("[SwcLoop] Failed to get value from on-get-value script:", e);
+      this.value = [];
+    }
+  }
+  render() {
+    this._cleanup();
+    if (!this.parentElement)
+      return;
+    const activeRows = this._value.filter((v) => v !== null);
+    const target = this._getTarget();
+    if (activeRows.length === 0) {
+      const t = this.content.querySelector('template[is="swc-default"]');
+      if (t) {
+        const clone = t.content.cloneNode(true);
+        this._defaultNodes = Array.from(clone.childNodes);
+        this._defaultNodes.forEach((n) => {
+          if (n instanceof HTMLElement)
+            n.__swc_host = this;
+        });
+        if (target)
+          target.appendChild(clone);
+        else
+          this.parentElement.insertBefore(clone, this.nextSibling);
+      }
+      return;
+    }
+    const fragment = document.createDocumentFragment();
+    this._value.forEach((item, index) => {
+      if (item === null) {
+        this._nodes.push(null);
+        return;
+      }
+      const nodes = this._createItemNodes(item, index);
+      this._nodes.push(nodes);
+      nodes.forEach((n) => fragment.appendChild(n));
+    });
+    if (target)
+      target.appendChild(fragment);
+    else
+      this.parentElement.insertBefore(fragment, this.nextSibling);
+  }
+  _cleanup() {
+    this._nodes.forEach((group) => {
+      if (group)
+        group.forEach((node) => node.parentElement?.removeChild(node));
+    });
+    this._nodes = [];
+    this._cleanupDefault();
+  }
+  _cleanupDefault() {
+    this._defaultNodes.forEach((n) => n.parentElement?.removeChild(n));
+    this._defaultNodes = [];
+  }
+  connectedCallback() {
+    this.refreshValue();
+  }
+  disconnectedCallback() {
+    this._cleanup();
+  }
+};
+__decorate([
+  changedAttribute("on-get-value"),
+  __metadata("design:type", Function),
+  __metadata("design:paramtypes", [String]),
+  __metadata("design:returntype", void 0)
+], SwcLoop.prototype, "refreshValue", null);
+SwcLoop = __decorate([
+  elementDefine({ name: "swc-loop", extends: "template" })
+], SwcLoop);
+export {
+  SwcLoop
+};
+//# sourceMappingURL=SwcLoop.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcLoop.ts"],
+  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\nimport { changedAttribute } from '../decorators/changedAttribute';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils } from '@dooboostore/core/function/FunctionUtils';\n\n@elementDefine({ name: 'swc-loop', extends: 'template' })\nexport class SwcLoop extends HTMLTemplateElement {\n  private _value: any[] = [];\n  private _nodes: (Node[] | null)[] = [];\n  private _defaultNodes: Node[] = [];\n\n  get value(): any[] {\n    return this._value;\n  }\n\n  set value(nv: any[]) {\n    this._value = Array.isArray(nv) ? [...nv] : [];\n    this.render();\n  }\n\n  getNodes(index: number): Node[] | null {\n    return this._nodes[index] || null;\n  }\n\n  private _getTarget(): Element | DocumentFragment | null {\n    const script = this.getAttribute('on-get-portal');\n    if (!script) return null;\n    try {\n      const res = FunctionUtils.executeReturn({\n        script,\n        context: this,\n        args: SwcUtils.getHelperAndHostSet(window, this)\n      });\n      if (typeof res === 'string') return document.querySelector(res);\n      if (res instanceof Node) return res as any;\n    } catch (e) {\n      console.error('[SwcLoop] Portal target error:', e);\n    }\n    return null;\n  }\n\n  append(...items: any[]) {\n    if (!items.length || !this.parentElement) return;\n    if (this._defaultNodes.length > 0) this._cleanupDefault();\n\n    const fragment = document.createDocumentFragment();\n    const startIndex = this._value.length;\n\n    items.forEach((item, i) => {\n      const index = startIndex + i;\n      const nodes = this._createItemNodes(item, index);\n      if (nodes) {\n        this._nodes.push(nodes);\n        nodes.forEach(n => fragment.appendChild(n));\n        this._value.push(item);\n      } else {\n        this._nodes.push(null);\n        this._value.push(null);\n      }\n    });\n\n    const target = this._getTarget();\n    if (target) {\n      target.appendChild(fragment);\n    } else {\n      const lastValidIdx = this._nodes.length - items.length - 1;\n      let refNode: Node = this;\n      for (let i = lastValidIdx; i >= 0; i--) {\n        const group = this._nodes[i];\n        if (group && group.length > 0) {\n          refNode = group[group.length - 1];\n          break;\n        }\n      }\n      this.parentElement.insertBefore(fragment, refNode.nextSibling);\n    }\n  }\n\n  remove(index?: number) {\n    const targetIdx = index !== undefined ? index : this._nodes.length - 1;\n    if (targetIdx < 0 || targetIdx >= this._nodes.length) return;\n\n    const nodes = this._nodes[targetIdx];\n    if (nodes) {\n      nodes.forEach(n => {\n        if (n.parentElement) n.parentElement.removeChild(n);\n      });\n      this._nodes[targetIdx] = null;\n      this._value[targetIdx] = null;\n    }\n\n    const activeRows = this._value.filter(v => v !== null);\n    if (activeRows.length === 0) {\n      this.render();\n    }\n  }\n\n  private _createItemNodes(item: any, index: number): Node[] {\n    const clone = this.content.cloneNode(true) as DocumentFragment;\n    Array.from(clone.querySelectorAll('template[is=\"swc-default\"]')).forEach(t => t.remove());\n\n    const nodes = Array.from(clone.childNodes);\n    const elements = nodes.filter(n => n.nodeType === 1) as HTMLElement[];\n\n    const groupCtx = {\n      $index: index,\n      $item: item,\n      $nodes: nodes,\n      $elements: elements,\n      $firstNode: nodes[0],\n      $lastNode: nodes[nodes.length - 1],\n      $firstElement: elements[0],\n      $lastElement: elements[elements.length - 1],\n      $isFirst: index === 0,\n      $isLast: index === this._value.length - 1,\n      $isEven: index % 2 === 0,\n      $isOdd: index % 2 !== 0,\n      $count: this._value.length\n    };\n\n    this._executeCallback('on-clone-nodes', groupCtx);\n    nodes.forEach((node, nodeIndex) => {\n      if (node instanceof HTMLElement) (node as any).__swc_host = this;\n      this._executeCallback('on-clone-node', { ...groupCtx, $node: node, $nodeIndex: nodeIndex, $isElement: node.nodeType === 1 });\n    });\n\n    return nodes;\n  }\n\n  private _executeCallback(attrName: string, extraArgs: Record<string, any>) {\n    const script = this.getAttribute(attrName);\n    if (!script) return;\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      FunctionUtils.execute({ script, context: this, args: { ...helperHostSet, ...extraArgs } });\n    } catch (e) {\n      console.error(`[SwcLoop] Error in ${attrName}:`, e);\n    }\n  }\n\n  @changedAttribute('on-get-value')\n  private refreshValue(newValue?: string | null) {\n    const script = newValue !== undefined ? newValue : this.getAttribute('on-get-value');\n    if (!script) {\n      this.value = [];\n      return;\n    }\n    const helperHostSet = SwcUtils.getHelperAndHostSet(window, this);\n    try {\n      const res = FunctionUtils.executeReturn({ script, context: this, args: helperHostSet });\n      if (Array.isArray(res)) {\n        this.value = res;\n      }\n    } catch (e) {\n      console.error('[SwcLoop] Failed to get value from on-get-value script:', e);\n      this.value = [];\n    }\n  }\n\n  render() {\n    this._cleanup();\n    if (!this.parentElement) return;\n\n    const activeRows = this._value.filter(v => v !== null);\n    const target = this._getTarget();\n\n    if (activeRows.length === 0) {\n      const t = this.content.querySelector('template[is=\"swc-default\"]') as HTMLTemplateElement;\n      if (t) {\n        const clone = t.content.cloneNode(true) as DocumentFragment;\n        this._defaultNodes = Array.from(clone.childNodes);\n        this._defaultNodes.forEach(n => {\n          if (n instanceof HTMLElement) (n as any).__swc_host = this;\n        });\n        if (target) target.appendChild(clone);\n        else this.parentElement.insertBefore(clone, this.nextSibling);\n      }\n      return;\n    }\n\n    const fragment = document.createDocumentFragment();\n    this._value.forEach((item, index) => {\n      if (item === null) {\n        this._nodes.push(null);\n        return;\n      }\n      const nodes = this._createItemNodes(item, index);\n      this._nodes.push(nodes);\n      nodes.forEach(n => fragment.appendChild(n));\n    });\n\n    if (target) target.appendChild(fragment);\n    else this.parentElement.insertBefore(fragment, this.nextSibling);\n  }\n\n  private _cleanup() {\n    this._nodes.forEach(group => {\n      if (group) group.forEach(node => node.parentElement?.removeChild(node));\n    });\n    this._nodes = [];\n    this._cleanupDefault();\n  }\n\n  private _cleanupDefault() {\n    this._defaultNodes.forEach(n => n.parentElement?.removeChild(n));\n    this._defaultNodes = [];\n  }\n\n  connectedCallback() {\n    this.refreshValue();\n  }\n  disconnectedCallback() {\n    this._cleanup();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAGvB,IAAM,UAAN,MAAMA,iBAAgB,oBAAmB;EAAzC,cAAA;;AACG,SAAA,SAAgB,CAAA;AAChB,SAAA,SAA4B,CAAA;AAC5B,SAAA,gBAAwB,CAAA;EA6MlC;EA3ME,IAAI,QAAK;AACP,WAAO,KAAK;EACd;EAEA,IAAI,MAAM,IAAS;AACjB,SAAK,SAAS,MAAM,QAAQ,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAA;AAC5C,SAAK,OAAM;EACb;EAEA,SAAS,OAAa;AACpB,WAAO,KAAK,OAAO,KAAK,KAAK;EAC/B;EAEQ,aAAU;AAChB,UAAM,SAAS,KAAK,aAAa,eAAe;AAChD,QAAI,CAAC;AAAQ,aAAO;AACpB,QAAI;AACF,YAAM,MAAM,cAAc,cAAc;QACtC;QACA,SAAS;QACT,MAAM,SAAS,oBAAoB,QAAQ,IAAI;OAChD;AACD,UAAI,OAAO,QAAQ;AAAU,eAAO,SAAS,cAAc,GAAG;AAC9D,UAAI,eAAe;AAAM,eAAO;IAClC,SAAS,GAAG;AACV,cAAQ,MAAM,kCAAkC,CAAC;IACnD;AACA,WAAO;EACT;EAEA,UAAU,OAAY;AACpB,QAAI,CAAC,MAAM,UAAU,CAAC,KAAK;AAAe;AAC1C,QAAI,KAAK,cAAc,SAAS;AAAG,WAAK,gBAAe;AAEvD,UAAM,WAAW,SAAS,uBAAsB;AAChD,UAAM,aAAa,KAAK,OAAO;AAE/B,UAAM,QAAQ,CAAC,MAAM,MAAK;AACxB,YAAM,QAAQ,aAAa;AAC3B,YAAM,QAAQ,KAAK,iBAAiB,MAAM,KAAK;AAC/C,UAAI,OAAO;AACT,aAAK,OAAO,KAAK,KAAK;AACtB,cAAM,QAAQ,OAAK,SAAS,YAAY,CAAC,CAAC;AAC1C,aAAK,OAAO,KAAK,IAAI;MACvB,OAAO;AACL,aAAK,OAAO,KAAK,IAAI;AACrB,aAAK,OAAO,KAAK,IAAI;MACvB;IACF,CAAC;AAED,UAAM,SAAS,KAAK,WAAU;AAC9B,QAAI,QAAQ;AACV,aAAO,YAAY,QAAQ;IAC7B,OAAO;AACL,YAAM,eAAe,KAAK,OAAO,SAAS,MAAM,SAAS;AACzD,UAAI,UAAgB;AACpB,eAAS,IAAI,cAAc,KAAK,GAAG,KAAK;AACtC,cAAM,QAAQ,KAAK,OAAO,CAAC;AAC3B,YAAI,SAAS,MAAM,SAAS,GAAG;AAC7B,oBAAU,MAAM,MAAM,SAAS,CAAC;AAChC;QACF;MACF;AACA,WAAK,cAAc,aAAa,UAAU,QAAQ,WAAW;IAC/D;EACF;EAEA,OAAO,OAAc;AACnB,UAAM,YAAY,UAAU,SAAY,QAAQ,KAAK,OAAO,SAAS;AACrE,QAAI,YAAY,KAAK,aAAa,KAAK,OAAO;AAAQ;AAEtD,UAAM,QAAQ,KAAK,OAAO,SAAS;AACnC,QAAI,OAAO;AACT,YAAM,QAAQ,OAAI;AAChB,YAAI,EAAE;AAAe,YAAE,cAAc,YAAY,CAAC;MACpD,CAAC;AACD,WAAK,OAAO,SAAS,IAAI;AACzB,WAAK,OAAO,SAAS,IAAI;IAC3B;AAEA,UAAM,aAAa,KAAK,OAAO,OAAO,OAAK,MAAM,IAAI;AACrD,QAAI,WAAW,WAAW,GAAG;AAC3B,WAAK,OAAM;IACb;EACF;EAEQ,iBAAiB,MAAW,OAAa;AAC/C,UAAM,QAAQ,KAAK,QAAQ,UAAU,IAAI;AACzC,UAAM,KAAK,MAAM,iBAAiB,4BAA4B,CAAC,EAAE,QAAQ,OAAK,EAAE,OAAM,CAAE;AAExF,UAAM,QAAQ,MAAM,KAAK,MAAM,UAAU;AACzC,UAAM,WAAW,MAAM,OAAO,OAAK,EAAE,aAAa,CAAC;AAEnD,UAAM,WAAW;MACf,QAAQ;MACR,OAAO;MACP,QAAQ;MACR,WAAW;MACX,YAAY,MAAM,CAAC;MACnB,WAAW,MAAM,MAAM,SAAS,CAAC;MACjC,eAAe,SAAS,CAAC;MACzB,cAAc,SAAS,SAAS,SAAS,CAAC;MAC1C,UAAU,UAAU;MACpB,SAAS,UAAU,KAAK,OAAO,SAAS;MACxC,SAAS,QAAQ,MAAM;MACvB,QAAQ,QAAQ,MAAM;MACtB,QAAQ,KAAK,OAAO;;AAGtB,SAAK,iBAAiB,kBAAkB,QAAQ;AAChD,UAAM,QAAQ,CAAC,MAAM,cAAa;AAChC,UAAI,gBAAgB;AAAc,aAAa,aAAa;AAC5D,WAAK,iBAAiB,iBAAiB,EAAE,GAAG,UAAU,OAAO,MAAM,YAAY,WAAW,YAAY,KAAK,aAAa,EAAC,CAAE;IAC7H,CAAC;AAED,WAAO;EACT;EAEQ,iBAAiB,UAAkB,WAA8B;AACvE,UAAM,SAAS,KAAK,aAAa,QAAQ;AACzC,QAAI,CAAC;AAAQ;AACb,UAAM,gBAAgB,SAAS,oBAAoB,QAAQ,IAAI;AAC/D,QAAI;AACF,oBAAc,QAAQ,EAAE,QAAQ,SAAS,MAAM,MAAM,EAAE,GAAG,eAAe,GAAG,UAAS,EAAE,CAAE;IAC3F,SAAS,GAAG;AACV,cAAQ,MAAM,sBAAsB,QAAQ,KAAK,CAAC;IACpD;EACF;EAGQ,aAAa,UAAwB;AAC3C,UAAM,SAAS,aAAa,SAAY,WAAW,KAAK,aAAa,cAAc;AACnF,QAAI,CAAC,QAAQ;AACX,WAAK,QAAQ,CAAA;AACb;IACF;AACA,UAAM,gBAAgB,SAAS,oBAAoB,QAAQ,IAAI;AAC/D,QAAI;AACF,YAAM,MAAM,cAAc,cAAc,EAAE,QAAQ,SAAS,MAAM,MAAM,cAAa,CAAE;AACtF,UAAI,MAAM,QAAQ,GAAG,GAAG;AACtB,aAAK,QAAQ;MACf;IACF,SAAS,GAAG;AACV,cAAQ,MAAM,2DAA2D,CAAC;AAC1E,WAAK,QAAQ,CAAA;IACf;EACF;EAEA,SAAM;AACJ,SAAK,SAAQ;AACb,QAAI,CAAC,KAAK;AAAe;AAEzB,UAAM,aAAa,KAAK,OAAO,OAAO,OAAK,MAAM,IAAI;AACrD,UAAM,SAAS,KAAK,WAAU;AAE9B,QAAI,WAAW,WAAW,GAAG;AAC3B,YAAM,IAAI,KAAK,QAAQ,cAAc,4BAA4B;AACjE,UAAI,GAAG;AACL,cAAM,QAAQ,EAAE,QAAQ,UAAU,IAAI;AACtC,aAAK,gBAAgB,MAAM,KAAK,MAAM,UAAU;AAChD,aAAK,cAAc,QAAQ,OAAI;AAC7B,cAAI,aAAa;AAAc,cAAU,aAAa;QACxD,CAAC;AACD,YAAI;AAAQ,iBAAO,YAAY,KAAK;;AAC/B,eAAK,cAAc,aAAa,OAAO,KAAK,WAAW;MAC9D;AACA;IACF;AAEA,UAAM,WAAW,SAAS,uBAAsB;AAChD,SAAK,OAAO,QAAQ,CAAC,MAAM,UAAS;AAClC,UAAI,SAAS,MAAM;AACjB,aAAK,OAAO,KAAK,IAAI;AACrB;MACF;AACA,YAAM,QAAQ,KAAK,iBAAiB,MAAM,KAAK;AAC/C,WAAK,OAAO,KAAK,KAAK;AACtB,YAAM,QAAQ,OAAK,SAAS,YAAY,CAAC,CAAC;IAC5C,CAAC;AAED,QAAI;AAAQ,aAAO,YAAY,QAAQ;;AAClC,WAAK,cAAc,aAAa,UAAU,KAAK,WAAW;EACjE;EAEQ,WAAQ;AACd,SAAK,OAAO,QAAQ,WAAQ;AAC1B,UAAI;AAAO,cAAM,QAAQ,UAAQ,KAAK,eAAe,YAAY,IAAI,CAAC;IACxE,CAAC;AACD,SAAK,SAAS,CAAA;AACd,SAAK,gBAAe;EACtB;EAEQ,kBAAe;AACrB,SAAK,cAAc,QAAQ,OAAK,EAAE,eAAe,YAAY,CAAC,CAAC;AAC/D,SAAK,gBAAgB,CAAA;EACvB;EAEA,oBAAiB;AACf,SAAK,aAAY;EACnB;EACA,uBAAoB;AAClB,SAAK,SAAQ;EACf;;AAxEQ,WAAA;EADP,iBAAiB,cAAc;;;;;AAtIrB,UAAO,WAAA;EADnB,cAAc,EAAE,MAAM,YAAY,SAAS,WAAU,CAAE;GAC3C,OAAO;",
+  "names": ["SwcLoop"]
+}

package/dist/esm/elements/SwcSubTemplates.js

@@ -0,0 +1,46 @@
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { elementDefine } from "../decorators/elementDefine.js";
+let SwcLoading = class SwcLoading2 extends HTMLTemplateElement {
+};
+SwcLoading = __decorate([
+  elementDefine({ name: "swc-loading", extends: "template" })
+], SwcLoading);
+let SwcError = class SwcError2 extends HTMLTemplateElement {
+};
+SwcError = __decorate([
+  elementDefine({ name: "swc-error", extends: "template" })
+], SwcError);
+let SwcSuccess = class SwcSuccess2 extends HTMLTemplateElement {
+};
+SwcSuccess = __decorate([
+  elementDefine({ name: "swc-success", extends: "template" })
+], SwcSuccess);
+let SwcWhen = class SwcWhen2 extends HTMLTemplateElement {
+};
+SwcWhen = __decorate([
+  elementDefine({ name: "swc-when", extends: "template" })
+], SwcWhen);
+let SwcOtherwise = class SwcOtherwise2 extends HTMLTemplateElement {
+};
+SwcOtherwise = __decorate([
+  elementDefine({ name: "swc-otherwise", extends: "template" })
+], SwcOtherwise);
+let SwcDefault = class SwcDefault2 extends HTMLTemplateElement {
+};
+SwcDefault = __decorate([
+  elementDefine({ name: "swc-default", extends: "template" })
+], SwcDefault);
+export {
+  SwcDefault,
+  SwcError,
+  SwcLoading,
+  SwcOtherwise,
+  SwcSuccess,
+  SwcWhen
+};
+//# sourceMappingURL=SwcSubTemplates.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/SwcSubTemplates.ts"],
+  "sourcesContent": ["import { elementDefine } from '../decorators/elementDefine';\n\n@elementDefine({ name: 'swc-loading', extends: 'template' })\nexport class SwcLoading extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-error', extends: 'template' })\nexport class SwcError extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-success', extends: 'template' })\nexport class SwcSuccess extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-when', extends: 'template' })\nexport class SwcWhen extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-otherwise', extends: 'template' })\nexport class SwcOtherwise extends HTMLTemplateElement {}\n\n@elementDefine({ name: 'swc-default', extends: 'template' })\nexport class SwcDefault extends HTMLTemplateElement {}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,qBAAqB;AAGvB,IAAM,aAAN,MAAMA,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;AAGhB,IAAM,WAAN,MAAMC,kBAAiB,oBAAmB;;AAApC,WAAQ,WAAA;EADpB,cAAc,EAAE,MAAM,aAAa,SAAS,WAAU,CAAE;GAC5C,QAAQ;AAGd,IAAM,aAAN,MAAMC,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;AAGhB,IAAM,UAAN,MAAMC,iBAAgB,oBAAmB;;AAAnC,UAAO,WAAA;EADnB,cAAc,EAAE,MAAM,YAAY,SAAS,WAAU,CAAE;GAC3C,OAAO;AAGb,IAAM,eAAN,MAAMC,sBAAqB,oBAAmB;;AAAxC,eAAY,WAAA;EADxB,cAAc,EAAE,MAAM,iBAAiB,SAAS,WAAU,CAAE;GAChD,YAAY;AAGlB,IAAM,aAAN,MAAMC,oBAAmB,oBAAmB;;AAAtC,aAAU,WAAA;EADtB,cAAc,EAAE,MAAM,eAAe,SAAS,WAAU,CAAE;GAC9C,UAAU;",
+  "names": ["SwcLoading", "SwcError", "SwcSuccess", "SwcWhen", "SwcOtherwise", "SwcDefault"]
+}

package/dist/esm/elements/index.js

@@ -1,2 +1,9 @@
 export * from "./is/index.js";
+export * from "./SwcSubTemplates.js";
+export * from "./SwcLoop.js";
+export * from "./SwcIf.js";
+export * from "./SwcChoose.js";
+export * from "./SwcAsync.js";
+export * from "./SwcApp.js";
+export * from "./SwcAppEngine.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/index.ts"],
-  "sourcesContent": ["// import {SwcHTMLElement} from \"./SwcHTMLElement\";\n\nexport * from './is'"],
-  "mappings": "AAEA,cAAc;",
+  "sourcesContent": ["export * from './is';\nexport * from './SwcSubTemplates';\nexport * from './SwcLoop';\nexport * from './SwcIf';\nexport * from './SwcChoose';\nexport * from './SwcAsync';\nexport * from './SwcApp';\nexport * from './SwcAppEngine';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/index.js

@@ -2,13 +2,19 @@ import "reflect-metadata";
 export * from "./decorators/elementDefine.js";
 export * from "./decorators/setAttribute.js";
 export * from "./decorators/changedAttribute.js";
-export * from "./decorators/innerHtml.js";
+export * from "./decorators/onConnectedInnerHtml.js";
+import { onConnectedInnerHtml } from "./decorators/onConnectedInnerHtml.js";
+export * from "./decorators/replaceChildren.js";
+export * from "./decorators/appendChild.js";
 export * from "./decorators/emitCustomEvent.js";
 export * from "./decorators/lifecycles.js";
 export * from "./decorators/query.js";
 export * from "./decorators/queryAll.js";
 export * from "./decorators/addEventListener.js";
 export * from "./types.js";
-export * from "./elements/is/index.js";
+export * from "./elements/index.js";
 export * from "./utils/Utils.js";
+export {
+  onConnectedInnerHtml as innerHtml
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import 'reflect-metadata';\n\n// Decorators\nexport * from './decorators/elementDefine';\nexport * from './decorators/setAttribute';\nexport * from './decorators/changedAttribute';\nexport * from './decorators/innerHtml';\nexport * from './decorators/emitCustomEvent';\nexport * from './decorators/lifecycles';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\n\n// Types\nexport * from './types';\n\n// Apps (Customized Built-in Elements)\nexport * from './elements/is';\n\n// Utilities\nexport * from './utils/Utils';\n"],
-  "mappings": "AAAA,OAAO;AAGP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,cAAc;",
+  "sourcesContent": ["import 'reflect-metadata';\n\n// Decorators\nexport * from './decorators/elementDefine';\nexport * from './decorators/setAttribute';\nexport * from './decorators/changedAttribute';\nexport * from './decorators/onConnectedInnerHtml';\nexport { onConnectedInnerHtml as innerHtml } from './decorators/onConnectedInnerHtml';\nexport * from './decorators/replaceChildren';\nexport * from './decorators/appendChild';\nexport * from './decorators/emitCustomEvent';\nexport * from './decorators/lifecycles';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\n\n// Types\nexport * from './types';\n\n// Apps (Customized Built-in Elements)\nexport * from './elements';\n\n// Utilities\nexport * from './utils/Utils';\n"],
+  "mappings": "AAAA,OAAO;AAGP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAiC,4BAAiB;AAClD,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,cAAc;",
   "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/routers/Router';\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 HostSet = {\n  $host: HTMLElement; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [self, parent, ..., top]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  routing(path: string): Promise<void>;\n}\n"],
+  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web/routers/Router';\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}\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: (selector: string,  root?: Element | Document | ShadowRoot) => HTMLElement | null;\n}\nexport type HostSet = {\n  $host: HTMLElement; // Current component itself\n  $parentHost: HTMLElement | null; // Nearest parent SWC component\n  $hosts: HTMLElement[]; // [self, parent, ..., top]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $parentHost (for backward compatibility or clarity)\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet;\n\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  router?: Router;\n  routing(path: string): Promise<void>;\n}\n"],
   "mappings": "AAGO,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

@@ -1,7 +1,26 @@
 import { getElementConfig } from "../decorators/elementDefine.js";
 const SWC_NOT_FOUND = Symbol("SWC_NOT_FOUND");
-class SwcUtils {
-  static getValueByPath(obj, path, rootName) {
+var SwcUtils;
+((SwcUtils2) => {
+  SwcUtils2.getHelperSet = (win) => {
+    const doc = win.document;
+    return {
+      $d: doc,
+      $w: win,
+      $q: (sel, root) => (root ?? doc).querySelector(sel),
+      $qa: (sel, root) => Array.from((root ?? doc).querySelectorAll(sel)),
+      $qi: (id, root) => (root ?? doc).getElementById(id)
+    };
+  };
+  SwcUtils2.getHelperAndHostSet = (win, el) => {
+    const helperSet = (0, SwcUtils2.getHelperSet)(win);
+    const hostSet = (0, SwcUtils2.getHostSet)(el);
+    return {
+      ...helperSet,
+      ...hostSet
+    };
+  };
+  SwcUtils2.getValueByPath = (obj, path, rootName) => {
     if (!obj || !path) return SWC_NOT_FOUND;
     const parts = path.split(".");
     let current = obj;
@@ -10,49 +29,66 @@ class SwcUtils {
       current = current[part];
     }
     return current;
-  }
-  static findNearestSwcHost(el) {
-    let current = el instanceof Node && !(el instanceof HTMLElement) ? el.host : el;
-    current = current?.parentElement || current?.getRootNode()?.host;
-    while (current) {
+  };
+  SwcUtils2.findNearestSwcHost = (el) => {
+    if (el.__swc_host) return el.__swc_host;
+    let current = el.parentElement || el.getRootNode?.()?.host;
+    while (current && current !== document && current !== window) {
+      if (current.__swc_host) return current.__swc_host;
       if (getElementConfig(current)) return current;
-      current = current.parentElement || current?.getRootNode()?.host;
+      current = current.parentElement || current.getRootNode?.()?.host;
     }
     return void 0;
-  }
-  /**
-   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.
-   */
-  static findAllSwcHosts(el) {
+  };
+  SwcUtils2.findAllSwcHosts = (el) => {
     const hosts = [];
-    let current = this.findNearestSwcHost(el);
+    let current = (0, SwcUtils2.findNearestSwcHost)(el);
     while (current) {
       hosts.push(current);
-      current = this.findNearestSwcHost(current);
+      current = (0, SwcUtils2.findNearestSwcHost)(current);
     }
     return hosts.reverse();
-  }
-  static getHosts(el) {
-    return [...this.findAllSwcHosts(el), el];
-  }
-  static getHost(el) {
-    return el;
-  }
-  static getAppHosts(el) {
-    const hosts = this.getHosts(el);
+  };
+  SwcUtils2.getHosts = (el) => {
+    const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
+    if (getElementConfig(el)) return [...ancestors, el];
+    return ancestors;
+  };
+  SwcUtils2.getHost = (el) => {
+    if (getElementConfig(el)) return el;
+    return (0, SwcUtils2.findNearestSwcHost)(el);
+  };
+  SwcUtils2.getAppHosts = (el) => {
+    const hosts = (0, SwcUtils2.getHosts)(el);
     return hosts.filter((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
-  }
-  static getAppHost(el) {
-    const appHosts = this.getAppHosts(el);
+  };
+  SwcUtils2.getAppHost = (el) => {
+    const appHosts = (0, SwcUtils2.getAppHosts)(el);
     const appHostsWithoutSelf = appHosts.filter((h) => h !== el);
     return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : void 0;
-  }
-  static getHostSet(el) {
-    const ancestors = this.findAllSwcHosts(el);
-    const $host = el;
-    const $hosts = [...ancestors, $host];
-    const $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
-    const $firstHost = ancestors.length > 0 ? ancestors[0] : null;
+  };
+  SwcUtils2.getHostSet = (el) => {
+    const isSwc = !!getElementConfig(el);
+    const ancestors = (0, SwcUtils2.findAllSwcHosts)(el);
+    let $host;
+    let $parentHost;
+    if (isSwc) {
+      $host = el;
+      $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
+    } else {
+      $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : el;
+      $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;
+    }
+    const $hosts = isSwc ? [...ancestors, el] : ancestors;
+    const $firstHost = $hosts.length > 0 ? $hosts[0] : null;
+    const loopContext = {};
+    let curr = el;
+    while (curr && curr !== document.documentElement) {
+      if (curr.__swc_loop_context) {
+        Object.assign(loopContext, curr.__swc_loop_context);
+      }
+      curr = curr.parentElement || curr.getRootNode().host;
+    }
     const $appHosts = $hosts.filter((h) => h.tagName.toLowerCase() === "swc-app" || h.getAttribute("is")?.startsWith("swc-app-"));
     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;
@@ -65,10 +101,11 @@ class SwcUtils {
       $appHost,
       $appHosts,
       $firstAppHost,
-      $lastAppHost: $appHost
+      $lastAppHost: $appHost,
+      ...loopContext
     };
-  }
-}
+  };
+})(SwcUtils || (SwcUtils = {}));
 export {
   SWC_NOT_FOUND,
   SwcUtils

package/dist/esm/utils/Utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/Utils.ts"],
-  "sourcesContent": ["import { SwcAppInterface, HostSet } from '../types';\nimport { getElementConfig } from '../decorators/elementDefine';\n\nexport const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\nexport class SwcUtils {\n  static getValueByPath(obj: any, path: string, rootName: string) {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n    let current = obj;\n\n    for (const part of parts) {\n      if (current === null || current === undefined) return SWC_NOT_FOUND;\n      current = current[part];\n    }\n    return current;\n  }\n\n  static findNearestSwcHost(el: HTMLElement | Node): HTMLElement | undefined {\n    let current: any = el instanceof Node && !(el instanceof HTMLElement) ? (el as any).host : el;\n    current = current?.parentElement || (current?.getRootNode() as any)?.host;\n\n    while (current) {\n      if (getElementConfig(current)) return current as HTMLElement;\n      current = current.parentElement || (current?.getRootNode() as any)?.host;\n    }\n    return undefined;\n  }\n\n  /**\n   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.\n   */\n  static findAllSwcHosts(el: HTMLElement | Node): HTMLElement[] {\n    const hosts: HTMLElement[] = [];\n    let current = this.findNearestSwcHost(el);\n    while (current) {\n      hosts.push(current);\n      current = this.findNearestSwcHost(current);\n    }\n    return hosts.reverse();\n  }\n\n  static getHosts(el: HTMLElement): HTMLElement[] {\n    return [...this.findAllSwcHosts(el), el];\n  }\n\n  static getHost(el: HTMLElement): HTMLElement | undefined {\n    return el;\n  }\n\n  static getAppHosts(el: HTMLElement): SwcAppInterface[] {\n    const hosts = this.getHosts(el);\n    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n  }\n\n  static getAppHost(el: HTMLElement): SwcAppInterface | undefined {\n    const appHosts = this.getAppHosts(el);\n    const appHostsWithoutSelf = appHosts.filter(h => h !== el);\n    // Nearest app host is the last one in [root, ..., parent]\n    return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : undefined;\n  }\n\n  static getHostSet(el: HTMLElement): HostSet {\n    const ancestors = this.findAllSwcHosts(el); // [root, ..., parent]\n    const $host = el;\n    const $hosts = [...ancestors, $host]; // [root, ..., parent, self]\n    const $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;\n    const $firstHost = ancestors.length > 0 ? ancestors[0] : null;\n\n    const $appHosts = $hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n    const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;\n    const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;\n\n    return {\n      $host,\n      $parentHost,\n      $hosts,\n      $firstHost,\n      $lastHost: $parentHost,\n      $appHost,\n      $appHosts,\n      $firstAppHost,\n      $lastAppHost: $appHost\n    };\n  }\n}\n"],
-  "mappings": "AACA,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,SAAS;AAAA,EACpB,OAAO,eAAe,KAAU,MAAc,UAAkB;AAC9D,QAAI,CAAC,OAAO,CAAC,KAAM,QAAO;AAE1B,UAAM,QAAQ,KAAK,MAAM,GAAG;AAC5B,QAAI,UAAU;AAEd,eAAW,QAAQ,OAAO;AACxB,UAAI,YAAY,QAAQ,YAAY,OAAW,QAAO;AACtD,gBAAU,QAAQ,IAAI;AAAA,IACxB;AACA,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,mBAAmB,IAAiD;AACzE,QAAI,UAAe,cAAc,QAAQ,EAAE,cAAc,eAAgB,GAAW,OAAO;AAC3F,cAAU,SAAS,iBAAkB,SAAS,YAAY,GAAW;AAErE,WAAO,SAAS;AACd,UAAI,iBAAiB,OAAO,EAAG,QAAO;AACtC,gBAAU,QAAQ,iBAAkB,SAAS,YAAY,GAAW;AAAA,IACtE;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,gBAAgB,IAAuC;AAC5D,UAAM,QAAuB,CAAC;AAC9B,QAAI,UAAU,KAAK,mBAAmB,EAAE;AACxC,WAAO,SAAS;AACd,YAAM,KAAK,OAAO;AAClB,gBAAU,KAAK,mBAAmB,OAAO;AAAA,IAC3C;AACA,WAAO,MAAM,QAAQ;AAAA,EACvB;AAAA,EAEA,OAAO,SAAS,IAAgC;AAC9C,WAAO,CAAC,GAAG,KAAK,gBAAgB,EAAE,GAAG,EAAE;AAAA,EACzC;AAAA,EAEA,OAAO,QAAQ,IAA0C;AACvD,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,YAAY,IAAoC;AACrD,UAAM,QAAQ,KAAK,SAAS,EAAE;AAC9B,WAAO,MAAM,OAAO,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACzH;AAAA,EAEA,OAAO,WAAW,IAA8C;AAC9D,UAAM,WAAW,KAAK,YAAY,EAAE;AACpC,UAAM,sBAAsB,SAAS,OAAO,OAAK,MAAM,EAAE;AAEzD,WAAO,oBAAoB,SAAS,IAAI,oBAAoB,oBAAoB,SAAS,CAAC,IAAI;AAAA,EAChG;AAAA,EAEA,OAAO,WAAW,IAA0B;AAC1C,UAAM,YAAY,KAAK,gBAAgB,EAAE;AACzC,UAAM,QAAQ;AACd,UAAM,SAAS,CAAC,GAAG,WAAW,KAAK;AACnC,UAAM,cAAc,UAAU,SAAS,IAAI,UAAU,UAAU,SAAS,CAAC,IAAI;AAC7E,UAAM,aAAa,UAAU,SAAS,IAAI,UAAU,CAAC,IAAI;AAEzD,UAAM,YAAY,OAAO,OAAO,OAAK,EAAE,QAAQ,YAAY,MAAM,aAAa,EAAE,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAC1H,UAAM,WAAW,UAAU,SAAS,IAAK,UAAU,UAAU,SAAS,CAAC,MAAM,KAAM,UAAU,SAAS,IAAI,UAAU,UAAU,SAAS,CAAC,IAAI,OAAQ,UAAU,UAAU,SAAS,CAAC,IAAK;AACvL,UAAM,gBAAgB,UAAU,SAAS,IAAI,UAAU,CAAC,IAAI;AAE5D,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AACF;",
-  "names": []
+  "sourcesContent": ["import { SwcAppInterface, HostSet, HelperSet, HelperHostSet } from '../types';\nimport { getElementConfig } from '../decorators/elementDefine';\n\nexport const SWC_NOT_FOUND = Symbol('SWC_NOT_FOUND');\n\nexport namespace SwcUtils {\n  export const getHelperSet = (win: Window): HelperSet => {\n    const doc: Document = win.document;\n    return {\n      $d: doc,\n      $w: win,\n      $q: (sel: string, root?: Element | Document | ShadowRoot) => (root ?? doc).querySelector(sel),\n      $qa: (sel: string, root?: Element | Document | ShadowRoot) => Array.from((root ?? doc).querySelectorAll(sel)) as HTMLElement[],\n      $qi: (id: string, root?: Document | ShadowRoot) => (root ?? doc).getElementById(id) as HTMLElement\n    } as const;\n  };\n\n  export const getHelperAndHostSet = (win: Window, el: HTMLElement): HelperHostSet => {\n    const helperSet = getHelperSet(win);\n    const hostSet = getHostSet(el);\n    return {\n      ...helperSet,\n      ...hostSet\n    };\n  };\n\n  export const getValueByPath = (obj: any, path: string, rootName: string) => {\n    if (!obj || !path) return SWC_NOT_FOUND;\n\n    const parts = path.split('.');\n    let current = obj;\n\n    for (const part of parts) {\n      if (current === null || current === undefined) return SWC_NOT_FOUND;\n      current = current[part];\n    }\n    return current;\n  };\n\n  /**\n   * Finds the nearest logical SWC host for an element.\n   * Checks __swc_host property first, then climbs the DOM tree.\n   */\n  export const findNearestSwcHost = (el: HTMLElement | Node): HTMLElement | undefined => {\n    if ((el as any).__swc_host) return (el as any).__swc_host;\n\n    let current: any = el.parentElement || (el.getRootNode?.() as any)?.host;\n    while (current && current !== document && current !== window) {\n      if (current.__swc_host) return current.__swc_host;\n      if (getElementConfig(current)) return current as HTMLElement;\n      current = current.parentElement || (current.getRootNode?.() as any)?.host;\n    }\n    return undefined;\n  };\n\n  /**\n   * Returns all SWC ancestors (excluding self) in [root, ..., parent] order.\n   */\n  export const findAllSwcHosts = (el: HTMLElement | Node): HTMLElement[] => {\n    const hosts: HTMLElement[] = [];\n    let current = findNearestSwcHost(el);\n    while (current) {\n      hosts.push(current);\n      // To find the next ancestor, we must start searching from the PARENT of the found host\n      current = findNearestSwcHost(current);\n    }\n    return hosts.reverse();\n  };\n\n  export const getHosts = (el: HTMLElement): HTMLElement[] => {\n    const ancestors = findAllSwcHosts(el);\n    if (getElementConfig(el)) return [...ancestors, el];\n    return ancestors;\n  };\n\n  export const getHost = (el: HTMLElement): HTMLElement | undefined => {\n    if (getElementConfig(el)) return el;\n    return findNearestSwcHost(el);\n  };\n\n  export const getAppHosts = (el: HTMLElement): SwcAppInterface[] => {\n    const hosts = getHosts(el);\n    return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n  };\n\n  export const getAppHost = (el: HTMLElement): SwcAppInterface | undefined => {\n    const appHosts = getAppHosts(el);\n    const appHostsWithoutSelf = appHosts.filter(h => h !== el);\n    return appHostsWithoutSelf.length > 0 ? appHostsWithoutSelf[appHostsWithoutSelf.length - 1] : undefined;\n  };\n\n  export const getHostSet = (el: HTMLElement): HostSet => {\n    const isSwc = !!getElementConfig(el);\n    const ancestors = findAllSwcHosts(el); // [root, ..., parent]\n\n    let $host: HTMLElement;\n    let $parentHost: HTMLElement | null;\n\n    if (isSwc) {\n      $host = el;\n      $parentHost = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;\n    } else {\n      $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : el;\n      $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;\n    }\n\n    const $hosts = isSwc ? [...ancestors, el] : ancestors;\n    const $firstHost = $hosts.length > 0 ? $hosts[0] : null;\n\n    // Collect loop contexts\n    const loopContext: Record<string, any> = {};\n    let curr: any = el;\n    while (curr && curr !== document.documentElement) {\n      if (curr.__swc_loop_context) {\n        Object.assign(loopContext, curr.__swc_loop_context);\n      }\n      curr = curr.parentElement || (curr.getRootNode() as any).host;\n    }\n\n    const $appHosts = $hosts.filter(h => h.tagName.toLowerCase() === 'swc-app' || h.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];\n    const $appHost = $appHosts.length > 0 ? ($appHosts[$appHosts.length - 1] === el ? ($appHosts.length > 1 ? $appHosts[$appHosts.length - 2] : null) : $appHosts[$appHosts.length - 1]) : null;\n    const $firstAppHost = $appHosts.length > 0 ? $appHosts[0] : null;\n\n    return {\n      $host,\n      $parentHost,\n      $hosts,\n      $firstHost,\n      $lastHost: $parentHost,\n      $appHost,\n      $appHosts,\n      $firstAppHost,\n      $lastAppHost: $appHost,\n      ...loopContext\n    } as any;\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["SwcUtils"]
 }