Do not use this in event emitters.

src/framework/piral-base/src/api.ts

@@ -2,10 +2,10 @@ import type { PiletMetadata, EventEmitter, PiletApi, PiletApiExtender } from './
 
 export function initializeApi(target: PiletMetadata, events: EventEmitter): PiletApi {
   return {
-    on: events.on.bind(events),
-    once: events.once.bind(events),
-    off: events.off.bind(events),
-    emit: events.emit.bind(events),
+    on: events.on,
+    once: events.once,
+    off: events.off,
+    emit: events.emit,
     meta: Object.assign({}, target),
   };
 }

src/framework/piral-base/src/events.ts

@@ -15,19 +15,19 @@ function nameOf(type: string | number) {
 export function createListener(state: any = {}): EventEmitter {
   const eventListeners: EventListeners = [];
 
-  return {
+  const events = {
     on(type, callback) {
       const listener = ({ detail }: CustomEvent) => detail && detail.state === state && callback(detail.arg);
       document.body.addEventListener(nameOf(type), listener);
       eventListeners.push([callback, listener]);
-      return this;
+      return events;
     },
     once(type, callback) {
       const cb = (ev: any) => {
-        this.off(type, cb);
+        events.off(type, cb);
         callback(ev);
       };
-      return this.on(type, cb);
+      return events.on(type, cb);
     },
     off(type, callback) {
       const [listener] = eventListeners.filter((m) => m[0] === callback);
@@ -37,7 +37,7 @@ export function createListener(state: any = {}): EventEmitter {
         eventListeners.splice(eventListeners.indexOf(listener), 1);
       }
 
-      return this;
+      return events;
     },
     emit(type, arg) {
       document.body.dispatchEvent(
@@ -50,7 +50,9 @@ export function createListener(state: any = {}): EventEmitter {
           },
         }),
       );
-      return this;
+      return events;
     },
   };
+
+  return events;
 }