@dooboostore/simple-web-component 1.0.12 → 1.0.13

package/dist/cjs/elements/base/SwcHTMLTextAreaElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLTextAreaElementBase extends HTMLTextAreaElement {
     this._asIndexKey = "index";
     this._isInitialized = false;
   }
-  getNearAppHost() {
-    const hosts = this.getHosts();
-    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  getAppHost() {
+    return import_Utils.SwcUtils.getAppHost(this);
+  }
+  getAppHosts() {
+    return import_Utils.SwcUtils.getAppHosts(this);
+  }
+  getFirstAppHost() {
+    return import_Utils.SwcUtils.getFirstAppHost(this);
+  }
+  getLastAppHost() {
+    return import_Utils.SwcUtils.getLastAppHost(this);
   }
   getHosts() {
-    return import_Utils.SwcUtils.findAllSwcHosts(this);
+    return import_Utils.SwcUtils.getHosts(this);
   }
   getHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+    return import_Utils.SwcUtils.getHost(this);
   }
   getFirstHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : void 0;
+    return import_Utils.SwcUtils.getFirstHost(this);
   }
   getLastHost() {
     return this.getHost();
   }
+  getHostSet() {
+    return import_Utils.SwcUtils.getHostSet(this);
+  }
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/dist/cjs/elements/base/SwcHTMLTextAreaElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLTextAreaElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLTextAreaElementBase extends HTMLTextAreaElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAIlB,MAAe,mCAAmC,oBAAuD;AAAA,EAO9G,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';\n\nexport abstract class SwcHTMLTextAreaElementBase extends HTMLTextAreaElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getAppHost(this);\n  }\n\n  public getAppHosts(): SwcAppInterface[] {\n    return SwcUtils.getAppHosts(this);\n  }\n\n  public getFirstAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getFirstAppHost(this);\n  }\n\n  public getLastAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getLastAppHost(this);\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.getHosts(this);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getHost(this);\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getFirstHost(this);\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  public getHostSet(): HostSet {\n    return SwcUtils.getHostSet(this);\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAGlB,MAAe,mCAAmC,oBAAuD;AAAA,EAO9G,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,aAA0C;AAC/C,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA,EAEO,cAAiC;AACtC,WAAO,sBAAS,YAAY,IAAI;AAAA,EAClC;AAAA,EAEO,kBAA+C;AACpD,WAAO,sBAAS,gBAAgB,IAAI;AAAA,EACtC;AAAA,EAEO,iBAA8C;AACnD,WAAO,sBAAS,eAAe,IAAI;AAAA,EACrC;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEO,UAA+C;AACpD,WAAO,sBAAS,QAAQ,IAAI;AAAA,EAC9B;AAAA,EAEO,eAAoD;AACzD,WAAO,sBAAS,aAAa,IAAI;AAAA,EACnC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEO,aAAsB;AAC3B,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/cjs/elements/base/SwcHTMLTimeElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLTimeElementBase extends HTMLTimeElement {
     this._asIndexKey = "index";
     this._isInitialized = false;
   }
-  getNearAppHost() {
-    const hosts = this.getHosts();
-    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  getAppHost() {
+    return import_Utils.SwcUtils.getAppHost(this);
+  }
+  getAppHosts() {
+    return import_Utils.SwcUtils.getAppHosts(this);
+  }
+  getFirstAppHost() {
+    return import_Utils.SwcUtils.getFirstAppHost(this);
+  }
+  getLastAppHost() {
+    return import_Utils.SwcUtils.getLastAppHost(this);
   }
   getHosts() {
-    return import_Utils.SwcUtils.findAllSwcHosts(this);
+    return import_Utils.SwcUtils.getHosts(this);
   }
   getHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+    return import_Utils.SwcUtils.getHost(this);
   }
   getFirstHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : void 0;
+    return import_Utils.SwcUtils.getFirstHost(this);
   }
   getLastHost() {
     return this.getHost();
   }
