digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
1,120 lines (948 loc) • 41 kB
HTML
<div class="govuk-form-group">
<fieldset class="govuk-fieldset dm-checkbox-tree" data-module="dm-question-checkbox-tree" aria-describedby="" data-item-name-singular="category" data-item-name-plural="categories" data-tier-restriction="2">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
Here is the service question
</legend>
<div class="govuk-grid-row">
<div class="dm-checkbox-tree__summary govuk-grid-column-one-third">
<p class="govuk-body">
You can choose up to 10 categories.
</p>
<p class="dm-checkbox-tree__summary-total govuk-body">
<strong class="dm-checkbox-tree__summary-total-selected"></strong>
<span class="dm-checkbox-tree__summary-total-selected-text"></span>
</p>
</div>
<div class="dm-checkbox-tree__options govuk-grid-column-two-thirds">
<details id="details-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-1-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-1-1-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 1 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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" checked>
<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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 1 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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" checked>
<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" checked>
<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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 1 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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" checked>
<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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-1-2-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 2 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 2 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 2 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-1-3-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 3 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 3 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 3 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 4
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-1-4-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 4 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 4 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 4 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-2-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-2-1-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 1 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 1 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 1 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-2-2-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 2 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 2 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 2 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-2-3-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 3 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 3 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 3 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 4
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-2-4-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 4 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 4 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 4 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-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>
</div>
</fieldset>
</div>