Fix ha-form on edge (#4248)

src/auth/ha-auth-flow.ts

@@ -119,6 +119,7 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
             .error=${step.errors}
             .computeLabel=${this._computeLabelCallback(step)}
             .computeError=${this._computeErrorCallback(step)}
+            @value-changed=${this._stepDataChanged}
           ></ha-form>
         `;
       default:
@@ -223,6 +224,10 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
     }, 100);
   }
 
+  private _stepDataChanged(ev: CustomEvent) {
+    this._stepData = ev.detail.value;
+  }
+
   private _computeStepDescription(step: DataEntryFlowStepForm) {
     const resourceKey = `ui.panel.page-authorize.form.providers.${
       step.handler[0]

src/components/ha-form/ha-form-boolean.ts

@@ -43,14 +43,9 @@ export class HaFormBoolean extends LitElement implements HaFormElement {
   }
 
   private _valueChanged(ev: Event) {
-    fireEvent(
+    fireEvent(this, "value-changed", {
-      this,
+      value: (ev.target as PaperCheckboxElement).checked,
-      "value-changed",
+    });
-      {
-        value: (ev.target as PaperCheckboxElement).checked,
-      },
-      { bubbles: false }
-    );
   }
 
   static get styles(): CSSResult {

src/components/ha-form/ha-form-float.ts

@@ -51,14 +51,9 @@ export class HaFormFloat extends LitElement implements HaFormElement {
     if (this._value === value) {
       return;
     }
-    fireEvent(
+    fireEvent(this, "value-changed", {
-      this,
+      value,
-      "value-changed",
+    });
-      {
-        value,
-      },
-      { bubbles: false }
-    );
   }
 }
 

src/components/ha-form/ha-form-integer.ts

@@ -71,14 +71,9 @@ export class HaFormInteger extends LitElement implements HaFormElement {
     if (this._value === value) {
       return;
     }
-    fireEvent(
+    fireEvent(this, "value-changed", {
-      this,
+      value,
-      "value-changed",
+    });
-      {
-        value,
-      },
-      { bubbles: false }
-    );
   }
 }
 

src/components/ha-form/ha-form-positive_time_period_dict.ts

@@ -96,19 +96,14 @@ export class HaFormTimePeriod extends LitElement implements HaFormElement {
       value %= 60;
     }
 
-    fireEvent(
+    fireEvent(this, "value-changed", {
-      this,
+      value: {
-      "value-changed",
+        hours,
-      {
+        minutes,
-        value: {
+        seconds: this._seconds,
-          hours,
+        ...{ [unit]: value },
-          minutes,
-          seconds: this._seconds,
-          ...{ [unit]: value },
-        },
       },
-      { bubbles: false }
+    });
-    );
   }
 }
 

src/components/ha-form/ha-form-select.ts

@@ -60,14 +60,9 @@ export class HaFormSelect extends LitElement implements HaFormElement {
     if (!ev.detail.value) {
       return;
     }
-    fireEvent(
+    fireEvent(this, "value-changed", {
-      this,
+      value: ev.detail.value.itemValue,
-      "value-changed",
+    });
-      {
-        value: ev.detail.value.itemValue,
-      },
-      { bubbles: false }
-    );
   }
 }
 

src/components/ha-form/ha-form-string.ts

@@ -76,14 +76,9 @@ export class HaFormString extends LitElement implements HaFormElement {
     if (this.data === value) {
       return;
     }
-    fireEvent(
+    fireEvent(this, "value-changed", {
-      this,
+      value,
-      "value-changed",
+    });
-      {
-        value,
-      },
-      { bubbles: false }
-    );
   }
 
   private _stringType() {

src/components/ha-form/ha-form.ts

@@ -151,7 +151,7 @@ export class HaForm extends LitElement implements HaFormElement {
             </div>
           `
         : ""}
-      <div id="element" @value-changed=${this._valueChanged}></div>
+      <div id="element"></div>
     `;
   }