katalyst-govuk-formbuilder 1.8.0 → 1.9.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/builds/katalyst/govuk/formbuilder.css +1 -1
- data/app/assets/builds/katalyst/govuk/formbuilder.js +341 -92
- data/app/assets/builds/katalyst/govuk/formbuilder.min.js +18 -12
- data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/_all.scss +1 -0
- data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/header/_index.scss +1 -1
- data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/password-input/_index.scss +55 -0
- data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/password-input/_password-input.scss +4 -0
- data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss +1 -1
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1410f1442239fc641fda6da3021a483bca381b9057d18bfe10b6ec35684944fd
|
|
4
|
+
data.tar.gz: 9c0b30c979e992dc9438ef0e3abbf033569059843545245970cd05b80a66425d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a8cbc04a855e37fe7f1e4f8d665dc8337eaa1e69d614b913c0c64b1f0c0454535ebb43e5ecc6d4bb140daca4486a4bb4d96bf51cedf05af103c16bc8a15f5811
|
|
7
|
+
data.tar.gz: 4ba3bc8e477227905bac144c46ec69cac954cacf882834046990eb40fc626ba23f99cc8fcbbe0158450b30639c82ce905ce019e6d754c87cd3ffc5cdda90fed1
|
|
@@ -1,41 +1,68 @@
|
|
|
1
|
+
function normaliseString(value, property) {
|
|
2
|
+
const trimmedValue = value ? value.trim() : '';
|
|
3
|
+
let output;
|
|
4
|
+
let outputType = property == null ? void 0 : property.type;
|
|
5
|
+
if (!outputType) {
|
|
6
|
+
if (['true', 'false'].includes(trimmedValue)) {
|
|
7
|
+
outputType = 'boolean';
|
|
8
|
+
}
|
|
9
|
+
if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
|
|
10
|
+
outputType = 'number';
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
switch (outputType) {
|
|
14
|
+
case 'boolean':
|
|
15
|
+
output = trimmedValue === 'true';
|
|
16
|
+
break;
|
|
17
|
+
case 'number':
|
|
18
|
+
output = Number(trimmedValue);
|
|
19
|
+
break;
|
|
20
|
+
default:
|
|
21
|
+
output = value;
|
|
22
|
+
}
|
|
23
|
+
return output;
|
|
24
|
+
}
|
|
25
|
+
|
|
1
26
|
function mergeConfigs(...configObjects) {
|
|
2
|
-
function flattenObject(configObject) {
|
|
3
|
-
const flattenedObject = {};
|
|
4
|
-
function flattenLoop(obj, prefix) {
|
|
5
|
-
for (const [key, value] of Object.entries(obj)) {
|
|
6
|
-
const prefixedKey = prefix ? `${prefix}.${key}` : key;
|
|
7
|
-
if (value && typeof value === 'object') {
|
|
8
|
-
flattenLoop(value, prefixedKey);
|
|
9
|
-
} else {
|
|
10
|
-
flattenedObject[prefixedKey] = value;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
flattenLoop(configObject);
|
|
15
|
-
return flattenedObject;
|
|
16
|
-
}
|
|
17
27
|
const formattedConfigObject = {};
|
|
18
28
|
for (const configObject of configObjects) {
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
29
|
+
for (const key of Object.keys(configObject)) {
|
|
30
|
+
const option = formattedConfigObject[key];
|
|
31
|
+
const override = configObject[key];
|
|
32
|
+
if (isObject(option) && isObject(override)) {
|
|
33
|
+
formattedConfigObject[key] = mergeConfigs(option, override);
|
|
34
|
+
} else {
|
|
35
|
+
formattedConfigObject[key] = override;
|
|
36
|
+
}
|
|
22
37
|
}
|
|
23
38
|
}
|
|
24
39
|
return formattedConfigObject;
|
|
25
40
|
}
|
|
26
|
-
function extractConfigByNamespace(
|
|
27
|
-
const
|
|
28
|
-
|
|
41
|
+
function extractConfigByNamespace(Component, dataset, namespace) {
|
|
42
|
+
const property = Component.schema.properties[namespace];
|
|
43
|
+
if ((property == null ? void 0 : property.type) !== 'object') {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
const newObject = {
|
|
47
|
+
[namespace]: ({})
|
|
48
|
+
};
|
|
49
|
+
for (const [key, value] of Object.entries(dataset)) {
|
|
50
|
+
let current = newObject;
|
|
29
51
|
const keyParts = key.split('.');
|
|
30
|
-
|
|
31
|
-
if (
|
|
32
|
-
keyParts.
|
|
52
|
+
for (const [index, name] of keyParts.entries()) {
|
|
53
|
+
if (typeof current === 'object') {
|
|
54
|
+
if (index < keyParts.length - 1) {
|
|
55
|
+
if (!isObject(current[name])) {
|
|
56
|
+
current[name] = {};
|
|
57
|
+
}
|
|
58
|
+
current = current[name];
|
|
59
|
+
} else if (key !== namespace) {
|
|
60
|
+
current[name] = normaliseString(value);
|
|
61
|
+
}
|
|
33
62
|
}
|
|
34
|
-
const newKey = keyParts.join('.');
|
|
35
|
-
newObject[newKey] = value;
|
|
36
63
|
}
|
|
37
64
|
}
|
|
38
|
-
return newObject;
|
|
65
|
+
return newObject[namespace];
|
|
39
66
|
}
|
|
40
67
|
function getFragmentFromUrl(url) {
|
|
41
68
|
if (!url.includes('#')) {
|
|
@@ -85,41 +112,38 @@ function validateConfig(schema, config) {
|
|
|
85
112
|
const validationErrors = [];
|
|
86
113
|
for (const [name, conditions] of Object.entries(schema)) {
|
|
87
114
|
const errors = [];
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
115
|
+
if (Array.isArray(conditions)) {
|
|
116
|
+
for (const {
|
|
117
|
+
required,
|
|
118
|
+
errorMessage
|
|
119
|
+
} of conditions) {
|
|
120
|
+
if (!required.every(key => !!config[key])) {
|
|
121
|
+
errors.push(errorMessage);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
|
|
125
|
+
validationErrors.push(...errors);
|
|
94
126
|
}
|
|
95
|
-
}
|
|
96
|
-
if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
|
|
97
|
-
validationErrors.push(...errors);
|
|
98
127
|
}
|
|
99
128
|
}
|
|
100
129
|
return validationErrors;
|
|
101
130
|
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
if (typeof value !== 'string') {
|
|
105
|
-
return value;
|
|
106
|
-
}
|
|
107
|
-
const trimmedValue = value.trim();
|
|
108
|
-
if (trimmedValue === 'true') {
|
|
109
|
-
return true;
|
|
110
|
-
}
|
|
111
|
-
if (trimmedValue === 'false') {
|
|
112
|
-
return false;
|
|
113
|
-
}
|
|
114
|
-
if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
|
|
115
|
-
return Number(trimmedValue);
|
|
116
|
-
}
|
|
117
|
-
return value;
|
|
131
|
+
function isArray(option) {
|
|
132
|
+
return Array.isArray(option);
|
|
118
133
|
}
|
|
119
|
-
function
|
|
134
|
+
function isObject(option) {
|
|
135
|
+
return !!option && typeof option === 'object' && !isArray(option);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
function normaliseDataset(Component, dataset) {
|
|
120
139
|
const out = {};
|
|
121
|
-
for (const [
|
|
122
|
-
|
|
140
|
+
for (const [field, property] of Object.entries(Component.schema.properties)) {
|
|
141
|
+
if (field in dataset) {
|
|
142
|
+
out[field] = normaliseString(dataset[field], property);
|
|
143
|
+
}
|
|
144
|
+
if ((property == null ? void 0 : property.type) === 'object') {
|
|
145
|
+
out[field] = extractConfigByNamespace(Component, dataset, field);
|
|
146
|
+
}
|
|
123
147
|
}
|
|
124
148
|
return out;
|
|
125
149
|
}
|
|
@@ -189,18 +213,21 @@ class I18n {
|
|
|
189
213
|
if (!lookupKey) {
|
|
190
214
|
throw new Error('i18n: lookup key missing');
|
|
191
215
|
}
|
|
192
|
-
|
|
193
|
-
|
|
216
|
+
let translation = this.translations[lookupKey];
|
|
217
|
+
if (typeof (options == null ? void 0 : options.count) === 'number' && typeof translation === 'object') {
|
|
218
|
+
const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
|
|
219
|
+
if (translationPluralForm) {
|
|
220
|
+
translation = translationPluralForm;
|
|
221
|
+
}
|
|
194
222
|
}
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
if (translationString.match(/%{(.\S+)}/)) {
|
|
223
|
+
if (typeof translation === 'string') {
|
|
224
|
+
if (translation.match(/%{(.\S+)}/)) {
|
|
198
225
|
if (!options) {
|
|
199
226
|
throw new Error('i18n: cannot replace placeholders in string if no option data provided');
|
|
200
227
|
}
|
|
201
|
-
return this.replacePlaceholders(
|
|
228
|
+
return this.replacePlaceholders(translation, options);
|
|
202
229
|
}
|
|
203
|
-
return
|
|
230
|
+
return translation;
|
|
204
231
|
}
|
|
205
232
|
return lookupKey;
|
|
206
233
|
}
|
|
@@ -228,12 +255,15 @@ class I18n {
|
|
|
228
255
|
if (!isFinite(count)) {
|
|
229
256
|
return 'other';
|
|
230
257
|
}
|
|
258
|
+
const translation = this.translations[lookupKey];
|
|
231
259
|
const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : this.selectPluralFormUsingFallbackRules(count);
|
|
232
|
-
if (
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
260
|
+
if (typeof translation === 'object') {
|
|
261
|
+
if (preferredForm in translation) {
|
|
262
|
+
return preferredForm;
|
|
263
|
+
} else if ('other' in translation) {
|
|
264
|
+
console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
|
|
265
|
+
return 'other';
|
|
266
|
+
}
|
|
237
267
|
}
|
|
238
268
|
throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
|
|
239
269
|
}
|
|
@@ -420,8 +450,8 @@ class Accordion extends GOVUKFrontendComponent {
|
|
|
420
450
|
});
|
|
421
451
|
}
|
|
422
452
|
this.$module = $module;
|
|
423
|
-
this.config = mergeConfigs(Accordion.defaults, config, normaliseDataset($module.dataset));
|
|
424
|
-
this.i18n = new I18n(
|
|
453
|
+
this.config = mergeConfigs(Accordion.defaults, config, normaliseDataset(Accordion, $module.dataset));
|
|
454
|
+
this.i18n = new I18n(this.config.i18n);
|
|
425
455
|
const $sections = this.$module.querySelectorAll(`.${this.sectionClass}`);
|
|
426
456
|
if (!$sections.length) {
|
|
427
457
|
throw new ElementError({
|
|
@@ -657,6 +687,16 @@ Accordion.defaults = Object.freeze({
|
|
|
657
687
|
},
|
|
658
688
|
rememberExpanded: true
|
|
659
689
|
});
|
|
690
|
+
Accordion.schema = Object.freeze({
|
|
691
|
+
properties: {
|
|
692
|
+
i18n: {
|
|
693
|
+
type: 'object'
|
|
694
|
+
},
|
|
695
|
+
rememberExpanded: {
|
|
696
|
+
type: 'boolean'
|
|
697
|
+
}
|
|
698
|
+
}
|
|
699
|
+
});
|
|
660
700
|
const helper = {
|
|
661
701
|
/**
|
|
662
702
|
* Check for `window.sessionStorage`, and that it actually works.
|
|
@@ -677,7 +717,6 @@ const helper = {
|
|
|
677
717
|
}
|
|
678
718
|
};
|
|
679
719
|
|
|
680
|
-
const KEY_SPACE = 32;
|
|
681
720
|
const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
|
|
682
721
|
|
|
683
722
|
/**
|
|
@@ -703,13 +742,13 @@ class Button extends GOVUKFrontendComponent {
|
|
|
703
742
|
});
|
|
704
743
|
}
|
|
705
744
|
this.$module = $module;
|
|
706
|
-
this.config = mergeConfigs(Button.defaults, config, normaliseDataset($module.dataset));
|
|
745
|
+
this.config = mergeConfigs(Button.defaults, config, normaliseDataset(Button, $module.dataset));
|
|
707
746
|
this.$module.addEventListener('keydown', event => this.handleKeyDown(event));
|
|
708
747
|
this.$module.addEventListener('click', event => this.debounce(event));
|
|
709
748
|
}
|
|
710
749
|
handleKeyDown(event) {
|
|
711
750
|
const $target = event.target;
|
|
712
|
-
if (event.
|
|
751
|
+
if (event.key !== ' ') {
|
|
713
752
|
return;
|
|
714
753
|
}
|
|
715
754
|
if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
|
|
@@ -738,10 +777,21 @@ class Button extends GOVUKFrontendComponent {
|
|
|
738
777
|
* @property {boolean} [preventDoubleClick=false] - Prevent accidental double
|
|
739
778
|
* clicks on submit buttons from submitting forms multiple times.
|
|
740
779
|
*/
|
|
780
|
+
|
|
781
|
+
/**
|
|
782
|
+
* @typedef {import('../../common/index.mjs').Schema} Schema
|
|
783
|
+
*/
|
|
741
784
|
Button.moduleName = 'govuk-button';
|
|
742
785
|
Button.defaults = Object.freeze({
|
|
743
786
|
preventDoubleClick: false
|
|
744
787
|
});
|
|
788
|
+
Button.schema = Object.freeze({
|
|
789
|
+
properties: {
|
|
790
|
+
preventDoubleClick: {
|
|
791
|
+
type: 'boolean'
|
|
792
|
+
}
|
|
793
|
+
}
|
|
794
|
+
});
|
|
745
795
|
|
|
746
796
|
function closestAttributeValue($element, attributeName) {
|
|
747
797
|
const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
|
|
@@ -794,7 +844,7 @@ class CharacterCount extends GOVUKFrontendComponent {
|
|
|
794
844
|
identifier: 'Form field (`.govuk-js-character-count`)'
|
|
795
845
|
});
|
|
796
846
|
}
|
|
797
|
-
const datasetConfig = normaliseDataset($module.dataset);
|
|
847
|
+
const datasetConfig = normaliseDataset(CharacterCount, $module.dataset);
|
|
798
848
|
let configOverrides = {};
|
|
799
849
|
if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
|
|
800
850
|
configOverrides = {
|
|
@@ -807,7 +857,7 @@ class CharacterCount extends GOVUKFrontendComponent {
|
|
|
807
857
|
if (errors[0]) {
|
|
808
858
|
throw new ConfigError(`Character count: ${errors[0]}`);
|
|
809
859
|
}
|
|
810
|
-
this.i18n = new I18n(
|
|
860
|
+
this.i18n = new I18n(this.config.i18n, {
|
|
811
861
|
locale: closestAttributeValue($module, 'lang')
|
|
812
862
|
});
|
|
813
863
|
this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
|
|
@@ -1020,6 +1070,20 @@ CharacterCount.defaults = Object.freeze({
|
|
|
1020
1070
|
}
|
|
1021
1071
|
});
|
|
1022
1072
|
CharacterCount.schema = Object.freeze({
|
|
1073
|
+
properties: {
|
|
1074
|
+
i18n: {
|
|
1075
|
+
type: 'object'
|
|
1076
|
+
},
|
|
1077
|
+
maxwords: {
|
|
1078
|
+
type: 'number'
|
|
1079
|
+
},
|
|
1080
|
+
maxlength: {
|
|
1081
|
+
type: 'number'
|
|
1082
|
+
},
|
|
1083
|
+
threshold: {
|
|
1084
|
+
type: 'number'
|
|
1085
|
+
}
|
|
1086
|
+
},
|
|
1023
1087
|
anyOf: [{
|
|
1024
1088
|
required: ['maxwords'],
|
|
1025
1089
|
errorMessage: 'Either "maxlength" or "maxwords" must be provided'
|
|
@@ -1169,7 +1233,7 @@ class ErrorSummary extends GOVUKFrontendComponent {
|
|
|
1169
1233
|
});
|
|
1170
1234
|
}
|
|
1171
1235
|
this.$module = $module;
|
|
1172
|
-
this.config = mergeConfigs(ErrorSummary.defaults, config, normaliseDataset($module.dataset));
|
|
1236
|
+
this.config = mergeConfigs(ErrorSummary.defaults, config, normaliseDataset(ErrorSummary, $module.dataset));
|
|
1173
1237
|
if (!this.config.disableAutoFocus) {
|
|
1174
1238
|
setFocus(this.$module);
|
|
1175
1239
|
}
|
|
@@ -1234,10 +1298,21 @@ class ErrorSummary extends GOVUKFrontendComponent {
|
|
|
1234
1298
|
* @property {boolean} [disableAutoFocus=false] - If set to `true` the error
|
|
1235
1299
|
* summary will not be focussed when the page loads.
|
|
1236
1300
|
*/
|
|
1301
|
+
|
|
1302
|
+
/**
|
|
1303
|
+
* @typedef {import('../../common/index.mjs').Schema} Schema
|
|
1304
|
+
*/
|
|
1237
1305
|
ErrorSummary.moduleName = 'govuk-error-summary';
|
|
1238
1306
|
ErrorSummary.defaults = Object.freeze({
|
|
1239
1307
|
disableAutoFocus: false
|
|
1240
1308
|
});
|
|
1309
|
+
ErrorSummary.schema = Object.freeze({
|
|
1310
|
+
properties: {
|
|
1311
|
+
disableAutoFocus: {
|
|
1312
|
+
type: 'boolean'
|
|
1313
|
+
}
|
|
1314
|
+
}
|
|
1315
|
+
});
|
|
1241
1316
|
|
|
1242
1317
|
/**
|
|
1243
1318
|
* Exit this page component
|
|
@@ -1280,8 +1355,8 @@ class ExitThisPage extends GOVUKFrontendComponent {
|
|
|
1280
1355
|
identifier: 'Button (`.govuk-exit-this-page__button`)'
|
|
1281
1356
|
});
|
|
1282
1357
|
}
|
|
1283
|
-
this.config = mergeConfigs(ExitThisPage.defaults, config, normaliseDataset($module.dataset));
|
|
1284
|
-
this.i18n = new I18n(
|
|
1358
|
+
this.config = mergeConfigs(ExitThisPage.defaults, config, normaliseDataset(ExitThisPage, $module.dataset));
|
|
1359
|
+
this.i18n = new I18n(this.config.i18n);
|
|
1285
1360
|
this.$module = $module;
|
|
1286
1361
|
this.$button = $button;
|
|
1287
1362
|
const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
|
|
@@ -1351,7 +1426,7 @@ class ExitThisPage extends GOVUKFrontendComponent {
|
|
|
1351
1426
|
if (!this.$updateSpan) {
|
|
1352
1427
|
return;
|
|
1353
1428
|
}
|
|
1354
|
-
if (
|
|
1429
|
+
if (event.key === 'Shift' && !this.lastKeyWasModified) {
|
|
1355
1430
|
this.keypressCounter += 1;
|
|
1356
1431
|
this.updateIndicator();
|
|
1357
1432
|
if (this.timeoutMessageId) {
|
|
@@ -1445,6 +1520,10 @@ class ExitThisPage extends GOVUKFrontendComponent {
|
|
|
1445
1520
|
* @property {string} [pressOneMoreTime] - Screen reader announcement informing
|
|
1446
1521
|
* the user they must press the activation key one more time.
|
|
1447
1522
|
*/
|
|
1523
|
+
|
|
1524
|
+
/**
|
|
1525
|
+
* @typedef {import('../../common/index.mjs').Schema} Schema
|
|
1526
|
+
*/
|
|
1448
1527
|
ExitThisPage.moduleName = 'govuk-exit-this-page';
|
|
1449
1528
|
ExitThisPage.defaults = Object.freeze({
|
|
1450
1529
|
i18n: {
|
|
@@ -1454,6 +1533,13 @@ ExitThisPage.defaults = Object.freeze({
|
|
|
1454
1533
|
pressOneMoreTime: 'Shift, press 1 more time to exit.'
|
|
1455
1534
|
}
|
|
1456
1535
|
});
|
|
1536
|
+
ExitThisPage.schema = Object.freeze({
|
|
1537
|
+
properties: {
|
|
1538
|
+
i18n: {
|
|
1539
|
+
type: 'object'
|
|
1540
|
+
}
|
|
1541
|
+
}
|
|
1542
|
+
});
|
|
1457
1543
|
|
|
1458
1544
|
/**
|
|
1459
1545
|
* Header component
|
|
@@ -1568,7 +1654,7 @@ class NotificationBanner extends GOVUKFrontendComponent {
|
|
|
1568
1654
|
});
|
|
1569
1655
|
}
|
|
1570
1656
|
this.$module = $module;
|
|
1571
|
-
this.config = mergeConfigs(NotificationBanner.defaults, config, normaliseDataset($module.dataset));
|
|
1657
|
+
this.config = mergeConfigs(NotificationBanner.defaults, config, normaliseDataset(NotificationBanner, $module.dataset));
|
|
1572
1658
|
if (this.$module.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
|
|
1573
1659
|
setFocus(this.$module);
|
|
1574
1660
|
}
|
|
@@ -1584,10 +1670,175 @@ class NotificationBanner extends GOVUKFrontendComponent {
|
|
|
1584
1670
|
* applies if the component has a `role` of `alert` – in other cases the
|
|
1585
1671
|
* component will not be focused on page load, regardless of this option.
|
|
1586
1672
|
*/
|
|
1673
|
+
|
|
1674
|
+
/**
|
|
1675
|
+
* @typedef {import('../../common/index.mjs').Schema} Schema
|
|
1676
|
+
*/
|
|
1587
1677
|
NotificationBanner.moduleName = 'govuk-notification-banner';
|
|
1588
1678
|
NotificationBanner.defaults = Object.freeze({
|
|
1589
1679
|
disableAutoFocus: false
|
|
1590
1680
|
});
|
|
1681
|
+
NotificationBanner.schema = Object.freeze({
|
|
1682
|
+
properties: {
|
|
1683
|
+
disableAutoFocus: {
|
|
1684
|
+
type: 'boolean'
|
|
1685
|
+
}
|
|
1686
|
+
}
|
|
1687
|
+
});
|
|
1688
|
+
|
|
1689
|
+
/**
|
|
1690
|
+
* Password input component
|
|
1691
|
+
*
|
|
1692
|
+
* @preserve
|
|
1693
|
+
*/
|
|
1694
|
+
class PasswordInput extends GOVUKFrontendComponent {
|
|
1695
|
+
/**
|
|
1696
|
+
* @param {Element | null} $module - HTML element to use for password input
|
|
1697
|
+
* @param {PasswordInputConfig} [config] - Password input config
|
|
1698
|
+
*/
|
|
1699
|
+
constructor($module, config = {}) {
|
|
1700
|
+
super();
|
|
1701
|
+
this.$module = void 0;
|
|
1702
|
+
this.config = void 0;
|
|
1703
|
+
this.i18n = void 0;
|
|
1704
|
+
this.$input = void 0;
|
|
1705
|
+
this.$showHideButton = void 0;
|
|
1706
|
+
this.$screenReaderStatusMessage = void 0;
|
|
1707
|
+
if (!($module instanceof HTMLElement)) {
|
|
1708
|
+
throw new ElementError({
|
|
1709
|
+
componentName: 'Password input',
|
|
1710
|
+
element: $module,
|
|
1711
|
+
identifier: 'Root element (`$module`)'
|
|
1712
|
+
});
|
|
1713
|
+
}
|
|
1714
|
+
const $input = $module.querySelector('.govuk-js-password-input-input');
|
|
1715
|
+
if (!($input instanceof HTMLInputElement)) {
|
|
1716
|
+
throw new ElementError({
|
|
1717
|
+
componentName: 'Password input',
|
|
1718
|
+
element: $input,
|
|
1719
|
+
expectedType: 'HTMLInputElement',
|
|
1720
|
+
identifier: 'Form field (`.govuk-js-password-input-input`)'
|
|
1721
|
+
});
|
|
1722
|
+
}
|
|
1723
|
+
if ($input.type !== 'password') {
|
|
1724
|
+
throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
|
|
1725
|
+
}
|
|
1726
|
+
const $showHideButton = $module.querySelector('.govuk-js-password-input-toggle');
|
|
1727
|
+
if (!($showHideButton instanceof HTMLButtonElement)) {
|
|
1728
|
+
throw new ElementError({
|
|
1729
|
+
componentName: 'Password input',
|
|
1730
|
+
element: $showHideButton,
|
|
1731
|
+
expectedType: 'HTMLButtonElement',
|
|
1732
|
+
identifier: 'Button (`.govuk-js-password-input-toggle`)'
|
|
1733
|
+
});
|
|
1734
|
+
}
|
|
1735
|
+
if ($showHideButton.type !== 'button') {
|
|
1736
|
+
throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
|
|
1737
|
+
}
|
|
1738
|
+
this.$module = $module;
|
|
1739
|
+
this.$input = $input;
|
|
1740
|
+
this.$showHideButton = $showHideButton;
|
|
1741
|
+
this.config = mergeConfigs(PasswordInput.defaults, config, normaliseDataset(PasswordInput, $module.dataset));
|
|
1742
|
+
this.i18n = new I18n(this.config.i18n, {
|
|
1743
|
+
locale: closestAttributeValue($module, 'lang')
|
|
1744
|
+
});
|
|
1745
|
+
this.$showHideButton.removeAttribute('hidden');
|
|
1746
|
+
const $screenReaderStatusMessage = document.createElement('div');
|
|
1747
|
+
$screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
|
|
1748
|
+
$screenReaderStatusMessage.setAttribute('aria-live', 'polite');
|
|
1749
|
+
this.$screenReaderStatusMessage = $screenReaderStatusMessage;
|
|
1750
|
+
this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
|
|
1751
|
+
this.$showHideButton.addEventListener('click', this.toggle.bind(this));
|
|
1752
|
+
if (this.$input.form) {
|
|
1753
|
+
this.$input.form.addEventListener('submit', () => this.hide());
|
|
1754
|
+
}
|
|
1755
|
+
window.addEventListener('pageshow', event => {
|
|
1756
|
+
if (event.persisted && this.$input.type !== 'password') {
|
|
1757
|
+
this.hide();
|
|
1758
|
+
}
|
|
1759
|
+
});
|
|
1760
|
+
this.hide();
|
|
1761
|
+
}
|
|
1762
|
+
toggle(event) {
|
|
1763
|
+
event.preventDefault();
|
|
1764
|
+
if (this.$input.type === 'password') {
|
|
1765
|
+
this.show();
|
|
1766
|
+
return;
|
|
1767
|
+
}
|
|
1768
|
+
this.hide();
|
|
1769
|
+
}
|
|
1770
|
+
show() {
|
|
1771
|
+
this.setType('text');
|
|
1772
|
+
}
|
|
1773
|
+
hide() {
|
|
1774
|
+
this.setType('password');
|
|
1775
|
+
}
|
|
1776
|
+
setType(type) {
|
|
1777
|
+
if (type === this.$input.type) {
|
|
1778
|
+
return;
|
|
1779
|
+
}
|
|
1780
|
+
this.$input.setAttribute('type', type);
|
|
1781
|
+
const isHidden = type === 'password';
|
|
1782
|
+
const prefixButton = isHidden ? 'show' : 'hide';
|
|
1783
|
+
const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
|
|
1784
|
+
this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
|
|
1785
|
+
this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
|
|
1786
|
+
this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
|
|
1787
|
+
}
|
|
1788
|
+
}
|
|
1789
|
+
|
|
1790
|
+
/**
|
|
1791
|
+
* Password input config
|
|
1792
|
+
*
|
|
1793
|
+
* @typedef {object} PasswordInputConfig
|
|
1794
|
+
* @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
|
|
1795
|
+
*/
|
|
1796
|
+
|
|
1797
|
+
/**
|
|
1798
|
+
* Password input translations
|
|
1799
|
+
*
|
|
1800
|
+
* @see {@link PasswordInput.defaults.i18n}
|
|
1801
|
+
* @typedef {object} PasswordInputTranslations
|
|
1802
|
+
*
|
|
1803
|
+
* Messages displayed to the user indicating the state of the show/hide toggle.
|
|
1804
|
+
* @property {string} [showPassword] - Visible text of the button when the
|
|
1805
|
+
* password is currently hidden. Plain text only.
|
|
1806
|
+
* @property {string} [hidePassword] - Visible text of the button when the
|
|
1807
|
+
* password is currently visible. Plain text only.
|
|
1808
|
+
* @property {string} [showPasswordAriaLabel] - aria-label of the button when
|
|
1809
|
+
* the password is currently hidden. Plain text only.
|
|
1810
|
+
* @property {string} [hidePasswordAriaLabel] - aria-label of the button when
|
|
1811
|
+
* the password is currently visible. Plain text only.
|
|
1812
|
+
* @property {string} [passwordShownAnnouncement] - Screen reader
|
|
1813
|
+
* announcement to make when the password has just become visible.
|
|
1814
|
+
* Plain text only.
|
|
1815
|
+
* @property {string} [passwordHiddenAnnouncement] - Screen reader
|
|
1816
|
+
* announcement to make when the password has just been hidden.
|
|
1817
|
+
* Plain text only.
|
|
1818
|
+
*/
|
|
1819
|
+
|
|
1820
|
+
/**
|
|
1821
|
+
* @typedef {import('../../common/index.mjs').Schema} Schema
|
|
1822
|
+
* @typedef {import('../../i18n.mjs').TranslationPluralForms} TranslationPluralForms
|
|
1823
|
+
*/
|
|
1824
|
+
PasswordInput.moduleName = 'govuk-password-input';
|
|
1825
|
+
PasswordInput.defaults = Object.freeze({
|
|
1826
|
+
i18n: {
|
|
1827
|
+
showPassword: 'Show',
|
|
1828
|
+
hidePassword: 'Hide',
|
|
1829
|
+
showPasswordAriaLabel: 'Show password',
|
|
1830
|
+
hidePasswordAriaLabel: 'Hide password',
|
|
1831
|
+
passwordShownAnnouncement: 'Your password is visible',
|
|
1832
|
+
passwordHiddenAnnouncement: 'Your password is hidden'
|
|
1833
|
+
}
|
|
1834
|
+
});
|
|
1835
|
+
PasswordInput.schema = Object.freeze({
|
|
1836
|
+
properties: {
|
|
1837
|
+
i18n: {
|
|
1838
|
+
type: 'object'
|
|
1839
|
+
}
|
|
1840
|
+
}
|
|
1841
|
+
});
|
|
1591
1842
|
|
|
1592
1843
|
/**
|
|
1593
1844
|
* Radios component
|
|
@@ -1756,12 +2007,6 @@ class Tabs extends GOVUKFrontendComponent {
|
|
|
1756
2007
|
this.$tabs = void 0;
|
|
1757
2008
|
this.$tabList = void 0;
|
|
1758
2009
|
this.$tabListItems = void 0;
|
|
1759
|
-
this.keys = {
|
|
1760
|
-
left: 37,
|
|
1761
|
-
right: 39,
|
|
1762
|
-
up: 38,
|
|
1763
|
-
down: 40
|
|
1764
|
-
};
|
|
1765
2010
|
this.jsHiddenClass = 'govuk-tabs__panel--hidden';
|
|
1766
2011
|
this.changingHash = false;
|
|
1767
2012
|
this.boundTabClick = void 0;
|
|
@@ -1941,14 +2186,18 @@ class Tabs extends GOVUKFrontendComponent {
|
|
|
1941
2186
|
$panel.id = panelId;
|
|
1942
2187
|
}
|
|
1943
2188
|
onTabKeydown(event) {
|
|
1944
|
-
switch (event.
|
|
1945
|
-
case
|
|
1946
|
-
case
|
|
2189
|
+
switch (event.key) {
|
|
2190
|
+
case 'ArrowLeft':
|
|
2191
|
+
case 'ArrowUp':
|
|
2192
|
+
case 'Left':
|
|
2193
|
+
case 'Up':
|
|
1947
2194
|
this.activatePreviousTab();
|
|
1948
2195
|
event.preventDefault();
|
|
1949
2196
|
break;
|
|
1950
|
-
case
|
|
1951
|
-
case
|
|
2197
|
+
case 'ArrowRight':
|
|
2198
|
+
case 'ArrowDown':
|
|
2199
|
+
case 'Right':
|
|
2200
|
+
case 'Down':
|
|
1952
2201
|
this.activateNextTab();
|
|
1953
2202
|
event.preventDefault();
|
|
1954
2203
|
break;
|
|
@@ -2040,7 +2289,7 @@ function initAll(config) {
|
|
|
2040
2289
|
console.log(new SupportError());
|
|
2041
2290
|
return;
|
|
2042
2291
|
}
|
|
2043
|
-
const components = [[Button, config.button], [CharacterCount, config.characterCount], [Checkboxes], [ErrorSummary, config.errorSummary], [Radios]];
|
|
2292
|
+
const components = [[Button, config.button], [CharacterCount, config.characterCount], [Checkboxes], [ErrorSummary, config.errorSummary], [Radios], [PasswordInput, config.passwordInput]];
|
|
2044
2293
|
const $scope = (_config$scope = config.scope) != null ? _config$scope : document;
|
|
2045
2294
|
components.forEach(([Component, config]) => {
|
|
2046
2295
|
const $elements = $scope.querySelectorAll(`[data-module="${Component.moduleName}"]`);
|
|
@@ -2054,4 +2303,4 @@ function initAll(config) {
|
|
|
2054
2303
|
});
|
|
2055
2304
|
}
|
|
2056
2305
|
|
|
2057
|
-
export { Button, CharacterCount, Checkboxes, ErrorSummary, Radios, initAll };
|
|
2306
|
+
export { Button, CharacterCount, Checkboxes, ErrorSummary, PasswordInput, Radios, initAll };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function
|
|
1
|
+
function e(e,t){const s=e?e.trim():"";let i,n=null==t?void 0:t.type;switch(n||(["true","false"].includes(s)&&(n="boolean"),s.length>0&&isFinite(Number(s))&&(n="number")),n){case"boolean":i="true"===s;break;case"number":i=Number(s);break;default:i=e}return i}function t(...e){const s={};for(const i of e)for(const e of Object.keys(i)){const n=s[e],o=i[e];r(n)&&r(o)?s[e]=t(n,o):s[e]=o}return s}function s(t,s,i){const n=t.schema.properties[i];if("object"!==(null==n?void 0:n.type))return;const o={[i]:{}};for(const[t,n]of Object.entries(s)){let s=o;const a=t.split(".");for(const[o,l]of a.entries())"object"==typeof s&&(o<a.length-1?(r(s[l])||(s[l]={}),s=s[l]):t!==i&&(s[l]=e(n)))}return o[i]}function i(e){if(e.includes("#"))return e.split("#").pop()}function n(e){const t=`--govuk-frontend-breakpoint-${e}`;return{property:t,value:window.getComputedStyle(document.documentElement).getPropertyValue(t)||void 0}}function o(e,t={}){var s;const i=e.getAttribute("tabindex");function n(){var s;null==(s=t.onBlur)||s.call(e),i||e.removeAttribute("tabindex")}i||e.setAttribute("tabindex","-1"),e.addEventListener("focus",(function(){e.addEventListener("blur",n,{once:!0})}),{once:!0}),null==(s=t.onBeforeFocus)||s.call(e),e.focus()}function a(e=document.body){return!!e&&e.classList.contains("govuk-frontend-supported")}function r(e){return!!e&&"object"==typeof e&&!function(e){return Array.isArray(e)}(e)}function l(t,i){const n={};for(const[o,a]of Object.entries(t.schema.properties))o in i&&(n[o]=e(i[o],a)),"object"===(null==a?void 0:a.type)&&(n[o]=s(t,i,o));return n}class c extends Error{constructor(...e){super(...e),this.name="GOVUKFrontendError"}}class h extends c{constructor(e=document.body){const t="noModule"in HTMLScriptElement.prototype?'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet':"GOV.UK Frontend is not supported in this browser";super(e?t:'GOV.UK Frontend initialised without `<script type="module">`'),this.name="SupportError"}}class u extends c{constructor(...e){super(...e),this.name="ConfigError"}}class d extends c{constructor(e){let t="string"==typeof e?e:"";if("object"==typeof e){const{componentName:s,identifier:i,element:n,expectedType:o}=e;t=`${s}: ${i}`,t+=n?` is not of type ${null!=o?o:"HTMLElement"}`:" not found"}super(t),this.name="ElementError"}}class m{constructor(){this.checkSupport()}checkSupport(){if(!a())throw new h}}class p{constructor(e={},t={}){var s;this.translations=void 0,this.locale=void 0,this.translations=e,this.locale=null!=(s=t.locale)?s:document.documentElement.lang||"en"}t(e,t){if(!e)throw new Error("i18n: lookup key missing");let s=this.translations[e];if("number"==typeof(null==t?void 0:t.count)&&"object"==typeof s){const i=s[this.getPluralSuffix(e,t.count)];i&&(s=i)}if("string"==typeof s){if(s.match(/%{(.\S+)}/)){if(!t)throw new Error("i18n: cannot replace placeholders in string if no option data provided");return this.replacePlaceholders(s,t)}return s}return e}replacePlaceholders(e,t){const s=Intl.NumberFormat.supportedLocalesOf(this.locale).length?new Intl.NumberFormat(this.locale):void 0;return e.replace(/%{(.\S+)}/g,(function(e,i){if(Object.prototype.hasOwnProperty.call(t,i)){const e=t[i];return!1===e||"number"!=typeof e&&"string"!=typeof e?"":"number"==typeof e?s?s.format(e):`${e}`:e}throw new Error(`i18n: no data found to replace ${e} placeholder in string`)}))}hasIntlPluralRulesSupport(){return Boolean("PluralRules"in window.Intl&&Intl.PluralRules.supportedLocalesOf(this.locale).length)}getPluralSuffix(e,t){if(t=Number(t),!isFinite(t))return"other";const s=this.translations[e],i=this.hasIntlPluralRulesSupport()?new Intl.PluralRules(this.locale).select(t):this.selectPluralFormUsingFallbackRules(t);if("object"==typeof s){if(i in s)return i;if("other"in s)return console.warn(`i18n: Missing plural form ".${i}" for "${this.locale}" locale. Falling back to ".other".`),"other"}throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`)}selectPluralFormUsingFallbackRules(e){e=Math.abs(Math.floor(e));const t=this.getPluralRulesForLocale();return t?p.pluralRules[t](e):"other"}getPluralRulesForLocale(){const e=this.locale.split("-")[0];for(const t in p.pluralRulesMap){const s=p.pluralRulesMap[t];if(s.includes(this.locale)||s.includes(e))return t}}}p.pluralRulesMap={arabic:["ar"],chinese:["my","zh","id","ja","jv","ko","ms","th","vi"],french:["hy","bn","fr","gu","hi","fa","pa","zu"],german:["af","sq","az","eu","bg","ca","da","nl","en","et","fi","ka","de","el","hu","lb","no","so","sw","sv","ta","te","tr","ur"],irish:["ga"],russian:["ru","uk"],scottish:["gd"],spanish:["pt-PT","it","es"],welsh:["cy"]},p.pluralRules={arabic:e=>0===e?"zero":1===e?"one":2===e?"two":e%100>=3&&e%100<=10?"few":e%100>=11&&e%100<=99?"many":"other",chinese:()=>"other",french:e=>0===e||1===e?"one":"other",german:e=>1===e?"one":"other",irish:e=>1===e?"one":2===e?"two":e>=3&&e<=6?"few":e>=7&&e<=10?"many":"other",russian(e){const t=e%100,s=t%10;return 1===s&&11!==t?"one":s>=2&&s<=4&&!(t>=12&&t<=14)?"few":0===s||s>=5&&s<=9||t>=11&&t<=14?"many":"other"},scottish:e=>1===e||11===e?"one":2===e||12===e?"two":e>=3&&e<=10||e>=13&&e<=19?"few":"other",spanish:e=>1===e?"one":e%1e6==0&&0!==e?"many":"other",welsh:e=>0===e?"zero":1===e?"one":2===e?"two":3===e?"few":6===e?"many":"other"};
|
|
2
2
|
/**
|
|
3
3
|
* Accordion component
|
|
4
4
|
*
|
|
@@ -13,13 +13,13 @@ function t(...t){function e(t){const e={};return function t(s,i){for(const[n,o]o
|
|
|
13
13
|
*
|
|
14
14
|
* @preserve
|
|
15
15
|
*/
|
|
16
|
-
class
|
|
16
|
+
class g extends m{constructor(e,s={}){if(super(),this.$module=void 0,this.config=void 0,this.i18n=void 0,this.controlsClass="govuk-accordion__controls",this.showAllClass="govuk-accordion__show-all",this.showAllTextClass="govuk-accordion__show-all-text",this.sectionClass="govuk-accordion__section",this.sectionExpandedClass="govuk-accordion__section--expanded",this.sectionButtonClass="govuk-accordion__section-button",this.sectionHeaderClass="govuk-accordion__section-header",this.sectionHeadingClass="govuk-accordion__section-heading",this.sectionHeadingDividerClass="govuk-accordion__section-heading-divider",this.sectionHeadingTextClass="govuk-accordion__section-heading-text",this.sectionHeadingTextFocusClass="govuk-accordion__section-heading-text-focus",this.sectionShowHideToggleClass="govuk-accordion__section-toggle",this.sectionShowHideToggleFocusClass="govuk-accordion__section-toggle-focus",this.sectionShowHideTextClass="govuk-accordion__section-toggle-text",this.upChevronIconClass="govuk-accordion-nav__chevron",this.downChevronIconClass="govuk-accordion-nav__chevron--down",this.sectionSummaryClass="govuk-accordion__section-summary",this.sectionSummaryFocusClass="govuk-accordion__section-summary-focus",this.sectionContentClass="govuk-accordion__section-content",this.$sections=void 0,this.browserSupportsSessionStorage=!1,this.$showAllButton=null,this.$showAllIcon=null,this.$showAllText=null,!(e instanceof HTMLElement))throw new d({componentName:"Accordion",element:e,identifier:"Root element (`$module`)"});this.$module=e,this.config=t(g.defaults,s,l(g,e.dataset)),this.i18n=new p(this.config.i18n);const i=this.$module.querySelectorAll(`.${this.sectionClass}`);if(!i.length)throw new d({componentName:"Accordion",identifier:`Sections (\`<div class="${this.sectionClass}">\`)`});this.$sections=i,this.browserSupportsSessionStorage=f.checkForSessionStorage(),this.initControls(),this.initSectionHeaders();const n=this.checkIfAllSectionsOpen();this.updateShowAllButton(n)}initControls(){this.$showAllButton=document.createElement("button"),this.$showAllButton.setAttribute("type","button"),this.$showAllButton.setAttribute("class",this.showAllClass),this.$showAllButton.setAttribute("aria-expanded","false"),this.$showAllIcon=document.createElement("span"),this.$showAllIcon.classList.add(this.upChevronIconClass),this.$showAllButton.appendChild(this.$showAllIcon);const e=document.createElement("div");e.setAttribute("class",this.controlsClass),e.appendChild(this.$showAllButton),this.$module.insertBefore(e,this.$module.firstChild),this.$showAllText=document.createElement("span"),this.$showAllText.classList.add(this.showAllTextClass),this.$showAllButton.appendChild(this.$showAllText),this.$showAllButton.addEventListener("click",(()=>this.onShowOrHideAllToggle())),"onbeforematch"in document&&document.addEventListener("beforematch",(e=>this.onBeforeMatch(e)))}initSectionHeaders(){this.$sections.forEach(((e,t)=>{const s=e.querySelector(`.${this.sectionHeaderClass}`);if(!s)throw new d({componentName:"Accordion",identifier:`Section headers (\`<div class="${this.sectionHeaderClass}">\`)`});this.constructHeaderMarkup(s,t),this.setExpanded(this.isExpanded(e),e),s.addEventListener("click",(()=>this.onSectionToggle(e))),this.setInitialState(e)}))}constructHeaderMarkup(e,t){const s=e.querySelector(`.${this.sectionButtonClass}`),i=e.querySelector(`.${this.sectionHeadingClass}`),n=e.querySelector(`.${this.sectionSummaryClass}`);if(!i)throw new d({componentName:"Accordion",identifier:`Section heading (\`.${this.sectionHeadingClass}\`)`});if(!s)throw new d({componentName:"Accordion",identifier:`Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`});const o=document.createElement("button");o.setAttribute("type","button"),o.setAttribute("aria-controls",`${this.$module.id}-content-${t+1}`);for(const e of Array.from(s.attributes))"id"!==e.nodeName&&o.setAttribute(e.nodeName,`${e.nodeValue}`);const a=document.createElement("span");a.classList.add(this.sectionHeadingTextClass),a.id=s.id;const r=document.createElement("span");r.classList.add(this.sectionHeadingTextFocusClass),a.appendChild(r),r.innerHTML=s.innerHTML;const l=document.createElement("span");l.classList.add(this.sectionShowHideToggleClass),l.setAttribute("data-nosnippet","");const c=document.createElement("span");c.classList.add(this.sectionShowHideToggleFocusClass),l.appendChild(c);const h=document.createElement("span"),u=document.createElement("span");if(u.classList.add(this.upChevronIconClass),c.appendChild(u),h.classList.add(this.sectionShowHideTextClass),c.appendChild(h),o.appendChild(a),o.appendChild(this.getButtonPunctuationEl()),null!=n&&n.parentNode){const e=document.createElement("span"),t=document.createElement("span");t.classList.add(this.sectionSummaryFocusClass),e.appendChild(t);for(const t of Array.from(n.attributes))e.setAttribute(t.nodeName,`${t.nodeValue}`);t.innerHTML=n.innerHTML,n.parentNode.replaceChild(e,n),o.appendChild(e),o.appendChild(this.getButtonPunctuationEl())}o.appendChild(l),i.removeChild(s),i.appendChild(o)}onBeforeMatch(e){const t=e.target;if(!(t instanceof Element))return;const s=t.closest(`.${this.sectionClass}`);s&&this.setExpanded(!0,s)}onSectionToggle(e){const t=this.isExpanded(e);this.setExpanded(!t,e),this.storeState(e)}onShowOrHideAllToggle(){const e=!this.checkIfAllSectionsOpen();this.$sections.forEach((t=>{this.setExpanded(e,t),this.storeState(t)})),this.updateShowAllButton(e)}setExpanded(e,t){const s=t.querySelector(`.${this.upChevronIconClass}`),i=t.querySelector(`.${this.sectionShowHideTextClass}`),n=t.querySelector(`.${this.sectionButtonClass}`),o=t.querySelector(`.${this.sectionContentClass}`);if(!o)throw new d({componentName:"Accordion",identifier:`Section content (\`<div class="${this.sectionContentClass}">\`)`});if(!s||!i||!n)return;const a=e?this.i18n.t("hideSection"):this.i18n.t("showSection");i.textContent=a,n.setAttribute("aria-expanded",`${e}`);const r=[],l=t.querySelector(`.${this.sectionHeadingTextClass}`);l&&r.push(`${l.textContent}`.trim());const c=t.querySelector(`.${this.sectionSummaryClass}`);c&&r.push(`${c.textContent}`.trim());const h=e?this.i18n.t("hideSectionAriaLabel"):this.i18n.t("showSectionAriaLabel");r.push(h),n.setAttribute("aria-label",r.join(" , ")),e?(o.removeAttribute("hidden"),t.classList.add(this.sectionExpandedClass),s.classList.remove(this.downChevronIconClass)):(o.setAttribute("hidden","until-found"),t.classList.remove(this.sectionExpandedClass),s.classList.add(this.downChevronIconClass));const u=this.checkIfAllSectionsOpen();this.updateShowAllButton(u)}isExpanded(e){return e.classList.contains(this.sectionExpandedClass)}checkIfAllSectionsOpen(){return this.$sections.length===this.$module.querySelectorAll(`.${this.sectionExpandedClass}`).length}updateShowAllButton(e){this.$showAllButton&&this.$showAllText&&this.$showAllIcon&&(this.$showAllButton.setAttribute("aria-expanded",e.toString()),this.$showAllText.textContent=e?this.i18n.t("hideAllSections"):this.i18n.t("showAllSections"),this.$showAllIcon.classList.toggle(this.downChevronIconClass,!e))}storeState(e){if(this.browserSupportsSessionStorage&&this.config.rememberExpanded){const t=e.querySelector(`.${this.sectionButtonClass}`);if(t){const e=t.getAttribute("aria-controls"),s=t.getAttribute("aria-expanded");e&&s&&window.sessionStorage.setItem(e,s)}}}setInitialState(e){if(this.browserSupportsSessionStorage&&this.config.rememberExpanded){const t=e.querySelector(`.${this.sectionButtonClass}`);if(t){const s=t.getAttribute("aria-controls"),i=s?window.sessionStorage.getItem(s):null;null!==i&&this.setExpanded("true"===i,e)}}}getButtonPunctuationEl(){const e=document.createElement("span");return e.classList.add("govuk-visually-hidden",this.sectionHeadingDividerClass),e.innerHTML=", ",e}}g.moduleName="govuk-accordion",g.defaults=Object.freeze({i18n:{hideAllSections:"Hide all sections",hideSection:"Hide",hideSectionAriaLabel:"Hide this section",showAllSections:"Show all sections",showSection:"Show",showSectionAriaLabel:"Show this section"},rememberExpanded:!0}),g.schema=Object.freeze({properties:{i18n:{type:"object"},rememberExpanded:{type:"boolean"}}});const f={checkForSessionStorage:function(){const e="this is the test string";let t;try{return window.sessionStorage.setItem(e,e),t=window.sessionStorage.getItem(e)===e.toString(),window.sessionStorage.removeItem(e),t}catch(e){return!1}}};
|
|
17
17
|
/**
|
|
18
18
|
* JavaScript enhancements for the Button component
|
|
19
19
|
*
|
|
20
20
|
* @preserve
|
|
21
21
|
*/
|
|
22
|
-
class
|
|
22
|
+
class b extends m{constructor(e,s={}){if(super(),this.$module=void 0,this.config=void 0,this.debounceFormSubmitTimer=null,!(e instanceof HTMLElement))throw new d({componentName:"Button",element:e,identifier:"Root element (`$module`)"});this.$module=e,this.config=t(b.defaults,s,l(b,e.dataset)),this.$module.addEventListener("keydown",(e=>this.handleKeyDown(e))),this.$module.addEventListener("click",(e=>this.debounce(e)))}handleKeyDown(e){const t=e.target;" "===e.key&&t instanceof HTMLElement&&"button"===t.getAttribute("role")&&(e.preventDefault(),t.click())}debounce(e){if(this.config.preventDoubleClick)return this.debounceFormSubmitTimer?(e.preventDefault(),!1):void(this.debounceFormSubmitTimer=window.setTimeout((()=>{this.debounceFormSubmitTimer=null}),1e3))}}function v(e,t){const s=e.closest(`[${t}]`);return s?s.getAttribute(t):null}
|
|
23
23
|
/**
|
|
24
24
|
* Character count component
|
|
25
25
|
*
|
|
@@ -31,13 +31,13 @@ class f extends d{constructor(e,s={}){if(super(),this.$module=void 0,this.config
|
|
|
31
31
|
* of the available characters/words has been entered.
|
|
32
32
|
*
|
|
33
33
|
* @preserve
|
|
34
|
-
*/
|
|
34
|
+
*/b.moduleName="govuk-button",b.defaults=Object.freeze({preventDoubleClick:!1}),b.schema=Object.freeze({properties:{preventDoubleClick:{type:"boolean"}}});class w extends m{constructor(e,s={}){var i,n;if(super(),this.$module=void 0,this.$textarea=void 0,this.$visibleCountMessage=void 0,this.$screenReaderCountMessage=void 0,this.lastInputTimestamp=null,this.lastInputValue="",this.valueChecker=null,this.config=void 0,this.i18n=void 0,this.maxLength=void 0,!(e instanceof HTMLElement))throw new d({componentName:"Character count",element:e,identifier:"Root element (`$module`)"});const o=e.querySelector(".govuk-js-character-count");if(!(o instanceof HTMLTextAreaElement||o instanceof HTMLInputElement))throw new d({componentName:"Character count",element:o,expectedType:"HTMLTextareaElement or HTMLInputElement",identifier:"Form field (`.govuk-js-character-count`)"});const a=l(w,e.dataset);let r={};("maxwords"in a||"maxlength"in a)&&(r={maxlength:void 0,maxwords:void 0}),this.config=t(w.defaults,s,r,a);const c=function(e,t){const s=[];for(const[i,n]of Object.entries(e)){const e=[];if(Array.isArray(n)){for(const{required:s,errorMessage:i}of n)s.every((e=>!!t[e]))||e.push(i);"anyOf"!==i||n.length-e.length>=1||s.push(...e)}}return s}(w.schema,this.config);if(c[0])throw new u(`Character count: ${c[0]}`);this.i18n=new p(this.config.i18n,{locale:v(e,"lang")}),this.maxLength=null!=(i=null!=(n=this.config.maxwords)?n:this.config.maxlength)?i:1/0,this.$module=e,this.$textarea=o;const h=`${this.$textarea.id}-info`,m=document.getElementById(h);if(!m)throw new d({componentName:"Character count",element:m,identifier:`Count message (\`id="${h}"\`)`});`${m.textContent}`.match(/^\s*$/)&&(m.textContent=this.i18n.t("textareaDescription",{count:this.maxLength})),this.$textarea.insertAdjacentElement("afterend",m);const g=document.createElement("div");g.className="govuk-character-count__sr-status govuk-visually-hidden",g.setAttribute("aria-live","polite"),this.$screenReaderCountMessage=g,m.insertAdjacentElement("afterend",g);const f=document.createElement("div");f.className=m.className,f.classList.add("govuk-character-count__status"),f.setAttribute("aria-hidden","true"),this.$visibleCountMessage=f,m.insertAdjacentElement("afterend",f),m.classList.add("govuk-visually-hidden"),this.$textarea.removeAttribute("maxlength"),this.bindChangeEvents(),window.addEventListener("pageshow",(()=>this.updateCountMessage())),this.updateCountMessage()}bindChangeEvents(){this.$textarea.addEventListener("keyup",(()=>this.handleKeyUp())),this.$textarea.addEventListener("focus",(()=>this.handleFocus())),this.$textarea.addEventListener("blur",(()=>this.handleBlur()))}handleKeyUp(){this.updateVisibleCountMessage(),this.lastInputTimestamp=Date.now()}handleFocus(){this.valueChecker=window.setInterval((()=>{(!this.lastInputTimestamp||Date.now()-500>=this.lastInputTimestamp)&&this.updateIfValueChanged()}),1e3)}handleBlur(){this.valueChecker&&window.clearInterval(this.valueChecker)}updateIfValueChanged(){this.$textarea.value!==this.lastInputValue&&(this.lastInputValue=this.$textarea.value,this.updateCountMessage())}updateCountMessage(){this.updateVisibleCountMessage(),this.updateScreenReaderCountMessage()}updateVisibleCountMessage(){const e=this.maxLength-this.count(this.$textarea.value)<0;this.$visibleCountMessage.classList.toggle("govuk-character-count__message--disabled",!this.isOverThreshold()),this.$textarea.classList.toggle("govuk-textarea--error",e),this.$visibleCountMessage.classList.toggle("govuk-error-message",e),this.$visibleCountMessage.classList.toggle("govuk-hint",!e),this.$visibleCountMessage.textContent=this.getCountMessage()}updateScreenReaderCountMessage(){this.isOverThreshold()?this.$screenReaderCountMessage.removeAttribute("aria-hidden"):this.$screenReaderCountMessage.setAttribute("aria-hidden","true"),this.$screenReaderCountMessage.textContent=this.getCountMessage()}count(e){if(this.config.maxwords){var t;return(null!=(t=e.match(/\S+/g))?t:[]).length}return e.length}getCountMessage(){const e=this.maxLength-this.count(this.$textarea.value),t=this.config.maxwords?"words":"characters";return this.formatCountMessage(e,t)}formatCountMessage(e,t){if(0===e)return this.i18n.t(`${t}AtLimit`);const s=e<0?"OverLimit":"UnderLimit";return this.i18n.t(`${t}${s}`,{count:Math.abs(e)})}isOverThreshold(){if(!this.config.threshold)return!0;const e=this.count(this.$textarea.value);return this.maxLength*this.config.threshold/100<=e}}w.moduleName="govuk-character-count",w.defaults=Object.freeze({threshold:0,i18n:{charactersUnderLimit:{one:"You have %{count} character remaining",other:"You have %{count} characters remaining"},charactersAtLimit:"You have 0 characters remaining",charactersOverLimit:{one:"You have %{count} character too many",other:"You have %{count} characters too many"},wordsUnderLimit:{one:"You have %{count} word remaining",other:"You have %{count} words remaining"},wordsAtLimit:"You have 0 words remaining",wordsOverLimit:{one:"You have %{count} word too many",other:"You have %{count} words too many"},textareaDescription:{other:""}}}),w.schema=Object.freeze({properties:{i18n:{type:"object"},maxwords:{type:"number"},maxlength:{type:"number"},threshold:{type:"number"}},anyOf:[{required:["maxwords"],errorMessage:'Either "maxlength" or "maxwords" must be provided'},{required:["maxlength"],errorMessage:'Either "maxlength" or "maxwords" must be provided'}]});
|
|
35
35
|
/**
|
|
36
36
|
* Checkboxes component
|
|
37
37
|
*
|
|
38
38
|
* @preserve
|
|
39
39
|
*/
|
|
40
|
-
class
|
|
40
|
+
class $ extends m{constructor(e){if(super(),this.$module=void 0,this.$inputs=void 0,!(e instanceof HTMLElement))throw new d({componentName:"Checkboxes",element:e,identifier:"Root element (`$module`)"});const t=e.querySelectorAll('input[type="checkbox"]');if(!t.length)throw new d({componentName:"Checkboxes",identifier:'Form inputs (`<input type="checkbox">`)'});this.$module=e,this.$inputs=t,this.$inputs.forEach((e=>{const t=e.getAttribute("data-aria-controls");if(t){if(!document.getElementById(t))throw new d({componentName:"Checkboxes",identifier:`Conditional reveal (\`id="${t}"\`)`});e.setAttribute("aria-controls",t),e.removeAttribute("data-aria-controls")}})),window.addEventListener("pageshow",(()=>this.syncAllConditionalReveals())),this.syncAllConditionalReveals(),this.$module.addEventListener("click",(e=>this.handleClick(e)))}syncAllConditionalReveals(){this.$inputs.forEach((e=>this.syncConditionalRevealWithInputState(e)))}syncConditionalRevealWithInputState(e){const t=e.getAttribute("aria-controls");if(!t)return;const s=document.getElementById(t);if(s&&s.classList.contains("govuk-checkboxes__conditional")){const t=e.checked;e.setAttribute("aria-expanded",t.toString()),s.classList.toggle("govuk-checkboxes__conditional--hidden",!t)}}unCheckAllInputsExcept(e){document.querySelectorAll(`input[type="checkbox"][name="${e.name}"]`).forEach((t=>{e.form===t.form&&t!==e&&(t.checked=!1,this.syncConditionalRevealWithInputState(t))}))}unCheckExclusiveInputs(e){document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${e.name}"]`).forEach((t=>{e.form===t.form&&(t.checked=!1,this.syncConditionalRevealWithInputState(t))}))}handleClick(e){const t=e.target;if(!(t instanceof HTMLInputElement)||"checkbox"!==t.type)return;if(t.getAttribute("aria-controls")&&this.syncConditionalRevealWithInputState(t),!t.checked)return;"exclusive"===t.getAttribute("data-behaviour")?this.unCheckAllInputsExcept(t):this.unCheckExclusiveInputs(t)}}$.moduleName="govuk-checkboxes";
|
|
41
41
|
/**
|
|
42
42
|
* Error summary component
|
|
43
43
|
*
|
|
@@ -46,40 +46,46 @@ class w extends d{constructor(t){if(super(),this.$module=void 0,this.$inputs=voi
|
|
|
46
46
|
*
|
|
47
47
|
* @preserve
|
|
48
48
|
*/
|
|
49
|
-
class
|
|
49
|
+
class y extends m{constructor(e,s={}){if(super(),this.$module=void 0,this.config=void 0,!(e instanceof HTMLElement))throw new d({componentName:"Error summary",element:e,identifier:"Root element (`$module`)"});this.$module=e,this.config=t(y.defaults,s,l(y,e.dataset)),this.config.disableAutoFocus||o(this.$module),this.$module.addEventListener("click",(e=>this.handleClick(e)))}handleClick(e){const t=e.target;t&&this.focusTarget(t)&&e.preventDefault()}focusTarget(e){if(!(e instanceof HTMLAnchorElement))return!1;const t=i(e.href);if(!t)return!1;const s=document.getElementById(t);if(!s)return!1;const n=this.getAssociatedLegendOrLabel(s);return!!n&&(n.scrollIntoView(),s.focus({preventScroll:!0}),!0)}getAssociatedLegendOrLabel(e){var t;const s=e.closest("fieldset");if(s){const t=s.getElementsByTagName("legend");if(t.length){const s=t[0];if(e instanceof HTMLInputElement&&("checkbox"===e.type||"radio"===e.type))return s;const i=s.getBoundingClientRect().top,n=e.getBoundingClientRect();if(n.height&&window.innerHeight){if(n.top+n.height-i<window.innerHeight/2)return s}}}return null!=(t=document.querySelector(`label[for='${e.getAttribute("id")}']`))?t:e.closest("label")}}y.moduleName="govuk-error-summary",y.defaults=Object.freeze({disableAutoFocus:!1}),y.schema=Object.freeze({properties:{disableAutoFocus:{type:"boolean"}}});
|
|
50
50
|
/**
|
|
51
51
|
* Exit this page component
|
|
52
52
|
*
|
|
53
53
|
* @preserve
|
|
54
54
|
*/
|
|
55
|
-
class k extends
|
|
55
|
+
class k extends m{constructor(e,s={}){if(super(),this.$module=void 0,this.config=void 0,this.i18n=void 0,this.$button=void 0,this.$skiplinkButton=null,this.$updateSpan=null,this.$indicatorContainer=null,this.$overlay=null,this.keypressCounter=0,this.lastKeyWasModified=!1,this.timeoutTime=5e3,this.keypressTimeoutId=null,this.timeoutMessageId=null,!(e instanceof HTMLElement))throw new d({componentName:"Exit this page",element:e,identifier:"Root element (`$module`)"});const i=e.querySelector(".govuk-exit-this-page__button");if(!(i instanceof HTMLAnchorElement))throw new d({componentName:"Exit this page",element:i,expectedType:"HTMLAnchorElement",identifier:"Button (`.govuk-exit-this-page__button`)"});this.config=t(k.defaults,s,l(k,e.dataset)),this.i18n=new p(this.config.i18n),this.$module=e,this.$button=i;const n=document.querySelector(".govuk-js-exit-this-page-skiplink");n instanceof HTMLAnchorElement&&(this.$skiplinkButton=n),this.buildIndicator(),this.initUpdateSpan(),this.initButtonClickHandler(),"govukFrontendExitThisPageKeypress"in document.body.dataset||(document.addEventListener("keyup",this.handleKeypress.bind(this),!0),document.body.dataset.govukFrontendExitThisPageKeypress="true"),window.addEventListener("pageshow",this.resetPage.bind(this))}initUpdateSpan(){this.$updateSpan=document.createElement("span"),this.$updateSpan.setAttribute("role","status"),this.$updateSpan.className="govuk-visually-hidden",this.$module.appendChild(this.$updateSpan)}initButtonClickHandler(){this.$button.addEventListener("click",this.handleClick.bind(this)),this.$skiplinkButton&&this.$skiplinkButton.addEventListener("click",this.handleClick.bind(this))}buildIndicator(){this.$indicatorContainer=document.createElement("div"),this.$indicatorContainer.className="govuk-exit-this-page__indicator",this.$indicatorContainer.setAttribute("aria-hidden","true");for(let e=0;e<3;e++){const e=document.createElement("div");e.className="govuk-exit-this-page__indicator-light",this.$indicatorContainer.appendChild(e)}this.$button.appendChild(this.$indicatorContainer)}updateIndicator(){if(!this.$indicatorContainer)return;this.$indicatorContainer.classList.toggle("govuk-exit-this-page__indicator--visible",this.keypressCounter>0);this.$indicatorContainer.querySelectorAll(".govuk-exit-this-page__indicator-light").forEach(((e,t)=>{e.classList.toggle("govuk-exit-this-page__indicator-light--on",t<this.keypressCounter)}))}exitPage(){this.$updateSpan&&(this.$updateSpan.textContent="",document.body.classList.add("govuk-exit-this-page-hide-content"),this.$overlay=document.createElement("div"),this.$overlay.className="govuk-exit-this-page-overlay",this.$overlay.setAttribute("role","alert"),document.body.appendChild(this.$overlay),this.$overlay.textContent=this.i18n.t("activated"),window.location.href=this.$button.href)}handleClick(e){e.preventDefault(),this.exitPage()}handleKeypress(e){this.$updateSpan&&("Shift"!==e.key||this.lastKeyWasModified?this.keypressTimeoutId&&this.resetKeypressTimer():(this.keypressCounter+=1,this.updateIndicator(),this.timeoutMessageId&&(window.clearTimeout(this.timeoutMessageId),this.timeoutMessageId=null),this.keypressCounter>=3?(this.keypressCounter=0,this.keypressTimeoutId&&(window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=null),this.exitPage()):1===this.keypressCounter?this.$updateSpan.textContent=this.i18n.t("pressTwoMoreTimes"):this.$updateSpan.textContent=this.i18n.t("pressOneMoreTime"),this.setKeypressTimer()),this.lastKeyWasModified=e.shiftKey)}setKeypressTimer(){this.keypressTimeoutId&&window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=window.setTimeout(this.resetKeypressTimer.bind(this),this.timeoutTime)}resetKeypressTimer(){if(!this.$updateSpan)return;this.keypressTimeoutId&&(window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=null);const e=this.$updateSpan;this.keypressCounter=0,e.textContent=this.i18n.t("timedOut"),this.timeoutMessageId=window.setTimeout((()=>{e.textContent=""}),this.timeoutTime),this.updateIndicator()}resetPage(){document.body.classList.remove("govuk-exit-this-page-hide-content"),this.$overlay&&(this.$overlay.remove(),this.$overlay=null),this.$updateSpan&&(this.$updateSpan.setAttribute("role","status"),this.$updateSpan.textContent=""),this.updateIndicator(),this.keypressTimeoutId&&window.clearTimeout(this.keypressTimeoutId),this.timeoutMessageId&&window.clearTimeout(this.timeoutMessageId)}}k.moduleName="govuk-exit-this-page",k.defaults=Object.freeze({i18n:{activated:"Loading.",timedOut:"Exit this page expired.",pressTwoMoreTimes:"Shift, press 2 more times to exit.",pressOneMoreTime:"Shift, press 1 more time to exit."}}),k.schema=Object.freeze({properties:{i18n:{type:"object"}}});(
|
|
56
56
|
/**
|
|
57
57
|
* Header component
|
|
58
58
|
*
|
|
59
59
|
* @preserve
|
|
60
60
|
*/
|
|
61
|
-
class extends
|
|
61
|
+
class extends m{constructor(e){if(super(),this.$module=void 0,this.$menuButton=void 0,this.$menu=void 0,this.menuIsOpen=!1,this.mql=null,!e)throw new d({componentName:"Header",element:e,identifier:"Root element (`$module`)"});this.$module=e;const t=e.querySelector(".govuk-js-header-toggle");if(!t)return this;const s=t.getAttribute("aria-controls");if(!s)throw new d({componentName:"Header",identifier:'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'});const i=document.getElementById(s);if(!i)throw new d({componentName:"Header",element:i,identifier:`Navigation (\`<ul id="${s}">\`)`});this.$menu=i,this.$menuButton=t,this.setupResponsiveChecks(),this.$menuButton.addEventListener("click",(()=>this.handleMenuButtonClick()))}setupResponsiveChecks(){const e=n("desktop");if(!e.value)throw new d({componentName:"Header",identifier:`CSS custom property (\`${e.property}\`) on pseudo-class \`:root\``});this.mql=window.matchMedia(`(min-width: ${e.value})`),"addEventListener"in this.mql?this.mql.addEventListener("change",(()=>this.checkMode())):this.mql.addListener((()=>this.checkMode())),this.checkMode()}checkMode(){this.mql&&this.$menu&&this.$menuButton&&(this.mql.matches?(this.$menu.removeAttribute("hidden"),this.$menuButton.setAttribute("hidden","")):(this.$menuButton.removeAttribute("hidden"),this.$menuButton.setAttribute("aria-expanded",this.menuIsOpen.toString()),this.menuIsOpen?this.$menu.removeAttribute("hidden"):this.$menu.setAttribute("hidden","")))}handleMenuButtonClick(){this.menuIsOpen=!this.menuIsOpen,this.checkMode()}}).moduleName="govuk-header";
|
|
62
62
|
/**
|
|
63
63
|
* Notification Banner component
|
|
64
64
|
*
|
|
65
65
|
* @preserve
|
|
66
66
|
*/
|
|
67
|
-
class C extends
|
|
67
|
+
class C extends m{constructor(e,s={}){if(super(),this.$module=void 0,this.config=void 0,!(e instanceof HTMLElement))throw new d({componentName:"Notification banner",element:e,identifier:"Root element (`$module`)"});this.$module=e,this.config=t(C.defaults,s,l(C,e.dataset)),"alert"!==this.$module.getAttribute("role")||this.config.disableAutoFocus||o(this.$module)}}C.moduleName="govuk-notification-banner",C.defaults=Object.freeze({disableAutoFocus:!1}),C.schema=Object.freeze({properties:{disableAutoFocus:{type:"boolean"}}});
|
|
68
|
+
/**
|
|
69
|
+
* Password input component
|
|
70
|
+
*
|
|
71
|
+
* @preserve
|
|
72
|
+
*/
|
|
73
|
+
class A extends m{constructor(e,s={}){if(super(),this.$module=void 0,this.config=void 0,this.i18n=void 0,this.$input=void 0,this.$showHideButton=void 0,this.$screenReaderStatusMessage=void 0,!(e instanceof HTMLElement))throw new d({componentName:"Password input",element:e,identifier:"Root element (`$module`)"});const i=e.querySelector(".govuk-js-password-input-input");if(!(i instanceof HTMLInputElement))throw new d({componentName:"Password input",element:i,expectedType:"HTMLInputElement",identifier:"Form field (`.govuk-js-password-input-input`)"});if("password"!==i.type)throw new d("Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.");const n=e.querySelector(".govuk-js-password-input-toggle");if(!(n instanceof HTMLButtonElement))throw new d({componentName:"Password input",element:n,expectedType:"HTMLButtonElement",identifier:"Button (`.govuk-js-password-input-toggle`)"});if("button"!==n.type)throw new d("Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.");this.$module=e,this.$input=i,this.$showHideButton=n,this.config=t(A.defaults,s,l(A,e.dataset)),this.i18n=new p(this.config.i18n,{locale:v(e,"lang")}),this.$showHideButton.removeAttribute("hidden");const o=document.createElement("div");o.className="govuk-password-input__sr-status govuk-visually-hidden",o.setAttribute("aria-live","polite"),this.$screenReaderStatusMessage=o,this.$input.insertAdjacentElement("afterend",o),this.$showHideButton.addEventListener("click",this.toggle.bind(this)),this.$input.form&&this.$input.form.addEventListener("submit",(()=>this.hide())),window.addEventListener("pageshow",(e=>{e.persisted&&"password"!==this.$input.type&&this.hide()})),this.hide()}toggle(e){e.preventDefault(),"password"!==this.$input.type?this.hide():this.show()}show(){this.setType("text")}hide(){this.setType("password")}setType(e){if(e===this.$input.type)return;this.$input.setAttribute("type",e);const t="password"===e,s=t?"show":"hide",i=t?"passwordHidden":"passwordShown";this.$showHideButton.innerText=this.i18n.t(`${s}Password`),this.$showHideButton.setAttribute("aria-label",this.i18n.t(`${s}PasswordAriaLabel`)),this.$screenReaderStatusMessage.innerText=this.i18n.t(`${i}Announcement`)}}A.moduleName="govuk-password-input",A.defaults=Object.freeze({i18n:{showPassword:"Show",hidePassword:"Hide",showPasswordAriaLabel:"Show password",hidePasswordAriaLabel:"Hide password",passwordShownAnnouncement:"Your password is visible",passwordHiddenAnnouncement:"Your password is hidden"}}),A.schema=Object.freeze({properties:{i18n:{type:"object"}}});
|
|
68
74
|
/**
|
|
69
75
|
* Radios component
|
|
70
76
|
*
|
|
71
77
|
* @preserve
|
|
72
78
|
*/
|
|
73
|
-
class
|
|
79
|
+
class x extends m{constructor(e){if(super(),this.$module=void 0,this.$inputs=void 0,!(e instanceof HTMLElement))throw new d({componentName:"Radios",element:e,identifier:"Root element (`$module`)"});const t=e.querySelectorAll('input[type="radio"]');if(!t.length)throw new d({componentName:"Radios",identifier:'Form inputs (`<input type="radio">`)'});this.$module=e,this.$inputs=t,this.$inputs.forEach((e=>{const t=e.getAttribute("data-aria-controls");if(t){if(!document.getElementById(t))throw new d({componentName:"Radios",identifier:`Conditional reveal (\`id="${t}"\`)`});e.setAttribute("aria-controls",t),e.removeAttribute("data-aria-controls")}})),window.addEventListener("pageshow",(()=>this.syncAllConditionalReveals())),this.syncAllConditionalReveals(),this.$module.addEventListener("click",(e=>this.handleClick(e)))}syncAllConditionalReveals(){this.$inputs.forEach((e=>this.syncConditionalRevealWithInputState(e)))}syncConditionalRevealWithInputState(e){const t=e.getAttribute("aria-controls");if(!t)return;const s=document.getElementById(t);if(null!=s&&s.classList.contains("govuk-radios__conditional")){const t=e.checked;e.setAttribute("aria-expanded",t.toString()),s.classList.toggle("govuk-radios__conditional--hidden",!t)}}handleClick(e){const t=e.target;if(!(t instanceof HTMLInputElement)||"radio"!==t.type)return;const s=document.querySelectorAll('input[type="radio"][aria-controls]'),i=t.form,n=t.name;s.forEach((e=>{const t=e.form===i;e.name===n&&t&&this.syncConditionalRevealWithInputState(e)}))}}x.moduleName="govuk-radios";(
|
|
74
80
|
/**
|
|
75
81
|
* Skip link component
|
|
76
82
|
*
|
|
77
83
|
* @preserve
|
|
78
84
|
*/
|
|
79
|
-
class extends
|
|
85
|
+
class extends m{constructor(e){var t;if(super(),this.$module=void 0,!(e instanceof HTMLAnchorElement))throw new d({componentName:"Skip link",element:e,expectedType:"HTMLAnchorElement",identifier:"Root element (`$module`)"});this.$module=e;const s=this.$module.hash,n=null!=(t=this.$module.getAttribute("href"))?t:"";let a;try{a=new window.URL(this.$module.href)}catch(e){throw new d(`Skip link: Target link (\`href="${n}"\`) is invalid`)}if(a.origin!==window.location.origin||a.pathname!==window.location.pathname)return;const r=i(s);if(!r)throw new d(`Skip link: Target link (\`href="${n}"\`) has no hash fragment`);const l=document.getElementById(r);if(!l)throw new d({componentName:"Skip link",element:l,identifier:`Target content (\`id="${r}"\`)`});this.$module.addEventListener("click",(()=>o(l,{onBeforeFocus(){l.classList.add("govuk-skip-link-focused-element")},onBlur(){l.classList.remove("govuk-skip-link-focused-element")}})))}}).moduleName="govuk-skip-link";function S(e){let t;if(e=void 0!==e?e:{},!a())return void console.log(new h);const s=[[b,e.button],[w,e.characterCount],[$],[y,e.errorSummary],[x],[A,e.passwordInput]],i=null!=(t=e.scope)?t:document;s.forEach((([e,t])=>{i.querySelectorAll(`[data-module="${e.moduleName}"]`).forEach((s=>{try{"defaults"in e?new e(s,t):new e(s)}catch(e){console.log(e)}}))}))}(
|
|
80
86
|
/**
|
|
81
87
|
* Tabs component
|
|
82
88
|
*
|
|
83
89
|
* @preserve
|
|
84
90
|
*/
|
|
85
|
-
class extends
|
|
91
|
+
class extends m{constructor(e){if(super(),this.$module=void 0,this.$tabs=void 0,this.$tabList=void 0,this.$tabListItems=void 0,this.jsHiddenClass="govuk-tabs__panel--hidden",this.changingHash=!1,this.boundTabClick=void 0,this.boundTabKeydown=void 0,this.boundOnHashChange=void 0,this.mql=null,!e)throw new d({componentName:"Tabs",element:e,identifier:"Root element (`$module`)"});const t=e.querySelectorAll("a.govuk-tabs__tab");if(!t.length)throw new d({componentName:"Tabs",identifier:'Links (`<a class="govuk-tabs__tab">`)'});this.$module=e,this.$tabs=t,this.boundTabClick=this.onTabClick.bind(this),this.boundTabKeydown=this.onTabKeydown.bind(this),this.boundOnHashChange=this.onHashChange.bind(this);const s=this.$module.querySelector(".govuk-tabs__list"),i=this.$module.querySelectorAll("li.govuk-tabs__list-item");if(!s)throw new d({componentName:"Tabs",identifier:'List (`<ul class="govuk-tabs__list">`)'});if(!i.length)throw new d({componentName:"Tabs",identifier:'List items (`<li class="govuk-tabs__list-item">`)'});this.$tabList=s,this.$tabListItems=i,this.setupResponsiveChecks()}setupResponsiveChecks(){const e=n("tablet");if(!e.value)throw new d({componentName:"Tabs",identifier:`CSS custom property (\`${e.property}\`) on pseudo-class \`:root\``});this.mql=window.matchMedia(`(min-width: ${e.value})`),"addEventListener"in this.mql?this.mql.addEventListener("change",(()=>this.checkMode())):this.mql.addListener((()=>this.checkMode())),this.checkMode()}checkMode(){var e;null!=(e=this.mql)&&e.matches?this.setup():this.teardown()}setup(){var e;this.$tabList.setAttribute("role","tablist"),this.$tabListItems.forEach((e=>{e.setAttribute("role","presentation")})),this.$tabs.forEach((e=>{this.setAttributes(e),e.addEventListener("click",this.boundTabClick,!0),e.addEventListener("keydown",this.boundTabKeydown,!0),this.hideTab(e)}));const t=null!=(e=this.getTab(window.location.hash))?e:this.$tabs[0];this.showTab(t),window.addEventListener("hashchange",this.boundOnHashChange,!0)}teardown(){this.$tabList.removeAttribute("role"),this.$tabListItems.forEach((e=>{e.removeAttribute("role")})),this.$tabs.forEach((e=>{e.removeEventListener("click",this.boundTabClick,!0),e.removeEventListener("keydown",this.boundTabKeydown,!0),this.unsetAttributes(e)})),window.removeEventListener("hashchange",this.boundOnHashChange,!0)}onHashChange(){const e=window.location.hash,t=this.getTab(e);if(!t)return;if(this.changingHash)return void(this.changingHash=!1);const s=this.getCurrentTab();s&&(this.hideTab(s),this.showTab(t),t.focus())}hideTab(e){this.unhighlightTab(e),this.hidePanel(e)}showTab(e){this.highlightTab(e),this.showPanel(e)}getTab(e){return this.$module.querySelector(`a.govuk-tabs__tab[href="${e}"]`)}setAttributes(e){const t=i(e.href);if(!t)return;e.setAttribute("id",`tab_${t}`),e.setAttribute("role","tab"),e.setAttribute("aria-controls",t),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1");const s=this.getPanel(e);s&&(s.setAttribute("role","tabpanel"),s.setAttribute("aria-labelledby",e.id),s.classList.add(this.jsHiddenClass))}unsetAttributes(e){e.removeAttribute("id"),e.removeAttribute("role"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-selected"),e.removeAttribute("tabindex");const t=this.getPanel(e);t&&(t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.classList.remove(this.jsHiddenClass))}onTabClick(e){const t=this.getCurrentTab(),s=e.currentTarget;t&&s instanceof HTMLAnchorElement&&(e.preventDefault(),this.hideTab(t),this.showTab(s),this.createHistoryEntry(s))}createHistoryEntry(e){const t=this.getPanel(e);if(!t)return;const s=t.id;t.id="",this.changingHash=!0,window.location.hash=s,t.id=s}onTabKeydown(e){switch(e.key){case"ArrowLeft":case"ArrowUp":case"Left":case"Up":this.activatePreviousTab(),e.preventDefault();break;case"ArrowRight":case"ArrowDown":case"Right":case"Down":this.activateNextTab(),e.preventDefault()}}activateNextTab(){const e=this.getCurrentTab();if(null==e||!e.parentElement)return;const t=e.parentElement.nextElementSibling;if(!t)return;const s=t.querySelector("a.govuk-tabs__tab");s&&(this.hideTab(e),this.showTab(s),s.focus(),this.createHistoryEntry(s))}activatePreviousTab(){const e=this.getCurrentTab();if(null==e||!e.parentElement)return;const t=e.parentElement.previousElementSibling;if(!t)return;const s=t.querySelector("a.govuk-tabs__tab");s&&(this.hideTab(e),this.showTab(s),s.focus(),this.createHistoryEntry(s))}getPanel(e){const t=i(e.href);return t?this.$module.querySelector(`#${t}`):null}showPanel(e){const t=this.getPanel(e);t&&t.classList.remove(this.jsHiddenClass)}hidePanel(e){const t=this.getPanel(e);t&&t.classList.add(this.jsHiddenClass)}unhighlightTab(e){e.parentElement&&(e.setAttribute("aria-selected","false"),e.parentElement.classList.remove("govuk-tabs__list-item--selected"),e.setAttribute("tabindex","-1"))}highlightTab(e){e.parentElement&&(e.setAttribute("aria-selected","true"),e.parentElement.classList.add("govuk-tabs__list-item--selected"),e.setAttribute("tabindex","0"))}getCurrentTab(){return this.$module.querySelector(".govuk-tabs__list-item--selected a.govuk-tabs__tab")}}).moduleName="govuk-tabs";export{b as Button,w as CharacterCount,$ as Checkboxes,y as ErrorSummary,A as PasswordInput,x as Radios,S as initAll};
|
data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/password-input/_index.scss
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
@import "../button/index";
|
|
2
|
+
@import "../input/index";
|
|
3
|
+
|
|
4
|
+
@include govuk-exports("govuk/component/password-input") {
|
|
5
|
+
.govuk-password-input__wrapper {
|
|
6
|
+
// This element inherits styles from .govuk-input__wrapper, including:
|
|
7
|
+
// - being display: block with contents in a stacked column below the mobile breakpoint
|
|
8
|
+
// - being display: flex above the mobile breakpoint
|
|
9
|
+
|
|
10
|
+
@include govuk-media-query($from: mobile) {
|
|
11
|
+
flex-direction: row;
|
|
12
|
+
|
|
13
|
+
// The default of `stretch` makes the toggle button appear taller than the input, due to using
|
|
14
|
+
// box-shadow, which we don't particularly want in this situation
|
|
15
|
+
align-items: flex-start;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.govuk-password-input__input {
|
|
20
|
+
// IE 11 and Microsoft Edge comes with its own password reveal function. We want to hide it,
|
|
21
|
+
// so that there aren't two controls presented to the user that do the same thing but aren't in
|
|
22
|
+
// sync with one another. This doesn't affect the function that allows Edge users to toggle
|
|
23
|
+
// password visibility by pressing Alt+F8, which cannot be programatically disabled.
|
|
24
|
+
&::-ms-reveal {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.govuk-password-input__toggle {
|
|
30
|
+
// Add margin to the top so that the button doesn't obscure the input's focus style
|
|
31
|
+
margin-top: govuk-spacing(1);
|
|
32
|
+
|
|
33
|
+
// Remove default margin-bottom from button
|
|
34
|
+
margin-bottom: 0;
|
|
35
|
+
|
|
36
|
+
// Hide the button by default, JS removes this attribute
|
|
37
|
+
&[hidden] {
|
|
38
|
+
display: none;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@include govuk-media-query($from: mobile) {
|
|
42
|
+
// Buttons are normally 100% width on this breakpoint, but we don't want that in this case
|
|
43
|
+
width: auto;
|
|
44
|
+
flex-grow: 1;
|
|
45
|
+
flex-shrink: 0;
|
|
46
|
+
flex-basis: 5em;
|
|
47
|
+
|
|
48
|
+
// Move the spacing from top to the left
|
|
49
|
+
margin-top: 0;
|
|
50
|
+
margin-left: govuk-spacing(1);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/*# sourceMappingURL=_index.scss.map */
|
data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
// This variable is automatically overwritten during builds and releases.
|
|
3
3
|
// It doesn't need to be updated manually.
|
|
4
|
-
--govuk-frontend-version: "5.
|
|
4
|
+
--govuk-frontend-version: "5.3.0";
|
|
5
5
|
|
|
6
6
|
// CSS custom property for each breakpoint
|
|
7
7
|
@each $name, $value in $govuk-breakpoints {
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: katalyst-govuk-formbuilder
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: 1.9.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Katalyst Interactive
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-
|
|
11
|
+
date: 2024-04-04 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: govuk_design_system_formbuilder
|
|
@@ -96,6 +96,8 @@ files:
|
|
|
96
96
|
- vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/pagination/_pagination.scss
|
|
97
97
|
- vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/panel/_index.scss
|
|
98
98
|
- vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/panel/_panel.scss
|
|
99
|
+
- vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/password-input/_index.scss
|
|
100
|
+
- vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/password-input/_password-input.scss
|
|
99
101
|
- vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/phase-banner/_index.scss
|
|
100
102
|
- vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss
|
|
101
103
|
- vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/radios/_index.scss
|