package mujica import ( "fmt" "log/slog" "github.com/egoist/mygo/ui" "mujicaui/icons" "mujicaui/internal" "mujicaui/theme" ) // SplitButtonOptions configure a SplitButton. type SplitButtonOptions struct { // Variant is Primary (the zero value) or Secondary. Variant ButtonVariant Icon *ui.SVG // MenuLabel names the menu half; empty uses "More options". MenuLabel string Disabled bool } // SplitButton runs its main action from the left half and opens build's menu from the right; each half takes focus. func SplitButton(c *ui.Context, label string, opts SplitButtonOptions, build func(m *PopupMenu)) ChoiceResult { if label == "" || build == nil { panic("mujica: SplitButton needs a label and a menu") } if opts.Variant != Primary && opts.Variant != Secondary { panic(fmt.Sprintf("mujica: SplitButton Variant %d must be Primary or Secondary", opts.Variant)) } k := Tokens(c) d := Density(c) menuName := opts.MenuLabel if menuName == "" { menuName = msg(c, "split_button.more") } group := ui.Row(c).AlignItems(ui.Stretch).Disabled(opts.Disabled) disabled := group.IsDisabled() open := ui.Local(group, "split_button.open", func() bool { return false }) if disabled { *open = false } var clicked bool group.Children(func() { main := ui.ButtonBase(c).MinHeight(d.ControlHeight()).Padding(0, d.Unit()*4).Gap(d.Unit()*2). Radius(theme.ControlRadius, 0, 0, theme.ControlRadius) splitButtonLook(c, k, main, opts.Variant, false) main.Children(func() { if opts.Icon != nil { ui.Icon(c, opts.Icon).Size(16, 16) } ui.Text(c, label).SingleLine() }) clicked = main.Clicked() && !disabled if opts.Variant == Primary { ui.Box(c).Width(theme.BorderWidth).Background(k.OnAccent.Alpha(0.45)).Role(ui.RoleNone) } more := ui.ButtonBase(c).Role(ui.RoleMenuButton).Label(menuName).MinHeight(d.ControlHeight()).Width(theme.MinHitSize+d.Unit()). Radius(0, theme.ControlRadius, theme.ControlRadius, 0).Tooltip(menuName) splitButtonLook(c, k, more, opts.Variant, *open) if opts.Variant == Secondary { more.BorderWidth(theme.BorderWidth, theme.BorderWidth, theme.BorderWidth, 0) } more.Children(func() { ui.Icon(c, icons.Must("chevron-down")).Size(14, 14) }) if !disabled && (more.Clicked() || more.Shortcut(0, ui.KeyDown)) { *open = true slog.Debug("mujica: split_button open") } popupMenuOpen(c, group, open, build) }) if clicked { slog.Debug("mujica: split_button action", "label", label) } return ChoiceResult{group, clicked} } // splitButtonLook colors one half as a Button of variant v would be. func splitButtonLook(c *ui.Context, k theme.Tokens, b *ui.Element, v ButtonVariant, open bool) { internal.Ring(b, k.Focus, theme.ControlRadius) bg, fg, border := buttonColors(k, v, b.Hovered() && !b.IsDisabled(), b.Pressed() || open) b.Background(bg).TextColor(fg).Transition(colorFade) if border.A > 0 { b.Border(theme.BorderWidth, border) } }