diff --git a/src/panels/config/automation/trigger/types/ha-automation-trigger-mqtt.ts b/src/panels/config/automation/trigger/types/ha-automation-trigger-mqtt.ts
index e3e997771f..95941c85b2 100644
--- a/src/panels/config/automation/trigger/types/ha-automation-trigger-mqtt.ts
+++ b/src/panels/config/automation/trigger/types/ha-automation-trigger-mqtt.ts
@@ -1,12 +1,15 @@
-import "@polymer/paper-input/paper-input";
import { html, LitElement } from "lit";
import { customElement, property } from "lit/decorators";
+import { fireEvent } from "../../../../../common/dom/fire_event";
+import type { HaFormSchema } from "../../../../../components/ha-form/types";
import { MqttTrigger } from "../../../../../data/automation";
import { HomeAssistant } from "../../../../../types";
-import {
- handleChangeEvent,
- TriggerElement,
-} from "../ha-automation-trigger-row";
+import type { TriggerElement } from "../ha-automation-trigger-row";
+
+const SCHEMA: HaFormSchema[] = [
+ { name: "topic", required: true, selector: { text: {} } },
+ { name: "payload", selector: { text: {} } },
+];
@customElement("ha-automation-trigger-mqtt")
export class HaMQTTTrigger extends LitElement implements TriggerElement {
@@ -19,30 +22,27 @@ export class HaMQTTTrigger extends LitElement implements TriggerElement {
}
protected render() {
- const { topic, payload } = this.trigger;
return html`
-
-
+ >
`;
}
private _valueChanged(ev: CustomEvent): void {
- handleChangeEvent(this, ev);
+ ev.stopPropagation();
+ const newTrigger = ev.detail.value;
+ fireEvent(this, "value-changed", { value: newTrigger });
}
+
+ private _computeLabelCallback = (schema: HaFormSchema): string =>
+ this.hass.localize(
+ `ui.panel.config.automation.editor.triggers.type.mqtt.${schema.name}`
+ );
}
declare global {