+  getHostSet() {
+    return import_Utils.SwcUtils.getHostSet(this);
+  }
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/dist/cjs/elements/base/SwcHTMLTimeElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLTimeElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLTimeElementBase extends HTMLTimeElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAIlB,MAAe,+BAA+B,gBAAmD;AAAA,EAOtG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';\n\nexport abstract class SwcHTMLTimeElementBase extends HTMLTimeElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getAppHost(this);\n  }\n\n  public getAppHosts(): SwcAppInterface[] {\n    return SwcUtils.getAppHosts(this);\n  }\n\n  public getFirstAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getFirstAppHost(this);\n  }\n\n  public getLastAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getLastAppHost(this);\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.getHosts(this);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getHost(this);\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getFirstHost(this);\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  public getHostSet(): HostSet {\n    return SwcUtils.getHostSet(this);\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAGlB,MAAe,+BAA+B,gBAAmD;AAAA,EAOtG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,aAA0C;AAC/C,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA,EAEO,cAAiC;AACtC,WAAO,sBAAS,YAAY,IAAI;AAAA,EAClC;AAAA,EAEO,kBAA+C;AACpD,WAAO,sBAAS,gBAAgB,IAAI;AAAA,EACtC;AAAA,EAEO,iBAA8C;AACnD,WAAO,sBAAS,eAAe,IAAI;AAAA,EACrC;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEO,UAA+C;AACpD,WAAO,sBAAS,QAAQ,IAAI;AAAA,EAC9B;AAAA,EAEO,eAAoD;AACzD,WAAO,sBAAS,aAAa,IAAI;AAAA,EACnC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEO,aAAsB;AAC3B,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/cjs/elements/base/SwcHTMLTitleElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLTitleElementBase extends HTMLTitleElement {
     this._asIndexKey = "index";
     this._isInitialized = false;
   }
-  getNearAppHost() {
-    const hosts = this.getHosts();
-    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  getAppHost() {
+    return import_Utils.SwcUtils.getAppHost(this);
+  }
+  getAppHosts() {
+    return import_Utils.SwcUtils.getAppHosts(this);
+  }
+  getFirstAppHost() {
+    return import_Utils.SwcUtils.getFirstAppHost(this);
+  }
+  getLastAppHost() {
+    return import_Utils.SwcUtils.getLastAppHost(this);
   }
   getHosts() {
-    return import_Utils.SwcUtils.findAllSwcHosts(this);
+    return import_Utils.SwcUtils.getHosts(this);
   }
   getHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+    return import_Utils.SwcUtils.getHost(this);
   }
   getFirstHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : void 0;
+    return import_Utils.SwcUtils.getFirstHost(this);
   }
   getLastHost() {
     return this.getHost();
   }
+  getHostSet() {
+    return import_Utils.SwcUtils.getHostSet(this);
+  }
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/dist/cjs/elements/base/SwcHTMLTitleElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLTitleElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLTitleElementBase extends HTMLTitleElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAIlB,MAAe,gCAAgC,iBAAoD;AAAA,EAOxG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';\n\nexport abstract class SwcHTMLTitleElementBase extends HTMLTitleElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getAppHost(this);\n  }\n\n  public getAppHosts(): SwcAppInterface[] {\n    return SwcUtils.getAppHosts(this);\n  }\n\n  public getFirstAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getFirstAppHost(this);\n  }\n\n  public getLastAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getLastAppHost(this);\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.getHosts(this);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getHost(this);\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getFirstHost(this);\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  public getHostSet(): HostSet {\n    return SwcUtils.getHostSet(this);\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAGlB,MAAe,gCAAgC,iBAAoD;AAAA,EAOxG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,aAA0C;AAC/C,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA,EAEO,cAAiC;AACtC,WAAO,sBAAS,YAAY,IAAI;AAAA,EAClC;AAAA,EAEO,kBAA+C;AACpD,WAAO,sBAAS,gBAAgB,IAAI;AAAA,EACtC;AAAA,EAEO,iBAA8C;AACnD,WAAO,sBAAS,eAAe,IAAI;AAAA,EACrC;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEO,UAA+C;AACpD,WAAO,sBAAS,QAAQ,IAAI;AAAA,EAC9B;AAAA,EAEO,eAAoD;AACzD,WAAO,sBAAS,aAAa,IAAI;AAAA,EACnC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEO,aAAsB;AAC3B,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/cjs/elements/base/SwcHTMLTrackElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLTrackElementBase extends HTMLTrackElement {
     this._asIndexKey = "index";
     this._isInitialized = false;
   }
