Try Install Learn Blog API Packages GitHub
Pages
mint-ui

Search
Basic information
Entities
Versions
Dependencies
mint-color 0.9.0 <= v < 1.0.0

Ui.ColorPanel

A control element to manipulate a color in the HSV space.

States

alphaString
:
Maybe(String)
=
Maybe::Nothing

State for the temporary alpha value.

hexString
:
Maybe(String)
=
Maybe::Nothing

State for the temporary hex value.

hueString
:
Maybe(String)
=
Maybe::Nothing

State for the temporary hue value.

saturationString
:
Maybe(String)
=
Maybe::Nothing

State for the temporary saturation value.

status
:
Ui.ColorPanel.Status
=
Ui.ColorPanel.Status::Idle

The state for storing the drag status.

valueString
:
Maybe(String)
=
Maybe::Nothing

State for the temporary value value.

Properties

embedded
:
Bool
=
false

Whether or not to embed the panel (remove border).

onChange
:
Function(Color, Promise(Void))
=
Promise.never1

The change event handler.

onEnd
:
Function(Promise(Void))
=
Promise.never

The end event handler.

size
:
Ui.Size
=
Ui.Size::Inherit

The size of the panel.

value
:
Color
=
Color::HEX("000000FF")

The value (color).

Functions

handleAlpha
(
raw
:
String
)
:
Promise(Void)

The change event handler for the alpha input.

handleAlphaPointerDown
(
event
:
Html.Event
)
:
Promise(Void)

The pointer down event handler on the alpha bar.

handleHex
(
raw
:
String
)
:
Promise(Void)

The change event handler for the hex input.

handleHue
(
raw
:
String
)
:
Promise(Void)

The change event handler for the hue input.

handleHuePointerDown
(
event
:
Html.Event
)
:
Promise(Void)

The pointer down event handler on the hue bar.

handleRectPointerDown
(
event
:
Html.Event
)
:
Promise(Void)

The pointer down event handler on the value-saturation square.

handleSaturation
(
raw
:
String
)
:
Promise(Void)

The change event handler for the saturation input.

handleValue
(
raw
:
String
)
:
Promise(Void)

The change event handler for the value input.

moves
(
event
:
Html.Event
)
:
Promise(Void)

The pointer move event handler.

render
:
Html

Renders the panel.

updateAlpha
:
Promise(Void)

The change event handler for the alpha input.

updateHex
:
Promise(Void)

The blur event handler for the hex input.

updateHue
:
Promise(Void)

The blur event handler for the hue input.

updateSaturation
:
Promise(Void)

The blur event handler for the saturation input.

updateValue
:
Promise(Void)

The blur event handler for the value input.

ups
(
event
:
Html.Event
)
:
Promise(Void)

The pointer up event handler.