pseudo-dom 0.9.0 → 0.11.0

package/dist/factories/createDataset.d.ts

@@ -1,10 +1,10 @@
-/**
- * A live DOMStringMap-like object for an element's data-* attributes.
- * @memberOf module:factories
- * @param {*} element The element whose data-* attributes this reflects
- * @returns {Object.<string, string>}
- */
-declare const createDataset: (element: any) => {
-    [key: string]: string;
-};
-export default createDataset;
+/**
+ * A live DOMStringMap-like object for an element's data-* attributes.
+ * @memberOf module:factories
+ * @param {*} element The element whose data-* attributes this reflects
+ * @returns {Object.<string, string>}
+ */
+declare const createDataset: (element: any) => {
+    [key: string]: string;
+};
+export default createDataset;

package/dist/factories/createDataset.js

@@ -1,78 +1,78 @@
-'use strict'
-
-require('core-js/modules/esnext.iterator.constructor.js')
-require('core-js/modules/esnext.iterator.map.js')
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-/**
- * @file Wraps an element in a Proxy which behaves like the DOM's DOMStringMap (element.dataset): a live view of its
- * data-* attributes, under their camelCase names, backed by the element's own getAttribute / setAttribute /
- * hasAttribute / removeAttribute (nothing is stored separately, so it can never fall out of sync with the
- * attributes).
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-const createStyleDeclaration_1 = require('./createStyleDeclaration')
-const DATA_PREFIX = 'data-'
-const attributeName = property => `${DATA_PREFIX}${(0, createStyleDeclaration_1.camelToKebab)(property)}`
-/**
- * Every data-* attribute name currently on the element, as [attributeName, camelCaseName] pairs.
- * @param {*} element
- * @returns {Array<Array<string>>}
- */
-const dataAttributes = element => {
-  const names = []
-  for (let index = 0; index < element.attributes.length; index++) {
-    const name = element.attributes.item(index).name
-    if (name.indexOf(DATA_PREFIX) === 0 && name.length > DATA_PREFIX.length) {
-      names.push([name, (0, createStyleDeclaration_1.kebabToCamel)(name.slice(DATA_PREFIX.length))])
-    }
-  }
-  return names
-}
-/**
- * A live DOMStringMap-like object for an element's data-* attributes.
- * @memberOf module:factories
- * @param {*} element The element whose data-* attributes this reflects
- * @returns {Object.<string, string>}
- */
-const createDataset = element => new Proxy({}, {
-  get (_target, property) {
-    if (typeof property !== 'string') {
-      return undefined
-    }
-    const value = element.getAttribute(attributeName(property))
-    return value === null ? undefined : value
-  },
-  set (_target, property, value) {
-    if (typeof property !== 'string') {
-      return false
-    }
-    element.setAttribute(attributeName(property), String(value))
-    return true
-  },
-  deleteProperty (_target, property) {
-    if (typeof property === 'string') {
-      element.removeAttribute(attributeName(property))
-    }
-    return true
-  },
-  has (_target, property) {
-    return typeof property === 'string' && element.hasAttribute(attributeName(property))
-  },
-  ownKeys () {
-    return dataAttributes(element).map(([, camelCaseName]) => camelCaseName)
-  },
-  getOwnPropertyDescriptor (_target, property) {
-    if (typeof property !== 'string' || !element.hasAttribute(attributeName(property))) {
-      return undefined
-    }
-    return {
-      enumerable: true,
-      configurable: true,
-      value: element.getAttribute(attributeName(property))
-    }
-  }
-})
-exports.default = createDataset
+'use strict'
+
+require('core-js/modules/esnext.iterator.constructor.js')
+require('core-js/modules/esnext.iterator.map.js')
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+/**
+ * @file Wraps an element in a Proxy which behaves like the DOM's DOMStringMap (element.dataset): a live view of its
+ * data-* attributes, under their camelCase names, backed by the element's own getAttribute / setAttribute /
+ * hasAttribute / removeAttribute (nothing is stored separately, so it can never fall out of sync with the
+ * attributes).
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const createStyleDeclaration_1 = require('./createStyleDeclaration')
+const DATA_PREFIX = 'data-'
+const attributeName = property => `${DATA_PREFIX}${(0, createStyleDeclaration_1.camelToKebab)(property)}`
+/**
+ * Every data-* attribute name currently on the element, as [attributeName, camelCaseName] pairs.
+ * @param {*} element
+ * @returns {Array<Array<string>>}
+ */
+const dataAttributes = element => {
+  const names = []
+  for (let index = 0; index < element.attributes.length; index++) {
+    const name = element.attributes.item(index).name
+    if (name.indexOf(DATA_PREFIX) === 0 && name.length > DATA_PREFIX.length) {
+      names.push([name, (0, createStyleDeclaration_1.kebabToCamel)(name.slice(DATA_PREFIX.length))])
+    }
+  }
+  return names
+}
+/**
+ * A live DOMStringMap-like object for an element's data-* attributes.
+ * @memberOf module:factories
+ * @param {*} element The element whose data-* attributes this reflects
+ * @returns {Object.<string, string>}
+ */
+const createDataset = element => new Proxy({}, {
+  get (_target, property) {
+    if (typeof property !== 'string') {
+      return undefined
+    }
+    const value = element.getAttribute(attributeName(property))
+    return value === null ? undefined : value
+  },
+  set (_target, property, value) {
+    if (typeof property !== 'string') {
+      return false
+    }
+    element.setAttribute(attributeName(property), String(value))
+    return true
+  },
+  deleteProperty (_target, property) {
+    if (typeof property === 'string') {
+      element.removeAttribute(attributeName(property))
+    }
+    return true
+  },
+  has (_target, property) {
+    return typeof property === 'string' && element.hasAttribute(attributeName(property))
+  },
+  ownKeys () {
+    return dataAttributes(element).map(([, camelCaseName]) => camelCaseName)
+  },
+  getOwnPropertyDescriptor (_target, property) {
+    if (typeof property !== 'string' || !element.hasAttribute(attributeName(property))) {
+      return undefined
+    }
+    return {
+      enumerable: true,
+      configurable: true,
+      value: element.getAttribute(attributeName(property))
+    }
+  }
+})
+exports.default = createDataset

