wilday_ui 0.4.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 02c0fb2e9d7f76dd88e920fa1f552022a53e09cf41f5934a184c750752bcc1f1
-  data.tar.gz: be810e3532a63743bbc6c44def8d285d7359f2b43d3e818a08b26f29f4c12c8a
+  metadata.gz: d2e04d403a797e815f3db93143464606d159b1335c9d0d24b2dd9c5d3d16e28f
+  data.tar.gz: d6b88c2bd7353202331f9e9442abc43472e74dade6a0d97605ad3ca3042bf17e
 SHA512:
-  metadata.gz: 6dc1bb71dfbb0626d11f5fb25de9d8fecd3f213953c3016a960d7bd7da8fd0705b9906e181b0d282efdfc7679bc04d1eabe7bd08f9fb9c79756df0f0919d0723
-  data.tar.gz: 2664658acf19f2ca4e1ec55f982b3f49b27117c780b663de19d7de94a073e4c6e847f09e0fc0b741d7ab3fc6ec1912d34560a0d7f70ce20e9b83c921a7630f5f
+  metadata.gz: 3828bf06a18e492ff4bc765ec0fbaad5afbec6558770c8708a1e6606c7ead1f56b5d3f41704a70704a7a2af4a00d43edbe1f8d9b2260fdbdd128a0b1ddae800c
+  data.tar.gz: 2982c22352e77f0c9ff7f2cc7b82e570edc6d153aff6ab01fc7e4b71039fa3e8bbd37e1703232115e9a350116106ac58da4455825a609cb415dec45d4d1bd49f

data/app/assets/builds/wilday_ui/index.js

@@ -2504,6 +2504,7 @@ var dropdown_controller_default = class extends Controller {
     const align = this.element.dataset.dropdownAlignValue;
     if (position) this.positionValue = position;
     if (align) this.alignValue = align;
+    this.updatePosition();
     if (this.triggerValue === "hover") {
       this.element.addEventListener("mouseenter", () => {
         console.log("Mouse enter - showing menu");
@@ -2523,6 +2524,7 @@ var dropdown_controller_default = class extends Controller {
   }
   handleHover(show) {
     if (show) {
+      this.updatePosition();
       this.menuTarget.classList.add("show");
       this.buttonTarget.classList.add("active");
       this.buttonTarget.setAttribute("aria-expanded", "true");
@@ -2537,8 +2539,13 @@ var dropdown_controller_default = class extends Controller {
     event.stopPropagation();
     if (this.isOpen) {
       this.menuTarget.classList.remove("show");
+      this.buttonTarget.classList.remove("active");
+      this.buttonTarget.setAttribute("aria-expanded", "false");
     } else {
+      this.updatePosition();
       this.menuTarget.classList.add("show");
+      this.buttonTarget.classList.add("active");
+      this.buttonTarget.setAttribute("aria-expanded", "true");
     }
   }
   show() {
@@ -2693,7 +2700,7 @@ var dropdown_controller_default = class extends Controller {
     );
   }
   updatePosition() {
-    const menuElement = this.element.querySelector(".w-button-dropdown-menu");
+    const menuElement = this.menuTarget;
     const position = this.hasPositionValue ? this.positionValue : "bottom";
     const align = this.hasAlignValue ? this.alignValue : "start";
     menuElement.setAttribute("data-position", position);