change(lazyImport): use selector observer

packages/core/src/lazy_import.ts

@@ -1,6 +1,6 @@
 import SetMap from './data_structures/set_map';
-import { domReady, getMatchingElementsFrom } from './helpers/dom';
-import { ElementObserver } from './observers/element_observer';
+import { domReady } from './helpers/dom';
+import { SelectorObserver } from './observers/selector_observer';
 
 const lazyElements = new SetMap<string, () => void>();
 
@@ -20,7 +20,7 @@ const lazyElements = new SetMap<string, () => void>();
 export default function lazyImport(selector: string, callback: () => void) {
   lazyElements.add(selector, callback);
 
-  const observer = new ElementObserver(document.documentElement, {
+  new SelectorObserver(document.documentElement, selector, {
     elementConnected() {
       for (const selector of lazyElements.keys) {
         for (const callback of lazyElements.get(selector) || []) {
@@ -29,10 +29,5 @@ export default function lazyImport(selector: string, callback: () => void) {
         }
       }
     },
-    getMatchingElements(element) {
-      return getMatchingElementsFrom(element, selector);
-    },
-  });
-
-  observer.start();
+  }).start();
 }

packages/core/src/observers/attribute_observer.ts

@@ -1,6 +1,6 @@
 import { ElementObserver, type ElementObserverDelegate } from './element_observer';
 
-export type AttributeObserverDelegate<T> = {
+export type AttributeObserverDelegate<T = Element> = {
   elementConnected?: (element: T) => void;
   elementDisconnected?: (element: T) => void;
   elementAttributeChanged?: (element: T, name: string) => void;

packages/core/src/observers/element_observer.ts

@@ -1,4 +1,4 @@
-export type ElementObserverDelegate<T> = {
+export type ElementObserverDelegate<T = Element> = {
   elementConnected?: (element: T) => void;
   elementDisconnected?: (element: T) => void;
   elementAttributeChanged?: (element: T, name: string) => void;

packages/core/src/observers/selector_observer.ts

@@ -2,7 +2,7 @@ import { getMatchingElementsFrom } from '../helpers/dom';
 import { ElementObserver } from './element_observer';
 import { type ElementObserverDelegate } from './element_observer';
 
-export type SelectorObserverDelegate<T> = {
+export type SelectorObserverDelegate<T = Element> = {
   elementConnected?: (element: T) => void;
   elementDisconnected?: (element: T) => void;
 };

packages/core/src/observers/token_list_observer.ts

@@ -1,7 +1,7 @@
 import SetMap from '../data_structures/set_map';
 import { AttributeObserver, type AttributeObserverDelegate } from './attribute_observer';
 
-export type TokenListObserverDelegate<T> = {
+export type TokenListObserverDelegate<T = Element> = {
   tokenMatched?: (token: Token<T>) => void;
   tokenUnmatched?: (token: Token<T>) => void;
 };