package/dist/factories/createStyleDeclaration.d.ts

@@ -1,30 +1,30 @@
-/**
- * @file Wraps a CSSStyleDeclarationService in a Proxy so arbitrary camelCase CSS properties (element.style.
- * backgroundColor) work like the DOM's, on top of its real methods (getPropertyValue, setProperty, cssText, ...).
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-import { CSSStyleDeclarationService } from '../services/CSSStyleDeclarationService';
-/**
- * kebab-case -> camelCase ("background-color" -> "backgroundColor").
- * @param {string} name
- * @returns {string}
- */
-declare const kebabToCamel: (name: string) => string;
-/**
- * camelCase -> kebab-case ("backgroundColor" -> "background-color").
- * @param {string} name
- * @returns {string}
- */
-declare const camelToKebab: (name: string) => string;
-/**
- * A live CSSStyleDeclaration-like object: its real methods (cssText, getPropertyValue, setProperty, ...) work as
- * declared, and any other property name is treated as a camelCase CSS property (declaration.backgroundColor reads /
- * writes the "background-color" declaration), matching what a real element.style supports.
- * @memberOf module:factories
- * @param {string} [cssText=''] Initial declarations
- * @returns {CSSStyleDeclarationService}
- */
-declare const createStyleDeclaration: (cssText?: string) => CSSStyleDeclarationService;
-export { kebabToCamel, camelToKebab };
-export default createStyleDeclaration;
+/**
+ * @file Wraps a CSSStyleDeclarationService in a Proxy so arbitrary camelCase CSS properties (element.style.
+ * backgroundColor) work like the DOM's, on top of its real methods (getPropertyValue, setProperty, cssText, ...).
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+import { CSSStyleDeclarationService } from '../services/CSSStyleDeclarationService';
+/**
+ * kebab-case -> camelCase ("background-color" -> "backgroundColor").
+ * @param {string} name
+ * @returns {string}
+ */
+declare const kebabToCamel: (name: string) => string;
+/**
+ * camelCase -> kebab-case ("backgroundColor" -> "background-color").
+ * @param {string} name
+ * @returns {string}
+ */
+declare const camelToKebab: (name: string) => string;
+/**
+ * A live CSSStyleDeclaration-like object: its real methods (cssText, getPropertyValue, setProperty, ...) work as
+ * declared, and any other property name is treated as a camelCase CSS property (declaration.backgroundColor reads /
+ * writes the "background-color" declaration), matching what a real element.style supports.
+ * @memberOf module:factories
+ * @param {string} [cssText=''] Initial declarations
+ * @returns {CSSStyleDeclarationService}
+ */
+declare const createStyleDeclaration: (cssText?: string) => CSSStyleDeclarationService;
+export { kebabToCamel, camelToKebab };
+export default createStyleDeclaration;

