pseudo-dom 0.2.0 → 0.4.0

package/dist/main.js

@@ -15,7 +15,7 @@ const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
 Object.defineProperty(exports, '__esModule', {
   value: true
 })
-exports.PseudoHTMLDocument = exports.PseudoHTMLElement = exports.PseudoElement = exports.PseudoNode = exports.PseudoEventTarget = exports.PseudoEvent = exports.generateDocument = void 0
+exports.PseudoHTMLDocument = exports.PseudoHTMLElement = exports.PseudoElement = exports.PseudoNode = exports.PseudoEventTarget = exports.PseudoCustomEvent = exports.PseudoInputEvent = exports.PseudoFocusEvent = exports.PseudoKeyboardEvent = exports.PseudoPointerEvent = exports.PseudoMouseEvent = exports.PseudoUIEvent = exports.PseudoEvent = exports.simulate = exports.eventDefaults = exports.createEvent = exports.generateDocument = void 0
 const EventService_1 = require('./services/EventService')
 Object.defineProperty(exports, 'PseudoEvent', {
   enumerable: true,
@@ -50,6 +50,61 @@ const PseudoHTMLDocument_1 = __importDefault(require('./classes/PseudoHTMLDocume
 exports.PseudoHTMLDocument = PseudoHTMLDocument_1.default
 const generateDocument_1 = __importDefault(require('./factories/generateDocument'))
 exports.generateDocument = generateDocument_1.default
+const createEvent_1 = __importDefault(require('./factories/createEvent'))
+exports.createEvent = createEvent_1.default
+const eventDefaults_1 = __importDefault(require('./factories/eventDefaults'))
+exports.eventDefaults = eventDefaults_1.default
+const UIEventService_1 = require('./services/UIEventService')
+Object.defineProperty(exports, 'PseudoUIEvent', {
+  enumerable: true,
+  get: function () {
+    return UIEventService_1.UIEventService
+  }
+})
+const MouseEventService_1 = require('./services/MouseEventService')
+Object.defineProperty(exports, 'PseudoMouseEvent', {
+  enumerable: true,
+  get: function () {
+    return MouseEventService_1.MouseEventService
+  }
+})
+const PointerEventService_1 = require('./services/PointerEventService')
+Object.defineProperty(exports, 'PseudoPointerEvent', {
+  enumerable: true,
+  get: function () {
+    return PointerEventService_1.PointerEventService
+  }
+})
+const KeyboardEventService_1 = require('./services/KeyboardEventService')
+Object.defineProperty(exports, 'PseudoKeyboardEvent', {
+  enumerable: true,
+  get: function () {
+    return KeyboardEventService_1.KeyboardEventService
+  }
+})
+const FocusEventService_1 = require('./services/FocusEventService')
+Object.defineProperty(exports, 'PseudoFocusEvent', {
+  enumerable: true,
+  get: function () {
+    return FocusEventService_1.FocusEventService
+  }
+})
+const InputEventService_1 = require('./services/InputEventService')
+Object.defineProperty(exports, 'PseudoInputEvent', {
+  enumerable: true,
+  get: function () {
+    return InputEventService_1.InputEventService
+  }
+})
+const CustomEventService_1 = require('./services/CustomEventService')
+Object.defineProperty(exports, 'PseudoCustomEvent', {
+  enumerable: true,
+  get: function () {
+    return CustomEventService_1.CustomEventService
+  }
+})
+const simulate_1 = __importDefault(require('./simulate'))
+exports.simulate = simulate_1.default
 /**
  * All methods exported from this module are encapsulated within pseudoDom.
  * @author Joshua Heagle <joshuaheagle@gmail.com>
@@ -58,7 +113,17 @@ exports.generateDocument = generateDocument_1.default
  */
 const pseudoDom = {
   generateDocument: generateDocument_1.default,
+  createEvent: createEvent_1.default,
+  eventDefaults: eventDefaults_1.default,
+  simulate: simulate_1.default,
   PseudoEvent: EventService_1.EventService,
+  PseudoUIEvent: UIEventService_1.UIEventService,
+  PseudoMouseEvent: MouseEventService_1.MouseEventService,
+  PseudoPointerEvent: PointerEventService_1.PointerEventService,
+  PseudoKeyboardEvent: KeyboardEventService_1.KeyboardEventService,
+  PseudoFocusEvent: FocusEventService_1.FocusEventService,
+  PseudoInputEvent: InputEventService_1.InputEventService,
+  PseudoCustomEvent: CustomEventService_1.CustomEventService,
   PseudoEventTarget: EventTargetService_1.default,
   PseudoNode: NodeService_1.NodeService,
   PseudoElement: ElementService_1.ElementService,

package/dist/main.min.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PseudoHTMLDocument=exports.PseudoHTMLElement=exports.PseudoElement=exports.PseudoNode=exports.PseudoEventTarget=exports.PseudoEvent=exports.generateDocument=void 0;const EventService_1=require("./services/EventService");Object.defineProperty(exports,"PseudoEvent",{enumerable:!0,get:function(){return EventService_1.EventService}});const EventTargetService_1=__importDefault(require("./services/EventTargetService"));exports.PseudoEventTarget=EventTargetService_1.default;const NodeService_1=require("./services/NodeService");Object.defineProperty(exports,"PseudoNode",{enumerable:!0,get:function(){return NodeService_1.NodeService}});const ElementService_1=require("./services/ElementService");Object.defineProperty(exports,"PseudoElement",{enumerable:!0,get:function(){return ElementService_1.ElementService}});const HTMLElementService_1=require("./services/HTMLElementService");Object.defineProperty(exports,"PseudoHTMLElement",{enumerable:!0,get:function(){return HTMLElementService_1.HTMLElementService}});const PseudoHTMLDocument_1=__importDefault(require("./classes/PseudoHTMLDocument"));exports.PseudoHTMLDocument=PseudoHTMLDocument_1.default;const generateDocument_1=__importDefault(require("./factories/generateDocument"));exports.generateDocument=generateDocument_1.default;const pseudoDom={generateDocument:generateDocument_1.default,PseudoEvent:EventService_1.EventService,PseudoEventTarget:EventTargetService_1.default,PseudoNode:NodeService_1.NodeService,PseudoElement:ElementService_1.ElementService,PseudoHTMLElement:HTMLElementService_1.HTMLElementService,PseudoHTMLDocument:PseudoHTMLDocument_1.default};exports.default=pseudoDom,"undefined"!=typeof window&&(window.pseudoDom=pseudoDom);
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PseudoHTMLDocument=exports.PseudoHTMLElement=exports.PseudoElement=exports.PseudoNode=exports.PseudoEventTarget=exports.PseudoCustomEvent=exports.PseudoInputEvent=exports.PseudoFocusEvent=exports.PseudoKeyboardEvent=exports.PseudoPointerEvent=exports.PseudoMouseEvent=exports.PseudoUIEvent=exports.PseudoEvent=exports.simulate=exports.eventDefaults=exports.createEvent=exports.generateDocument=void 0;const EventService_1=require("./services/EventService");Object.defineProperty(exports,"PseudoEvent",{enumerable:!0,get:function(){return EventService_1.EventService}});const EventTargetService_1=__importDefault(require("./services/EventTargetService"));exports.PseudoEventTarget=EventTargetService_1.default;const NodeService_1=require("./services/NodeService");Object.defineProperty(exports,"PseudoNode",{enumerable:!0,get:function(){return NodeService_1.NodeService}});const ElementService_1=require("./services/ElementService");Object.defineProperty(exports,"PseudoElement",{enumerable:!0,get:function(){return ElementService_1.ElementService}});const HTMLElementService_1=require("./services/HTMLElementService");Object.defineProperty(exports,"PseudoHTMLElement",{enumerable:!0,get:function(){return HTMLElementService_1.HTMLElementService}});const PseudoHTMLDocument_1=__importDefault(require("./classes/PseudoHTMLDocument"));exports.PseudoHTMLDocument=PseudoHTMLDocument_1.default;const generateDocument_1=__importDefault(require("./factories/generateDocument"));exports.generateDocument=generateDocument_1.default;const createEvent_1=__importDefault(require("./factories/createEvent"));exports.createEvent=createEvent_1.default;const eventDefaults_1=__importDefault(require("./factories/eventDefaults"));exports.eventDefaults=eventDefaults_1.default;const UIEventService_1=require("./services/UIEventService");Object.defineProperty(exports,"PseudoUIEvent",{enumerable:!0,get:function(){return UIEventService_1.UIEventService}});const MouseEventService_1=require("./services/MouseEventService");Object.defineProperty(exports,"PseudoMouseEvent",{enumerable:!0,get:function(){return MouseEventService_1.MouseEventService}});const PointerEventService_1=require("./services/PointerEventService");Object.defineProperty(exports,"PseudoPointerEvent",{enumerable:!0,get:function(){return PointerEventService_1.PointerEventService}});const KeyboardEventService_1=require("./services/KeyboardEventService");Object.defineProperty(exports,"PseudoKeyboardEvent",{enumerable:!0,get:function(){return KeyboardEventService_1.KeyboardEventService}});const FocusEventService_1=require("./services/FocusEventService");Object.defineProperty(exports,"PseudoFocusEvent",{enumerable:!0,get:function(){return FocusEventService_1.FocusEventService}});const InputEventService_1=require("./services/InputEventService");Object.defineProperty(exports,"PseudoInputEvent",{enumerable:!0,get:function(){return InputEventService_1.InputEventService}});const CustomEventService_1=require("./services/CustomEventService");Object.defineProperty(exports,"PseudoCustomEvent",{enumerable:!0,get:function(){return CustomEventService_1.CustomEventService}});const simulate_1=__importDefault(require("./simulate"));exports.simulate=simulate_1.default;const pseudoDom={generateDocument:generateDocument_1.default,createEvent:createEvent_1.default,eventDefaults:eventDefaults_1.default,simulate:simulate_1.default,PseudoEvent:EventService_1.EventService,PseudoUIEvent:UIEventService_1.UIEventService,PseudoMouseEvent:MouseEventService_1.MouseEventService,PseudoPointerEvent:PointerEventService_1.PointerEventService,PseudoKeyboardEvent:KeyboardEventService_1.KeyboardEventService,PseudoFocusEvent:FocusEventService_1.FocusEventService,PseudoInputEvent:InputEventService_1.InputEventService,PseudoCustomEvent:CustomEventService_1.CustomEventService,PseudoEventTarget:EventTargetService_1.default,PseudoNode:NodeService_1.NodeService,PseudoElement:ElementService_1.ElementService,PseudoHTMLElement:HTMLElementService_1.HTMLElementService,PseudoHTMLDocument:PseudoHTMLDocument_1.default};exports.default=pseudoDom,"undefined"!=typeof window&&(window.pseudoDom=pseudoDom);

package/dist/services/CustomEventService.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @file Substitute for the DOM CustomEvent Class.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+import { EventService } from './EventService';
+/**
+ * The options for creating a custom event.
+ * @typedef {Object} CustomEventInit
+ * @property {boolean} [bubbles=false]
+ * @property {boolean} [cancelable=false]
+ * @property {boolean} [composed=false]
+ * @property {*} [detail=null] Whatever data the event should carry
+ */
+export type CustomEventInit = {
+    bubbles?: boolean;
+    cancelable?: boolean;
+    composed?: boolean;
+    detail?: any;
+};
+/**
+ * Simulate the behaviour of the CustomEvent Class when there is no DOM available: an event which carries data.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments EventService
+ * @property {*} detail
+ */
+export declare class CustomEventService extends EventService {
+    private readonly eventDetail;
+    /**
+     * @param {string} [typeArg=''] The type of the event
+     * @param {CustomEventInit} [init={}] The options for the event
+     * @constructor
+     */
+    constructor(typeArg?: string, init?: CustomEventInit);
+    get detail(): any;
+}

package/dist/services/CustomEventService.js

@@ -0,0 +1,35 @@
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+exports.CustomEventService = void 0
+/**
+ * @file Substitute for the DOM CustomEvent Class.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const EventService_1 = require('./EventService')
+/**
+ * Simulate the behaviour of the CustomEvent Class when there is no DOM available: an event which carries data.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments EventService
+ * @property {*} detail
+ */
+class CustomEventService extends EventService_1.EventService {
+  /**
+   * @param {string} [typeArg=''] The type of the event
+   * @param {CustomEventInit} [init={}] The options for the event
+   * @constructor
+   */
+  constructor (typeArg = '', init = {}) {
+    super(typeArg, init)
+    this.eventDetail = typeof init.detail === 'undefined' ? null : init.detail
+  }
+
+  get detail () {
+    return this.eventDetail
+  }
+}
+exports.CustomEventService = CustomEventService

package/dist/services/CustomEventService.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CustomEventService=void 0;const EventService_1=require("./EventService");class CustomEventService extends EventService_1.EventService{constructor(e="",t={}){super(e,t),this.eventDetail=void 0===t.detail?null:t.detail}get detail(){return this.eventDetail}}exports.CustomEventService=CustomEventService;

package/dist/services/ElementService.d.ts

@@ -35,6 +35,7 @@ export declare class ElementService extends NodeService implements Partial<Pseud
     private readonly attributeList;
     private readonly propertyAttributes;
     private readonly tokenList;
+    private defaultEventApplied;
     /**
      * @param {Object} [settings={}]
      * @param {string} [settings.tagName=''] The name of the tag this element represents

package/dist/services/ElementService.js

@@ -16,6 +16,7 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 })
 exports.ElementService = void 0
+const createEvent_1 = __importDefault(require('../factories/createEvent'))
 const NodeService_1 = require('./NodeService')
 const AttrService_1 = require('./AttrService')
 const DOMTokenListService_1 = require('./DOMTokenListService')
@@ -52,6 +53,7 @@ class ElementService extends NodeService_1.NodeService {
     children = []
   } = {}) {
     super()
+    this.defaultEventApplied = false
     this.tokenList = new DOMTokenListService_1.DOMTokenListService()
     this.tag = tagName
     this.attributeList = attributes.concat([{
@@ -117,21 +119,26 @@ class ElementService extends NodeService_1.NodeService {
    */
   applyDefaultEvent () {
     let callback = event => undefined
+    if (this.defaultEventApplied) {
+      return callback
+    }
     switch (this.tagName) {
-      case 'form':
-        this.addEventListener('submit', callback)
-        break
       case 'button':
       case 'input':
-        if (/^(submit|image)$/i.test(this.type || '')) {
-          callback = event => {
-            const forms = (0, getParentNodesFromAttribute_1.default)('tagName', 'form', this)
-            if (forms.length) {
-              forms[0].submit()
-            }
+        // Clicking a submit button submits the form it is in: the form gets a submit event, which can be cancelled
+        callback = event => {
+          const type = String(this.getAttribute('type') || this.type || '').toLowerCase()
+          const submits = this.tagName === 'button' ? type !== 'button' && type !== 'reset' : /^(submit|image)$/.test(type)
+          const forms = (0, getParentNodesFromAttribute_1.default)('tagName', 'form', this)
+          if (submits && forms.length && !this.hasAttribute('disabled')) {
+            forms[forms.length - 1].dispatchEvent((0, createEvent_1.default)('submit', {}, {
+              browser: true,
+              trusted: event.isTrusted
+            }))
           }
-          super.setDefaultEvent('click', callback)
         }
+        super.setDefaultEvent('click', callback)
+        this.defaultEventApplied = true
     }
     return callback
   }

package/dist/services/ElementService.min.js

@@ -1 +1 @@
-"use strict";require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.find.js"),require("core-js/modules/esnext.iterator.for-each.js"),require("core-js/modules/esnext.iterator.map.js"),require("core-js/modules/esnext.iterator.some.js");var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementService=void 0;const NodeService_1=require("./NodeService"),AttrService_1=require("./AttrService"),DOMTokenListService_1=require("./DOMTokenListService"),NamedNodeMapService_1=require("./NamedNodeMapService"),getParentNodesFromAttribute_1=__importDefault(require("../functions/getParentNodesFromAttribute"));class ElementService extends NodeService_1.NodeService{constructor({tagName:e="",attributes:t=[],parent:r=null,children:i=[]}={}){super(),this.tokenList=new DOMTokenListService_1.DOMTokenListService,this.tag=e,this.attributeList=t.concat([{name:"className",value:""},{name:"id",value:""},{name:"innerHTML",value:""}]),this.propertyAttributes=this.attributeList.map(({name:e})=>e),this.attributeList.forEach(({name:e,value:t})=>{this[e]=t}),i.forEach(e=>{if(!e||"number"!=typeof e.nodeType)throw new TypeError("The children of an element must be nodes.");this.appendChild(e)}),r&&r.appendChild(this)}get tagName(){return this.tag}get nodeType(){return NodeService_1.NodeService.ELEMENT_NODE}get attributes(){return new NamedNodeMapService_1.NamedNodeMapService(this.attributeList.map(({name:e,value:t})=>new AttrService_1.AttrService(e,String(t),this)))}get classList(){return this.tokenList}get className(){return this.tokenList.value}set className(e){this.tokenList.value=e}applyDefaultEvent(){let e=e=>{};switch(this.tagName){case"form":this.addEventListener("submit",e);break;case"button":case"input":/^(submit|image)$/i.test(this.type||"")&&(e=e=>{const t=(0,getParentNodesFromAttribute_1.default)("tagName","form",this);t.length&&t[0].submit()},super.setDefaultEvent("click",e))}return e}childInserted(e){"function"==typeof e.applyDefaultEvent&&e.applyDefaultEvent()}hasAttribute(e){return this.attributeList.some(({name:t})=>t===e)}setAttribute(e,t){const r=this.attributeList.find(({name:t})=>t===e);r?r.value=t:this.attributeList.push({name:e,value:t}),this.propertyAttributes.indexOf(e)>=0&&(this[e]=t)}getAttribute(e){const t=this.attributeList.find(({name:t})=>t===e);return t?t.value:null}removeAttribute(e){const t=this.attributeList.findIndex(({name:t})=>t===e);t>=0&&this.attributeList.splice(t,1)}}exports.ElementService=ElementService;
+"use strict";require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.find.js"),require("core-js/modules/esnext.iterator.for-each.js"),require("core-js/modules/esnext.iterator.map.js"),require("core-js/modules/esnext.iterator.some.js");var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementService=void 0;const createEvent_1=__importDefault(require("../factories/createEvent")),NodeService_1=require("./NodeService"),AttrService_1=require("./AttrService"),DOMTokenListService_1=require("./DOMTokenListService"),NamedNodeMapService_1=require("./NamedNodeMapService"),getParentNodesFromAttribute_1=__importDefault(require("../functions/getParentNodesFromAttribute"));class ElementService extends NodeService_1.NodeService{constructor({tagName:e="",attributes:t=[],parent:r=null,children:i=[]}={}){super(),this.defaultEventApplied=!1,this.tokenList=new DOMTokenListService_1.DOMTokenListService,this.tag=e,this.attributeList=t.concat([{name:"className",value:""},{name:"id",value:""},{name:"innerHTML",value:""}]),this.propertyAttributes=this.attributeList.map(({name:e})=>e),this.attributeList.forEach(({name:e,value:t})=>{this[e]=t}),i.forEach(e=>{if(!e||"number"!=typeof e.nodeType)throw new TypeError("The children of an element must be nodes.");this.appendChild(e)}),r&&r.appendChild(this)}get tagName(){return this.tag}get nodeType(){return NodeService_1.NodeService.ELEMENT_NODE}get attributes(){return new NamedNodeMapService_1.NamedNodeMapService(this.attributeList.map(({name:e,value:t})=>new AttrService_1.AttrService(e,String(t),this)))}get classList(){return this.tokenList}get className(){return this.tokenList.value}set className(e){this.tokenList.value=e}applyDefaultEvent(){let e=e=>{};if(this.defaultEventApplied)return e;switch(this.tagName){case"button":case"input":e=e=>{const t=String(this.getAttribute("type")||this.type||"").toLowerCase(),r="button"===this.tagName?"button"!==t&&"reset"!==t:/^(submit|image)$/.test(t),i=(0,getParentNodesFromAttribute_1.default)("tagName","form",this);r&&i.length&&!this.hasAttribute("disabled")&&i[i.length-1].dispatchEvent((0,createEvent_1.default)("submit",{},{browser:!0,trusted:e.isTrusted}))},super.setDefaultEvent("click",e),this.defaultEventApplied=!0}return e}childInserted(e){"function"==typeof e.applyDefaultEvent&&e.applyDefaultEvent()}hasAttribute(e){return this.attributeList.some(({name:t})=>t===e)}setAttribute(e,t){const r=this.attributeList.find(({name:t})=>t===e);r?r.value=t:this.attributeList.push({name:e,value:t}),this.propertyAttributes.indexOf(e)>=0&&(this[e]=t)}getAttribute(e){const t=this.attributeList.find(({name:t})=>t===e);return t?t.value:null}removeAttribute(e){const t=this.attributeList.findIndex(({name:t})=>t===e);t>=0&&this.attributeList.splice(t,1)}}exports.ElementService=ElementService;

package/dist/services/EventService.d.ts

@@ -5,12 +5,26 @@
  */
 import { PseudoEventTarget } from '../interfaces/PseudoEventTarget';
 import { PseudoEvent } from '../interfaces/PseudoEvent';
+/**
+ * The parts of an event which the dispatching of it (EventTargetService) needs to change or read. Not part of the DOM's
+ * Event, which is why they are kept apart from the event's own properties.
+ */
 export type EventInner = {
-    currentTarget: PseudoEventTarget;
+    currentTarget: PseudoEventTarget | null;
     eventPhase: number;
     target: PseudoEventTarget;
     immediatePropagationStopped: boolean;
     propagationStopped: boolean;
+    /** True for an event which the browser created for a user action, an event which a script created is not trusted. */
+    trusted: boolean;
+    /** True while the event is being dispatched. */
+    dispatching: boolean;
+    /** True while a passive listener is running, in which preventDefault does nothing. */
+    inPassiveListener: boolean;
+    /** The targets the event travels through, the target first and the root last, set while dispatching. */
+    path: Array<PseudoEventTarget>;
+    /** Finish the dispatch: no phase, no current target, no path and the stop flags are cleared so the event can be dispatched again. */
+    finishDispatch: () => void;
 };
 /**
  * Simulate the behaviour of the Event Class when there is no DOM available.
@@ -51,9 +65,9 @@ export declare class EventService implements PseudoEvent {
      *
      * @param {string} typeArg
      * @param {Object} [eventOptions={}]
-     * @param {boolean} [eventOptions.bubbles=true]
-     * @param {boolean} [eventOptions.cancelable=true]
-     * @param {boolean} [eventOptions.composed=true]
+     * @param {boolean} [eventOptions.bubbles=false]
+     * @param {boolean} [eventOptions.cancelable=false]
+     * @param {boolean} [eventOptions.composed=false]
      * @constructor
      */
     constructor(typeArg?: string, { bubbles, cancelable, composed }?: {

package/dist/services/EventService.js

@@ -5,18 +5,10 @@
  * @author Joshua Heagle <joshuaheagle@gmail.com>
  * @version 1.0.0
  */
-const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule
-    ? mod
-    : {
-        default: mod
-      }
-}
 Object.defineProperty(exports, '__esModule', {
   value: true
 })
 exports.EventService = void 0
-const getParentNodes_1 = __importDefault(require('../functions/getParentNodes'))
 /**
  * Simulate the behaviour of the Event Class when there is no DOM available.
  * @author Joshua Heagle <joshuaheagle@gmail.com>
@@ -51,20 +43,20 @@ class EventService {
    *
    * @param {string} typeArg
    * @param {Object} [eventOptions={}]
-   * @param {boolean} [eventOptions.bubbles=true]
-   * @param {boolean} [eventOptions.cancelable=true]
-   * @param {boolean} [eventOptions.composed=true]
+   * @param {boolean} [eventOptions.bubbles=false]
+   * @param {boolean} [eventOptions.cancelable=false]
+   * @param {boolean} [eventOptions.composed=false]
    * @constructor
    */
   constructor (typeArg = '', {
-    bubbles = true,
-    cancelable = true,
-    composed = true
+    bubbles = false,
+    cancelable = false,
+    composed = false
   } = {}) {
     this.properties = {
-      bubbles: true,
-      cancelable: true,
-      composed: true,
+      bubbles: false,
+      cancelable: false,
+      composed: false,
       currentTarget: null,
       defaultPrevented: false,
       immediatePropagationStopped: false,
@@ -73,7 +65,10 @@ class EventService {
       target: null,
       timeStamp: Math.floor(Date.now() / 1000),
       type: '',
-      isTrusted: true
+      isTrusted: false,
+      dispatching: false,
+      inPassiveListener: false,
+      path: []
     }
     this.setReadOnlyProperties({
       type: typeArg,
@@ -130,12 +125,21 @@ class EventService {
   get inner () {
     const self = this
     return {
+      get currentTarget () {
+        return self.properties.currentTarget
+      },
       set currentTarget (target) {
         self.properties.currentTarget = target
       },
+      get eventPhase () {
+        return self.properties.eventPhase
+      },
       set eventPhase (phase) {
         self.properties.eventPhase = phase
       },
+      get target () {
+        return self.properties.target
+      },
       set target (target) {
         self.properties.target = target
       },
@@ -144,6 +148,41 @@ class EventService {
       },
       get propagationStopped () {
         return self.properties.propagationStopped
+      },
+      get trusted () {
+        return self.properties.isTrusted
+      },
+      set trusted (trusted) {
+        self.properties.isTrusted = trusted
+      },
+      get dispatching () {
+        return self.properties.dispatching
+      },
+      set dispatching (dispatching) {
+        self.properties.dispatching = dispatching
+      },
+      get inPassiveListener () {
+        return self.properties.inPassiveListener
+      },
+      set inPassiveListener (passive) {
+        self.properties.inPassiveListener = passive
+      },
+      get path () {
+        return self.properties.path
+      },
+      set path (path) {
+        self.properties.path = path
+      },
+      finishDispatch () {
+        self.setReadOnlyProperties({
+          currentTarget: null,
+          eventPhase: EventService.NONE,
+          path: [],
+          dispatching: false,
+          inPassiveListener: false,
+          propagationStopped: false,
+          immediatePropagationStopped: false
+        })
       }
     }
   }
@@ -154,16 +193,8 @@ class EventService {
    * @returns {Array.<PseudoEventTarget>}
    */
   composedPath () {
-    switch (this.eventPhase) {
-      case EventService.CAPTURING_PHASE:
-        return (0, getParentNodes_1.default)(this.target)
-      case EventService.BUBBLING_PHASE:
-        return (0, getParentNodes_1.default)(this.target).slice().reverse()
-      case EventService.AT_TARGET:
-        return [this.target]
-      default:
-        return []
-    }
+    // While the event is being dispatched this is every target it travels through, the target first and the root last
+    return this.properties.dispatching ? this.properties.path.slice() : []
   }
 
   /**
@@ -172,9 +203,12 @@ class EventService {
    * @returns {null}
    */
   preventDefault () {
-    this.setReadOnlyProperties({
-      defaultPrevented: true
-    })
+    // Only an event which can be cancelled can be prevented, and a passive listener cannot prevent the default
+    if (this.cancelable && !this.properties.inPassiveListener) {
+      this.setReadOnlyProperties({
+        defaultPrevented: true
+      })
+    }
     return null
   }
 

package/dist/services/EventService.min.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EventService=void 0;const getParentNodes_1=__importDefault(require("../functions/getParentNodes"));class EventService{constructor(e="",{bubbles:t=!0,cancelable:r=!0,composed:s=!0}={}){this.properties={bubbles:!0,cancelable:!0,composed:!0,currentTarget:null,defaultPrevented:!1,immediatePropagationStopped:!1,propagationStopped:!1,eventPhase:0,target:null,timeStamp:Math.floor(Date.now()/1e3),type:"",isTrusted:!0},this.setReadOnlyProperties({type:e,bubbles:t,cancelable:r,composed:s})}get bubbles(){return this.properties.bubbles}get cancelable(){return this.properties.cancelable}get composed(){return this.properties.composed}get currentTarget(){return this.properties.currentTarget}get defaultPrevented(){return this.properties.defaultPrevented}get eventPhase(){return this.properties.eventPhase}get isTrusted(){return this.properties.isTrusted}get target(){return this.properties.target}get timeStamp(){return this.properties.timeStamp}get type(){return this.properties.type}get inner(){const e=this;return{set currentTarget(t){e.properties.currentTarget=t},set eventPhase(t){e.properties.eventPhase=t},set target(t){e.properties.target=t},get immediatePropagationStopped(){return e.properties.immediatePropagationStopped},get propagationStopped(){return e.properties.propagationStopped}}}composedPath(){switch(this.eventPhase){case EventService.CAPTURING_PHASE:return(0,getParentNodes_1.default)(this.target);case EventService.BUBBLING_PHASE:return(0,getParentNodes_1.default)(this.target).slice().reverse();case EventService.AT_TARGET:return[this.target];default:return[]}}preventDefault(){return this.setReadOnlyProperties({defaultPrevented:!0}),null}stopImmediatePropagation(){return this.setReadOnlyProperties({immediatePropagationStopped:!0}),null}stopPropagation(){return this.setReadOnlyProperties({propagationStopped:!0}),null}setReadOnlyProperties(e={}){return this.properties=Object.assign({},this.properties,e),this}}exports.EventService=EventService,EventService.NONE=0,EventService.CAPTURING_PHASE=1,EventService.AT_TARGET=2,EventService.BUBBLING_PHASE=3;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EventService=void 0;class EventService{constructor(e="",{bubbles:t=!1,cancelable:r=!1,composed:s=!1}={}){this.properties={bubbles:!1,cancelable:!1,composed:!1,currentTarget:null,defaultPrevented:!1,immediatePropagationStopped:!1,propagationStopped:!1,eventPhase:0,target:null,timeStamp:Math.floor(Date.now()/1e3),type:"",isTrusted:!1,dispatching:!1,inPassiveListener:!1,path:[]},this.setReadOnlyProperties({type:e,bubbles:t,cancelable:r,composed:s})}get bubbles(){return this.properties.bubbles}get cancelable(){return this.properties.cancelable}get composed(){return this.properties.composed}get currentTarget(){return this.properties.currentTarget}get defaultPrevented(){return this.properties.defaultPrevented}get eventPhase(){return this.properties.eventPhase}get isTrusted(){return this.properties.isTrusted}get target(){return this.properties.target}get timeStamp(){return this.properties.timeStamp}get type(){return this.properties.type}get inner(){const e=this;return{get currentTarget(){return e.properties.currentTarget},set currentTarget(t){e.properties.currentTarget=t},get eventPhase(){return e.properties.eventPhase},set eventPhase(t){e.properties.eventPhase=t},get target(){return e.properties.target},set target(t){e.properties.target=t},get immediatePropagationStopped(){return e.properties.immediatePropagationStopped},get propagationStopped(){return e.properties.propagationStopped},get trusted(){return e.properties.isTrusted},set trusted(t){e.properties.isTrusted=t},get dispatching(){return e.properties.dispatching},set dispatching(t){e.properties.dispatching=t},get inPassiveListener(){return e.properties.inPassiveListener},set inPassiveListener(t){e.properties.inPassiveListener=t},get path(){return e.properties.path},set path(t){e.properties.path=t},finishDispatch(){e.setReadOnlyProperties({currentTarget:null,eventPhase:EventService.NONE,path:[],dispatching:!1,inPassiveListener:!1,propagationStopped:!1,immediatePropagationStopped:!1})}}}composedPath(){return this.properties.dispatching?this.properties.path.slice():[]}preventDefault(){return this.cancelable&&!this.properties.inPassiveListener&&this.setReadOnlyProperties({defaultPrevented:!0}),null}stopImmediatePropagation(){return this.setReadOnlyProperties({immediatePropagationStopped:!0}),null}stopPropagation(){return this.setReadOnlyProperties({propagationStopped:!0}),null}setReadOnlyProperties(e={}){return this.properties=Object.assign({},this.properties,e),this}}exports.EventService=EventService,EventService.NONE=0,EventService.CAPTURING_PHASE=1,EventService.AT_TARGET=2,EventService.BUBBLING_PHASE=3;

package/dist/services/EventTargetService.d.ts

@@ -7,6 +7,9 @@ import { EventService } from './EventService';
 import { listenerOptions, PseudoEventTarget } from '../interfaces/PseudoEventTarget';
 /**
  * Simulate the behaviour of the EventTarget Class when there is no DOM available.
+ * Dispatching an event sends it through the tree the way the DOM does: down from the root to the target (capture
+ * listeners), to the target itself, then back up to the root (the listeners which are not capture listeners, when the
+ * event bubbles).
  * @author Joshua Heagle <joshuaheagle@gmail.com>
  * @class
  * @property {Object.<string, Array.<PseudoEventListener>>} listeners
@@ -28,25 +31,54 @@ declare class EventTargetService implements PseudoEventTarget {
      */
     private listenersFor;
     /**
-     * Run each of the listeners registered on this target for the type of the event.
-     * Listeners which do not apply to the event's phase are skipped, running stops once immediate propagation is stopped,
-     * and listeners added or removed while running do not change which ones run for this event.
-     * @param {EventService} event
-     * @returns {*} true when there was nothing registered, otherwise the last value returned from a handler (null when none ran)
+     * Run the listeners registered on this target for the type of the event which apply to the phase the event is in
+     * (at the target, the capture listeners run before the others). Listeners which are added while this runs do not run
+     * for this event, and listeners which are removed while it runs no longer do. Running stops as soon as immediate
+     * propagation is stopped. A listener which throws does not stop the others.
+     * @param {EventService} event The event, which is at a phase and has a current target
+     * @returns {Array<*>} The errors which the listeners threw
      */
     private runEvents;
+    /**
+     * Take a listener out of the registered listeners, so that it does not run again.
+     * @param {string} type
+     * @param {PseudoEventListener} listener
+     */
+    private removeListener;
     /**
      * Register the function to run when nothing else has prevented the default for this type of event.
      * @param {string} type
      * @param {Function} callback
      */
     protected setDefaultEvent(type: string, callback: Function): void;
-    private runDefaultEvent;
-    private startEvents;
+    /**
+     * Registers an event handler of a specific event type. Adding the same handler again for the same type and phase does
+     * nothing, like the DOM.
+     * @param {string} type The type of event to listen for
+     * @param {Function|Object} callback The function to call (or an object with a handleEvent function)
+     * @param {Object|boolean} [useCapture=false] Listen while the event travels down to the target (true), or an object with capture, once and passive
+     */
     addEventListener(type: string, callback: Function | {
         handleEvent: Function;
     } | any, useCapture?: listenerOptions | boolean): void;
-    removeEventListener(type: string, callback: Function): void;
-    dispatchEvent(event: EventService, target?: EventTargetService): boolean;
+    /**
+     * Removes an event listener, the one which was added with the same type, handler and phase.
+     * @param {string} type The type of event
+     * @param {Function|Object} callback The handler which was added
+     * @param {Object|boolean} [options=false] Whether the listener was a capture listener (true), or an object with capture
+     */
+    removeEventListener(type: string, callback: Function, options?: listenerOptions | boolean): void;
+    /**
+     * Dispatches an event to this target and through the tree: capture listeners of the ancestors from the root down,
+     * then the listeners of this target, then (when the event bubbles) the other listeners of the ancestors from the
+     * parent up to the root. stopPropagation() stops it reaching further targets, stopImmediatePropagation() also stops
+     * the remaining listeners of the current target. Afterwards, unless the default was prevented, the default action
+     * of this target (see setDefaultEvent) runs. The event can be dispatched again afterwards.
+     * @param {EventService} event The event to dispatch
+     * @returns {boolean} False when the event was cancelable and a listener prevented the default, otherwise true
+     * @throws {Error} When the event is already being dispatched, or (after the whole dispatch has finished) the error
+     * which a listener threw (an error with all of them in its errors property when several did)
+     */
+    dispatchEvent(event: EventService): boolean;
 }
 export default EventTargetService;