digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
1,059 lines (934 loc) • 43.4 kB
HTML
<fieldset class="govuk-fieldset dm-option-tree" data-module="dm-option-tree" aria-describedby="input-example-hint" data-item-name-singular="option" data-item-name-plural="options" data-tier-restriction="2" data-independent-selection="false">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
Select the options you need
</legend>
<div id="input-example-hint" class="govuk-hint">
Selecting an option includes all its sub-options
</div>
<div class="dm-option-tree__summary">
<p class="dm-option-tree__summary-total govuk-body">
<strong class="dm-option-tree__summary-total-selected"></strong>
<span class="dm-option-tree__summary-total-selected-text"></span>
</p>
</div>
<div id="example-options-tree" class="dm-option-tree__options">
<details id="details-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
Option set 1
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-1-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-summary">
Option set 1 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-1-1-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-1-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-1-summary">
Option set 1 1 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-1-1" name="example" type="checkbox" value="1111">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-1">
Option set 1 1 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-1-1-2" name="example" type="checkbox" value="1112">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-1-2">
Option set 1 1 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-1-1-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-1-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-2-summary">
Option set 1 1 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-1-2" name="example" type="checkbox" value="1121">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-2">
Option set 1 1 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-1-2-2" name="example" type="checkbox" value="1122">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-2-2">
Option set 1 1 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-1-1-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-1-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-3-summary">
Option set 1 1 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-1-3" name="example" type="checkbox" value="1131">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-3">
Option set 1 1 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-1-3-2" name="example" type="checkbox" value="1132">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-1-3-2">
Option set 1 1 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-1-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-summary">
Option set 1 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-1-2-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-2-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-1-summary">
Option set 1 2 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-2-1" name="example" type="checkbox" value="1211">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-1">
Option set 1 2 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-2-1-2" name="example" type="checkbox" value="1212">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-1-2">
Option set 1 2 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-1-2-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-2-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-2-summary">
Option set 1 2 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-2-2" name="example" type="checkbox" value="1221">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-2">
Option set 1 2 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-2-2-2" name="example" type="checkbox" value="1222">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-2-2">
Option set 1 2 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-1-2-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-2-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-3-summary">
Option set 1 2 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-2-3" name="example" type="checkbox" value="1231">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-3">
Option set 1 2 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-2-3-2" name="example" type="checkbox" value="1232">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-2-3-2">
Option set 1 2 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-1-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-summary">
Option set 1 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-1-3-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-3-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-1-summary">
Option set 1 3 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-3-1" name="example" type="checkbox" value="1311">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-1">
Option set 1 3 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-3-1-2" name="example" type="checkbox" value="1312">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-1-2">
Option set 1 3 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-1-3-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-3-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-2-summary">
Option set 1 3 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-3-2" name="example" type="checkbox" value="1321">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-2">
Option set 1 3 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-3-2-2" name="example" type="checkbox" value="1322">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-2-2">
Option set 1 3 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-1-3-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-3-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-3-summary">
Option set 1 3 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-3-3" name="example" type="checkbox" value="1331">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-3">
Option set 1 3 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-3-3-2" name="example" type="checkbox" value="1332">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-3-3-2">
Option set 1 3 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-1-4" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-4-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-summary">
Option set 1 4
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-1-4-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-4-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-1-summary">
Option set 1 4 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-4-1" name="example" type="checkbox" value="1411">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-1">
Option set 1 4 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-4-1-2" name="example" type="checkbox" value="1412">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-1-2">
Option set 1 4 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-1-4-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-4-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-2-summary">
Option set 1 4 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-4-2" name="example" type="checkbox" value="1421">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-2">
Option set 1 4 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-4-2-2" name="example" type="checkbox" value="1422">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-2-2">
Option set 1 4 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-1-4-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-1-4-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-3-summary">
Option set 1 4 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-4-3" name="example" type="checkbox" value="1431">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-3">
Option set 1 4 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-1-4-3-2" name="example" type="checkbox" value="1432">
<label class="govuk-label govuk-checkboxes__label" for="input-example-1-4-3-2">
Option set 1 4 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
</div>
</details>
<details id="details-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
Option set 2
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-2-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-summary">
Option set 2 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-2-1-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-1-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-1-summary">
Option set 2 1 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-1-1" name="example" type="checkbox" value="2111">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-1">
Option set 2 1 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-1-1-2" name="example" type="checkbox" value="2112">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-1-2">
Option set 2 1 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-2-1-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-1-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-2-summary">
Option set 2 1 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-1-2" name="example" type="checkbox" value="2121">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-2">
Option set 2 1 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-1-2-2" name="example" type="checkbox" value="2122">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-2-2">
Option set 2 1 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-2-1-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-1-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-3-summary">
Option set 2 1 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-1-3" name="example" type="checkbox" value="2131">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-3">
Option set 2 1 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-1-3-2" name="example" type="checkbox" value="2132">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-1-3-2">
Option set 2 1 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-2-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-summary">
Option set 2 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-2-2-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-2-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-1-summary">
Option set 2 2 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-2-1" name="example" type="checkbox" value="2211">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-1">
Option set 2 2 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-2-1-2" name="example" type="checkbox" value="2212">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-1-2">
Option set 2 2 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-2-2-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-2-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-2-summary">
Option set 2 2 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-2-2" name="example" type="checkbox" value="2221">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-2">
Option set 2 2 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-2-2-2" name="example" type="checkbox" value="2222">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-2-2">
Option set 2 2 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-2-2-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-2-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-3-summary">
Option set 2 2 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-2-3" name="example" type="checkbox" value="2231">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-3">
Option set 2 2 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-2-3-2" name="example" type="checkbox" value="2232">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-2-3-2">
Option set 2 2 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-2-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-summary">
Option set 2 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-2-3-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-3-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-1-summary">
Option set 2 3 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-3-1" name="example" type="checkbox" value="2311">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-1">
Option set 2 3 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-3-1-2" name="example" type="checkbox" value="2312">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-1-2">
Option set 2 3 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-2-3-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-3-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-2-summary">
Option set 2 3 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-3-2" name="example" type="checkbox" value="2321">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-2">
Option set 2 3 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-3-2-2" name="example" type="checkbox" value="2322">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-2-2">
Option set 2 3 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-2-3-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-3-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-3-summary">
Option set 2 3 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-3-3" name="example" type="checkbox" value="2331">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-3">
Option set 2 3 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-3-3-2" name="example" type="checkbox" value="2332">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-3-3-2">
Option set 2 3 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-2-4" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-4-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-summary">
Option set 2 4
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<details id="details-2-4-1" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-4-1-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-1-summary">
Option set 2 4 1
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-4-1" name="example" type="checkbox" value="2411">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-1">
Option set 2 4 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-4-1-2" name="example" type="checkbox" value="2412">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-1-2">
Option set 2 4 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-2-4-2" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-4-2-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-2-summary">
Option set 2 4 2
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-4-2" name="example" type="checkbox" value="2421">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-2">
Option set 2 4 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-4-2-2" name="example" type="checkbox" value="2422">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-2-2">
Option set 2 4 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-2-4-3" class="dm-option-tree-details">
<summary class="dm-option-tree-details__summary dm-option-tree-details__summary-checkbox">
<div class="dm-option-tree-details__summary-text">
<div class="dm-option-tree-details__summary-text-label">
<div class="govuk-checkboxes__item govuk-checkboxes--small">
<input class="govuk-checkboxes__input" id="input-example-2-4-3-summary" type="checkbox">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-3-summary">
Option set 2 4 3
</label>
</div>
</div>
</div>
</summary>
<div class="dm-option-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-4-3" name="example" type="checkbox" value="2431">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-3">
Option set 2 4 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-2-4-3-2" name="example" type="checkbox" value="2432">
<label class="govuk-label govuk-checkboxes__label" for="input-example-2-4-3-2">
Option set 2 4 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
</div>
</details>
</div>
</fieldset>