@dooboostore/simple-web-component 1.0.12 → 1.0.13

package/src/elements/base/SwcHTMLSourceElementBase.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 SwcHTMLSourceElementBase extends HTMLSourceElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLSourceElementBase extends HTMLSourceElement 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/SwcHTMLSpanElementBase.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 SwcHTMLSpanElementBase extends HTMLSpanElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLSpanElementBase extends HTMLSpanElement 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/SwcHTMLStyleElementBase.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 SwcHTMLStyleElementBase extends HTMLStyleElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLStyleElementBase extends HTMLStyleElement 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/SwcHTMLTableCellElementBase.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 SwcHTMLTableCellElementBase extends HTMLTableCellElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTableCellElementBase extends HTMLTableCellElement 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/SwcHTMLTableElementBase.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 SwcHTMLTableElementBase extends HTMLTableElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTableElementBase extends HTMLTableElement 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/SwcHTMLTableRowElementBase.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 SwcHTMLTableRowElementBase extends HTMLTableRowElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTableRowElementBase extends HTMLTableRowElement 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/SwcHTMLTableSectionElementBase.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 SwcHTMLTableSectionElementBase extends HTMLTableSectionElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTableSectionElementBase extends HTMLTableSectionEle
     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/SwcHTMLTemplateElementBase.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 SwcHTMLTemplateElementBase extends HTMLTemplateElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTemplateElementBase extends HTMLTemplateElement 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/SwcHTMLTextAreaElementBase.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 SwcHTMLTextAreaElementBase extends HTMLTextAreaElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTextAreaElementBase extends HTMLTextAreaElement 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/SwcHTMLTimeElementBase.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 SwcHTMLTimeElementBase extends HTMLTimeElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTimeElementBase extends HTMLTimeElement 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/SwcHTMLTitleElementBase.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 SwcHTMLTitleElementBase extends HTMLTitleElement implements SwcHTMLElementInterface {
   protected _masterTplNodes: Node[] = [];
@@ -13,30 +12,42 @@ export abstract class SwcHTMLTitleElementBase extends HTMLTitleElement 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);
+  }
+
   /**
    * 상위 호스트 체인에서 모든 컨텍스트(데이터)를 수집합니다.
    */