@spec clear_value(String.t()) :: Phoenix.LiveView.JS.t()

Clear the value from phx-click. Dispatches corex:number-input:clear-value.

<.action phx-click={Corex.NumberInput.clear_value("my-num")}>Clear</.action>
<.number_input id="my-num" class="number-input">
  <:increment_trigger><span>+</span></:increment_trigger>
  <:decrement_trigger><span>-</span></:decrement_trigger>
</.number_input>

@spec clear_value(Phoenix.LiveView.Socket.t(), String.t()) ::
  Phoenix.LiveView.Socket.t()

Clear the value from handle_event (number_input_clear_value).

def handle_event("clear", _, socket) do
  {:noreply, Corex.NumberInput.clear_value(socket, "my-num")}
end

@spec decrement(String.t()) :: Phoenix.LiveView.JS.t()

Decrement from phx-click. Dispatches corex:number-input:decrement.

<.action phx-click={Corex.NumberInput.decrement("my-num")}>Decrement</.action>
<.number_input id="my-num" class="number-input">
  <:increment_trigger><span>+</span></:increment_trigger>
  <:decrement_trigger><span>-</span></:decrement_trigger>
</.number_input>

@spec decrement(Phoenix.LiveView.Socket.t(), String.t()) ::
  Phoenix.LiveView.Socket.t()

Decrement from handle_event (number_input_decrement).

def handle_event("dec", _, socket) do
  {:noreply, Corex.NumberInput.decrement(socket, "my-num")}
end

@spec focus(String.t()) :: Phoenix.LiveView.JS.t()

Focus the value field from phx-click. Dispatches corex:number-input:focus.

<.action phx-click={Corex.NumberInput.focus("my-num")}>Focus</.action>
<.number_input id="my-num" class="number-input">
  <:increment_trigger><span>+</span></:increment_trigger>
  <:decrement_trigger><span>-</span></:decrement_trigger>
</.number_input>

@spec focus(Phoenix.LiveView.Socket.t(), String.t()) :: Phoenix.LiveView.Socket.t()

Focus the value field from handle_event (number_input_focus).

def handle_event("focus", _, socket) do
  {:noreply, Corex.NumberInput.focus(socket, "my-num")}
end

@spec increment(String.t()) :: Phoenix.LiveView.JS.t()

Increment from phx-click. Dispatches corex:number-input:increment.

<.action phx-click={Corex.NumberInput.increment("my-num")}>Increment</.action>
<.number_input id="my-num" class="number-input">
  <:increment_trigger><span>+</span></:increment_trigger>
  <:decrement_trigger><span>-</span></:decrement_trigger>
</.number_input>

@spec increment(Phoenix.LiveView.Socket.t(), String.t()) ::
  Phoenix.LiveView.Socket.t()

Increment from handle_event (number_input_increment).

def handle_event("inc", _, socket) do
  {:noreply, Corex.NumberInput.increment(socket, "my-num")}
end

@spec set_to_max(String.t()) :: Phoenix.LiveView.JS.t()

Snap to maximum from phx-click. Dispatches corex:number-input:set-to-max.

<.action phx-click={Corex.NumberInput.set_to_max("my-num")}>Max</.action>
<.number_input id="my-num" max={100} class="number-input">
  <:increment_trigger><span>+</span></:increment_trigger>
  <:decrement_trigger><span>-</span></:decrement_trigger>
</.number_input>

@spec set_to_max(Phoenix.LiveView.Socket.t(), String.t()) ::
  Phoenix.LiveView.Socket.t()

Snap to maximum from handle_event (number_input_set_to_max).

def handle_event("max", _, socket) do
  {:noreply, Corex.NumberInput.set_to_max(socket, "my-num")}
end

@spec set_to_min(String.t()) :: Phoenix.LiveView.JS.t()

Snap to minimum from phx-click. Dispatches corex:number-input:set-to-min.

<.action phx-click={Corex.NumberInput.set_to_min("my-num")}>Min</.action>
<.number_input id="my-num" min={0} class="number-input">
  <:increment_trigger><span>+</span></:increment_trigger>
  <:decrement_trigger><span>-</span></:decrement_trigger>
</.number_input>

@spec set_to_min(Phoenix.LiveView.Socket.t(), String.t()) ::
  Phoenix.LiveView.Socket.t()

Snap to minimum from handle_event (number_input_set_to_min).

def handle_event("min", _, socket) do
  {:noreply, Corex.NumberInput.set_to_min(socket, "my-num")}
end

@spec set_value(String.t(), String.t()) :: Phoenix.LiveView.JS.t()

Replace the formatted value from phx-click. Dispatches corex:number-input:set-value with a numeric value.

<.action phx-click={Corex.NumberInput.set_value("my-num", 42)}>42</.action>
<.number_input id="my-num" value={40} step={1} class="number-input">
  <:increment_trigger><span>+</span></:increment_trigger>
  <:decrement_trigger><span>-</span></:decrement_trigger>
</.number_input>

document.getElementById("my-num")?.dispatchEvent(
  new CustomEvent("corex:number-input:set-value", {
    bubbles: false,
    detail: { value: 42 },
  })
);

@spec set_value(Phoenix.LiveView.Socket.t(), String.t(), String.t()) ::
  Phoenix.LiveView.Socket.t()

Replace the formatted value from handle_event (number_input_set_value).

def handle_event("set_answer", _, socket) do
  {:noreply, Corex.NumberInput.set_value(socket, "my-num", 7)}
end

@spec state(String.t()) :: Phoenix.LiveView.JS.t()

Same as state/2 with default respond_to:.

@spec state(
  String.t(),
  keyword()
) :: Phoenix.LiveView.JS.t()

Read machine state from phx-click. Dispatches corex:number-input:state. Optional respond_to: :server, :client, or :both.

<.action phx-click={Corex.NumberInput.state("my-num")}>Snapshot</.action>
<.number_input id="my-num" class="number-input">
  <:increment_trigger><span>+</span></:increment_trigger>
  <:decrement_trigger><span>-</span></:decrement_trigger>
</.number_input>

def handle_event("number_input_state_response", %{"id" => _, "valueAsNumber" => n}, socket) do
  {:noreply, assign(socket, :n, n)}
end

@spec state(Phoenix.LiveView.Socket.t(), String.t(), keyword()) ::
  Phoenix.LiveView.Socket.t()

Read machine state from handle_event (number_input_state). Same replies as state/2; server-only unless you also use state/2 for a DOM reply.

def handle_event("snapshot", _, socket) do
  {:noreply, Corex.NumberInput.state(socket, "my-num", respond_to: :server)}
end