event-emission 0.1.0 → 0.2.1

package/dist/index.cjs

@@ -27,39 +27,274 @@ var __export = (target, all) => {
     });
 };
 
-// src/index.ts
-var exports_src = {};
-__export(exports_src, {
-  setupEventForwarding: () => setupEventForwarding,
-  pipe: () => pipe,
-  isObserved: () => isObserved,
-  getOriginal: () => getOriginal,
-  fromEventTarget: () => fromEventTarget,
-  forwardToEventTarget: () => forwardToEventTarget,
-  createEventTarget: () => createEventTarget,
-  SymbolObservable: () => SymbolObservable,
-  PROXY_MARKER: () => PROXY_MARKER,
-  ORIGINAL_TARGET: () => ORIGINAL_TARGET,
-  Eventful: () => Eventful,
-  BufferOverflowError: () => BufferOverflowError
+// src/observable.ts
+var exports_observable = {};
+__export(exports_observable, {
+  Observable: () => Observable
 });
-module.exports = __toCommonJS(exports_src);
+module.exports = __toCommonJS(exports_observable);
 
 // src/symbols.ts
 var SymbolObservable = typeof Symbol === "function" && Symbol.observable || Symbol.for("@@observable");
 if (typeof Symbol === "function") {
   Symbol.observable = SymbolObservable;
 }
-// src/errors.ts
-class BufferOverflowError extends Error {
-  constructor(eventType, bufferSize) {
-    super(`Buffer overflow for event type "${eventType}" (max: ${bufferSize})`);
-    this.name = "BufferOverflowError";
+
+// src/observable.ts
+function getMethod(obj, key) {
+  if (obj === null || obj === undefined)
+    return;
+  const value = obj[key];
+  if (value == null)
+    return;
+  if (typeof value !== "function") {
+    throw new TypeError(value + " is not a function");
+  }
+  return value;
+}
+function hostReportError(e) {
+  if (typeof queueMicrotask === "function") {
+    queueMicrotask(() => {
+      throw e;
+    });
+  } else {
+    setTimeout(() => {
+      throw e;
+    });
+  }
+}
+function SubscriptionObserverImpl(subscription) {
+  this._subscription = subscription;
+}
+SubscriptionObserverImpl.prototype = Object.create(Object.prototype);
+Object.defineProperties(SubscriptionObserverImpl.prototype, {
+  constructor: { value: Object, configurable: true, writable: true },
+  closed: {
+    get() {
+      return this._subscription._closed;
+    },
+    configurable: true
+  },
+  next: {
+    value: function next(value) {
+      const subscription = this._subscription;
+      if (subscription._closed)
+        return;
+      const observer = subscription._observer;
+      try {
+        const m = getMethod(observer, "next");
+        if (!m)
+          return;
+        return m.call(observer, value);
+      } catch (e) {
+        try {
+          this.error(e);
+        } catch (err) {
+          hostReportError(err);
+        }
+      }
+    },
+    configurable: true,
+    writable: true
+  },
+  error: {
+    value: function error(errorValue) {
+      const subscription = this._subscription;
+      if (subscription._closed)
+        throw errorValue;
+      subscription._closed = true;
+      const observer = subscription._observer;
+      try {
+        const m = getMethod(observer, "error");
+        if (m) {
+          return m.call(observer, errorValue);
+        }
+        throw errorValue;
+      } finally {
+        subscription._cleanup();
+      }
+    },
+    configurable: true,
+    writable: true
+  },
+  complete: {
+    value: function complete(value) {
+      const subscription = this._subscription;
+      if (subscription._closed)
+        return;
+      subscription._closed = true;
+      const observer = subscription._observer;
+      try {
+        const m = getMethod(observer, "complete");
+        if (m) {
+          return m.call(observer, value);
+        }
+        return;
+      } finally {
+        subscription._cleanup();
+      }
+    },
+    configurable: true,
+    writable: true
+  }
+});
+Object.defineProperty(SubscriptionObserverImpl.prototype.next, "length", { value: 1 });
+Object.defineProperty(SubscriptionObserverImpl.prototype.error, "length", { value: 1 });
+Object.defineProperty(SubscriptionObserverImpl.prototype.complete, "length", {
+  value: 1
+});
+function Subscription(observer, subscriber) {
+  this._observer = observer;
+  this._cleanupFn = undefined;
+  this._closed = false;
+  const subscriptionObserver = new SubscriptionObserverImpl(this);
+  try {
+    const start = getMethod(observer, "start");
+    if (start) {
+      start.call(observer, this);
+    }
+  } catch (e) {
+    hostReportError(e);
+  }
+  if (this._closed)
+    return;
+  try {
+    const cleanup = subscriber(subscriptionObserver);
+    if (cleanup != null) {
+      if (typeof cleanup !== "function" && typeof cleanup.unsubscribe !== "function") {
+        throw new TypeError(cleanup + " is not a function or a subscription");
+      }
+      this._cleanupFn = cleanup;
+      if (this._closed) {
+        this._cleanup();
+      }
+    }
+  } catch (e) {
+    subscriptionObserver.error(e);
+  }
+}
+Subscription.prototype = Object.create(Object.prototype);
+Object.defineProperties(Subscription.prototype, {
+  constructor: { value: Object, configurable: true, writable: true },
+  closed: {
+    get() {
+      return this._closed;
+    },
+    configurable: true
+  },
+  unsubscribe: {
+    value: function unsubscribe() {
+      if (this._closed)
+        return;
+      this._closed = true;
+      this._cleanup();
+    },
+    configurable: true,
+    writable: true
+  },
+  _cleanup: {
+    value: function _cleanup() {
+      const cleanup = this._cleanupFn;
+      if (!cleanup)
+        return;
+      this._cleanupFn = undefined;
+      try {
+        if (typeof cleanup === "function") {
+          cleanup();
+        } else if (cleanup && typeof cleanup.unsubscribe === "function") {
+          cleanup.unsubscribe();
+        }
+      } catch (e) {
+        hostReportError(e);
+      }
+    },
+    configurable: true,
+    writable: true
+  }
+});
+
+class Observable {
+  _subscriber;
+  constructor(subscriber) {
+    if (typeof subscriber !== "function") {
+      throw new TypeError("Observable initializer must be a function");
+    }
+    this._subscriber = subscriber;
+  }
+  subscribe(observerOrNext, error2, complete2) {
+    let observer;
+    if (typeof observerOrNext === "function") {
+      observer = {
+        next: observerOrNext,
+        error: error2,
+        complete: complete2
+      };
+    } else if (typeof observerOrNext !== "object" || observerOrNext === null) {
+      throw new TypeError(observerOrNext + " is not an object");
+    } else {
+      observer = observerOrNext;
+    }
+    return new Subscription(observer, this._subscriber);
+  }
+  [SymbolObservable]() {
+    return this;
+  }
+  static of(...items) {
+    const C = typeof this === "function" ? this : Observable;
+    return new C((observer) => {
+      for (let i = 0;i < items.length; ++i) {
+        observer.next(items[i]);
+        if (observer.closed)
+          return;
+      }
+      observer.complete();
+    });
+  }
+  static from(x) {
+    const C = typeof this === "function" ? this : Observable;
+    if (x == null)
+      throw new TypeError(x + " is not an object");
+    const method = x[SymbolObservable];
+    if (method != null) {
+      if (typeof method !== "function") {
+        throw new TypeError(method + " is not a function");
+      }
+      const observable = method.call(x);
+      if (Object(observable) !== observable) {
+        throw new TypeError(observable + " is not an object");
+      }
+      if (observable.constructor === C) {
+        return observable;
+      }
+      return new C((observer) => observable.subscribe(observer));
+    }
+    if (Symbol.iterator in x) {
+      return new C((observer) => {
+        for (const item of x) {
+          observer.next(item);
+          if (observer.closed)
+            return;
+        }
+        observer.complete();
+      });
+    }
+    throw new TypeError(x + " is not observable");
   }
 }
+
 // src/observe.ts
-var PROXY_MARKER = Symbol.for("@lasercat/eventful/proxy");
-var ORIGINAL_TARGET = Symbol.for("@lasercat/eventful/original");
+var exports_observe = {};
+__export(exports_observe, {
+  setupEventForwarding: () => setupEventForwarding,
+  isObserved: () => isObserved,
+  getOriginal: () => getOriginal,
+  createObservableProxy: () => createObservableProxy,
+  PROXY_MARKER: () => PROXY_MARKER,
+  ORIGINAL_TARGET: () => ORIGINAL_TARGET
+});
+module.exports = __toCommonJS(exports_observe);
+var PROXY_MARKER = Symbol.for("@lasercat/event-emission/proxy");
+var ORIGINAL_TARGET = Symbol.for("@lasercat/event-emission/original");
 var ARRAY_MUTATORS = new Set([
   "push",
   "pop",
@@ -81,17 +316,13 @@ function isArrayMutator(prop) {
   return typeof prop === "string" && ARRAY_MUTATORS.has(prop);
 }
 function cloneAlongPath(obj, path) {
-  if (obj === null || typeof obj !== "object") {
-    return obj;
-  }
-  if (!path) {
-    return Array.isArray(obj) ? [...obj] : { ...obj };
+  const isArray = Array.isArray(obj);
+  const rootClone = isArray ? [...obj] : { ...obj };
+  if (!path || isArray) {
+    return rootClone;
   }
   const parts = path.split(".");
-  if (Array.isArray(obj)) {
-    return [...obj];
-  }
-  const result = { ...obj };
+  const result = rootClone;
   let current = result;
   for (let i = 0;i < parts.length; i++) {
     const key = parts[i];
@@ -107,13 +338,19 @@ function cloneAlongPath(obj, path) {
   }
   return result;
 }
-function cloneForComparison(obj, strategy, changedPath) {
+function cloneForComparison(obj, strategy, changedPath, deepClone) {
   if (obj === null || typeof obj !== "object")
     return obj;
   switch (strategy) {
     case "shallow":
       return Array.isArray(obj) ? [...obj] : { ...obj };
     case "deep":
+      if (deepClone) {
+        return deepClone(obj);
+      }
+      if (typeof structuredClone !== "function") {
+        throw new Error("structuredClone is not available in this runtime; provide observe.deepClone, or use cloneStrategy 'path' or 'shallow'.");
+      }
       return structuredClone(obj);
     case "path":
       return cloneAlongPath(obj, changedPath);
@@ -161,7 +398,7 @@ function getContextRegistry(target) {
 function createArrayMethodInterceptor(array, method, path, context) {
   const original = array[method];
   return function(...args) {
-    const previousState = cloneForComparison(context.originalRoot, context.options.cloneStrategy, path);
+    const previousState = cloneForComparison(context.originalRoot, context.options.cloneStrategy, path, context.options.deepClone);
     const previousItems = [...array];
     const result = original.apply(this, args);
     const { added, removed } = computeArrayDiff(method, previousItems, array, args);
@@ -233,7 +470,7 @@ function createObservableProxyInternal(target, path, context) {
         return true;
       }
       const propPath = path ? `${path}.${prop}` : prop;
-      const previousState = cloneForComparison(context.originalRoot, context.options.cloneStrategy, propPath);
+      const previousState = cloneForComparison(context.originalRoot, context.options.cloneStrategy, propPath, context.options.deepClone);
       const success = Reflect.set(obj, prop, value, receiver);
       if (success) {
         context.eventTarget.dispatchEvent({
@@ -259,7 +496,7 @@ function createObservableProxyInternal(target, path, context) {
         return Reflect.deleteProperty(obj, prop);
       }
       const propPath = path ? `${path}.${String(prop)}` : String(prop);
-      const previousState = cloneForComparison(context.originalRoot, context.options.cloneStrategy, propPath);
+      const previousState = cloneForComparison(context.originalRoot, context.options.cloneStrategy, propPath, context.options.deepClone);
       const success = Reflect.deleteProperty(obj, prop);
       if (success) {
         context.eventTarget.dispatchEvent({
@@ -292,6 +529,8 @@ function isEventTarget(obj) {
 }
 function setupEventForwarding(source, target) {
   const handlers = new Map;
+  const sourceAddEventListener = source.addEventListener.bind(source);
+  const sourceRemoveEventListener = source.removeEventListener.bind(source);
   const forwardHandler = (type) => (event) => {
     const detail = event.detail ?? event;
     target.dispatchEvent({
@@ -304,7 +543,7 @@ function setupEventForwarding(source, target) {
     if (!handlers.has(type) && type !== "update" && !type.startsWith("update:")) {
       const handler = forwardHandler(type);
       handlers.set(type, handler);
-      source.addEventListener(type, handler);
+      sourceAddEventListener(type, handler);
     }
     return originalAddEventListener(type, listener, options);
   };
@@ -312,7 +551,7 @@ function setupEventForwarding(source, target) {
   return () => {
     target.addEventListener = originalAddEventListener;
     for (const [type, handler] of handlers) {
-      source.removeEventListener(type, handler);
+      sourceRemoveEventListener(type, handler);
     }
     handlers.clear();
   };
@@ -329,7 +568,8 @@ function getOriginal(proxy) {
 function createObservableProxy(target, eventTarget, options) {
   const resolvedOptions = {
     deep: options?.deep ?? true,
-    cloneStrategy: options?.cloneStrategy ?? "path"
+    cloneStrategy: options?.cloneStrategy ?? "path",
+    deepClone: options?.deepClone
   };
   const context = {
     eventTarget,
@@ -338,21 +578,47 @@ function createObservableProxy(target, eventTarget, options) {
   };
   const proxy = createObservableProxyInternal(target, "", context);
   if (isEventTarget(target)) {
-    setupEventForwarding(target, eventTarget);
+    const cleanupForwarding = setupEventForwarding(target, eventTarget);
+    const maybeComplete = eventTarget.complete;
+    if (typeof maybeComplete === "function") {
+      const originalComplete = maybeComplete.bind(eventTarget);
+      let cleaned = false;
+      eventTarget.complete = () => {
+        if (!cleaned) {
+          cleaned = true;
+          cleanupForwarding();
+        }
+        return originalComplete();
+      };
+    }
   }
   return proxy;
 }
 
+// src/index.ts
+var exports_src = {};
+__export(exports_src, {
+  createEventTarget: () => createEventTarget,
+  SymbolObservable: () => SymbolObservable,
+  EventEmission: () => EventEmission,
+  BufferOverflowError: () => BufferOverflowError
+});
+module.exports = __toCommonJS(exports_src);
+
+// src/errors.ts
+class BufferOverflowError extends Error {
+  constructor(eventType, bufferSize) {
+    super(`Buffer overflow for event type "${eventType}" (max: ${bufferSize})`);
+    this.name = "BufferOverflowError";
+  }
+}
 // src/factory.ts
 function matchesWildcard(eventType, pattern) {
   if (pattern === "*")
     return true;
-  if (pattern.endsWith(":*")) {
-    const namespace = pattern.slice(0, -2);
-    return eventType.startsWith(namespace + ":");
-  }
-  return false;
+  return pattern.endsWith(":*") && eventType.startsWith(pattern.slice(0, -2) + ":");
 }
+var EVENT_STATE = Symbol("event-emission:event-state");
 function createEventTarget(targetOrOpts, opts) {
   if (opts?.observe === true && targetOrOpts && typeof targetOrOpts === "object") {
     const target = targetOrOpts;
@@ -361,13 +627,15 @@ function createEventTarget(targetOrOpts, opts) {
     });
     const proxy = createObservableProxy(target, eventTarget, {
       deep: opts.deep,
-      cloneStrategy: opts.cloneStrategy
+      cloneStrategy: opts.cloneStrategy,
+      deepClone: opts.deepClone
     });
     const methodNames = [
       "addEventListener",
       "removeEventListener",
       "dispatchEvent",
       "clear",
+      "on",
       "once",
       "removeAllListeners",
       "pipe",
@@ -400,43 +668,241 @@ function createEventTargetInternal(opts) {
   const wildcardListeners = new Set;
   let isCompleted = false;
   const completionCallbacks = new Set;
-  const handleListenerError = (eventType, error) => {
+  const now = () => typeof globalThis.performance?.now === "function" ? globalThis.performance.now() : Date.now();
+  const initializeEventState = (state, type, bubbles, cancelable) => {
+    state.initializedFlag = true;
+    state.stopPropagationFlag = false;
+    state.stopImmediatePropagationFlag = false;
+    state.canceledFlag = false;
+    state.isTrusted = false;
+    state.target = null;
+    state.currentTarget = null;
+    state.eventPhase = 0;
+    state.type = type;
+    state.bubbles = bubbles;
+    state.cancelable = cancelable;
+  };
+  const setCanceledFlag = (state) => {
+    if (state.cancelable && !state.inPassiveListenerFlag) {
+      state.canceledFlag = true;
+    }
+  };
+  const createEvent = (type, detail, init) => {
+    const state = {
+      dispatchFlag: false,
+      initializedFlag: true,
+      stopPropagationFlag: false,
+      stopImmediatePropagationFlag: false,
+      canceledFlag: false,
+      inPassiveListenerFlag: false,
+      composedFlag: Boolean(init?.composed),
+      eventPhase: init?.eventPhase ?? 0,
+      currentTarget: init?.currentTarget ?? init?.target ?? null,
+      target: init?.target ?? null,
+      timeStamp: init?.timeStamp ?? now(),
+      path: [],
+      type,
+      bubbles: Boolean(init?.bubbles),
+      cancelable: Boolean(init?.cancelable),
+      isTrusted: false
+    };
+    const event = { detail };
+    Object.defineProperties(event, {
+      type: {
+        get: () => state.type,
+        enumerable: true,
+        configurable: true
+      },
+      bubbles: {
+        get: () => state.bubbles,
+        enumerable: true,
+        configurable: true
+      },
+      cancelable: {
+        get: () => state.cancelable,
+        enumerable: true,
+        configurable: true
+      },
+      cancelBubble: {
+        get: () => state.stopPropagationFlag,
+        set: (value) => {
+          if (value)
+            state.stopPropagationFlag = true;
+        },
+        enumerable: true,
+        configurable: true
+      },
+      composed: {
+        get: () => state.composedFlag,
+        enumerable: true,
+        configurable: true
+      },
+      currentTarget: {
+        get: () => state.currentTarget,
+        enumerable: true,
+        configurable: true
+      },
+      defaultPrevented: {
+        get: () => state.canceledFlag,
+        enumerable: true,
+        configurable: true
+      },
+      eventPhase: {
+        get: () => state.eventPhase,
+        enumerable: true,
+        configurable: true
+      },
+      isTrusted: {
+        get: () => state.isTrusted,
+        enumerable: true,
+        configurable: true
+      },
+      returnValue: {
+        get: () => !state.canceledFlag,
+        set: (value) => {
+          if (value === false)
+            setCanceledFlag(state);
+        },
+        enumerable: true,
+        configurable: true
+      },
+      srcElement: {
+        get: () => state.target,
+        enumerable: true,
+        configurable: true
+      },
+      target: {
+        get: () => state.target,
+        enumerable: true,
+        configurable: true
+      },
+      timeStamp: {
+        get: () => state.timeStamp,
+        enumerable: true,
+        configurable: true
+      },
+      composedPath: {
+        value: () => state.path.map((entry) => entry.invocationTarget),
+        enumerable: true,
+        configurable: true
+      },
+      initEvent: {
+        value: (newType, bubbles = false, cancelable = false) => {
+          if (state.dispatchFlag)
+            return;
+          initializeEventState(state, newType, Boolean(bubbles), Boolean(cancelable));
+        },
+        enumerable: true,
+        configurable: true
+      },
+      preventDefault: {
+        value: () => setCanceledFlag(state),
+        enumerable: true,
+        configurable: true
+      },
+      stopImmediatePropagation: {
+        value: () => {
+          state.stopPropagationFlag = true;
+          state.stopImmediatePropagationFlag = true;
+        },
+        enumerable: true,
+        configurable: true
+      },
+      stopPropagation: {
+        value: () => {
+          state.stopPropagationFlag = true;
+        },
+        enumerable: true,
+        configurable: true
+      },
+      NONE: { value: 0, enumerable: true, configurable: true },
+      CAPTURING_PHASE: { value: 1, enumerable: true, configurable: true },
+      AT_TARGET: { value: 2, enumerable: true, configurable: true },
+      BUBBLING_PHASE: { value: 3, enumerable: true, configurable: true },
+      [EVENT_STATE]: {
+        value: state,
+        enumerable: false,
+        configurable: false
+      }
+    });
+    return event;
+  };
+  const getEventState = (event) => event[EVENT_STATE];
+  const normalizeAddListenerOptions = (options) => {
+    if (typeof options === "boolean") {
+      return {
+        capture: options,
+        passive: false,
+        once: false,
+        signal: null
+      };
+    }
+    return {
+      capture: Boolean(options?.capture),
+      passive: Boolean(options?.passive),
+      once: Boolean(options?.once),
+      signal: options?.signal ?? null
+    };
+  };
+  const normalizeCaptureOption = (options) => {
+    if (typeof options === "boolean")
+      return options;
+    return Boolean(options?.capture);
+  };
+  const removeListenerRecord = (type, record) => {
+    if (record.removed)
+      return;
+    record.removed = true;
+    const list = listeners.get(type);
+    if (list) {
+      const idx = list.indexOf(record);
+      if (idx >= 0)
+        list.splice(idx, 1);
+      if (list.length === 0)
+        listeners.delete(type);
+    }
+    if (record.signal && record.abortHandler) {
+      record.signal.removeEventListener("abort", record.abortHandler);
+    }
+  };
+  const handleListenerError = (eventType, error2) => {
     if (eventType === "error")
       return;
     if (opts?.onListenerError) {
-      opts.onListenerError(eventType, error);
+      opts.onListenerError(eventType, error2);
       return;
     }
     const errorListeners = listeners.get("error");
-    if (errorListeners && errorListeners.size > 0) {
-      for (const rec of Array.from(errorListeners)) {
-        try {
-          rec.fn({ type: "error", detail: error });
-        } catch {}
-        if (rec.once)
-          errorListeners.delete(rec);
-      }
+    if (errorListeners && errorListeners.length > 0) {
+      dispatchEvent({ type: "error", detail: error2 });
     } else {
-      throw error;
+      throw error2;
     }
   };
-  const notifyWildcardListeners = (eventType, detail) => {
+  const notifyWildcardListeners = (eventType, event) => {
     if (wildcardListeners.size === 0)
       return;
     for (const rec of Array.from(wildcardListeners)) {
       if (!matchesWildcard(eventType, rec.pattern))
         continue;
-      const wildcardEvent = {
-        type: rec.pattern,
-        originalType: eventType,
-        detail
-      };
+      const baseEvent = createEvent(rec.pattern, event.detail, {
+        target,
+        currentTarget: target,
+        eventPhase: 2,
+        bubbles: event.bubbles,
+        cancelable: event.cancelable,
+        composed: event.composed
+      });
+      const wildcardEvent = Object.defineProperties(baseEvent, {
+        originalType: { value: eventType, enumerable: true, configurable: true }
+      });
       try {
-        const res = rec.fn(wildcardEvent);
+        const fn = rec.fn;
+        const res = fn(wildcardEvent);
         if (res && typeof res.then === "function") {
-          res.catch((error) => {
+          res.catch((error2) => {
             try {
-              handleListenerError(eventType, error);
+              handleListenerError(eventType, error2);
             } catch (rethrown) {
               queueMicrotask(() => {
                 throw rethrown;
@@ -444,50 +910,65 @@ function createEventTargetInternal(opts) {
             }
           });
         }
-      } catch (error) {
-        handleListenerError(eventType, error);
+      } catch (error2) {
+        handleListenerError(eventType, error2);
       } finally {
         if (rec.once)
           wildcardListeners.delete(rec);
       }
+      const state = getEventState(wildcardEvent);
+      if (state?.stopImmediatePropagationFlag || state?.stopPropagationFlag) {
+        break;
+      }
     }
   };
   const addEventListener = (type, listener, options) => {
-    if (isCompleted) {
+    if (isCompleted || !listener) {
       return () => {};
     }
-    const opts2 = options ?? {};
-    const record = {
-      fn: listener,
-      once: opts2.once,
-      signal: opts2.signal
-    };
-    let set = listeners.get(type);
-    if (!set) {
-      set = new Set;
-      listeners.set(type, set);
+    const { capture, passive, once, signal } = normalizeAddListenerOptions(options);
+    let list = listeners.get(type);
+    if (!list) {
+      list = [];
+      listeners.set(type, list);
     }
-    set.add(record);
-    const unsubscribe = () => {
-      const setNow = listeners.get(type);
-      setNow?.delete(record);
-      if (record.signal && record.abortHandler) {
-        record.signal.removeEventListener("abort", record.abortHandler);
+    for (const existing of list) {
+      if (existing.original === listener && existing.capture === capture) {
+        return () => removeEventListener(type, listener, options);
       }
+    }
+    const original = listener;
+    const callback = typeof listener === "function" ? listener : (event) => listener.handleEvent(event);
+    const record = {
+      type,
+      original,
+      callback,
+      capture,
+      passive,
+      once,
+      signal,
+      removed: false
     };
-    if (opts2.signal) {
-      const onAbort = () => unsubscribe();
+    list.push(record);
+    const unsubscribe2 = () => removeListenerRecord(type, record);
+    if (signal) {
+      const onAbort = () => removeListenerRecord(type, record);
       record.abortHandler = onAbort;
-      opts2.signal.addEventListener("abort", onAbort, { once: true });
-      if (opts2.signal.aborted)
+      signal.addEventListener("abort", onAbort, { once: true });
+      if (signal.aborted)
         onAbort();
     }
-    return unsubscribe;
+    return unsubscribe2;
   };
   const addWildcardListener = (pattern, listener, options) => {
     if (isCompleted)
       return () => {};
     const opts2 = options ?? {};
+    for (const existing of wildcardListeners) {
+      if (existing.pattern === pattern && existing.fn === listener) {
+        return () => removeWildcardListener(pattern, listener);
+      }
+    }
     const record = {
       fn: listener,
       pattern,
@@ -495,46 +976,55 @@ function createEventTargetInternal(opts) {
       signal: opts2.signal
     };
     wildcardListeners.add(record);
-    const unsubscribe = () => {
+    const unsubscribe2 = () => {
       wildcardListeners.delete(record);
       if (record.signal && record.abortHandler) {
         record.signal.removeEventListener("abort", record.abortHandler);
       }
     };
     if (opts2.signal) {
-      const onAbort = () => unsubscribe();
+      const onAbort = () => unsubscribe2();
       record.abortHandler = onAbort;
       opts2.signal.addEventListener("abort", onAbort, { once: true });
       if (opts2.signal.aborted)
         onAbort();
     }
-    return unsubscribe;
+    return unsubscribe2;
   };
   const removeWildcardListener = (pattern, listener) => {
-    for (const record of wildcardListeners) {
+    for (const record of Array.from(wildcardListeners)) {
       if (record.pattern === pattern && record.fn === listener) {
         wildcardListeners.delete(record);
         if (record.signal && record.abortHandler) {
           record.signal.removeEventListener("abort", record.abortHandler);
         }
-        break;
       }
     }
   };
-  const dispatchEvent = (event) => {
-    if (isCompleted)
-      return false;
-    notifyWildcardListeners(event.type, event.detail);
-    const set = listeners.get(event.type);
-    if (!set || set.size === 0)
-      return true;
-    for (const rec of Array.from(set)) {
+  const invokeListeners = (eventType, event, phase, listenersSnapshot) => {
+    const state = getEventState(event);
+    if (!state || state.stopPropagationFlag)
+      return;
+    state.currentTarget = target;
+    state.target = target;
+    state.eventPhase = event.AT_TARGET;
+    for (const rec of listenersSnapshot) {
+      if (rec.removed)
+        continue;
+      if (phase === "capturing" && !rec.capture)
+        continue;
+      if (phase === "bubbling" && rec.capture)
+        continue;
+      if (rec.once)
+        removeListenerRecord(rec.type, rec);
+      if (rec.passive)
+        state.inPassiveListenerFlag = true;
       try {
-        const res = rec.fn(event);
+        const res = rec.callback.call(state.currentTarget, event);
         if (res && typeof res.then === "function") {
-          res.catch((error) => {
+          res.catch((error2) => {
             try {
-              handleListenerError(event.type, error);
+              handleListenerError(eventType, error2);
             } catch (rethrown) {
               queueMicrotask(() => {
                 throw rethrown;
@@ -542,37 +1032,95 @@ function createEventTargetInternal(opts) {
             }
           });
         }
-      } catch (error) {
-        handleListenerError(event.type, error);
+      } catch (error2) {
+        handleListenerError(eventType, error2);
       } finally {
-        if (rec.once)
-          set.delete(rec);
+        if (rec.passive)
+          state.inPassiveListenerFlag = false;
       }
+      if (state.stopImmediatePropagationFlag)
+        break;
     }
-    return true;
   };
-  const removeEventListener = (type, listener) => {
-    const set = listeners.get(type);
-    if (!set)
-      return;
-    for (const record of set) {
-      if (record.fn === listener) {
-        set.delete(record);
-        if (record.signal && record.abortHandler) {
-          record.signal.removeEventListener("abort", record.abortHandler);
+  const dispatchEvent = (eventInput) => {
+    if (isCompleted)
+      return false;
+    let event;
+    let state;
+    if (eventInput && typeof eventInput === "object") {
+      state = getEventState(eventInput);
+      if (state) {
+        event = eventInput;
+      } else {
+        const input = eventInput;
+        if (typeof input.type !== "string") {
+          throw new TypeError("Event type must be a string");
         }
-        break;
+        event = createEvent(input.type, input.detail, {
+          bubbles: input.bubbles,
+          cancelable: input.cancelable,
+          composed: input.composed,
+          timeStamp: input.timeStamp
+        });
+        state = getEventState(event);
+      }
+    } else {
+      throw new TypeError("dispatchEvent expects an event object");
+    }
+    const dispatchState = state ?? getEventState(event);
+    if (dispatchState.dispatchFlag || !dispatchState.initializedFlag) {
+      const message = "Failed to execute dispatchEvent: event is already being dispatched";
+      if (typeof globalThis.DOMException === "function") {
+        throw new globalThis.DOMException(message, "InvalidStateError");
+      }
+      const err = new Error(message);
+      err.name = "InvalidStateError";
+      throw err;
+    }
+    dispatchState.isTrusted = false;
+    dispatchState.dispatchFlag = true;
+    dispatchState.path = [
+      {
+        invocationTarget: target,
+        invocationTargetInShadowTree: false,
+        shadowAdjustedTarget: target,
+        relatedTarget: null,
+        touchTargets: [],
+        rootOfClosedTree: false,
+        slotInClosedTree: false
+      }
+    ];
+    notifyWildcardListeners(dispatchState.type, event);
+    const list = listeners.get(dispatchState.type);
+    const snapshot = list ? list.slice() : [];
+    invokeListeners(dispatchState.type, event, "capturing", snapshot);
+    invokeListeners(dispatchState.type, event, "bubbling", snapshot);
+    dispatchState.eventPhase = event.NONE;
+    dispatchState.currentTarget = null;
+    dispatchState.path = [];
+    dispatchState.dispatchFlag = false;
+    dispatchState.stopPropagationFlag = false;
+    dispatchState.stopImmediatePropagationFlag = false;
+    return !dispatchState.canceledFlag;
+  };
+  const removeEventListener = (type, listener, options) => {
+    if (!listener)
+      return;
+    const capture = normalizeCaptureOption(options);
+    const list = listeners.get(type);
+    if (!list)
+      return;
+    for (const record of [...list]) {
+      if (record.original === listener && record.capture === capture) {
+        removeListenerRecord(type, record);
       }
     }
   };
   const clear = () => {
-    for (const set of listeners.values()) {
-      for (const record of set) {
-        if (record.signal && record.abortHandler) {
-          record.signal.removeEventListener("abort", record.abortHandler);
-        }
+    for (const [type, list] of Array.from(listeners.entries())) {
+      for (const record of [...list]) {
+        removeListenerRecord(type, record);
       }
-      set.clear();
     }
     listeners.clear();
     for (const record of wildcardListeners) {
@@ -582,29 +1130,66 @@ function createEventTargetInternal(opts) {
     }
     wildcardListeners.clear();
   };
-  const once = (type, listener, options) => {
-    return addEventListener(type, listener, { ...options, once: true });
+  const on = (type, options) => {
+    return new Observable((observer) => {
+      let opts2;
+      if (typeof options === "boolean") {
+        opts2 = { capture: options };
+      } else {
+        opts2 = options ?? {};
+      }
+      const handler = opts2.handler;
+      const once = opts2.once;
+      const eventHandler = (e) => {
+        let success = false;
+        try {
+          if (handler) {
+            handler(e);
+          }
+          observer.next(e);
+          success = true;
+        } finally {
+          if (once && success) {
+            observer.complete();
+          }
+        }
+      };
+      const errorHandler = (e) => {
+        observer.error(e.detail);
+      };
+      const unsubscribeEvent = addEventListener(type, eventHandler, opts2);
+      let unsubscribeError;
+      if (opts2.receiveError) {
+        unsubscribeError = addEventListener("error", errorHandler, opts2);
+      }
+      return () => {
+        unsubscribeEvent();
+        if (unsubscribeError) {
+          unsubscribeError();
+        }
+      };
+    });
+  };
+  const onceMethod = (type, listener, options) => {
+    if (typeof options === "boolean") {
+      return addEventListener(type, listener, { capture: options, once: true });
+    }
+    return addEventListener(type, listener, { ...options ?? {}, once: true });
   };
   const removeAllListeners = (type) => {
     if (type !== undefined) {
-      const set = listeners.get(type);
-      if (set) {
-        for (const record of set) {
-          if (record.signal && record.abortHandler) {
-            record.signal.removeEventListener("abort", record.abortHandler);
-          }
+      const list = listeners.get(type);
+      if (list) {
+        for (const record of [...list]) {
+          removeListenerRecord(type, record);
         }
-        set.clear();
         listeners.delete(type);
       }
     } else {
-      for (const set of listeners.values()) {
-        for (const record of set) {
-          if (record.signal && record.abortHandler) {
-            record.signal.removeEventListener("abort", record.abortHandler);
-          }
+      for (const [eventType, list] of Array.from(listeners.entries())) {
+        for (const record of [...list]) {
+          removeListenerRecord(eventType, record);
         }
-        set.clear();
       }
       listeners.clear();
       for (const record of wildcardListeners) {
@@ -619,41 +1204,36 @@ function createEventTargetInternal(opts) {
     if (isCompleted) {
       return () => {};
     }
-    const unsubscribes = [];
-    const subscribedTypes = new Set;
-    const subscribeToType = (type) => {
-      if (subscribedTypes.has(type))
-        return;
-      subscribedTypes.add(type);
-      const unsub = addEventListener(type, (event) => {
-        if (mapFn) {
-          const mapped = mapFn(event);
-          if (mapped !== null) {
-            target2.dispatchEvent(mapped);
-          }
-        } else {
-          target2.dispatchEvent(event);
+    const unsubscribe2 = addWildcardListener("*", (event) => {
+      if (mapFn) {
+        const mapped = mapFn(createEvent(event.originalType, event.detail, {
+          target: target2,
+          currentTarget: target2,
+          eventPhase: 2,
+          bubbles: event.bubbles,
+          cancelable: event.cancelable,
+          composed: event.composed
+        }));
+        if (mapped !== null) {
+          target2.dispatchEvent(mapped);
         }
-      });
-      unsubscribes.push(unsub);
-    };
-    for (const type of listeners.keys()) {
-      subscribeToType(type);
-    }
-    const completionUnsub = () => {
-      for (const unsub of unsubscribes) {
-        unsub();
+      } else {
+        target2.dispatchEvent({
+          type: event.originalType,
+          detail: event.detail
+        });
       }
+    });
+    const completionUnsub = () => {
+      unsubscribe2();
     };
     completionCallbacks.add(completionUnsub);
     return () => {
       completionCallbacks.delete(completionUnsub);
-      for (const unsub of unsubscribes) {
-        unsub();
-      }
+      unsubscribe2();
     };
   };
-  const complete = () => {
+  const complete2 = () => {
     if (isCompleted)
       return;
     isCompleted = true;
@@ -667,13 +1247,10 @@ function createEventTargetInternal(opts) {
       }
     }
     completionCallbacks.clear();
-    for (const set of listeners.values()) {
-      for (const record of set) {
-        if (record.signal && record.abortHandler) {
-          record.signal.removeEventListener("abort", record.abortHandler);
-        }
+    for (const [eventType, list] of Array.from(listeners.entries())) {
+      for (const record of [...list]) {
+        removeListenerRecord(eventType, record);
       }
-      set.clear();
     }
     listeners.clear();
     for (const record of wildcardListeners) {
@@ -683,12 +1260,12 @@ function createEventTargetInternal(opts) {
     }
     wildcardListeners.clear();
   };
-  const subscribe = (type, observerOrNext, error, completeHandler) => {
+  const subscribe = (type, observerOrNext, error2, completeHandler) => {
     let observer;
     if (typeof observerOrNext === "function") {
       observer = {
         next: observerOrNext,
-        error,
+        error: error2,
         complete: completeHandler
       };
     } else {
@@ -750,81 +1327,31 @@ function createEventTargetInternal(opts) {
     };
   };
   const toObservable = () => {
-    const observable = {
-      subscribe: (observerOrNext, errorFn, completeFn) => {
-        let next;
-        let error;
-        let completeCallback;
-        if (typeof observerOrNext === "function") {
-          next = observerOrNext;
-          error = errorFn;
-          completeCallback = completeFn;
-        } else if (observerOrNext) {
-          next = observerOrNext.next?.bind(observerOrNext);
-          error = observerOrNext.error?.bind(observerOrNext);
-          completeCallback = observerOrNext.complete?.bind(observerOrNext);
-        }
-        let closed = false;
-        if (isCompleted) {
-          if (completeCallback) {
-            try {
-              completeCallback();
-            } catch {}
-          }
-          return {
-            unsubscribe: () => {
-              closed = true;
-            },
-            get closed() {
-              return true;
-            }
-          };
-        }
-        const wildcardListener = (event) => {
-          if (closed)
-            return;
-          if (next) {
-            try {
-              next({ type: event.originalType, detail: event.detail });
-            } catch (err) {
-              if (error) {
-                try {
-                  error(err);
-                } catch {}
-              }
-            }
-          }
-        };
-        const unsubscribe = addWildcardListener("*", wildcardListener);
-        const onComplete = () => {
-          if (closed)
-            return;
-          closed = true;
-          if (completeCallback) {
-            try {
-              completeCallback();
-            } catch {}
-          }
-        };
-        completionCallbacks.add(onComplete);
-        return {
-          unsubscribe: () => {
-            if (closed)
-              return;
-            closed = true;
-            unsubscribe();
-            completionCallbacks.delete(onComplete);
-          },
-          get closed() {
-            return closed || isCompleted;
-          }
-        };
-      },
-      [SymbolObservable]() {
-        return observable;
+    return new Observable((observer) => {
+      if (isCompleted) {
+        observer.complete();
+        return;
       }
-    };
-    return observable;
+      const wildcardListener = (event) => {
+        observer.next(createEvent(event.originalType, event.detail, {
+          target,
+          currentTarget: target,
+          eventPhase: 2,
+          bubbles: event.bubbles,
+          cancelable: event.cancelable,
+          composed: event.composed
+        }));
+      };
+      const unsubscribe2 = addWildcardListener("*", wildcardListener);
+      const onComplete = () => {
+        observer.complete();
+      };
+      completionCallbacks.add(onComplete);
+      return () => {
+        unsubscribe2();
+        completionCallbacks.delete(onComplete);
+      };
+    });
   };
   function events(type, options) {
     if (isCompleted) {
@@ -853,19 +1380,26 @@ function createEventTargetInternal(opts) {
     let resolve = null;
     let done = false;
     let hasOverflow = false;
+    let onAbort = null;
+    const cleanupAbortListener = () => {
+      if (signal && onAbort) {
+        signal.removeEventListener("abort", onAbort);
+      }
+    };
     const unsub = addEventListener(type, (event) => {
       if (done)
         return;
+      const typedEvent = event;
       if (resolve) {
         const r = resolve;
         resolve = null;
-        r({ value: event, done: false });
+        r({ value: typedEvent, done: false });
       } else {
         if (buffer.length >= bufferSize && bufferSize !== Infinity) {
           switch (overflowStrategy) {
             case "drop-oldest":
               buffer.shift();
-              buffer.push(event);
+              buffer.push(typedEvent);
               break;
             case "drop-latest":
               break;
@@ -874,15 +1408,17 @@ function createEventTargetInternal(opts) {
               completionCallbacks.delete(onComplete);
               done = true;
               hasOverflow = true;
+              cleanupAbortListener();
               return;
           }
         } else {
-          buffer.push(event);
+          buffer.push(typedEvent);
         }
       }
     });
     const onComplete = () => {
       done = true;
+      cleanupAbortListener();
       if (resolve) {
         const r = resolve;
         resolve = null;
@@ -890,7 +1426,6 @@ function createEventTargetInternal(opts) {
       }
     };
     completionCallbacks.add(onComplete);
-    let onAbort = null;
     if (signal) {
       onAbort = () => {
         done = true;
@@ -914,26 +1449,22 @@ function createEventTargetInternal(opts) {
         if (buffer.length > 0) {
           return { value: buffer.shift(), done: false };
         }
-        if (hasOverflow) {
-          hasOverflow = false;
-          throw new BufferOverflowError(type, bufferSize);
-        }
-        if (done) {
-          return { value: undefined, done: true };
-        }
         if (resolve !== null) {
           return Promise.reject(new Error("Concurrent calls to next() are not supported on this async iterator"));
         }
         return new Promise((_resolve, _reject) => {
-          if (done) {
-            _resolve({ value: undefined, done: true });
-            return;
-          }
           if (hasOverflow) {
             hasOverflow = false;
             _reject(new BufferOverflowError(type, bufferSize));
             return;
           }
+          if (done) {
+            _resolve({
+              value: undefined,
+              done: true
+            });
+            return;
+          }
           resolve = _resolve;
         });
       },
@@ -946,9 +1477,7 @@ function createEventTargetInternal(opts) {
         done = true;
         completionCallbacks.delete(onComplete);
         unsub();
-        if (signal && onAbort) {
-          signal.removeEventListener("abort", onAbort);
-        }
+        cleanupAbortListener();
         return Promise.resolve({
           value: undefined,
           done: true
@@ -962,12 +1491,13 @@ function createEventTargetInternal(opts) {
     removeEventListener,
     dispatchEvent,
     clear,
-    once,
+    on,
+    once: onceMethod,
     removeAllListeners,
     pipe,
     addWildcardListener,
     removeWildcardListener,
-    complete,
+    complete: complete2,
     get completed() {
       return isCompleted;
     },
@@ -980,84 +1510,8 @@ function createEventTargetInternal(opts) {
   };
   return target;
 }
-// src/interop.ts
-function forwardToEventTarget(source, target, options) {
-  const unsubscribe = source.addWildcardListener("*", (event) => {
-    const domEvent = {
-      type: event.originalType,
-      detail: event.detail
-    };
-    target.dispatchEvent(domEvent);
-  }, options);
-  return unsubscribe;
-}
-function fromEventTarget(domTarget, eventTypes, options) {
-  const eventful = createEventTarget({
-    onListenerError: options?.onListenerError
-  });
-  const handlers = new Map;
-  for (const type of eventTypes) {
-    const handler = (event) => {
-      eventful.dispatchEvent({
-        type,
-        detail: event.detail ?? event
-      });
-    };
-    handlers.set(type, handler);
-    domTarget.addEventListener(type, handler);
-  }
-  let onAbort = null;
-  if (options?.signal) {
-    onAbort = () => {
-      for (const [type, handler] of handlers) {
-        domTarget.removeEventListener(type, handler);
-      }
-      handlers.clear();
-      eventful.complete();
-    };
-    options.signal.addEventListener("abort", onAbort, { once: true });
-    if (options.signal.aborted)
-      onAbort();
-  }
-  return {
-    addEventListener: eventful.addEventListener,
-    removeEventListener: eventful.removeEventListener,
-    dispatchEvent: eventful.dispatchEvent,
-    clear: eventful.clear,
-    once: eventful.once,
-    removeAllListeners: eventful.removeAllListeners,
-    pipe: eventful.pipe,
-    addWildcardListener: eventful.addWildcardListener,
-    removeWildcardListener: eventful.removeWildcardListener,
-    subscribe: eventful.subscribe,
-    toObservable: eventful.toObservable,
-    complete: eventful.complete,
-    get completed() {
-      return eventful.completed;
-    },
-    events: eventful.events,
-    destroy: () => {
-      if (options?.signal && onAbort) {
-        options.signal.removeEventListener("abort", onAbort);
-      }
-      for (const [type, handler] of handlers) {
-        domTarget.removeEventListener(type, handler);
-      }
-      handlers.clear();
-      eventful.complete();
-    }
-  };
-}
-function pipe(source, target, options) {
-  return source.addWildcardListener("*", (event) => {
-    target.dispatchEvent({
-      type: event.originalType,
-      detail: event.detail
-    });
-  }, options);
-}
-// src/eventful.ts
-class Eventful {
+// src/event-emission.ts
+class EventEmission {
   #target;
   constructor() {
     this.#target = createEventTarget();
@@ -1065,12 +1519,15 @@ class Eventful {
   addEventListener(type, listener, options) {
     return this.#target.addEventListener(type, listener, options);
   }
-  removeEventListener(type, listener) {
-    this.#target.removeEventListener(type, listener);
+  removeEventListener(type, listener, options) {
+    this.#target.removeEventListener(type, listener, options);
   }
   dispatchEvent(event) {
     return this.#target.dispatchEvent(event);
   }
+  on(type, options) {
+    return this.#target.on(type, options);
+  }
   once(type, listener, options) {
     return this.#target.once(type, listener, options);
   }
@@ -1089,9 +1546,9 @@ class Eventful {
   removeWildcardListener(pattern, listener) {
     this.#target.removeWildcardListener(pattern, listener);
   }
-  subscribe(typeOrObserver, observerOrNext, error, completeHandler) {
+  subscribe(typeOrObserver, observerOrNext, error2, completeHandler) {
     if (typeof typeOrObserver === "string") {
-      return this.#target.subscribe(typeOrObserver, observerOrNext, error, completeHandler);
+      return this.#target.subscribe(typeOrObserver, observerOrNext, error2, completeHandler);
     }
     if (typeof typeOrObserver === "function") {
       return this.#target.toObservable().subscribe(typeOrObserver);
@@ -1123,4 +1580,4 @@ class Eventful {
 }
 })
 
-//# debugId=C000AD057E5BF10964756E2164756E21
+//# debugId=3C805781BACAE6AD64756E2164756E21