package/dist/factories/createStyleDeclaration.js

@@ -1,64 +1,64 @@
-'use strict'
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-exports.camelToKebab = exports.kebabToCamel = void 0
-/**
- * @file Wraps a CSSStyleDeclarationService in a Proxy so arbitrary camelCase CSS properties (element.style.
- * backgroundColor) work like the DOM's, on top of its real methods (getPropertyValue, setProperty, cssText, ...).
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-const CSSStyleDeclarationService_1 = require('../services/CSSStyleDeclarationService')
-const isIndex = property => /^\d+$/.test(property)
-/**
- * kebab-case -> camelCase ("background-color" -> "backgroundColor").
- * @param {string} name
- * @returns {string}
- */
-const kebabToCamel = name => name.replace(/-([a-z0-9])/gi, (_match, letter) => letter.toUpperCase())
-exports.kebabToCamel = kebabToCamel
-/**
- * camelCase -> kebab-case ("backgroundColor" -> "background-color").
- * @param {string} name
- * @returns {string}
- */
-const camelToKebab = name => name.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)
-exports.camelToKebab = camelToKebab
-/**
- * A live CSSStyleDeclaration-like object: its real methods (cssText, getPropertyValue, setProperty, ...) work as
- * declared, and any other property name is treated as a camelCase CSS property (declaration.backgroundColor reads /
- * writes the "background-color" declaration), matching what a real element.style supports.
- * @memberOf module:factories
- * @param {string} [cssText=''] Initial declarations
- * @returns {CSSStyleDeclarationService}
- */
-const createStyleDeclaration = (cssText = '') => {
-  const target = new CSSStyleDeclarationService_1.CSSStyleDeclarationService(cssText)
-  return new Proxy(target, {
-    get (declaration, property, receiver) {
-      if (typeof property !== 'string') {
-        return Reflect.get(declaration, property, receiver)
-      }
-      if (isIndex(property)) {
-        return declaration.item(Number(property))
-      }
-      if (property in declaration) {
-        return Reflect.get(declaration, property, receiver)
-      }
-      return declaration.getPropertyValue(camelToKebab(property))
-    },
-    set (declaration, property, value) {
-      if (typeof property !== 'string' || property === 'cssText') {
-        return Reflect.set(declaration, property, value)
-      }
-      declaration.setProperty(camelToKebab(property), value === null || typeof value === 'undefined' ? '' : String(value))
-      return true
-    },
-    has (declaration, property) {
-      return typeof property === 'string' && (property in declaration || declaration.getPropertyValue(camelToKebab(property)) !== '')
-    }
-  })
-}
-exports.default = createStyleDeclaration
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+exports.camelToKebab = exports.kebabToCamel = void 0
+/**
+ * @file Wraps a CSSStyleDeclarationService in a Proxy so arbitrary camelCase CSS properties (element.style.
+ * backgroundColor) work like the DOM's, on top of its real methods (getPropertyValue, setProperty, cssText, ...).
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const CSSStyleDeclarationService_1 = require('../services/CSSStyleDeclarationService')
+const isIndex = property => /^\d+$/.test(property)
+/**
+ * kebab-case -> camelCase ("background-color" -> "backgroundColor").
+ * @param {string} name
+ * @returns {string}
+ */
+const kebabToCamel = name => name.replace(/-([a-z0-9])/gi, (_match, letter) => letter.toUpperCase())
+exports.kebabToCamel = kebabToCamel
+/**
+ * camelCase -> kebab-case ("backgroundColor" -> "background-color").
+ * @param {string} name
+ * @returns {string}
+ */
+const camelToKebab = name => name.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)
+exports.camelToKebab = camelToKebab
+/**
+ * A live CSSStyleDeclaration-like object: its real methods (cssText, getPropertyValue, setProperty, ...) work as
+ * declared, and any other property name is treated as a camelCase CSS property (declaration.backgroundColor reads /
+ * writes the "background-color" declaration), matching what a real element.style supports.
+ * @memberOf module:factories
+ * @param {string} [cssText=''] Initial declarations
+ * @returns {CSSStyleDeclarationService}
+ */
+const createStyleDeclaration = (cssText = '') => {
+  const target = new CSSStyleDeclarationService_1.CSSStyleDeclarationService(cssText)
+  return new Proxy(target, {
+    get (declaration, property, receiver) {
+      if (typeof property !== 'string') {
+        return Reflect.get(declaration, property, receiver)
+      }
+      if (isIndex(property)) {
+        return declaration.item(Number(property))
+      }
+      if (property in declaration) {
+        return Reflect.get(declaration, property, receiver)
+      }
+      return declaration.getPropertyValue(camelToKebab(property))
+    },
+    set (declaration, property, value) {
+      if (typeof property !== 'string' || property === 'cssText') {
+        return Reflect.set(declaration, property, value)
+      }
+      declaration.setProperty(camelToKebab(property), value === null || typeof value === 'undefined' ? '' : String(value))
+      return true
+    },
+    has (declaration, property) {
+      return typeof property === 'string' && (property in declaration || declaration.getPropertyValue(camelToKebab(property)) !== '')
+    }
+  })
+}
+exports.default = createStyleDeclaration

