1{{!
2    This file is part of Moodle - http://moodle.org/
3
4    Moodle is free software: you can redistribute it and/or modify
5    it under the terms of the GNU General Public License as published by
6    the Free Software Foundation, either version 3 of the License, or
7    (at your option) any later version.
8
9    Moodle is distributed in the hope that it will be useful,
10    but WITHOUT ANY WARRANTY; without even the implied warranty of
11    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12    GNU General Public License for more details.
13
14    You should have received a copy of the GNU General Public License
15    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
16}}
17{{!
18    @template core/form_autocomplete_selection
19
20    Moodle template for the wrapper of currently selected items in an autocomplate form element.
21
22    Classes required for JS:
23    * none
24
25    Data attributes required for JS:
26    * none
27
28    Context variables required for this template:
29    * multiple True if this field allows multiple selections
30    * selectionId The dom id of the current selection list.
31    * items List of items with label and value fields (used by the partial).
32    * noSelectionString String to use when no items are selected (used by the partial).
33
34    Example context (json):
35    { "multiple": true, "selectionId": 1, "items": [
36        { "label": "Item label with <strong>tags</strong>", "value": "5" },
37        { "label": "Another item label with <strong>tags</strong>", "value": "4" }
38    ], "noSelectionString": "No selection" }
39}}
40<span class="sr-only" id="{{selectionId}}-label">{{#str}}selecteditems, form{{/str}}</span>
41<div{{!
42    }} class="form-autocomplete-selection w-100 {{#multiple}}form-autocomplete-multiple{{/multiple}}"{{!
43    }} id="{{selectionId}}"{{!
44    }} aria-labelledby="{{selectionId}}-label"{{!
45    }} role="listbox"{{!
46    }} aria-atomic="true"{{!
47    }} tabindex="0"{{!
48    }} {{#multiple}}aria-multiselectable="true"{{/multiple}}>
49    {{> core/form_autocomplete_selection_items }}
50</div>
51