@onsvisual/svelte-components 1.0.66 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Em/Em.svelte +1 -1
- package/dist/components/Footer/Footer.svelte +23 -7
- package/dist/components/Header/Header.stories.svelte +5 -1
- package/dist/components/Header/Header.svelte +22 -19
- package/dist/components/Header/Header.svelte.d.ts +2 -0
- package/dist/components/Header/HeaderNav.svelte +580 -140
- package/dist/components/Header/HeaderNav.svelte.d.ts +12 -4
- package/dist/components/Header/HeaderNavCompact.svelte +185 -0
- package/dist/components/Header/HeaderNavCompact.svelte.d.ts +27 -0
- package/dist/components/Header/HeaderNavLegacy.svelte +3 -1
- package/dist/components/Header/HeaderNavLegacy.svelte.d.ts +4 -4
- package/dist/components/Header/nav.d.ts +1 -1
- package/dist/components/Header/nav.js +221 -247
- package/dist/components/Header/navLegacy.d.ts +1 -0
- package/dist/components/Header/navLegacy.js +271 -0
- package/dist/components/Indent/Indent.stories.svelte +1 -1
- package/dist/components/ShareButtons/ShareButtons.svelte +101 -88
- package/dist/components/ShareButtons/ShareButtons.svelte.d.ts +2 -0
- package/dist/css/main.css +1 -1
- package/package.json +4 -2
|
@@ -1,11 +1,248 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { onMount } from "svelte";
|
|
3
|
+
import initNav from "./nav.js";
|
|
4
|
+
|
|
5
|
+
export let darkMode = false;
|
|
6
|
+
export let border = false;
|
|
7
|
+
export let bilingual = true;
|
|
8
|
+
export let lang = "en";
|
|
4
9
|
export let baseurl = "https://www.ons.gov.uk";
|
|
10
|
+
export let baseother = "https://cy.ons.gov.uk";
|
|
11
|
+
export let path = "";
|
|
5
12
|
export let i18n = (text) => text;
|
|
13
|
+
|
|
14
|
+
let el; // Header HTML element
|
|
15
|
+
|
|
16
|
+
const menu = {
|
|
17
|
+
main: [
|
|
18
|
+
{
|
|
19
|
+
label_en: "Taking part in a survey?",
|
|
20
|
+
label_cy: "Cymryd rhan mewn arolwg?",
|
|
21
|
+
description_en: "It's never been more important.",
|
|
22
|
+
description_cy: "Nid yw erioed wedi bod mor bwysig.",
|
|
23
|
+
url: "/surveys"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
label_en: "Release calendar",
|
|
27
|
+
label_cy: "Calendar datganiadau",
|
|
28
|
+
description_en: "View our latest and upcoming releases.",
|
|
29
|
+
description_cy: "Gweld ein datganiadau",
|
|
30
|
+
url: "/releasecalendar"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
label_en: "Methodology",
|
|
34
|
+
label_cy: "Methodoleg",
|
|
35
|
+
description_en: "Information on our methods.",
|
|
36
|
+
description_cy: "Gwybodaeth am ein dulliau.",
|
|
37
|
+
url: "/methodology"
|
|
38
|
+
}
|
|
39
|
+
],
|
|
40
|
+
topics: [
|
|
41
|
+
{
|
|
42
|
+
label_en: "People, population and community",
|
|
43
|
+
label_cy: "Pobl, y boblogaeth a chymunedau",
|
|
44
|
+
url: "/peoplepopulationandcommunity",
|
|
45
|
+
children: [
|
|
46
|
+
{
|
|
47
|
+
label_en: "Armed forces community",
|
|
48
|
+
label_cy: "Cymuned y Lluoedd Arfog",
|
|
49
|
+
url: "/peoplepopulationandcommunity/armedforcescommunity"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
label_en: "Births, deaths and marriages",
|
|
53
|
+
label_cy: "Genedigaethau, marwolaethau a phriodasau",
|
|
54
|
+
url: "/peoplepopulationandcommunity/birthsdeathsandmarriages"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
label_en: "Crime and justice",
|
|
58
|
+
label_cy: "Troseddu a chyfiawnder",
|
|
59
|
+
url: "/peoplepopulationandcommunity/crimeandjustice"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
label_en: "Cultural identity",
|
|
63
|
+
label_cy: "Hunaniaeth ddiwylliannol",
|
|
64
|
+
url: "/peoplepopulationandcommunity/culturalidentity"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
label_en: "Education and childcare",
|
|
68
|
+
label_cy: "Addysg a gofal plant",
|
|
69
|
+
url: "/peoplepopulationandcommunity/educationandchildcare"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
label_en: "Elections",
|
|
73
|
+
label_cy: "Etholiadau",
|
|
74
|
+
url: "/peoplepopulationandcommunity/elections"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
label_en: "Health and social care",
|
|
78
|
+
label_cy: "Iechyd a gofal cymdeithasol",
|
|
79
|
+
url: "/peoplepopulationandcommunity/healthandsocialcare"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
label_en: "Household characteristics",
|
|
83
|
+
label_cy: "Nodweddion aelwydydd",
|
|
84
|
+
url: "/peoplepopulationandcommunity/householdcharacteristics"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
label_en: "Housing",
|
|
88
|
+
label_cy: "Tai",
|
|
89
|
+
url: "/peoplepopulationandcommunity/housing"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
label_en: "Leisure and tourism",
|
|
93
|
+
label_cy: "Hamdden a thwristiaeth",
|
|
94
|
+
url: "/peoplepopulationandcommunity/leisureandtourism"
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
label_en: "Personal and household finances",
|
|
98
|
+
label_cy: "Cyllid personol a chyllid aelwydydd",
|
|
99
|
+
url: "/peoplepopulationandcommunity/personalandhouseholdfinances"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
label_en: "Population and migration",
|
|
103
|
+
label_cy: "Poblogaeth ac ymfudo",
|
|
104
|
+
url: "/peoplepopulationandcommunity/populationandmigration"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
label_en: "Well-being",
|
|
108
|
+
label_cy: "Lles",
|
|
109
|
+
url: "/peoplepopulationandcommunity/wellbeing"
|
|
110
|
+
}
|
|
111
|
+
]
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
label_en: "Business, industry and trade",
|
|
115
|
+
label_cy: "Busnes, diwydiant a masnach",
|
|
116
|
+
url: "/businessindustryandtrade",
|
|
117
|
+
children: [
|
|
118
|
+
{
|
|
119
|
+
label_en: "Business",
|
|
120
|
+
label_cy: "Busnes",
|
|
121
|
+
url: "/businessindustryandtrade/business"
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
label_en: "Changes to business",
|
|
125
|
+
label_cy: "Newidiadau i fusnesau",
|
|
126
|
+
url: "/businessindustryandtrade/changestobusiness"
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
label_en: "Construction industry",
|
|
130
|
+
label_cy: "Diwydiant adeiladu",
|
|
131
|
+
url: "/businessindustryandtrade/itandinternetindustry"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
label_en: "International trade",
|
|
135
|
+
label_cy: "Masnach ryngwladol",
|
|
136
|
+
url: "/businessindustryandtrade/constructionindustry"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
label_en: "IT and internet industry",
|
|
140
|
+
label_cy: "Y diwydiant TGCh a'r rhyngrwyd",
|
|
141
|
+
url: "/businessindustryandtrade/internationaltrade"
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
label_en: "Manufacturing and production industry",
|
|
145
|
+
label_cy: "Y diwydiant gweithgynhyrchu a chynhyrchu",
|
|
146
|
+
url: "/businessindustryandtrade/manufacturingandproductionindustry"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
label_en: "Retail industry",
|
|
150
|
+
label_cy: "Y diwydiant manwerthu",
|
|
151
|
+
url: "/businessindustryandtrade/retailindustry"
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
label_en: "Tourism industry",
|
|
155
|
+
label_cy: "Y diwydiant twristiaeth",
|
|
156
|
+
url: "/businessindustryandtrade/tourismindustry"
|
|
157
|
+
}
|
|
158
|
+
]
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
label_en: "Employment and labour market",
|
|
162
|
+
label_cy: "Cyflogaeth a'r farchnad lafur",
|
|
163
|
+
url: "/employmentandlabourmarket",
|
|
164
|
+
children: [
|
|
165
|
+
{
|
|
166
|
+
label_en: "People in work",
|
|
167
|
+
label_cy: "Pobl mewn gwaith",
|
|
168
|
+
url: "/employmentandlabourmarket/peopleinwork"
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
label_en: "People not in work",
|
|
172
|
+
label_cy: "Pobl nad ydynt mewn gwaith",
|
|
173
|
+
url: "/employmentandlabourmarket/peoplenotinwork"
|
|
174
|
+
}
|
|
175
|
+
]
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
label_en: "Economy",
|
|
179
|
+
label_cy: "Yr economi",
|
|
180
|
+
url: "/economy",
|
|
181
|
+
children: [
|
|
182
|
+
{
|
|
183
|
+
label_en: "Economic output and productivity",
|
|
184
|
+
label_cy: "Allbwn economaidd a chynhyrchiant",
|
|
185
|
+
url: "/economy/economicoutputandproductivity"
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
label_en: "Government, public sector and taxes",
|
|
189
|
+
label_cy: "Llywodraeth, y sector cyhoeddus a threthi",
|
|
190
|
+
url: "/economy/governmentpublicsectorandtaxes"
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
label_en: "Gross Value Added (GVA)",
|
|
194
|
+
label_cy: "Gwerth Ychwanegol Gros",
|
|
195
|
+
url: "/economy/grossvalueaddedgva"
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
label_en: "Investments, pensions and trusts",
|
|
199
|
+
label_cy: "Buddsoddiadau, pensiynau ac ymddiriedolaethau",
|
|
200
|
+
url: "/economy/investmentspensionsandtrusts"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
label_en: "Regional accounts",
|
|
204
|
+
label_cy: "Cyfrifon rhanbarthol",
|
|
205
|
+
url: "/economy/regionalaccounts"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
label_en: "Environmental accounts",
|
|
209
|
+
label_cy: "Cyfrifon amgylcheddol",
|
|
210
|
+
url: "/economy/environmentalaccounts"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
label_en: "Gross Domestic Product (GDP)",
|
|
214
|
+
label_cy: "Cynnyrch Domestig Gros (CDG)",
|
|
215
|
+
url: "/economy/grossdomesticproductgdp"
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
label_en: "Inflation and price indices",
|
|
219
|
+
label_cy: "Chwyddiant a mynegrifau prisiau",
|
|
220
|
+
url: "/economy/inflationandpriceindices"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
label_en: "National Accounts",
|
|
224
|
+
label_cy: "Cyfrifon gwladol",
|
|
225
|
+
url: "/economy/nationalaccounts"
|
|
226
|
+
}
|
|
227
|
+
]
|
|
228
|
+
}
|
|
229
|
+
],
|
|
230
|
+
searches: [
|
|
231
|
+
{ label_en: "Cost of living", label_cy: "cost byw" },
|
|
232
|
+
{ label_en: "Inflation", label_cy: "Chwyddiant" },
|
|
233
|
+
{ label_en: "NHS waiting times", label_cy: "Amseroedd aros y GIG" },
|
|
234
|
+
{ label_en: "Wellbeing", label_cy: "Llesiant" },
|
|
235
|
+
{ label_en: "Baby names", label_cy: "Enwau babanod" }
|
|
236
|
+
]
|
|
237
|
+
};
|
|
238
|
+
const columns = [[menu.topics[0]], [menu.topics[1], menu.topics[2]], [menu.topics[3]]];
|
|
239
|
+
|
|
240
|
+
onMount(() => {
|
|
241
|
+
initNav(el?.parentElement || document);
|
|
242
|
+
});
|
|
6
243
|
</script>
|
|
7
244
|
|
|
8
|
-
<div class="ons-browser-banner">
|
|
245
|
+
<div class="ons-browser-banner" bind:this={el}>
|
|
9
246
|
<div class="ons-container">
|
|
10
247
|
<p class="ons-browser-banner__content">
|
|
11
248
|
<span class="ons-browser-banner__lead">This website no longer supports your browser.</span
|
|
@@ -17,157 +254,360 @@
|
|
|
17
254
|
</p>
|
|
18
255
|
</div>
|
|
19
256
|
</div>
|
|
20
|
-
<div class="ons-header__top" class:ons-header__top--
|
|
257
|
+
<div class="ons-header__top" class:ons-header__top--border={border}>
|
|
21
258
|
<div class="ons-container">
|
|
22
259
|
<div
|
|
23
260
|
class="ons-header__grid-top ons-grid ons-grid-flex ons-grid-flex--between ons-grid-flex--vertical-center ons-grid-flex--no-wrap ons-grid--gutterless"
|
|
24
261
|
>
|
|
25
262
|
<div class="ons-grid__col ons-col-auto">
|
|
26
|
-
<
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
263
|
+
<div class="ons-header__org-logo ons-header__org-logo--large">
|
|
264
|
+
<svg
|
|
265
|
+
class="ons-icon--logo"
|
|
266
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
267
|
+
width="250"
|
|
268
|
+
height="24"
|
|
269
|
+
viewBox="33 2 552 60"
|
|
270
|
+
aria-labelledby="ons-logo-en-alt"
|
|
271
|
+
role="img"
|
|
272
|
+
>
|
|
273
|
+
<title id="ons-logo-en-alt">{i18n("Office for National Statistics logo")}</title>
|
|
274
|
+
<g class="ons-icon--logo__group ons-icon--logo__group--secondary" fill="#a8bd3a">
|
|
275
|
+
<path
|
|
276
|
+
d="M0,34.6c.8-1.69,1.39-3,2.32-4.6A38.28,38.28,0,0,1,0,23.4V34.6M5,3S0,3,0,9.25v1A62.12,62.12,0,0,0,4.2,27a43.77,43.77,0,0,1,9.42-10.79C21.69,9.21,31.16,5.13,45.9,3Z"
|
|
277
|
+
/>
|
|
278
|
+
</g>
|
|
279
|
+
<g class="ons-icon--logo__group ons-icon--logo__group--primary" fill="#003c57">
|
|
280
|
+
<path
|
|
281
|
+
d="M53.06,6.42C36.2,8,24.68,12.92,16.43,20.07A41.46,41.46,0,0,0,6.4,32.2C12.87,44.93,28.88,57,46.6,57H47s6.32.21,6.32-6.91V6.36a1.22,1.22,0,0,1-.26.06M9.72,42.67a44.25,44.25,0,0,1-5-7.42A80.59,80.59,0,0,0,0,46.38V56.91L31.06,57c-9.83-3-15.74-7.64-21.34-14.3"
|
|
282
|
+
/>
|
|
283
|
+
</g>
|
|
284
|
+
<g class="ons-icon--logo__group ons-icon--logo__group--text" fill="#003c57">
|
|
285
|
+
<path
|
|
286
|
+
d="M82,47.49c-9.07,0-13.13-7.51-13.13-16.77S72.91,14,82,14s13.1,7.61,13.1,16.77S91.1,47.54,82,47.54m0-30.91c-6.69,0-9.07,7.33-9.07,14.05s2.16,13.9,9.07,13.9,9-7.28,9-13.9-2.34-14-9-14"
|
|
287
|
+
/>
|
|
288
|
+
<path
|
|
289
|
+
d="M106.36,23.81V46.88h-3.67V23.81H98.93V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.38,0,.86.05.86.05v2.35h-.43c-2.55,0-4.84,1.64-4.84,5.12v4.09h5.27v2.25Z"
|
|
290
|
+
/>
|
|
291
|
+
<path
|
|
292
|
+
d="M121.53,23.81V46.88h-3.67V23.81H114.1V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.38,0,.86.05.86.05v2.35h-.43c-2.55,0-4.84,1.64-4.84,5.12v4.09h5.27v2.25Z"
|
|
293
|
+
/>
|
|
294
|
+
<path
|
|
295
|
+
d="M132.85,16.72a2.28,2.28,0,0,1-2.33-2.23v0a2.34,2.34,0,0,1,4.67,0,2.28,2.28,0,0,1-2.3,2.26h0M131,21.56h3.71V46.88H131Z"
|
|
296
|
+
/>
|
|
297
|
+
<path
|
|
298
|
+
d="M150.53,47.49c-6,0-10.63-5.16-10.63-13.29S144.52,21,150.66,21a9.76,9.76,0,0,1,6.17,1.74l-1,2.25a7.53,7.53,0,0,0-4.4-1.36c-5.15,0-7.78,4.46-7.78,10.48,0,6.2,3,10.62,7.65,10.62a8,8,0,0,0,4.49-1.37l1,2.45a10.21,10.21,0,0,1-6.3,1.73"
|
|
299
|
+
/>
|
|
300
|
+
<path
|
|
301
|
+
d="M162.84,35.75c.48,6,3.76,9,8.9,9a14.66,14.66,0,0,0,6.88-1.55l1.08,2.59a18,18,0,0,1-8.22,1.73c-7.12,0-12.18-4.23-12.18-13.34,0-8.69,4.67-13.2,11-13.2s10.37,3.95,10.37,12.4Zm7.35-12.41c-4.1,0-7.56,3.2-7.52,10.29l14.39-2c0-5.87-2.81-8.32-6.87-8.32"
|
|
302
|
+
/>
|
|
303
|
+
<path
|
|
304
|
+
d="M198.57,23.81V46.88H194.9V23.81h-3.76V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.39,0,.87.05.87.05v2.35h-.44c-2.54,0-4.84,1.64-4.84,5.12v4.09h5.28v2.25Z"
|
|
305
|
+
/>
|
|
306
|
+
<path
|
|
307
|
+
d="M217.28,47.49c-7.47,0-10.89-5.78-10.89-13.24S209.81,21,217.28,21s10.85,5.82,10.85,13.3-3.37,13.24-10.85,13.24m0-24c-5.53,0-7.13,5.59-7.13,10.81s1.73,10.56,7.13,10.56,7.13-5.35,7.13-10.56-1.6-10.81-7.13-10.81"
|
|
308
|
+
/>
|
|
309
|
+
<path
|
|
310
|
+
d="M244.08,23.91c-2.34-.61-5.75-.52-7.35.47v22.5H233V22.69c2.67-1.13,5.36-1.74,10.11-1.74H245Z"
|
|
311
|
+
/>
|
|
312
|
+
<path
|
|
313
|
+
d="M277.42,47.13,263.07,25a32.2,32.2,0,0,1-1.85-3.29h-.09s.13,1.88.13,3.85V47.13h-4.71V14.8h5.31l13.61,20.82A28.76,28.76,0,0,1,277.38,39h.08s-.17-1.84-.17-3.77V14.8H282V47.13Z"
|
|
314
|
+
/>
|
|
315
|
+
<path
|
|
316
|
+
d="M297.52,47.79c-7.43,0-10.93-3-10.93-7.81,0-6.8,7.12-8.64,15.59-9.39V29.13c0-3.47-2.37-4.51-5.83-4.51a18,18,0,0,0-6.87,1.46L288.23,23a24,24,0,0,1,9.12-1.83c5.61,0,9.93,2.3,9.93,8.78V46a22.71,22.71,0,0,1-9.76,1.83m4.66-14.67c-6.26.67-10.45,1.84-10.45,6.73,0,3.42,2.42,4.88,6.22,4.88a10.09,10.09,0,0,0,4.23-.84Z"
|
|
317
|
+
/>
|
|
318
|
+
<path
|
|
319
|
+
d="M322,47.69c-5.31,0-7.34-3.43-7.34-6.86V25.09h-3.55V21.81h3.55V16.12l5.4-1.5v7.19H325v3.28h-5V40.55a3.26,3.26,0,0,0,3,3.52h.5a5.5,5.5,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52"
|
|
320
|
+
/>
|
|
321
|
+
<path
|
|
322
|
+
d="M331.91,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.44V47.13h-5.44Z"
|
|
323
|
+
/>
|
|
324
|
+
<path
|
|
325
|
+
d="M350.88,47.79c-7.73,0-11.57-5.74-11.57-13.3s3.84-13.34,11.57-13.34,11.54,5.78,11.54,13.34-3.8,13.3-11.54,13.3m0-23.17c-4.66,0-6.05,4.89-6.05,9.82s1.47,9.63,6.05,9.63,6.05-4.7,6.05-9.63-1.38-9.82-6.05-9.82"
|
|
326
|
+
/>
|
|
327
|
+
<path
|
|
328
|
+
d="M382.52,47.13V29c0-3.24-2.77-4.47-5.88-4.47a12.3,12.3,0,0,0-4.37.76v21.8h-5.39V23a26.81,26.81,0,0,1,10.06-1.83c6.61,0,11,2.25,11,7.8V47.13Z"
|
|
329
|
+
/>
|
|
330
|
+
<path
|
|
331
|
+
d="M403.18,47.79c-7.43,0-10.94-3-10.94-7.81,0-6.8,7.13-8.64,15.6-9.39V29.13c0-3.47-2.37-4.51-5.83-4.51a18,18,0,0,0-6.87,1.46L393.89,23A24,24,0,0,1,403,21.15c5.62,0,9.94,2.3,9.94,8.78V46a22.71,22.71,0,0,1-9.76,1.83m4.66-14.67c-6.27.67-10.46,1.84-10.46,6.73,0,3.42,2.43,4.88,6.23,4.88a10.09,10.09,0,0,0,4.23-.84Z"
|
|
332
|
+
/>
|
|
333
|
+
<polygon
|
|
334
|
+
points="418.52 47.13 418.52 34.91 418.52 10.25 423.92 10.25 423.92 22.76 423.92 47.13 418.52 47.13"
|
|
335
|
+
/>
|
|
336
|
+
<path
|
|
337
|
+
d="M445.39,47.79A19.11,19.11,0,0,1,436.58,46l1.51-4a13.48,13.48,0,0,0,6.22,1.55c3.76,0,6.44-2.21,6.44-5.41,0-7.09-13.44-4.36-13.44-14.42,0-5.13,4.15-9.59,10.72-9.59A15.82,15.82,0,0,1,455.8,16l-1.38,3.52a11.93,11.93,0,0,0-5.66-1.5c-3.5,0-5.79,2.11-5.79,5.12,0,7,13.74,3.94,13.74,14.65,0,5.74-4.71,10-11.32,10"
|
|
338
|
+
/>
|
|
339
|
+
<path
|
|
340
|
+
d="M470.41,47.69c-5.31,0-7.34-3.43-7.34-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.92v3.28h-4.92V40.55a3.27,3.27,0,0,0,3,3.52h.48a5.12,5.12,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52"
|
|
341
|
+
/>
|
|
342
|
+
<path
|
|
343
|
+
d="M487.27,47.79c-7.44,0-10.93-3-10.93-7.81,0-6.8,7.13-8.64,15.6-9.39V29.13c0-3.47-2.38-4.51-5.84-4.51a18,18,0,0,0-6.87,1.46L478,23a23.94,23.94,0,0,1,9.11-1.83c5.62,0,9.94,2.3,9.94,8.78V46a22.71,22.71,0,0,1-9.76,1.83M492,33.16c-6.27.67-10.46,1.84-10.46,6.73,0,3.42,2.42,4.88,6.22,4.88a10,10,0,0,0,4.24-.84Z"
|
|
344
|
+
/>
|
|
345
|
+
<path
|
|
346
|
+
d="M511.73,47.69c-5.32,0-7.35-3.43-7.35-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.92v3.28h-4.92V40.55a3.26,3.26,0,0,0,3,3.52h.5a5.5,5.5,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52"
|
|
347
|
+
/>
|
|
348
|
+
<path
|
|
349
|
+
d="M521.66,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.45V47.13h-5.45Z"
|
|
350
|
+
/>
|
|
351
|
+
<path
|
|
352
|
+
d="M536.19,47.79A15.9,15.9,0,0,1,528.54,46L530,42.48a10.53,10.53,0,0,0,5.52,1.5c2.77,0,5-1.78,5-3.94,0-6-11.1-3.2-11.1-11.47,0-3.76,3.37-7.42,8.86-7.42A13.56,13.56,0,0,1,545.34,23l-1.42,3.14a8.47,8.47,0,0,0-4.62-1.45c-2.81,0-4.54,1.69-4.54,3.62,0,5.64,11.32,3.14,11.32,11.6,0,4-3.85,7.9-9.89,7.9"
|
|
353
|
+
/>
|
|
354
|
+
<path
|
|
355
|
+
d="M559.83,47.69c-5.31,0-7.35-3.43-7.35-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.93v3.28h-4.93V40.55a3.27,3.27,0,0,0,3,3.52h.48a5.64,5.64,0,0,0,1.47-.23v3.33a7.72,7.72,0,0,1-3,.52"
|
|
356
|
+
/>
|
|
357
|
+
<path
|
|
358
|
+
d="M569.77,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.44V47.13h-5.44Z"
|
|
359
|
+
/>
|
|
360
|
+
<path
|
|
361
|
+
d="M588.14,47.79c-6.23,0-11-5.08-11-13.35s4.88-13.29,11-13.29A10.51,10.51,0,0,1,594.66,23l-1.21,3a6.87,6.87,0,0,0-4-1.22c-4.4,0-6.69,3.81-6.69,9.49s2.63,9.59,6.61,9.59a6.74,6.74,0,0,0,4-1.28L594.7,46c-1.12.94-3.33,1.84-6.56,1.84"
|
|
362
|
+
/>
|
|
363
|
+
<path
|
|
364
|
+
d="M605.1,47.79A15.9,15.9,0,0,1,597.45,46l1.42-3.47A10.54,10.54,0,0,0,604.4,44c2.77,0,5-1.78,5-3.94,0-6-11.1-3.2-11.1-11.47,0-3.76,3.37-7.42,8.85-7.42a13.49,13.49,0,0,1,7.1,1.83l-1.42,3.14a8.42,8.42,0,0,0-4.63-1.45c-2.8,0-4.53,1.69-4.53,3.62,0,5.64,11.32,3.14,11.32,11.6,0,4-3.85,7.9-9.89,7.9"
|
|
365
|
+
/>
|
|
366
|
+
</g>
|
|
367
|
+
</svg>
|
|
368
|
+
</div>
|
|
369
|
+
<div class="ons-header__org-logo ons-header__org-logo--small">
|
|
370
|
+
<svg
|
|
371
|
+
class="ons-icon--logo"
|
|
372
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
373
|
+
width="120"
|
|
374
|
+
height="27"
|
|
375
|
+
viewBox="0 5 595 116"
|
|
376
|
+
aria-labelledby="ons-logo-stacked-en-alt"
|
|
377
|
+
role="img"
|
|
378
|
+
>
|
|
379
|
+
<title id="ons-logo-stacked-en-alt">{i18n("Office for National Statistics logo")}</title
|
|
40
380
|
>
|
|
41
|
-
|
|
42
|
-
|
|
381
|
+
<g class="ons-icon--logo__group ons-icon--logo__group--secondary" fill="#a8bd3a">
|
|
382
|
+
<path
|
|
383
|
+
d="M0,70.5c1.8-3.7,3.6-7.2,5.6-10.7A127.94,127.94,0,0,1,0,42.6V70.5M10.9,0S0,0,0,13.5v7.2A128.06,128.06,0,0,0,7.9,56.2a114.75,114.75,0,0,1,22.3-26C47.8,15.1,71.5,4.7,103.7.1Z"
|
|
384
|
+
/>
|
|
385
|
+
</g>
|
|
386
|
+
<g class="ons-icon--logo__group ons-icon--logo__group--primary" fill="#003c57">
|
|
387
|
+
<path
|
|
388
|
+
d="M115.9,7.3c-36.8,3.5-62,14-80,29.4a108.15,108.15,0,0,0-23.6,29c14.1,27.4,41.1,47.6,86,50.5h4.4s13.8.5,13.8-14.9V7.2l-.6.1M21.2,85.4a92.68,92.68,0,0,1-11-16A173,173,0,0,0,0,93.4v22.7l73.6.1c-22.9-5.5-40.1-16.4-52.4-30.8"
|
|
389
|
+
/>
|
|
390
|
+
</g>
|
|
391
|
+
<g class="ons-icon--logo__group ons-icon--logo__group--text" fill="#003c57">
|
|
392
|
+
<path
|
|
393
|
+
d="M161,51.9c-11.3,0-16.3-9.3-16.3-20.8s5-20.8,16.3-20.8,16.3,9.5,16.3,20.8c-.1,11.5-5.1,20.8-16.3,20.8m0-38.3c-8.3,0-11.3,9.1-11.3,17.4s2.7,17.3,11.3,17.3,11.2-9.1,11.2-17.3S169.3,13.6,161,13.6m30.2,8.9V51.2h-4.5V22.6H182V19.8h4.7V15.2c0-5.7,3.4-9.9,10-9.9a8,8,0,0,1,1.1.1V8.3h-.5c-3.2,0-6,2.1-6,6.4v5.1h6.6v2.8l-6.7-.1Zm18.9,0V51.2h-4.5V22.6h-4.7V19.8h4.7V15.2c0-5.7,3.4-9.9,10-9.9a8,8,0,0,1,1.1.1V8.3h-.5c-3.2,0-6,2.1-6,6.4v5.1h6.6v2.8l-6.7-.1Zm14-8.8a2.82,2.82,0,0,1-2.9-2.8,2.9,2.9,0,0,1,5.8,0,2.76,2.76,0,0,1-2.9,2.8m-2.3,6h4.6V51.2h-4.6Zm24.3,32.2c-7.4,0-13.2-6.4-13.2-16.5,0-10.3,5.8-16.5,13.4-16.5a12.36,12.36,0,0,1,7.7,2.2l-1.2,2.8a8.92,8.92,0,0,0-5.5-1.7c-6.4,0-9.7,5.5-9.7,13,0,7.7,3.7,13.2,9.5,13.2a9.8,9.8,0,0,0,5.6-1.7l1.2,3c-1.3,1.2-4,2.2-7.8,2.2m15.3-14.6c.6,7.4,4.7,11.1,11.1,11.1a18.36,18.36,0,0,0,8.5-1.9l1.3,3.2a22.58,22.58,0,0,1-10.2,2.1c-8.8,0-15.1-5.3-15.1-16.6,0-10.8,5.8-16.4,13.7-16.4s12.9,4.9,12.9,15.4l-22.2,3.1ZM270.5,22c-5.1,0-9.4,4-9.3,12.8l17.9-2.5C279,25,275.5,22,270.5,22m42.2.5V51.2h-4.5V22.6h-4.7V19.8h4.7V15.2c0-5.7,3.4-9.9,10-9.9a8,8,0,0,1,1.1.1V8.3h-.5c-3.2,0-6,2.1-6,6.4v5.1h6.6v2.8Zm23.2,29.4c-9.3,0-13.5-7.2-13.5-16.5s4.2-16.5,13.5-16.5,13.5,7.2,13.5,16.5-4.2,16.5-13.5,16.5m0-29.8c-6.9,0-8.8,7-8.8,13.4s2.1,13.1,8.8,13.1c6.9,0,8.9-6.6,8.9-13.1s-2-13.4-8.9-13.4m33.3.6c-2.9-.8-7.1-.6-9.1.6V51.2h-4.6V21.1c3.3-1.4,6.6-2.2,12.5-2.2h2.4c0,.1-1.2,3.8-1.2,3.8ZM171.3,114.8,153.5,87.3c-1.3-2.1-2.3-4.1-2.3-4.1h-.1s.2,2.3.2,4.8v26.8h-5.8V74.7h6.6L169,100.5a46.13,46.13,0,0,1,2.4,4.1h.1s-.2-2.3-.2-4.7V74.6h5.9v40.1l-5.9.1Zm25,.8c-9.2,0-13.6-3.7-13.6-9.7,0-8.5,8.8-10.7,19.4-11.7V92.4c0-4.3-2.9-5.6-7.2-5.6a22.34,22.34,0,0,0-8.5,1.8l-1.6-3.8a30.2,30.2,0,0,1,11.3-2.3c7,0,12.3,2.9,12.3,10.9v19.9c-2.7,1.4-6.9,2.3-12.1,2.3m5.8-18.2c-7.8.8-13,2.3-13,8.3,0,4.2,3,6.1,7.7,6.1a12.33,12.33,0,0,0,5.3-1.1Zm24.5,18.1c-6.6,0-9.1-4.3-9.1-8.5V87.5h-4.4V83.4h4.4v-7l6.7-1.9v8.9h6.1v4.1h-6.1v19.2c0,2.5,1.4,4.4,4.3,4.4a5.66,5.66,0,0,0,1.8-.3v4.1a11.47,11.47,0,0,1-3.7.6M239,77.9a3.52,3.52,0,1,1,3.9-3.5,3.71,3.71,0,0,1-3.9,3.5m-3.4,5.5h6.8v31.4h-6.8Zm26.9,32.2c-9.6,0-14.4-7.1-14.4-16.5s4.8-16.6,14.4-16.6,14.3,7.2,14.3,16.6-4.7,16.5-14.3,16.5m0-28.7c-5.8,0-7.5,6.1-7.5,12.2s1.8,11.9,7.5,11.9,7.5-5.8,7.5-11.9-1.7-12.2-7.5-12.2m39.3,27.9V92.3c0-4-3.4-5.5-7.3-5.5a16,16,0,0,0-5.4.9v27.1h-6.7v-30a32.8,32.8,0,0,1,12.5-2.3c8.2,0,13.7,2.8,13.7,9.7v22.6Zm25.7.8c-9.2,0-13.6-3.7-13.6-9.7,0-8.5,8.9-10.7,19.4-11.7V92.4c0-4.3-2.9-5.6-7.2-5.6a22.34,22.34,0,0,0-8.5,1.8L316,84.8a30.2,30.2,0,0,1,11.3-2.3c7,0,12.3,2.9,12.3,10.9v19.9c-2.7,1.4-6.9,2.3-12.1,2.3m5.8-18.2c-7.8.8-13,2.3-13,8.3,0,4.2,3,6.1,7.7,6.1a12.33,12.33,0,0,0,5.3-1.1Zm13.2,17.4V69h6.7v45.8Zm38.6.8a23.94,23.94,0,0,1-10.9-2.3l1.9-4.9a17,17,0,0,0,7.7,1.9c4.7,0,8-2.7,8-6.7,0-8.8-16.7-5.4-16.7-17.9,0-6.4,5.2-11.9,13.3-11.9a20.22,20.22,0,0,1,9.7,2.3l-1.7,4.4a14.57,14.57,0,0,0-7-1.9c-4.3,0-7.2,2.6-7.2,6.4,0,8.6,17.1,4.9,17.1,18.2-.1,7.1-6,12.4-14.2,12.4m31.1-.1c-6.6,0-9.1-4.3-9.1-8.5V87.5h-4.4V83.4h4.4v-7l6.7-1.9v8.9h6.1v4.1h-6.1v19.2a4.07,4.07,0,0,0,4.3,4.4,5.66,5.66,0,0,0,1.8-.3v4.1a12.06,12.06,0,0,1-3.7.6m20.9.1c-9.2,0-13.6-3.7-13.6-9.7,0-8.5,8.9-10.7,19.4-11.7V92.4c0-4.3-2.9-5.6-7.2-5.6a22.34,22.34,0,0,0-8.5,1.8l-1.6-3.8a30.2,30.2,0,0,1,11.3-2.3c7,0,12.3,2.9,12.3,10.9v19.9c-2.6,1.4-6.9,2.3-12.1,2.3m5.8-18.2c-7.8.8-13,2.3-13,8.3,0,4.2,3,6.1,7.7,6.1a12.33,12.33,0,0,0,5.3-1.1Zm24.6,18.1c-6.6,0-9.1-4.3-9.1-8.5V87.5H454V83.4h4.4v-7l6.7-1.9v8.9h6.1v4.1h-6.1v19.2a4.07,4.07,0,0,0,4.3,4.4,5.66,5.66,0,0,0,1.8-.3v4.1a12.69,12.69,0,0,1-3.7.6m12.3-37.6a3.52,3.52,0,1,1,3.9-3.5,3.65,3.65,0,0,1-3.9,3.5m-3.4,5.5h6.8v31.4h-6.8Zm21.4,32.2a19.46,19.46,0,0,1-9.5-2.3l1.8-4.3a13.21,13.21,0,0,0,6.9,1.9c3.4,0,6.2-2.2,6.2-4.9,0-7.5-13.8-4-13.8-14.2,0-4.7,4.2-9.2,11-9.2a16.21,16.21,0,0,1,8.8,2.3l-1.8,3.9a10.31,10.31,0,0,0-5.7-1.8c-3.5,0-5.6,2.1-5.6,4.5,0,7,14,3.9,14,14.4,0,4.9-4.7,9.7-12.3,9.7m29.4-.1c-6.6,0-9.1-4.3-9.1-8.5V87.5h-4.4V83.4h4.4v-7l6.7-1.9v8.9h6.1v4.1h-6.1v19.2c0,2.5,1.4,4.4,4.3,4.4a5.66,5.66,0,0,0,1.8-.3v4.1a12.06,12.06,0,0,1-3.7.6m12.3-37.6a3.52,3.52,0,1,1,3.9-3.5c.1,2-1.7,3.5-3.9,3.5m-3.3,5.5H543v31.4h-6.8Zm26.2,32.2c-7.7,0-13.6-6.3-13.6-16.6s6.1-16.5,13.7-16.5c3.9,0,6.6,1.1,8,2.3L569,88.6a8.61,8.61,0,0,0-4.9-1.5c-5.5,0-8.3,4.7-8.3,11.8s3.3,11.9,8.2,11.9a8.39,8.39,0,0,0,4.9-1.6l1.7,4.1c-1.5,1.2-4.2,2.3-8.2,2.3m20.6,0a19.46,19.46,0,0,1-9.5-2.3l1.8-4.3a13.21,13.21,0,0,0,6.9,1.9c3.4,0,6.2-2.2,6.2-4.9,0-7.5-13.8-4-13.8-14.2,0-4.7,4.2-9.2,11-9.2a16.85,16.85,0,0,1,8.9,2.3l-1.8,3.9A10.31,10.31,0,0,0,587,87c-3.5,0-5.6,2.1-5.6,4.5,0,7,14,3.9,14,14.4-.1,4.9-4.9,9.7-12.4,9.7"
|
|
394
|
+
/>
|
|
395
|
+
</g>
|
|
396
|
+
</svg>
|
|
397
|
+
</div>
|
|
398
|
+
</div>
|
|
399
|
+
<div class="ons-grid__col ons-col-auto ons-header__menu-links ons-u-ml-auto">
|
|
400
|
+
<div class="ons-header__links ons-grid__col">
|
|
401
|
+
<button
|
|
402
|
+
type="button"
|
|
403
|
+
class="ons-btn ons-u-fs-s--b ons-js-toggle-nav-menu button-nav active disabled ons-btn--menu"
|
|
404
|
+
aria-label="Toggle menu"
|
|
405
|
+
aria-controls="menu-links"
|
|
406
|
+
aria-expanded="true"
|
|
407
|
+
aria-disabled="true"
|
|
408
|
+
>
|
|
409
|
+
<span class="ons-btn__inner"
|
|
410
|
+
><svg
|
|
411
|
+
class="ons-icon ons-u-mr-2xs"
|
|
412
|
+
viewBox="0 0 8 13"
|
|
413
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
414
|
+
focusable="false"
|
|
415
|
+
fill="currentColor"
|
|
416
|
+
role="img"
|
|
417
|
+
aria-hidden="true"
|
|
43
418
|
>
|
|
44
|
-
<g class="ons-icon--logo__group ons-icon--logo__group--secondary" fill="#a8bd3a">
|
|
45
|
-
<path
|
|
46
|
-
d="M0,34.6c.8-1.69,1.39-3,2.32-4.6A38.28,38.28,0,0,1,0,23.4V34.6M5,3S0,3,0,9.25v1A62.12,62.12,0,0,0,4.2,27a43.77,43.77,0,0,1,9.42-10.79C21.69,9.21,31.16,5.13,45.9,3Z"
|
|
47
|
-
/>
|
|
48
|
-
</g>
|
|
49
|
-
<g class="ons-icon--logo__group ons-icon--logo__group--primary" fill="#003c57">
|
|
50
|
-
<path
|
|
51
|
-
d="M53.06,6.42C36.2,8,24.68,12.92,16.43,20.07A41.46,41.46,0,0,0,6.4,32.2C12.87,44.93,28.88,57,46.6,57H47s6.32.21,6.32-6.91V6.36a1.22,1.22,0,0,1-.26.06M9.72,42.67a44.25,44.25,0,0,1-5-7.42A80.59,80.59,0,0,0,0,46.38V56.91L31.06,57c-9.83-3-15.74-7.64-21.34-14.3"
|
|
52
|
-
/>
|
|
53
|
-
</g>
|
|
54
|
-
<g class="ons-icon--logo__group ons-icon--logo__group--text" fill="#003c57">
|
|
55
|
-
<path
|
|
56
|
-
d="M82,47.49c-9.07,0-13.13-7.51-13.13-16.77S72.91,14,82,14s13.1,7.61,13.1,16.77S91.1,47.54,82,47.54m0-30.91c-6.69,0-9.07,7.33-9.07,14.05s2.16,13.9,9.07,13.9,9-7.28,9-13.9-2.34-14-9-14"
|
|
57
|
-
/>
|
|
58
|
-
<path
|
|
59
|
-
d="M106.36,23.81V46.88h-3.67V23.81H98.93V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.38,0,.86.05.86.05v2.35h-.43c-2.55,0-4.84,1.64-4.84,5.12v4.09h5.27v2.25Z"
|
|
60
|
-
/>
|
|
61
|
-
<path
|
|
62
|
-
d="M121.53,23.81V46.88h-3.67V23.81H114.1V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.38,0,.86.05.86.05v2.35h-.43c-2.55,0-4.84,1.64-4.84,5.12v4.09h5.27v2.25Z"
|
|
63
|
-
/>
|
|
64
|
-
<path
|
|
65
|
-
d="M132.85,16.72a2.28,2.28,0,0,1-2.33-2.23v0a2.34,2.34,0,0,1,4.67,0,2.28,2.28,0,0,1-2.3,2.26h0M131,21.56h3.71V46.88H131Z"
|
|
66
|
-
/>
|
|
67
|
-
<path
|
|
68
|
-
d="M150.53,47.49c-6,0-10.63-5.16-10.63-13.29S144.52,21,150.66,21a9.76,9.76,0,0,1,6.17,1.74l-1,2.25a7.53,7.53,0,0,0-4.4-1.36c-5.15,0-7.78,4.46-7.78,10.48,0,6.2,3,10.62,7.65,10.62a8,8,0,0,0,4.49-1.37l1,2.45a10.21,10.21,0,0,1-6.3,1.73"
|
|
69
|
-
/>
|
|
70
|
-
<path
|
|
71
|
-
d="M162.84,35.75c.48,6,3.76,9,8.9,9a14.66,14.66,0,0,0,6.88-1.55l1.08,2.59a18,18,0,0,1-8.22,1.73c-7.12,0-12.18-4.23-12.18-13.34,0-8.69,4.67-13.2,11-13.2s10.37,3.95,10.37,12.4Zm7.35-12.41c-4.1,0-7.56,3.2-7.52,10.29l14.39-2c0-5.87-2.81-8.32-6.87-8.32"
|
|
72
|
-
/>
|
|
73
|
-
<path
|
|
74
|
-
d="M198.57,23.81V46.88H194.9V23.81h-3.76V21.56h3.76V17.9c0-4.61,2.72-7.95,8.08-7.95.39,0,.87.05.87.05v2.35h-.44c-2.54,0-4.84,1.64-4.84,5.12v4.09h5.28v2.25Z"
|
|
75
|
-
/>
|
|
76
|
-
<path
|
|
77
|
-
d="M217.28,47.49c-7.47,0-10.89-5.78-10.89-13.24S209.81,21,217.28,21s10.85,5.82,10.85,13.3-3.37,13.24-10.85,13.24m0-24c-5.53,0-7.13,5.59-7.13,10.81s1.73,10.56,7.13,10.56,7.13-5.35,7.13-10.56-1.6-10.81-7.13-10.81"
|
|
78
|
-
/>
|
|
79
|
-
<path
|
|
80
|
-
d="M244.08,23.91c-2.34-.61-5.75-.52-7.35.47v22.5H233V22.69c2.67-1.13,5.36-1.74,10.11-1.74H245Z"
|
|
81
|
-
/>
|
|
82
|
-
<path
|
|
83
|
-
d="M277.42,47.13,263.07,25a32.2,32.2,0,0,1-1.85-3.29h-.09s.13,1.88.13,3.85V47.13h-4.71V14.8h5.31l13.61,20.82A28.76,28.76,0,0,1,277.38,39h.08s-.17-1.84-.17-3.77V14.8H282V47.13Z"
|
|
84
|
-
/>
|
|
85
|
-
<path
|
|
86
|
-
d="M297.52,47.79c-7.43,0-10.93-3-10.93-7.81,0-6.8,7.12-8.64,15.59-9.39V29.13c0-3.47-2.37-4.51-5.83-4.51a18,18,0,0,0-6.87,1.46L288.23,23a24,24,0,0,1,9.12-1.83c5.61,0,9.93,2.3,9.93,8.78V46a22.71,22.71,0,0,1-9.76,1.83m4.66-14.67c-6.26.67-10.45,1.84-10.45,6.73,0,3.42,2.42,4.88,6.22,4.88a10.09,10.09,0,0,0,4.23-.84Z"
|
|
87
|
-
/>
|
|
88
|
-
<path
|
|
89
|
-
d="M322,47.69c-5.31,0-7.34-3.43-7.34-6.86V25.09h-3.55V21.81h3.55V16.12l5.4-1.5v7.19H325v3.28h-5V40.55a3.26,3.26,0,0,0,3,3.52h.5a5.5,5.5,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52"
|
|
90
|
-
/>
|
|
91
|
-
<path
|
|
92
|
-
d="M331.91,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.44V47.13h-5.44Z"
|
|
93
|
-
/>
|
|
94
|
-
<path
|
|
95
|
-
d="M350.88,47.79c-7.73,0-11.57-5.74-11.57-13.3s3.84-13.34,11.57-13.34,11.54,5.78,11.54,13.34-3.8,13.3-11.54,13.3m0-23.17c-4.66,0-6.05,4.89-6.05,9.82s1.47,9.63,6.05,9.63,6.05-4.7,6.05-9.63-1.38-9.82-6.05-9.82"
|
|
96
|
-
/>
|
|
97
|
-
<path
|
|
98
|
-
d="M382.52,47.13V29c0-3.24-2.77-4.47-5.88-4.47a12.3,12.3,0,0,0-4.37.76v21.8h-5.39V23a26.81,26.81,0,0,1,10.06-1.83c6.61,0,11,2.25,11,7.8V47.13Z"
|
|
99
|
-
/>
|
|
100
|
-
<path
|
|
101
|
-
d="M403.18,47.79c-7.43,0-10.94-3-10.94-7.81,0-6.8,7.13-8.64,15.6-9.39V29.13c0-3.47-2.37-4.51-5.83-4.51a18,18,0,0,0-6.87,1.46L393.89,23A24,24,0,0,1,403,21.15c5.62,0,9.94,2.3,9.94,8.78V46a22.71,22.71,0,0,1-9.76,1.83m4.66-14.67c-6.27.67-10.46,1.84-10.46,6.73,0,3.42,2.43,4.88,6.23,4.88a10.09,10.09,0,0,0,4.23-.84Z"
|
|
102
|
-
/>
|
|
103
|
-
<polygon
|
|
104
|
-
points="418.52 47.13 418.52 34.91 418.52 10.25 423.92 10.25 423.92 22.76 423.92 47.13 418.52 47.13"
|
|
105
|
-
/>
|
|
106
419
|
<path
|
|
107
|
-
d="
|
|
420
|
+
d="M5.74,14.28l-.57-.56a.5.5,0,0,1,0-.71h0l5-5-5-5a.5.5,0,0,1,0-.71h0l.57-.56a.5.5,0,0,1,.71,0h0l5.93,5.93a.5.5,0,0,1,0,.7L6.45,14.28a.5.5,0,0,1-.71,0Z"
|
|
421
|
+
transform="translate(-5.02 -1.59)"
|
|
108
422
|
/>
|
|
109
|
-
|
|
110
|
-
d="M470.41,47.69c-5.31,0-7.34-3.43-7.34-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.92v3.28h-4.92V40.55a3.27,3.27,0,0,0,3,3.52h.48a5.12,5.12,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52"
|
|
111
|
-
/>
|
|
112
|
-
<path
|
|
113
|
-
d="M487.27,47.79c-7.44,0-10.93-3-10.93-7.81,0-6.8,7.13-8.64,15.6-9.39V29.13c0-3.47-2.38-4.51-5.84-4.51a18,18,0,0,0-6.87,1.46L478,23a23.94,23.94,0,0,1,9.11-1.83c5.62,0,9.94,2.3,9.94,8.78V46a22.71,22.71,0,0,1-9.76,1.83M492,33.16c-6.27.67-10.46,1.84-10.46,6.73,0,3.42,2.42,4.88,6.22,4.88a10,10,0,0,0,4.24-.84Z"
|
|
114
|
-
/>
|
|
115
|
-
<path
|
|
116
|
-
d="M511.73,47.69c-5.32,0-7.35-3.43-7.35-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.92v3.28h-4.92V40.55a3.26,3.26,0,0,0,3,3.52h.5a5.5,5.5,0,0,0,1.46-.23v3.33a7.69,7.69,0,0,1-3,.52"
|
|
117
|
-
/>
|
|
118
|
-
<path
|
|
119
|
-
d="M521.66,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.45V47.13h-5.45Z"
|
|
120
|
-
/>
|
|
121
|
-
<path
|
|
122
|
-
d="M536.19,47.79A15.9,15.9,0,0,1,528.54,46L530,42.48a10.53,10.53,0,0,0,5.52,1.5c2.77,0,5-1.78,5-3.94,0-6-11.1-3.2-11.1-11.47,0-3.76,3.37-7.42,8.86-7.42A13.56,13.56,0,0,1,545.34,23l-1.42,3.14a8.47,8.47,0,0,0-4.62-1.45c-2.81,0-4.54,1.69-4.54,3.62,0,5.64,11.32,3.14,11.32,11.6,0,4-3.85,7.9-9.89,7.9"
|
|
123
|
-
/>
|
|
124
|
-
<path
|
|
125
|
-
d="M559.83,47.69c-5.31,0-7.35-3.43-7.35-6.86V25.09h-3.54V21.81h3.54V16.12l5.4-1.5v7.19h4.93v3.28h-4.93V40.55a3.27,3.27,0,0,0,3,3.52h.48a5.64,5.64,0,0,0,1.47-.23v3.33a7.72,7.72,0,0,1-3,.52"
|
|
126
|
-
/>
|
|
127
|
-
<path
|
|
128
|
-
d="M569.77,17.43a3,3,0,0,1-3.15-2.81,3.17,3.17,0,0,1,6.31,0,3,3,0,0,1-3.16,2.81m-2.72,4.38h5.44V47.13h-5.44Z"
|
|
129
|
-
/>
|
|
130
|
-
<path
|
|
131
|
-
d="M588.14,47.79c-6.23,0-11-5.08-11-13.35s4.88-13.29,11-13.29A10.51,10.51,0,0,1,594.66,23l-1.21,3a6.87,6.87,0,0,0-4-1.22c-4.4,0-6.69,3.81-6.69,9.49s2.63,9.59,6.61,9.59a6.74,6.74,0,0,0,4-1.28L594.7,46c-1.12.94-3.33,1.84-6.56,1.84"
|
|
132
|
-
/>
|
|
133
|
-
<path
|
|
134
|
-
d="M605.1,47.79A15.9,15.9,0,0,1,597.45,46l1.42-3.47A10.54,10.54,0,0,0,604.4,44c2.77,0,5-1.78,5-3.94,0-6-11.1-3.2-11.1-11.47,0-3.76,3.37-7.42,8.85-7.42a13.49,13.49,0,0,1,7.1,1.83l-1.42,3.14a8.42,8.42,0,0,0-4.63-1.45c-2.8,0-4.53,1.69-4.53,3.62,0,5.64,11.32,3.14,11.32,11.6,0,4-3.85,7.9-9.89,7.9"
|
|
135
|
-
/>
|
|
136
|
-
</g>
|
|
137
|
-
</svg>
|
|
138
|
-
</div>
|
|
139
|
-
<div class="ons-header__org-logo ons-header__org-logo--small">
|
|
140
|
-
<svg
|
|
141
|
-
class="ons-icon--logo"
|
|
142
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
143
|
-
width="120"
|
|
144
|
-
height="27"
|
|
145
|
-
viewBox="0 5 595 116"
|
|
146
|
-
aria-labelledby="ons-logo-stacked-en-alt"
|
|
147
|
-
role="img"
|
|
423
|
+
</svg><span class="ons-btn__text">{i18n("Menu")}</span></span
|
|
148
424
|
>
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
425
|
+
</button>
|
|
426
|
+
</div>
|
|
427
|
+
<div class="ons-header__links ons-grid__col ons-header__menu-link">
|
|
428
|
+
<button
|
|
429
|
+
type="button"
|
|
430
|
+
class="ons-btn ons-u-fs-s--b ons-js-toggle-header-search ons-btn--close ons-btn--search-icon active disabled ons-btn--search"
|
|
431
|
+
aria-label="Toggle search"
|
|
432
|
+
aria-controls="search"
|
|
433
|
+
aria-expanded="true"
|
|
434
|
+
aria-disabled="true"
|
|
435
|
+
>
|
|
436
|
+
<span class="ons-btn__inner"
|
|
437
|
+
><svg
|
|
438
|
+
class="ons-icon ons-u-mr-2xs"
|
|
439
|
+
viewBox="0 0 12 12"
|
|
440
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
441
|
+
aria-hidden="true"
|
|
442
|
+
fill="currentColor"
|
|
443
|
+
role="img"
|
|
444
|
+
>
|
|
163
445
|
<path
|
|
164
|
-
d="
|
|
446
|
+
d="M11.86 10.23 8.62 6.99a4.63 4.63 0 1 0-6.34 1.64 4.55 4.55 0 0 0 2.36.64 4.65 4.65 0 0 0 2.33-.65l3.24 3.23a.46.46 0 0 0 .65 0l1-1a.48.48 0 0 0 0-.62Zm-5-3.32a3.28 3.28 0 0 1-2.31.93 3.22 3.22 0 1 1 2.35-.93Z"
|
|
165
447
|
/>
|
|
166
|
-
</
|
|
167
|
-
|
|
448
|
+
</svg><span class="ons-btn__text"></span></span
|
|
449
|
+
>
|
|
450
|
+
</button>
|
|
451
|
+
</div>
|
|
452
|
+
{#if bilingual}
|
|
453
|
+
<div class="ons-grid__col ons-col-auto">
|
|
454
|
+
<div class="ons-header__language">
|
|
455
|
+
<ul class="ons-language-links">
|
|
456
|
+
<li class="ons-language-links__item">
|
|
457
|
+
<a
|
|
458
|
+
href="{baseother}{path}"
|
|
459
|
+
class="language__link"
|
|
460
|
+
lang={lang == "en" ? "cy" : "en"}
|
|
461
|
+
>
|
|
462
|
+
<span class="ons-u-vh">{i18n("Newid iaith i")} </span>{i18n("Cymraeg")}
|
|
463
|
+
</a>
|
|
464
|
+
</li>
|
|
465
|
+
</ul>
|
|
466
|
+
</div>
|
|
168
467
|
</div>
|
|
169
|
-
|
|
468
|
+
{/if}
|
|
170
469
|
</div>
|
|
171
470
|
</div>
|
|
172
471
|
</div>
|
|
173
472
|
</div>
|
|
473
|
+
<nav
|
|
474
|
+
class="ons-js-nav-menu ons-header-nav-menu ons-u-pt-2xl ons-u-d-no"
|
|
475
|
+
id="menu-links"
|
|
476
|
+
aria-label="Menu navigation"
|
|
477
|
+
aria-hidden="true"
|
|
478
|
+
>
|
|
479
|
+
<div class="ons-container">
|
|
480
|
+
<ul class="ons-grid ons-header-nav-menu__key-list">
|
|
481
|
+
{#each menu.main as item (item.url)}
|
|
482
|
+
<li class="ons-grid__col ons-col-4@m ons-header-nav-menu__col">
|
|
483
|
+
<h2 class="ons-u-fs-s--b ons-u-mb-no ons-header-nav-menu__heading">
|
|
484
|
+
<a href="{baseurl}{item.url}" class="ons-header-nav-menu__link"
|
|
485
|
+
>{item[`label_${lang}`]}</a
|
|
486
|
+
>
|
|
487
|
+
</h2>
|
|
488
|
+
<p class="ons-u-fs-s ons-u-mb-no ons-header-nav-menu__description">
|
|
489
|
+
{item[`description_${lang}`]}
|
|
490
|
+
</p>
|
|
491
|
+
</li>
|
|
492
|
+
{/each}
|
|
493
|
+
</ul>
|
|
494
|
+
</div>
|
|
495
|
+
<div class="ons-container">
|
|
496
|
+
<ul class="ons-grid ons-list ons-list--bare">
|
|
497
|
+
{#each columns as col, i (i)}
|
|
498
|
+
<li class="ons-grid__col ons-col-4@m ons-u-mb-no ons-header-nav-menu__col">
|
|
499
|
+
{#each col as topic (topic.url)}
|
|
500
|
+
<h2 class="ons-u-fs-s--b ons-header-nav-menu__heading">
|
|
501
|
+
<a href="{baseurl}{topic.url}" class="ons-header-nav-menu__link"
|
|
502
|
+
>{topic[`label_${lang}`]}</a
|
|
503
|
+
>
|
|
504
|
+
</h2>
|
|
505
|
+
<ul class="ons-list ons-list--bare ons-header-nav-menu__groupItem-list">
|
|
506
|
+
{#each topic.children as item (item.url)}
|
|
507
|
+
<li class="ons-u-mb-no">
|
|
508
|
+
<p class="ons-u-fs-s ons-header-nav-menu_text">
|
|
509
|
+
<a href="{baseurl}{item.url}" class="ons-header-nav-menu__link"
|
|
510
|
+
>{item[`label_${lang}`]}</a
|
|
511
|
+
>
|
|
512
|
+
</p>
|
|
513
|
+
</li>
|
|
514
|
+
{/each}
|
|
515
|
+
</ul>
|
|
516
|
+
{/each}
|
|
517
|
+
</li>
|
|
518
|
+
{/each}
|
|
519
|
+
</ul>
|
|
520
|
+
</div>
|
|
521
|
+
</nav>
|
|
522
|
+
<nav
|
|
523
|
+
class="ons-js-header-search ons-header-nav-search"
|
|
524
|
+
id="search"
|
|
525
|
+
aria-label="Nav Search"
|
|
526
|
+
aria-hidden="false"
|
|
527
|
+
>
|
|
528
|
+
<div class="ons-container">
|
|
529
|
+
<form class="ons-header-nav-search__input" method="get" action="https://www.ons.gov.uk/search">
|
|
530
|
+
<div class="ons-field">
|
|
531
|
+
<label class="ons-label" for="search-field" id="header-search-input-label"
|
|
532
|
+
>{i18n("Search the ONS")}</label
|
|
533
|
+
>
|
|
534
|
+
<span
|
|
535
|
+
class="ons-grid-flex ons-grid-flex--vertical-top ons-input_search-button ons-input__button--header-search"
|
|
536
|
+
>
|
|
537
|
+
<input
|
|
538
|
+
type="search"
|
|
539
|
+
id="search-field"
|
|
540
|
+
class="ons-input ons-input--text ons-input-type__input ons-search__input ons-input--header-search ons-input--w-full"
|
|
541
|
+
name="q"
|
|
542
|
+
/>
|
|
543
|
+
<button type="submit" class="ons-btn ons-search__btn ons-btn--header-search">
|
|
544
|
+
<span class="ons-btn__inner"
|
|
545
|
+
><svg
|
|
546
|
+
class="ons-icon"
|
|
547
|
+
viewBox="0 0 12 12"
|
|
548
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
549
|
+
aria-hidden="true"
|
|
550
|
+
fill="currentColor"
|
|
551
|
+
role="img"
|
|
552
|
+
>
|
|
553
|
+
<path
|
|
554
|
+
d="M11.86 10.23 8.62 6.99a4.63 4.63 0 1 0-6.34 1.64 4.55 4.55 0 0 0 2.36.64 4.65 4.65 0 0 0 2.33-.65l3.24 3.23a.46.46 0 0 0 .65 0l1-1a.48.48 0 0 0 0-.62Zm-5-3.32a3.28 3.28 0 0 1-2.31.93 3.22 3.22 0 1 1 2.35-.93Z"
|
|
555
|
+
/>
|
|
556
|
+
</svg><span class="ons-btn__text ons-u-vh@2xs@s"
|
|
557
|
+
><span class="ons-u-vh">{i18n("Search")}</span></span
|
|
558
|
+
></span
|
|
559
|
+
>
|
|
560
|
+
</button>
|
|
561
|
+
</span>
|
|
562
|
+
</div>
|
|
563
|
+
</form>
|
|
564
|
+
</div>
|
|
565
|
+
<div class="ons-container">
|
|
566
|
+
<h2 class="ons-u-fs-r--b ons-u-mb-s ons-header-nav-search__heading">
|
|
567
|
+
{i18n("Popular searches")}
|
|
568
|
+
</h2>
|
|
569
|
+
<ul class="ons-list ons-list--bare ons-list--inline">
|
|
570
|
+
{#each menu.searches as item (item.label_en)}
|
|
571
|
+
<li class="ons-list__item">
|
|
572
|
+
<a
|
|
573
|
+
href="{baseurl}search?q={item[`label_${lang}`]}"
|
|
574
|
+
class="ons-u-fs-r ons-header-nav-search__text">{item[`label_${lang}`]}</a
|
|
575
|
+
>
|
|
576
|
+
</li>
|
|
577
|
+
{/each}
|
|
578
|
+
</ul>
|
|
579
|
+
</div>
|
|
580
|
+
</nav>
|
|
581
|
+
|
|
582
|
+
<style>
|
|
583
|
+
.ons-header__grid-top {
|
|
584
|
+
padding: 0;
|
|
585
|
+
}
|
|
586
|
+
.ons-header__top {
|
|
587
|
+
background: var(--ons-color-page-light);
|
|
588
|
+
}
|
|
589
|
+
.ons-icon--logo__group--primary,
|
|
590
|
+
.ons-icon--logo__group--text {
|
|
591
|
+
fill: var(--ons-color-text-link-hover);
|
|
592
|
+
}
|
|
593
|
+
.ons-header__top--border {
|
|
594
|
+
border-bottom: 1px solid var(--ons-color-borders);
|
|
595
|
+
}
|
|
596
|
+
.ons-header__language {
|
|
597
|
+
display: block;
|
|
598
|
+
margin-top: 0.85em;
|
|
599
|
+
}
|
|
600
|
+
:global(.dark-mode .ons-header-nav-menu, .dark-mode .ons-header-nav-search) {
|
|
601
|
+
background-color: var(--ons-color-branded-secondary);
|
|
602
|
+
}
|
|
603
|
+
:global(
|
|
604
|
+
.dark-mode .ons-btn--menu[aria-expanded="true"],
|
|
605
|
+
.dark-mode .ons-btn--search[aria-expanded="true"]
|
|
606
|
+
) {
|
|
607
|
+
background-color: var(--ons-color-branded-secondary);
|
|
608
|
+
border-color: var(--ons-color-branded-secondary);
|
|
609
|
+
}
|
|
610
|
+
:global(.dark-mode .ons-search__input) {
|
|
611
|
+
color: var(--ons-color-black);
|
|
612
|
+
}
|
|
613
|
+
</style>
|