package/dist/factories/parseHTML.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Parse an HTML string into the nodes it describes (siblings at the top level, exactly like the DOM's own HTML
+ * parsing does for innerHTML / insertAdjacentHTML - there is no single root unless the markup itself has one).
+ * @memberOf module:factories
+ * @param {string} html
+ * @param {*} ownerDocument The document the new nodes belong to (matches what innerHTML etc. would set), or null
+ * @param {function(new: *, {tagName: string})} ElementClass The class to build each parsed element with
+ * @returns {Array<*>}
+ */
+declare const parseHTML: (html: string, ownerDocument: any, ElementClass: new (options: {
+    tagName: string;
+}) => any) => Array<any>;
+export default parseHTML;

package/dist/factories/parseHTML.js

@@ -0,0 +1,84 @@
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+/**
+ * @file Parses an HTML string into pseudo-dom nodes, for innerHTML / outerHTML / insertAdjacentHTML. Built on
+ * htmlparser2's Parser (a SAX-style tokenizer) with a custom handler which builds pseudo-dom nodes directly -
+ * htmlparser2's own default DomHandler / domutils tree (which this never uses) is stubbed out of the browser bundle
+ * by the browser.ignore config, the same way css-select's unused default adapter already is.
+ *
+ * The class to build parsed elements with is given by the caller (rather than imported here) so this has no
+ * dependency on ElementService / HTMLElementService - importing either here, from a factory ElementService itself
+ * would need to call, would create an import cycle.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const htmlparser2_1 = require('htmlparser2')
+const NodeService_1 = require('../services/NodeService')
+/**
+ * Parse an HTML string into the nodes it describes (siblings at the top level, exactly like the DOM's own HTML
+ * parsing does for innerHTML / insertAdjacentHTML - there is no single root unless the markup itself has one).
+ * @memberOf module:factories
+ * @param {string} html
+ * @param {*} ownerDocument The document the new nodes belong to (matches what innerHTML etc. would set), or null
+ * @param {function(new: *, {tagName: string})} ElementClass The class to build each parsed element with
+ * @returns {Array<*>}
+ */
+const parseHTML = (html, ownerDocument, ElementClass) => {
+  const roots = []
+  const stack = []
+  const appendNode = node => {
+    node.ownerDocumentStore = ownerDocument
+    if (stack.length) {
+      stack[stack.length - 1].appendChild(node)
+    } else {
+      roots.push(node)
+    }
+  }
+  const parser = new htmlparser2_1.Parser({
+    onopentagname (name) {
+      const element = new ElementClass({
+        tagName: name
+      })
+      appendNode(element)
+      stack.push(element)
+    },
+    onattribute (name, value) {
+      if (!stack.length) {
+        return
+      }
+      const element = stack[stack.length - 1]
+      // pseudo-dom's className / classList and style are not kept in sync with a literal 'class' / 'style'
+      // attribute the way setAttribute usually is (there is no such special-casing here, unlike a real DOM) - route
+      // them to the real objects directly, the same way cssSelectAdapter does for reading 'class' when matching a
+      // CSS selector, so parsed markup's class="..." / style="..." actually populates className/classList and style.
+      if (name === 'class') {
+        element.className = value
+        return
+      }
+      if (name === 'style' && element.style) {
+        element.style.cssText = value
+        return
+      }
+      element.setAttribute(name, value)
+    },
+    ontext (text) {
+      appendNode(new NodeService_1.TextService(text))
+    },
+    oncomment (data) {
+      appendNode(new NodeService_1.CommentService(data))
+    },
+    onclosetag () {
+      stack.pop()
+    }
+  }, {
+    lowerCaseTags: true,
+    lowerCaseAttributeNames: true
+  })
+  parser.write(String(html || ''))
+  parser.end()
+  return roots
+}
+exports.default = parseHTML

