@dooboostore/dom-parser 1.0.3 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dooboostore/dom-parser",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -50,6 +50,11 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
+    "./bundle-entry": {
+      "types": "./dist/types/bundle-entry.d.ts",
+      "import": "./dist/esm/bundle-entry.js",
+      "require": "./dist/cjs/bundle-entry.js"
+    },
     "./cjs": {
       "types": "./dist/types/index.d.ts",
       "require": "./dist/cjs/index.js"

package/src/DomParser.ts

@@ -22,6 +22,7 @@ export class DomParser {
   private _document: Document | null;
 
   constructor(html: string, option?: DomParserOptions) {
+    console.log('create DomParser==',html)
     // Create WindowBase instance with the document
     const windowBase = new WindowBase({ initialUrl: option?.href });
     this._window = windowBase as unknown as Window;

package/src/bundle-entry.ts

@@ -0,0 +1,2 @@
+export * from './index';
+export * as DomParserModule from './index';

package/src/factory/ElementFactory.ts

@@ -1,4 +1,4 @@
-import { HTMLElementBase, HTMLGenericElement, htmlElements, svgElements, mathmlElements } from '../node/elements';
+import {HTMLElementBase, htmlElements, svgElements, mathmlElements, HTMLElement} from '../node/elements';
 
 /**
  * Factory for creating HTML elements based on tag names
@@ -27,16 +27,23 @@ export class ElementFactory {
       }
     }
 
-    // 2. Check for Autonomous Custom Elements
-    if (normalizedTagName.includes('-') && customElements && typeof customElements.get === 'function') {
-      const CustomElementClass = customElements.get(normalizedTagName);
-      if (CustomElementClass) {
-        const element = new CustomElementClass() as any;
-        element._tagName = tagName.toUpperCase();
-        element.nodeName = tagName.toUpperCase();
-        element._ownerDocument = ownerDocument;
-        return element;
+    // 2. Check for Autonomous Custom Elements (or preserve unknown custom tags)
+    //   console.log('vvv2222222vvvvvvvvv222222vvvvv', tagName, normalizedTagName)
+    if (normalizedTagName.includes('-')) {
+      // console.log('vvvvvvvvvvvvvvvvv')
+      if (customElements && typeof customElements.get === 'function') {
+        const CustomElementClass = customElements.get(normalizedTagName);
+        if (CustomElementClass) {
+          const element = new CustomElementClass() as any;
+          element._tagName = tagName.toUpperCase();
+          element.nodeName = tagName.toUpperCase();
+          element._ownerDocument = ownerDocument;
+          return element;
+        }
       }
+
+      // No registered custom element yet – keep the tag name intact.
+      return new HTMLElement(tagName.toUpperCase(), ownerDocument);
     }
 
     // 3. Check HTML elements
@@ -62,7 +69,7 @@ export class ElementFactory {
     }
 
     // For unknown elements, create a generic HTMLElement
-    return new HTMLGenericElement(tagName.toUpperCase(), ownerDocument);
+    return new HTMLElement(tagName.toUpperCase(), ownerDocument);
   }
 
   /**

package/src/index.ts

@@ -4,6 +4,17 @@ import {DomParser, DomParserOptions} from './DomParser';
 export {DomParser};
 export {NodeIterator} from './node/NodeIterator';
 export {NodeFilter} from './node/NodeFilter'
+export { HTMLElementBase } from './node/elements/HTMLElementBase';
+export { ElementBase } from './node/elements/ElementBase';
+export { HTMLElement } from './node/elements/HTMLElement';
+export { NodeBase } from './node/NodeBase';
+export { ParentNodeBase } from './node/ParentNodeBase';
+export { ChildNodeBase } from './node/ChildNodeBase';
+export { DocumentBase } from './node/DocumentBase';
+export { DocumentFragmentBase } from './node/DocumentFragmentBase';
+export { ShadowRootBase } from './node/ShadowRootBase';
+export { WindowBase } from './window/WindowBase';
+export { ElementFactory } from './factory/ElementFactory';
 // Utility function to parse HTML and return window object
 export const parseHTML = (html: string, option?: DomParserOptions) => {
   const parser = new DomParser(html, option);

package/src/node/elements/HTMLAnchorElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLAElement`** class represents an HTML `<a>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement)
  */
-export class HTMLAnchorElement extends HTMLElementBase  {
+export class HTMLAnchorElement extends HTMLElement  {
     private _href: string = '';
     private _target: string = '';
 

package/src/node/elements/HTMLAreaElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLAreaElement`** interface provides special properties and methods (beyond those of the regular object HTMLElement interface it also has available to it by inheritance) for manipulating the layout and presentation of `<area>` elements.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLAreaElement)
  */
-export class HTMLAreaElement extends HTMLElementBase {
+export class HTMLAreaElement extends HTMLElement {
     /**
      * A string containing the alternative text for the element.
      */

package/src/node/elements/HTMLAudioElement.ts

@@ -1,9 +1,10 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLAudioElement`** interface provides access to the properties of `<audio>` elements, as well as methods to manipulate them.
  */
-export class HTMLAudioElement extends HTMLElementBase {
+export class HTMLAudioElement extends HTMLElement {
   constructor(tagName: string = 'AUDIO', ownerDocument?: any) {
     super(tagName, ownerDocument);
   }

package/src/node/elements/HTMLBaseElement.ts

@@ -1,4 +1,5 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLBaseElement`** class represents an HTML `<base>` element.
@@ -6,7 +7,7 @@ import { HTMLElementBase } from './HTMLElementBase';
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLBaseElement)
  */
-export class HTMLBaseElement extends HTMLElementBase {
+export class HTMLBaseElement extends HTMLElement {
     private _href: string = '';
     private _target: string = '';
     

package/src/node/elements/HTMLBodyElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLBodyElement`** class represents an HTML `<body>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLBodyElement)
  */
-export class HTMLBodyElement extends HTMLElementBase {
+export class HTMLBodyElement extends HTMLElement {
     constructor(tagName: string, ownerDocument?: any) {
         super(tagName, ownerDocument);
     }

package/src/node/elements/HTMLButtonElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLButtonElement`** class represents an HTML `<button>` element.
  *
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLButtonElement)
  */
-export class HTMLButtonElement extends HTMLElementBase {
+export class HTMLButtonElement extends HTMLElement {
   private _type: string = 'submit';
   private _disabled: boolean = false;
   private _value: string = '';

package/src/node/elements/HTMLCanvasElement.ts

@@ -1,6 +1,7 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
-export class HTMLCanvasElement extends HTMLElementBase {
+export class HTMLCanvasElement extends HTMLElement {
     private _width: number = 300;
     private _height: number = 150;
 

package/src/node/elements/HTMLCaptionElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLCaptionElement`** class represents an HTML `<caption>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLTableCaptionElement)
  */
-export class HTMLCaptionElement extends HTMLElementBase {
+export class HTMLCaptionElement extends HTMLElement {
     constructor(tagName: string, ownerDocument?: any) {
         super(tagName, ownerDocument);
     }

package/src/node/elements/HTMLDListElement.ts

@@ -1,2 +1,8 @@
-import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLDListElement extends HTMLElementBase { constructor(tagName: string = 'DL', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElementBase} from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
+
+export class HTMLDListElement extends HTMLElement {
+  constructor(tagName: string = 'DL', ownerDocument?: any) {
+    super(tagName, ownerDocument);
+  }
+}

package/src/node/elements/HTMLDataElement.ts

@@ -1,5 +1,6 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLDataElement extends HTMLElementBase {
+import {HTMLElement} from "./HTMLElement";
+export class HTMLDataElement extends HTMLElement {
   constructor(tagName: string = 'DATA', ownerDocument?: any) {
     super(tagName, ownerDocument);
   }

package/src/node/elements/HTMLDataListElement.ts

@@ -1,2 +1,8 @@
-import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLDataListElement extends HTMLElementBase { constructor(tagName: string = 'DATALIST', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElementBase} from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
+
+export class HTMLDataListElement extends HTMLElement {
+  constructor(tagName: string = 'DATALIST', ownerDocument?: any) {
+    super(tagName, ownerDocument);
+  }
+}

package/src/node/elements/HTMLDetailsElement.ts

@@ -1,2 +1,8 @@
-import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLDetailsElement extends HTMLElementBase { constructor(tagName: string = 'DETAILS', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElementBase} from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
+
+export class HTMLDetailsElement extends HTMLElement {
+  constructor(tagName: string = 'DETAILS', ownerDocument?: any) {
+    super(tagName, ownerDocument);
+  }
+}

package/src/node/elements/HTMLDialogElement.ts

@@ -1,2 +1,8 @@
-import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLDialogElement extends HTMLElementBase { constructor(tagName: string = 'DIALOG', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElementBase} from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
+
+export class HTMLDialogElement extends HTMLElement {
+  constructor(tagName: string = 'DIALOG', ownerDocument?: any) {
+    super(tagName, ownerDocument);
+  }
+}

package/src/node/elements/HTMLDivElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLDivElement`** class represents an HTML `<div>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLDivElement)
  */
-export class HTMLDivElement extends HTMLElementBase implements HTMLDivElement {
+export class HTMLDivElement extends HTMLElement {
     constructor(tagName: string, ownerDocument?: any) {
         super(tagName, ownerDocument);
     }

package/src/node/elements/HTMLElement.ts

@@ -1,5 +1,9 @@
 import {HTMLElementBase} from "./HTMLElementBase";
 
 export class HTMLElement extends HTMLElementBase {
+  constructor(tagName: string, ownerDocument?: any) {
+    super(tagName, ownerDocument);
+    // console.log('----->',tagName,  this.ownerDocument?.defaultView)
+  }
 
 }

package/src/node/elements/HTMLElementBase.ts

@@ -20,8 +20,14 @@ export abstract class HTMLElementBase extends ElementBase implements HTMLElement
   private _outerText: string = '';
 
   constructor(tagName: string = 'DIV', ownerDocument?: any) {
-    super(tagName, ownerDocument);
-  }
+    const ctor = new.target as any;
+    const resolvedTagName = tagName || ctor?.__domParserExtendsTagName || ctor?.__domParserTagName || 'DIV';
+    super(resolvedTagName, ownerDocument);
+  }
+  // constructor(tagName?: string , ownerDocument?: any) {
+  //   super(tagName, ownerDocument);
+  //   console.log('vvvvvvvvv', tagName)
+  // }
 
   accessKeyLabel: string;
     autocapitalize: string;

package/src/node/elements/HTMLEmbedElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLEmbedElement`** interface provides special properties (beyond the regular HTMLElement interface it also has available to it by inheritance) for manipulating `<embed>` elements.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLEmbedElement)
  */
-export class HTMLEmbedElement extends HTMLElementBase {
+export class HTMLEmbedElement extends HTMLElement {
     /**
      * A string reflecting the `src` HTML attribute, containing the address of the resource.
      */

package/src/node/elements/HTMLFieldSetElement.ts

@@ -1,2 +1,8 @@
-import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLFieldSetElement extends HTMLElementBase { constructor(tagName: string = 'FIELDSET', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElementBase} from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
+
+export class HTMLFieldSetElement extends HTMLElement {
+  constructor(tagName: string = 'FIELDSET', ownerDocument?: any) {
+    super(tagName, ownerDocument);
+  }
+}

package/src/node/elements/HTMLFormElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLFormElement`** class represents an HTML `<form>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLFormElement)
  */
-export class HTMLFormElement extends HTMLElementBase {
+export class HTMLFormElement extends HTMLElement {
     private _action: string = '';
     private _method: string = 'get';
     private _enctype: string = 'application/x-www-form-urlencoded';

package/src/node/elements/HTMLH1Element.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLH1Element`** class represents an HTML `<h1>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLHeadingElement)
  */
-export class HTMLH1Element extends HTMLElementBase {
+export class HTMLH1Element extends HTMLElement {
     constructor(tagName: string, ownerDocument?: any) {
         super(tagName, ownerDocument);
     }

package/src/node/elements/HTMLHRElement.ts

@@ -1,2 +1,8 @@
-import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLHRElement extends HTMLElementBase { constructor(tagName: string = 'HR', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElementBase} from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
+
+export class HTMLHRElement extends HTMLElement {
+  constructor(tagName: string = 'HR', ownerDocument?: any) {
+    super(tagName, ownerDocument);
+  }
+}

package/src/node/elements/HTMLHeadElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLHeadElement`** class represents an HTML `<head>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLHeadElement)
  */
-export class HTMLHeadElement extends HTMLElementBase {
+export class HTMLHeadElement extends HTMLElement {
     constructor(tagName: string, ownerDocument?: any) {
         super(tagName, ownerDocument);
     }

package/src/node/elements/HTMLHtmlElement.ts

@@ -1,4 +1,5 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLHtmlElement`** class represents an HTML `<html>` element.
@@ -6,7 +7,7 @@ import { HTMLElementBase } from './HTMLElementBase';
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLHtmlElement)
  */
-export class HTMLHtmlElement extends HTMLElementBase {
+export class HTMLHtmlElement extends HTMLElement {
     // private _lang: string = '';
     // private _dir: string = '';
 

package/src/node/elements/HTMLIFrameElement.ts

@@ -1,2 +1,8 @@
-import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLIFrameElement extends HTMLElementBase { constructor(tagName: string = 'IFRAME', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElementBase} from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
+
+export class HTMLIFrameElement extends HTMLElement {
+  constructor(tagName: string = 'IFRAME', ownerDocument?: any) {
+    super(tagName, ownerDocument);
+  }
+}

package/src/node/elements/HTMLImgElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLImgElement`** class represents an HTML `<img>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLImageElement)
  */
-export class HTMLImgElement extends HTMLElementBase  {
+export class HTMLImgElement extends HTMLElement  {
     private _src: string = '';
     private _alt: string = '';
     private _width: number = 0;

package/src/node/elements/HTMLInputElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLInputElement`** class represents an HTML `<input>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLInputElement)
  */
-export class HTMLInputElement extends HTMLElementBase {
+export class HTMLInputElement extends HTMLElement {
     private _type: string = 'text';
     private _value: string = '';
     private _placeholder: string = '';

package/src/node/elements/HTMLLIElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLLIElement`** class represents an HTML `<li>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLLIElement)
  */
-export class HTMLLIElement extends HTMLElementBase {
+export class HTMLLIElement extends HTMLElement {
     private _value: number = 0;
     
     constructor(tagName: string, ownerDocument?: any) {

package/src/node/elements/HTMLLabelElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLLabelElement extends HTMLElementBase { constructor(tagName: string = 'LABEL', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLLabelElement extends HTMLElement { constructor(tagName: string = 'LABEL', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLLegendElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLLegendElement extends HTMLElementBase { constructor(tagName: string = 'LEGEND', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLLegendElement extends HTMLElement { constructor(tagName: string = 'LEGEND', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLLinkElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLLinkElement`** class represents an HTML `<link>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLLinkElement)
  */
-export class HTMLLinkElement extends HTMLElementBase {
+export class HTMLLinkElement extends HTMLElement {
     private _href: string = '';
     private _rel: string = '';
     private _type: string = '';

package/src/node/elements/HTMLMapElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLMapElement extends HTMLElementBase { constructor(tagName: string = 'MAP', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLMapElement extends HTMLElement { constructor(tagName: string = 'MAP', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLMetaElement.ts

@@ -1,11 +1,12 @@
 import { ElementBase } from './ElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLMetaElement`** class represents an HTML `<meta>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLMetaElement)
  */
-export class HTMLMetaElement extends ElementBase {
+export class HTMLMetaElement extends HTMLElement {
     constructor(tagName: string, ownerDocument?: any){
         super(tagName, ownerDocument);
     }

package/src/node/elements/HTMLMeterElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLMeterElement extends HTMLElementBase { constructor(tagName: string = 'METER', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLMeterElement extends HTMLElement { constructor(tagName: string = 'METER', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLModElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLModElement extends HTMLElementBase { constructor(tagName: string = 'DEL', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLModElement extends HTMLElement { constructor(tagName: string = 'DEL', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLOListElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLOListElement`** class represents an HTML `<ol>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLOListElement)
  */
-export class HTMLOListElement extends HTMLElementBase {
+export class HTMLOListElement extends HTMLElement {
     private _start: number = 1;
     private _type: string = '';
     private _reversed: boolean = false;

package/src/node/elements/HTMLObjectElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLObjectElement extends HTMLElementBase { constructor(tagName: string = 'OBJECT', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLObjectElement extends HTMLElement { constructor(tagName: string = 'OBJECT', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLOptGroupElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLOptGroupElement extends HTMLElementBase { constructor(tagName: string = 'OPTGROUP', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLOptGroupElement extends HTMLElement { constructor(tagName: string = 'OPTGROUP', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLOptionElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLOptionElement extends HTMLElementBase { constructor(tagName: string = 'OPTION', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLOptionElement extends HTMLElement { constructor(tagName: string = 'OPTION', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLOutputElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLOutputElement extends HTMLElementBase { constructor(tagName: string = 'OUTPUT', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLOutputElement extends HTMLElement { constructor(tagName: string = 'OUTPUT', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLPElement.ts

@@ -1,11 +1,12 @@
 import { HTMLElementBase } from './HTMLElementBase';
+import {HTMLElement} from "./HTMLElement";
 
 /**
  * The **`HTMLPElement`** class represents an HTML `<p>` element.
  * 
  * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLParagraphElement)
  */
-export class HTMLPElement extends HTMLElementBase  {
+export class HTMLPElement extends HTMLElement  {
     constructor(tagName: string, ownerDocument?: any) {
         super(tagName, ownerDocument);
     }

package/src/node/elements/HTMLParamElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLParamElement extends HTMLElementBase { constructor(tagName: string = 'PARAM', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLParamElement extends HTMLElement { constructor(tagName: string = 'PARAM', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLPictureElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLPictureElement extends HTMLElementBase { constructor(tagName: string = 'PICTURE', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLPictureElement extends HTMLElement { constructor(tagName: string = 'PICTURE', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLPreElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLPreElement extends HTMLElementBase { constructor(tagName: string = 'PRE', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLPreElement extends HTMLElement { constructor(tagName: string = 'PRE', ownerDocument?: any) { super(tagName, ownerDocument); } }

package/src/node/elements/HTMLProgressElement.ts

@@ -1,2 +1,3 @@
 import { HTMLElementBase } from './HTMLElementBase';
-export class HTMLProgressElement extends HTMLElementBase { constructor(tagName: string = 'PROGRESS', ownerDocument?: any) { super(tagName, ownerDocument); } }
+import {HTMLElement} from "./HTMLElement";
+export class HTMLProgressElement extends HTMLElement { constructor(tagName: string = 'PROGRESS', ownerDocument?: any) { super(tagName, ownerDocument); } }