Adding the ability for the popover to auto dismiss

README.md

@@ -415,6 +415,8 @@ application.register('popover', Popover)
 
 `data-popover-translate-y="-128%"` defines the css transform-translate Y value used in positioning the popover. It can be anything from a percentage to rem units to pixels.
 
+`data-alert-dismiss-after-value` can be provided to make the popover dimiss after x miliseconds. Default is `undefined`.
+
 ### Autosave (Rails-only)
 
 Autosaving forms are really helpful for saving drafts of records. This

src/popover.js

@@ -21,6 +21,9 @@
 import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
+  static values = {
+    dismissAfter: Number
+  }
   static targets = ['content']
 
   // Sets the popover offset using Stimulus data map objects.
@@ -43,8 +46,14 @@ export default class extends Controller {
   toggle() {
     if (this.contentTarget.classList.contains('hidden')) {
       this.contentTarget.classList.remove('hidden')
+
+      if (this.hasDismissAfterValue) {
+        setTimeout(() => {
+          this.contentTarget.classList.add('hidden')
+        }, this.dismissAfterValue)
+      }
     } else {
       this.contentTarget.classList.add('hidden')
-    }    
+    }
   }
 }