package/dist/factories/parseHTML.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const htmlparser2_1=require("htmlparser2"),NodeService_1=require("../services/NodeService"),parseHTML=(e,t,r)=>{const s=[],n=[],o=e=>{e.ownerDocumentStore=t,n.length?n[n.length-1].appendChild(e):s.push(e)},a=new htmlparser2_1.Parser({onopentagname(e){const t=new r({tagName:e});o(t),n.push(t)},onattribute(e,t){if(!n.length)return;const r=n[n.length-1];"class"!==e?"style"===e&&r.style?r.style.cssText=t:r.setAttribute(e,t):r.className=t},ontext(e){o(new NodeService_1.TextService(e))},oncomment(e){o(new NodeService_1.CommentService(e))},onclosetag(){n.pop()}},{lowerCaseTags:!0,lowerCaseAttributeNames:!0});return a.write(String(e||"")),a.end(),s};exports.default=parseHTML;

package/dist/factories/serializeHTML.d.ts

@@ -0,0 +1,15 @@
+/**
+ * A node's children, serialized in order (this is what innerHTML returns).
+ * @memberOf module:factories
+ * @param {*} node
+ * @returns {string}
+ */
+declare const serializeChildren: (node: any) => string;
+/**
+ * An element itself, serialized with its children (this is what outerHTML returns).
+ * @memberOf module:factories
+ * @param {*} element
+ * @returns {string}
+ */
+declare const serializeOuter: (element: any) => string;
+export { serializeChildren, serializeOuter };

package/dist/factories/serializeHTML.js

