mount-observer 0.0.112 → 0.1.1

package/Events.js

@@ -1,42 +1,78 @@
-//TODO:  make thes external
-// https://github.com/webcomponents-cg/community-protocols/issues/12#issuecomment-872415080
-/**
- * The `mutation-event` event represents something that happened.
- * We can document it here.
- */
+// Event name constants
+export const loadEventName = 'load';
+export const mountEventName = 'mount';
+export const dismountEventName = 'dismount';
+export const disconnectEventName = 'disconnect';
+export const attrchangeEventName = 'attrchange';
+export const mediamatchEventName = 'mediamatch';
+export const mediaunmatchEventName = 'mediaunmatch';
 export class MountEvent extends Event {
-    mountedElement;
-    initializing;
-    static eventName = 'mount';
-    constructor(mountedElement, initializing) {
+    matchingElement;
+    modules;
+    mountInit;
+    static eventName = mountEventName;
+    constructor(matchingElement, modules, mountInit) {
         super(MountEvent.eventName);
-        this.mountedElement = mountedElement;
-        this.initializing = initializing;
+        this.matchingElement = matchingElement;
+        this.modules = modules;
+        this.mountInit = mountInit;
     }
 }
 export class DismountEvent extends Event {
-    dismountedElement;
-    static eventName = 'dismount';
-    constructor(dismountedElement) {
+    matchingElement;
+    reason;
+    mountInit;
+    static eventName = dismountEventName;
+    constructor(matchingElement, reason, mountInit) {
         super(DismountEvent.eventName);
-        this.dismountedElement = dismountedElement;
+        this.matchingElement = matchingElement;
+        this.reason = reason;
+        this.mountInit = mountInit;
     }
 }
 export class DisconnectEvent extends Event {
-    disconnectedElement;
-    static eventName = 'disconnect';
-    constructor(disconnectedElement) {
+    matchingElement;
+    mountInit;
+    static eventName = disconnectEventName;
+    constructor(matchingElement, mountInit) {
         super(DisconnectEvent.eventName);
-        this.disconnectedElement = disconnectedElement;
+        this.matchingElement = matchingElement;
+        this.mountInit = mountInit;
+    }
+}
+export class LoadEvent extends Event {
+    modules;
+    mountInit;
+    static eventName = loadEventName;
+    constructor(modules, mountInit) {
+        super(LoadEvent.eventName);
+        this.modules = modules;
+        this.mountInit = mountInit;
     }
 }
 export class AttrChangeEvent extends Event {
-    mountedElement;
-    attrChangeInfos;
-    static eventName = 'attrChange';
-    constructor(mountedElement, attrChangeInfos) {
+    changes;
+    mountInit;
+    static eventName = attrchangeEventName;
+    constructor(changes, mountInit) {
         super(AttrChangeEvent.eventName);
-        this.mountedElement = mountedElement;
-        this.attrChangeInfos = attrChangeInfos;
+        this.changes = changes;
+        this.mountInit = mountInit;
+    }
+}
+export class MediaMatchEvent extends Event {
+    mountInit;
+    static eventName = mediamatchEventName;
+    constructor(mountInit) {
+        super(MediaMatchEvent.eventName);
+        this.mountInit = mountInit;
+    }
+}
+export class MediaUnmatchEvent extends Event {
+    mountInit;
+    static eventName = mediaunmatchEventName;
+    constructor(mountInit) {
+        super(MediaUnmatchEvent.eventName);
+        this.mountInit = mountInit;
     }
 }

package/Events.ts

@@ -1,45 +1,67 @@
-import {MountInit, IMountObserver, AddMutationEventListener, 
-    MutationEvent, dismountEventName, mountEventName, IMountEvent, IDismountEvent,
-    disconnectedEventName, IDisconnectEvent, IAttrChangeEvent, attrChangeEventName, AttrChangeInfo, loadEventName, ILoadEvent,
-    AttrParts,
-    MOSE, WeakDual,
-    MountObserverOptions,
-    Assigner,
-    RefType
-} from './ts-refs/mount-observer/types';
-//TODO:  make thes external
-// https://github.com/webcomponents-cg/community-protocols/issues/12#issuecomment-872415080
-/**
- * The `mutation-event` event represents something that happened.
- * We can document it here.
- */
+// Event classes for MountObserver
+import type { IMountEvent, IDismountEvent, IAttrChangeEvent, AttrChange, MountInit, DismountReason } from './types.js';
+
+// Event name constants
+export const loadEventName = 'load';
+export const mountEventName = 'mount';
+export const dismountEventName = 'dismount';
+export const disconnectEventName = 'disconnect';
+export const attrchangeEventName = 'attrchange';
+export const mediamatchEventName = 'mediamatch';
+export const mediaunmatchEventName = 'mediaunmatch';
+
 export class MountEvent extends Event implements IMountEvent {
-    static eventName: mountEventName = 'mount';
-  
-    constructor(public mountedElement: Element, public initializing: boolean) {
-      super(MountEvent.eventName);
+    static eventName: typeof mountEventName = mountEventName;
+    
+    constructor(public matchingElement: Element, public modules: any[], public mountInit: MountInit) {
+        super(MountEvent.eventName);
     }
 }
 
-export class DismountEvent extends Event implements IDismountEvent{
-    static eventName: dismountEventName = 'dismount';
-
-    constructor(public dismountedElement: Element){
+export class DismountEvent extends Event implements IDismountEvent {
+    static eventName: typeof dismountEventName = dismountEventName;
+    
+    constructor(public matchingElement: Element, public reason: DismountReason, public mountInit: MountInit) {
         super(DismountEvent.eventName);
     }
 }
 
-export class DisconnectEvent extends Event implements IDisconnectEvent{
-    static eventName: disconnectedEventName = 'disconnect';
-
-    constructor(public disconnectedElement: Element){
+export class DisconnectEvent extends Event {
+    static eventName: typeof disconnectEventName = disconnectEventName;
+    
+    constructor(public matchingElement: Element, public mountInit: MountInit) {
         super(DisconnectEvent.eventName);
     }
 }
 
-export class AttrChangeEvent extends Event implements IAttrChangeEvent{
-    static eventName: attrChangeEventName = 'attrChange';
-    constructor(public mountedElement: Element, public attrChangeInfos: Array<AttrChangeInfo>){
+export class LoadEvent extends Event {
+    static eventName: typeof loadEventName = loadEventName;
+    
+    constructor(public modules: any[], public mountInit: MountInit) {
+        super(LoadEvent.eventName);
+    }
+}
+
+export class AttrChangeEvent extends Event implements IAttrChangeEvent {
+    static eventName: typeof attrchangeEventName = attrchangeEventName;
+    
+    constructor(public changes: AttrChange[], public mountInit: MountInit) {
         super(AttrChangeEvent.eventName);
     }
 }
+
+export class MediaMatchEvent extends Event {
+    static eventName: typeof mediamatchEventName = mediamatchEventName;
+    
+    constructor(public mountInit: MountInit) {
+        super(MediaMatchEvent.eventName);
+    }
+}
+
+export class MediaUnmatchEvent extends Event {
+    static eventName: typeof mediaunmatchEventName = mediaunmatchEventName;
+    
+    constructor(public mountInit: MountInit) {
+        super(MediaUnmatchEvent.eventName);
+    }
+}