-  getNearAppHost() {
-    const hosts = this.getHosts();
-    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  getAppHost() {
+    return import_Utils.SwcUtils.getAppHost(this);
+  }
+  getAppHosts() {
+    return import_Utils.SwcUtils.getAppHosts(this);
+  }
+  getFirstAppHost() {
+    return import_Utils.SwcUtils.getFirstAppHost(this);
+  }
+  getLastAppHost() {
+    return import_Utils.SwcUtils.getLastAppHost(this);
   }
   getHosts() {
-    return import_Utils.SwcUtils.findAllSwcHosts(this);
+    return import_Utils.SwcUtils.getHosts(this);
   }
   getHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+    return import_Utils.SwcUtils.getHost(this);
   }
   getFirstHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : void 0;
+    return import_Utils.SwcUtils.getFirstHost(this);
   }
   getLastHost() {
     return this.getHost();
   }
+  getHostSet() {
+    return import_Utils.SwcUtils.getHostSet(this);
+  }
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/dist/cjs/elements/base/SwcHTMLTrackElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLTrackElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLTrackElementBase extends HTMLTrackElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAIlB,MAAe,gCAAgC,iBAAoD;AAAA,EAOxG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';\n\nexport abstract class SwcHTMLTrackElementBase extends HTMLTrackElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getAppHost(this);\n  }\n\n  public getAppHosts(): SwcAppInterface[] {\n    return SwcUtils.getAppHosts(this);\n  }\n\n  public getFirstAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getFirstAppHost(this);\n  }\n\n  public getLastAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getLastAppHost(this);\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.getHosts(this);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getHost(this);\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getFirstHost(this);\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  public getHostSet(): HostSet {\n    return SwcUtils.getHostSet(this);\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAGlB,MAAe,gCAAgC,iBAAoD;AAAA,EAOxG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,aAA0C;AAC/C,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA,EAEO,cAAiC;AACtC,WAAO,sBAAS,YAAY,IAAI;AAAA,EAClC;AAAA,EAEO,kBAA+C;AACpD,WAAO,sBAAS,gBAAgB,IAAI;AAAA,EACtC;AAAA,EAEO,iBAA8C;AACnD,WAAO,sBAAS,eAAe,IAAI;AAAA,EACrC;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEO,UAA+C;AACpD,WAAO,sBAAS,QAAQ,IAAI;AAAA,EAC9B;AAAA,EAEO,eAAoD;AACzD,WAAO,sBAAS,aAAa,IAAI;AAAA,EACnC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEO,aAAsB;AAC3B,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/cjs/elements/base/SwcHTMLUListElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLUListElementBase extends HTMLUListElement {
     this._asIndexKey = "index";
     this._isInitialized = false;
   }
-  getNearAppHost() {
-    const hosts = this.getHosts();
-    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  getAppHost() {
+    return import_Utils.SwcUtils.getAppHost(this);
+  }
+  getAppHosts() {
+    return import_Utils.SwcUtils.getAppHosts(this);
+  }
+  getFirstAppHost() {
+    return import_Utils.SwcUtils.getFirstAppHost(this);
+  }
+  getLastAppHost() {
+    return import_Utils.SwcUtils.getLastAppHost(this);
   }
   getHosts() {
-    return import_Utils.SwcUtils.findAllSwcHosts(this);
+    return import_Utils.SwcUtils.getHosts(this);
   }
   getHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+    return import_Utils.SwcUtils.getHost(this);
   }
   getFirstHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : void 0;
+    return import_Utils.SwcUtils.getFirstHost(this);
   }
   getLastHost() {
     return this.getHost();
   }
