pseudo-dom 0.1.0 → 0.2.0

package/dist/factories/generateNode.d.ts

@@ -3,30 +3,22 @@ import { NodeService } from '../services/NodeService';
 import { PseudoNode } from '../interfaces/PseudoNode';
 import { PseudoElement } from '../interfaces/PseudoElement';
 /**
- * A node which is stored in a TreeLinker and answers questions about its position in the tree by asking that linker.
+ * A node which is stored in a TreeLinker (for example by a list built from an array of values). It finds its siblings
+ * from that linker, and its parent from the linker's parent when it has not been given one by appendChild.
  * @author Joshua Heagle <joshuaheagle@gmail.com>
  * @class
  * @augments NodeService
  */
 export declare class LinkedNode extends NodeService {
-    private readonly linker;
     /**
      * @param {TreeLinker} linker The linker holding this node
      * @param {string|null} value The value of the node
      * @constructor
      */
     constructor(linker: TreeLinker, value?: string | null);
-    get childNodes(): any;
-    get firstChild(): PseudoNode | null;
     get isConnected(): boolean;
-    get lastChild(): PseudoNode | null;
-    get nextSibling(): PseudoNode | null;
-    get ownerDocument(): any;
     get parentNode(): PseudoNode | null;
     get parentElement(): PseudoElement | null;
-    get previousSibling(): PseudoNode | null;
-    appendChild(childNode: PseudoNode): PseudoNode;
-    getRootNode(): PseudoNode;
 }
 export declare class NodeFactory extends TreeLinker {
 }

package/dist/factories/generateNode.js

@@ -9,7 +9,8 @@ exports.NodeFactory = exports.LinkedNode = void 0
 const TreeLinker_1 = require('collect-your-stuff/dist/collections/linked-tree-list/TreeLinker')
 const NodeService_1 = require('../services/NodeService')
 /**
- * A node which is stored in a TreeLinker and answers questions about its position in the tree by asking that linker.
+ * A node which is stored in a TreeLinker (for example by a list built from an array of values). It finds its siblings
+ * from that linker, and its parent from the linker's parent when it has not been given one by appendChild.
  * @author Joshua Heagle <joshuaheagle@gmail.com>
  * @class
  * @augments NodeService
@@ -22,60 +23,26 @@ class LinkedNode extends NodeService_1.NodeService {
    */
   constructor (linker, value = '') {
     super()
-    this.linker = linker
+    this.listLinker = linker
     this.nodeValue = value
   }
 
-  get childNodes () {
-    return this.linker.children
-  }
-
-  get firstChild () {
-    const children = this.linker.children
-    return children && children.first ? children.first.data : null
-  }
-
   get isConnected () {
-    return !!this.linker.parent
-  }
-
-  get lastChild () {
-    const children = this.linker.children
-    return children && children.last ? children.last.data : null
-  }
-
-  get nextSibling () {
-    return this.linker.next ? this.linker.next.data : null
-  }
-
-  get ownerDocument () {
-    const root = this.linker.parent ? this.linker.rootParent : null
-    return root ? root.data : null
+    return !!this.parentNode
   }
 
   get parentNode () {
-    return this.linker.parent ? this.linker.parent.data : null
+    if (this.parent) {
+      return this.parent
+    }
+    const parentLinker = this.listLinker ? this.listLinker.parent : null
+    return parentLinker ? parentLinker.data : null
   }
 
   get parentElement () {
     const parent = this.parentNode
     return parent && parent.nodeType === NodeService_1.NodeService.ELEMENT_NODE ? parent : null
   }
-
-  get previousSibling () {
-    return this.linker.prev ? this.linker.prev.data : null
-  }
-
-  appendChild (childNode) {
-    this.linker.next = childNode
-    childNode.prev = this.linker
-    return childNode
-  }
-
-  getRootNode () {
-    const root = this.linker.rootParent
-    return root ? root.data : this
-  }
 }
 exports.LinkedNode = LinkedNode
 class NodeFactory extends TreeLinker_1.TreeLinker {}

package/dist/factories/generateNode.min.js

