@dooboostore/simple-web-component 1.0.12 → 1.0.13

package/src/elements/base/SwcHTMLLIElementBase.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 SwcHTMLLIElementBase extends HTMLLIElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLLIElementBase extends HTMLLIElement implements SwcH
     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/SwcHTMLLabelElementBase.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 SwcHTMLLabelElementBase extends HTMLLabelElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLLabelElementBase extends HTMLLabelElement 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/SwcHTMLLegendElementBase.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 SwcHTMLLegendElementBase extends HTMLLegendElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLLegendElementBase extends HTMLLegendElement 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/SwcHTMLLinkElementBase.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 SwcHTMLLinkElementBase extends HTMLLinkElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLLinkElementBase extends HTMLLinkElement 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);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLMapElementBase.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 SwcHTMLMapElementBase extends HTMLMapElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLMapElementBase extends HTMLMapElement 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/SwcHTMLMetaElementBase.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 SwcHTMLMetaElementBase extends HTMLMetaElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLMetaElementBase extends HTMLMetaElement 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);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */

package/src/elements/base/SwcHTMLMeterElementBase.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 SwcHTMLMeterElementBase extends HTMLMeterElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLMeterElementBase extends HTMLMeterElement 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/SwcHTMLModElementBase.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 SwcHTMLModElementBase extends HTMLModElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLModElementBase extends HTMLModElement 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/SwcHTMLOListElementBase.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 SwcHTMLOListElementBase extends HTMLOListElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLOListElementBase extends HTMLOListElement 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/SwcHTMLObjectElementBase.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 SwcHTMLObjectElementBase extends HTMLObjectElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLObjectElementBase extends HTMLObjectElement 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/SwcHTMLOptGroupElementBase.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 SwcHTMLOptGroupElementBase extends HTMLOptGroupElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLOptGroupElementBase extends HTMLOptGroupElement 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);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */