"""
end
@doc type: :compound
attr(:ctx, :map, required: true)
attr(:value, :float, required: true)
attr(:disabled, :boolean, default: false)
attr(:rest, :global)
def angle_slider_marker(assigns) do
marker =
%Marker{
id: assigns.ctx.id,
value: assigns.value,
slider_value: assigns.ctx.value,
disabled: assigns.disabled,
dir: assigns.ctx.dir,
orientation: assigns.ctx.orientation
}
assigns = assign(assigns, :marker, marker)
~H"""
"""
end
@doc type: :compound
attr(:ctx, :map, required: true)
attr(:rest, :global)
def angle_slider_hidden_input(assigns) do
hidden_input =
%HiddenInput{
id: assigns.ctx.id,
name: assigns.ctx.name,
value: assigns.ctx.value,
disabled: assigns.ctx.disabled,
dir: assigns.ctx.dir,
orientation: assigns.ctx.orientation
}
assigns = assign(assigns, :hidden_input, hidden_input)
~H"""
"""
end
@doc type: :component
@doc """
Renders a loading skeleton for the angle slider. No hook; static `data-part` markup for styling.
"""
attr(:rest, :global)
def angle_slider_skeleton(assigns) do
~H"""
"""
end
api_doc(~S"""
Set the angle from a control (`phx-click`). `value` is degrees (number).
```heex
<.action phx-click={Corex.AngleSlider.set_value("my-angle-slider", 90.0)}>90°
<.angle_slider id="my-angle-slider" class="angle-slider" value={0.0} name="angle" />
```
```javascript
document.getElementById("my-angle-slider")?.dispatchEvent(
new CustomEvent("corex:angle-slider:set-value", {
bubbles: false,
detail: { value: 90 },
})
);
```
""")
def set_value(angle_slider_id, value) when is_binary(angle_slider_id) and is_number(value) do
JS.dispatch("corex:angle-slider:set-value",
to: "##{angle_slider_id}",
detail: %{value: value},
bubbles: false
)
end
api_doc(~S"""
Set the angle from `handle_event`. Accepts a number or a numeric string.
```heex
<.action phx-click="set_angle" phx-value-value="90">90°
<.angle_slider id="my-angle-slider" class="angle-slider" value={0.0} name="angle" />
```
```elixir
def handle_event("set_angle", %{"value" => v}, socket) do
{:noreply, Corex.AngleSlider.set_value(socket, "my-angle-slider", v)}
end
```
""")
def set_value(socket, angle_slider_id, value)
when is_struct(socket, Phoenix.LiveView.Socket) and is_binary(angle_slider_id) do
angle =
if is_binary(value) do
case Float.parse(value) do
{num, _} -> num
:error -> 0
end
else
value
end
LiveView.push_event(socket, "angle_slider_set_value", %{
id: angle_slider_id,
value: angle
})
end
@doc false
def value(angle_slider_id) when is_binary(angle_slider_id), do: value(angle_slider_id, [])
api_doc(~S"""
Read the current value from `phx-click`. Optional `respond_to:` `:server` (default), `:client`, or `:both`.
```heex
<.action phx-click={Corex.AngleSlider.value("my-angle-slider", respond_to: :both)}>Read
<.angle_slider id="my-angle-slider" class="angle-slider" value={45.0} name="angle" />
```
```javascript
document.getElementById("my-angle-slider")?.dispatchEvent(
new CustomEvent("corex:angle-slider:value", {
bubbles: false,
detail: { respond_to: "both" },
})
);
```
""")
def value(angle_slider_id, opts) when is_binary(angle_slider_id) and is_list(opts) do
JS.dispatch("corex:angle-slider:value",
to: "##{angle_slider_id}",
detail: respond_to_fields(opts),
bubbles: false
)
end
api_doc(~S"""
Read the value from `handle_event`. Same `respond_to` behavior as [`value/2`](#value/2).
```heex
<.action phx-click="read_angle">Read
<.angle_slider id="my-angle-slider" class="angle-slider" value={45.0} name="angle" />
```
```elixir
def handle_event("read_angle", _, socket) do
{:noreply, Corex.AngleSlider.value(socket, "my-angle-slider", respond_to: :server)}
end
```
""")
def value(socket, angle_slider_id, opts \\ [])
when is_struct(socket, Phoenix.LiveView.Socket) and is_binary(angle_slider_id) and
is_list(opts) do
LiveView.push_event(
socket,
"angle_slider_value",
Map.merge(%{id: angle_slider_id}, respond_to_fields(opts))
)
end
defp angle_value_to_float(value) when is_float(value), do: value
defp angle_value_to_float(value) when is_integer(value), do: value * 1.0
defp angle_value_to_float(value) when is_binary(value) do
case Float.parse(value) do
{num, _} -> num
:error -> 0.0
end
end
defp angle_value_to_float(_), do: 0.0
defp clamp_angle(value) when is_float(value), do: min(max(value, 0.0), 359.0)
defp clamp_angle(value) when is_integer(value), do: min(max(value * 1.0, 0.0), 359.0)
defp clamp_angle(_), do: 0.0
defp value_text_string(value, value_text_as) do
formatted = Connect.format_number(value)
case value_text_as do
"raw" -> formatted
"degree" -> formatted <> "deg"
end
end
end