@@ -1 +1 @@
-"use strict";require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.reduce.js"),Object.defineProperty(exports,"__esModule",{value:!0}),exports.NodeFactory=exports.LinkedNode=void 0;const TreeLinker_1=require("collect-your-stuff/dist/collections/linked-tree-list/TreeLinker"),NodeService_1=require("../services/NodeService");class LinkedNode extends NodeService_1.NodeService{constructor(e,t=""){super(),this.linker=e,this.nodeValue=t}get childNodes(){return this.linker.children}get firstChild(){const e=this.linker.children;return e&&e.first?e.first.data:null}get isConnected(){return!!this.linker.parent}get lastChild(){const e=this.linker.children;return e&&e.last?e.last.data:null}get nextSibling(){return this.linker.next?this.linker.next.data:null}get ownerDocument(){const e=this.linker.parent?this.linker.rootParent:null;return e?e.data:null}get parentNode(){return this.linker.parent?this.linker.parent.data:null}get parentElement(){const e=this.parentNode;return e&&e.nodeType===NodeService_1.NodeService.ELEMENT_NODE?e:null}get previousSibling(){return this.linker.prev?this.linker.prev.data:null}appendChild(e){return this.linker.next=e,e.prev=this.linker,e}getRootNode(){const e=this.linker.rootParent;return e?e.data:this}}exports.LinkedNode=LinkedNode;class NodeFactory extends TreeLinker_1.TreeLinker{}exports.NodeFactory=NodeFactory;const generateNode=()=>(NodeFactory.fromArray=(e=[],t=NodeFactory)=>e.reduce((e,r)=>{"object"!=typeof r&&(r={data:r});const n=new t(Object.assign({},r,{prev:e.tail}));return n.data=new LinkedNode(n,r.data),null===e.head?{head:n,tail:n}:(e.tail.next=n,n.prev=e.tail,{head:e.head,tail:n})},{head:null,tail:null}),NodeFactory);exports.default=generateNode;
+"use strict";require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.reduce.js"),Object.defineProperty(exports,"__esModule",{value:!0}),exports.NodeFactory=exports.LinkedNode=void 0;const TreeLinker_1=require("collect-your-stuff/dist/collections/linked-tree-list/TreeLinker"),NodeService_1=require("../services/NodeService");class LinkedNode extends NodeService_1.NodeService{constructor(e,t=""){super(),this.listLinker=e,this.nodeValue=t}get isConnected(){return!!this.parentNode}get parentNode(){if(this.parent)return this.parent;const e=this.listLinker?this.listLinker.parent:null;return e?e.data:null}get parentElement(){const e=this.parentNode;return e&&e.nodeType===NodeService_1.NodeService.ELEMENT_NODE?e:null}}exports.LinkedNode=LinkedNode;class NodeFactory extends TreeLinker_1.TreeLinker{}exports.NodeFactory=NodeFactory;const generateNode=()=>(NodeFactory.fromArray=(e=[],t=NodeFactory)=>e.reduce((e,r)=>{"object"!=typeof r&&(r={data:r});const o=new t(Object.assign({},r,{prev:e.tail}));return o.data=new LinkedNode(o,r.data),null===e.head?{head:o,tail:o}:(e.tail.next=o,o.prev=e.tail,{head:e.head,tail:o})},{head:null,tail:null}),NodeFactory);exports.default=generateNode;

package/dist/functions/getParentNodes.d.ts

@@ -1,9 +1,11 @@
-/**
- * A helper selector function for retrieving all parent PseudoNode for the given child node.
- * @param {PseudoNode} node
- * @returns {Array.<PseudoNode>}
- */
 import { PseudoNode } from '../interfaces/PseudoNode';
 import { PseudoEventTarget } from '../interfaces/PseudoEventTarget';
-declare const getParentNodes: (node: PseudoEventTarget) => Array<PseudoNode>;
+/**
+ * Get all of the ancestors of a node, starting with the root of the tree and ending with the node's own parent (the
+ * order in which an event travels down through them). A node which has no parent has no ancestors.
+ * @function getParentNodes
+ * @param {PseudoEventTarget|PseudoNode|*} node The node to find the ancestors of
+ * @returns {Array<PseudoNode>}
+ */
+declare const getParentNodes: (node: PseudoEventTarget | PseudoNode | any) => Array<PseudoNode>;
 export default getParentNodes;

package/dist/functions/getParentNodes.js

@@ -1,15 +1,22 @@
 'use strict'
 
-const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule
-    ? mod
-    : {
-        default: mod
-      }
-}
 Object.defineProperty(exports, '__esModule', {
   value: true
 })
