rails_accordion 0.1.12.pre.beta → 0.2.0.pre.beta

data/app/components/accordion_component.rb

@@ -1,10 +1,11 @@
 # frozen_string_literal: true
 
 class AccordionComponent < ViewComponent::Base
+
   def initialize(**args)
     super
     @args = args.presence || {}
-    set_controller
+    set_data_params
   end
 
   def call
@@ -13,8 +14,10 @@ class AccordionComponent < ViewComponent::Base
 
   private
 
-  def set_controller
+  def set_data_params
     @args[:data] ||= {}
     @args[:data][:controller] = [@args[:data][:controller], "accordion"].compact.join(" ")
+    @args[:data][:multiple_open] = @args.delete(:multiple_open) || RailsAccordion.configuration.multiple_open
+    @args[:data][:default_state] = @args.delete(:default_state) || RailsAccordion.configuration.default_state
   end
 end

data/app/javascript/controllers/accordion_controller.js

@@ -3,6 +3,24 @@ import { Controller } from "@hotwired/stimulus";
 export default class extends Controller {
   connect() {
     this.initAccordion();
+
+    this.initDefaultState()
+  }
+
+  initDefaultState() {
+    const items = this.element.querySelectorAll('.accordion_item');
+
+    switch($(this.element).data('default-state')) {
+      case 'all_closed':
+        this.hideAll(items);
+        break;
+      case 'all_opened':
+        this.showAll(items);
+        break;
+      case 'first_opened':
+        this.hideAll(items)
+        this.open(items[0].querySelector('.accordion_content'))
+    }
   }
 
   initAccordion() {
@@ -16,7 +34,9 @@ export default class extends Controller {
         if (content.classList.contains('accordion_active')) {
           this.hide(content);
         } else {
-          this.hideAll(items);
+          if ($(this.element).data('multiple-open') != true) {
+            this.hideAll(items);
+          }
           this.open(content);
         }
       });
@@ -27,6 +47,10 @@ export default class extends Controller {
     items.forEach((item) => this.hide(item.querySelector('.accordion_content')));
   }
 
+  showAll(items) {
+    items.forEach((item) => this.open(item.querySelector('.accordion_content')));
+  }
+
   hide(item) {
     item.classList.remove("accordion_active")
     item.style.height = 0;

data/lib/generators/rails_accordion/templates/rails_accordion.tt

@@ -1,4 +1,5 @@
 RailsAccordion.configure do |config|
   config.default_state = :all_closed # :all_closed, :all_opened, :first_opened
   config.animation_duration = 300 # in ms
+  config.multiple_open = false
 end

data/lib/rails_accordion/configuration.rb

@@ -1,10 +1,11 @@
 module RailsAccordion
   class Configuration
-    attr_accessor :default_state, :animation_duration
+    attr_accessor :default_state, :animation_duration, :multiple_open
 
     def initialize
       @default_state = :closed
       @animation_duration = 300
+      @multiple_open = false
     end
   end
 

data/lib/rails_accordion/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsAccordion
-  VERSION = "0.1.12-beta"
+  VERSION = "0.2.0-beta"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_accordion
 version: !ruby/object:Gem::Version
-  version: 0.1.12.pre.beta
+  version: 0.2.0.pre.beta
 platform: ruby
 authors:
 - Ahmadshoh Nasrullozoda