Group add automation elements in dialog (#19086)

* Group add automation elements in dialog

* Add search

* clear filter on close

* Split out services

* group services by integration type

* Update add-automation-element-dialog.ts

* fix typing

* clear filter on back

* Update add-automation-element-dialog.ts

* Fix search

* scroll to top

* Add service descriptions

* fix clipboard

* Move play media, sort services

* use helpers

* move to data

* Move building blocks to a group

* fix search

* Update add-automation-element-dialog.ts

* Update en.json

* fix alignment of single line and multi line items

* use repeat instead of map

src/panels/config/automation/show-add-automation-element-dialog.ts

@@ -0,0 +1,22 @@
+import { fireEvent } from "../../../common/dom/fire_event";
+
+export const PASTE_VALUE = "__paste__";
+
+export interface AddAutomationElementDialogParams {
+  type: "trigger" | "condition" | "action";
+  add: (key: string) => void;
+  clipboardItem: string | undefined;
+  group?: string;
+}
+const loadDialog = () => import("./add-automation-element-dialog");
+
+export const showAddAutomationElementDialog = (
+  element: HTMLElement,
+  dialogParams: AddAutomationElementDialogParams
+): void => {
+  fireEvent(element, "show-dialog", {
+    dialogTag: "add-automation-element-dialog",
+    dialogImport: loadDialog,
+    dialogParams,
+  });
+};