@dooboostore/simple-web-component 1.0.12 → 1.0.14

package/dist/cjs/elements/apps/SwcAppUl.js

@@ -25,6 +25,7 @@ var import_elementDefine = require("../../decorators/elementDefine");
 var import_SimpleApplication = require("@dooboostore/simple-boot/SimpleApplication");
 var import_PathRouter = require("@dooboostore/core-web/routers/PathRouter");
 var import_HashRouter = require("@dooboostore/core-web/routers/HashRouter");
+var import_ElementRouter = require("../../router/ElementRouter");
 var import_SimOption = require("@dooboostore/simple-boot/SimOption");
 var import_Router = require("@dooboostore/core-web/routers/Router");
 var __decorate = function(decorators, target, key, desc) {
@@ -51,12 +52,18 @@ let SwcAppUl = class SwcAppUl2 extends import_SwcHTMLUListElementBase.SwcHTMLULi
         const userConfig = new Function(`return ${applicationConfigStr}`).apply(this);
         if (userConfig) {
           const _config = {
-            routeType: "path",
+            routeType: "element",
             window,
             ...userConfig
           };
-          this._router = _config.routeType === "path" ? new import_PathRouter.PathRouter({ window: _config.window }) : new import_HashRouter.HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route) => {
+          if (_config.routeType === "path") {
+            this.router = new import_PathRouter.PathRouter({ window: _config.window, firstUrl: _config.path });
+          } else if (_config.routeType === "hash") {
+            this.router = new import_HashRouter.HashRouter({ window: _config.window, firstUrl: _config.path });
+          } else {
+            this.router = new import_ElementRouter.ElementRouter({ window: _config.window, firstUrl: _config.path });
+          }
+          this.routerSubscription = this.router.observable.subscribe((route) => {
             if (route.triggerPoint === "end") {
               this.routingProcess(route.path);
             }
@@ -67,8 +74,8 @@ let SwcAppUl = class SwcAppUl2 extends import_SwcHTMLUListElementBase.SwcHTMLULi
           });
           this.simpleApplication = new import_SimpleApplication.SimpleApplication(option);
           const otherInstanceSim = /* @__PURE__ */ new Map();
-          if (this._router) {
-            otherInstanceSim.set(import_Router.Router, this._router);
+          if (this.router) {
+            otherInstanceSim.set(import_Router.Router, this.router);
           }
           this.simpleApplication.run(otherInstanceSim);
           const data = this.simpleApplication.sim(_config.rootRouter);
@@ -80,7 +87,7 @@ let SwcAppUl = class SwcAppUl2 extends import_SwcHTMLUListElementBase.SwcHTMLULi
             }
           }
           if (_config.path) {
-            await this._router?.go(_config.path);
+            await this.router?.go(_config.path);
           }
         }
       } catch (e) {
@@ -92,7 +99,7 @@ let SwcAppUl = class SwcAppUl2 extends import_SwcHTMLUListElementBase.SwcHTMLULi
     this.routerSubscription?.unsubscribe();
   }
   async routing(path) {
-    await this._router?.go(path);
+    await this.router?.go(path);
   }
   async routingProcess(path) {
     await this.simpleApplication?.routing(path);

package/dist/cjs/elements/apps/SwcAppUl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/apps/SwcAppUl.ts"],
-  "sourcesContent": ["import { SwcHTMLUListElementBase } from '../base/SwcHTMLUListElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-ul', extends: 'ul' })\nexport class SwcAppUl extends SwcHTMLUListElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  protected _router?: PathRouter | HashRouter;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config = {\n            routeType: 'path',\n            window: window,\n            ...userConfig\n          };\n\n          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });\n          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();\n          if (this._router) {\n            otherInstanceSim.set(Router, this._router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this._router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this._router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAwC;AACxC,2BAA8B;AAC9B,+BAAkC;AAElC,wBAA2B;AAC3B,wBAA2B;AAC3B,uBAA0B;AAE1B,oBAAwC;;;;;;;;;;AAIjC,IAAM,WAAN,MAAMA,kBAAiB,uDAAuB;EAKnD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAU;YACd,WAAW;YACX;YACA,GAAG;;AAGL,eAAK,UAAU,QAAQ,cAAc,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE,IAAI,IAAI,6BAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE;AACpI,eAAK,qBAAqB,KAAK,QAAQ,WAAW,UAAU,CAAC,UAA0B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,2BAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,2CAAkB,MAAM;AAErD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,SAAS;AAChB,6BAAiB,IAAI,sBAAQ,KAAK,OAAO;UAC3C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,SAAS,GAAG,QAAQ,IAAI;UACrC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,SAAS,GAAG,IAAI;EAC7B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAzEW,WAAQ,WAAA;MADpB,oCAAc,EAAE,MAAM,cAAc,SAAS,KAAI,CAAE;;GACvC,QAAQ;",
+  "sourcesContent": ["import { SwcHTMLUListElementBase } from '../base/SwcHTMLUListElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-ul', extends: 'ul' })\nexport class SwcAppUl extends SwcHTMLUListElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config: SwcConfigType = {\n            routeType: 'element',\n            window: window,\n            ...userConfig\n          };\n\n          if (_config.routeType === 'path') {\n            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n          } else if (_config.routeType === 'hash') {\n            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n          } else {\n            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n          }\n\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this.router) {\n            otherInstanceSim.set(Router, this.router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this.router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this.router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAwC;AACxC,2BAA8B;AAC9B,+BAAkC;AAElC,wBAA2B;AAC3B,wBAA2B;AAC3B,2BAA8B;AAC9B,uBAA0B;AAE1B,oBAAwC;;;;;;;;;;AAIjC,IAAM,WAAN,MAAMA,kBAAiB,uDAAuB;EAKnD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAyB;YAC7B,WAAW;YACX;YACA,GAAG;;AAGL,cAAI,QAAQ,cAAc,QAAQ;AAChC,iBAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,iBAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,OAAO;AACL,iBAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACpF;AAEA,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AACpF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,2BAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,2CAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,QAAQ;AACf,6BAAiB,IAAI,sBAAQ,KAAK,MAAM;UAC1C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;UACpC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,GAAG,IAAI;EAC5B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAjFW,WAAQ,WAAA;MADpB,oCAAc,EAAE,MAAM,cAAc,SAAS,KAAI,CAAE;;GACvC,QAAQ;",
   "names": ["SwcAppUl"]
 }

package/dist/cjs/elements/apps/SwcAppVideo.js

@@ -25,6 +25,7 @@ var import_elementDefine = require("../../decorators/elementDefine");
 var import_SimpleApplication = require("@dooboostore/simple-boot/SimpleApplication");
 var import_PathRouter = require("@dooboostore/core-web/routers/PathRouter");
 var import_HashRouter = require("@dooboostore/core-web/routers/HashRouter");
+var import_ElementRouter = require("../../router/ElementRouter");
 var import_SimOption = require("@dooboostore/simple-boot/SimOption");
 var import_Router = require("@dooboostore/core-web/routers/Router");
 var __decorate = function(decorators, target, key, desc) {
@@ -51,12 +52,18 @@ let SwcAppVideo = class SwcAppVideo2 extends import_SwcHTMLVideoElementBase.SwcH
         const userConfig = new Function(`return ${applicationConfigStr}`).apply(this);
         if (userConfig) {
           const _config = {
-            routeType: "path",
+            routeType: "element",
             window,
             ...userConfig
           };
-          this._router = _config.routeType === "path" ? new import_PathRouter.PathRouter({ window: _config.window }) : new import_HashRouter.HashRouter({ window: _config.window });
-          this.routerSubscription = this._router.observable.subscribe((route) => {
+          if (_config.routeType === "path") {
+            this.router = new import_PathRouter.PathRouter({ window: _config.window, firstUrl: _config.path });
+          } else if (_config.routeType === "hash") {
+            this.router = new import_HashRouter.HashRouter({ window: _config.window, firstUrl: _config.path });
+          } else {
+            this.router = new import_ElementRouter.ElementRouter({ window: _config.window, firstUrl: _config.path });
+          }
+          this.routerSubscription = this.router.observable.subscribe((route) => {
             if (route.triggerPoint === "end") {
               this.routingProcess(route.path);
             }
@@ -67,8 +74,8 @@ let SwcAppVideo = class SwcAppVideo2 extends import_SwcHTMLVideoElementBase.SwcH
           });
           this.simpleApplication = new import_SimpleApplication.SimpleApplication(option);
           const otherInstanceSim = /* @__PURE__ */ new Map();
-          if (this._router) {
-            otherInstanceSim.set(import_Router.Router, this._router);
+          if (this.router) {
+            otherInstanceSim.set(import_Router.Router, this.router);
           }
           this.simpleApplication.run(otherInstanceSim);
           const data = this.simpleApplication.sim(_config.rootRouter);
@@ -80,7 +87,7 @@ let SwcAppVideo = class SwcAppVideo2 extends import_SwcHTMLVideoElementBase.SwcH
             }
           }
           if (_config.path) {
-            await this._router?.go(_config.path);
+            await this.router?.go(_config.path);
           }
         }
       } catch (e) {
@@ -92,7 +99,7 @@ let SwcAppVideo = class SwcAppVideo2 extends import_SwcHTMLVideoElementBase.SwcH
     this.routerSubscription?.unsubscribe();
   }
   async routing(path) {
-    await this._router?.go(path);
+    await this.router?.go(path);
   }
   async routingProcess(path) {
     await this.simpleApplication?.routing(path);

package/dist/cjs/elements/apps/SwcAppVideo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/apps/SwcAppVideo.ts"],
-  "sourcesContent": ["import { SwcHTMLVideoElementBase } from '../base/SwcHTMLVideoElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcAppInterface';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-video', extends: 'video' })\nexport class SwcAppVideo extends SwcHTMLVideoElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  protected _router?: PathRouter | HashRouter;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config = {\n            routeType: 'path',\n            window: window,\n            ...userConfig\n          };\n\n          this._router = _config.routeType === 'path' ? new PathRouter({ window: _config.window }) : new HashRouter({ window: _config.window });\n          this.routerSubscription = this._router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          const otherInstanceSim = new Map<ConstructorType<any> | Function, any>();\n          if (this._router) {\n            otherInstanceSim.set(Router, this._router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this._router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this._router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAwC;AACxC,2BAA8B;AAC9B,+BAAkC;AAElC,wBAA2B;AAC3B,wBAA2B;AAC3B,uBAA0B;AAE1B,oBAAwC;;;;;;;;;;AAIjC,IAAM,cAAN,MAAMA,qBAAoB,uDAAuB;EAKtD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAU;YACd,WAAW;YACX;YACA,GAAG;;AAGL,eAAK,UAAU,QAAQ,cAAc,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE,IAAI,IAAI,6BAAW,EAAE,QAAQ,QAAQ,OAAM,CAAE;AACpI,eAAK,qBAAqB,KAAK,QAAQ,WAAW,UAAU,CAAC,UAA0B;AACrF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,2BAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,2CAAkB,MAAM;AAErD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,SAAS;AAChB,6BAAiB,IAAI,sBAAQ,KAAK,OAAO;UAC3C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,SAAS,GAAG,QAAQ,IAAI;UACrC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,SAAS,GAAG,IAAI;EAC7B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAzEW,cAAW,WAAA;MADvB,oCAAc,EAAE,MAAM,iBAAiB,SAAS,QAAO,CAAE;;GAC7C,WAAW;",
+  "sourcesContent": ["import { SwcHTMLVideoElementBase } from '../base/SwcHTMLVideoElementBase';\nimport { elementDefine } from '../../decorators/elementDefine';\nimport { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { SwcAppInterface, SwcConfigType, SwcAttributeConfigType } from '../SwcInterfaces';\nimport { PathRouter } from '@dooboostore/core-web/routers/PathRouter';\nimport { HashRouter } from '@dooboostore/core-web/routers/HashRouter';\nimport { ElementRouter } from '../../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { Router, RouterEventType } from '@dooboostore/core-web/routers/Router';\nimport { Subscription } from '@dooboostore/core/message/Subscription';\n\n@elementDefine({ name: 'swc-app-video', extends: 'video' })\nexport class SwcAppVideo extends SwcHTMLVideoElementBase implements SwcAppInterface {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n\n  constructor() {\n    super();\n  }\n\n  async connectedCallback() {\n    if (this._isInitialized) return;\n    this._isInitialized = true;\n\n    // Push to the end of the event loop to ensure global scripts are evaluated\n    await new Promise(resolve => setTimeout(resolve, 0));\n\n    const applicationConfigStr = this.getAttribute('swc-get-application-config');\n    if (applicationConfigStr) {\n      try {\n        const userConfig: SwcAttributeConfigType = new Function(`return ${applicationConfigStr}`).apply(this);\n        if (userConfig) {\n          const _config: SwcConfigType = {\n            routeType: 'element',\n            window: window,\n            ...userConfig\n          };\n\n          if (_config.routeType === 'path') {\n            this.router = new PathRouter({ window: _config.window, firstUrl: _config.path });\n          } else if (_config.routeType === 'hash') {\n            this.router = new HashRouter({ window: _config.window, firstUrl: _config.path });\n          } else {\n            this.router = new ElementRouter({ window: _config.window, firstUrl: _config.path });\n          }\n\n          this.routerSubscription = this.router.observable.subscribe((route: RouterEventType) => {\n            if (route.triggerPoint === 'end') {\n              this.routingProcess(route.path);\n            }\n          });\n          const option = new SimOption({\n            excludeProxys: [Node],\n            rootRouter: _config.rootRouter\n          });\n\n          this.simpleApplication = new SimpleApplication(option);\n\n          // Use 'any' key for Map to allow Abstract classes like Router\n          const otherInstanceSim = new Map<any, any>();\n          if (this.router) {\n            otherInstanceSim.set(Router, this.router);\n          }\n          this.simpleApplication.run(otherInstanceSim);\n          const data = this.simpleApplication.sim(_config.rootRouter);\n          if (data instanceof Node) {\n            if (this.shadowRoot) {\n              this.shadowRoot.replaceChildren(data);\n            } else if (!this.contains(data)) {\n              this.replaceChildren(data);\n            }\n          }\n          if (_config.path) {\n            await this.router?.go(_config.path);\n          }\n        }\n      } catch (e) {\n        console.error('[SWC-APP] Failed to execute swc-get-application-config script:', e);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this.routerSubscription?.unsubscribe();\n  }\n\n  async routing(path: string) {\n    await this.router?.go(path);\n  }\n\n  private async routingProcess(path: string) {\n    await this.simpleApplication?.routing(path);\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAwC;AACxC,2BAA8B;AAC9B,+BAAkC;AAElC,wBAA2B;AAC3B,wBAA2B;AAC3B,2BAA8B;AAC9B,uBAA0B;AAE1B,oBAAwC;;;;;;;;;;AAIjC,IAAM,cAAN,MAAMA,qBAAoB,uDAAuB;EAKtD,cAAA;AACE,UAAK;EACP;EAEA,MAAM,oBAAiB;AACrB,QAAI,KAAK;AAAgB;AACzB,SAAK,iBAAiB;AAGtB,UAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,CAAC,CAAC;AAEnD,UAAM,uBAAuB,KAAK,aAAa,4BAA4B;AAC3E,QAAI,sBAAsB;AACxB,UAAI;AACF,cAAM,aAAqC,IAAI,SAAS,UAAU,oBAAoB,EAAE,EAAE,MAAM,IAAI;AACpG,YAAI,YAAY;AACd,gBAAM,UAAyB;YAC7B,WAAW;YACX;YACA,GAAG;;AAGL,cAAI,QAAQ,cAAc,QAAQ;AAChC,iBAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,WAAW,QAAQ,cAAc,QAAQ;AACvC,iBAAK,SAAS,IAAI,6BAAW,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACjF,OAAO;AACL,iBAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,QAAQ,QAAQ,UAAU,QAAQ,KAAI,CAAE;UACpF;AAEA,eAAK,qBAAqB,KAAK,OAAO,WAAW,UAAU,CAAC,UAA0B;AACpF,gBAAI,MAAM,iBAAiB,OAAO;AAChC,mBAAK,eAAe,MAAM,IAAI;YAChC;UACF,CAAC;AACD,gBAAM,SAAS,IAAI,2BAAU;YAC3B,eAAe,CAAC,IAAI;YACpB,YAAY,QAAQ;WACrB;AAED,eAAK,oBAAoB,IAAI,2CAAkB,MAAM;AAGrD,gBAAM,mBAAmB,oBAAI,IAAG;AAChC,cAAI,KAAK,QAAQ;AACf,6BAAiB,IAAI,sBAAQ,KAAK,MAAM;UAC1C;AACA,eAAK,kBAAkB,IAAI,gBAAgB;AAC3C,gBAAM,OAAO,KAAK,kBAAkB,IAAI,QAAQ,UAAU;AAC1D,cAAI,gBAAgB,MAAM;AACxB,gBAAI,KAAK,YAAY;AACnB,mBAAK,WAAW,gBAAgB,IAAI;YACtC,WAAW,CAAC,KAAK,SAAS,IAAI,GAAG;AAC/B,mBAAK,gBAAgB,IAAI;YAC3B;UACF;AACA,cAAI,QAAQ,MAAM;AAChB,kBAAM,KAAK,QAAQ,GAAG,QAAQ,IAAI;UACpC;QACF;MACF,SAAS,GAAG;AACV,gBAAQ,MAAM,kEAAkE,CAAC;MACnF;IACF;EACF;EAEA,uBAAoB;AAClB,SAAK,oBAAoB,YAAW;EACtC;EAEA,MAAM,QAAQ,MAAY;AACxB,UAAM,KAAK,QAAQ,GAAG,IAAI;EAC5B;EAEQ,MAAM,eAAe,MAAY;AACvC,UAAM,KAAK,mBAAmB,QAAQ,IAAI;EAC5C;;AAjFW,cAAW,WAAA;MADvB,oCAAc,EAAE,MAAM,iBAAiB,SAAS,QAAO,CAAE;;GAC7C,WAAW;",
   "names": ["SwcAppVideo"]
 }

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

@@ -30,24 +30,33 @@ class SwcHTMLAnchorElementBase extends HTMLAnchorElement {
     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/SwcHTMLAnchorElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLAnchorElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLAnchorElementBase extends HTMLAnchorElement 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,iCAAiC,kBAAqD;AAAA,EAO1G,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 SwcHTMLAnchorElementBase extends HTMLAnchorElement 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,iCAAiC,kBAAqD;AAAA,EAO1G,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/SwcHTMLAreaElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLAreaElementBase extends HTMLAreaElement {
     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/SwcHTMLAreaElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLAreaElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLAreaElementBase extends HTMLAreaElement 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 SwcHTMLAreaElementBase extends HTMLAreaElement 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/SwcHTMLAudioElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLAudioElementBase extends HTMLAudioElement {
     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/SwcHTMLAudioElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLAudioElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLAudioElementBase extends HTMLAudioElement 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 SwcHTMLAudioElementBase extends HTMLAudioElement 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/SwcHTMLBaseElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLBaseElementBase extends HTMLBaseElement {
     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/SwcHTMLBaseElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLBaseElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLBaseElementBase extends HTMLBaseElement 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 SwcHTMLBaseElementBase extends HTMLBaseElement 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/SwcHTMLBodyElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLBodyElementBase extends HTMLBodyElement {
     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/SwcHTMLBodyElementBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/elements/base/SwcHTMLBodyElementBase.ts"],
-  "sourcesContent": ["import { SwcUtils } from '../../utils/Utils';\nimport { SwcAppInterface } from '../SwcAppInterface';\nimport { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';\n\nexport abstract class SwcHTMLBodyElementBase extends HTMLBodyElement 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 SwcHTMLBodyElementBase extends HTMLBodyElement 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/SwcHTMLButtonElementBase.js

@@ -30,24 +30,33 @@ class SwcHTMLButtonElementBase extends HTMLButtonElement {
     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);
+  }
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */