Add tooltip controller

app/javascript/controllers/tooltip_controller.js

@@ -0,0 +1,32 @@
+import { Controller } from "@hotwired/stimulus"
+import { orient } from "helpers/orientation_helpers"
+
+export default class extends Controller {
+  static targets = [ "tooltip" ]
+
+  connect() {
+    this.element.addEventListener("mouseenter", this.mouseEnter.bind(this))
+    this.element.addEventListener("mouseout", this.mouseOut.bind(this))
+  }
+
+  disconnect() {
+    this.element.removeEventListener("mouseenter", this.mouseEnter.bind(this))
+    this.element.removeEventListener("mouseout", this.mouseOut.bind(this))
+  }
+
+  mouseEnter(event) {
+    orient(this.#tooltipElement)
+  }
+
+  mouseOut(event) {
+    orient(this.#tooltipElement, false)
+  }
+
+  get #tooltipElement() {
+    return this.element.querySelector(".for-screen-reader")
+  }
+
+  get #tooltipText() {
+    return this.#tooltipElement.innerText
+  }
+}