Replace private method support with _ for now (#321)

Author: jonathanKingston

src/features/runtime-checks.js

@@ -53,14 +53,14 @@ class DDGRuntimeChecks extends HTMLElement {
         // Solves re-entrancy issues from React
         if (this.#connected) return
         this.#connected = true
-        if (!this.#transplantElement) {
+        if (!this._transplantElement) {
             // Restore the 'this' object with the DDGRuntimeChecks prototype as sometimes pages will overwrite it.
             Object.setPrototypeOf(this, DDGRuntimeChecks.prototype)
         }
-        this.#transplantElement()
+        this._transplantElement()
     }
 
-    #monitorProperties (el) {
+    _monitorProperties (el) {
         // Mutation oberver and observedAttributes don't work on property accessors
         // So instead we need to monitor all properties on the prototypes and forward them to the real element
         let propertyNames = []
@@ -93,7 +93,7 @@ class DDGRuntimeChecks extends HTMLElement {
      * The element has been moved to the DOM, so we can now reflect all changes to a real element.
      * This is to allow us to interrogate the real element before it is moved to the DOM.
      */
-    #transplantElement () {
+    _transplantElement () {
         // Creeate the real element
         const el = initialCreateElement.call(document, this.#tagName)
 
@@ -153,7 +153,7 @@ class DDGRuntimeChecks extends HTMLElement {
             this.insertAdjacentElement('afterend', el)
         } catch (e) { console.warn(e) }
 
-        this.#monitorProperties(el)
+        this._monitorProperties(el)
         // TODO pollyfill WeakRef
         this.#el = new WeakRef(el)
 
@@ -163,14 +163,14 @@ class DDGRuntimeChecks extends HTMLElement {
         }, elementRemovalTimeout)
     }
 
-    #getElement () {
+    _getElement () {
         return this.#el?.deref()
     }
 
     /* Native DOM element methods we're capturing to supplant values into the constructed node or store data for. */
 
     set src (value) {
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             el.src = value
             return
@@ -179,7 +179,7 @@ class DDGRuntimeChecks extends HTMLElement {
     }
 
     get src () {
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             return el.src
         }
@@ -196,7 +196,7 @@ class DDGRuntimeChecks extends HTMLElement {
         if (supportedSinks.includes(name)) {
             return this[name]
         }
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             return el.getAttribute(name)
         }
@@ -209,7 +209,7 @@ class DDGRuntimeChecks extends HTMLElement {
             this[name] = value
             return
         }
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             return el.setAttribute(name, value)
         }
@@ -222,7 +222,7 @@ class DDGRuntimeChecks extends HTMLElement {
             delete this[name]
             return
         }
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             return el.removeAttribute(name)
         }
@@ -231,7 +231,7 @@ class DDGRuntimeChecks extends HTMLElement {
 
     addEventListener (...args) {
         if (shouldFilterKey(this.#tagName, 'listener', args[0])) return
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             return el.addEventListener(...args)
         }
@@ -240,7 +240,7 @@ class DDGRuntimeChecks extends HTMLElement {
 
     removeEventListener (...args) {
         if (shouldFilterKey(this.#tagName, 'listener', args[0])) return
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             return el.removeEventListener(...args)
         }
@@ -263,15 +263,15 @@ class DDGRuntimeChecks extends HTMLElement {
     }
 
     remove () {
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             return el.remove()
         }
         return super.remove()
     }
 
     removeChild (child) {
-        const el = this.#getElement()
+        const el = this._getElement()
         if (el) {
             return el.removeChild(child)
         }