@dooboostore/simple-web-component 1.0.12 → 1.0.13

package/src/elements/base/SwcHTMLOptionElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLOptionElementBase extends HTMLOptionElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLOptionElementBase extends HTMLOptionElement impleme
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLOutputElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLOutputElementBase extends HTMLOutputElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLOutputElementBase extends HTMLOutputElement impleme
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLParagraphElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLParagraphElementBase extends HTMLParagraphElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLParagraphElementBase extends HTMLParagraphElement i
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLParamElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLParamElementBase extends HTMLParamElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLParamElementBase extends HTMLParamElement implement
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLPictureElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLPictureElementBase extends HTMLPictureElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLPictureElementBase extends HTMLPictureElement imple
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLPreElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLPreElementBase extends HTMLPreElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLPreElementBase extends HTMLPreElement implements Sw
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLProgressElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLProgressElementBase extends HTMLProgressElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLProgressElementBase extends HTMLProgressElement imp
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLQuoteElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLQuoteElementBase extends HTMLQuoteElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLQuoteElementBase extends HTMLQuoteElement implement
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLScriptElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLScriptElementBase extends HTMLScriptElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLScriptElementBase extends HTMLScriptElement impleme
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLSelectElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLSelectElementBase extends HTMLSelectElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLSelectElementBase extends HTMLSelectElement impleme
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLSlotElementBase.ts

@@ -1,6 +1,5 @@
 import { SwcUtils } from '../../utils/Utils';
-import { SwcAppInterface } from '../SwcAppInterface';
-import { SwcHTMLElementInterface } from '../SwcHTMLElementInterface';
+import { SwcAppInterface, SwcHTMLElementInterface, HostSet } from '../SwcInterfaces';
 
 export abstract class SwcHTMLSlotElementBase extends HTMLSlotElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLSlotElementBase extends HTMLSlotElement implements
     super();
   }
 
-  public getNearAppHost(): SwcAppInterface | undefined {
-    const hosts = this.getHosts();
-    // [Root, ..., Parent] 순서이므로 reverse() 후 find 하여 최측근을 찾습니다.
-    return hosts.reverse().find(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface | undefined;
+  public getAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getAppHost(this);
+  }
+
+  public getAppHosts(): SwcAppInterface[] {
+    return SwcUtils.getAppHosts(this);
+  }
+
+  public getFirstAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getFirstAppHost(this);
+  }
+
+  public getLastAppHost(): SwcAppInterface | undefined {
+    return SwcUtils.getLastAppHost(this);
   }
 
   public getHosts(): SwcHTMLElementInterface[] {
-    return SwcUtils.findAllSwcHosts(this as any);
+    return SwcUtils.getHosts(this);
   }
 
   public getHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[hosts.length - 1] : undefined;
+    return SwcUtils.getHost(this);
   }
 
   public getFirstHost(): SwcHTMLElementInterface | undefined {
-    const hosts = this.getHosts();
-    return hosts.length > 0 ? hosts[0] : undefined;
+    return SwcUtils.getFirstHost(this);
   }
 
   public getLastHost(): SwcHTMLElementInterface | undefined {
     return this.getHost();
   }
 
+  public getHostSet(): HostSet {
+    return SwcUtils.getHostSet(this);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */