pseudo-dom 0.3.0 → 0.5.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.PseudoComment = exports.PseudoText = 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,74 @@ 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
+const NodeService_2 = require('./services/NodeService')
+Object.defineProperty(exports, 'PseudoText', {
+  enumerable: true,
+  get: function () {
+    return NodeService_2.TextService
+  }
+})
+Object.defineProperty(exports, 'PseudoComment', {
+  enumerable: true,
+  get: function () {
+    return NodeService_2.CommentService
+  }
+})
 /**
  * All methods exported from this module are encapsulated within pseudoDom.
  * @author Joshua Heagle <joshuaheagle@gmail.com>
@@ -58,9 +126,21 @@ 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,
+  PseudoText: NodeService_2.TextService,
+  PseudoComment: NodeService_2.CommentService,
   PseudoElement: ElementService_1.ElementService,
   PseudoHTMLElement: HTMLElementService_1.HTMLElementService,
   PseudoHTMLDocument: PseudoHTMLDocument_1.default

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.PseudoComment=exports.PseudoText=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 NodeService_2=require("./services/NodeService");Object.defineProperty(exports,"PseudoText",{enumerable:!0,get:function(){return NodeService_2.TextService}}),Object.defineProperty(exports,"PseudoComment",{enumerable:!0,get:function(){return NodeService_2.CommentService}});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,PseudoText:NodeService_2.TextService,PseudoComment:NodeService_2.CommentService,PseudoElement:ElementService_1.ElementService,PseudoHTMLElement:HTMLElementService_1.HTMLElementService,PseudoHTMLDocument:PseudoHTMLDocument_1.default};exports.default=pseudoDom,"undefined"!=typeof window&&(window.pseudoDom=pseudoDom);

package/dist/services/AttrService.d.ts

@@ -22,6 +22,12 @@ export declare class AttrService extends NodeService implements PseudoAttr {
      * @constructor
      */
     constructor(name?: string, value?: string, ownerElement?: PseudoElement | null, namespaceURI?: string, prefix?: string | null);
+    protected get acceptsChildren(): boolean;
+    get nodeValue(): string | null;
+    set nodeValue(value: string | null);
+    get textContent(): string | null;
+    set textContent(text: string | null);
+    protected cloneShallow(): NodeService;
     get nodeType(): number;
     get localName(): string;
     get name(): string;

package/dist/services/AttrService.js

@@ -30,6 +30,30 @@ class AttrService extends NodeService_1.NodeService {
     this.nodeNameValue = name
   }
 
+  get acceptsChildren () {
+    return false
+  }
+
+  get nodeValue () {
+    return this.value
+  }
+
+  set nodeValue (value) {
+    this.value = value === null ? '' : String(value)
+  }
+
+  get textContent () {
+    return this.value
+  }
+
+  set textContent (text) {
+    this.value = text === null ? '' : String(text)
+  }
+
+  cloneShallow () {
+    return new AttrService(this.localName, this.value, null, this.namespaceURI, this.prefix)
+  }
+
   get nodeType () {
     return NodeService_1.NodeService.ATTRIBUTE_NODE
   }

package/dist/services/AttrService.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AttrService=void 0;const NodeService_1=require("./NodeService");class AttrService extends NodeService_1.NodeService{constructor(e="",t="",r=null,i="",s=null){super(),this.attributeName=e,this.value=t,this.element=r,this.namespace=i,this.namespacePrefix=s,this.nodeNameValue=e}get nodeType(){return NodeService_1.NodeService.ATTRIBUTE_NODE}get localName(){return this.attributeName}get name(){return this.namespacePrefix?`${this.namespacePrefix}:${this.attributeName}`:this.attributeName}get namespaceURI(){return this.namespace}get ownerElement(){return this.element}get prefix(){return this.namespacePrefix}}exports.AttrService=AttrService;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AttrService=void 0;const NodeService_1=require("./NodeService");class AttrService extends NodeService_1.NodeService{constructor(e="",t="",r=null,i="",n=null){super(),this.attributeName=e,this.value=t,this.element=r,this.namespace=i,this.namespacePrefix=n,this.nodeNameValue=e}get acceptsChildren(){return!1}get nodeValue(){return this.value}set nodeValue(e){this.value=null===e?"":String(e)}get textContent(){return this.value}set textContent(e){this.value=null===e?"":String(e)}cloneShallow(){return new AttrService(this.localName,this.value,null,this.namespaceURI,this.prefix)}get nodeType(){return NodeService_1.NodeService.ATTRIBUTE_NODE}get localName(){return this.attributeName}get name(){return this.namespacePrefix?`${this.namespacePrefix}:${this.attributeName}`:this.attributeName}get namespaceURI(){return this.namespace}get ownerElement(){return this.element}get prefix(){return this.namespacePrefix}}exports.AttrService=AttrService;

package/dist/services/CommentService.d.ts

@@ -0,0 +1 @@
+export { CommentService } from './NodeService';

package/dist/services/CommentService.js

@@ -0,0 +1,13 @@
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+exports.CommentService = void 0
+const NodeService_1 = require('./NodeService')
+Object.defineProperty(exports, 'CommentService', {
+  enumerable: true,
+  get: function () {
+    return NodeService_1.CommentService
+  }
+})

package/dist/services/CommentService.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CommentService=void 0;var NodeService_1=require("./NodeService");Object.defineProperty(exports,"CommentService",{enumerable:!0,get:function(){return NodeService_1.CommentService}});

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

@@ -50,6 +50,26 @@ export declare class ElementService extends NodeService implements Partial<Pseud
         parent?: PseudoNode | null;
         children?: Array<any>;
     });
+    /**
+     * The attributes with the values they have now: the ones which are also properties (className, id, style, ...) can
+     * have been changed through the property, which does not change the stored list.
+     * @returns {Array<{name: string, value: *}>}
+     */
+    private currentAttributes;
+    get nodeName(): string;
+    /**
+     * A copy of this element without its children: the same tag and attributes (the values which are objects, such as
+     * style, are copied too rather than shared), but not its parent or listeners.
+     * @returns {ElementService}
+     */
+    protected cloneShallow(): NodeService;
+    /**
+     * Elements are equal when they have the same tag and the same attributes (in any order), which is what isEqualNode
+     * checks before it compares the children.
+     * @param {NodeService} other The element to compare with
+     * @returns {boolean}
+     */
+    protected equalsShallow(other: NodeService): boolean;
     get tagName(): string;
     get nodeType(): number;
     get attributes(): PseudoNamedNodeMap;

package/dist/services/ElementService.js

@@ -1,6 +1,7 @@
 'use strict'
 
 require('core-js/modules/esnext.iterator.constructor.js')
+require('core-js/modules/esnext.iterator.every.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')
@@ -16,12 +17,14 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 })
 exports.ElementService = void 0
-const EventService_1 = require('./EventService')
+const createEvent_1 = __importDefault(require('../factories/createEvent'))
 const NodeService_1 = require('./NodeService')
 const AttrService_1 = require('./AttrService')
 const DOMTokenListService_1 = require('./DOMTokenListService')
 const NamedNodeMapService_1 = require('./NamedNodeMapService')
 const getParentNodesFromAttribute_1 = __importDefault(require('../functions/getParentNodesFromAttribute'))
+const cloneObject_1 = __importDefault(require('si-funciona/dist/helpers/objects/cloneObject'))
+const isEqual_1 = __importDefault(require('si-funciona/dist/helpers/objects/isEqual'))
 /**
  * Simulate the behaviour of the Element Class when there is no DOM available.
  * @author Joshua Heagle <joshuaheagle@gmail.com>
@@ -86,6 +89,70 @@ class ElementService extends NodeService_1.NodeService {
     }
   }
 
+  /**
+   * The attributes with the values they have now: the ones which are also properties (className, id, style, ...) can
+   * have been changed through the property, which does not change the stored list.
+   * @returns {Array<{name: string, value: *}>}
+   */
+  currentAttributes () {
+    return this.attributeList.map(({
+      name,
+      value
+    }) => ({
+      name,
+      value: this.propertyAttributes.indexOf(name) >= 0 ? this[name] : value
+    }))
+  }
+
+  get nodeName () {
+    return this.tag
+  }
+
+  /**
+   * A copy of this element without its children: the same tag and attributes (the values which are objects, such as
+   * style, are copied too rather than shared), but not its parent or listeners.
+   * @returns {ElementService}
+   */
+  cloneShallow () {
+    const copy = new this.constructor({
+      tagName: this.tag
+    })
+    copy.attributeList.length = 0
+    this.currentAttributes().forEach(({
+      name,
+      value
+    }) => {
+      const copied = typeof value === 'object' && value !== null ? (0, cloneObject_1.default)(value) : value
+      copy.attributeList.push({
+        name,
+        value: copied
+      })
+      if (copy.propertyAttributes.indexOf(name) >= 0) {
+        copy[name] = copied
+      }
+    })
+    copy.ownerDocumentStore = this.ownerDocumentStore
+    return copy
+  }
+
+  /**
+   * Elements are equal when they have the same tag and the same attributes (in any order), which is what isEqualNode
+   * checks before it compares the children.
+   * @param {NodeService} other The element to compare with
+   * @returns {boolean}
+   */
+  equalsShallow (other) {
+    const mine = this.currentAttributes()
+    const theirs = other.currentAttributes()
+    return this.nodeName === other.nodeName && mine.length === theirs.length && mine.every(({
+      name,
+      value
+    }) => {
+      const match = theirs.find(attributeOfOther => attributeOfOther.name === name)
+      return typeof match !== 'undefined' && (0, isEqual_1.default)(value, match.value)
+    })
+  }
+
   get tagName () {
     return this.tag
   }
