Add interactions for weather card editor (#24864)

src/panels/lovelace/editor/config-elements/hui-weather-forecast-card-editor.ts

@@ -1,3 +1,4 @@
+import { mdiGestureTap } from "@mdi/js";
 import { html, LitElement, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import memoizeOne from "memoize-one";
@@ -5,12 +6,13 @@ import {
   assert,
   assign,
   boolean,
+  number,
   object,
   optional,
   string,
-  number,
 } from "superstruct";
 import { fireEvent } from "../../../../common/dom/fire_event";
+import { supportsFeature } from "../../../../common/entity/supports-feature";
 import type { LocalizeFunc } from "../../../../common/translations/localize";
 import "../../../../components/ha-form/ha-form";
 import type { SchemaUnion } from "../../../../components/ha-form/types";
@@ -22,7 +24,6 @@ import type { WeatherForecastCardConfig } from "../../cards/types";
 import type { LovelaceCardEditor } from "../../types";
 import { actionConfigStruct } from "../structs/action-struct";
 import { baseLovelaceCardConfig } from "../structs/base-card-struct";
-import { supportsFeature } from "../../../../common/entity/supports-feature";
 
 const cardConfigStruct = assign(
   baseLovelaceCardConfig,
@@ -239,6 +240,37 @@ export class HuiWeatherForecastCardEditor
                 selector: { number: { min: 1, max: 12 } },
                 default: 5,
               },
+              {
+                name: "interactions",
+                type: "expandable",
+                flatten: true,
+                iconPath: mdiGestureTap,
+                schema: [
+                  {
+                    name: "tap_action",
+                    selector: {
+                      ui_action: {
+                        default_action: "more-info",
+                      },
+                    },
+                  },
+                  {
+                    name: "",
+                    type: "optional_actions",
+                    flatten: true,
+                    schema: (["hold_action", "double_tap_action"] as const).map(
+                      (action) => ({
+                        name: action,
+                        selector: {
+                          ui_action: {
+                            default_action: "none" as const,
+                          },
+                        },
+                      })
+                    ),
+                  },
+                ],
+              },
             ] as const)
           : []),
       ] as const