-const getParentNodesFromAttribute_1 = __importDefault(require('./getParentNodesFromAttribute'))
-const getParentNodes = node => (0, getParentNodesFromAttribute_1.default)('', false, node)
+/**
+ * Get all of the ancestors of a node, starting with the root of the tree and ending with the node's own parent (the
+ * order in which an event travels down through them). A node which has no parent has no ancestors.
+ * @function getParentNodes
+ * @param {PseudoEventTarget|PseudoNode|*} node The node to find the ancestors of
+ * @returns {Array<PseudoNode>}
+ */
+const getParentNodes = node => {
+  const parents = []
+  let current = node && node.parentNode ? node.parentNode : null
+  while (current) {
+    parents.unshift(current)
+    current = current.parentNode
+  }
+  return parents
+}
 exports.default = getParentNodes

package/dist/functions/getParentNodes.min.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const getParentNodesFromAttribute_1=__importDefault(require("./getParentNodesFromAttribute")),getParentNodes=e=>(0,getParentNodesFromAttribute_1.default)("",!1,e);exports.default=getParentNodes;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const getParentNodes=e=>{const t=[];let r=e&&e.parentNode?e.parentNode:null;for(;r;)t.unshift(r),r=r.parentNode;return t};exports.default=getParentNodes;

package/dist/functions/getParentNodesFromAttribute.d.ts

@@ -1,14 +1,14 @@
+import { PseudoNode } from '../interfaces/PseudoNode';
+import { PseudoEventTarget } from '../interfaces/PseudoEventTarget';
 /**
  * A selector function for retrieving existing parent PseudoNode from the given child item.
  * This function will check all the parents starting from node, and scan the attributes
- * property for matches. The return array contains all matching parent ancestors.
- * WARNING: This is a recursive function.
- * @param {string} attr
- * @param {number|string} value
- * @param {PseudoNode} node
+ * property for matches. The return array contains all matching parent ancestors, starting with the root of the tree.
+ * @function getParentNodesFromAttribute
+ * @param {string} attr The property to compare on each ancestor (a missing property counts as false)
+ * @param {boolean|number|string} value The value the property must have
+ * @param {PseudoEventTarget|PseudoNode|*} node The node to find the matching ancestors of
  * @returns {Array.<PseudoNode>}
  */
-import { PseudoNode } from '../interfaces/PseudoNode';
-import { PseudoEventTarget } from '../interfaces/PseudoEventTarget';
 declare const getParentNodesFromAttribute: (attr: string, value: boolean | number | string, node: PseudoEventTarget | PseudoNode | any) => Array<PseudoNode>;
 export default getParentNodesFromAttribute;

package/dist/functions/getParentNodesFromAttribute.js

@@ -1,9 +1,29 @@
 'use strict'
 
+require('core-js/modules/esnext.iterator.constructor.js')
+require('core-js/modules/esnext.iterator.filter.js')
+const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule
+    ? mod
+    : {
+        default: mod
+      }
+}
 Object.defineProperty(exports, '__esModule', {
   value: true
 })
+const getParentNodes_1 = __importDefault(require('./getParentNodes'))
+/**
+ * A selector function for retrieving existing parent PseudoNode from the given child item.
+ * This function will check all the parents starting from node, and scan the attributes
+ * property for matches. The return array contains all matching parent ancestors, starting with the root of the tree.
+ * @function getParentNodesFromAttribute
+ * @param {string} attr The property to compare on each ancestor (a missing property counts as false)
+ * @param {boolean|number|string} value The value the property must have
+ * @param {PseudoEventTarget|PseudoNode|*} node The node to find the matching ancestors of
+ * @returns {Array.<PseudoNode>}
+ */
 const getParentNodesFromAttribute = (attr, value, node) => {
-  return Object.keys(node.parentNode).length ? (node.parentNode[attr] || false) === value ? getParentNodesFromAttribute(attr, value, node.parentNode).concat([node.parentNode]) : getParentNodesFromAttribute(attr, value, node.parentNode) : []
+  return (0, getParentNodes_1.default)(node).filter(parent => (parent[attr] || false) === value)
 }
 exports.default = getParentNodesFromAttribute

package/dist/functions/getParentNodesFromAttribute.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const getParentNodesFromAttribute=(e,t,r)=>Object.keys(r.parentNode).length?(r.parentNode[e]||!1)===t?getParentNodesFromAttribute(e,t,r.parentNode).concat([r.parentNode]):getParentNodesFromAttribute(e,t,r.parentNode):[];exports.default=getParentNodesFromAttribute;
+"use strict";require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.filter.js");var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const getParentNodes_1=__importDefault(require("./getParentNodes")),getParentNodesFromAttribute=(e,t,r)=>(0,getParentNodes_1.default)(r).filter(r=>(r[e]||!1)===t);exports.default=getParentNodesFromAttribute;