@@ -95,7 +162,7 @@ class ElementService extends NodeService_1.NodeService {
   }
 
   get attributes () {
-    return new NamedNodeMapService_1.NamedNodeMapService(this.attributeList.map(({
+    return new NamedNodeMapService_1.NamedNodeMapService(this.currentAttributes().map(({
       name,
       value
     }) => new AttrService_1.AttrService(name, String(value), this)))
@@ -125,20 +192,20 @@ class ElementService extends NodeService_1.NodeService {
     switch (this.tagName) {
       case 'button':
       case 'input':
-        if (/^(submit|image)$/i.test(this.type || '')) {
-          // Clicking a submit button submits the form it is in: the form gets a submit event, which can be cancelled
-          callback = event => {
-            const forms = (0, getParentNodesFromAttribute_1.default)('tagName', 'form', this)
-            if (forms.length) {
-              forms[forms.length - 1].dispatchEvent(new EventService_1.EventService('submit', {
-                bubbles: true,
-                cancelable: true
-              }))
-            }
+        // 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)
-          this.defaultEventApplied = true
         }
+        super.setDefaultEvent('click', callback)
+        this.defaultEventApplied = true
     }
     return callback
   }
@@ -193,7 +260,7 @@ class ElementService extends NodeService_1.NodeService {
    * @returns {string|null} The value, or null when there is no such attribute
    */
   getAttribute (attributeName) {
-    const found = this.attributeList.find(({
+    const found = this.currentAttributes().find(({
       name
     }) => name === attributeName)
     return found ? found.value : null

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 EventService_1=require("./EventService"),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":/^(submit|image)$/i.test(this.type||"")&&(e=e=>{const t=(0,getParentNodesFromAttribute_1.default)("tagName","form",this);t.length&&t[t.length-1].dispatchEvent(new EventService_1.EventService("submit",{bubbles:!0,cancelable:!0}))},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;
+"use strict";require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.every.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")),cloneObject_1=__importDefault(require("si-funciona/dist/helpers/objects/cloneObject")),isEqual_1=__importDefault(require("si-funciona/dist/helpers/objects/isEqual"));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)}currentAttributes(){return this.attributeList.map(({name:e,value:t})=>({name:e,value:this.propertyAttributes.indexOf(e)>=0?this[e]:t}))}get nodeName(){return this.tag}cloneShallow(){const e=new this.constructor({tagName:this.tag});return e.attributeList.length=0,this.currentAttributes().forEach(({name:t,value:r})=>{const i="object"==typeof r&&null!==r?(0,cloneObject_1.default)(r):r;e.attributeList.push({name:t,value:i}),e.propertyAttributes.indexOf(t)>=0&&(e[t]=i)}),e.ownerDocumentStore=this.ownerDocumentStore,e}equalsShallow(e){const t=this.currentAttributes(),r=e.currentAttributes();return this.nodeName===e.nodeName&&t.length===r.length&&t.every(({name:e,value:t})=>{const i=r.find(t=>t.name===e);return void 0!==i&&(0,isEqual_1.default)(t,i.value)})}get tagName(){return this.tag}get nodeType(){return NodeService_1.NodeService.ELEMENT_NODE}get attributes(){return new NamedNodeMapService_1.NamedNodeMapService(this.currentAttributes().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.currentAttributes().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

@@ -15,6 +15,8 @@ export type EventInner = {
     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. */

package/dist/services/EventService.js

@@ -65,7 +65,7 @@ class EventService {
       target: null,
       timeStamp: Math.floor(Date.now() / 1000),
       type: '',
-      isTrusted: true,
+      isTrusted: false,
       dispatching: false,
       inPassiveListener: false,
       path: []
@@ -149,6 +149,12 @@ 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
       },

package/dist/services/EventService.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EventService=void 0;class EventService{constructor(e="",{bubbles:t=!1,cancelable:r=!1,composed:i=!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:!0,dispatching:!1,inPassiveListener:!1,path:[]},this.setReadOnlyProperties({type:e,bubbles:t,cancelable:r,composed:i})}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 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;
+"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/FocusEventService.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @file Substitute for the DOM FocusEvent Class.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+import { UIEventInit, UIEventService } from './UIEventService';
+import { PseudoEventTarget } from '../interfaces/PseudoEventTarget';
+/**
+ * The options for creating a focus event, on top of the ones every UI event has.
+ * @typedef {Object} FocusEventInit
+ * @property {PseudoEventTarget|null} [relatedTarget=null] The other target involved (the one losing or gaining the focus)
+ */
+export type FocusEventInit = UIEventInit & {
+    relatedTarget?: PseudoEventTarget | null;
+};
+/**
+ * Simulate the behaviour of the FocusEvent Class when there is no DOM available.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments UIEventService
+ * @property {PseudoEventTarget|null} relatedTarget
+ */
+export declare class FocusEventService extends UIEventService {
+    private readonly related;
+    /**
+     * @param {string} [typeArg=''] The type of the event
+     * @param {FocusEventInit} [init={}] The options for the event
+     * @constructor
+     */
+    constructor(typeArg?: string, init?: FocusEventInit);
+    get relatedTarget(): PseudoEventTarget | null;
+}

package/dist/services/FocusEventService.js

@@ -0,0 +1,35 @@
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+exports.FocusEventService = void 0
+/**
+ * @file Substitute for the DOM FocusEvent Class.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const UIEventService_1 = require('./UIEventService')
+/**
+ * Simulate the behaviour of the FocusEvent Class when there is no DOM available.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments UIEventService
+ * @property {PseudoEventTarget|null} relatedTarget
+ */
+class FocusEventService extends UIEventService_1.UIEventService {
+  /**
+   * @param {string} [typeArg=''] The type of the event
+   * @param {FocusEventInit} [init={}] The options for the event
+   * @constructor
+   */
+  constructor (typeArg = '', init = {}) {
+    super(typeArg, init)
+    this.related = init.relatedTarget || null
+  }
+
+  get relatedTarget () {
+    return this.related
+  }
+}
+exports.FocusEventService = FocusEventService

package/dist/services/FocusEventService.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FocusEventService=void 0;const UIEventService_1=require("./UIEventService");class FocusEventService extends UIEventService_1.UIEventService{constructor(e="",t={}){super(e,t),this.related=t.relatedTarget||null}get relatedTarget(){return this.related}}exports.FocusEventService=FocusEventService;

package/dist/services/HTMLElementService.d.ts

@@ -34,4 +34,24 @@ export declare class HTMLElementService extends ElementService implements Partia
         parent?: PseudoNode | null;
         children?: Array<any>;
     });
+    /**
+     * Whether this element can have the focus: form controls and links which are not disabled, and anything with a tabindex.
+     * @returns {boolean}
+     */
+    get canFocus(): boolean;
+    /**
+     * Click the element: a click event is sent to it, which bubbles and can be cancelled, like one from a user but a
+     * script made it (so it is not trusted). A disabled element does nothing.
+     */
+    click(): void;
+    /**
+     * Give the element the focus. The element which had it gets blur then focusout, and this one gets focus then
+     * focusin (blur and focus do not bubble, focusin and focusout do). Nothing happens when the element cannot have the
+     * focus or already has it.
+     */
+    focus(): void;
+    /**
+     * Take the focus away from the element, when it has it: it gets blur then focusout.
+     */
+    blur(): void;
 }