From af55998016a57b484f292bf6cae15bac7de0eb7a Mon Sep 17 00:00:00 2001
From: Kai <me@kai.enterprises>
Date: Fri, 14 Mar 2025 23:44:37 +0100
Subject: [PATCH] feat: allow using an array of selectors for selection
 functions

---
 src/Component.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/Component.ts b/src/Component.ts
index 6c4c981..5dc908c 100644
--- a/src/Component.ts
+++ b/src/Component.ts
@@ -60,8 +60,8 @@ export class Component<T extends HTMLElement = HTMLElement> extends ElementCompo
      * @param selectors
      * @typeParam T Component element type
      */
-    public select<T extends HTMLElement = HTMLElement>(selectors: string): Component<T> | null {
-        const element = this.node.querySelector<T>(selectors);
+    public select<T extends HTMLElement = HTMLElement>(...selectors: string[]): Component<T> | null {
+        const element = this.node.querySelector<T>(selectors.join(","));
         if (element == null) return null;
         return new Component<T>(element);
     }
@@ -73,8 +73,8 @@ export class Component<T extends HTMLElement = HTMLElement> extends ElementCompo
      * @param selectors
      * @typeParam T Component element type
      */
-    public selectAll<T extends HTMLElement = HTMLElement>(selectors: string): Component<T>[] {
-        return [...this.node.querySelectorAll<T>(selectors)].map(e => new Component<T>(e));
+    public selectAll<T extends HTMLElement = HTMLElement>(...selectors: string[]): Component<T>[] {
+        return [...this.node.querySelectorAll<T>(selectors.join(","))].map(e => new Component<T>(e));
     }
 
     /**
@@ -83,8 +83,8 @@ export class Component<T extends HTMLElement = HTMLElement> extends ElementCompo
      * @param selectors
      * @typeParam T Component element type
      */
-    public closest<T extends HTMLElement = HTMLElement>(selectors: string): Component<T> | null {
-        const element = this.node.closest<T>(selectors);
+    public closest<T extends HTMLElement = HTMLElement>(...selectors: string[]): Component<T> | null {
+        const element = this.node.closest<T>(selectors.join(","));
         if (element == null) return null;
         return new Component<T>(element);
     }
@@ -94,8 +94,8 @@ export class Component<T extends HTMLElement = HTMLElement> extends ElementCompo
      * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors CSS selector}, or group of CSS selectors.
      * @param selectors
      */
-    public is(selectors: string): boolean {
-        return this.node.matches(selectors);
+    public is(...selectors: string[]): boolean {
+        return this.node.matches(selectors.join(","));
     }
 
     /**