<%
add_gem_component_stylesheet("option-select")
add_gem_component_stylesheet("input")
title_id = "option-select-title-#{title.parameterize}"
checkboxes_id = "checkboxes-#{SecureRandom.hex(4)}"
checkboxes_count_id = checkboxes_id + "-count"
show_filter ||= false
large ||= false
%>
<% if show_filter %>
<% filter_id ||= "input-#{SecureRandom.hex(4)}" %>
<% filter = capture do %>
<%= tag.label for: filter_id, class: "govuk-label govuk-visually-hidden" do %>
Filter <%= title %>
<% end %>
<%= tag.input name: "option-select-filter",
id: filter_id,
class: "gem-c-option-select__filter-input govuk-input",
type: "text",
aria: {
describedby: checkboxes_count_id,
controls: checkboxes_id
}
%>
<% end %>
<% filter_element = CGI::escapeHTML(filter) %>
<% end %>
<%
helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
helper.add_class("gem-c-option-select")
helper.add_data_attribute({ module: "option-select" })
helper.add_data_attribute({ "closed-on-load": true }) if local_assigns.include?(:closed_on_load) && closed_on_load
helper.add_data_attribute({ "closed-on-load-mobile": "true" }) if local_assigns.include?(:closed_on_load_mobile) && closed_on_load_mobile
helper.add_data_attribute({ "input-aria-controls": aria_controls_id }) if local_assigns.include?(:aria_controls_id)
helper.add_data_attribute({ "filter-element": filter_element }) if show_filter
helper.add_data_attribute({ "button-data-attributes": button_data_attributes }) if local_assigns.include?(:button_data_attributes)
options_container_classes = %w[gem-c-option-select__container js-options-container]
options_container_classes << "gem-c-option-select__container--large" if large
%>
<%= tag.div(**helper.all_attributes) do %>
<%= title %>
<%= content_tag(:div, role: "group", aria: { labelledby: title_id }, class: options_container_classes, id: options_container_id, tabindex: "-1") do %>
<% if show_filter %>
<% end %>
<%= render "govuk_publishing_components/components/checkboxes", {
name: "#{key}[]",
id: checkboxes_id,
heading: title,
small: true,
visually_hide_heading: true,
no_hint_text: true,
items: options
} %>
<% end %>
<% end %>