@radioactive-labs/plutonium 0.1.2 → 0.1.4

package/src/js/controllers/register_controllers.js

@@ -16,6 +16,7 @@ import TableToolbarController from "./table_toolbar_controller.js"
 import TableController from "./table_controller.js"
 import FormController from "./form_controller.js"
 import ResourceDropDownController from "./resource_drop_down_controller.js"
+import ResourceCollapseController from "./resource_collapse_controller.js"
 import ResourceDismissController from "./resource_dismiss_controller.js"
 import FrameNavigatorController from "./frame_navigator_controller.js"
 import ColorModeController from "./color_mode_controller.js"
@@ -39,6 +40,7 @@ export default function (application) {
   application.register("table", TableController)
   application.register("form", FormController)
   application.register("resource-drop-down", ResourceDropDownController)
+  application.register("resource-collapse", ResourceCollapseController)
   application.register("resource-dismiss", ResourceDismissController)
   application.register("frame-navigator", FrameNavigatorController)
   application.register("color-mode", ColorModeController)

package/src/js/controllers/resource_collapse_controller.js

@@ -0,0 +1,30 @@
+import { Controller } from "@hotwired/stimulus"
+import { Collapse } from 'flowbite';
+
+
+// Connects to data-controller="resource-collapse"
+export default class extends Controller {
+  static targets = ["trigger", "menu"]
+
+  connect() {
+    console.log(`resource-collapse connected: ${this.element}`)
+
+    this.collapse = new Collapse(this.menuTarget, this.triggerTarget);
+  }
+
+  disconnect() {
+    this.collapse = null
+  }
+
+  toggle() {
+    this.collapse.toggle()
+  }
+
+  show() {
+    this.collapse.show()
+  }
+
+  hide() {
+    this.collapse.hide()
+  }
+}

package/src/js/controllers/resource_drop_down_controller.js

@@ -26,6 +26,6 @@ export default class extends Controller {
   }
 
   hide() {
-    this.dropdown.show()
+    this.dropdown.hide()
   }
 }