@@ -0,0 +1,114 @@
+'use strict'
+
+require('core-js/modules/esnext.iterator.constructor.js')
+require('core-js/modules/esnext.iterator.filter.js')
+require('core-js/modules/esnext.iterator.map.js')
+require('core-js/modules/esnext.set.add-all.js')
+require('core-js/modules/esnext.set.delete-all.js')
+require('core-js/modules/esnext.set.difference.js')
+require('core-js/modules/esnext.set.every.js')
+require('core-js/modules/esnext.set.filter.js')
+require('core-js/modules/esnext.set.find.js')
+require('core-js/modules/esnext.set.intersection.js')
+require('core-js/modules/esnext.set.is-disjoint-from.js')
+require('core-js/modules/esnext.set.is-subset-of.js')
+require('core-js/modules/esnext.set.is-superset-of.js')
+require('core-js/modules/esnext.set.join.js')
+require('core-js/modules/esnext.set.map.js')
+require('core-js/modules/esnext.set.reduce.js')
+require('core-js/modules/esnext.set.some.js')
+require('core-js/modules/esnext.set.symmetric-difference.js')
+require('core-js/modules/esnext.set.union.js')
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+exports.serializeOuter = exports.serializeChildren = void 0
+/**
+ * @file Serializes pseudo-dom nodes back into an HTML string, for innerHTML / outerHTML.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const NodeService_1 = require('../services/NodeService')
+// Void elements are self-closing and never serialize a closing tag or children (there is no HTML parsing of their
+// content either - the DOM never lets them have children in the first place).
+const VOID_ELEMENTS = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr'])
+// These property-backed names (see ElementService / HTMLElementService's constructors) are not real HTML content
+// attributes - offsetWidth and friends describe layout, which does not exist here, and innerHTML is JS-only - so
+// they must never appear in serialized markup, however getAttributeNames() may report them.
+const NEVER_SERIALIZE = new Set(['innerHTML', 'clientHeight', 'clientLeft', 'clientTop', 'clientWidth', 'scrollHeight', 'scrollLeft', 'scrollTop', 'scrollWidth', 'offsetHeight', 'offsetLeft', 'offsetParent', 'offsetTop', 'offsetWidth'])
+// The attribute name to serialize a property-backed name as, when it differs from the property name
+const ATTRIBUTE_NAME = {
+  className: 'class'
+}
+// Boolean HTML attributes: present (with no value) when true, absent entirely when false
+const BOOLEAN_ATTRIBUTES = new Set(['hidden'])
+/**
+ * Escape text so it is safe inside HTML text content.
+ * @param {string} text
+ * @returns {string}
+ */
+const escapeText = text => text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+/**
+ * Escape a value so it is safe inside a double-quoted HTML attribute.
+ * @param {string} value
+ * @returns {string}
+ */
+const escapeAttributeValue = value => value.replace(/&/g, '&amp;').replace(/"/g, '&quot;')
+/**
+ * Every attribute of the element, serialized (class instead of className, boolean attributes bare, the never-real
+ * mock properties left out, style added from the live CSSStyleDeclaration when it is not empty).
+ * @param {*} element
+ * @returns {string}
+ */
+const serializeAttributes = element => {
+  let result = (element.getAttributeNames ? element.getAttributeNames() : []).filter(name => !NEVER_SERIALIZE.has(name)).map(name => {
+    if (BOOLEAN_ATTRIBUTES.has(name)) {
+      return element[name] ? ` ${name}` : ''
+    }
+    const value = element.getAttribute(name)
+    return value === '' ? '' : ` ${ATTRIBUTE_NAME[name] || name}="${escapeAttributeValue(value)}"`
+  }).join('')
+  const style = element.style
+  if (style && style.cssText) {
+    result += ` style="${escapeAttributeValue(style.cssText)}"`
+  }
+  return result
+}
+/**
+ * One node, serialized (its own markup only - see serializeChildren for its descendants too).
+ * @param {*} node
+ * @returns {string}
+ */
+const serializeNode = node => {
+  if (node.nodeType === NodeService_1.NodeService.TEXT_NODE) {
+    return escapeText(node.nodeValue || '')
+  }
+  if (node.nodeType === NodeService_1.NodeService.COMMENT_NODE) {
+    return `<!--${node.nodeValue || ''}-->`
+  }
+  if (node.nodeType !== NodeService_1.NodeService.ELEMENT_NODE) {
+    return ''
+  }
+  const tagName = node.tagName
+  const attributes = serializeAttributes(node)
+  if (VOID_ELEMENTS.has(tagName)) {
+    return `<${tagName}${attributes}>`
+  }
+  return `<${tagName}${attributes}>${serializeChildren(node)}</${tagName}>`
+}
+/**
+ * A node's children, serialized in order (this is what innerHTML returns).
+ * @memberOf module:factories
+ * @param {*} node
+ * @returns {string}
+ */
+const serializeChildren = node => Array.from(node.childNodes).map(serializeNode).join('')
+exports.serializeChildren = serializeChildren
+/**
+ * An element itself, serialized with its children (this is what outerHTML returns).
+ * @memberOf module:factories
+ * @param {*} element
+ * @returns {string}
+ */
+const serializeOuter = element => serializeNode(element)
+exports.serializeOuter = serializeOuter

package/dist/factories/serializeHTML.min.js

@@ -0,0 +1 @@
+"use strict";require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.filter.js"),require("core-js/modules/esnext.iterator.map.js"),require("core-js/modules/esnext.set.add-all.js"),require("core-js/modules/esnext.set.delete-all.js"),require("core-js/modules/esnext.set.difference.js"),require("core-js/modules/esnext.set.every.js"),require("core-js/modules/esnext.set.filter.js"),require("core-js/modules/esnext.set.find.js"),require("core-js/modules/esnext.set.intersection.js"),require("core-js/modules/esnext.set.is-disjoint-from.js"),require("core-js/modules/esnext.set.is-subset-of.js"),require("core-js/modules/esnext.set.is-superset-of.js"),require("core-js/modules/esnext.set.join.js"),require("core-js/modules/esnext.set.map.js"),require("core-js/modules/esnext.set.reduce.js"),require("core-js/modules/esnext.set.some.js"),require("core-js/modules/esnext.set.symmetric-difference.js"),require("core-js/modules/esnext.set.union.js"),Object.defineProperty(exports,"__esModule",{value:!0}),exports.serializeOuter=exports.serializeChildren=void 0;const NodeService_1=require("../services/NodeService"),VOID_ELEMENTS=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),NEVER_SERIALIZE=new Set(["innerHTML","clientHeight","clientLeft","clientTop","clientWidth","scrollHeight","scrollLeft","scrollTop","scrollWidth","offsetHeight","offsetLeft","offsetParent","offsetTop","offsetWidth"]),ATTRIBUTE_NAME={className:"class"},BOOLEAN_ATTRIBUTES=new Set(["hidden"]),escapeText=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),escapeAttributeValue=e=>e.replace(/&/g,"&amp;").replace(/"/g,"&quot;"),serializeAttributes=e=>{let s=(e.getAttributeNames?e.getAttributeNames():[]).filter(e=>!NEVER_SERIALIZE.has(e)).map(s=>{if(BOOLEAN_ATTRIBUTES.has(s))return e[s]?` ${s}`:"";const r=e.getAttribute(s);return""===r?"":` ${ATTRIBUTE_NAME[s]||s}="${escapeAttributeValue(r)}"`}).join("");const r=e.style;return r&&r.cssText&&(s+=` style="${escapeAttributeValue(r.cssText)}"`),s},serializeNode=e=>{if(e.nodeType===NodeService_1.NodeService.TEXT_NODE)return escapeText(e.nodeValue||"");if(e.nodeType===NodeService_1.NodeService.COMMENT_NODE)return`\x3c!--${e.nodeValue||""}--\x3e`;if(e.nodeType!==NodeService_1.NodeService.ELEMENT_NODE)return"";const s=e.tagName,r=serializeAttributes(e);return VOID_ELEMENTS.has(s)?`<${s}${r}>`:`<${s}${r}>${serializeChildren(e)}</${s}>`},serializeChildren=e=>Array.from(e.childNodes).map(serializeNode).join("");exports.serializeChildren=serializeChildren;const serializeOuter=e=>serializeNode(e);exports.serializeOuter=serializeOuter;

