Merge branch 'main' into smooth-theme-change

app/javascript/controllers/assignment_limit_controller.js

@@ -0,0 +1,26 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static values = { limit: Number, count: Number }
+  static targets = ["unassigned", "limitMessage"]
+
+  connect() {
+    this.updateState()
+  }
+
+  countValueChanged() {
+    this.updateState()
+  }
+
+  updateState() {
+    const atLimit = this.countValue >= this.limitValue
+
+    this.unassignedTargets.forEach(el => {
+      el.hidden = atLimit
+    })
+
+    if (this.hasLimitMessageTarget) {
+      this.limitMessageTarget.hidden = !atLimit
+    }
+  }
+}

app/javascript/controllers/dialog_controller.js

@@ -5,11 +5,13 @@ export default class extends Controller {
   static targets = [ "dialog" ]
   static values = {
     modal: { type: Boolean, default: false },
-    sizing: { type: Boolean, default: true }
+    sizing: { type: Boolean, default: true },
+    autoOpen: { type: Boolean, default: false }
   }
 
   connect() {
     this.dialogTarget.setAttribute("aria-hidden", "true")
+    if (this.autoOpenValue) this.open()
   }
 
   open() {