Module: HotwireCombobox::Component::Markup::Dialog

Defined in:
app/presenters/hotwire_combobox/component/markup/dialog.rb

Instance Method Summary collapse

Instance Method Details

#dialog_attrs ⇒ Object 



6
7
8
9
10
 
# File 'app/presenters/hotwire_combobox/component/markup/dialog.rb', line 6

def dialog_attrs
  customize :dialog, base: {
    class: "hw-combobox__dialog", role: :dialog, data: {
    action: "keydown->hw-combobox#navigate", hw_combobox_target: "dialog" } }
end

#dialog_focus_trap_attrs ⇒ Object 



32
33
34
 
# File 'app/presenters/hotwire_combobox/component/markup/dialog.rb', line 32

def dialog_focus_trap_attrs
  { tabindex: "-1", data: { hw_combobox_target: "dialogFocusTrap" } }
end

#dialog_input_attrs ⇒ Object 



20
21
22
23
24
 
# File 'app/presenters/hotwire_combobox/component/markup/dialog.rb', line 20

def dialog_input_attrs
  customize :dialog_input, base: {
    id: dialog_input_id, role: :combobox, autofocus: "", type: input_type,
    class: "hw-combobox__dialog__input", data: dialog_input_data, aria: dialog_input_aria }
end

#dialog_label ⇒ Object 



12
13
14
 
# File 'app/presenters/hotwire_combobox/component/markup/dialog.rb', line 12

def dialog_label
  @dialog_label || label
end

#dialog_label_attrs ⇒ Object 



16
17
18
 
# File 'app/presenters/hotwire_combobox/component/markup/dialog.rb', line 16

def dialog_label_attrs
  customize :dialog_label, base: { class: "hw-combobox__dialog__label", for: dialog_input_id }
end

#dialog_listbox_attrs ⇒ Object 



26
27
28
29
30
 
# File 'app/presenters/hotwire_combobox/component/markup/dialog.rb', line 26

def dialog_listbox_attrs
  customize :dialog_listbox, base: {
    id: dialog_listbox_id, role: :listbox, class: "hw-combobox__dialog__listbox",
    data: { hw_combobox_target: "dialogListbox" }, aria: { multiselectable: multiselect? } }
end

#dialog_wrapper_attrs ⇒ Object 



2
3
4
 
# File 'app/presenters/hotwire_combobox/component/markup/dialog.rb', line 2

def dialog_wrapper_attrs
  customize :dialog_wrapper, base: { class: "hw-combobox__dialog__wrapper" }
end