checkbox.go

//go:build js && wasm

package ui

import "github.com/rfwlab/rfw/v2/dom"

// CheckboxNode builds a labelled checkbox input.
type CheckboxNode struct {
	root  dom.Element
	input dom.Element
}

// Checkbox creates a new checkbox with the given label.
func Checkbox(label string) *CheckboxNode {
	InjectCSS()
	doc := dom.Doc()
	root := doc.CreateElement("label")
	root.AddClass("rfw-ui-check")

	input := doc.CreateElement("input")
	input.SetAttr("type", "checkbox")
	input.AddClass("rfw-ui-check__input")
	root.AppendChild(input)

	if label != "" {
		caption := doc.CreateElement("span")
		caption.AddClass("rfw-ui-check__label")
		caption.SetText(label)
		root.AppendChild(caption)
	}

	return &CheckboxNode{root: root, input: input}
}

// Element returns the wrapper element.
func (c *CheckboxNode) Element() dom.Element { return c.root }

// Control returns the inner <input> element.
func (c *CheckboxNode) Control() dom.Element { return c.input }

// Checked sets the checked state.
func (c *CheckboxNode) Checked(checked bool) *CheckboxNode {
	c.input.Set("checked", checked)
	return c
}

// IsChecked reports the current checked state.
func (c *CheckboxNode) IsChecked() bool { return c.input.Checked() }

// Disabled toggles the disabled state of the checkbox.
func (c *CheckboxNode) Disabled(disabled bool) *CheckboxNode {
	if disabled {
		c.input.SetAttr("disabled", "")
	} else {
		c.input.Call("removeAttribute", "disabled")
	}
	return c
}

// OnChange invokes fn with the checked state whenever it changes.
func (c *CheckboxNode) OnChange(fn func(bool)) *CheckboxNode {
	if fn != nil {
		c.input.On("change", func(dom.Event) { fn(c.input.Checked()) })
	}
	return c
}