Module: UI::MenubarSubContentBehavior

Included in:
MenubarSubContent, MenubarSubContentComponent
Defined in:
app/behaviors/ui/menubar_sub_content_behavior.rb

Overview

MenubarSubContentBehavior

Shared behavior for MenubarSubContent component across ERB, ViewComponent, and Phlex implementations.

Instance Method Summary collapse

Instance Method Details

#menubar_sub_content_classes ⇒ Object

Returns combined CSS classes for the sub content



18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
# File 'app/behaviors/ui/menubar_sub_content_behavior.rb', line 18

def menubar_sub_content_classes
  classes_value = respond_to?(:classes, true) ? classes : @classes
  base_classes = [
    "bg-popover text-popover-foreground",
    "data-[state=open]:animate-in data-[state=closed]:animate-out",
    "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
    "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
    "data-[side=bottom]:slide-in-from-top-2",
    "data-[side=left]:slide-in-from-right-2",
    "data-[side=right]:slide-in-from-left-2",
    "data-[side=top]:slide-in-from-bottom-2",
    "z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
    "hidden absolute"
  ].join(" ")

  TailwindMerge::Merger.new.merge([
    base_classes,
    classes_value
  ].compact.join(" "))
end

#menubar_sub_content_data_attributes ⇒ Object

Returns data attributes for Stimulus target



40
41
42
43
44
45
46
47
48
 
# File 'app/behaviors/ui/menubar_sub_content_behavior.rb', line 40

def menubar_sub_content_data_attributes
  attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
  (attributes_value&.fetch(:data, {}) || {}).merge({
    action: "mouseenter->ui--menubar#cancelSubmenuClose",
    state: "closed",
    side: "right",
    align: "start"
  })
end

#menubar_sub_content_html_attributes ⇒ Object

Returns HTML attributes for the sub content container



8
9
10
11
12
13
14
15
 
# File 'app/behaviors/ui/menubar_sub_content_behavior.rb', line 8

def menubar_sub_content_html_attributes
  {
    class: menubar_sub_content_classes,
    data: menubar_sub_content_data_attributes,
    role: "menu",
    tabindex: "-1"
  }
end