package/dist/functions.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    getParentNodes: (node: import("./interfaces/PseudoEventTarget").PseudoEventTarget) => Array<import("./interfaces/PseudoNode").PseudoNode>;
+    getParentNodes: (node: import("./interfaces/PseudoEventTarget").PseudoEventTarget | import("./interfaces/PseudoNode").PseudoNode | any) => Array<import("./interfaces/PseudoNode").PseudoNode>;
     getParentNodesFromAttribute: (attr: string, value: boolean | number | string, node: import("./interfaces/PseudoEventTarget").PseudoEventTarget | import("./interfaces/PseudoNode").PseudoNode | any) => Array<import("./interfaces/PseudoNode").PseudoNode>;
 };
 export default _default;

package/dist/services/DocumentFragmentService.d.ts

@@ -1,4 +1,13 @@
 import { NodeService } from './NodeService';
 import { PseudoDocumentFragment } from '../interfaces/PseudoDocumentFragment';
+/**
+ * Simulate the behaviour of the DocumentFragment Class when there is no DOM available: a container for nodes which is
+ * not part of a tree, when it is inserted its children are moved into the tree instead.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments NodeService
+ */
 export declare class DocumentFragmentService extends NodeService implements PseudoDocumentFragment {
+    get nodeName(): string;
+    get nodeType(): number;
 }

package/dist/services/DocumentFragmentService.js

@@ -5,5 +5,20 @@ Object.defineProperty(exports, '__esModule', {
 })
 exports.DocumentFragmentService = void 0
 const NodeService_1 = require('./NodeService')
-class DocumentFragmentService extends NodeService_1.NodeService {}
+/**
+ * Simulate the behaviour of the DocumentFragment Class when there is no DOM available: a container for nodes which is
+ * not part of a tree, when it is inserted its children are moved into the tree instead.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments NodeService
+ */
+class DocumentFragmentService extends NodeService_1.NodeService {
+  get nodeName () {
+    return '#document-fragment'
+  }
+
+  get nodeType () {
+    return NodeService_1.NodeService.DOCUMENT_FRAGMENT_NODE
+  }
+}
 exports.DocumentFragmentService = DocumentFragmentService

package/dist/services/DocumentFragmentService.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocumentFragmentService=void 0;const NodeService_1=require("./NodeService");class DocumentFragmentService extends NodeService_1.NodeService{}exports.DocumentFragmentService=DocumentFragmentService;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocumentFragmentService=void 0;const NodeService_1=require("./NodeService");class DocumentFragmentService extends NodeService_1.NodeService{get nodeName(){return"#document-fragment"}get nodeType(){return NodeService_1.NodeService.DOCUMENT_FRAGMENT_NODE}}exports.DocumentFragmentService=DocumentFragmentService;

package/dist/services/DocumentService.d.ts

@@ -1,4 +1,12 @@
 import { NodeService } from './NodeService';
 import { PseudoDocument } from '../interfaces/PseudoDocument';
+/**
+ * Simulate the behaviour of the Document Class when there is no DOM available.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments NodeService
+ */
 export declare class DocumentService extends NodeService implements PseudoDocument {
+    get nodeName(): string;
+    get nodeType(): number;
 }

package/dist/services/DocumentService.js

@@ -5,5 +5,19 @@ Object.defineProperty(exports, '__esModule', {
 })
 exports.DocumentService = void 0
 const NodeService_1 = require('./NodeService')
-class DocumentService extends NodeService_1.NodeService {}
+/**
+ * Simulate the behaviour of the Document Class when there is no DOM available.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments NodeService
+ */
+class DocumentService extends NodeService_1.NodeService {
+  get nodeName () {
+    return '#document'
+  }
+
+  get nodeType () {
+    return NodeService_1.NodeService.DOCUMENT_NODE
+  }
+}
 exports.DocumentService = DocumentService

package/dist/services/DocumentService.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocumentService=void 0;const NodeService_1=require("./NodeService");class DocumentService extends NodeService_1.NodeService{}exports.DocumentService=DocumentService;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocumentService=void 0;const NodeService_1=require("./NodeService");class DocumentService extends NodeService_1.NodeService{get nodeName(){return"#document"}get nodeType(){return NodeService_1.NodeService.DOCUMENT_NODE}}exports.DocumentService=DocumentService;

