Collapsible

# frozen_string_literal: true

module RubyUI
	class Collapsible < Base
		def initialize(open: false, **attrs)
			@open = open
			super(**attrs)
		end

		def view_template(&)
			div(**attrs, &)
		end

		private

		def default_attrs
			{
				data: {
					controller: "ruby-ui--collapsible",
					ruby_ui__collapsible_open_value: @open
				}
			}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class CollapsibleContent < Base
		def view_template(&)
			div(**attrs, &)
		end

		private

		def default_attrs
			{
				data: {ruby_ui__collapsible_target: "content"},
				class: "overflow-y-hidden"
			}
		end
	end
end

# frozen_string_literal: true

module RubyUI
	class CollapsibleTrigger < Base
		def view_template(&)
			div(**attrs, &)
		end

		private

		def default_attrs
			{
				data: {
					action: "click->ruby-ui--collapsible#toggle"
				}
			}
		end
	end
end

import { Controller } from "@hotwired/stimulus"

// Connects to data-controller="accordion"
export default class extends Controller {
  static targets = ['content']
  static values = {
    open: {
      type: Boolean,
      default: false,
    },
  }

  connect() {
    // Set the initial state of the accordion
    this.openValue ? this.open() : this.close()
  }

  // Toggle the 'open' value
  toggle() {
    this.openValue = !this.openValue
  }

  // Handle changes in the 'open' value
  openValueChanged(isOpen, wasOpen) {
    if (isOpen) {
      this.open()
    } else {
      this.close()
    }
  }

  // Open the accordion content
  open() {
    if (this.hasContentTarget) {
      this.contentTarget.classList.remove('hidden')
      this.openValue = true
    }
  }

  // Close the accordion content
  close() {
    if (this.hasContentTarget) {
      this.contentTarget.classList.add('hidden')
      this.openValue = false
    }
  }
}

rake stimulus:manifest:update