rails_accordion 0.1.11.pre.beta → 0.1.12.pre.beta

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 284d8cf2918779c43bc9ad68ee5d7e34d0a6b88b518f1477afd8b1d8311f2b81
-  data.tar.gz: c00f66ee4f7017135e24604d363bb9bfa02f3173d2f0bd7cc6eac60327b0afe2
+  metadata.gz: c244471d0787356eefa06399b40b2b04976031b8f8cf2e9f3f4963e4d21d9d33
+  data.tar.gz: ec849e00e61d79708ac48f7e4a9ab542a1db6f0cca8a1758080ffc67bf914ec9
 SHA512:
-  metadata.gz: c0a1cbbc177318dbfbfcfdc8e196c02a49467288406c5ba9a38e338b0dffd33fa1e98a0c75235a997df031818779b65a8d811979e1f07335f0f4f63266651ef3
-  data.tar.gz: 216f76b79299ac8e6f5a899db55420cbee4743f1fdafa7872ccacd6ae762d85080978a48b8cdc030c0e7a0ddccc4360545f5d8438ed86fab73afef6498d2c49a
+  metadata.gz: 509645eec227f7f356a587a5548a2f699bbae8529fc318d6a973503eadb2f67beb826f65404747d977e1fa354c00052f338f57b0e691875fd0c72ba5f0c57d4b
+  data.tar.gz: c50a9e77ba5d477464f3976e39e2fde7e4a8d6dfddcd79f3ef0b7599da80561740e3f6ae41429734c9dd3a4d2be572bbd2ddee3a6e07bfcbe20e11d181169149

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    rails_accordion (0.1.11.pre.beta)
+    rails_accordion (0.1.12.pre.beta)
       stimulus-rails (~> 1.2)
       view_component (~> 2.52)
       zeitwerk (~> 2.6)

data/README.md

@@ -5,13 +5,17 @@ rails_accordion is a Ruby gem that provides an easy-to-use accordion component f
 ## Installation
 
 ```rb
-gem 'rails_accordion', '~> 0.1.10.pre.beta'
+gem 'rails_accordion', '~> 0.1.12.pre.beta'
 ```
 
 ```shell
 bundle install
 ```
 
+```shell
+rails generate rails_accordion:install
+```
+
 In config/importmap.rb, add:
 
 ```rb
@@ -23,6 +27,11 @@ And in app/javascript/application.js, add:
 import 'rails_accordion'
 ```
 
+in application.scss, add:
+```scss
+@import 'rails_accordion'
+```
+
 ## Usage
 
 ```erb

data/app/assets/builds/rails_accordion.css

@@ -518,10 +518,14 @@ video {
   width: 100%;
   overflow: hidden;
   transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .accordion_toggle {
   cursor: pointer;
 }
+
+.accordion_content-container {
+  height: max-content;
+}

data/app/assets/builds/rails_accordion.js

@@ -19672,30 +19672,26 @@
       const items = this.element.querySelectorAll(".accordion_item");
       items.forEach((item) => {
         const toggle = item.querySelector(".accordion_toggle");
+        const content = item.querySelector(".accordion_content");
         toggle.addEventListener("click", (e) => {
-          if (item.classList.contains("active")) {
-            this.hide(item);
+          if (content.classList.contains("accordion_active")) {
+            this.hide(content);
           } else {
-            this.hideAll(items);
-            this.open(item);
+            this.open(content);
           }
         });
       });
     }
     hideAll(items) {
-      items.forEach((item) => this.hide(item));
+      items.forEach((item) => this.hide(item.querySelector(".accordion_content")));
     }
     hide(item) {
-      item.classList.remove("active");
-      const content = item.querySelector(".accordion_content");
-      content.style.height = "0px";
+      item.classList.remove("accordion_active");
+      item.style.height = 0;
     }
     open(item) {
-      item.classList.add("active");
-      const content = item.querySelector(".accordion_content");
-      content.style.height = "auto";
-      const contentHeight = content.style.height;
-      content.animate({ height: contentHeight + "px" }, 50);
+      item.classList.add("accordion_active");
+      item.style.height = item.scrollHeight + "px";
     }
   };