Class: PhlexKit::CollapsibleTrigger

Inherits:

BaseComponent

• Object
• Phlex::HTML
• BaseComponent
• PhlexKit::CollapsibleTrigger

Defined in:

app/components/phlex_kit/collapsible/collapsible_trigger.rb

Overview

Toggle for a Collapsible. Renders a plain wrapper carrying the click action — it deliberately has no role of its own, so nest a real focusable control (a , e.g. PhlexKit::Button) inside it for keyboard operability and semantics, the same composition pattern as AttachmentTrigger. Pass open: matching the parent Collapsible's so aria-expanded is correct before JS. The wrapper carries the server-rendered aria-expanded only because the component can't reach into its block; on connect the controller relocates it (plus aria-controls) onto the nested focusable control — AT reads state from the focused element, not the wrapper — falling back to the wrapper when no control is nested.

Instance Method Summary

• #initialize(open: false, **attrs) ⇒ CollapsibleTrigger constructor

  A new instance of CollapsibleTrigger.

• #view_template ⇒ Object

Methods inherited from BaseComponent

#on

Constructor Details

#initialize(open: false, **attrs) ⇒ CollapsibleTrigger

Returns a new instance of CollapsibleTrigger.

# File 'app/components/phlex_kit/collapsible/collapsible_trigger.rb', line 13

def initialize(open: false, **attrs)
  @open = open
  @attrs = attrs
end

Instance Method Details

#view_template ⇒ Object

# File 'app/components/phlex_kit/collapsible/collapsible_trigger.rb', line 18

def view_template(&)
  div(**mix({
    class: "pk-collapsible-trigger",
    aria_expanded: @open ? "true" : "false",
    data: { phlex_kit__collapsible_target: "trigger", action: "click->phlex-kit--collapsible#toggle" }
  }, @attrs), &)
end