@ongov/ontario-design-system-component-library 4.3.0 → 5.0.0-alpha.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/cjs/index-88d5cf20.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{ontario-accordion_43.cjs.entry.js → ontario-accordion_44.cjs.entry.js} +738 -296
- package/dist/cjs/ontario-accordion_44.cjs.entry.js.map +1 -0
- package/dist/cjs/ontario-design-system-components.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ontario-card/ontario-card-types.js +29 -2
- package/dist/collection/components/ontario-card/ontario-card-types.js.map +1 -1
- package/dist/collection/components/ontario-card/ontario-card.css +257 -31
- package/dist/collection/components/ontario-card/ontario-card.js +104 -80
- package/dist/collection/components/ontario-card/ontario-card.js.map +1 -1
- package/dist/collection/components/ontario-card/test/ontario-cards.spec.js +23 -13
- package/dist/collection/components/ontario-card/test/ontario-cards.spec.js.map +1 -1
- package/dist/collection/components/ontario-header/ontario-header.js +17 -3
- package/dist/collection/components/ontario-header/ontario-header.js.map +1 -1
- package/dist/collection/components/ontario-header/service-ontario-header.css +0 -3
- package/dist/collection/components/ontario-header/test/ontario-header.spec.js +3 -3
- package/dist/collection/components/ontario-header/test/ontario-header.spec.js.map +1 -1
- package/dist/collection/components/ontario-language-toggle/ontario-language-toggle.js +193 -47
- package/dist/collection/components/ontario-language-toggle/ontario-language-toggle.js.map +1 -1
- package/dist/collection/components/ontario-language-toggle/test/ontario-language-toggle.spec.js +16 -3
- package/dist/collection/components/ontario-language-toggle/test/ontario-language-toggle.spec.js.map +1 -1
- package/dist/collection/components/ontario-search-box/assets/ontario-icon-close.svg +1 -0
- package/dist/collection/components/ontario-search-box/assets/ontario-logo--mobile.svg +6 -0
- package/dist/collection/components/ontario-search-box/ontario-search-box.css +823 -0
- package/dist/collection/components/ontario-search-box/ontario-search-box.js +584 -0
- package/dist/collection/components/ontario-search-box/ontario-search-box.js.map +1 -0
- package/dist/collection/components/ontario-search-box/test/ontario-search-box.e2e.js +20 -0
- package/dist/collection/components/ontario-search-box/test/ontario-search-box.e2e.js.map +1 -0
- package/dist/collection/components/ontario-search-box/test/ontario-search-box.spec.js +19 -0
- package/dist/collection/components/ontario-search-box/test/ontario-search-box.spec.js.map +1 -0
- package/dist/collection/components/ontario-step-indicator/ontario-step-indicator.js +5 -5
- package/dist/collection/components/ontario-table/ontario-table.js +5 -5
- package/dist/collection/components/ontario-textarea/ontario-textarea.js +3 -3
- package/dist/collection/i18n/global.i18n.json +172 -162
- package/dist/collection/utils/common/input/input.js +3 -0
- package/dist/collection/utils/common/input/input.js.map +1 -1
- package/dist/collection/utils/common/input-caption/input-caption.js +5 -3
- package/dist/collection/utils/common/input-caption/input-caption.js.map +1 -1
- package/dist/collection/utils/common/language-types.js +1 -1
- package/dist/collection/utils/common/language-types.js.map +1 -1
- package/dist/collection/utils/helper/utils-types.js +2 -0
- package/dist/collection/utils/helper/utils-types.js.map +1 -0
- package/dist/collection/utils/helper/utils.js +26 -0
- package/dist/collection/utils/helper/utils.js.map +1 -1
- package/dist/components/error-message.js +1 -324
- package/dist/components/error-message.js.map +1 -1
- package/dist/components/event-handler.js +330 -0
- package/dist/components/event-handler.js.map +1 -0
- package/dist/components/global.i18n.js +184 -173
- package/dist/components/global.i18n.js.map +1 -1
- package/dist/components/input.js +3 -0
- package/dist/components/input.js.map +1 -1
- package/dist/components/ontario-card.js +118 -66
- package/dist/components/ontario-card.js.map +1 -1
- package/dist/components/ontario-checkboxes.js +2 -1
- package/dist/components/ontario-checkboxes.js.map +1 -1
- package/dist/components/ontario-date-input.js +2 -1
- package/dist/components/ontario-date-input.js.map +1 -1
- package/dist/components/ontario-dropdown-list.js +2 -1
- package/dist/components/ontario-dropdown-list.js.map +1 -1
- package/dist/components/ontario-header.js +13 -7
- package/dist/components/ontario-header.js.map +1 -1
- package/dist/components/ontario-icon-search2.js +6 -0
- package/dist/components/ontario-icon-search2.js.map +1 -0
- package/dist/components/ontario-input.js +2 -1
- package/dist/components/ontario-input.js.map +1 -1
- package/dist/components/ontario-language-toggle2.js +180 -37
- package/dist/components/ontario-language-toggle2.js.map +1 -1
- package/dist/components/ontario-radio-buttons.js +2 -1
- package/dist/components/ontario-radio-buttons.js.map +1 -1
- package/dist/components/ontario-search-box.d.ts +11 -0
- package/dist/components/ontario-search-box.js +269 -0
- package/dist/components/ontario-search-box.js.map +1 -0
- package/dist/components/ontario-step-indicator.js +5 -5
- package/dist/components/ontario-table.js +5 -5
- package/dist/components/ontario-textarea.js +5 -4
- package/dist/components/ontario-textarea.js.map +1 -1
- package/dist/components/utils.js +28 -0
- package/dist/components/utils.js.map +1 -1
- package/dist/esm/index-603026f7.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{ontario-accordion_43.entry.js → ontario-accordion_44.entry.js} +738 -296
- package/dist/esm/ontario-accordion_44.entry.js.map +1 -0
- package/dist/esm/ontario-design-system-components.js +1 -1
- package/dist/ontario-design-system-components/i18n/global.i18n.json +172 -162
- package/dist/ontario-design-system-components/ontario-design-system-components.esm.js +1 -1
- package/dist/ontario-design-system-components/ontario-design-system-components.esm.js.map +1 -1
- package/dist/ontario-design-system-components/{p-cff41424.entry.js → p-9c3a1be9.entry.js} +2204 -1918
- package/dist/ontario-design-system-components/p-9c3a1be9.entry.js.map +1 -0
- package/dist/types/components/ontario-card/ontario-card-types.d.ts +4 -4
- package/dist/types/components/ontario-card/ontario-card.d.ts +40 -29
- package/dist/types/components/ontario-header/ontario-header.d.ts +13 -2
- package/dist/types/components/ontario-language-toggle/ontario-language-toggle.d.ts +75 -8
- package/dist/types/components/ontario-search-box/ontario-search-box.d.ts +180 -0
- package/dist/types/components.d.ts +211 -22
- package/dist/types/utils/common/input/input.d.ts +2 -1
- package/dist/types/utils/common/input-caption/input-caption.d.ts +7 -1
- package/dist/types/utils/common/language-types.d.ts +2 -1
- package/dist/types/utils/helper/utils-types.d.ts +2 -0
- package/dist/types/utils/helper/utils.d.ts +21 -0
- package/package.json +3 -3
- package/src/components/ontario-card/ontario-card-types.tsx +33 -4
- package/src/components/ontario-card/ontario-card.scss +59 -38
- package/src/components/ontario-card/ontario-card.tsx +98 -70
- package/src/components/ontario-card/readme.md +57 -27
- package/src/components/ontario-card/test/__snapshots__/ontario-cards.spec.tsx.snap +66 -0
- package/src/components/ontario-card/test/ontario-cards.spec.tsx +27 -13
- package/src/components/ontario-card-collection/readme.md +13 -13
- package/src/components/ontario-checkbox/ontario-checkboxes.scss +0 -1
- package/src/components/ontario-header/ontario-header.tsx +13 -4
- package/src/components/ontario-header/service-ontario-header.scss +0 -4
- package/src/components/ontario-header/test/ontario-header.spec.tsx +3 -3
- package/src/components/ontario-hint-text/readme.md +2 -0
- package/src/components/ontario-language-toggle/ontario-language-toggle.tsx +192 -45
- package/src/components/ontario-language-toggle/readme.md +10 -10
- package/src/components/ontario-language-toggle/test/__snapshots__/ontario-language-toggle.spec.tsx.snap +1 -1
- package/src/components/ontario-language-toggle/test/ontario-language-toggle.spec.tsx +17 -3
- package/src/components/ontario-radio-buttons/ontario-radio-buttons.scss +0 -1
- package/src/components/ontario-search-box/assets/ontario-icon-close.svg +1 -0
- package/src/components/ontario-search-box/assets/ontario-logo--mobile.svg +6 -0
- package/src/components/ontario-search-box/ontario-search-box.scss +141 -0
- package/src/components/ontario-search-box/ontario-search-box.tsx +341 -0
- package/src/components/ontario-search-box/readme.md +132 -0
- package/src/components/ontario-search-box/test/__snapshots__/ontario-search-box.spec.tsx.snap +35 -0
- package/src/components/ontario-search-box/test/ontario-search-box.e2e.ts +21 -0
- package/src/components/ontario-search-box/test/ontario-search-box.spec.tsx +22 -0
- package/src/components.d.ts +211 -22
- package/src/french.html +37 -0
- package/src/index.html +292 -38
- package/src/translations/global.i18n.json +172 -162
- package/src/utils/common/input/input.tsx +4 -1
- package/src/utils/common/input-caption/input-caption.tsx +9 -3
- package/src/utils/common/language-types.ts +2 -1
- package/src/utils/helper/utils-types.ts +2 -0
- package/src/utils/helper/utils.ts +30 -0
- package/www/build/ontario-design-system-components.esm.js +1 -1
- package/www/build/ontario-design-system-components.esm.js.map +1 -1
- package/www/build/{p-b61db0f6.js → p-84035ac3.js} +1 -1
- package/www/build/{p-cff41424.entry.js → p-9c3a1be9.entry.js} +2204 -1918
- package/www/build/p-9c3a1be9.entry.js.map +1 -0
- package/www/french.html +37 -0
- package/www/i18n/global.i18n.json +172 -162
- package/www/index.html +266 -38
- package/dist/cjs/ontario-accordion_43.cjs.entry.js.map +0 -1
- package/dist/esm/ontario-accordion_43.entry.js.map +0 -1
- package/dist/ontario-design-system-components/p-cff41424.entry.js.map +0 -1
- package/www/build/p-cff41424.entry.js.map +0 -1
|
@@ -6,157 +6,57 @@ const index = require('./index-88d5cf20.js');
|
|
|
6
6
|
const index$1 = require('./index-55e3f513.js');
|
|
7
7
|
const consoleMessage = require('./console-message-27a94faa.js');
|
|
8
8
|
|
|
9
|
-
const required = {
|
|
10
|
-
en: 'required',
|
|
11
|
-
fr: 'obligatoire',
|
|
12
|
-
};
|
|
13
|
-
const optional = {
|
|
14
|
-
en: 'optional',
|
|
15
|
-
fr: 'facultative',
|
|
16
|
-
};
|
|
17
9
|
const accessibility = {
|
|
18
|
-
moreInfo: {
|
|
19
|
-
en: 'More information on',
|
|
20
|
-
fr: 'Des renseignements supplémentaires sur',
|
|
21
|
-
},
|
|
22
10
|
checkboxHintExpander: {
|
|
23
11
|
en: 'is available after the last checkbox item.',
|
|
24
12
|
fr: 'suivront à la dernière case à cocher.',
|
|
25
13
|
},
|
|
14
|
+
moreInfo: {
|
|
15
|
+
en: 'More information on',
|
|
16
|
+
fr: 'Des renseignements supplémentaires sur',
|
|
17
|
+
},
|
|
26
18
|
singleHintExpander: {
|
|
27
19
|
en: 'field is available in the next element.',
|
|
28
20
|
fr: 'suivront au prochain élément.',
|
|
29
21
|
},
|
|
30
22
|
};
|
|
31
|
-
const backToTop = {
|
|
32
|
-
top: {
|
|
33
|
-
en: 'Top',
|
|
34
|
-
fr: 'Haut',
|
|
35
|
-
},
|
|
36
|
-
ariaLabel: {
|
|
37
|
-
en: 'Scroll back to the top',
|
|
38
|
-
fr: 'Retour en haut de la page',
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
const loading = {
|
|
42
|
-
en: 'Loading',
|
|
43
|
-
fr: 'Chargement',
|
|
44
|
-
};
|
|
45
|
-
const dropdownList = {
|
|
46
|
-
select: {
|
|
47
|
-
en: 'Select',
|
|
48
|
-
fr: 'Sélectionner',
|
|
49
|
-
},
|
|
50
|
-
};
|
|
51
|
-
const contactUs = {
|
|
52
|
-
en: 'Contact us',
|
|
53
|
-
fr: 'Contactez-nous',
|
|
54
|
-
};
|
|
55
23
|
const accessibilityLink = {
|
|
56
|
-
text: {
|
|
57
|
-
en: 'Accessibility',
|
|
58
|
-
fr: 'Accessibilité',
|
|
59
|
-
},
|
|
60
24
|
link: {
|
|
61
25
|
en: 'https://www.ontario.ca/page/accessibility',
|
|
62
26
|
fr: 'https://www.ontario.ca/fr/page/accessibilite',
|
|
63
27
|
},
|
|
64
|
-
};
|
|
65
|
-
const privacyLink = {
|
|
66
|
-
text: {
|
|
67
|
-
en: 'Privacy',
|
|
68
|
-
fr: 'Confidentialité',
|
|
69
|
-
},
|
|
70
|
-
link: {
|
|
71
|
-
en: 'https://www.ontario.ca/page/privacy-statement',
|
|
72
|
-
fr: 'https://www.ontario.ca/fr/page/declaration-concernant-la-protection-de-la-vie-privee',
|
|
73
|
-
},
|
|
74
|
-
};
|
|
75
|
-
const printerLink = {
|
|
76
28
|
text: {
|
|
77
|
-
en:
|
|
78
|
-
fr: '
|
|
79
|
-
},
|
|
80
|
-
link: {
|
|
81
|
-
en: 'https://www.ontario.ca/page/copyright-information',
|
|
82
|
-
fr: 'https://www.ontario.ca/fr/page/droits-dauteur',
|
|
83
|
-
},
|
|
84
|
-
};
|
|
85
|
-
const languageToggle = {
|
|
86
|
-
ariaLabel: {
|
|
87
|
-
en: 'Click to switch language to French',
|
|
88
|
-
fr: 'Cliquez pour changer de langue en anglais',
|
|
29
|
+
en: 'Accessibility',
|
|
30
|
+
fr: 'Accessibilité',
|
|
89
31
|
},
|
|
90
32
|
};
|
|
91
|
-
const
|
|
92
|
-
|
|
93
|
-
en: '
|
|
94
|
-
fr: '
|
|
95
|
-
},
|
|
96
|
-
step: {
|
|
97
|
-
en: 'Step',
|
|
98
|
-
fr: 'Étape',
|
|
33
|
+
const accordion = {
|
|
34
|
+
collapse: {
|
|
35
|
+
en: 'Collapse all',
|
|
36
|
+
fr: 'Réduire tout',
|
|
99
37
|
},
|
|
100
|
-
|
|
101
|
-
en: '
|
|
102
|
-
fr: '
|
|
38
|
+
expand: {
|
|
39
|
+
en: 'Expand all',
|
|
40
|
+
fr: 'Agrandir tout',
|
|
103
41
|
},
|
|
104
|
-
|
|
105
|
-
en: '
|
|
106
|
-
fr: '
|
|
42
|
+
expandCollapseAriaLabel: {
|
|
43
|
+
en: 'Expand or collapse the accordion',
|
|
44
|
+
fr: "Agrandissez ou réduisez l'accordéon",
|
|
107
45
|
},
|
|
108
46
|
};
|
|
109
|
-
const
|
|
110
|
-
|
|
111
|
-
en: '
|
|
112
|
-
fr: '
|
|
113
|
-
},
|
|
114
|
-
logoLink: {
|
|
115
|
-
en: 'https://www.ontario.ca/page/government-ontario',
|
|
116
|
-
fr: 'https://www.ontario.ca/fr/page/gouvernement-de-lontario',
|
|
117
|
-
},
|
|
118
|
-
logoAltText: {
|
|
119
|
-
en: 'Ontario.ca homepage',
|
|
120
|
-
fr: 'Page d’accueil Ontario.ca',
|
|
121
|
-
},
|
|
122
|
-
clearSearchField: {
|
|
123
|
-
en: 'Clear field',
|
|
124
|
-
fr: 'Vider le champ',
|
|
125
|
-
},
|
|
126
|
-
submit: {
|
|
127
|
-
en: 'Submit',
|
|
128
|
-
fr: 'Soumission',
|
|
129
|
-
},
|
|
130
|
-
search: {
|
|
131
|
-
en: 'Search',
|
|
132
|
-
fr: 'Rechercher',
|
|
133
|
-
},
|
|
134
|
-
serviceOntario: {
|
|
135
|
-
en: 'ServiceOntario',
|
|
136
|
-
fr: 'ServiceOntario',
|
|
137
|
-
},
|
|
138
|
-
openMenu: {
|
|
139
|
-
en: 'Show navigation menu',
|
|
140
|
-
fr: 'Ouvrir le menu de navigation',
|
|
141
|
-
},
|
|
142
|
-
closeMenu: {
|
|
143
|
-
en: 'Hide navigation menu',
|
|
144
|
-
fr: 'Fermer le menu de navigation',
|
|
145
|
-
},
|
|
146
|
-
close: {
|
|
147
|
-
en: 'close',
|
|
148
|
-
fr: 'fermer',
|
|
47
|
+
const backToTop = {
|
|
48
|
+
ariaLabel: {
|
|
49
|
+
en: 'Scroll back to the top',
|
|
50
|
+
fr: 'Retour en haut de la page',
|
|
149
51
|
},
|
|
150
|
-
|
|
151
|
-
en: '
|
|
152
|
-
fr: '
|
|
52
|
+
top: {
|
|
53
|
+
en: 'Top',
|
|
54
|
+
fr: 'Haut',
|
|
153
55
|
},
|
|
154
56
|
};
|
|
155
|
-
const
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
fr: 'Ce champ est obligatoire.',
|
|
159
|
-
},
|
|
57
|
+
const contactUs = {
|
|
58
|
+
en: 'Contact us',
|
|
59
|
+
fr: 'Contactez-nous',
|
|
160
60
|
};
|
|
161
61
|
const dateInput = {
|
|
162
62
|
caption: {
|
|
@@ -164,43 +64,23 @@ const dateInput = {
|
|
|
164
64
|
fr: 'Dates exactes',
|
|
165
65
|
},
|
|
166
66
|
day: {
|
|
167
|
-
label: {
|
|
168
|
-
en: 'Day',
|
|
169
|
-
fr: 'Jour',
|
|
170
|
-
},
|
|
171
67
|
accessibility: {
|
|
172
68
|
en: '4 digits',
|
|
173
69
|
fr: '4 chiffres',
|
|
174
70
|
},
|
|
175
|
-
},
|
|
176
|
-
month: {
|
|
177
71
|
label: {
|
|
178
|
-
en: '
|
|
179
|
-
fr: '
|
|
180
|
-
},
|
|
181
|
-
accessibility: {
|
|
182
|
-
en: '1 or 2 digits',
|
|
183
|
-
fr: '1 ou 2 chiffres',
|
|
184
|
-
},
|
|
185
|
-
},
|
|
186
|
-
year: {
|
|
187
|
-
label: {
|
|
188
|
-
en: 'Year',
|
|
189
|
-
fr: 'Année',
|
|
190
|
-
},
|
|
191
|
-
accessibility: {
|
|
192
|
-
en: '1 or 2 digits',
|
|
193
|
-
fr: '1 ou 2 chiffres',
|
|
72
|
+
en: 'Day',
|
|
73
|
+
fr: 'Jour',
|
|
194
74
|
},
|
|
195
75
|
},
|
|
196
76
|
error: {
|
|
197
77
|
en: {
|
|
198
78
|
emptyDay: 'Enter the day.',
|
|
199
|
-
emptyMonth: 'Enter the month.',
|
|
200
|
-
emptyYear: 'Enter the year.',
|
|
201
79
|
emptyDayAndMonth: 'Enter the month and day.',
|
|
202
80
|
emptyDayAndYear: 'Enter the year and day.',
|
|
81
|
+
emptyMonth: 'Enter the month.',
|
|
203
82
|
emptyMonthAndYear: 'Enter the year and month.',
|
|
83
|
+
emptyYear: 'Enter the year.',
|
|
204
84
|
invalidDate: 'Enter a valid date.',
|
|
205
85
|
invalidDay: 'Enter a valid day.',
|
|
206
86
|
invalidMonth: 'Enter a valid month.',
|
|
@@ -208,49 +88,180 @@ const dateInput = {
|
|
|
208
88
|
},
|
|
209
89
|
fr: {
|
|
210
90
|
emptyDay: 'Saisissez le jour.',
|
|
211
|
-
emptyMonth: 'Saisissez le mois.',
|
|
212
|
-
emptyYear: 'Saisissez l’année.',
|
|
213
91
|
emptyDayAndMonth: 'Saisissez le mois et le jour.',
|
|
214
92
|
emptyDayAndYear: 'Saisissez l’année et le jour.',
|
|
93
|
+
emptyMonth: 'Saisissez le mois.',
|
|
215
94
|
emptyMonthAndYear: 'Saisissez l’année et le mois.',
|
|
95
|
+
emptyYear: 'Saisissez l’année.',
|
|
216
96
|
invalidDate: 'Saisissez une date valide.',
|
|
217
97
|
invalidDay: 'Saisissez un jour valide.',
|
|
218
98
|
invalidMonth: 'Saisissez un mois valide.',
|
|
219
99
|
invalidYear: 'Saisissez une année valide.',
|
|
220
100
|
},
|
|
221
101
|
},
|
|
102
|
+
month: {
|
|
103
|
+
accessibility: {
|
|
104
|
+
en: '1 or 2 digits',
|
|
105
|
+
fr: '1 ou 2 chiffres',
|
|
106
|
+
},
|
|
107
|
+
label: {
|
|
108
|
+
en: 'Month',
|
|
109
|
+
fr: 'Mois',
|
|
110
|
+
},
|
|
111
|
+
},
|
|
112
|
+
year: {
|
|
113
|
+
accessibility: {
|
|
114
|
+
en: '1 or 2 digits',
|
|
115
|
+
fr: '1 ou 2 chiffres',
|
|
116
|
+
},
|
|
117
|
+
label: {
|
|
118
|
+
en: 'Year',
|
|
119
|
+
fr: 'Année',
|
|
120
|
+
},
|
|
121
|
+
},
|
|
222
122
|
};
|
|
223
|
-
const
|
|
224
|
-
|
|
225
|
-
en: '
|
|
226
|
-
fr: '
|
|
123
|
+
const dropdownList = {
|
|
124
|
+
select: {
|
|
125
|
+
en: 'Select',
|
|
126
|
+
fr: 'Sélectionner',
|
|
227
127
|
},
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
128
|
+
};
|
|
129
|
+
const header = {
|
|
130
|
+
clearSearchField: {
|
|
131
|
+
en: 'Clear field',
|
|
132
|
+
fr: 'Vider le champ',
|
|
231
133
|
},
|
|
232
|
-
|
|
233
|
-
en: '
|
|
234
|
-
fr:
|
|
134
|
+
close: {
|
|
135
|
+
en: 'close',
|
|
136
|
+
fr: 'fermer',
|
|
137
|
+
},
|
|
138
|
+
closeMenu: {
|
|
139
|
+
en: 'Hide navigation menu',
|
|
140
|
+
fr: 'Fermer le menu de navigation',
|
|
141
|
+
},
|
|
142
|
+
closeSearch: {
|
|
143
|
+
en: 'Close search bar',
|
|
144
|
+
fr: 'Fermer la barre de recherche',
|
|
145
|
+
},
|
|
146
|
+
logoAltText: {
|
|
147
|
+
en: 'Ontario.ca homepage',
|
|
148
|
+
fr: 'Page d’accueil Ontario.ca',
|
|
149
|
+
},
|
|
150
|
+
logoLink: {
|
|
151
|
+
en: 'https://www.ontario.ca/page/government-ontario',
|
|
152
|
+
fr: 'https://www.ontario.ca/fr/page/gouvernement-de-lontario',
|
|
153
|
+
},
|
|
154
|
+
ontarioSearchURL: {
|
|
155
|
+
en: 'https://www.ontario.ca/search/search-results?query=',
|
|
156
|
+
fr: 'https://www.ontario.ca/fr/recherche/resultats-de-recherche/?query=',
|
|
157
|
+
},
|
|
158
|
+
openMenu: {
|
|
159
|
+
en: 'Show navigation menu',
|
|
160
|
+
fr: 'Ouvrir le menu de navigation',
|
|
161
|
+
},
|
|
162
|
+
search: {
|
|
163
|
+
en: 'Search',
|
|
164
|
+
fr: 'Rechercher',
|
|
165
|
+
},
|
|
166
|
+
serviceOntario: {
|
|
167
|
+
en: 'ServiceOntario',
|
|
168
|
+
fr: 'ServiceOntario',
|
|
169
|
+
},
|
|
170
|
+
submit: {
|
|
171
|
+
en: 'Submit',
|
|
172
|
+
fr: 'Soumission',
|
|
173
|
+
},
|
|
174
|
+
};
|
|
175
|
+
const input = {
|
|
176
|
+
requiredFieldError: {
|
|
177
|
+
en: 'This is a required field.',
|
|
178
|
+
fr: 'Ce champ est obligatoire.',
|
|
179
|
+
},
|
|
180
|
+
};
|
|
181
|
+
const languageToggle = {
|
|
182
|
+
ariaLabel: {
|
|
183
|
+
en: 'Click to switch the language to English',
|
|
184
|
+
fr: 'Cliquez pour changer la langue en français',
|
|
235
185
|
},
|
|
236
186
|
};
|
|
187
|
+
const loading = {
|
|
188
|
+
en: 'Loading',
|
|
189
|
+
fr: 'Chargement',
|
|
190
|
+
};
|
|
191
|
+
const optional = {
|
|
192
|
+
en: 'optional',
|
|
193
|
+
fr: 'facultative',
|
|
194
|
+
};
|
|
195
|
+
const printerLink = {
|
|
196
|
+
link: {
|
|
197
|
+
en: 'https://www.ontario.ca/page/copyright-information',
|
|
198
|
+
fr: 'https://www.ontario.ca/fr/page/droits-dauteur',
|
|
199
|
+
},
|
|
200
|
+
text: {
|
|
201
|
+
en: "King's Printer for Ontario,",
|
|
202
|
+
fr: 'Imprimeur du Roi pour l’Ontario,',
|
|
203
|
+
},
|
|
204
|
+
};
|
|
205
|
+
const privacyLink = {
|
|
206
|
+
link: {
|
|
207
|
+
en: 'https://www.ontario.ca/page/privacy-statement',
|
|
208
|
+
fr: 'https://www.ontario.ca/fr/page/declaration-concernant-la-protection-de-la-vie-privee',
|
|
209
|
+
},
|
|
210
|
+
text: {
|
|
211
|
+
en: 'Privacy',
|
|
212
|
+
fr: 'Confidentialité',
|
|
213
|
+
},
|
|
214
|
+
};
|
|
215
|
+
const stepIndicator = {
|
|
216
|
+
back: {
|
|
217
|
+
en: 'Back',
|
|
218
|
+
fr: 'Retour',
|
|
219
|
+
},
|
|
220
|
+
complete: {
|
|
221
|
+
en: 'complete',
|
|
222
|
+
fr: 'complet',
|
|
223
|
+
},
|
|
224
|
+
of: {
|
|
225
|
+
en: 'of',
|
|
226
|
+
fr: 'sur',
|
|
227
|
+
},
|
|
228
|
+
step: {
|
|
229
|
+
en: 'Step',
|
|
230
|
+
fr: 'Étape',
|
|
231
|
+
},
|
|
232
|
+
};
|
|
233
|
+
const siteLanguage = {
|
|
234
|
+
fullWord: {
|
|
235
|
+
en: 'English',
|
|
236
|
+
fr: 'Français',
|
|
237
|
+
},
|
|
238
|
+
abbreviation: {
|
|
239
|
+
en: 'en',
|
|
240
|
+
fr: 'fr',
|
|
241
|
+
},
|
|
242
|
+
};
|
|
243
|
+
const required = {
|
|
244
|
+
en: 'required',
|
|
245
|
+
fr: 'obligatoire',
|
|
246
|
+
};
|
|
237
247
|
const translations = {
|
|
238
|
-
required: required,
|
|
239
|
-
optional: optional,
|
|
240
248
|
accessibility: accessibility,
|
|
249
|
+
accessibilityLink: accessibilityLink,
|
|
250
|
+
accordion: accordion,
|
|
241
251
|
backToTop: backToTop,
|
|
242
|
-
loading: loading,
|
|
243
|
-
dropdownList: dropdownList,
|
|
244
252
|
contactUs: contactUs,
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
printerLink: printerLink,
|
|
248
|
-
languageToggle: languageToggle,
|
|
249
|
-
stepIndicator: stepIndicator,
|
|
253
|
+
dateInput: dateInput,
|
|
254
|
+
dropdownList: dropdownList,
|
|
250
255
|
header: header,
|
|
251
256
|
input: input,
|
|
252
|
-
|
|
253
|
-
|
|
257
|
+
languageToggle: languageToggle,
|
|
258
|
+
loading: loading,
|
|
259
|
+
optional: optional,
|
|
260
|
+
printerLink: printerLink,
|
|
261
|
+
privacyLink: privacyLink,
|
|
262
|
+
stepIndicator: stepIndicator,
|
|
263
|
+
siteLanguage: siteLanguage,
|
|
264
|
+
required: required,
|
|
254
265
|
};
|
|
255
266
|
|
|
256
267
|
const ontarioAccordionCss =
|
|
@@ -768,12 +779,38 @@ function isEmpty(str) {
|
|
|
768
779
|
/**
|
|
769
780
|
* Retrieves the keys from an enum and lists them in an array.
|
|
770
781
|
*
|
|
771
|
-
* @param {object} enumObject - The enum you wish to get the keys of.
|
|
782
|
+
* @param {object} enumObject - The enum you wish to get the keys of.
|
|
783
|
+
*
|
|
784
|
+
* @returns {string[]}
|
|
785
|
+
*/
|
|
786
|
+
function retrieveEnumKeys(enumObject) {
|
|
787
|
+
return Object.keys(enumObject).filter(isNumber);
|
|
788
|
+
}
|
|
789
|
+
/**
|
|
790
|
+
* Prints an array as a comma delimited list, with the last element being preceded by a conjunction.
|
|
791
|
+
* As per ontario.ca content guidelines, there is no Oxford comma.
|
|
792
|
+
*
|
|
793
|
+
* @param {Array<any>} arr - The array that you wish to print.
|
|
794
|
+
* @param {Conjunction} conjunctionType - Whether you want the sentence to end with 'and value.' or 'or value.'
|
|
795
|
+
*
|
|
796
|
+
* @returns {string}
|
|
797
|
+
*/
|
|
798
|
+
function printArray(arr, conjunctionType = 'and') {
|
|
799
|
+
return [...arr].reduce(
|
|
800
|
+
(text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${conjunctionType} `) + value,
|
|
801
|
+
);
|
|
802
|
+
}
|
|
803
|
+
/**
|
|
804
|
+
* Grabs the HTML element of the page.
|
|
805
|
+
*
|
|
806
|
+
* More targetted than document.documentElement as the documentElement could
|
|
807
|
+
* in theory be any element that is the top level. e.g. <div> if the page is not
|
|
808
|
+
* set up to be semantically correct.
|
|
772
809
|
*
|
|
773
|
-
* @returns {
|
|
810
|
+
* @returns {HTMLElement}
|
|
774
811
|
*/
|
|
775
|
-
function
|
|
776
|
-
return
|
|
812
|
+
function getRootHTMLElement() {
|
|
813
|
+
return document.getElementsByTagName('html')[0];
|
|
777
814
|
}
|
|
778
815
|
|
|
779
816
|
var BadgeColourToClass;
|
|
@@ -1270,11 +1307,38 @@ const OntarioCallout = class {
|
|
|
1270
1307
|
};
|
|
1271
1308
|
OntarioCallout.style = OntarioCalloutStyle0;
|
|
1272
1309
|
|
|
1273
|
-
const
|
|
1274
|
-
const
|
|
1310
|
+
const Layouts = ['vertical', 'horizontal'];
|
|
1311
|
+
const HeaderColours = [
|
|
1312
|
+
'dark-accent',
|
|
1313
|
+
'light-accent',
|
|
1314
|
+
'light-gold',
|
|
1315
|
+
'light-yellow',
|
|
1316
|
+
'light-taupe',
|
|
1317
|
+
'light-green',
|
|
1318
|
+
'light-lime',
|
|
1319
|
+
'light-teal',
|
|
1320
|
+
'light-sky',
|
|
1321
|
+
'light-blue',
|
|
1322
|
+
'light-purple',
|
|
1323
|
+
'light-orange',
|
|
1324
|
+
'light-red',
|
|
1325
|
+
'light-magenta',
|
|
1326
|
+
'gold',
|
|
1327
|
+
'yellow',
|
|
1328
|
+
'taupe',
|
|
1329
|
+
'green',
|
|
1330
|
+
'lime',
|
|
1331
|
+
'teal',
|
|
1332
|
+
'sky',
|
|
1333
|
+
'blue',
|
|
1334
|
+
'purple',
|
|
1335
|
+
'orange',
|
|
1336
|
+
'red',
|
|
1337
|
+
'magenta',
|
|
1338
|
+
];
|
|
1275
1339
|
|
|
1276
1340
|
const ontarioCardCss =
|
|
1277
|
-
'.ontario-card__heading{font-style:normal;font-weight:700;text-rendering:optimizeLegibility;margin-bottom:1rem;font-feature-settings:normal;font-family:"Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}.ontario-card__heading{font-size:1.25rem;letter-spacing:0.03rem;line-height:1.5;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){.ontario-card__heading{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}.ontario-card{box-shadow:0rem 0.1875rem 0.5rem 0.0625rem rgba(0, 0, 0, 0.4);border-radius:4px;margin:0 2.5rem 2.5rem 0;padding:0;height:calc(100% - 2.5rem);list-style-type:none;transition:all 0.3s ease-in-out;position:relative;cursor:pointer}.ontario-card:hover{box-shadow:0rem 0.375rem 0.75rem 0.125rem rgba(0, 0, 0, 0.35)}.ontario-card:focus-within{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}.ontario-card:active{box-shadow:0 0 0 4px #009ADB;background-color:#f2f2f2}@media screen and (max-width: 40em){.ontario-card{margin-bottom:3rem;width:100% !important;max-width:100%}}.ontario-card__card-type--horizontal{display:flex}@media screen and (max-width: 40em){.ontario-card__card-type--horizontal{width:100%;max-width:100%}}.ontario-card__card-type--horizontal .ontario-card__image-container,.ontario-card__card-type--horizontal .ontario-card__text-container{position:relative}.ontario-card__card-type--horizontal a:focus-within{box-shadow:none;outline:none}.ontario-card__card-type--horizontal a:active{box-shadow:none}.ontario-card__card-type--horizontal img{height:100%;position:absolute}.ontario-card__image-right{flex-direction:row-reverse}.ontario-card__heading{margin:0;border-radius:4px 4px 0 0;padding:1.25rem 1.5rem 0.5rem 1.5rem;transition:text-decoration 0.3s ease-in-out;background-color:#FFFFFF}.ontario-card:hover .ontario-card__heading{text-decoration-line:underline;text-decoration-color:#1a1a1a}.ontario-
|
|
1341
|
+
'.ontario-card__heading{font-style:normal;font-weight:700;text-rendering:optimizeLegibility;margin-bottom:1rem;font-feature-settings:normal;font-family:"Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}.ontario-card__heading{font-size:1.25rem;letter-spacing:0.03rem;line-height:1.5;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){.ontario-card__heading{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}.ontario-card{box-shadow:0rem 0.1875rem 0.5rem 0.0625rem rgba(0, 0, 0, 0.4);border-radius:4px;margin:0 2.5rem 2.5rem 0;padding:0;height:calc(100% - 2.5rem);list-style-type:none;transition:all 0.3s ease-in-out;position:relative;cursor:pointer}.ontario-card:hover{box-shadow:0rem 0.375rem 0.75rem 0.125rem rgba(0, 0, 0, 0.35)}.ontario-card:focus-within{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}.ontario-card:active{box-shadow:0 0 0 4px #009ADB;background-color:#f2f2f2}@media screen and (max-width: 40em){.ontario-card{margin-bottom:3rem;width:100% !important;max-width:100%}}.ontario-card--image-true{margin-top:-0.5rem}.ontario-card__card-type--horizontal .ontario-card--image-true{margin-top:0}.ontario-card__card-type--horizontal{display:flex}@media screen and (max-width: 40em){.ontario-card__card-type--horizontal{width:100%;max-width:100%}}.ontario-card__card-type--horizontal .ontario-card__image-container,.ontario-card__card-type--horizontal .ontario-card__text-container{position:relative}.ontario-card__card-type--horizontal .ontario-card__heading{border-radius:0}.ontario-card__card-type--horizontal a:focus-within{box-shadow:none;outline:none}.ontario-card__card-type--horizontal a:active{box-shadow:none}.ontario-card__card-type--horizontal img{height:100%;position:absolute}.ontario-card__image-right{flex-direction:row-reverse}.ontario-card__heading{margin:0;border-radius:4px 4px 0 0;padding:1.25rem 1.5rem 0.5rem 1.5rem;transition:text-decoration 0.3s ease-in-out;background-color:#FFFFFF;max-width:none}.ontario-card:hover .ontario-card__heading{text-decoration-line:underline;text-decoration-color:#1a1a1a}.ontario-card--image-true .ontario-card__heading{border-radius:0}.ontario-card__card-type--horizontal .ontario-card--image-true .ontario-card__heading{border-radius:0 4px 0 0}.ontario-card__heading a{color:#1a1a1a;text-decoration:none;outline:none}.ontario-card__heading a::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.ontario-card__heading a:focus{box-shadow:none}.ontario-card__heading a:active{outline:none}@media screen and (max-width: 73em){.ontario-card__heading{font-size:1.25rem;padding-left:1rem;padding-right:1rem}}.ontario-card__background--light-accent{background-color:#f2f2f2}.ontario-card__heading--light-accent{background-color:#f2f2f2;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--dark-accent{background-color:#1a1a1a}.ontario-card__heading--dark-accent{background-color:#1a1a1a;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-gold{background-color:#F0E7CC}.ontario-card__heading--light-gold{background-color:#F0E7CC;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-yellow{background-color:#F8E5C3}.ontario-card__heading--light-yellow{background-color:#F8E5C3;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-taupe{background-color:#EBE7DB}.ontario-card__heading--light-taupe{background-color:#EBE7DB;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-green{background-color:#D1EFD4}.ontario-card__heading--light-green{background-color:#D1EFD4;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-lime{background-color:#DDEDC7}.ontario-card__heading--light-lime{background-color:#DDEDC7;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-teal{background-color:#CFEDED}.ontario-card__heading--light-teal{background-color:#CFEDED;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-sky{background-color:#C5EEFA}.ontario-card__heading--light-sky{background-color:#C5EEFA;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-purple{background-color:#F1E3F2}.ontario-card__heading--light-purple{background-color:#F1E3F2;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-orange{background-color:#FEE1D9}.ontario-card__heading--light-orange{background-color:#FEE1D9;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-red{background-color:#FFE0E2}.ontario-card__heading--light-red{background-color:#FFE0E2;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--light-magenta{background-color:#FEDFF0}.ontario-card__heading--light-magenta{background-color:#FEDFF0;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--gold{background-color:#CBA52E}.ontario-card__heading--gold{background-color:#CBA52E;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--yellow{background-color:#FCAF17}.ontario-card__heading--yellow{background-color:#FCAF17;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--taupe{background-color:#C1B28F}.ontario-card__heading--taupe{background-color:#C1B28F;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--green{background-color:#39B54A}.ontario-card__heading--green{background-color:#39B54A;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--lime{background-color:#8DC63F}.ontario-card__heading--lime{background-color:#8DC63F;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--teal{background-color:#49A7A2}.ontario-card__heading--teal{background-color:#49A7A2;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--sky{background-color:#00B2E3}.ontario-card__heading--sky{background-color:#00B2E3;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--purple{background-color:#B975B7}.ontario-card__heading--purple{background-color:#B975B7;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--orange{background-color:#F15A22}.ontario-card__heading--orange{background-color:#F15A22;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--red{background-color:#F0454B}.ontario-card__heading--red{background-color:#F0454B;padding-top:1rem;padding-bottom:1rem}.ontario-card__background--magenta{background-color:#F03093}.ontario-card__heading--magenta{background-color:#F03093;padding-top:1rem;padding-bottom:1rem}.ontario-card__card-type--horizontal .ontario-card__text-container{width:66.6%}.ontario-card__image-size-one-fourth .ontario-card__text-container{width:75%}.ontario-card--no-image .ontario-card__text-container{width:100%}.ontario-card__description{margin:0;padding:0.5rem 1.5rem 1.5rem 1.5rem;background-color:#FFFFFF;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ontario-card__description p{margin-top:0}.ontario-card__description p:last-of-type{margin-bottom:0}@media screen and (max-width: 73em){.ontario-card__description{padding:0.5rem 1rem 1.5rem 1rem}}.ontario-card--position-vertical .ontario-card__image-container{margin-bottom:-0.5rem}.ontario-card__card-type--horizontal .ontario-card__image-container{width:33.3%}.ontario-card__image-size-one-fourth .ontario-card__image-container{width:25%}.ontario-card__image{width:100%;height:100%;object-fit:cover;background-size:100% 100%}.ontario-card--position-vertical .ontario-card__image{border-top-left-radius:4px;border-top-right-radius:4px}.ontario-card__image-right .ontario-card__image{border-top-right-radius:4px;border-bottom-right-radius:4px}.ontario-card__image-left .ontario-card__image{border-top-left-radius:4px;border-bottom-left-radius:4px}';
|
|
1278
1342
|
const OntarioCardStyle0 = ontarioCardCss;
|
|
1279
1343
|
|
|
1280
1344
|
const OntarioCard = class {
|
|
@@ -1284,102 +1348,127 @@ const OntarioCard = class {
|
|
|
1284
1348
|
this.image = undefined;
|
|
1285
1349
|
this.description = undefined;
|
|
1286
1350
|
this.cardLink = undefined;
|
|
1287
|
-
this.
|
|
1288
|
-
this.
|
|
1351
|
+
this.layout = 'vertical';
|
|
1352
|
+
this.headerColour = undefined;
|
|
1289
1353
|
this.horizontalImagePositionType = 'left';
|
|
1290
1354
|
this.horizontalImageSizeType = 'one-third';
|
|
1291
1355
|
this.ariaLabelText = undefined;
|
|
1292
|
-
this.
|
|
1293
|
-
this.headerTypeState = undefined;
|
|
1356
|
+
this.layoutState = undefined;
|
|
1294
1357
|
}
|
|
1295
1358
|
/**
|
|
1296
|
-
* Watch for changes to the `
|
|
1359
|
+
* Watch for changes to the `layout` property for validation purposes.
|
|
1297
1360
|
*
|
|
1298
|
-
* If the user input doesn't match one of the array values then `
|
|
1299
|
-
* If a match is found in one of the array values then `
|
|
1300
|
-
*/
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1361
|
+
* If the user input doesn't match one of the array values then `layout` will be set to its default (`vertical`).
|
|
1362
|
+
* If a match is found in one of the array values then `layoutState` will be set to the matching array key value.
|
|
1363
|
+
*/
|
|
1364
|
+
validateLayout() {
|
|
1365
|
+
if (this.layout) {
|
|
1366
|
+
const isValid = index$1.validateValueAgainstArray(this.layout, Layouts);
|
|
1367
|
+
if (isValid) {
|
|
1368
|
+
this.layoutState = this.layout;
|
|
1369
|
+
} else {
|
|
1370
|
+
this.warnDefaultLayout();
|
|
1371
|
+
this.layoutState = 'vertical';
|
|
1372
|
+
}
|
|
1307
1373
|
}
|
|
1308
1374
|
}
|
|
1309
1375
|
/**
|
|
1310
|
-
* Watch for changes to the `
|
|
1376
|
+
* Watch for changes to the `headerColour` property for validation purposes.
|
|
1311
1377
|
*
|
|
1312
|
-
* If the user input doesn't match one of the array values then `
|
|
1313
|
-
* If a match is found in one of the array values then `
|
|
1314
|
-
*/
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1378
|
+
* If the user input doesn't match one of the array values then `headerColour` will be kept empty ('').
|
|
1379
|
+
* If a match is found in one of the array values then `headerColour` will be set to the matching array key value.
|
|
1380
|
+
*/
|
|
1381
|
+
validateHeaderColour() {
|
|
1382
|
+
if (this.headerColour) {
|
|
1383
|
+
const isValid = index$1.validateValueAgainstArray(this.headerColour, HeaderColours);
|
|
1384
|
+
if (!isValid) {
|
|
1385
|
+
this.warnDefaultHeaderColour();
|
|
1386
|
+
this.headerColour = '';
|
|
1387
|
+
}
|
|
1321
1388
|
}
|
|
1322
1389
|
}
|
|
1323
1390
|
/**
|
|
1324
|
-
* Print the invalid `
|
|
1325
|
-
* @returns default type (basic).
|
|
1391
|
+
* Print the invalid `layout` prop warning message.
|
|
1326
1392
|
*/
|
|
1327
|
-
|
|
1393
|
+
warnDefaultLayout() {
|
|
1328
1394
|
const message = new consoleMessage.ConsoleMessageClass();
|
|
1329
1395
|
message
|
|
1330
1396
|
.addDesignSystemTag()
|
|
1331
|
-
.addMonospaceText('
|
|
1397
|
+
.addMonospaceText(' layout ')
|
|
1332
1398
|
.addRegularText('on')
|
|
1333
1399
|
.addMonospaceText(' <ontario-card> ')
|
|
1334
|
-
.addRegularText('was set to an invalid
|
|
1335
|
-
.addMonospaceText(
|
|
1336
|
-
.addRegularText('are supported. The default
|
|
1337
|
-
.addMonospaceText('
|
|
1400
|
+
.addRegularText('was set to an invalid layout; only ')
|
|
1401
|
+
.addMonospaceText(printArray([...Layouts]))
|
|
1402
|
+
.addRegularText(' are supported. The default layout')
|
|
1403
|
+
.addMonospaceText(' vertical ')
|
|
1338
1404
|
.addRegularText('is assumed.')
|
|
1339
1405
|
.printMessage();
|
|
1340
|
-
return 'basic';
|
|
1341
1406
|
}
|
|
1342
1407
|
/**
|
|
1343
|
-
* Print the invalid `
|
|
1344
|
-
* @returns default type (default).
|
|
1408
|
+
* Print the invalid `headerColour` prop warning message.
|
|
1345
1409
|
*/
|
|
1346
|
-
|
|
1410
|
+
warnDefaultHeaderColour() {
|
|
1347
1411
|
const message = new consoleMessage.ConsoleMessageClass();
|
|
1348
1412
|
message
|
|
1349
1413
|
.addDesignSystemTag()
|
|
1350
|
-
.addMonospaceText(' header-
|
|
1414
|
+
.addMonospaceText(' header-colour ')
|
|
1351
1415
|
.addRegularText('on')
|
|
1352
1416
|
.addMonospaceText(' <ontario-card> ')
|
|
1353
|
-
.addRegularText('was set to an invalid
|
|
1354
|
-
.addMonospaceText(
|
|
1355
|
-
.addRegularText('are supported.
|
|
1356
|
-
.
|
|
1357
|
-
.addRegularText('is assumed.')
|
|
1417
|
+
.addRegularText('was set to an invalid colour; only ')
|
|
1418
|
+
.addMonospaceText(printArray([...HeaderColours]))
|
|
1419
|
+
.addRegularText(' are supported. ')
|
|
1420
|
+
.addRegularText('No colour is assumed as the default.')
|
|
1358
1421
|
.printMessage();
|
|
1359
|
-
return 'default';
|
|
1360
1422
|
}
|
|
1361
1423
|
/**
|
|
1362
|
-
*
|
|
1424
|
+
* Returns the top level classes of the card.
|
|
1425
|
+
*
|
|
1426
|
+
* @returns {string}
|
|
1363
1427
|
*/
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1428
|
+
getCardClasses() {
|
|
1429
|
+
const baseClass =
|
|
1430
|
+
this.layoutState === 'horizontal'
|
|
1431
|
+
? `ontario-card ontario-card__card-type--${this.layoutState} ontario-card__image-${this.horizontalImagePositionType} ontario-card__image-size-${this.horizontalImageSizeType}`
|
|
1432
|
+
: `ontario-card ontario-card__card-type--basic ontario-card--position-${this.layoutState}`;
|
|
1433
|
+
const descriptionClass = this.description ? '' : ' ontario-card__description-false';
|
|
1434
|
+
const backgroundClass =
|
|
1435
|
+
this.headerColour && !this.description ? `ontario-card__background--${this.headerColour}` : '';
|
|
1436
|
+
return `${baseClass} ${descriptionClass} ${backgroundClass}`.trim();
|
|
1437
|
+
}
|
|
1438
|
+
/**
|
|
1439
|
+
* Returns the heading classes of the card.
|
|
1440
|
+
*
|
|
1441
|
+
* @returns {string}
|
|
1442
|
+
*/
|
|
1443
|
+
getCardHeadingClasses() {
|
|
1444
|
+
const baseClass = 'ontario-card__heading';
|
|
1445
|
+
const backgroundClass =
|
|
1446
|
+
this.headerColour && index$1.validateValueAgainstArray(this.headerColour, HeaderColours)
|
|
1447
|
+
? `ontario-card__heading--${this.headerColour}`
|
|
1448
|
+
: '';
|
|
1449
|
+
return `${baseClass} ${backgroundClass}`.trim();
|
|
1371
1450
|
}
|
|
1451
|
+
/**
|
|
1452
|
+
* Returns the url that the card links to.
|
|
1453
|
+
*
|
|
1454
|
+
* @returns {string}
|
|
1455
|
+
*/
|
|
1372
1456
|
getHref() {
|
|
1373
1457
|
return this.cardLink ? this.cardLink : '#';
|
|
1374
1458
|
}
|
|
1459
|
+
/**
|
|
1460
|
+
* Component life cycle hook.
|
|
1461
|
+
*
|
|
1462
|
+
* https://stenciljs.com/docs/component-lifecycle#connectedcallback
|
|
1463
|
+
*/
|
|
1375
1464
|
componentWillLoad() {
|
|
1376
|
-
this.
|
|
1377
|
-
this.
|
|
1465
|
+
this.validateLayout();
|
|
1466
|
+
this.validateHeaderColour();
|
|
1378
1467
|
}
|
|
1379
1468
|
render() {
|
|
1380
1469
|
return index.h(
|
|
1381
1470
|
'li',
|
|
1382
|
-
{ key: '
|
|
1471
|
+
{ key: 'e63b893390ea13ee21a2d47f7ef6c9b403c4d044', class: this.getCardClasses() },
|
|
1383
1472
|
this.image &&
|
|
1384
1473
|
index.h(
|
|
1385
1474
|
'div',
|
|
@@ -1393,16 +1482,16 @@ const OntarioCard = class {
|
|
|
1393
1482
|
index.h(
|
|
1394
1483
|
'div',
|
|
1395
1484
|
{
|
|
1396
|
-
key: '
|
|
1485
|
+
key: 'b6f0a2218840a76baf9c803c3f155733a00ee029',
|
|
1397
1486
|
class: `ontario-card__text-container ${this.image ? 'ontario-card--image-true' : ''}`,
|
|
1398
1487
|
},
|
|
1399
1488
|
index.h(
|
|
1400
1489
|
'h2',
|
|
1401
|
-
{ key: '
|
|
1490
|
+
{ key: '063dc227db00f3faecec029dc82f5478910b65be', class: this.getCardHeadingClasses() },
|
|
1402
1491
|
index.h(
|
|
1403
1492
|
'a',
|
|
1404
1493
|
{
|
|
1405
|
-
'key': '
|
|
1494
|
+
'key': 'debb40036a708ad1a1852a85fa35db2d5f1e23cc',
|
|
1406
1495
|
'href': this.getHref(),
|
|
1407
1496
|
'aria-label': this.ariaLabelText,
|
|
1408
1497
|
},
|
|
@@ -1419,8 +1508,8 @@ const OntarioCard = class {
|
|
|
1419
1508
|
}
|
|
1420
1509
|
static get watchers() {
|
|
1421
1510
|
return {
|
|
1422
|
-
|
|
1423
|
-
|
|
1511
|
+
layout: ['validateLayout'],
|
|
1512
|
+
headerColour: ['validateHeaderColour'],
|
|
1424
1513
|
};
|
|
1425
1514
|
}
|
|
1426
1515
|
};
|
|
@@ -1519,6 +1608,7 @@ const Input$1 = (_a) => {
|
|
|
1519
1608
|
onChange,
|
|
1520
1609
|
onBlur,
|
|
1521
1610
|
onFocus,
|
|
1611
|
+
onClick,
|
|
1522
1612
|
ariaInvalid,
|
|
1523
1613
|
ariaDescribedBy,
|
|
1524
1614
|
ref,
|
|
@@ -1539,6 +1629,7 @@ const Input$1 = (_a) => {
|
|
|
1539
1629
|
'onChange',
|
|
1540
1630
|
'onBlur',
|
|
1541
1631
|
'onFocus',
|
|
1632
|
+
'onClick',
|
|
1542
1633
|
'ariaInvalid',
|
|
1543
1634
|
'ariaDescribedBy',
|
|
1544
1635
|
'ref',
|
|
@@ -1562,6 +1653,7 @@ const Input$1 = (_a) => {
|
|
|
1562
1653
|
'onChange': onChange,
|
|
1563
1654
|
'onBlur': onBlur,
|
|
1564
1655
|
'onFocus': onFocus,
|
|
1656
|
+
'onClick': onClick,
|
|
1565
1657
|
'inputMode': inputMode,
|
|
1566
1658
|
'ref': ref,
|
|
1567
1659
|
'aria-invalid': ariaInvalid,
|
|
@@ -1606,23 +1698,25 @@ class InputCaption {
|
|
|
1606
1698
|
/**
|
|
1607
1699
|
* Return the `<label>` element for text inputs
|
|
1608
1700
|
* @param captionFor Set the `htmlFor` attribute
|
|
1701
|
+
* @param hasHintExpander Indicate whether the component the label is for has a hint expander or not
|
|
1702
|
+
* @param disableRequiredFlag Disable the required/optional label text _(only use in highly special cases)_
|
|
1609
1703
|
* @returns element containing the caption for the input
|
|
1610
1704
|
*/
|
|
1611
|
-
this.getCaption = (captionFor, hasHintExpander = false) => {
|
|
1705
|
+
this.getCaption = (captionFor, hasHintExpander = false, disableRequiredFlag = false) => {
|
|
1612
1706
|
const captionText = this.captionText && this.captionText.toLowerCase();
|
|
1613
1707
|
const captionContent = this.isLegend
|
|
1614
1708
|
? index.h(
|
|
1615
1709
|
'legend',
|
|
1616
1710
|
{ class: this.getClass() },
|
|
1617
1711
|
this.captionType === 'heading' ? index.h('h1', null, this.captionText) : this.captionText,
|
|
1618
|
-
this.getRequiredFlagElement(),
|
|
1712
|
+
!disableRequiredFlag && this.getRequiredFlagElement(),
|
|
1619
1713
|
hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false),
|
|
1620
1714
|
)
|
|
1621
1715
|
: index.h(
|
|
1622
1716
|
'label',
|
|
1623
1717
|
{ htmlFor: captionFor, class: this.getClass() },
|
|
1624
1718
|
this.captionText,
|
|
1625
|
-
this.getRequiredFlagElement(),
|
|
1719
|
+
!disableRequiredFlag && this.getRequiredFlagElement(),
|
|
1626
1720
|
hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false),
|
|
1627
1721
|
);
|
|
1628
1722
|
// with `this.captionType` already set to one of the enum values, the comparison no longer needs the `toLowerCase()` transform
|
|
@@ -3914,7 +4008,7 @@ const ontarioHeaderCss =
|
|
|
3914
4008
|
const OntarioHeaderOntarioStyle0 = ontarioHeaderCss;
|
|
3915
4009
|
|
|
3916
4010
|
const serviceOntarioServiceOntarioHeaderCss =
|
|
3917
|
-
'.ontario-service-subheader__description,.ontario-application-subheader__heading,.ontario-service-subheader__heading{font-style:normal;font-weight:700;text-rendering:optimizeLegibility;margin-bottom:1rem;font-feature-settings:normal;font-family:"Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}.ontario-service-subheader__heading{font-size:1.4375rem;letter-spacing:0.02rem;line-height:1.39;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){.ontario-service-subheader__heading{font-size:1.75rem;letter-spacing:0.02rem;line-height:1.43}}.ontario-application-subheader__heading{font-size:1.25rem;letter-spacing:0.03rem;line-height:1.5;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){.ontario-application-subheader__heading{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}.ontario-service-subheader__description{font-size:1.125rem;letter-spacing:0.03rem;line-height:1.56;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){.ontario-service-subheader__description{font-size:1.1875rem;letter-spacing:0.025rem;line-height:1.5}}.ontario-application-navigation a:focus,.ontario-application-navigation a:active,.ontario-header-button:focus,.ontario-input:focus,.ontario-input:active{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}.ontario-row{margin:0 auto;max-width:72rem;width:100%}.ontario-row:before,.ontario-row:after{content:"";display:table}.ontario-row:after{clear:both}.ontario-row.ontario-row--collapse>.ontario-column,.ontario-row.ontario-row--collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-row--collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row .ontario-row{margin:0 -1rem;max-width:none;width:auto}.ontario-row .ontario-row:before,.ontario-row .ontario-row:after{content:"";display:table}.ontario-row .ontario-row:after{clear:both}.ontario-row .ontario-row.ontario-row--collapse{margin:0;max-width:none;width:auto}.ontario-row .ontario-row.ontario-row--collapse:before,.ontario-row .ontario-row.ontario-row--collapse:after{content:"";display:table}.ontario-row .ontario-row.ontario-row--collapse:after{clear:both}.ontario-column,.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;width:100%;float:left}.ontario-column+.ontario-column:last-child,.ontario-column+.ontario-columns:last-child,.ontario-columns+.ontario-column:last-child,.ontario-columns+.ontario-columns:last-child{float:right}.ontario-column+.ontario-column.ontario-end,.ontario-column+.ontario-columns.ontario-end,.ontario-columns+.ontario-column.ontario-end,.ontario-columns+.ontario-columns.ontario-end{float:left}@media only screen{.ontario-small-push-0{position:relative;left:0;right:auto}.ontario-small-pull-0{position:relative;right:0;left:auto}.ontario-small-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-small-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-small-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-small-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-small-push-3{position:relative;left:25%;right:auto}.ontario-small-pull-3{position:relative;right:25%;left:auto}.ontario-small-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-small-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-small-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-small-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-small-push-6{position:relative;left:50%;right:auto}.ontario-small-pull-6{position:relative;right:50%;left:auto}.ontario-small-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-small-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-small-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-small-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-small-push-9{position:relative;left:75%;right:auto}.ontario-small-pull-9{position:relative;right:75%;left:auto}.ontario-small-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-small-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-small-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-small-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-small-1{width:8.3333333333%}.ontario-small-2{width:16.6666666667%}.ontario-small-3{width:25%}.ontario-small-4{width:33.3333333333%}.ontario-small-5{width:41.6666666667%}.ontario-small-6{width:50%}.ontario-small-7{width:58.3333333333%}.ontario-small-8{width:66.6666666667%}.ontario-small-9{width:75%}.ontario-small-10{width:83.3333333333%}.ontario-small-11{width:91.6666666667%}.ontario-small-12{width:100%}.ontario-small-offset-0{margin-left:0 !important}.ontario-small-offset-1{margin-left:8.3333333333% !important}.ontario-small-offset-2{margin-left:16.6666666667% !important}.ontario-small-offset-3{margin-left:25% !important}.ontario-small-offset-4{margin-left:33.3333333333% !important}.ontario-small-offset-5{margin-left:41.6666666667% !important}.ontario-small-offset-6{margin-left:50% !important}.ontario-small-offset-7{margin-left:58.3333333333% !important}.ontario-small-offset-8{margin-left:66.6666666667% !important}.ontario-small-offset-9{margin-left:75% !important}.ontario-small-offset-10{margin-left:83.3333333333% !important}.ontario-small-offset-11{margin-left:91.6666666667% !important}.ontario-small-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-small-centered,.ontario-columns.ontario-small-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-small-uncentered,.ontario-columns.ontario-small-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-small-centered:last-child,.ontario-columns.ontario-small-centered:last-child{float:none}.ontario-column.ontario-small-uncentered:last-child,.ontario-columns.ontario-small-uncentered:last-child{float:left}.ontario-column.ontario-small-uncentered.ontario-opposite,.ontario-columns.ontario-small-uncentered.ontario-opposite{float:right}.ontario-row.ontario-small-collapse>.ontario-column,.ontario-row.ontario-small-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-small-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-small-uncollapse>.ontario-column,.ontario-row.ontario-small-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}}@media only screen and (min-width:40.063em){.ontario-medium-push-0{position:relative;left:0;right:auto}.ontario-medium-pull-0{position:relative;right:0;left:auto}.ontario-medium-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-medium-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-medium-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-medium-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-medium-push-3{position:relative;left:25%;right:auto}.ontario-medium-pull-3{position:relative;right:25%;left:auto}.ontario-medium-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-medium-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-medium-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-medium-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-medium-push-6{position:relative;left:50%;right:auto}.ontario-medium-pull-6{position:relative;right:50%;left:auto}.ontario-medium-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-medium-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-medium-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-medium-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-medium-push-9{position:relative;left:75%;right:auto}.ontario-medium-pull-9{position:relative;right:75%;left:auto}.ontario-medium-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-medium-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-medium-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-medium-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-medium-1{width:8.3333333333%}.ontario-medium-2{width:16.6666666667%}.ontario-medium-3{width:25%}.ontario-medium-4{width:33.3333333333%}.ontario-medium-5{width:41.6666666667%}.ontario-medium-6{width:50%}.ontario-medium-7{width:58.3333333333%}.ontario-medium-8{width:66.6666666667%}.ontario-medium-9{width:75%}.ontario-medium-10{width:83.3333333333%}.ontario-medium-11{width:91.6666666667%}.ontario-medium-12{width:100%}.ontario-medium-offset-0{margin-left:0 !important}.ontario-medium-offset-1{margin-left:8.3333333333% !important}.ontario-medium-offset-2{margin-left:16.6666666667% !important}.ontario-medium-offset-3{margin-left:25% !important}.ontario-medium-offset-4{margin-left:33.3333333333% !important}.ontario-medium-offset-5{margin-left:41.6666666667% !important}.ontario-medium-offset-6{margin-left:50% !important}.ontario-medium-offset-7{margin-left:58.3333333333% !important}.ontario-medium-offset-8{margin-left:66.6666666667% !important}.ontario-medium-offset-9{margin-left:75% !important}.ontario-medium-offset-10{margin-left:83.3333333333% !important}.ontario-medium-offset-11{margin-left:91.6666666667% !important}.ontario-medium-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-medium-centered,.ontario-columns.ontario-medium-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-medium-uncentered,.ontario-columns.ontario-medium-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-medium-centered:last-child,.ontario-columns.ontario-medium-centered:last-child{float:none}.ontario-column.ontario-medium-uncentered:last-child,.ontario-columns.ontario-medium-uncentered:last-child{float:left}.ontario-column.ontario-medium-uncentered.ontario-opposite,.ontario-columns.ontario-medium-uncentered.ontario-opposite{float:right}.ontario-row.ontario-medium-collapse>.ontario-column,.ontario-row.ontario-medium-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-medium-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-medium-uncollapse>.ontario-column,.ontario-row.ontario-medium-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}}@media only screen and (min-width:73.063em){.ontario-large-push-0{position:relative;left:0;right:auto}.ontario-large-pull-0{position:relative;right:0;left:auto}.ontario-large-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-large-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-large-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-large-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-large-push-3{position:relative;left:25%;right:auto}.ontario-large-pull-3{position:relative;right:25%;left:auto}.ontario-large-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-large-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-large-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-large-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-large-push-6{position:relative;left:50%;right:auto}.ontario-large-pull-6{position:relative;right:50%;left:auto}.ontario-large-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-large-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-large-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-large-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-large-push-9{position:relative;left:75%;right:auto}.ontario-large-pull-9{position:relative;right:75%;left:auto}.ontario-large-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-large-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-large-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-large-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-large-1{width:8.3333333333%}.ontario-large-2{width:16.6666666667%}.ontario-large-3{width:25%}.ontario-large-4{width:33.3333333333%}.ontario-large-5{width:41.6666666667%}.ontario-large-6{width:50%}.ontario-large-7{width:58.3333333333%}.ontario-large-8{width:66.6666666667%}.ontario-large-9{width:75%}.ontario-large-10{width:83.3333333333%}.ontario-large-11{width:91.6666666667%}.ontario-large-12{width:100%}.ontario-large-offset-0{margin-left:0 !important}.ontario-large-offset-1{margin-left:8.3333333333% !important}.ontario-large-offset-2{margin-left:16.6666666667% !important}.ontario-large-offset-3{margin-left:25% !important}.ontario-large-offset-4{margin-left:33.3333333333% !important}.ontario-large-offset-5{margin-left:41.6666666667% !important}.ontario-large-offset-6{margin-left:50% !important}.ontario-large-offset-7{margin-left:58.3333333333% !important}.ontario-large-offset-8{margin-left:66.6666666667% !important}.ontario-large-offset-9{margin-left:75% !important}.ontario-large-offset-10{margin-left:83.3333333333% !important}.ontario-large-offset-11{margin-left:91.6666666667% !important}.ontario-large-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-large-centered,.ontario-columns.ontario-large-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-large-uncentered,.ontario-columns.ontario-large-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-large-centered:last-child,.ontario-columns.ontario-large-centered:last-child{float:none}.ontario-column.ontario-large-uncentered:last-child,.ontario-columns.ontario-large-uncentered:last-child{float:left}.ontario-column.ontario-large-uncentered.ontario-opposite,.ontario-columns.ontario-large-uncentered.ontario-opposite{float:right}.ontario-row.ontario-large-collapse>.ontario-column,.ontario-row.ontario-large-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-large-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-large-uncollapse>.ontario-column,.ontario-row.ontario-large-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-push-0{position:relative;left:0;right:auto}.ontario-pull-0{position:relative;right:0;left:auto}.ontario-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-push-3{position:relative;left:25%;right:auto}.ontario-pull-3{position:relative;right:25%;left:auto}.ontario-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-push-6{position:relative;left:50%;right:auto}.ontario-pull-6{position:relative;right:50%;left:auto}.ontario-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-push-9{position:relative;left:75%;right:auto}.ontario-pull-9{position:relative;right:75%;left:auto}.ontario-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-pull-11{position:relative;right:91.6666666667%;left:auto}}@media only screen and (min-width:96.063em){.ontario-xlarge-push-0{position:relative;left:0;right:auto}.ontario-xlarge-pull-0{position:relative;right:0;left:auto}.ontario-xlarge-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-xlarge-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-xlarge-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-xlarge-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-xlarge-push-3{position:relative;left:25%;right:auto}.ontario-xlarge-pull-3{position:relative;right:25%;left:auto}.ontario-xlarge-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-xlarge-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-xlarge-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-xlarge-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-xlarge-push-6{position:relative;left:50%;right:auto}.ontario-xlarge-pull-6{position:relative;right:50%;left:auto}.ontario-xlarge-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-xlarge-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-xlarge-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-xlarge-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-xlarge-push-9{position:relative;left:75%;right:auto}.ontario-xlarge-pull-9{position:relative;right:75%;left:auto}.ontario-xlarge-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-xlarge-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-xlarge-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-xlarge-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-xlarge-1{width:8.3333333333%}.ontario-xlarge-2{width:16.6666666667%}.ontario-xlarge-3{width:25%}.ontario-xlarge-4{width:33.3333333333%}.ontario-xlarge-5{width:41.6666666667%}.ontario-xlarge-6{width:50%}.ontario-xlarge-7{width:58.3333333333%}.ontario-xlarge-8{width:66.6666666667%}.ontario-xlarge-9{width:75%}.ontario-xlarge-10{width:83.3333333333%}.ontario-xlarge-11{width:91.6666666667%}.ontario-xlarge-12{width:100%}.ontario-xlarge-offset-0{margin-left:0 !important}.ontario-xlarge-offset-1{margin-left:8.3333333333% !important}.ontario-xlarge-offset-2{margin-left:16.6666666667% !important}.ontario-xlarge-offset-3{margin-left:25% !important}.ontario-xlarge-offset-4{margin-left:33.3333333333% !important}.ontario-xlarge-offset-5{margin-left:41.6666666667% !important}.ontario-xlarge-offset-6{margin-left:50% !important}.ontario-xlarge-offset-7{margin-left:58.3333333333% !important}.ontario-xlarge-offset-8{margin-left:66.6666666667% !important}.ontario-xlarge-offset-9{margin-left:75% !important}.ontario-xlarge-offset-10{margin-left:83.3333333333% !important}.ontario-xlarge-offset-11{margin-left:91.6666666667% !important}.ontario-xlarge-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-xlarge-centered,.ontario-columns.ontario-xlarge-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-xlarge-uncentered,.ontario-columns.ontario-xlarge-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-xlarge-centered:last-child,.ontario-columns.ontario-xlarge-centered:last-child{float:none}.ontario-column.ontario-xlarge-uncentered:last-child,.ontario-columns.ontario-xlarge-uncentered:last-child{float:left}.ontario-column.ontario-xlarge-uncentered.ontario-opposite,.ontario-columns.ontario-xlarge-uncentered.ontario-opposite{float:right}.ontario-row.ontario-xlarge-collapse>.ontario-column,.ontario-row.ontario-xlarge-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-xlarge-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-xlarge-uncollapse>.ontario-column,.ontario-row.ontario-xlarge-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}}@media only screen and (min-width:120.063em){.ontario-xxlarge-push-0{position:relative;left:0;right:auto}.ontario-xxlarge-pull-0{position:relative;right:0;left:auto}.ontario-xxlarge-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-xxlarge-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-xxlarge-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-xxlarge-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-xxlarge-push-3{position:relative;left:25%;right:auto}.ontario-xxlarge-pull-3{position:relative;right:25%;left:auto}.ontario-xxlarge-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-xxlarge-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-xxlarge-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-xxlarge-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-xxlarge-push-6{position:relative;left:50%;right:auto}.ontario-xxlarge-pull-6{position:relative;right:50%;left:auto}.ontario-xxlarge-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-xxlarge-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-xxlarge-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-xxlarge-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-xxlarge-push-9{position:relative;left:75%;right:auto}.ontario-xxlarge-pull-9{position:relative;right:75%;left:auto}.ontario-xxlarge-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-xxlarge-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-xxlarge-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-xxlarge-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-xxlarge-1{width:8.3333333333%}.ontario-xxlarge-2{width:16.6666666667%}.ontario-xxlarge-3{width:25%}.ontario-xxlarge-4{width:33.3333333333%}.ontario-xxlarge-5{width:41.6666666667%}.ontario-xxlarge-6{width:50%}.ontario-xxlarge-7{width:58.3333333333%}.ontario-xxlarge-8{width:66.6666666667%}.ontario-xxlarge-9{width:75%}.ontario-xxlarge-10{width:83.3333333333%}.ontario-xxlarge-11{width:91.6666666667%}.ontario-xxlarge-12{width:100%}.ontario-xxlarge-offset-0{margin-left:0 !important}.ontario-xxlarge-offset-1{margin-left:8.3333333333% !important}.ontario-xxlarge-offset-2{margin-left:16.6666666667% !important}.ontario-xxlarge-offset-3{margin-left:25% !important}.ontario-xxlarge-offset-4{margin-left:33.3333333333% !important}.ontario-xxlarge-offset-5{margin-left:41.6666666667% !important}.ontario-xxlarge-offset-6{margin-left:50% !important}.ontario-xxlarge-offset-7{margin-left:58.3333333333% !important}.ontario-xxlarge-offset-8{margin-left:66.6666666667% !important}.ontario-xxlarge-offset-9{margin-left:75% !important}.ontario-xxlarge-offset-10{margin-left:83.3333333333% !important}.ontario-xxlarge-offset-11{margin-left:91.6666666667% !important}.ontario-xxlarge-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-xxlarge-centered,.ontario-columns.ontario-xxlarge-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-xxlarge-uncentered,.ontario-columns.ontario-xxlarge-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-xxlarge-centered:last-child,.ontario-columns.ontario-xxlarge-centered:last-child{float:none}.ontario-column.ontario-xxlarge-uncentered:last-child,.ontario-columns.ontario-xxlarge-uncentered:last-child{float:left}.ontario-column.ontario-xxlarge-uncentered.ontario-opposite,.ontario-columns.ontario-xxlarge-uncentered.ontario-opposite{float:right}.ontario-row.ontario-xxlarge-collapse>.ontario-column,.ontario-row.ontario-xxlarge-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-xxlarge-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-xxlarge-uncollapse>.ontario-column,.ontario-row.ontario-xxlarge-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}}.ontario-input{border:2px solid #1a1a1a;border-radius:4px;box-sizing:border-box;color:#1a1a1a;display:block;font-size:1rem;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;margin:0 0 2.5rem;max-width:48rem;width:100%;padding:0.625rem 1rem;transition:box-shadow 0.1s ease-in-out}.ontario-input--2-char-width{max-width:8ex}.ontario-input--3-char-width{max-width:10ex}.ontario-input--4-char-width{max-width:12ex}.ontario-input--5-char-width{max-width:14ex}.ontario-input--7-char-width{max-width:17ex}.ontario-input--10-char-width{max-width:23ex}.ontario-input--20-char-width{max-width:41ex}.ontario-form-group:last-of-type{margin-bottom:2.5rem}.ontario-hide{display:none !important}.ontario-invisible{visibility:hidden !important}@media screen and (max-width: 39.99875em){.ontario-hide-for-small-only{display:none !important}}@media screen and (max-width: 0em), screen and (min-width: 40em){.ontario-show-for-small-only{display:none !important}}@media print, screen and (min-width: 40em){.ontario-hide-for-medium{display:none !important}}@media screen and (max-width: 39.99875em){.ontario-show-for-medium{display:none !important}}@media screen and (min-width: 40em) and (max-width: 72.99875em){.ontario-hide-for-medium-only{display:none !important}}@media screen and (max-width: 39.99875em), screen and (min-width: 73em){.ontario-show-for-medium-only{display:none !important}}@media print, screen and (min-width: 73em){.ontario-hide-for-large{display:none !important}}@media screen and (max-width: 72.99875em){.ontario-show-for-large{display:none !important}}@media screen and (min-width: 73em) and (max-width: 95.99875em){.ontario-hide-for-large-only{display:none !important}}@media screen and (max-width: 72.99875em), screen and (min-width: 96em){.ontario-show-for-large-only{display:none !important}}.ontario-show-for-sr,.ontario-show-on-focus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.ontario-show-on-focus:active,.ontario-show-on-focus:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto}.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}@media screen and (orientation: landscape){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}}@media screen and (orientation: portrait){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:none !important}}.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}@media screen and (orientation: landscape){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}}@media screen and (orientation: portrait){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:block !important}}.ontario-application-header{display:flex;align-items:center;background-color:#1a1a1a;color:#FFFFFF;height:3.125rem !important;position:relative;z-index:5}.ontario-application-header>.ontario-row{display:flex;align-items:center}.ontario-application-header-container{position:relative;width:100%}.ontario-header-button.ontario-application-navigation--open:hover{background-color:#666666}.ontario-header-button.ontario-application-navigation--closed:active{background-color:#1a1a1a}.ontario-header-button--with-outline{border:2px solid #FFFFFF;margin:0 0 0 1rem;padding:0.375rem 1rem}.ontario-application-subheader .ontario-header-button,.ontario-application-navigation .ontario-header-button{background-color:#4d4d4d}.ontario-header-button--closed:focus{box-shadow:none;outline:none;transition:none}.ontario-application-header__logo,.ontario-application-header__logo a,.ontario-application-header__lang-toggle,.ontario-application-subheader__container,.ontario-application-subheader__menu-container,.ontario-application-subheader__menu{display:flex;align-items:center;outline:none}.ontario-application-header__logo a:focus{box-shadow:0 0 0 4px #009ADB;transition:all 0.1s ease-in-out}.ontario-application-header__logo svg,.ontario-application-header__logo img{width:100px;height:25px}.ontario-application-header__lang-toggle{justify-content:flex-end}.ontario-application-header__lang-toggle a{font-size:1rem;line-height:1.375rem;height:auto;outline:none;padding:0.5rem 0.75rem}.ontario-application-subheader{padding:1.25rem 0;background-color:#404040;overflow:visible;position:relative;z-index:5}@media screen and (min-width: 73em){.ontario-application-subheader{z-index:0}}.ontario-application-subheader>.ontario-row{position:relative}.ontario-application-header-container{position:relative;z-index:5}.ontario-application-header>.ontario-row{display:flex;align-items:center}.ontario-application-subheader .ontario-header-button{visibility:visible}.ontario-application-subheader .ontario-header-button,.ontario-application-navigation .ontario-header-button{background-color:#4d4d4d}.ontario-application-subheader .ontario-header-button:hover,.ontario-application-navigation .ontario-header-button:hover{background-color:#666666}.ontario-application-subheader .ontario-header-button:active,.ontario-application-navigation .ontario-header-button:active{background-color:#1a1a1a}.ontario-header-button--without-outline:hover{background-color:#4d4d4d}.ontario-header-button--without-outline:focus{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:all 0.1s ease-in-out}.ontario-application-subheader__heading{padding:0.375rem 0;margin-bottom:0;max-width:65%}.ontario-application-subheader__heading a{color:#FFFFFF;font-weight:600;text-decoration:none}.ontario-application-subheader__heading a:focus{box-shadow:0 0 0 4px #009ADB;transition:all 0.1s ease-in-out}.ontario-application-subheader__heading a:hover,.ontario-application-subheader__heading a:active,.ontario-application-subheader__heading a:visited{color:#FFFFFF;text-decoration:underline}.ontario-application-subheader .ontario-header-button{visibility:visible;background-color:#4d4d4d}.ontario-application-subheader .ontario-header-button:hover{background-color:#666666}.ontario-application-subheader .ontario-header-button:active{background-color:#1a1a1a}.ontario-header__menu-toggler span{display:flex}@media screen and (max-width: 20em){.ontario-header__menu-toggler span:last-of-type{display:none}}.ontario-header__menu-toggler svg{margin-right:6px}@media screen and (max-width: 20em){.ontario-header__menu-toggler svg{margin-right:0}}.ontario-application-subheader__container{align-items:center;justify-content:space-between}.ontario-application-subheader__menu{display:flex;align-items:center;list-style:none;margin:0;padding-left:0}.ontario-application-subheader__menu li{border-radius:4px;padding:0;margin:0 0 0 0.75rem;text-align:center}.ontario-application-subheader__menu-container a{box-sizing:border-box;border-radius:4px;color:#FFFFFF;display:inline-block;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.125rem;font-weight:600;height:48px;line-height:1.4375rem;outline:none;padding:0.75rem;text-align:left;text-decoration:none;white-space:nowrap}.ontario-application-subheader__menu-container a.ontario-link--active{border-radius:4px 4px 0 0;border-bottom:4px solid #FFFFFF}.ontario-application-subheader__menu-container a:hover{background-color:#666666;color:#FFFFFF}.ontario-application-subheader__menu-container a:active{background-color:#1a1a1a}.ontario-application-subheader__menu-container a:focus{box-shadow:0 0 0 4px #009ADB;transition:all 0.1s ease-in-out}.ontario-application-navigation{position:absolute;width:100%}@media screen and (min-width: 73em){.ontario-application-navigation{position:relative;max-width:72rem;width:auto;margin:0 auto}}.ontario-application-navigation .ontario-header-button{visibility:hidden;position:absolute;top:-4.25rem;right:1rem;z-index:6}.ontario-application-navigation__container{background:#FFFFFF;position:absolute;top:0;width:100%;z-index:4}@media screen and (min-width: 40em){.ontario-application-navigation__container{background:#FFFFFF;position:absolute;z-index:4}}@media screen and (min-width: 73em){.ontario-application-navigation__container{box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);border-radius:4px;position:absolute;right:0.75rem;top:-0.6rem;min-width:290px;max-width:30%;z-index:3;transition:none !important}}.ontario-application-navigation ul{list-style:none;padding:0.5rem 0;margin:0;border-bottom:1px solid #cccccc}@media screen and (min-width: 73em){.ontario-application-navigation ul{border-bottom:none}}.ontario-application-navigation li{border-top:1px solid #cccccc;padding:0;margin-bottom:0}.ontario-application-navigation li:last-of-type{border-bottom:1px solid #cccccc}.ontario-application-navigation a{color:#1a1a1a;display:block;font-size:1.125rem;font-weight:600;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;padding:0.6730769231rem 1.5rem}.ontario-application-navigation a:hover{text-decoration:underline;background-color:#e5e5e5}.ontario-application-navigation a:active{text-decoration:underline;background-color:#cccccc}.ontario-application-navigation a:focus,.ontario-application-navigation a:active{box-shadow:0 0 0 4px #009ADB inset}.ontario-application-navigation a.ontario-link--active{border-left:6px solid #1a1a1a;background-color:#f2f2f2}.ontario-navigation--open{visibility:visible;transform:translateY(0);transition:transform 0.4s ease-in-out}@media screen and (min-width: 73em){.ontario-navigation--open{z-index:5}}.ontario-navigation--closed{background:#FFFFFF;position:absolute;transform:translateY(-100%);transition:transform 0.3s ease-in-out, visibility 0.1s ease;width:100%;visibility:hidden;z-index:4}.ontario-application-navigation.ontario-navigation--open .ontario-application-navigation__container{visibility:visible;transform:translateY(0);transition:transform 0.4s ease-in-out}@media screen and (min-width: 73em){.ontario-application-navigation.ontario-navigation--open .ontario-application-navigation__container{transition:none;display:block}}.ontario-overlay{position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.6);width:100%;height:100%;z-index:2}.ontario-header-button.ontario-navigation--open:hover{background-color:#666666}.ontario-header-button.ontario-navigation--open:active{background-color:#1a1a1a}.ontario-header-button.ontario-navigation--closed:active{background-color:#1a1a1a}.ontario-header-button{background-color:#1a1a1a;border:none;border-radius:4px;box-sizing:border-box;box-shadow:none;color:#FFFFFF;cursor:pointer;display:flex;align-items:center;font-size:1.125rem;font-weight:600;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;height:48px;line-height:1.5555555556;text-align:center;text-decoration:none}.ontario-header-button:hover,.ontario-header-button:focus,.ontario-header-button:visited{color:#FFFFFF}.ontario-header-button--with-outline,.ontario-header-button--without-outline{background-color:#1a1a1a;color:#FFFFFF}.ontario-header-button--with-outline:hover,.ontario-header-button--without-outline:hover{background-color:#4d4d4d}.ontario-header-button--with-outline:active,.ontario-header-button--without-outline:active{background-color:#666666}.ontario-header-button--with-outline:focus,.ontario-header-button--without-outline:focus{background-color:#4d4d4d}.ontario-header-button--with-outline{border:2px solid #FFFFFF;margin:0 0 0 1rem;padding:0.375rem 1rem}.ontario-header-button--with-outline:hover{border:2px solid #FFFFFF;color:#FFFFFF}.ontario-header-button--with-outline:focus{background-color:#4d4d4d}@media screen and (max-width: 20em){.ontario-header-button--with-outline{padding:0.375rem}}.ontario-header__menu-toggler{padding:0.375rem 1rem}@media screen and (max-width: 20em){.ontario-header__menu-toggler{padding-left:0.5rem;padding-right:0.5rem}}.ontario-header__menu-toggler span{display:flex}@media screen and (max-width: 20em){.ontario-header__menu-toggler span{display:none}}.ontario-header__menu-toggler svg{margin-right:6px}@media screen and (max-width: 20em){.ontario-header__menu-toggler svg{margin-right:0}}.ontario-application-navigation__container{background:#FFFFFF;position:absolute;transform:translateY(-100%);transition:transform 0.3s ease-in-out, visibility 0.1s ease;width:100%;visibility:hidden;z-index:4}@media screen and (min-width: 73em){.ontario-application-navigation__container{box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);border-radius:4px;display:none;position:absolute;right:1rem;top:calc(100% - 0.5rem);min-width:290px;max-width:30%;z-index:5}}.ontario-application-navigation.ontario-navigation--open .ontario-application-navigation__container{background:#FFFFFF;visibility:visible;transform:translateY(0);transition:transform 0.4s ease-in-out}@media screen and (min-width: 73em){.ontario-application-navigation.ontario-navigation--open .ontario-application-navigation__container{transition:none;display:block}}.ontario-application-navigation.ontario-navigation--open{background:#FFFFFF;z-index:4}.ontario-application-navigation ul{list-style:none;padding:0.5rem 0;margin:0;border-bottom:1px solid #cccccc}@media screen and (min-width: 73em){.ontario-application-navigation ul{border-bottom:none}}.ontario-application-navigation li{border-top:1px solid #cccccc;padding:0;margin-bottom:0}.ontario-application-navigation li:last-of-type{border-bottom:1px solid #cccccc}.ontario-application-navigation a{color:#1a1a1a;display:block;font-size:1.125rem;font-weight:600;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;padding:0.6730769231rem 1.5rem}.ontario-application-navigation a:hover{text-decoration:underline;background-color:#e5e5e5}.ontario-application-navigation a:active{text-decoration:underline;background-color:#cccccc}.ontario-application-navigation a:focus,.ontario-application-navigation a:active{box-shadow:0 0 0 4px #009ADB inset}.ontario-application-navigation a.ontario-link--active{border-left:6px solid #1a1a1a;background-color:#f2f2f2}.ontario-overlay{position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.6);width:100%;height:100%;z-index:2}.ontario-header__icon-container{display:flex;align-items:center}.ontario-service-header{height:3.125rem;z-index:5}.ontario-service-header__logo,.ontario-service-header__logo a,.ontario-service-header__lang-toggle,.ontario-service-subheader__container,.ontario-service-subheader__menu-container,.ontario-service-subheader__menu{display:flex}.ontario-service-header__logo img{width:100px;height:25px}.ontario-service-header__lang-toggle{justify-content:flex-end}.ontario-service-header__lang-toggle a{font-size:1rem;line-height:1.375rem;height:auto;padding:0.5rem 0.75rem}.ontario-service-subheader{padding:1rem 0;background-color:#03713D;overflow:hidden;position:relative;z-index:5}@media screen and (min-width: 73em){.ontario-service-subheader{z-index:0}}.ontario-service-subheader>.ontario-row{position:relative}.ontario-service-subheader .ontario-header-button{display:flex}.ontario-service-subheader .ontario-header-button:last-of-type{display:none}.ontario-service-subheader .ontario-header-button{background-color:#03713D}.ontario-service-subheader .ontario-header-button .ontario-icon{width:2rem;height:2rem;margin-bottom:0}.ontario-service-subheader .ontario-header-button:hover{background-color:#048B4B}.ontario-service-subheader .ontario-header-button:active{background-color:#024122}.ontario-service-subheader .ontario-header-button:focus{box-shadow:0 0 0 4px #42C7FF}.ontario-service-subheader__link{text-decoration:none}a .ontario-service-subheader__heading-container{color:#FFFFFF;font-weight:600;text-decoration:none}a .ontario-service-subheader__heading-container:hover,a .ontario-service-subheader__heading-container:active,a .ontario-service-subheader__heading-container:visited{color:#FFFFFF;text-decoration:underline}a .ontario-service-subheader__heading-container:focus{box-shadow:0 0 0 4px #42C7FF}.ontario-service-subheader__heading{font-weight:600;padding:0 0 0.125rem 0;margin-bottom:0;text-decoration:none}.ontario-service-subheader__description{padding:0.125rem 0 0.25rem 0;margin-bottom:0;color:#FFFFFF;font-weight:600;text-decoration:none}.ontario-service-subheader__container{align-items:center;justify-content:space-between}.ontario-service-subheader__menu{list-style:none;margin:0;padding-left:0;align-items:center}.ontario-service-subheader__menu li{padding:0;margin-left:1rem}.ontario-service-subheader__menu a{border-radius:4px;color:#FFFFFF;display:block;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.125rem;font-weight:600;height:48px;line-height:1.4375rem;padding:0.75rem;text-decoration:none;white-space:nowrap}.ontario-service-subheader__menu a.ontario-link--active{border-radius:4px 4px 0 0;border-bottom:0.25rem solid #FFFFFF}.ontario-service-subheader__menu a:hover{color:#FFFFFF;background-color:#048B4B}.ontario-service-subheader__menu a:active{color:#FFFFFF;background-color:#024122}.ontario-service-subheader__menu a:focus{box-shadow:0 0 0 4px #42C7FF}.ontario-overlay{display:none;position:fixed;top:0;left:0;background:rgba(26, 26, 26, 0.6);width:100%;height:100%;z-index:2}.ontario-navigation--open .ontario-service-subheader .ontario-header-button:first-of-type{display:none}.ontario-navigation--open .ontario-service-subheader .ontario-header-button:last-of-type{display:flex}@media screen and (max-width: 73em){.ontario-navigation--open .ontario-service-subheader-menu__container{position:relative;z-index:3}}.ontario-navigation--open .ontario-overlay{display:block}@media screen and (min-width: 73em){.ontario-navigation--open .ontario-overlay{display:none}}.ontario-colour-service-ontario-header-brand{background-color:#03713D}.ontario-colour-service-ontario-header-focus{background-color:#42C7FF}.ontario-colour-service-ontario-header-hover{background-color:#048B4B}.ontario-colour-service-ontario-header-active{background-color:#024122}';
|
|
4011
|
+
'.ontario-service-subheader__description,.ontario-application-subheader__heading,.ontario-service-subheader__heading{font-style:normal;font-weight:700;text-rendering:optimizeLegibility;margin-bottom:1rem;font-feature-settings:normal;font-family:"Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}.ontario-service-subheader__heading{font-size:1.4375rem;letter-spacing:0.02rem;line-height:1.39;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){.ontario-service-subheader__heading{font-size:1.75rem;letter-spacing:0.02rem;line-height:1.43}}.ontario-application-subheader__heading{font-size:1.25rem;letter-spacing:0.03rem;line-height:1.5;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){.ontario-application-subheader__heading{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}.ontario-service-subheader__description{font-size:1.125rem;letter-spacing:0.03rem;line-height:1.56;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){.ontario-service-subheader__description{font-size:1.1875rem;letter-spacing:0.025rem;line-height:1.5}}.ontario-application-navigation a:focus,.ontario-application-navigation a:active,.ontario-header-button:focus,.ontario-input:focus,.ontario-input:active{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}.ontario-row{margin:0 auto;max-width:72rem;width:100%}.ontario-row:before,.ontario-row:after{content:"";display:table}.ontario-row:after{clear:both}.ontario-row.ontario-row--collapse>.ontario-column,.ontario-row.ontario-row--collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-row--collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row .ontario-row{margin:0 -1rem;max-width:none;width:auto}.ontario-row .ontario-row:before,.ontario-row .ontario-row:after{content:"";display:table}.ontario-row .ontario-row:after{clear:both}.ontario-row .ontario-row.ontario-row--collapse{margin:0;max-width:none;width:auto}.ontario-row .ontario-row.ontario-row--collapse:before,.ontario-row .ontario-row.ontario-row--collapse:after{content:"";display:table}.ontario-row .ontario-row.ontario-row--collapse:after{clear:both}.ontario-column,.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;width:100%;float:left}.ontario-column+.ontario-column:last-child,.ontario-column+.ontario-columns:last-child,.ontario-columns+.ontario-column:last-child,.ontario-columns+.ontario-columns:last-child{float:right}.ontario-column+.ontario-column.ontario-end,.ontario-column+.ontario-columns.ontario-end,.ontario-columns+.ontario-column.ontario-end,.ontario-columns+.ontario-columns.ontario-end{float:left}@media only screen{.ontario-small-push-0{position:relative;left:0;right:auto}.ontario-small-pull-0{position:relative;right:0;left:auto}.ontario-small-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-small-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-small-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-small-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-small-push-3{position:relative;left:25%;right:auto}.ontario-small-pull-3{position:relative;right:25%;left:auto}.ontario-small-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-small-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-small-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-small-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-small-push-6{position:relative;left:50%;right:auto}.ontario-small-pull-6{position:relative;right:50%;left:auto}.ontario-small-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-small-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-small-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-small-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-small-push-9{position:relative;left:75%;right:auto}.ontario-small-pull-9{position:relative;right:75%;left:auto}.ontario-small-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-small-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-small-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-small-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-small-1{width:8.3333333333%}.ontario-small-2{width:16.6666666667%}.ontario-small-3{width:25%}.ontario-small-4{width:33.3333333333%}.ontario-small-5{width:41.6666666667%}.ontario-small-6{width:50%}.ontario-small-7{width:58.3333333333%}.ontario-small-8{width:66.6666666667%}.ontario-small-9{width:75%}.ontario-small-10{width:83.3333333333%}.ontario-small-11{width:91.6666666667%}.ontario-small-12{width:100%}.ontario-small-offset-0{margin-left:0 !important}.ontario-small-offset-1{margin-left:8.3333333333% !important}.ontario-small-offset-2{margin-left:16.6666666667% !important}.ontario-small-offset-3{margin-left:25% !important}.ontario-small-offset-4{margin-left:33.3333333333% !important}.ontario-small-offset-5{margin-left:41.6666666667% !important}.ontario-small-offset-6{margin-left:50% !important}.ontario-small-offset-7{margin-left:58.3333333333% !important}.ontario-small-offset-8{margin-left:66.6666666667% !important}.ontario-small-offset-9{margin-left:75% !important}.ontario-small-offset-10{margin-left:83.3333333333% !important}.ontario-small-offset-11{margin-left:91.6666666667% !important}.ontario-small-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-small-centered,.ontario-columns.ontario-small-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-small-uncentered,.ontario-columns.ontario-small-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-small-centered:last-child,.ontario-columns.ontario-small-centered:last-child{float:none}.ontario-column.ontario-small-uncentered:last-child,.ontario-columns.ontario-small-uncentered:last-child{float:left}.ontario-column.ontario-small-uncentered.ontario-opposite,.ontario-columns.ontario-small-uncentered.ontario-opposite{float:right}.ontario-row.ontario-small-collapse>.ontario-column,.ontario-row.ontario-small-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-small-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-small-uncollapse>.ontario-column,.ontario-row.ontario-small-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}}@media only screen and (min-width:40.063em){.ontario-medium-push-0{position:relative;left:0;right:auto}.ontario-medium-pull-0{position:relative;right:0;left:auto}.ontario-medium-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-medium-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-medium-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-medium-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-medium-push-3{position:relative;left:25%;right:auto}.ontario-medium-pull-3{position:relative;right:25%;left:auto}.ontario-medium-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-medium-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-medium-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-medium-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-medium-push-6{position:relative;left:50%;right:auto}.ontario-medium-pull-6{position:relative;right:50%;left:auto}.ontario-medium-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-medium-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-medium-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-medium-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-medium-push-9{position:relative;left:75%;right:auto}.ontario-medium-pull-9{position:relative;right:75%;left:auto}.ontario-medium-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-medium-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-medium-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-medium-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-medium-1{width:8.3333333333%}.ontario-medium-2{width:16.6666666667%}.ontario-medium-3{width:25%}.ontario-medium-4{width:33.3333333333%}.ontario-medium-5{width:41.6666666667%}.ontario-medium-6{width:50%}.ontario-medium-7{width:58.3333333333%}.ontario-medium-8{width:66.6666666667%}.ontario-medium-9{width:75%}.ontario-medium-10{width:83.3333333333%}.ontario-medium-11{width:91.6666666667%}.ontario-medium-12{width:100%}.ontario-medium-offset-0{margin-left:0 !important}.ontario-medium-offset-1{margin-left:8.3333333333% !important}.ontario-medium-offset-2{margin-left:16.6666666667% !important}.ontario-medium-offset-3{margin-left:25% !important}.ontario-medium-offset-4{margin-left:33.3333333333% !important}.ontario-medium-offset-5{margin-left:41.6666666667% !important}.ontario-medium-offset-6{margin-left:50% !important}.ontario-medium-offset-7{margin-left:58.3333333333% !important}.ontario-medium-offset-8{margin-left:66.6666666667% !important}.ontario-medium-offset-9{margin-left:75% !important}.ontario-medium-offset-10{margin-left:83.3333333333% !important}.ontario-medium-offset-11{margin-left:91.6666666667% !important}.ontario-medium-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-medium-centered,.ontario-columns.ontario-medium-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-medium-uncentered,.ontario-columns.ontario-medium-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-medium-centered:last-child,.ontario-columns.ontario-medium-centered:last-child{float:none}.ontario-column.ontario-medium-uncentered:last-child,.ontario-columns.ontario-medium-uncentered:last-child{float:left}.ontario-column.ontario-medium-uncentered.ontario-opposite,.ontario-columns.ontario-medium-uncentered.ontario-opposite{float:right}.ontario-row.ontario-medium-collapse>.ontario-column,.ontario-row.ontario-medium-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-medium-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-medium-uncollapse>.ontario-column,.ontario-row.ontario-medium-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}}@media only screen and (min-width:73.063em){.ontario-large-push-0{position:relative;left:0;right:auto}.ontario-large-pull-0{position:relative;right:0;left:auto}.ontario-large-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-large-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-large-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-large-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-large-push-3{position:relative;left:25%;right:auto}.ontario-large-pull-3{position:relative;right:25%;left:auto}.ontario-large-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-large-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-large-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-large-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-large-push-6{position:relative;left:50%;right:auto}.ontario-large-pull-6{position:relative;right:50%;left:auto}.ontario-large-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-large-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-large-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-large-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-large-push-9{position:relative;left:75%;right:auto}.ontario-large-pull-9{position:relative;right:75%;left:auto}.ontario-large-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-large-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-large-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-large-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-large-1{width:8.3333333333%}.ontario-large-2{width:16.6666666667%}.ontario-large-3{width:25%}.ontario-large-4{width:33.3333333333%}.ontario-large-5{width:41.6666666667%}.ontario-large-6{width:50%}.ontario-large-7{width:58.3333333333%}.ontario-large-8{width:66.6666666667%}.ontario-large-9{width:75%}.ontario-large-10{width:83.3333333333%}.ontario-large-11{width:91.6666666667%}.ontario-large-12{width:100%}.ontario-large-offset-0{margin-left:0 !important}.ontario-large-offset-1{margin-left:8.3333333333% !important}.ontario-large-offset-2{margin-left:16.6666666667% !important}.ontario-large-offset-3{margin-left:25% !important}.ontario-large-offset-4{margin-left:33.3333333333% !important}.ontario-large-offset-5{margin-left:41.6666666667% !important}.ontario-large-offset-6{margin-left:50% !important}.ontario-large-offset-7{margin-left:58.3333333333% !important}.ontario-large-offset-8{margin-left:66.6666666667% !important}.ontario-large-offset-9{margin-left:75% !important}.ontario-large-offset-10{margin-left:83.3333333333% !important}.ontario-large-offset-11{margin-left:91.6666666667% !important}.ontario-large-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-large-centered,.ontario-columns.ontario-large-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-large-uncentered,.ontario-columns.ontario-large-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-large-centered:last-child,.ontario-columns.ontario-large-centered:last-child{float:none}.ontario-column.ontario-large-uncentered:last-child,.ontario-columns.ontario-large-uncentered:last-child{float:left}.ontario-column.ontario-large-uncentered.ontario-opposite,.ontario-columns.ontario-large-uncentered.ontario-opposite{float:right}.ontario-row.ontario-large-collapse>.ontario-column,.ontario-row.ontario-large-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-large-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-large-uncollapse>.ontario-column,.ontario-row.ontario-large-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-push-0{position:relative;left:0;right:auto}.ontario-pull-0{position:relative;right:0;left:auto}.ontario-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-push-3{position:relative;left:25%;right:auto}.ontario-pull-3{position:relative;right:25%;left:auto}.ontario-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-push-6{position:relative;left:50%;right:auto}.ontario-pull-6{position:relative;right:50%;left:auto}.ontario-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-push-9{position:relative;left:75%;right:auto}.ontario-pull-9{position:relative;right:75%;left:auto}.ontario-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-pull-11{position:relative;right:91.6666666667%;left:auto}}@media only screen and (min-width:96.063em){.ontario-xlarge-push-0{position:relative;left:0;right:auto}.ontario-xlarge-pull-0{position:relative;right:0;left:auto}.ontario-xlarge-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-xlarge-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-xlarge-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-xlarge-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-xlarge-push-3{position:relative;left:25%;right:auto}.ontario-xlarge-pull-3{position:relative;right:25%;left:auto}.ontario-xlarge-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-xlarge-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-xlarge-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-xlarge-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-xlarge-push-6{position:relative;left:50%;right:auto}.ontario-xlarge-pull-6{position:relative;right:50%;left:auto}.ontario-xlarge-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-xlarge-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-xlarge-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-xlarge-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-xlarge-push-9{position:relative;left:75%;right:auto}.ontario-xlarge-pull-9{position:relative;right:75%;left:auto}.ontario-xlarge-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-xlarge-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-xlarge-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-xlarge-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-xlarge-1{width:8.3333333333%}.ontario-xlarge-2{width:16.6666666667%}.ontario-xlarge-3{width:25%}.ontario-xlarge-4{width:33.3333333333%}.ontario-xlarge-5{width:41.6666666667%}.ontario-xlarge-6{width:50%}.ontario-xlarge-7{width:58.3333333333%}.ontario-xlarge-8{width:66.6666666667%}.ontario-xlarge-9{width:75%}.ontario-xlarge-10{width:83.3333333333%}.ontario-xlarge-11{width:91.6666666667%}.ontario-xlarge-12{width:100%}.ontario-xlarge-offset-0{margin-left:0 !important}.ontario-xlarge-offset-1{margin-left:8.3333333333% !important}.ontario-xlarge-offset-2{margin-left:16.6666666667% !important}.ontario-xlarge-offset-3{margin-left:25% !important}.ontario-xlarge-offset-4{margin-left:33.3333333333% !important}.ontario-xlarge-offset-5{margin-left:41.6666666667% !important}.ontario-xlarge-offset-6{margin-left:50% !important}.ontario-xlarge-offset-7{margin-left:58.3333333333% !important}.ontario-xlarge-offset-8{margin-left:66.6666666667% !important}.ontario-xlarge-offset-9{margin-left:75% !important}.ontario-xlarge-offset-10{margin-left:83.3333333333% !important}.ontario-xlarge-offset-11{margin-left:91.6666666667% !important}.ontario-xlarge-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-xlarge-centered,.ontario-columns.ontario-xlarge-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-xlarge-uncentered,.ontario-columns.ontario-xlarge-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-xlarge-centered:last-child,.ontario-columns.ontario-xlarge-centered:last-child{float:none}.ontario-column.ontario-xlarge-uncentered:last-child,.ontario-columns.ontario-xlarge-uncentered:last-child{float:left}.ontario-column.ontario-xlarge-uncentered.ontario-opposite,.ontario-columns.ontario-xlarge-uncentered.ontario-opposite{float:right}.ontario-row.ontario-xlarge-collapse>.ontario-column,.ontario-row.ontario-xlarge-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-xlarge-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-xlarge-uncollapse>.ontario-column,.ontario-row.ontario-xlarge-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}}@media only screen and (min-width:120.063em){.ontario-xxlarge-push-0{position:relative;left:0;right:auto}.ontario-xxlarge-pull-0{position:relative;right:0;left:auto}.ontario-xxlarge-push-1{position:relative;left:8.3333333333%;right:auto}.ontario-xxlarge-pull-1{position:relative;right:8.3333333333%;left:auto}.ontario-xxlarge-push-2{position:relative;left:16.6666666667%;right:auto}.ontario-xxlarge-pull-2{position:relative;right:16.6666666667%;left:auto}.ontario-xxlarge-push-3{position:relative;left:25%;right:auto}.ontario-xxlarge-pull-3{position:relative;right:25%;left:auto}.ontario-xxlarge-push-4{position:relative;left:33.3333333333%;right:auto}.ontario-xxlarge-pull-4{position:relative;right:33.3333333333%;left:auto}.ontario-xxlarge-push-5{position:relative;left:41.6666666667%;right:auto}.ontario-xxlarge-pull-5{position:relative;right:41.6666666667%;left:auto}.ontario-xxlarge-push-6{position:relative;left:50%;right:auto}.ontario-xxlarge-pull-6{position:relative;right:50%;left:auto}.ontario-xxlarge-push-7{position:relative;left:58.3333333333%;right:auto}.ontario-xxlarge-pull-7{position:relative;right:58.3333333333%;left:auto}.ontario-xxlarge-push-8{position:relative;left:66.6666666667%;right:auto}.ontario-xxlarge-pull-8{position:relative;right:66.6666666667%;left:auto}.ontario-xxlarge-push-9{position:relative;left:75%;right:auto}.ontario-xxlarge-pull-9{position:relative;right:75%;left:auto}.ontario-xxlarge-push-10{position:relative;left:83.3333333333%;right:auto}.ontario-xxlarge-pull-10{position:relative;right:83.3333333333%;left:auto}.ontario-xxlarge-push-11{position:relative;left:91.6666666667%;right:auto}.ontario-xxlarge-pull-11{position:relative;right:91.6666666667%;left:auto}.ontario-column,.ontario-columns{position:relative;padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}.ontario-xxlarge-1{width:8.3333333333%}.ontario-xxlarge-2{width:16.6666666667%}.ontario-xxlarge-3{width:25%}.ontario-xxlarge-4{width:33.3333333333%}.ontario-xxlarge-5{width:41.6666666667%}.ontario-xxlarge-6{width:50%}.ontario-xxlarge-7{width:58.3333333333%}.ontario-xxlarge-8{width:66.6666666667%}.ontario-xxlarge-9{width:75%}.ontario-xxlarge-10{width:83.3333333333%}.ontario-xxlarge-11{width:91.6666666667%}.ontario-xxlarge-12{width:100%}.ontario-xxlarge-offset-0{margin-left:0 !important}.ontario-xxlarge-offset-1{margin-left:8.3333333333% !important}.ontario-xxlarge-offset-2{margin-left:16.6666666667% !important}.ontario-xxlarge-offset-3{margin-left:25% !important}.ontario-xxlarge-offset-4{margin-left:33.3333333333% !important}.ontario-xxlarge-offset-5{margin-left:41.6666666667% !important}.ontario-xxlarge-offset-6{margin-left:50% !important}.ontario-xxlarge-offset-7{margin-left:58.3333333333% !important}.ontario-xxlarge-offset-8{margin-left:66.6666666667% !important}.ontario-xxlarge-offset-9{margin-left:75% !important}.ontario-xxlarge-offset-10{margin-left:83.3333333333% !important}.ontario-xxlarge-offset-11{margin-left:91.6666666667% !important}.ontario-xxlarge-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.ontario-column.ontario-xxlarge-centered,.ontario-columns.ontario-xxlarge-centered{margin-left:auto;margin-right:auto;float:none}.ontario-column.ontario-xxlarge-uncentered,.ontario-columns.ontario-xxlarge-uncentered{float:left;margin-left:0;margin-right:0}.ontario-column.ontario-xxlarge-centered:last-child,.ontario-columns.ontario-xxlarge-centered:last-child{float:none}.ontario-column.ontario-xxlarge-uncentered:last-child,.ontario-columns.ontario-xxlarge-uncentered:last-child{float:left}.ontario-column.ontario-xxlarge-uncentered.ontario-opposite,.ontario-columns.ontario-xxlarge-uncentered.ontario-opposite{float:right}.ontario-row.ontario-xxlarge-collapse>.ontario-column,.ontario-row.ontario-xxlarge-collapse>.ontario-columns{padding-left:0;padding-right:0}.ontario-row.ontario-xxlarge-collapse .ontario-row{margin-left:0;margin-right:0}.ontario-row.ontario-xxlarge-uncollapse>.ontario-column,.ontario-row.ontario-xxlarge-uncollapse>.ontario-columns{padding-left:1rem;padding-right:1rem;box-sizing:border-box;float:left}}.ontario-input{border:2px solid #1a1a1a;border-radius:4px;box-sizing:border-box;color:#1a1a1a;display:block;font-size:1rem;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;margin:0 0 2.5rem;max-width:48rem;width:100%;padding:0.625rem 1rem;transition:box-shadow 0.1s ease-in-out}.ontario-input--2-char-width{max-width:8ex}.ontario-input--3-char-width{max-width:10ex}.ontario-input--4-char-width{max-width:12ex}.ontario-input--5-char-width{max-width:14ex}.ontario-input--7-char-width{max-width:17ex}.ontario-input--10-char-width{max-width:23ex}.ontario-input--20-char-width{max-width:41ex}.ontario-form-group:last-of-type{margin-bottom:2.5rem}.ontario-hide{display:none !important}.ontario-invisible{visibility:hidden !important}@media screen and (max-width: 39.99875em){.ontario-hide-for-small-only{display:none !important}}@media screen and (max-width: 0em), screen and (min-width: 40em){.ontario-show-for-small-only{display:none !important}}@media print, screen and (min-width: 40em){.ontario-hide-for-medium{display:none !important}}@media screen and (max-width: 39.99875em){.ontario-show-for-medium{display:none !important}}@media screen and (min-width: 40em) and (max-width: 72.99875em){.ontario-hide-for-medium-only{display:none !important}}@media screen and (max-width: 39.99875em), screen and (min-width: 73em){.ontario-show-for-medium-only{display:none !important}}@media print, screen and (min-width: 73em){.ontario-hide-for-large{display:none !important}}@media screen and (max-width: 72.99875em){.ontario-show-for-large{display:none !important}}@media screen and (min-width: 73em) and (max-width: 95.99875em){.ontario-hide-for-large-only{display:none !important}}@media screen and (max-width: 72.99875em), screen and (min-width: 96em){.ontario-show-for-large-only{display:none !important}}.ontario-show-for-sr,.ontario-show-on-focus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.ontario-show-on-focus:active,.ontario-show-on-focus:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto}.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}@media screen and (orientation: landscape){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}}@media screen and (orientation: portrait){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:none !important}}.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}@media screen and (orientation: landscape){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}}@media screen and (orientation: portrait){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:block !important}}.ontario-application-header{display:flex;align-items:center;background-color:#1a1a1a;color:#FFFFFF;height:3.125rem !important;position:relative;z-index:5}.ontario-application-header>.ontario-row{display:flex;align-items:center}.ontario-application-header-container{position:relative;width:100%}.ontario-header-button.ontario-application-navigation--open:hover{background-color:#666666}.ontario-header-button.ontario-application-navigation--closed:active{background-color:#1a1a1a}.ontario-header-button--with-outline{border:2px solid #FFFFFF;margin:0 0 0 1rem;padding:0.375rem 1rem}.ontario-application-subheader .ontario-header-button,.ontario-application-navigation .ontario-header-button{background-color:#4d4d4d}.ontario-header-button--closed:focus{box-shadow:none;outline:none;transition:none}.ontario-application-header__logo,.ontario-application-header__logo a,.ontario-application-header__lang-toggle,.ontario-application-subheader__container,.ontario-application-subheader__menu-container,.ontario-application-subheader__menu{display:flex;align-items:center;outline:none}.ontario-application-header__logo a:focus{box-shadow:0 0 0 4px #009ADB;transition:all 0.1s ease-in-out}.ontario-application-header__logo svg,.ontario-application-header__logo img{width:100px;height:25px}.ontario-application-header__lang-toggle{justify-content:flex-end}.ontario-application-header__lang-toggle a{font-size:1rem;line-height:1.375rem;height:auto;outline:none;padding:0.5rem 0.75rem}.ontario-application-subheader{padding:1.25rem 0;background-color:#404040;overflow:visible;position:relative;z-index:5}@media screen and (min-width: 73em){.ontario-application-subheader{z-index:0}}.ontario-application-subheader>.ontario-row{position:relative}.ontario-application-header-container{position:relative;z-index:5}.ontario-application-header>.ontario-row{display:flex;align-items:center}.ontario-application-subheader .ontario-header-button{visibility:visible}.ontario-application-subheader .ontario-header-button,.ontario-application-navigation .ontario-header-button{background-color:#4d4d4d}.ontario-application-subheader .ontario-header-button:hover,.ontario-application-navigation .ontario-header-button:hover{background-color:#666666}.ontario-application-subheader .ontario-header-button:active,.ontario-application-navigation .ontario-header-button:active{background-color:#1a1a1a}.ontario-header-button--without-outline:hover{background-color:#4d4d4d}.ontario-header-button--without-outline:focus{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:all 0.1s ease-in-out}.ontario-application-subheader__heading{padding:0.375rem 0;margin-bottom:0;max-width:65%}.ontario-application-subheader__heading a{color:#FFFFFF;font-weight:600;text-decoration:none}.ontario-application-subheader__heading a:focus{box-shadow:0 0 0 4px #009ADB;transition:all 0.1s ease-in-out}.ontario-application-subheader__heading a:hover,.ontario-application-subheader__heading a:active,.ontario-application-subheader__heading a:visited{color:#FFFFFF;text-decoration:underline}.ontario-application-subheader .ontario-header-button{visibility:visible;background-color:#4d4d4d}.ontario-application-subheader .ontario-header-button:hover{background-color:#666666}.ontario-application-subheader .ontario-header-button:active{background-color:#1a1a1a}.ontario-header__menu-toggler span{display:flex}@media screen and (max-width: 20em){.ontario-header__menu-toggler span:last-of-type{display:none}}.ontario-header__menu-toggler svg{margin-right:6px}@media screen and (max-width: 20em){.ontario-header__menu-toggler svg{margin-right:0}}.ontario-application-subheader__container{align-items:center;justify-content:space-between}.ontario-application-subheader__menu{display:flex;align-items:center;list-style:none;margin:0;padding-left:0}.ontario-application-subheader__menu li{border-radius:4px;padding:0;margin:0 0 0 0.75rem;text-align:center}.ontario-application-subheader__menu-container a{box-sizing:border-box;border-radius:4px;color:#FFFFFF;display:inline-block;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.125rem;font-weight:600;height:48px;line-height:1.4375rem;outline:none;padding:0.75rem;text-align:left;text-decoration:none;white-space:nowrap}.ontario-application-subheader__menu-container a.ontario-link--active{border-radius:4px 4px 0 0;border-bottom:4px solid #FFFFFF}.ontario-application-subheader__menu-container a:hover{background-color:#666666;color:#FFFFFF}.ontario-application-subheader__menu-container a:active{background-color:#1a1a1a}.ontario-application-subheader__menu-container a:focus{box-shadow:0 0 0 4px #009ADB;transition:all 0.1s ease-in-out}.ontario-application-navigation{position:absolute;width:100%}@media screen and (min-width: 73em){.ontario-application-navigation{position:relative;max-width:72rem;width:auto;margin:0 auto}}.ontario-application-navigation .ontario-header-button{visibility:hidden;position:absolute;top:-4.25rem;right:1rem;z-index:6}.ontario-application-navigation__container{background:#FFFFFF;position:absolute;top:0;width:100%;z-index:4}@media screen and (min-width: 40em){.ontario-application-navigation__container{background:#FFFFFF;position:absolute;z-index:4}}@media screen and (min-width: 73em){.ontario-application-navigation__container{box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);border-radius:4px;position:absolute;right:0.75rem;top:-0.6rem;min-width:290px;max-width:30%;z-index:3;transition:none !important}}.ontario-application-navigation ul{list-style:none;padding:0.5rem 0;margin:0;border-bottom:1px solid #cccccc}@media screen and (min-width: 73em){.ontario-application-navigation ul{border-bottom:none}}.ontario-application-navigation li{border-top:1px solid #cccccc;padding:0;margin-bottom:0}.ontario-application-navigation li:last-of-type{border-bottom:1px solid #cccccc}.ontario-application-navigation a{color:#1a1a1a;display:block;font-size:1.125rem;font-weight:600;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;padding:0.6730769231rem 1.5rem}.ontario-application-navigation a:hover{text-decoration:underline;background-color:#e5e5e5}.ontario-application-navigation a:active{text-decoration:underline;background-color:#cccccc}.ontario-application-navigation a:focus,.ontario-application-navigation a:active{box-shadow:0 0 0 4px #009ADB inset}.ontario-application-navigation a.ontario-link--active{border-left:6px solid #1a1a1a;background-color:#f2f2f2}.ontario-navigation--open{visibility:visible;transform:translateY(0);transition:transform 0.4s ease-in-out}@media screen and (min-width: 73em){.ontario-navigation--open{z-index:5}}.ontario-navigation--closed{background:#FFFFFF;position:absolute;transform:translateY(-100%);transition:transform 0.3s ease-in-out, visibility 0.1s ease;width:100%;visibility:hidden;z-index:4}.ontario-application-navigation.ontario-navigation--open .ontario-application-navigation__container{visibility:visible;transform:translateY(0);transition:transform 0.4s ease-in-out}@media screen and (min-width: 73em){.ontario-application-navigation.ontario-navigation--open .ontario-application-navigation__container{transition:none;display:block}}.ontario-overlay{position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.6);width:100%;height:100%;z-index:2}.ontario-header-button.ontario-navigation--open:hover{background-color:#666666}.ontario-header-button.ontario-navigation--open:active{background-color:#1a1a1a}.ontario-header-button.ontario-navigation--closed:active{background-color:#1a1a1a}.ontario-header-button{background-color:#1a1a1a;border:none;border-radius:4px;box-sizing:border-box;box-shadow:none;color:#FFFFFF;cursor:pointer;display:flex;align-items:center;font-size:1.125rem;font-weight:600;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;height:48px;line-height:1.5555555556;text-align:center;text-decoration:none}.ontario-header-button:hover,.ontario-header-button:focus,.ontario-header-button:visited{color:#FFFFFF}.ontario-header-button--with-outline,.ontario-header-button--without-outline{background-color:#1a1a1a;color:#FFFFFF}.ontario-header-button--with-outline:hover,.ontario-header-button--without-outline:hover{background-color:#4d4d4d}.ontario-header-button--with-outline:active,.ontario-header-button--without-outline:active{background-color:#666666}.ontario-header-button--with-outline:focus,.ontario-header-button--without-outline:focus{background-color:#4d4d4d}.ontario-header-button--with-outline{border:2px solid #FFFFFF;margin:0 0 0 1rem;padding:0.375rem 1rem}.ontario-header-button--with-outline:hover{border:2px solid #FFFFFF;color:#FFFFFF}.ontario-header-button--with-outline:focus{background-color:#4d4d4d}@media screen and (max-width: 20em){.ontario-header-button--with-outline{padding:0.375rem}}.ontario-header__menu-toggler{padding:0.375rem 1rem}@media screen and (max-width: 20em){.ontario-header__menu-toggler{padding-left:0.5rem;padding-right:0.5rem}}.ontario-header__menu-toggler span{display:flex}@media screen and (max-width: 20em){.ontario-header__menu-toggler span{display:none}}.ontario-header__menu-toggler svg{margin-right:6px}@media screen and (max-width: 20em){.ontario-header__menu-toggler svg{margin-right:0}}.ontario-application-navigation__container{background:#FFFFFF;position:absolute;transform:translateY(-100%);transition:transform 0.3s ease-in-out, visibility 0.1s ease;width:100%;visibility:hidden;z-index:4}@media screen and (min-width: 73em){.ontario-application-navigation__container{box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);border-radius:4px;display:none;position:absolute;right:1rem;top:calc(100% - 0.5rem);min-width:290px;max-width:30%;z-index:5}}.ontario-application-navigation.ontario-navigation--open .ontario-application-navigation__container{background:#FFFFFF;visibility:visible;transform:translateY(0);transition:transform 0.4s ease-in-out}@media screen and (min-width: 73em){.ontario-application-navigation.ontario-navigation--open .ontario-application-navigation__container{transition:none;display:block}}.ontario-application-navigation.ontario-navigation--open{background:#FFFFFF;z-index:4}.ontario-application-navigation ul{list-style:none;padding:0.5rem 0;margin:0;border-bottom:1px solid #cccccc}@media screen and (min-width: 73em){.ontario-application-navigation ul{border-bottom:none}}.ontario-application-navigation li{border-top:1px solid #cccccc;padding:0;margin-bottom:0}.ontario-application-navigation li:last-of-type{border-bottom:1px solid #cccccc}.ontario-application-navigation a{color:#1a1a1a;display:block;font-size:1.125rem;font-weight:600;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;padding:0.6730769231rem 1.5rem}.ontario-application-navigation a:hover{text-decoration:underline;background-color:#e5e5e5}.ontario-application-navigation a:active{text-decoration:underline;background-color:#cccccc}.ontario-application-navigation a:focus,.ontario-application-navigation a:active{box-shadow:0 0 0 4px #009ADB inset}.ontario-application-navigation a.ontario-link--active{border-left:6px solid #1a1a1a;background-color:#f2f2f2}.ontario-overlay{position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.6);width:100%;height:100%;z-index:2}.ontario-header__icon-container{display:flex;align-items:center}.ontario-service-header{height:3.125rem;z-index:5}.ontario-service-header__logo,.ontario-service-header__logo a,.ontario-service-header__lang-toggle,.ontario-service-subheader__container,.ontario-service-subheader__menu-container,.ontario-service-subheader__menu{display:flex}.ontario-service-header__logo img{width:100px;height:25px}.ontario-service-header__lang-toggle{justify-content:flex-end}.ontario-service-header__lang-toggle a{font-size:1rem;line-height:1.375rem;height:auto;padding:0.5rem 0.75rem}.ontario-service-subheader{padding:1rem 0;background-color:#03713D;overflow:hidden;position:relative;z-index:5}@media screen and (min-width: 73em){.ontario-service-subheader{z-index:0}}.ontario-service-subheader>.ontario-row{position:relative}.ontario-service-subheader .ontario-header-button{display:flex}.ontario-service-subheader .ontario-header-button{background-color:#03713D}.ontario-service-subheader .ontario-header-button .ontario-icon{width:2rem;height:2rem;margin-bottom:0}.ontario-service-subheader .ontario-header-button:hover{background-color:#048B4B}.ontario-service-subheader .ontario-header-button:active{background-color:#024122}.ontario-service-subheader .ontario-header-button:focus{box-shadow:0 0 0 4px #42C7FF}.ontario-service-subheader__link{text-decoration:none}a .ontario-service-subheader__heading-container{color:#FFFFFF;font-weight:600;text-decoration:none}a .ontario-service-subheader__heading-container:hover,a .ontario-service-subheader__heading-container:active,a .ontario-service-subheader__heading-container:visited{color:#FFFFFF;text-decoration:underline}a .ontario-service-subheader__heading-container:focus{box-shadow:0 0 0 4px #42C7FF}.ontario-service-subheader__heading{font-weight:600;padding:0 0 0.125rem 0;margin-bottom:0;text-decoration:none}.ontario-service-subheader__description{padding:0.125rem 0 0.25rem 0;margin-bottom:0;color:#FFFFFF;font-weight:600;text-decoration:none}.ontario-service-subheader__container{align-items:center;justify-content:space-between}.ontario-service-subheader__menu{list-style:none;margin:0;padding-left:0;align-items:center}.ontario-service-subheader__menu li{padding:0;margin-left:1rem}.ontario-service-subheader__menu a{border-radius:4px;color:#FFFFFF;display:block;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.125rem;font-weight:600;height:48px;line-height:1.4375rem;padding:0.75rem;text-decoration:none;white-space:nowrap}.ontario-service-subheader__menu a.ontario-link--active{border-radius:4px 4px 0 0;border-bottom:0.25rem solid #FFFFFF}.ontario-service-subheader__menu a:hover{color:#FFFFFF;background-color:#048B4B}.ontario-service-subheader__menu a:active{color:#FFFFFF;background-color:#024122}.ontario-service-subheader__menu a:focus{box-shadow:0 0 0 4px #42C7FF}.ontario-overlay{display:none;position:fixed;top:0;left:0;background:rgba(26, 26, 26, 0.6);width:100%;height:100%;z-index:2}.ontario-navigation--open .ontario-service-subheader .ontario-header-button:first-of-type{display:none}.ontario-navigation--open .ontario-service-subheader .ontario-header-button:last-of-type{display:flex}@media screen and (max-width: 73em){.ontario-navigation--open .ontario-service-subheader-menu__container{position:relative;z-index:3}}.ontario-navigation--open .ontario-overlay{display:block}@media screen and (min-width: 73em){.ontario-navigation--open .ontario-overlay{display:none}}.ontario-colour-service-ontario-header-brand{background-color:#03713D}.ontario-colour-service-ontario-header-focus{background-color:#42C7FF}.ontario-colour-service-ontario-header-hover{background-color:#048B4B}.ontario-colour-service-ontario-header-active{background-color:#024122}';
|
|
3918
4012
|
const OntarioHeaderServiceontarioStyle0 = serviceOntarioServiceOntarioHeaderCss;
|
|
3919
4013
|
|
|
3920
4014
|
const OntarioHeader = class {
|
|
@@ -4021,10 +4115,19 @@ const OntarioHeader = class {
|
|
|
4021
4115
|
if (this.menuToggle) this.menuToggle = !this.menuToggle;
|
|
4022
4116
|
}
|
|
4023
4117
|
/**
|
|
4024
|
-
* This listens for the `setAppLanguage` event sent from the
|
|
4118
|
+
* This listens for the `setAppLanguage` event sent from the language toggle when it is is connected to the DOM.
|
|
4119
|
+
* It is used for the initial language when the input component loads.
|
|
4025
4120
|
*/
|
|
4026
4121
|
handleSetAppLanguage(event) {
|
|
4027
4122
|
this.language = index$1.validateLanguage(event);
|
|
4123
|
+
this.parseMenuItems();
|
|
4124
|
+
}
|
|
4125
|
+
/**
|
|
4126
|
+
* This listens for the `headerLanguageToggled` event sent from the language toggle when it is is connected to the DOM.
|
|
4127
|
+
* It is used for changing the component language after the language toggle has been activated.
|
|
4128
|
+
*/
|
|
4129
|
+
handleLanguageToggle(event) {
|
|
4130
|
+
this.handleSetAppLanguage(event.detail.newLanguage);
|
|
4028
4131
|
}
|
|
4029
4132
|
/**
|
|
4030
4133
|
* Call to Ontario Menu API to fetch linksets to populate header component
|
|
@@ -4321,7 +4424,6 @@ const OntarioHeader = class {
|
|
|
4321
4424
|
: _b.englishLink,
|
|
4322
4425
|
size: 'default',
|
|
4323
4426
|
customLanguageToggle: this.customLanguageToggle,
|
|
4324
|
-
language: this.language,
|
|
4325
4427
|
}),
|
|
4326
4428
|
index.h(
|
|
4327
4429
|
'button',
|
|
@@ -4453,7 +4555,6 @@ const OntarioHeader = class {
|
|
|
4453
4555
|
? void 0
|
|
4454
4556
|
: _e.englishLink,
|
|
4455
4557
|
customLanguageToggle: this.customLanguageToggle,
|
|
4456
|
-
language: this.language,
|
|
4457
4558
|
}),
|
|
4458
4559
|
),
|
|
4459
4560
|
),
|
|
@@ -7292,6 +7393,8 @@ const OntarioInput = class {
|
|
|
7292
7393
|
};
|
|
7293
7394
|
OntarioInput.style = OntarioInputStyle0;
|
|
7294
7395
|
|
|
7396
|
+
const supportedLanguages = ['en', 'fr'];
|
|
7397
|
+
|
|
7295
7398
|
const ontarioLanguageToggleCss =
|
|
7296
7399
|
'.ontario-language-toggler:focus{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}.ontario-hide{display:none !important}.ontario-invisible{visibility:hidden !important}@media screen and (max-width: 39.99875em){.ontario-hide-for-small-only{display:none !important}}@media screen and (max-width: 0em), screen and (min-width: 40em){.ontario-show-for-small-only{display:none !important}}@media print, screen and (min-width: 40em){.ontario-hide-for-medium{display:none !important}}@media screen and (max-width: 39.99875em){.ontario-show-for-medium{display:none !important}}@media screen and (min-width: 40em) and (max-width: 72.99875em){.ontario-hide-for-medium-only{display:none !important}}@media screen and (max-width: 39.99875em), screen and (min-width: 73em){.ontario-show-for-medium-only{display:none !important}}@media print, screen and (min-width: 73em){.ontario-hide-for-large{display:none !important}}@media screen and (max-width: 72.99875em){.ontario-show-for-large{display:none !important}}@media screen and (min-width: 73em) and (max-width: 95.99875em){.ontario-hide-for-large-only{display:none !important}}@media screen and (max-width: 72.99875em), screen and (min-width: 96em){.ontario-show-for-large-only{display:none !important}}.ontario-show-for-sr,.ontario-show-on-focus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.ontario-show-on-focus:active,.ontario-show-on-focus:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto}.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}@media screen and (orientation: landscape){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}}@media screen and (orientation: portrait){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:none !important}}.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}@media screen and (orientation: landscape){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}}@media screen and (orientation: portrait){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:block !important}}.ontario-language-toggler{background-color:#1a1a1a;border:none;border-radius:4px;box-sizing:border-box;box-shadow:none;color:#FFFFFF;cursor:pointer;display:flex;align-items:center;font-size:1.125rem;font-weight:600;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;height:48px;line-height:1.5555555556;text-align:center;text-decoration:none}.ontario-language-toggler:hover{background-color:#4d4d4d}.ontario-language-toggler:active{background-color:#666666;color:#FFFFFF}.ontario-language-toggler:focus{background-color:#4d4d4d;color:#FFFFFF}.ontario-language-toggler:visited{color:#FFFFFF}.ontario-language-toggler abbr[title]{text-decoration:none}.ontario-language-toggler--default{padding:0.75rem}.ontario-language-toggler--small{font-size:1rem;line-height:1.375rem;height:auto;outline:none;padding:0.5rem 0.75rem}';
|
|
7297
7400
|
const OntarioLanguageToggleStyle0 = ontarioLanguageToggleCss;
|
|
@@ -7301,74 +7404,209 @@ const OntarioLanguageToggle = class {
|
|
|
7301
7404
|
index.registerInstance(this, hostRef);
|
|
7302
7405
|
this.setAppLanguage = index.createEvent(this, 'setAppLanguage', 7);
|
|
7303
7406
|
this.headerLanguageToggled = index.createEvent(this, 'headerLanguageToggled', 7);
|
|
7304
|
-
|
|
7305
|
-
|
|
7306
|
-
|
|
7307
|
-
|
|
7308
|
-
|
|
7309
|
-
|
|
7310
|
-
|
|
7311
|
-
}
|
|
7407
|
+
/*
|
|
7408
|
+
* Updates the <html> lang attribute based on component languageState.
|
|
7409
|
+
*/
|
|
7410
|
+
this.updateHTMLLang = () => {
|
|
7411
|
+
const htmlElement = getRootHTMLElement();
|
|
7412
|
+
if (htmlElement) {
|
|
7413
|
+
htmlElement.setAttribute('lang', this.languageState);
|
|
7312
7414
|
}
|
|
7313
|
-
return;
|
|
7314
7415
|
};
|
|
7315
7416
|
this.language = undefined;
|
|
7316
7417
|
this.size = 'default';
|
|
7317
7418
|
this.url = undefined;
|
|
7318
7419
|
this.customLanguageToggle = undefined;
|
|
7319
7420
|
this.translations = translations;
|
|
7421
|
+
this.languageState = undefined;
|
|
7422
|
+
this.oppositeLanguageLabel = undefined;
|
|
7320
7423
|
}
|
|
7321
|
-
|
|
7322
|
-
|
|
7424
|
+
/**
|
|
7425
|
+
* Updates the language and languageState props when changes to the language prop are detected.
|
|
7426
|
+
*/
|
|
7427
|
+
updateLanguage() {
|
|
7323
7428
|
if (this.language) {
|
|
7324
|
-
|
|
7325
|
-
|
|
7326
|
-
|
|
7327
|
-
|
|
7328
|
-
|
|
7429
|
+
if (!index$1.validateValueAgainstArray(this.language, supportedLanguages)) {
|
|
7430
|
+
this.showLanguageWarning(this.language);
|
|
7431
|
+
this.language = this.translations.siteLanguage.abbreviation.en;
|
|
7432
|
+
}
|
|
7433
|
+
this.languageState = this.language;
|
|
7434
|
+
}
|
|
7435
|
+
this.setAppLanguageHandler();
|
|
7436
|
+
}
|
|
7437
|
+
/**
|
|
7438
|
+
* This function sets the languageState (if not already set).
|
|
7439
|
+
*
|
|
7440
|
+
* It also emits the setAppLanguage() event, updates the component language label, and
|
|
7441
|
+
* updates the <html> tag lang attribute with the languageState value.
|
|
7442
|
+
*
|
|
7443
|
+
* It gets called by the connectedCallback() component lifecycle hook, and by the
|
|
7444
|
+
* updateLanguage() method, which is fired on the watch for the language prop.
|
|
7445
|
+
*/
|
|
7446
|
+
setAppLanguageHandler() {
|
|
7447
|
+
var _a;
|
|
7448
|
+
const defaultLang = this.translations.siteLanguage.abbreviation.en;
|
|
7449
|
+
const rootLang = (_a = getRootHTMLElement()) === null || _a === void 0 ? void 0 : _a.lang;
|
|
7450
|
+
// If languageState is not set, set it equal to the following cadence:
|
|
7451
|
+
// language prop value, <html> tag lang attribute, or default to "en"
|
|
7452
|
+
if (!this.languageState) {
|
|
7453
|
+
if (this.language) {
|
|
7454
|
+
this.languageState = this.language;
|
|
7455
|
+
} else if (rootLang) {
|
|
7456
|
+
if (index$1.validateValueAgainstArray(rootLang, supportedLanguages)) {
|
|
7457
|
+
this.languageState = rootLang;
|
|
7458
|
+
} else {
|
|
7459
|
+
this.showLanguageWarning(rootLang, 'document');
|
|
7460
|
+
this.languageState = defaultLang;
|
|
7461
|
+
}
|
|
7462
|
+
} else {
|
|
7463
|
+
this.languageState = defaultLang;
|
|
7464
|
+
}
|
|
7329
7465
|
}
|
|
7330
|
-
this.
|
|
7331
|
-
this.
|
|
7332
|
-
|
|
7466
|
+
this.setAppLanguage.emit(this.languageState);
|
|
7467
|
+
this.oppositeLanguageLabel = {
|
|
7468
|
+
fullWord: this.getOppositeLanguageFullWord(),
|
|
7469
|
+
abbreviation: this.getOppositeLanguageAbbrievation(),
|
|
7470
|
+
};
|
|
7471
|
+
this.updateHTMLLang();
|
|
7333
7472
|
}
|
|
7334
|
-
|
|
7335
|
-
|
|
7336
|
-
|
|
7337
|
-
|
|
7338
|
-
|
|
7473
|
+
/**
|
|
7474
|
+
* An event that emits to other components that the language toggle button has been toggled.
|
|
7475
|
+
*
|
|
7476
|
+
* @param {Language} oldLanguage - The language prior to the language toggle being pressed.
|
|
7477
|
+
* @param {globalThis.Event} event - event that triggered the function (e.g. onclick).
|
|
7478
|
+
*/
|
|
7479
|
+
handleHeaderLanguageToggled(oldLanguage, event) {
|
|
7480
|
+
this.languageState =
|
|
7481
|
+
oldLanguage === this.translations.siteLanguage.abbreviation.en
|
|
7482
|
+
? this.translations.siteLanguage.abbreviation.fr
|
|
7483
|
+
: this.translations.siteLanguage.abbreviation.en;
|
|
7484
|
+
this.headerLanguageToggled.emit({ oldLanguage: oldLanguage, newLanguage: this.languageState });
|
|
7485
|
+
this.updateHTMLLang();
|
|
7339
7486
|
if (this.customLanguageToggle && event) {
|
|
7340
7487
|
this.customLanguageToggle(event);
|
|
7341
7488
|
}
|
|
7342
7489
|
}
|
|
7343
|
-
|
|
7344
|
-
|
|
7345
|
-
|
|
7490
|
+
/**
|
|
7491
|
+
* Prints a warning message to the console about using an incorrect language for the component.
|
|
7492
|
+
*
|
|
7493
|
+
* @param {string} lang - The incorrect language that was received.
|
|
7494
|
+
* @param {string} type - prop/document | Where the incorrect language is coming from.
|
|
7495
|
+
*/
|
|
7496
|
+
showLanguageWarning(lang, type = 'prop') {
|
|
7497
|
+
const propOrDocumentMessage =
|
|
7498
|
+
type === 'prop' ? `The language prop value of ${lang} ` : `The HTML document lang attribute value of ${lang} `;
|
|
7499
|
+
const message = new consoleMessage.ConsoleMessageClass();
|
|
7500
|
+
message
|
|
7501
|
+
.addDesignSystemTag()
|
|
7502
|
+
.addRegularText(propOrDocumentMessage)
|
|
7503
|
+
.addRegularText('is not a valid language value for the ')
|
|
7504
|
+
.addMonospaceText(' <ontario-language-toggle> ')
|
|
7505
|
+
.addRegularText(`component. Valid language values are ${printArray([...supportedLanguages])}. `)
|
|
7506
|
+
.addRegularText(`A default language value of ${this.translations.siteLanguage.abbreviation.en} will be applied.`)
|
|
7507
|
+
.printMessage();
|
|
7508
|
+
}
|
|
7509
|
+
/**
|
|
7510
|
+
* Returns abbreviated text for the opposite language.
|
|
7511
|
+
*
|
|
7512
|
+
* @returns {Language}
|
|
7513
|
+
*/
|
|
7514
|
+
getOppositeLanguageAbbrievation() {
|
|
7515
|
+
return this.languageState === this.translations.siteLanguage.abbreviation.en
|
|
7516
|
+
? this.translations.siteLanguage.abbreviation.fr
|
|
7517
|
+
: this.translations.siteLanguage.abbreviation.en;
|
|
7518
|
+
}
|
|
7519
|
+
/**
|
|
7520
|
+
* Returns full word text for the opposite language.
|
|
7521
|
+
*
|
|
7522
|
+
* @returns {string}
|
|
7523
|
+
*/
|
|
7524
|
+
getOppositeLanguageFullWord() {
|
|
7525
|
+
return this.languageState === this.translations.siteLanguage.abbreviation.en
|
|
7526
|
+
? this.translations.siteLanguage.fullWord.fr
|
|
7527
|
+
: this.translations.siteLanguage.fullWord.en;
|
|
7346
7528
|
}
|
|
7529
|
+
/**
|
|
7530
|
+
* Component life cycle hook.
|
|
7531
|
+
*
|
|
7532
|
+
* https://stenciljs.com/docs/component-lifecycle#connectedcallback
|
|
7533
|
+
*/
|
|
7347
7534
|
connectedCallback() {
|
|
7348
|
-
this.
|
|
7535
|
+
this.setAppLanguageHandler();
|
|
7536
|
+
}
|
|
7537
|
+
/**
|
|
7538
|
+
* Component life cycle hook.
|
|
7539
|
+
*
|
|
7540
|
+
* https://stenciljs.com/docs/component-lifecycle#componentdidload
|
|
7541
|
+
*/
|
|
7542
|
+
componentDidLoad() {
|
|
7543
|
+
/**
|
|
7544
|
+
* Creates a MutationObserver (a type of watch) on the <html> tag lang attribute.
|
|
7545
|
+
*
|
|
7546
|
+
* When changes occur, the oppositeLanguageLabel state variable regenerates.
|
|
7547
|
+
*
|
|
7548
|
+
* This is to act as a form of callback and create a subtle delay between page content
|
|
7549
|
+
* updating and the language toggle label updating.
|
|
7550
|
+
*/
|
|
7551
|
+
const observer = new MutationObserver((mutations) => {
|
|
7552
|
+
mutations.forEach((mutation) => {
|
|
7553
|
+
switch (mutation.type) {
|
|
7554
|
+
case 'attributes':
|
|
7555
|
+
switch (mutation.attributeName) {
|
|
7556
|
+
case 'lang':
|
|
7557
|
+
this.oppositeLanguageLabel = {
|
|
7558
|
+
fullWord: this.getOppositeLanguageFullWord(),
|
|
7559
|
+
abbreviation: this.getOppositeLanguageAbbrievation(),
|
|
7560
|
+
};
|
|
7561
|
+
break;
|
|
7562
|
+
}
|
|
7563
|
+
break;
|
|
7564
|
+
}
|
|
7565
|
+
});
|
|
7566
|
+
});
|
|
7567
|
+
// Only create/trigger the MutationObserver if the <html> element exists.
|
|
7568
|
+
if (getRootHTMLElement()) {
|
|
7569
|
+
const options = { attributes: true };
|
|
7570
|
+
observer.observe(getRootHTMLElement(), options);
|
|
7571
|
+
}
|
|
7349
7572
|
}
|
|
7350
7573
|
render() {
|
|
7351
|
-
|
|
7352
|
-
const abbreviatedLanguage = this.language === 'en' ? 'FR' : 'EN';
|
|
7574
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
7353
7575
|
return index.h(
|
|
7354
7576
|
'a',
|
|
7355
7577
|
{
|
|
7356
|
-
'key': '
|
|
7578
|
+
'key': 'f43e42110b4272a268801c310a8d14e31342f426',
|
|
7579
|
+
'aria-label':
|
|
7580
|
+
this.translations.languageToggle.ariaLabel[
|
|
7581
|
+
`${(_a = this.oppositeLanguageLabel) === null || _a === void 0 ? void 0 : _a.abbreviation}`
|
|
7582
|
+
],
|
|
7357
7583
|
'class':
|
|
7358
7584
|
this.size === 'default'
|
|
7359
7585
|
? 'ontario-language-toggler ontario-language-toggler--default'
|
|
7360
7586
|
: 'ontario-language-toggler ontario-language-toggler--small',
|
|
7361
7587
|
'href': this.url ? this.url : '#',
|
|
7362
|
-
'
|
|
7363
|
-
'
|
|
7588
|
+
'hreflang': (_b = this.oppositeLanguageLabel) === null || _b === void 0 ? void 0 : _b.abbreviation,
|
|
7589
|
+
'lang': (_c = this.oppositeLanguageLabel) === null || _c === void 0 ? void 0 : _c.abbreviation,
|
|
7590
|
+
'onClick': (e) => this.handleHeaderLanguageToggled(this.languageState, e),
|
|
7364
7591
|
},
|
|
7365
7592
|
this.size === 'small'
|
|
7366
|
-
? index.h('span', null,
|
|
7593
|
+
? index.h('span', null, (_d = this.oppositeLanguageLabel) === null || _d === void 0 ? void 0 : _d.fullWord)
|
|
7367
7594
|
: index.h(
|
|
7368
7595
|
index.Fragment,
|
|
7369
7596
|
null,
|
|
7370
|
-
index.h(
|
|
7371
|
-
|
|
7597
|
+
index.h(
|
|
7598
|
+
'abbr',
|
|
7599
|
+
{
|
|
7600
|
+
title: (_e = this.oppositeLanguageLabel) === null || _e === void 0 ? void 0 : _e.fullWord,
|
|
7601
|
+
class: 'ontario-show-for-small-only',
|
|
7602
|
+
},
|
|
7603
|
+
(_f = this.oppositeLanguageLabel) === null || _f === void 0 ? void 0 : _f.abbreviation.toUpperCase(),
|
|
7604
|
+
),
|
|
7605
|
+
index.h(
|
|
7606
|
+
'span',
|
|
7607
|
+
{ class: 'ontario-show-for-medium' },
|
|
7608
|
+
(_g = this.oppositeLanguageLabel) === null || _g === void 0 ? void 0 : _g.fullWord,
|
|
7609
|
+
),
|
|
7372
7610
|
),
|
|
7373
7611
|
);
|
|
7374
7612
|
}
|
|
@@ -7868,6 +8106,209 @@ const OntarioRadioButtons = class {
|
|
|
7868
8106
|
};
|
|
7869
8107
|
OntarioRadioButtons.style = OntarioRadioButtonsStyle0;
|
|
7870
8108
|
|
|
8109
|
+
const ontarioSearchBoxCss =
|
|
8110
|
+
'@charset "UTF-8";h6,.ontario-h6,h5,.ontario-h5,h4,.ontario-h4,h3,.ontario-h3,h2,.ontario-h2,h1>.ontario-label--heading,.ontario-fieldset__legend--large h1,.ontario-fieldset__legend--heading h1,h1,.ontario-h1{font-style:normal;font-weight:700;text-rendering:optimizeLegibility;margin-bottom:1rem;font-feature-settings:normal;font-family:"Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}h1>.ontario-label--heading,.ontario-fieldset__legend--large h1,.ontario-fieldset__legend--heading h1,h1,.ontario-h1{font-size:2rem;letter-spacing:0.04rem;line-height:1.29;margin:2.5rem 0 1.5rem 0;max-width:70rem}@media screen and (min-width: 40em){h1>.ontario-label--heading,.ontario-fieldset__legend--large h1,.ontario-fieldset__legend--heading h1,h1,.ontario-h1{font-size:2.5rem;letter-spacing:0.04rem;line-height:1.2}}h2,.ontario-h2{font-size:1.6875rem;letter-spacing:0.03rem;line-height:1.37;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h2,.ontario-h2{font-size:2.0625rem;letter-spacing:0.02rem;line-height:1.33}}h3,.ontario-h3{font-size:1.4375rem;letter-spacing:0.02rem;line-height:1.39;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h3,.ontario-h3{font-size:1.75rem;letter-spacing:0.02rem;line-height:1.43}}h4,.ontario-h4{font-size:1.25rem;letter-spacing:0.03rem;line-height:1.5;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h4,.ontario-h4{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}h5,.ontario-h5{font-size:1.125rem;letter-spacing:0.03rem;line-height:1.56;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h5,.ontario-h5{font-size:1.1875rem;letter-spacing:0.025rem;line-height:1.5}}h6,.ontario-h6{font-size:1rem;line-height:1.56;letter-spacing:0.03rem;max-width:48rem;margin:0 0 0.75rem 0}@media screen and (min-width: 40em){h6,.ontario-h6{font-size:1rem;letter-spacing:0.025rem;line-height:1.5}}.ontario-lead-statement{font-size:1.25rem;line-height:1.6;max-width:70rem}@media screen and (min-width: 40em){.ontario-lead-statement{font-size:1.375rem}}.ontario-search__input.ontario-input:focus,.ontario-input:focus,.ontario-input:active{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}html{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem}body{font-size:1rem;line-height:1.6;background-color:#FFFFFF;color:#1a1a1a;margin:0}p{font-size:inherit;margin-bottom:1.25rem;text-rendering:optimizeLegibility;margin:0 0 1.5rem 0}cite{font-style:italic;line-height:inherit}strong{font-weight:700;line-height:inherit}*,*::before,*::after{box-sizing:inherit}main p,main p:not(.ontario-lead-statement),main dd,main li{max-width:48rem}hr{border:0;padding:0;margin:2.5rem 0;border-bottom:4px solid #cccccc}hr.ontario-hr--dark{border-bottom:4px solid #1a1a1a}a{color:#0066CC;text-decoration:underline}a:visited{color:#551A8B}a:hover{color:#00478F}a:active{color:#002142}a:focus{-moz-box-shadow:0 0 0 4px #009ADB;-webkit-box-shadow:0 0 0 4px #009ADB;box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:all 0.1s ease-in-out}p{margin:0 0 1.5rem 0}p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6,ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:2rem}p code,td code,li code{line-height:2.25rem}input[type=text],input[type=number],input[type=email],input[type=date],input[type=color],input[type=search],input[type=tel],textarea{background-origin:initial;height:auto;-webkit-appearance:none;-moz-appearance:none}input[type=checkbox]+label,input[type=radio]+label{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400;margin-left:0;margin-right:0}fieldset{border:0;margin:0;padding:0;page-break-inside:avoid}legend,label{display:block;margin:0}select{background-origin:initial;height:auto;-webkit-appearance:none;-moz-appearance:none}ul,ol{padding:0}ul{margin-left:2rem}ul li{padding:0 0 0.75rem 0}ol{margin-left:1.75rem}ol li{padding:0 0 0.75rem 0.25rem}ul li:last-child,ol li:last-child{padding-bottom:0}ul[class*=columns-] li:last-child,ol[class*=columns-] li:last-child{padding-bottom:0.75rem}ul ul,ol ul{margin:0.5rem 0 0.5rem 2rem}ul ol,ol ol{margin:0.5rem 0 0.5rem 1.75rem}p+ul,p+ol{margin-top:-0.75rem}@media screen and (min-width: 40em){ul{margin:0.5rem 0 1.5rem 3rem}ol{margin:0.5rem 0 1.5rem 2.75rem}ul ul,ol ul{margin:0.5rem 0 0.5rem 3rem}ul ol,ol ol{margin:0.5rem 0 0.5rem 2.75rem}}.ontario-form-group:last-of-type{margin-bottom:2.5rem}.ontario-form-group:last-of-type{margin-bottom:3rem}.ontario-fieldset__legend{color:#1a1a1a;font-family:"Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.1875rem;font-weight:700;margin:0 0 1rem 0;line-height:1.5;max-width:38.75em;white-space:normal;width:100%;hyphens:auto}@media screen and (max-width: 40em){.ontario-fieldset__legend{font-size:1.125rem;line-height:1.56}}.ontario-fieldset__legend--large,.ontario-fieldset__legend--heading{letter-spacing:0.02rem;line-height:1.2}.ontario-fieldset__legend--large h1,.ontario-fieldset__legend--heading h1{display:inline-block;margin:0}@media screen and (max-width: 40em){.ontario-fieldset__legend--large,.ontario-fieldset__legend--heading{font-size:1.4375rem;line-height:1.39}}.ontario-fieldset__legend--large{font-size:1.75rem}.ontario-fieldset__legend-required-flag,.ontario-fieldset__legend-optional-flag{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400}.ontario-fieldset__legend-required-flag:before,.ontario-fieldset__legend-optional-flag:before{content:" "}.ontario-label__flag{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400}.ontario-label__flag:before{content:" "}.ontario-label{cursor:pointer;color:#1a1a1a;font-family:"Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.1875rem;font-weight:700;line-height:1.5;margin:0 0 1rem 0;max-width:38.75em;white-space:normal;width:100%;hyphens:auto}@media screen and (max-width: 40em){.ontario-label{font-size:1.125rem;line-height:1.56}}.ontario-label--large{font-size:1.75rem;letter-spacing:0.02rem;line-height:1.2;max-width:26.25em}@media screen and (max-width: 40em){.ontario-label--large{font-size:1.4375rem;line-height:1.39}}h1>.ontario-label--heading{display:inline-block;margin:0}.ontario-label__flag{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400}.ontario-label__flag:before{content:" "}.ontario-input{border:2px solid #1a1a1a;border-radius:4px;box-sizing:border-box;color:#1a1a1a;display:block;font-size:1rem;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;margin:0 0 2.5rem;max-width:48rem;width:100%;padding:0.625rem 1rem;transition:box-shadow 0.1s ease-in-out}.ontario-input--2-char-width{max-width:8ex}.ontario-input--3-char-width{max-width:10ex}.ontario-input--4-char-width{max-width:12ex}.ontario-input--5-char-width{max-width:14ex}.ontario-input--7-char-width{max-width:17ex}.ontario-input--10-char-width{max-width:23ex}.ontario-input--20-char-width{max-width:41ex}.ontario-form-group:last-of-type{margin-bottom:2.5rem}.ontario-hide{display:none !important}.ontario-invisible{visibility:hidden !important}@media screen and (max-width: 39.99875em){.ontario-hide-for-small-only{display:none !important}}@media screen and (max-width: 0em), screen and (min-width: 40em){.ontario-show-for-small-only{display:none !important}}@media print, screen and (min-width: 40em){.ontario-hide-for-medium{display:none !important}}@media screen and (max-width: 39.99875em){.ontario-show-for-medium{display:none !important}}@media screen and (min-width: 40em) and (max-width: 72.99875em){.ontario-hide-for-medium-only{display:none !important}}@media screen and (max-width: 39.99875em), screen and (min-width: 73em){.ontario-show-for-medium-only{display:none !important}}@media print, screen and (min-width: 73em){.ontario-hide-for-large{display:none !important}}@media screen and (max-width: 72.99875em){.ontario-show-for-large{display:none !important}}@media screen and (min-width: 73em) and (max-width: 95.99875em){.ontario-hide-for-large-only{display:none !important}}@media screen and (max-width: 72.99875em), screen and (min-width: 96em){.ontario-show-for-large-only{display:none !important}}.ontario-show-for-sr,.ontario-show-on-focus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.ontario-show-on-focus:active,.ontario-show-on-focus:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto}.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}@media screen and (orientation: landscape){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}}@media screen and (orientation: portrait){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:none !important}}.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}@media screen and (orientation: landscape){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}}@media screen and (orientation: portrait){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:block !important}}.ontario-search__container{max-width:34rem;margin-bottom:2.5rem}.ontario-search__input-container{position:relative}.ontario-search__input.ontario-input{border:2px solid #1a1a1a;margin-bottom:0;height:3rem;padding-left:0.75rem;padding-right:8.5rem;width:100%}.ontario-search__input.ontario-input:invalid+input[type=reset]{display:none}input[type=reset].ontario-search__reset{position:absolute;display:flex;align-items:center;top:0.75rem;right:6rem;height:1.5rem;width:1.5rem;color:#1a1a1a;margin:0;padding:0.25rem;background-size:1.5rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE5IDYuNEwxNy42IDUgMTIgMTAuNiA2LjQgNSA1IDYuNGw1LjYgNS42TDUgMTcuNiA2LjQgMTlsNS42LTUuNiA1LjYgNS42IDEuNC0xLjQtNS42LTUuNkwxOSA2LjR6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);background-position:center center;background-repeat:no-repeat;background-color:transparent;outline:none;border:none;cursor:pointer}input[type=reset].ontario-search__reset:focus{box-shadow:inset 0 0 0 4px #009ADB}@media screen and (max-width: 40em){input[type=reset].ontario-search__reset{right:5.5rem}}.ontario-search__submit{border:0;border-radius:0 3px 3px 0;background-color:#0066CC;color:#1a1a1a;display:flex;justify-content:center;align-items:center;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:600;font-size:1.125rem;width:5rem;line-height:1.56;position:absolute;right:0;bottom:0;top:0;cursor:pointer}.ontario-search__submit:hover{background-color:#00478F;color:#FFFFFF}.ontario-search__submit:focus{outline:none;box-shadow:0 0 0 4px #009ADB;background-color:#00478F;color:#FFFFFF}.ontario-search__submit:active{background-color:#002142;color:#FFFFFF}.ontario-search__submit svg{fill:#FFFFFF;margin-right:0;margin-bottom:0;width:2rem;height:2rem;display:inline-block;vertical-align:middle;overflow:hidden}@media screen and (max-width: 40em){.ontario-search__submit{width:3rem}}input[type=search].ontario-search__input::-webkit-search-decoration,input[type=search].ontario-search__input::-webkit-search-cancel-button,input[type=search].ontario-search__input::-webkit-search-results-button,input[type=search].ontario-search__input::-webkit-search-results-decoration{-webkit-appearance:none}';
|
|
8111
|
+
const OntarioSearchBoxStyle0 = ontarioSearchBoxCss;
|
|
8112
|
+
|
|
8113
|
+
const OntarioSearchBox = class {
|
|
8114
|
+
constructor(hostRef) {
|
|
8115
|
+
index.registerInstance(this, hostRef);
|
|
8116
|
+
this.searchOnSubmit = index.createEvent(this, 'searchOnSubmit', 7);
|
|
8117
|
+
this.inputOnInput = index.createEvent(this, 'inputOnInput', 7);
|
|
8118
|
+
this.inputOnChange = index.createEvent(this, 'inputOnChange', 7);
|
|
8119
|
+
this.inputOnBlur = index.createEvent(this, 'inputOnBlur', 7);
|
|
8120
|
+
this.inputOnFocus = index.createEvent(this, 'inputOnFocus', 7);
|
|
8121
|
+
/**
|
|
8122
|
+
* when the reset button is clicked this function gets called
|
|
8123
|
+
*/
|
|
8124
|
+
this.handleFocus = () => {
|
|
8125
|
+
this.setFocus(this.inputFieldRef);
|
|
8126
|
+
};
|
|
8127
|
+
this.language = 'en';
|
|
8128
|
+
this.elementId = undefined;
|
|
8129
|
+
this.value = undefined;
|
|
8130
|
+
this.caption = undefined;
|
|
8131
|
+
this.required = false;
|
|
8132
|
+
this.performSearch = undefined;
|
|
8133
|
+
this.hintText = undefined;
|
|
8134
|
+
this.customOnInput = undefined;
|
|
8135
|
+
this.customOnChange = undefined;
|
|
8136
|
+
this.customOnBlur = undefined;
|
|
8137
|
+
this.customOnFocus = undefined;
|
|
8138
|
+
this.internalHintText = undefined;
|
|
8139
|
+
this.captionState = undefined;
|
|
8140
|
+
this.hintTextId = undefined;
|
|
8141
|
+
}
|
|
8142
|
+
/**
|
|
8143
|
+
* Watch for changes to the `hintText` prop.
|
|
8144
|
+
*
|
|
8145
|
+
* If a `hintText` prop is passed, the `constructHintTextObject` function will convert it to the correct format, and set the result to the `internalHintText` state.
|
|
8146
|
+
*/
|
|
8147
|
+
parseHintText() {
|
|
8148
|
+
if (this.hintText) {
|
|
8149
|
+
const hintTextObject = constructHintTextObject(this.hintText);
|
|
8150
|
+
this.internalHintText = hintTextObject;
|
|
8151
|
+
}
|
|
8152
|
+
}
|
|
8153
|
+
/**
|
|
8154
|
+
* Watch for changes to the `caption` prop.
|
|
8155
|
+
*
|
|
8156
|
+
* The caption will be run through the InputCaption constructor to convert it to the correct format, and set the result to the `captionState` state.
|
|
8157
|
+
* @param newValue: Caption | string
|
|
8158
|
+
*/
|
|
8159
|
+
updateCaptionState(newValue) {
|
|
8160
|
+
this.captionState = new InputCaption(
|
|
8161
|
+
this.element.tagName,
|
|
8162
|
+
newValue,
|
|
8163
|
+
translations,
|
|
8164
|
+
this.language,
|
|
8165
|
+
false,
|
|
8166
|
+
this.required,
|
|
8167
|
+
);
|
|
8168
|
+
}
|
|
8169
|
+
/**
|
|
8170
|
+
* Watch for changes to the `language` prop to render either the English or French translations
|
|
8171
|
+
*/
|
|
8172
|
+
updateLanguage() {
|
|
8173
|
+
this.updateCaptionState(this.caption);
|
|
8174
|
+
}
|
|
8175
|
+
/**
|
|
8176
|
+
* If a `hintText` prop is passed, the id generated from it will be set to the internal `hintTextId` state to match with the select `aria-describedBy` attribute.
|
|
8177
|
+
*/
|
|
8178
|
+
async componentDidLoad() {
|
|
8179
|
+
var _a;
|
|
8180
|
+
this.hintTextId = await ((_a = this.hintTextRef) === null || _a === void 0 ? void 0 : _a.getHintTextId());
|
|
8181
|
+
}
|
|
8182
|
+
componentWillLoad() {
|
|
8183
|
+
this.elementId = this.elementId;
|
|
8184
|
+
this.parseHintText();
|
|
8185
|
+
this.updateCaptionState(this.caption);
|
|
8186
|
+
}
|
|
8187
|
+
/**
|
|
8188
|
+
* Function to handle input events and the information pertaining to the input to emit.
|
|
8189
|
+
*/
|
|
8190
|
+
handleEvent(event, eventType) {
|
|
8191
|
+
var _a, _b, _c;
|
|
8192
|
+
const input = event.target;
|
|
8193
|
+
// Update the component value to match the value of the input element.
|
|
8194
|
+
this.value = input === null || input === void 0 ? void 0 : input.value;
|
|
8195
|
+
(_b = (_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) === null || _b === void 0
|
|
8196
|
+
? void 0
|
|
8197
|
+
: _b.call(_a, (_c = this.value) !== null && _c !== void 0 ? _c : '');
|
|
8198
|
+
handleInputEvent(
|
|
8199
|
+
event,
|
|
8200
|
+
eventType,
|
|
8201
|
+
input,
|
|
8202
|
+
this.inputOnChange,
|
|
8203
|
+
this.inputOnFocus,
|
|
8204
|
+
this.inputOnBlur,
|
|
8205
|
+
this.inputOnInput,
|
|
8206
|
+
'input',
|
|
8207
|
+
this.customOnChange,
|
|
8208
|
+
this.customOnFocus,
|
|
8209
|
+
this.customOnBlur,
|
|
8210
|
+
this.customOnInput,
|
|
8211
|
+
this.element,
|
|
8212
|
+
);
|
|
8213
|
+
}
|
|
8214
|
+
/**
|
|
8215
|
+
* handleSearch function is called when the search submit button is clicked
|
|
8216
|
+
*/
|
|
8217
|
+
async handleSearch(event) {
|
|
8218
|
+
event.preventDefault();
|
|
8219
|
+
this.searchOnSubmit.emit(this.value);
|
|
8220
|
+
this.performSearch && (await this.performSearch(this.value));
|
|
8221
|
+
}
|
|
8222
|
+
getId() {
|
|
8223
|
+
var _a;
|
|
8224
|
+
return (_a = this.elementId) !== null && _a !== void 0 ? _a : '';
|
|
8225
|
+
}
|
|
8226
|
+
getValue() {
|
|
8227
|
+
var _a;
|
|
8228
|
+
return (_a = this.value) !== null && _a !== void 0 ? _a : '';
|
|
8229
|
+
}
|
|
8230
|
+
/**
|
|
8231
|
+
*This function ensures that the focus returns to the search input field when the reset button is clicked.
|
|
8232
|
+
*/
|
|
8233
|
+
setFocus(inputRef) {
|
|
8234
|
+
if (inputRef) {
|
|
8235
|
+
inputRef.focus();
|
|
8236
|
+
}
|
|
8237
|
+
}
|
|
8238
|
+
render() {
|
|
8239
|
+
const searchInputFieldId = 'ontario-search-input-field';
|
|
8240
|
+
return index.h(
|
|
8241
|
+
'form',
|
|
8242
|
+
{
|
|
8243
|
+
key: 'd38c48ed5a4e2301afa130f1557ea721ac9b7909',
|
|
8244
|
+
name: 'searchForm',
|
|
8245
|
+
id: 'ontario-search-form-container',
|
|
8246
|
+
class:
|
|
8247
|
+
'ontario-search__container ontario-columns ontario-small-10 ontario-medium-offset-3 ontario-medium-6 ontario-large-offset-0 ontario-large-6',
|
|
8248
|
+
novalidate: true,
|
|
8249
|
+
},
|
|
8250
|
+
this.captionState.getCaption(searchInputFieldId, false, true) /* Note the _required_ text is disabled */,
|
|
8251
|
+
this.internalHintText &&
|
|
8252
|
+
index.h('ontario-hint-text', {
|
|
8253
|
+
hint: this.internalHintText.hint,
|
|
8254
|
+
hintContentType: this.internalHintText.hintContentType,
|
|
8255
|
+
ref: (el) => (this.hintTextRef = el),
|
|
8256
|
+
}),
|
|
8257
|
+
index.h(
|
|
8258
|
+
'div',
|
|
8259
|
+
{ key: '2d495d8e26c97c92ffdf8e3e7f0828224d74825c', class: 'ontario-search__input-container' },
|
|
8260
|
+
index.h(Input$1, {
|
|
8261
|
+
'key': '38f2cdf8f04aa749958c619174ca40ee32b1d2f4',
|
|
8262
|
+
'aria-describedBy': this.hintTextId,
|
|
8263
|
+
'type': 'search',
|
|
8264
|
+
'name': 'search',
|
|
8265
|
+
'id': searchInputFieldId,
|
|
8266
|
+
'autoComplete': 'off',
|
|
8267
|
+
'aria-autocomplete': 'none',
|
|
8268
|
+
'className': 'ontario-search__input ontario-input',
|
|
8269
|
+
'required': true,
|
|
8270
|
+
'ref': (el) => (this.inputFieldRef = el),
|
|
8271
|
+
'onInput': (e) => this.handleEvent(e, EventType.Input),
|
|
8272
|
+
'onChange': (e) => this.handleEvent(e, EventType.Change),
|
|
8273
|
+
'onBlur': (e) => this.handleEvent(e, EventType.Blur),
|
|
8274
|
+
'onFocus': (e) => this.handleEvent(e, EventType.Focus),
|
|
8275
|
+
'value': this.getValue(),
|
|
8276
|
+
}),
|
|
8277
|
+
index.h(Input$1, {
|
|
8278
|
+
key: '20395baddaa5943e9f300eee043b97994e63c0af',
|
|
8279
|
+
className: 'ontario-search__reset',
|
|
8280
|
+
id: 'ontario-search-reset',
|
|
8281
|
+
type: 'reset',
|
|
8282
|
+
value: '',
|
|
8283
|
+
onClick: () => this.handleFocus(),
|
|
8284
|
+
}),
|
|
8285
|
+
index.h(
|
|
8286
|
+
'button',
|
|
8287
|
+
{
|
|
8288
|
+
key: '89fe9b0762da6f292348b8a4e895bc9637d7253c',
|
|
8289
|
+
class: 'ontario-search__submit',
|
|
8290
|
+
type: 'submit',
|
|
8291
|
+
id: 'ontario-search-box__submit',
|
|
8292
|
+
onClick: (e) => this.handleSearch(e),
|
|
8293
|
+
},
|
|
8294
|
+
index.h('span', { key: '1091746da37710e5addeeb77780ad92aac33950f', innerHTML: OntarioIconSearch }),
|
|
8295
|
+
),
|
|
8296
|
+
),
|
|
8297
|
+
);
|
|
8298
|
+
}
|
|
8299
|
+
get element() {
|
|
8300
|
+
return index.getElement(this);
|
|
8301
|
+
}
|
|
8302
|
+
static get watchers() {
|
|
8303
|
+
return {
|
|
8304
|
+
hintText: ['parseHintText'],
|
|
8305
|
+
caption: ['updateCaptionState'],
|
|
8306
|
+
language: ['updateLanguage'],
|
|
8307
|
+
};
|
|
8308
|
+
}
|
|
8309
|
+
};
|
|
8310
|
+
OntarioSearchBox.style = OntarioSearchBoxStyle0;
|
|
8311
|
+
|
|
7871
8312
|
const ontarioStepIndicatorCss =
|
|
7872
8313
|
'@charset "UTF-8";h6,.ontario-h6,h5,.ontario-h5,h4,.ontario-h4,h3,.ontario-h3,h2,.ontario-h2,h1,.ontario-h1{font-style:normal;font-weight:700;text-rendering:optimizeLegibility;margin-bottom:1rem;font-feature-settings:normal;font-family:"Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}h1,.ontario-h1{font-size:2rem;letter-spacing:0.04rem;line-height:1.29;margin:2.5rem 0 1.5rem 0;max-width:70rem}@media screen and (min-width: 40em){h1,.ontario-h1{font-size:2.5rem;letter-spacing:0.04rem;line-height:1.2}}h2,.ontario-h2{font-size:1.6875rem;letter-spacing:0.03rem;line-height:1.37;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h2,.ontario-h2{font-size:2.0625rem;letter-spacing:0.02rem;line-height:1.33}}h3,.ontario-h3{font-size:1.4375rem;letter-spacing:0.02rem;line-height:1.39;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h3,.ontario-h3{font-size:1.75rem;letter-spacing:0.02rem;line-height:1.43}}h4,.ontario-h4{font-size:1.25rem;letter-spacing:0.03rem;line-height:1.5;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h4,.ontario-h4{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}h5,.ontario-h5{font-size:1.125rem;letter-spacing:0.03rem;line-height:1.56;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h5,.ontario-h5{font-size:1.1875rem;letter-spacing:0.025rem;line-height:1.5}}h6,.ontario-h6{font-size:1rem;line-height:1.56;letter-spacing:0.03rem;max-width:48rem;margin:0 0 0.75rem 0}@media screen and (min-width: 40em){h6,.ontario-h6{font-size:1rem;letter-spacing:0.025rem;line-height:1.5}}.ontario-lead-statement{font-size:1.25rem;line-height:1.6;max-width:70rem}@media screen and (min-width: 40em){.ontario-lead-statement{font-size:1.375rem}}html{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem}body{font-size:1rem;line-height:1.6;background-color:#FFFFFF;color:#1a1a1a;margin:0}p{font-size:inherit;margin-bottom:1.25rem;text-rendering:optimizeLegibility;margin:0 0 1.5rem 0}cite{font-style:italic;line-height:inherit}strong{font-weight:700;line-height:inherit}*,*::before,*::after{box-sizing:inherit}main p,main p:not(.ontario-lead-statement),main dd,main li{max-width:48rem}hr{border:0;padding:0;margin:2.5rem 0;border-bottom:4px solid #cccccc}hr.ontario-hr--dark{border-bottom:4px solid #1a1a1a}a{color:#0066CC;text-decoration:underline}a:visited{color:#551A8B}a:hover{color:#00478F}a:active{color:#002142}a:focus{-moz-box-shadow:0 0 0 4px #009ADB;-webkit-box-shadow:0 0 0 4px #009ADB;box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:all 0.1s ease-in-out}p{margin:0 0 1.5rem 0}p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6,ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:2rem}p code,td code,li code{line-height:2.25rem}input[type=text],input[type=number],input[type=email],input[type=date],input[type=color],input[type=search],input[type=tel],textarea{background-origin:initial;height:auto;-webkit-appearance:none;-moz-appearance:none}input[type=checkbox]+label,input[type=radio]+label{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400;margin-left:0;margin-right:0}fieldset{border:0;margin:0;padding:0;page-break-inside:avoid}legend,label{display:block;margin:0}select{background-origin:initial;height:auto;-webkit-appearance:none;-moz-appearance:none}ul,ol{padding:0}ul{margin-left:2rem}ul li{padding:0 0 0.75rem 0}ol{margin-left:1.75rem}ol li{padding:0 0 0.75rem 0.25rem}ul li:last-child,ol li:last-child{padding-bottom:0}ul[class*=columns-] li:last-child,ol[class*=columns-] li:last-child{padding-bottom:0.75rem}ul ul,ol ul{margin:0.5rem 0 0.5rem 2rem}ul ol,ol ol{margin:0.5rem 0 0.5rem 1.75rem}p+ul,p+ol{margin-top:-0.75rem}@media screen and (min-width: 40em){ul{margin:0.5rem 0 1.5rem 3rem}ol{margin:0.5rem 0 1.5rem 2.75rem}ul ul,ol ul{margin:0.5rem 0 0.5rem 3rem}ul ol,ol ol{margin:0.5rem 0 0.5rem 2.75rem}}.ontario-button:focus,.ontario-button:active{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}.ontario-button{border:none;border-radius:4px;box-sizing:border-box;box-shadow:none;display:inline-block;font-size:1.125rem;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:600;line-height:1.5555555556;margin:0 1.75rem 1.5rem 0;min-width:10rem;padding:0.625rem 1.5rem;text-align:center;text-decoration:none;cursor:pointer}@media screen and (max-width: 40em){.ontario-button{margin-right:0;display:block;width:100%}}.ontario-button .ontario-icon{margin-right:4px}.ontario-button--primary{background-color:#0066CC;color:#FFFFFF}.ontario-button--primary:hover{background-color:#00478F;color:#FFFFFF}.ontario-button--primary:focus{background-color:#00478F;color:#FFFFFF;transition:background-color 0.2s ease-out, box-shadow 0.1s ease-in-out}.ontario-button--primary:active{background-color:#002142;color:#FFFFFF;transition:background-color 0s, box-shadow 0.1s ease-in-out}.ontario-button--primary:visited{color:#FFFFFF}.ontario-button--secondary{background-color:#FFFFFF;border:2px solid #0066CC;color:#0066CC;padding-top:0.5rem;padding-bottom:0.5rem}.ontario-button--secondary:hover{background-color:#e0f0ff;border-color:#00478F;color:#00478F}.ontario-button--secondary:focus{background-color:#e0f0ff;border-color:#00478F;color:#00478F;transition:background-color 0.2s ease-out, box-shadow 0.1s ease-in-out}.ontario-button--secondary:active{background-color:#c2e0ff;border-color:#002142;color:#002142;transition:background-color 0s, box-shadow 0.1s ease-in-out}.ontario-button--secondary:visited{color:#0066CC}.ontario-button--tertiary{background-color:transparent;color:#0066CC;text-decoration:underline}.ontario-button--tertiary:hover{background-color:#e8e8e8;color:#00478F;text-decoration:underline}.ontario-button--tertiary:focus{background-color:#e8e8e8;color:#00478F;text-decoration:underline;transition:background-color 0.2s ease-out, box-shadow 0.1s ease-in-out}.ontario-button--tertiary:active{background-color:#d1d1d1;color:#002142;text-decoration:underline;transition:background-color 0s, box-shadow 0.1s ease-in-out}.ontario-button--tertiary:visited{color:#0066CC}.ontario-button--internalThemeDark{background-color:#1a1a1a;border:2px solid #FFFFFF;color:#FFFFFF}.ontario-button--internalThemeDark:hover{background-color:#4d4d4d}.ontario-button--internalThemeDark:focus{background-color:#4d4d4d;transition:background-color 0.2s ease-out, box-shadow 0.1s ease-in-out}.ontario-button--internalThemeDark:active{background-color:#4d4d4d;transition:background-color 0s, box-shadow 0.1s ease-in-out}.ontario-button--internalThemeDark:visited{color:#0066CC}.ontario-step-indicator{margin-bottom:2.5rem}.ontario-step-indicator .ontario-step-indicator--with-back-button--false,.ontario-step-indicator .ontario-step-indicator--with-back-button--true,.ontario-step-indicator .ontario-step-indicator--without-back-button,.ontario-step-indicator .ontario-step-indicator--with-back-button{display:flex;align-items:center;justify-content:space-between}.ontario-step-indicator .ontario-step-indicator--with-back-button--false,.ontario-step-indicator .ontario-step-indicator--without-back-button{justify-content:flex-end}.ontario-step-indicator .ontario-h4{margin:1.25rem 0}@media screen and (max-width: 40em){.ontario-step-indicator .ontario-h4{margin:1rem 0;text-align:right}}.ontario-step-indicator .ontario-button.ontario-button--tertiary{display:flex;align-items:center;margin:0.75rem 0;padding-left:0.5rem;padding-right:1rem;min-width:3rem}@media screen and (max-width: 40em){.ontario-step-indicator .ontario-button.ontario-button--tertiary{width:unset}}.ontario-step-indicator .ontario-button.ontario-button--tertiary .ontario-icon{margin:0 0.375rem 0 0;padding:0;min-width:24px;min-height:24px}.ontario-step-indicator hr{padding:0;margin:0}';
|
|
7873
8314
|
const OntarioStepIndicatorStyle0 = ontarioStepIndicatorCss;
|
|
@@ -7904,17 +8345,17 @@ const OntarioStepIndicator = class {
|
|
|
7904
8345
|
render() {
|
|
7905
8346
|
return index.h(
|
|
7906
8347
|
'div',
|
|
7907
|
-
{ key: '
|
|
8348
|
+
{ key: '83d9f9953680f3e84f11fcb85d6aca4a050932ca', class: 'ontario-step-indicator' },
|
|
7908
8349
|
index.h(
|
|
7909
8350
|
'div',
|
|
7910
|
-
{ key: '
|
|
8351
|
+
{ key: '84b130dd8af2cc708cea2f45799d04161699d703', class: 'ontario-row' },
|
|
7911
8352
|
index.h(
|
|
7912
8353
|
'div',
|
|
7913
|
-
{ key: '
|
|
8354
|
+
{ key: '12457c0b09eede669f39f7d0c9b1ebbc5dbcc6e6', class: 'ontario-columns ontario-small-12' },
|
|
7914
8355
|
index.h(
|
|
7915
8356
|
'div',
|
|
7916
8357
|
{
|
|
7917
|
-
key: '
|
|
8358
|
+
key: 'a422636fc6c8d666d4e60aacf883d7b45ccddfb6',
|
|
7918
8359
|
class: `ontario-step-indicator--with-back-button--${this.showBackButton}`,
|
|
7919
8360
|
},
|
|
7920
8361
|
this.showBackButton === true &&
|
|
@@ -7954,7 +8395,7 @@ const OntarioStepIndicator = class {
|
|
|
7954
8395
|
this.numberOfSteps,
|
|
7955
8396
|
),
|
|
7956
8397
|
),
|
|
7957
|
-
index.h('hr', { key: '
|
|
8398
|
+
index.h('hr', { key: '23f2d86c4d1406d607fd7f5dbb5d54450a6cd5fa' }),
|
|
7958
8399
|
),
|
|
7959
8400
|
),
|
|
7960
8401
|
);
|
|
@@ -8181,26 +8622,26 @@ const OntarioTable = class {
|
|
|
8181
8622
|
const columns = extractValuesByKey(this.tableColumnsState, 'key');
|
|
8182
8623
|
return index.h(
|
|
8183
8624
|
'div',
|
|
8184
|
-
{ key: '
|
|
8625
|
+
{ key: 'ce676d443d6f54e6eac8c7e035ac8c192b6be473', class: 'ontario-table-container' },
|
|
8185
8626
|
index.h(
|
|
8186
8627
|
'div',
|
|
8187
8628
|
{
|
|
8188
|
-
key: '
|
|
8629
|
+
key: '0baf35972c5c3c2382103bc765007be2e76cea15',
|
|
8189
8630
|
class: 'ontario-table-scroll--wrapper',
|
|
8190
8631
|
ref: (el) => (this.tableScrollWrapper = el),
|
|
8191
8632
|
},
|
|
8192
8633
|
index.h('div', {
|
|
8193
|
-
key: '
|
|
8634
|
+
key: '348d83ea103a82da6c29fa94f87ee1ff45b8d485',
|
|
8194
8635
|
class: 'ontario-table-scroll--div',
|
|
8195
8636
|
ref: (el) => (this.tableScrollDiv = el),
|
|
8196
8637
|
}),
|
|
8197
8638
|
),
|
|
8198
8639
|
index.h(
|
|
8199
8640
|
'div',
|
|
8200
|
-
{ key: '
|
|
8641
|
+
{ key: 'd7c72699f19d0fe8144551e8754878b42d76cb71', class: 'ontario-table-div', ref: (el) => (this.table = el) },
|
|
8201
8642
|
index.h(
|
|
8202
8643
|
'table',
|
|
8203
|
-
{ key: '
|
|
8644
|
+
{ key: '3c3f6bb5bbb75e0673509a1a377e224de64176f2', class: this.getTableClasses() },
|
|
8204
8645
|
this.caption && index.h('caption', null, this.caption),
|
|
8205
8646
|
this.tableColumnsState &&
|
|
8206
8647
|
index.h(
|
|
@@ -8439,7 +8880,7 @@ const OntarioTextarea = class {
|
|
|
8439
8880
|
return index.h(
|
|
8440
8881
|
'div',
|
|
8441
8882
|
{
|
|
8442
|
-
key: '
|
|
8883
|
+
key: '63372c743a7ac103d5bec0fdcb5f1f8623d588e3',
|
|
8443
8884
|
class: `ontario-form-group ${error ? 'ontario-textarea--error' : ''}`,
|
|
8444
8885
|
},
|
|
8445
8886
|
this.captionState.getCaption(this.getId(), !!this.internalHintExpander),
|
|
@@ -8450,12 +8891,12 @@ const OntarioTextarea = class {
|
|
|
8450
8891
|
ref: (el) => (this.hintTextRef = el),
|
|
8451
8892
|
}),
|
|
8452
8893
|
index.h(ErrorMessage, {
|
|
8453
|
-
key: '
|
|
8894
|
+
key: '90cece114c1b84a2996d25cb1a9a0548eab7d10a',
|
|
8454
8895
|
message: this.errorMessage,
|
|
8455
8896
|
error: error,
|
|
8456
8897
|
}),
|
|
8457
8898
|
index.h('textarea', {
|
|
8458
|
-
'key': '
|
|
8899
|
+
'key': 'c6bc6014372f7f4839c9ce5070a484ac253c92e6',
|
|
8459
8900
|
'aria-describedby': this.hintTextId,
|
|
8460
8901
|
'class': this.getClass(),
|
|
8461
8902
|
'id': this.getId(),
|
|
@@ -8535,8 +8976,9 @@ exports.ontario_language_toggle = OntarioLanguageToggle;
|
|
|
8535
8976
|
exports.ontario_loading_indicator = OntarioLoadingIndicator;
|
|
8536
8977
|
exports.ontario_page_alert = OntarioPageAlert;
|
|
8537
8978
|
exports.ontario_radio_buttons = OntarioRadioButtons;
|
|
8979
|
+
exports.ontario_search_box = OntarioSearchBox;
|
|
8538
8980
|
exports.ontario_step_indicator = OntarioStepIndicator;
|
|
8539
8981
|
exports.ontario_table = OntarioTable;
|
|
8540
8982
|
exports.ontario_textarea = OntarioTextarea;
|
|
8541
8983
|
|
|
8542
|
-
//# sourceMappingURL=ontario-
|
|
8984
|
+
//# sourceMappingURL=ontario-accordion_44.cjs.entry.js.map
|