{render_slot(@error, msg)}
{if Enum.empty?(@empty), do: @empty_text, else: render_slot(@empty)}
{group_id}
-
{entry.label}
{render_slot(@item, entry)}
{render_slot(@item_indicator)}
{entry.label}
{render_slot(@item, entry)}
{render_slot(@item_indicator)}
"""
end
defp item_attrs(id, entry, dir, orientation) do
base =
Connect.item(%Item{
id: id,
item: entry,
value: entry_value(entry),
dir: dir,
orientation: orientation,
to: Map.get(entry, :to),
redirect: Map.get(entry, :redirect),
new_tab: Map.get(entry, :new_tab, false)
})
if Map.get(entry, :disabled) do
base
|> Map.put("data-disabled", "")
|> Map.put("aria-disabled", "true")
else
base
end
end
defp item_attrs_template(id, entry, dir, orientation) do
base =
Connect.item_template(%Item{
id: id,
item: entry,
value: entry_value(entry),
dir: dir,
orientation: orientation,
to: Map.get(entry, :to),
redirect: Map.get(entry, :redirect),
new_tab: Map.get(entry, :new_tab, false)
})
if Map.get(entry, :disabled) do
base
|> Map.put("data-disabled", "")
|> Map.put("aria-disabled", "true")
else
base
end
end
defp get_value(field_value) do
case field_value do
nil -> []
[] -> []
value when is_list(value) -> Enum.map(value, &to_string/1)
value -> [to_string(value)]
end
end
defp normalize_value_to_ids(items, value_list) do
Enum.map(value_list, &resolve_value_id(items, &1))
end
defp resolve_value_id(items, val) do
by_value = Enum.find(items, &(to_string(&1.value) == val))
by_label = Enum.find(items, &(&1.label == val))
cond do
by_value != nil -> val
by_label != nil -> to_string(by_label.value)
true -> val
end
end
defp get_selected_label(items, value) do
case value do
[] ->
nil
_ ->
value
|> Enum.map(fn val ->
items
|> Enum.find(&(to_string(&1.value) == val))
end)
|> Enum.filter(& &1)
|> Enum.map(& &1.label)
|> case do
[] -> nil
labels -> Enum.join(labels, ", ")
end
end
end
defp value_for_hidden_input(value_list, _multiple) when value_list == [], do: ""
defp value_for_hidden_input(value_list, false), do: Elixir.List.first(value_list)
defp value_for_hidden_input(value_list, true), do: Enum.join(value_list, ",")
api_doc(~S"""
Set selected value(s) from a control (`phx-click`). Pass a list, comma-separated string, or single value (normalized like the component).
```heex
<.action phx-click={Corex.Combobox.set_value("my-combobox", "bel")}>Belgium
<.combobox
id="my-combobox"
class="combobox"
translation={%Corex.Combobox.Translation{placeholder: "Country", empty: "None"}}
items={Corex.List.new([
%{label: "Belgium", value: "bel"},
%{label: "Germany", value: "deu"}
])}
>
<:trigger><.heroicon name="hero-chevron-down" />
```
```javascript
document.getElementById("my-combobox")?.dispatchEvent(
new CustomEvent("corex:combobox:set-value", {
bubbles: false,
detail: { value: ["bel"] },
})
);
```
""")
def set_value(combobox_id, value) when is_binary(combobox_id) do
JS.dispatch("corex:combobox:set-value",
to: "##{combobox_id}",
detail: %{value: Corex.Helpers.normalize_string_list_value!(value)},
bubbles: false
)
end
api_doc(~S"""
Set selection from `handle_event`. Pushes `combobox_set_value`.
```heex
<.action phx-click="pick_bel" phx-value-value="bel">Belgium
<.combobox
id="my-combobox"
class="combobox"
translation={%Corex.Combobox.Translation{placeholder: "Country", empty: "None"}}
items={Corex.List.new([
%{label: "Belgium", value: "bel"},
%{label: "Germany", value: "deu"}
])}
>
<:trigger><.heroicon name="hero-chevron-down" />
```
```elixir
def handle_event("pick_bel", %{"value" => v}, socket) do
{:noreply, Corex.Combobox.set_value(socket, "my-combobox", v)}
end
```
""")
def set_value(socket, combobox_id, value)
when is_struct(socket, Phoenix.LiveView.Socket) and is_binary(combobox_id) do
LiveView.push_event(socket, "combobox_set_value", %{
id: combobox_id,
value: Corex.Helpers.normalize_string_list_value!(value)
})
end
end