+  getHostSet() {
+    return import_Utils.SwcUtils.getHostSet(this);
+  }
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/dist/cjs/elements/base/SwcHTMLUListElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLUListElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLUListElementBase extends HTMLUListElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAIlB,MAAe,gCAAgC,iBAAoD;AAAA,EAOxG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';\n\nexport abstract class SwcHTMLUListElementBase extends HTMLUListElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getAppHost(this);\n  }\n\n  public getAppHosts(): SwcAppInterface[] {\n    return SwcUtils.getAppHosts(this);\n  }\n\n  public getFirstAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getFirstAppHost(this);\n  }\n\n  public getLastAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getLastAppHost(this);\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.getHosts(this);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getHost(this);\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getFirstHost(this);\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  public getHostSet(): HostSet {\n    return SwcUtils.getHostSet(this);\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAGlB,MAAe,gCAAgC,iBAAoD;AAAA,EAOxG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,aAA0C;AAC/C,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA,EAEO,cAAiC;AACtC,WAAO,sBAAS,YAAY,IAAI;AAAA,EAClC;AAAA,EAEO,kBAA+C;AACpD,WAAO,sBAAS,gBAAgB,IAAI;AAAA,EACtC;AAAA,EAEO,iBAA8C;AACnD,WAAO,sBAAS,eAAe,IAAI;AAAA,EACrC;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEO,UAA+C;AACpD,WAAO,sBAAS,QAAQ,IAAI;AAAA,EAC9B;AAAA,EAEO,eAAoD;AACzD,WAAO,sBAAS,aAAa,IAAI;AAAA,EACnC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEO,aAAsB;AAC3B,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/cjs/elements/base/SwcHTMLVideoElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLVideoElementBase extends HTMLVideoElement {
     this._asIndexKey = "index";
     this._isInitialized = false;
   }
-  getNearAppHost() {
-    const hosts = this.getHosts();
-    return hosts.reverse().find((host) => host.tagName.toLowerCase() === "swc-app" || host.getAttribute("is")?.startsWith("swc-app-"));
+  getAppHost() {
+    return import_Utils.SwcUtils.getAppHost(this);
+  }
+  getAppHosts() {
+    return import_Utils.SwcUtils.getAppHosts(this);
+  }
+  getFirstAppHost() {
+    return import_Utils.SwcUtils.getFirstAppHost(this);
+  }
+  getLastAppHost() {
+    return import_Utils.SwcUtils.getLastAppHost(this);
   }
   getHosts() {
-    return import_Utils.SwcUtils.findAllSwcHosts(this);
+    return import_Utils.SwcUtils.getHosts(this);
   }
   getHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+    return import_Utils.SwcUtils.getHost(this);
   }
   getFirstHost() {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : void 0;
+    return import_Utils.SwcUtils.getFirstHost(this);
   }
   getLastHost() {
     return this.getHost();
   }
