### 1.0.7

- **Bugfixes:**
  - use indexOf instead of lastIndexOf to apply on... events
- **Enhancements:**
  - Added Polyfill for 
eplaceWith
  - Added Polyfill for 
eplaceChildren
- **Code Quality:**
  - Fixed a typo

.babelrc

@@ -4,7 +4,11 @@
 			"@babel/preset-typescript"
 		],
     [
-			"@babel/preset-env"
+			"@babel/preset-env",
+			{
+				"loose": false,
+				"bugfixes": true
+			}
     ]
   ],
   "plugins": [

.browserslistrc

@@ -1,14 +1,15 @@
 # https://github.com/browserslist/browserslist#readme
 
-> 1%
-last 4 version
+>= 0.5%
+last 2 major versions
 not dead
 Chrome >= 60
 Firefox >= 60
 # needed since Legacy Edge still has usage; 79 was the first Chromium Edge version
 # should be removed in the future when its usage drops or when it's moved to dead browsers
 not Edge < 79
+Firefox ESR
 iOS >= 10
 Safari >= 10
-Android >= 6
-IE >= 9
+Android >= 56
+not Explorer <= 10

changelog.md

@@ -1,3 +1,12 @@
+### 1.0.7
+- **Bugfixes:**
+  - use `indexOf` instead of `lastIndexOf` to apply `on...` events
+- **Enhancements:**
+  - Added Polyfill for `replaceWith`
+  - Added Polyfill for `replaceChildren` 
+- **Code Quality:**
+  - Fixed a typo
+
 ### 1.0.6
 - **Bugfixes:**
   - `replacePage()` method did not add form element classes

core/index.ts

@@ -1,2 +1,4 @@
+require('./utils/polyfills');
+
 import WizerdForm from './wizerdForm';
 export default WizerdForm;

core/utils/DOMUtils.ts

@@ -40,7 +40,7 @@ export function renderElement(node: wizerdFormCreateElement): Node {
 
 	// Set Attributes
 	for (const [k, v] of ObjEntries(node.props)) {
-		if ( k.lastIndexOf('on', 0) === 0 ) { // exclude attributes that should trigger events
+		if ( k.indexOf('on', 0) === 0 ) { // exclude attributes that should trigger events
 			el.addEventListener(k.slice(2).toLowerCase(), v);
 		}	else if (el[k] !== 'undefined') {
 			el[k] = v;

core/utils/polyfills.ts

@@ -0,0 +1,27 @@
+/**
+ * ReplaceWith Polyfill
+ * @link https://news.ycombinator.com/item?id=17613100
+ */
+if (Element.prototype.replaceWith === undefined) {
+	Element.prototype.replaceWith = function(replacement: String | Node) {
+		if (typeof replacement === "string") {
+			replacement = this.ownerDocument.createTextNode(replacement);
+		}
+		this.parentNode.replaceChild(this, replacement);
+	}
+}
+
+/**
+ * replaceChildren Polyfill
+ * @link https://github.com/yuzhe-han/ParentNode-replaceChildren
+ */
+if((Node as any).prototype.replaceChildren === undefined) {
+	(Node as any).prototype.replaceChildren = function(addNodes: any) {
+		while(this.lastChild) {
+			this.removeChild(this.lastChild); 
+		}
+		if (addNodes !== undefined) {
+			this.append(addNodes);
+		}
+	}
+}

core/wizerdForm.ts

@@ -304,7 +304,7 @@ export default class WizerdForm {
 	}
 
 	/**
-	 * Add a new `WizerdFromPage` by string.
+	 * Add a new `WizerdFormPage` by string.
 	 * This method can be used to create pages from AJAX Calls or other
 	 * callbacks.
 	 *

dist/amd/wizerdForm.d.ts

@@ -131,7 +131,7 @@ export default class WizerdForm {
      */
     private prepareAddPage;
     /**
-     * Add a new `WizerdFromPage` by string.
+     * Add a new `WizerdFormPage` by string.
      * This method can be used to create pages from AJAX Calls or other
      * callbacks.
      *

dist/cjs/wizerdForm.d.ts

@@ -131,7 +131,7 @@ export default class WizerdForm {
      */
     private prepareAddPage;
     /**
-     * Add a new `WizerdFromPage` by string.
+     * Add a new `WizerdFormPage` by string.
      * This method can be used to create pages from AJAX Calls or other
      * callbacks.
      *