package/dist/services/ElementService.d.ts

@@ -39,8 +39,8 @@ export declare class ElementService extends NodeService implements Partial<Pseud
      * @param {Object} [settings={}]
      * @param {string} [settings.tagName=''] The name of the tag this element represents
      * @param {Array<{name: string, value: *}>} [settings.attributes=[]] The attributes (also assigned as properties) to start with
-     * @param {PseudoNode|null} [settings.parent=null] The parent node
-     * @param {Array} [settings.children=[]] The values or nodes to start as children
+     * @param {PseudoNode|null} [settings.parent=null] The node to add this element to as its last child
+     * @param {Array<PseudoNode>} [settings.children=[]] The nodes to start as children
      * @constructor
      */
     constructor({ tagName, attributes, parent, children }?: {
@@ -61,11 +61,10 @@ export declare class ElementService extends NodeService implements Partial<Pseud
      */
     applyDefaultEvent(): Function;
     /**
-     *
-     * @param {PseudoNode|ElementService} childElement
-     * @returns {PseudoNode}
+     * An element which is added as a child gets its default events (for example a submit button submits its form).
+     * @param {NodeService} child The node which was inserted
      */
-    appendChild(childElement: ElementService): PseudoNode;
+    protected childInserted(child: NodeService): void;
     /**
      * Check whether the element has an attribute by that name.
      * @param {string} attributeName

package/dist/services/ElementService.js

@@ -16,8 +16,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 })
 exports.ElementService = void 0
-const generateNodeList_1 = __importDefault(require('../factories/generateNodeList'))
-const TreeLinker_1 = require('collect-your-stuff/dist/collections/linked-tree-list/TreeLinker')
 const NodeService_1 = require('./NodeService')
 const AttrService_1 = require('./AttrService')
 const DOMTokenListService_1 = require('./DOMTokenListService')
@@ -43,8 +41,8 @@ class ElementService extends NodeService_1.NodeService {
    * @param {Object} [settings={}]
    * @param {string} [settings.tagName=''] The name of the tag this element represents
    * @param {Array<{name: string, value: *}>} [settings.attributes=[]] The attributes (also assigned as properties) to start with
-   * @param {PseudoNode|null} [settings.parent=null] The parent node
-   * @param {Array} [settings.children=[]] The values or nodes to start as children
+   * @param {PseudoNode|null} [settings.parent=null] The node to add this element to as its last child
+   * @param {Array<PseudoNode>} [settings.children=[]] The nodes to start as children
    * @constructor
    */
   constructor ({
@@ -55,8 +53,6 @@ class ElementService extends NodeService_1.NodeService {
   } = {}) {
     super()
     this.tokenList = new DOMTokenListService_1.DOMTokenListService()
-    this.parent = parent
-    this.children = (0, generateNodeList_1.default)(TreeLinker_1.TreeLinker.fromArray(children).head)
     this.tag = tagName
     this.attributeList = attributes.concat([{
       name: 'className',
@@ -77,6 +73,15 @@ class ElementService extends NodeService_1.NodeService {
     }) => {
       this[name] = value
     })
+    children.forEach(child => {
+      if (!child || typeof child.nodeType !== 'number') {
+        throw new TypeError('The children of an element must be nodes.')
+      }
+      this.appendChild(child)
+    })
+    if (parent) {
+      parent.appendChild(this)
+    }
   }
 
   get tagName () {
@@ -132,14 +137,13 @@ class ElementService extends NodeService_1.NodeService {
   }
 
   /**
-   *
-   * @param {PseudoNode|ElementService} childElement
-   * @returns {PseudoNode}
+   * An element which is added as a child gets its default events (for example a submit button submits its form).
+   * @param {NodeService} child The node which was inserted
    */
-  appendChild (childElement) {
-    super.appendChild(childElement)
-    childElement.applyDefaultEvent()
-    return childElement
+  childInserted (child) {
+    if (typeof child.applyDefaultEvent === 'function') {
+      child.applyDefaultEvent()
+    }
   }
 
   /**

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 generateNodeList_1=__importDefault(require("../factories/generateNodeList")),TreeLinker_1=require("collect-your-stuff/dist/collections/linked-tree-list/TreeLinker"),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.parent=r,this.children=(0,generateNodeList_1.default)(TreeLinker_1.TreeLinker.fromArray(i).head),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})}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}appendChild(e){return super.appendChild(e),e.applyDefaultEvent(),e}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 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;

package/dist/services/NodeService.d.ts

@@ -1,5 +1,6 @@
 import { PseudoNodeList } from '../classes/PseudoNodeList';
 import { LinkedTreeList } from 'collect-your-stuff/dist/collections/linked-tree-list/LinkedTreeList';
+import { TreeLinker } from 'collect-your-stuff/dist/collections/linked-tree-list/TreeLinker';
 import { PseudoNode } from '../interfaces/PseudoNode';
 import EventTargetService from './EventTargetService';
 import { PseudoElement } from '../interfaces/PseudoElement';
@@ -33,8 +34,8 @@ export declare class NodeService extends EventTargetService implements PseudoNod
     protected nodeNameValue: string;
     private nodeValueStore;
     private textContentStore;
-    private next;
-    private prev;
+    /** The linker which holds this node in the children list of its parent, from which its siblings are found (null while it has no parent). */
+    protected listLinker: TreeLinker | null;
     /**
      *
      * @constructor
@@ -57,11 +58,17 @@ export declare class NodeService extends EventTargetService implements PseudoNod
     get textContent(): string | null;
     set textContent(text: string | null);
     /**
-     *
-     * @param {PseudoNode} childNode
-     * @returns {PseudoNode}
+     * Add a node as the last child of this node (a node which is already in a tree is moved).
+     * @param {PseudoNode} childNode The node to add
+     * @returns {PseudoNode} The added node
      */
     appendChild(childNode: PseudoNode): PseudoNode;
+    /**
+     * Called each time a node has been inserted as a child of this node, so that nodes which need to react to children
+     * (for example elements applying default events) can do so.
+     * @param {NodeService} child The node which was inserted
+     */
+    protected childInserted(child: NodeService): void;
     /**
      * Not implemented yet.
      * @throws {Error}
@@ -73,19 +80,24 @@ export declare class NodeService extends EventTargetService implements PseudoNod
      */
     compareDocumentPosition(otherNode: PseudoNode): number;
     /**
-     * Not implemented yet.
-     * @throws {Error}
+     * Check whether a node is this node or one of its descendants.
+     * @param {PseudoNode|null} otherNode The node to look for
+     * @returns {boolean}
      */
-    contains(otherNode: PseudoNode): boolean;
+    contains(otherNode: PseudoNode | null): boolean;
     getRootNode(options?: {
         composed: boolean;
     }): PseudoNode;
     hasChildNodes(): boolean;
     /**
-     * Not implemented yet.
-     * @throws {Error}
+     * Insert a node as a child of this node, before the given child (or at the end when there is none). A node which is
+     * already in a tree is moved, and the children of a document fragment are moved in order.
+     * @param {PseudoNode} newNode The node to insert
+     * @param {PseudoNode|null} [referenceNode=null] The child of this node to insert before, or null to insert at the end
+     * @returns {PseudoNode} The inserted node
+     * @throws {Error} When the reference node is not a child of this node, or the new node is this node or contains it
      */
-    insertBefore(newNode: PseudoNode, referenceNode: PseudoNode | null): PseudoNode | PseudoDocumentFragment;
+    insertBefore(newNode: PseudoNode, referenceNode?: PseudoNode | null): PseudoNode | PseudoDocumentFragment;
     isDefaultNamespace(namespaceURI: string | null): boolean;
     /**
      * Not implemented yet.
@@ -97,15 +109,18 @@ export declare class NodeService extends EventTargetService implements PseudoNod
     lookupNamespaceURI(prefix: string): string | null;
     normalize(): void;
     /**
-     * Remove the given child from this node.
-     * @param {PseudoNode} childElement The child node, or its TreeLinker from the children list
-     * @returns {PseudoNode}
+     * Remove a child from this node, it no longer has a parent or siblings afterwards.
+     * @param {PseudoNode} childElement The child node to remove
+     * @returns {PseudoNode} The removed node
      * @throws {Error} When the node is not a child of this node
      */
     removeChild(childElement: PseudoNode): PseudoNode;
     /**
-     * Not implemented yet.
-     * @throws {Error}
+     * Replace a child of this node with another node (which is moved if it is already in a tree).
+     * @param {PseudoNode} newChild The node which takes the place
+     * @param {PseudoNode} oldChild The child of this node to replace
+     * @returns {PseudoNode} The replaced node
+     * @throws {Error} When the old node is not a child of this node
      */
     replaceChild(newChild: PseudoNode, oldChild: PseudoNode): PseudoNode;
 }