+  getHostSet() {
+    return import_Utils.SwcUtils.getHostSet(this);
+  }
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/dist/cjs/elements/base/SwcHTMLVideoElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLVideoElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLVideoElementBase extends HTMLVideoElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getNearAppHost(): SwcAppInterface | undefined {\n    const hosts = this.getHosts();\n    // [Root, ..., Parent] \uC21C\uC11C\uC774\uBBC0\uB85C reverse() \uD6C4 find \uD558\uC5EC \uCD5C\uCE21\uADFC\uC744 \uCC3E\uC2B5\uB2C8\uB2E4.\n    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.findAllSwcHosts(this as any);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    const hosts = this.getHosts();\n    return hosts.length > 0 ? hosts[0] : undefined;\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAIlB,MAAe,gCAAgC,iBAAoD;AAAA,EAOxG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,iBAA8C;AACnD,UAAM,QAAQ,KAAK,SAAS;AAE5B,WAAO,MAAM,QAAQ,EAAE,KAAK,UAAQ,KAAK,QAAQ,YAAY,MAAM,aAAa,KAAK,aAAa,IAAI,GAAG,WAAW,UAAU,CAAC;AAAA,EACjI;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,gBAAgB,IAAW;AAAA,EAC7C;AAAA,EAEO,UAA+C;AACpD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI;AAAA,EACtD;AAAA,EAEO,eAAoD;AACzD,UAAM,QAAQ,KAAK,SAAS;AAC5B,WAAO,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI;AAAA,EACvC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
+  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';\n\nexport abstract class SwcHTMLVideoElementBase extends HTMLVideoElement implements SwcHTMLElementInterface {\n  protected _masterTplNodes: Node[] = [];\n  protected _asKey: string = 'value';\n  protected _asItemKey: string = 'item';\n  protected _asIndexKey: string = 'index';\n  protected _isInitialized = false;\n\n  constructor() {\n    super();\n  }\n\n  public getAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getAppHost(this);\n  }\n\n  public getAppHosts(): SwcAppInterface[] {\n    return SwcUtils.getAppHosts(this);\n  }\n\n  public getFirstAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getFirstAppHost(this);\n  }\n\n  public getLastAppHost(): SwcAppInterface | undefined {\n    return SwcUtils.getLastAppHost(this);\n  }\n\n  public getHosts(): SwcHTMLElementInterface[] {\n    return SwcUtils.getHosts(this);\n  }\n\n  public getHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getHost(this);\n  }\n\n  public getFirstHost(): SwcHTMLElementInterface | undefined {\n    return SwcUtils.getFirstHost(this);\n  }\n\n  public getLastHost(): SwcHTMLElementInterface | undefined {\n    return this.getHost();\n  }\n\n  public getHostSet(): HostSet {\n    return SwcUtils.getHostSet(this);\n  }\n\n  /**\n   * \uC0C1\uC704 \uD638\uC2A4\uD2B8 \uCCB4\uC778\uC5D0\uC11C \uBAA8\uB4E0 \uCEE8\uD14D\uC2A4\uD2B8(\uB370\uC774\uD130)\uB97C \uC218\uC9D1\uD569\uB2C8\uB2E4.\n   */\n  protected _getSuperiorContext(): Record<string, any> {\n    const hostContext: Record<string, any> = {};\n    const hosts = this.getHosts();\n    hosts.forEach(host => {\n      if (typeof (host as any)._getHostContext === 'function') {\n        Object.assign(hostContext, (host as any)._getHostContext());\n      }\n    });\n    return hostContext;\n  }\n\n  protected initCore() {\n    this._asKey = this.getAttribute('as') || 'value';\n    this._asItemKey = this.getAttribute('as-item') || this.getAttribute('as') || 'item';\n    this._asIndexKey = this.getAttribute('as-index') || 'index';\n\n    if (this._masterTplNodes.length > 0) return; // \uC774\uBBF8 \uCD08\uAE30\uD654\uB428\n\n    const tplSlot = this.shadowRoot?.getElementById('tpl-slot') as HTMLSlotElement;\n    if (tplSlot) {\n      this._masterTplNodes = tplSlot.assignedNodes().map(n => n.cloneNode(true));\n    } else if (this.childNodes.length > 0) {\n      // Light DOM\uC5D0\uC11C \uD15C\uD50C\uB9BF \uCD94\uCD9C\n      this._masterTplNodes = Array.from(this.childNodes).map(n => n.cloneNode(true));\n    }\n  }\n\n  protected applyData(node: Node, data: any, index?: number) {\n    const hostContext = this._getSuperiorContext();\n\n    SwcUtils.applyData(node, data, {\n      asKey: this._asItemKey,\n      asIndexKey: this._asIndexKey,\n      index,\n      hostContext\n    });\n  }\n\n  protected createReactiveProxy(target: any, onChange: () => void, onIndexChange?: (index: number, val: any) => void) {\n    return SwcUtils.createReactiveProxy(target, onChange, onIndexChange);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAGlB,MAAe,gCAAgC,iBAAoD;AAAA,EAOxG,cAAc;AACZ,UAAM;AAPR,SAAU,kBAA0B,CAAC;AACrC,SAAU,SAAiB;AAC3B,SAAU,aAAqB;AAC/B,SAAU,cAAsB;AAChC,SAAU,iBAAiB;AAAA,EAI3B;AAAA,EAEO,aAA0C;AAC/C,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA,EAEO,cAAiC;AACtC,WAAO,sBAAS,YAAY,IAAI;AAAA,EAClC;AAAA,EAEO,kBAA+C;AACpD,WAAO,sBAAS,gBAAgB,IAAI;AAAA,EACtC;AAAA,EAEO,iBAA8C;AACnD,WAAO,sBAAS,eAAe,IAAI;AAAA,EACrC;AAAA,EAEO,WAAsC;AAC3C,WAAO,sBAAS,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEO,UAA+C;AACpD,WAAO,sBAAS,QAAQ,IAAI;AAAA,EAC9B;AAAA,EAEO,eAAoD;AACzD,WAAO,sBAAS,aAAa,IAAI;AAAA,EACnC;AAAA,EAEO,cAAmD;AACxD,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEO,aAAsB;AAC3B,WAAO,sBAAS,WAAW,IAAI;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKU,sBAA2C;AACnD,UAAM,cAAmC,CAAC;AAC1C,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,QAAQ,UAAQ;AACpB,UAAI,OAAQ,KAAa,oBAAoB,YAAY;AACvD,eAAO,OAAO,aAAc,KAAa,gBAAgB,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEU,WAAW;AACnB,SAAK,SAAS,KAAK,aAAa,IAAI,KAAK;AACzC,SAAK,aAAa,KAAK,aAAa,SAAS,KAAK,KAAK,aAAa,IAAI,KAAK;AAC7E,SAAK,cAAc,KAAK,aAAa,UAAU,KAAK;AAEpD,QAAI,KAAK,gBAAgB,SAAS,EAAG;AAErC,UAAM,UAAU,KAAK,YAAY,eAAe,UAAU;AAC1D,QAAI,SAAS;AACX,WAAK,kBAAkB,QAAQ,cAAc,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC3E,WAAW,KAAK,WAAW,SAAS,GAAG;AAErC,WAAK,kBAAkB,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,OAAK,EAAE,UAAU,IAAI,CAAC;AAAA,IAC/E;AAAA,EACF;AAAA,EAEU,UAAU,MAAY,MAAW,OAAgB;AACzD,UAAM,cAAc,KAAK,oBAAoB;AAE7C,0BAAS,UAAU,MAAM,MAAM;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,YAAY,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEU,oBAAoB,QAAa,UAAsB,eAAmD;AAClH,WAAO,sBAAS,oBAAoB,QAAQ,UAAU,aAAa;AAAA,EACrE;AACF;",
   "names": []
 }