package/dist/interfaces/PseudoCSSStyleDeclaration.d.ts

@@ -1,14 +1,14 @@
-/**
- * @file Substitute for the DOM CSSStyleDeclaration Class. Real instances (from createStyleDeclaration) also accept
- * arbitrary camelCase CSS property names (declaration.backgroundColor), which cannot be expressed in an interface.
- */
-export interface PseudoCSSStyleDeclaration {
-    get length(): number;
-    get cssText(): string;
-    set cssText(cssText: string);
-    item(index: number): string;
-    getPropertyValue(property: string): string;
-    getPropertyPriority(property: string): string;
-    setProperty(property: string, value: string, priority: string): void;
-    removeProperty(property: string): string;
-}
+/**
+ * @file Substitute for the DOM CSSStyleDeclaration Class. Real instances (from createStyleDeclaration) also accept
+ * arbitrary camelCase CSS property names (declaration.backgroundColor), which cannot be expressed in an interface.
+ */
+export interface PseudoCSSStyleDeclaration {
+    get length(): number;
+    get cssText(): string;
+    set cssText(cssText: string);
+    item(index: number): string;
+    getPropertyValue(property: string): string;
+    getPropertyPriority(property: string): string;
+    setProperty(property: string, value: string, priority: string): void;
+    removeProperty(property: string): string;
+}

package/dist/interfaces/PseudoCSSStyleDeclaration.js

@@ -1,5 +1,5 @@
-'use strict'
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})