package/dist/cjs/elements/index.js

@@ -20,4 +20,5 @@ __reExport(elements_exports, require("./SwcIf"), module.exports);
 __reExport(elements_exports, require("./SwcObject"), module.exports);
 __reExport(elements_exports, require("./SwcOther"), module.exports);
 __reExport(elements_exports, require("./SwcWhen"), module.exports);
+__reExport(elements_exports, require("./SwcInterfaces"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/elements/index.ts"],
-  "sourcesContent": ["// import {SwcHTMLElement} from \"./SwcHTMLElement\";\n\nexport * from './SwcChoose'\nexport * from './SwcForOf'\nexport * from './SwcIf'\nexport * from './SwcObject'\nexport * from './SwcOther'\nexport * from './SwcWhen'\n\n// export const swcHTMLElements = [SwcHTMLElement];"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAEA,6BAAc,wBAFd;AAGA,6BAAc,uBAHd;AAIA,6BAAc,oBAJd;AAKA,6BAAc,wBALd;AAMA,6BAAc,uBANd;AAOA,6BAAc,sBAPd;",
+  "sourcesContent": ["// import {SwcHTMLElement} from \"./SwcHTMLElement\";\n\nexport * from './SwcChoose'\nexport * from './SwcForOf'\nexport * from './SwcIf'\nexport * from './SwcObject'\nexport * from './SwcOther'\nexport * from './SwcWhen'\nexport * from './SwcInterfaces'\n\n// export const swcHTMLElements = [SwcHTMLElement];"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAEA,6BAAc,wBAFd;AAGA,6BAAc,uBAHd;AAIA,6BAAc,oBAJd;AAKA,6BAAc,wBALd;AAMA,6BAAc,uBANd;AAOA,6BAAc,sBAPd;AAQA,6BAAc,4BARd;",
   "names": []
 }

package/dist/cjs/index.js

@@ -15,24 +15,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 var import_reflect_metadata = require("reflect-metadata");
-__reExport(src_exports, require("./decorators/elementDefine"), module.exports);
-__reExport(src_exports, require("./decorators/innerHtml"), module.exports);
-__reExport(src_exports, require("./decorators/attribute"), module.exports);
-__reExport(src_exports, require("./decorators/state"), module.exports);
-__reExport(src_exports, require("./decorators/emitCustomEvent"), module.exports);
-__reExport(src_exports, require("./decorators/lifecycles"), module.exports);
-__reExport(src_exports, require("./decorators/query"), module.exports);
-__reExport(src_exports, require("./decorators/queryAll"), module.exports);
-__reExport(src_exports, require("./decorators/addEventListener"), module.exports);
+__reExport(src_exports, require("./decorators"), module.exports);
 __reExport(src_exports, require("./elements/base"), module.exports);
-__reExport(src_exports, require("./elements/SwcIf"), module.exports);
-__reExport(src_exports, require("./elements/SwcForOf"), module.exports);
-__reExport(src_exports, require("./elements/SwcObject"), module.exports);
-__reExport(src_exports, require("./elements/SwcChoose"), module.exports);
-__reExport(src_exports, require("./elements/SwcWhen"), module.exports);
-__reExport(src_exports, require("./elements/SwcOther"), module.exports);
 __reExport(src_exports, require("./elements/apps"), module.exports);
-__reExport(src_exports, require("./elements/SwcAppInterface"), module.exports);
-__reExport(src_exports, require("./elements/SwcHTMLElementInterface"), module.exports);
+__reExport(src_exports, require("./elements"), module.exports);
 __reExport(src_exports, require("./utils/Utils"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import 'reflect-metadata';\nexport * from './decorators/elementDefine';\nexport * from './decorators/innerHtml';\nexport * from './decorators/attribute';\nexport * from './decorators/state';\nexport * from './decorators/emitCustomEvent';\nexport * from './decorators/lifecycles';\nexport * from './decorators/query';\nexport * from './decorators/queryAll';\nexport * from './decorators/addEventListener';\nexport * from './elements/base';\nexport * from './elements/SwcIf';\nexport * from './elements/SwcForOf';\nexport * from './elements/SwcObject';\nexport * from './elements/SwcChoose';\nexport * from './elements/SwcWhen';\nexport * from './elements/SwcOther';\nexport * from './elements/apps';\nexport * from './elements/SwcAppInterface';\nexport * from './elements/SwcHTMLElementInterface';\nexport * from './utils/Utils';\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAO;AACP,wBAAc,uCADd;AAEA,wBAAc,mCAFd;AAGA,wBAAc,mCAHd;AAIA,wBAAc,+BAJd;AAKA,wBAAc,yCALd;AAMA,wBAAc,oCANd;AAOA,wBAAc,+BAPd;AAQA,wBAAc,kCARd;AASA,wBAAc,0CATd;AAUA,wBAAc,4BAVd;AAWA,wBAAc,6BAXd;AAYA,wBAAc,gCAZd;AAaA,wBAAc,iCAbd;AAcA,wBAAc,iCAdd;AAeA,wBAAc,+BAfd;AAgBA,wBAAc,gCAhBd;AAiBA,wBAAc,4BAjBd;AAkBA,wBAAc,uCAlBd;AAmBA,wBAAc,+CAnBd;AAoBA,wBAAc,0BApBd;",
+  "sourcesContent": ["import 'reflect-metadata';\nexport * from './decorators';\nexport * from './elements/base';\nexport * from './elements/apps';\nexport * from './elements';\nexport * from './utils/Utils';\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAO;AACP,wBAAc,yBADd;AAEA,wBAAc,4BAFd;AAGA,wBAAc,4BAHd;AAIA,wBAAc,uBAJd;AAKA,wBAAc,0BALd;",
   "names": []
 }

package/dist/cjs/utils/Utils.js

@@ -154,5 +154,49 @@ class SwcUtils {
     }
     return hosts.reverse();
   }
+  static getHosts(el) {
+    return this.findAllSwcHosts(el);
+  }
+  static getHost(el) {
+    const hosts = this.getHosts(el);
+    return hosts.length > 0 ? hosts[hosts.length - 1] : void 0;
+  }
+  static getFirstHost(el) {
+    const hosts = this.getHosts(el);
+    return hosts.length > 0 ? hosts[0] : void 0;
+  }
+  static getAppHosts(el) {
+    const hosts = this.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);
+    return appHosts.length > 0 ? appHosts[appHosts.length - 1] : void 0;
+  }
+  static getFirstAppHost(el) {
+    const appHosts = this.getAppHosts(el);
+    return appHosts.length > 0 ? appHosts[0] : void 0;
+  }
+  static getLastAppHost(el) {
+    return this.getAppHost(el);
+  }
+  static getHostSet(el) {
+    const $hosts = this.getHosts(el);
+    const $appHosts = this.getAppHosts(el);
+    const $firstHost = $hosts[0] || null;
+    const $lastHost = $hosts[$hosts.length - 1] || null;
+    const $firstAppHost = $appHosts[0] || null;
+    const $lastAppHost = $appHosts[$appHosts.length - 1] || null;
+    return {
+      $host: $lastHost,
+      $hosts,
+      $firstHost,
+      $lastHost,
+      $appHost: $lastAppHost,
+      $appHosts,
+      $firstAppHost,
+      $lastAppHost
+    };
+  }
 }
 //# sourceMappingURL=Utils.js.map