@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
|
@@ -16,157 +16,57 @@ import {
|
|
|
16
16
|
} from './index-500b6334.js';
|
|
17
17
|
import { C as ConsoleMessageClass, a as ConsoleType } from './console-message-0b8e564e.js';
|
|
18
18
|
|
|
19
|
-
const required = {
|
|
20
|
-
en: 'required',
|
|
21
|
-
fr: 'obligatoire',
|
|
22
|
-
};
|
|
23
|
-
const optional = {
|
|
24
|
-
en: 'optional',
|
|
25
|
-
fr: 'facultative',
|
|
26
|
-
};
|
|
27
19
|
const accessibility = {
|
|
28
|
-
moreInfo: {
|
|
29
|
-
en: 'More information on',
|
|
30
|
-
fr: 'Des renseignements supplémentaires sur',
|
|
31
|
-
},
|
|
32
20
|
checkboxHintExpander: {
|
|
33
21
|
en: 'is available after the last checkbox item.',
|
|
34
22
|
fr: 'suivront à la dernière case à cocher.',
|
|
35
23
|
},
|
|
24
|
+
moreInfo: {
|
|
25
|
+
en: 'More information on',
|
|
26
|
+
fr: 'Des renseignements supplémentaires sur',
|
|
27
|
+
},
|
|
36
28
|
singleHintExpander: {
|
|
37
29
|
en: 'field is available in the next element.',
|
|
38
30
|
fr: 'suivront au prochain élément.',
|
|
39
31
|
},
|
|
40
32
|
};
|
|
41
|
-
const backToTop = {
|
|
42
|
-
top: {
|
|
43
|
-
en: 'Top',
|
|
44
|
-
fr: 'Haut',
|
|
45
|
-
},
|
|
46
|
-
ariaLabel: {
|
|
47
|
-
en: 'Scroll back to the top',
|
|
48
|
-
fr: 'Retour en haut de la page',
|
|
49
|
-
},
|
|
50
|
-
};
|
|
51
|
-
const loading = {
|
|
52
|
-
en: 'Loading',
|
|
53
|
-
fr: 'Chargement',
|
|
54
|
-
};
|
|
55
|
-
const dropdownList = {
|
|
56
|
-
select: {
|
|
57
|
-
en: 'Select',
|
|
58
|
-
fr: 'Sélectionner',
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
const contactUs = {
|
|
62
|
-
en: 'Contact us',
|
|
63
|
-
fr: 'Contactez-nous',
|
|
64
|
-
};
|
|
65
33
|
const accessibilityLink = {
|
|
66
|
-
text: {
|
|
67
|
-
en: 'Accessibility',
|
|
68
|
-
fr: 'Accessibilité',
|
|
69
|
-
},
|
|
70
34
|
link: {
|
|
71
35
|
en: 'https://www.ontario.ca/page/accessibility',
|
|
72
36
|
fr: 'https://www.ontario.ca/fr/page/accessibilite',
|
|
73
37
|
},
|
|
74
|
-
};
|
|
75
|
-
const privacyLink = {
|
|
76
|
-
text: {
|
|
77
|
-
en: 'Privacy',
|
|
78
|
-
fr: 'Confidentialité',
|
|
79
|
-
},
|
|
80
|
-
link: {
|
|
81
|
-
en: 'https://www.ontario.ca/page/privacy-statement',
|
|
82
|
-
fr: 'https://www.ontario.ca/fr/page/declaration-concernant-la-protection-de-la-vie-privee',
|
|
83
|
-
},
|
|
84
|
-
};
|
|
85
|
-
const printerLink = {
|
|
86
38
|
text: {
|
|
87
|
-
en:
|
|
88
|
-
fr: '
|
|
89
|
-
},
|
|
90
|
-
link: {
|
|
91
|
-
en: 'https://www.ontario.ca/page/copyright-information',
|
|
92
|
-
fr: 'https://www.ontario.ca/fr/page/droits-dauteur',
|
|
93
|
-
},
|
|
94
|
-
};
|
|
95
|
-
const languageToggle = {
|
|
96
|
-
ariaLabel: {
|
|
97
|
-
en: 'Click to switch language to French',
|
|
98
|
-
fr: 'Cliquez pour changer de langue en anglais',
|
|
39
|
+
en: 'Accessibility',
|
|
40
|
+
fr: 'Accessibilité',
|
|
99
41
|
},
|
|
100
42
|
};
|
|
101
|
-
const
|
|
102
|
-
|
|
103
|
-
en: '
|
|
104
|
-
fr: '
|
|
105
|
-
},
|
|
106
|
-
step: {
|
|
107
|
-
en: 'Step',
|
|
108
|
-
fr: 'Étape',
|
|
43
|
+
const accordion = {
|
|
44
|
+
collapse: {
|
|
45
|
+
en: 'Collapse all',
|
|
46
|
+
fr: 'Réduire tout',
|
|
109
47
|
},
|
|
110
|
-
|
|
111
|
-
en: '
|
|
112
|
-
fr: '
|
|
48
|
+
expand: {
|
|
49
|
+
en: 'Expand all',
|
|
50
|
+
fr: 'Agrandir tout',
|
|
113
51
|
},
|
|
114
|
-
|
|
115
|
-
en: '
|
|
116
|
-
fr: '
|
|
52
|
+
expandCollapseAriaLabel: {
|
|
53
|
+
en: 'Expand or collapse the accordion',
|
|
54
|
+
fr: "Agrandissez ou réduisez l'accordéon",
|
|
117
55
|
},
|
|
118
56
|
};
|
|
119
|
-
const
|
|
120
|
-
|
|
121
|
-
en: '
|
|
122
|
-
fr: '
|
|
123
|
-
},
|
|
124
|
-
logoLink: {
|
|
125
|
-
en: 'https://www.ontario.ca/page/government-ontario',
|
|
126
|
-
fr: 'https://www.ontario.ca/fr/page/gouvernement-de-lontario',
|
|
127
|
-
},
|
|
128
|
-
logoAltText: {
|
|
129
|
-
en: 'Ontario.ca homepage',
|
|
130
|
-
fr: 'Page d’accueil Ontario.ca',
|
|
131
|
-
},
|
|
132
|
-
clearSearchField: {
|
|
133
|
-
en: 'Clear field',
|
|
134
|
-
fr: 'Vider le champ',
|
|
135
|
-
},
|
|
136
|
-
submit: {
|
|
137
|
-
en: 'Submit',
|
|
138
|
-
fr: 'Soumission',
|
|
139
|
-
},
|
|
140
|
-
search: {
|
|
141
|
-
en: 'Search',
|
|
142
|
-
fr: 'Rechercher',
|
|
143
|
-
},
|
|
144
|
-
serviceOntario: {
|
|
145
|
-
en: 'ServiceOntario',
|
|
146
|
-
fr: 'ServiceOntario',
|
|
147
|
-
},
|
|
148
|
-
openMenu: {
|
|
149
|
-
en: 'Show navigation menu',
|
|
150
|
-
fr: 'Ouvrir le menu de navigation',
|
|
151
|
-
},
|
|
152
|
-
closeMenu: {
|
|
153
|
-
en: 'Hide navigation menu',
|
|
154
|
-
fr: 'Fermer le menu de navigation',
|
|
155
|
-
},
|
|
156
|
-
close: {
|
|
157
|
-
en: 'close',
|
|
158
|
-
fr: 'fermer',
|
|
57
|
+
const backToTop = {
|
|
58
|
+
ariaLabel: {
|
|
59
|
+
en: 'Scroll back to the top',
|
|
60
|
+
fr: 'Retour en haut de la page',
|
|
159
61
|
},
|
|
160
|
-
|
|
161
|
-
en: '
|
|
162
|
-
fr: '
|
|
62
|
+
top: {
|
|
63
|
+
en: 'Top',
|
|
64
|
+
fr: 'Haut',
|
|
163
65
|
},
|
|
164
66
|
};
|
|
165
|
-
const
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
fr: 'Ce champ est obligatoire.',
|
|
169
|
-
},
|
|
67
|
+
const contactUs = {
|
|
68
|
+
en: 'Contact us',
|
|
69
|
+
fr: 'Contactez-nous',
|
|
170
70
|
};
|
|
171
71
|
const dateInput = {
|
|
172
72
|
caption: {
|
|
@@ -174,43 +74,23 @@ const dateInput = {
|
|
|
174
74
|
fr: 'Dates exactes',
|
|
175
75
|
},
|
|
176
76
|
day: {
|
|
177
|
-
label: {
|
|
178
|
-
en: 'Day',
|
|
179
|
-
fr: 'Jour',
|
|
180
|
-
},
|
|
181
77
|
accessibility: {
|
|
182
78
|
en: '4 digits',
|
|
183
79
|
fr: '4 chiffres',
|
|
184
80
|
},
|
|
185
|
-
},
|
|
186
|
-
month: {
|
|
187
81
|
label: {
|
|
188
|
-
en: '
|
|
189
|
-
fr: '
|
|
190
|
-
},
|
|
191
|
-
accessibility: {
|
|
192
|
-
en: '1 or 2 digits',
|
|
193
|
-
fr: '1 ou 2 chiffres',
|
|
194
|
-
},
|
|
195
|
-
},
|
|
196
|
-
year: {
|
|
197
|
-
label: {
|
|
198
|
-
en: 'Year',
|
|
199
|
-
fr: 'Année',
|
|
200
|
-
},
|
|
201
|
-
accessibility: {
|
|
202
|
-
en: '1 or 2 digits',
|
|
203
|
-
fr: '1 ou 2 chiffres',
|
|
82
|
+
en: 'Day',
|
|
83
|
+
fr: 'Jour',
|
|
204
84
|
},
|
|
205
85
|
},
|
|
206
86
|
error: {
|
|
207
87
|
en: {
|
|
208
88
|
emptyDay: 'Enter the day.',
|
|
209
|
-
emptyMonth: 'Enter the month.',
|
|
210
|
-
emptyYear: 'Enter the year.',
|
|
211
89
|
emptyDayAndMonth: 'Enter the month and day.',
|
|
212
90
|
emptyDayAndYear: 'Enter the year and day.',
|
|
91
|
+
emptyMonth: 'Enter the month.',
|
|
213
92
|
emptyMonthAndYear: 'Enter the year and month.',
|
|
93
|
+
emptyYear: 'Enter the year.',
|
|
214
94
|
invalidDate: 'Enter a valid date.',
|
|
215
95
|
invalidDay: 'Enter a valid day.',
|
|
216
96
|
invalidMonth: 'Enter a valid month.',
|
|
@@ -218,49 +98,180 @@ const dateInput = {
|
|
|
218
98
|
},
|
|
219
99
|
fr: {
|
|
220
100
|
emptyDay: 'Saisissez le jour.',
|
|
221
|
-
emptyMonth: 'Saisissez le mois.',
|
|
222
|
-
emptyYear: 'Saisissez l’année.',
|
|
223
101
|
emptyDayAndMonth: 'Saisissez le mois et le jour.',
|
|
224
102
|
emptyDayAndYear: 'Saisissez l’année et le jour.',
|
|
103
|
+
emptyMonth: 'Saisissez le mois.',
|
|
225
104
|
emptyMonthAndYear: 'Saisissez l’année et le mois.',
|
|
105
|
+
emptyYear: 'Saisissez l’année.',
|
|
226
106
|
invalidDate: 'Saisissez une date valide.',
|
|
227
107
|
invalidDay: 'Saisissez un jour valide.',
|
|
228
108
|
invalidMonth: 'Saisissez un mois valide.',
|
|
229
109
|
invalidYear: 'Saisissez une année valide.',
|
|
230
110
|
},
|
|
231
111
|
},
|
|
112
|
+
month: {
|
|
113
|
+
accessibility: {
|
|
114
|
+
en: '1 or 2 digits',
|
|
115
|
+
fr: '1 ou 2 chiffres',
|
|
116
|
+
},
|
|
117
|
+
label: {
|
|
118
|
+
en: 'Month',
|
|
119
|
+
fr: 'Mois',
|
|
120
|
+
},
|
|
121
|
+
},
|
|
122
|
+
year: {
|
|
123
|
+
accessibility: {
|
|
124
|
+
en: '1 or 2 digits',
|
|
125
|
+
fr: '1 ou 2 chiffres',
|
|
126
|
+
},
|
|
127
|
+
label: {
|
|
128
|
+
en: 'Year',
|
|
129
|
+
fr: 'Année',
|
|
130
|
+
},
|
|
131
|
+
},
|
|
232
132
|
};
|
|
233
|
-
const
|
|
234
|
-
|
|
235
|
-
en: '
|
|
236
|
-
fr: '
|
|
133
|
+
const dropdownList = {
|
|
134
|
+
select: {
|
|
135
|
+
en: 'Select',
|
|
136
|
+
fr: 'Sélectionner',
|
|
237
137
|
},
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
138
|
+
};
|
|
139
|
+
const header = {
|
|
140
|
+
clearSearchField: {
|
|
141
|
+
en: 'Clear field',
|
|
142
|
+
fr: 'Vider le champ',
|
|
241
143
|
},
|
|
242
|
-
|
|
243
|
-
en: '
|
|
244
|
-
fr:
|
|
144
|
+
close: {
|
|
145
|
+
en: 'close',
|
|
146
|
+
fr: 'fermer',
|
|
147
|
+
},
|
|
148
|
+
closeMenu: {
|
|
149
|
+
en: 'Hide navigation menu',
|
|
150
|
+
fr: 'Fermer le menu de navigation',
|
|
151
|
+
},
|
|
152
|
+
closeSearch: {
|
|
153
|
+
en: 'Close search bar',
|
|
154
|
+
fr: 'Fermer la barre de recherche',
|
|
155
|
+
},
|
|
156
|
+
logoAltText: {
|
|
157
|
+
en: 'Ontario.ca homepage',
|
|
158
|
+
fr: 'Page d’accueil Ontario.ca',
|
|
159
|
+
},
|
|
160
|
+
logoLink: {
|
|
161
|
+
en: 'https://www.ontario.ca/page/government-ontario',
|
|
162
|
+
fr: 'https://www.ontario.ca/fr/page/gouvernement-de-lontario',
|
|
163
|
+
},
|
|
164
|
+
ontarioSearchURL: {
|
|
165
|
+
en: 'https://www.ontario.ca/search/search-results?query=',
|
|
166
|
+
fr: 'https://www.ontario.ca/fr/recherche/resultats-de-recherche/?query=',
|
|
167
|
+
},
|
|
168
|
+
openMenu: {
|
|
169
|
+
en: 'Show navigation menu',
|
|
170
|
+
fr: 'Ouvrir le menu de navigation',
|
|
171
|
+
},
|
|
172
|
+
search: {
|
|
173
|
+
en: 'Search',
|
|
174
|
+
fr: 'Rechercher',
|
|
175
|
+
},
|
|
176
|
+
serviceOntario: {
|
|
177
|
+
en: 'ServiceOntario',
|
|
178
|
+
fr: 'ServiceOntario',
|
|
179
|
+
},
|
|
180
|
+
submit: {
|
|
181
|
+
en: 'Submit',
|
|
182
|
+
fr: 'Soumission',
|
|
183
|
+
},
|
|
184
|
+
};
|
|
185
|
+
const input = {
|
|
186
|
+
requiredFieldError: {
|
|
187
|
+
en: 'This is a required field.',
|
|
188
|
+
fr: 'Ce champ est obligatoire.',
|
|
189
|
+
},
|
|
190
|
+
};
|
|
191
|
+
const languageToggle = {
|
|
192
|
+
ariaLabel: {
|
|
193
|
+
en: 'Click to switch the language to English',
|
|
194
|
+
fr: 'Cliquez pour changer la langue en français',
|
|
245
195
|
},
|
|
246
196
|
};
|
|
197
|
+
const loading = {
|
|
198
|
+
en: 'Loading',
|
|
199
|
+
fr: 'Chargement',
|
|
200
|
+
};
|
|
201
|
+
const optional = {
|
|
202
|
+
en: 'optional',
|
|
203
|
+
fr: 'facultative',
|
|
204
|
+
};
|
|
205
|
+
const printerLink = {
|
|
206
|
+
link: {
|
|
207
|
+
en: 'https://www.ontario.ca/page/copyright-information',
|
|
208
|
+
fr: 'https://www.ontario.ca/fr/page/droits-dauteur',
|
|
209
|
+
},
|
|
210
|
+
text: {
|
|
211
|
+
en: "King's Printer for Ontario,",
|
|
212
|
+
fr: 'Imprimeur du Roi pour l’Ontario,',
|
|
213
|
+
},
|
|
214
|
+
};
|
|
215
|
+
const privacyLink = {
|
|
216
|
+
link: {
|
|
217
|
+
en: 'https://www.ontario.ca/page/privacy-statement',
|
|
218
|
+
fr: 'https://www.ontario.ca/fr/page/declaration-concernant-la-protection-de-la-vie-privee',
|
|
219
|
+
},
|
|
220
|
+
text: {
|
|
221
|
+
en: 'Privacy',
|
|
222
|
+
fr: 'Confidentialité',
|
|
223
|
+
},
|
|
224
|
+
};
|
|
225
|
+
const stepIndicator = {
|
|
226
|
+
back: {
|
|
227
|
+
en: 'Back',
|
|
228
|
+
fr: 'Retour',
|
|
229
|
+
},
|
|
230
|
+
complete: {
|
|
231
|
+
en: 'complete',
|
|
232
|
+
fr: 'complet',
|
|
233
|
+
},
|
|
234
|
+
of: {
|
|
235
|
+
en: 'of',
|
|
236
|
+
fr: 'sur',
|
|
237
|
+
},
|
|
238
|
+
step: {
|
|
239
|
+
en: 'Step',
|
|
240
|
+
fr: 'Étape',
|
|
241
|
+
},
|
|
242
|
+
};
|
|
243
|
+
const siteLanguage = {
|
|
244
|
+
fullWord: {
|
|
245
|
+
en: 'English',
|
|
246
|
+
fr: 'Français',
|
|
247
|
+
},
|
|
248
|
+
abbreviation: {
|
|
249
|
+
en: 'en',
|
|
250
|
+
fr: 'fr',
|
|
251
|
+
},
|
|
252
|
+
};
|
|
253
|
+
const required = {
|
|
254
|
+
en: 'required',
|
|
255
|
+
fr: 'obligatoire',
|
|
256
|
+
};
|
|
247
257
|
const translations = {
|
|
248
|
-
required: required,
|
|
249
|
-
optional: optional,
|
|
250
258
|
accessibility: accessibility,
|
|
259
|
+
accessibilityLink: accessibilityLink,
|
|
260
|
+
accordion: accordion,
|
|
251
261
|
backToTop: backToTop,
|
|
252
|
-
loading: loading,
|
|
253
|
-
dropdownList: dropdownList,
|
|
254
262
|
contactUs: contactUs,
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
printerLink: printerLink,
|
|
258
|
-
languageToggle: languageToggle,
|
|
259
|
-
stepIndicator: stepIndicator,
|
|
263
|
+
dateInput: dateInput,
|
|
264
|
+
dropdownList: dropdownList,
|
|
260
265
|
header: header,
|
|
261
266
|
input: input,
|
|
262
|
-
|
|
263
|
-
|
|
267
|
+
languageToggle: languageToggle,
|
|
268
|
+
loading: loading,
|
|
269
|
+
optional: optional,
|
|
270
|
+
printerLink: printerLink,
|
|
271
|
+
privacyLink: privacyLink,
|
|
272
|
+
stepIndicator: stepIndicator,
|
|
273
|
+
siteLanguage: siteLanguage,
|
|
274
|
+
required: required,
|
|
264
275
|
};
|
|
265
276
|
|
|
266
277
|
const ontarioAccordionCss =
|
|
@@ -778,12 +789,38 @@ function isEmpty(str) {
|
|
|
778
789
|
/**
|
|
779
790
|
* Retrieves the keys from an enum and lists them in an array.
|
|
780
791
|
*
|
|
781
|
-
* @param {object} enumObject - The enum you wish to get the keys of.
|
|
792
|
+
* @param {object} enumObject - The enum you wish to get the keys of.
|
|
793
|
+
*
|
|
794
|
+
* @returns {string[]}
|
|
795
|
+
*/
|
|
796
|
+
function retrieveEnumKeys(enumObject) {
|
|
797
|
+
return Object.keys(enumObject).filter(isNumber);
|
|
798
|
+
}
|
|
799
|
+
/**
|
|
800
|
+
* Prints an array as a comma delimited list, with the last element being preceded by a conjunction.
|
|
801
|
+
* As per ontario.ca content guidelines, there is no Oxford comma.
|
|
802
|
+
*
|
|
803
|
+
* @param {Array<any>} arr - The array that you wish to print.
|
|
804
|
+
* @param {Conjunction} conjunctionType - Whether you want the sentence to end with 'and value.' or 'or value.'
|
|
805
|
+
*
|
|
806
|
+
* @returns {string}
|
|
807
|
+
*/
|
|
808
|
+
function printArray(arr, conjunctionType = 'and') {
|
|
809
|
+
return [...arr].reduce(
|
|
810
|
+
(text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${conjunctionType} `) + value,
|
|
811
|
+
);
|
|
812
|
+
}
|
|
813
|
+
/**
|
|
814
|
+
* Grabs the HTML element of the page.
|
|
815
|
+
*
|
|
816
|
+
* More targetted than document.documentElement as the documentElement could
|
|
817
|
+
* in theory be any element that is the top level. e.g. <div> if the page is not
|
|
818
|
+
* set up to be semantically correct.
|
|
782
819
|
*
|
|
783
|
-
* @returns {
|
|
820
|
+
* @returns {HTMLElement}
|
|
784
821
|
*/
|
|
785
|
-
function
|
|
786
|
-
return
|
|
822
|
+
function getRootHTMLElement() {
|
|
823
|
+
return document.getElementsByTagName('html')[0];
|
|
787
824
|
}
|
|
788
825
|
|
|
789
826
|
var BadgeColourToClass;
|
|
@@ -1280,11 +1317,38 @@ const OntarioCallout = class {
|
|
|
1280
1317
|
};
|
|
1281
1318
|
OntarioCallout.style = OntarioCalloutStyle0;
|
|
1282
1319
|
|
|
1283
|
-
const
|
|
1284
|
-
const
|
|
1320
|
+
const Layouts = ['vertical', 'horizontal'];
|
|
1321
|
+
const HeaderColours = [
|
|
1322
|
+
'dark-accent',
|
|
1323
|
+
'light-accent',
|
|
1324
|
+
'light-gold',
|
|
1325
|
+
'light-yellow',
|
|
1326
|
+
'light-taupe',
|
|
1327
|
+
'light-green',
|
|
1328
|
+
'light-lime',
|
|
1329
|
+
'light-teal',
|
|
1330
|
+
'light-sky',
|
|
1331
|
+
'light-blue',
|
|
1332
|
+
'light-purple',
|
|
1333
|
+
'light-orange',
|
|
1334
|
+
'light-red',
|
|
1335
|
+
'light-magenta',
|
|
1336
|
+
'gold',
|
|
1337
|
+
'yellow',
|
|
1338
|
+
'taupe',
|
|
1339
|
+
'green',
|
|
1340
|
+
'lime',
|
|
1341
|
+
'teal',
|
|
1342
|
+
'sky',
|
|
1343
|
+
'blue',
|
|
1344
|
+
'purple',
|
|
1345
|
+
'orange',
|
|
1346
|
+
'red',
|
|
1347
|
+
'magenta',
|
|
1348
|
+
];
|
|
1285
1349
|
|
|
1286
1350
|
const ontarioCardCss =
|
|
1287
|
-
'.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-
|
|
1351
|
+
'.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}';
|
|
1288
1352
|
const OntarioCardStyle0 = ontarioCardCss;
|
|
1289
1353
|
|
|
1290
1354
|
const OntarioCard = class {
|
|
@@ -1294,102 +1358,127 @@ const OntarioCard = class {
|
|
|
1294
1358
|
this.image = undefined;
|
|
1295
1359
|
this.description = undefined;
|
|
1296
1360
|
this.cardLink = undefined;
|
|
1297
|
-
this.
|
|
1298
|
-
this.
|
|
1361
|
+
this.layout = 'vertical';
|
|
1362
|
+
this.headerColour = undefined;
|
|
1299
1363
|
this.horizontalImagePositionType = 'left';
|
|
1300
1364
|
this.horizontalImageSizeType = 'one-third';
|
|
1301
1365
|
this.ariaLabelText = undefined;
|
|
1302
|
-
this.
|
|
1303
|
-
this.headerTypeState = undefined;
|
|
1366
|
+
this.layoutState = undefined;
|
|
1304
1367
|
}
|
|
1305
1368
|
/**
|
|
1306
|
-
* Watch for changes to the `
|
|
1369
|
+
* Watch for changes to the `layout` property for validation purposes.
|
|
1307
1370
|
*
|
|
1308
|
-
* If the user input doesn't match one of the array values then `
|
|
1309
|
-
* If a match is found in one of the array values then `
|
|
1310
|
-
*/
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1371
|
+
* If the user input doesn't match one of the array values then `layout` will be set to its default (`vertical`).
|
|
1372
|
+
* If a match is found in one of the array values then `layoutState` will be set to the matching array key value.
|
|
1373
|
+
*/
|
|
1374
|
+
validateLayout() {
|
|
1375
|
+
if (this.layout) {
|
|
1376
|
+
const isValid = validateValueAgainstArray(this.layout, Layouts);
|
|
1377
|
+
if (isValid) {
|
|
1378
|
+
this.layoutState = this.layout;
|
|
1379
|
+
} else {
|
|
1380
|
+
this.warnDefaultLayout();
|
|
1381
|
+
this.layoutState = 'vertical';
|
|
1382
|
+
}
|
|
1317
1383
|
}
|
|
1318
1384
|
}
|
|
1319
1385
|
/**
|
|
1320
|
-
* Watch for changes to the `
|
|
1386
|
+
* Watch for changes to the `headerColour` property for validation purposes.
|
|
1321
1387
|
*
|
|
1322
|
-
* If the user input doesn't match one of the array values then `
|
|
1323
|
-
* If a match is found in one of the array values then `
|
|
1324
|
-
*/
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1388
|
+
* If the user input doesn't match one of the array values then `headerColour` will be kept empty ('').
|
|
1389
|
+
* If a match is found in one of the array values then `headerColour` will be set to the matching array key value.
|
|
1390
|
+
*/
|
|
1391
|
+
validateHeaderColour() {
|
|
1392
|
+
if (this.headerColour) {
|
|
1393
|
+
const isValid = validateValueAgainstArray(this.headerColour, HeaderColours);
|
|
1394
|
+
if (!isValid) {
|
|
1395
|
+
this.warnDefaultHeaderColour();
|
|
1396
|
+
this.headerColour = '';
|
|
1397
|
+
}
|
|
1331
1398
|
}
|
|
1332
1399
|
}
|
|
1333
1400
|
/**
|
|
1334
|
-
* Print the invalid `
|
|
1335
|
-
* @returns default type (basic).
|
|
1401
|
+
* Print the invalid `layout` prop warning message.
|
|
1336
1402
|
*/
|
|
1337
|
-
|
|
1403
|
+
warnDefaultLayout() {
|
|
1338
1404
|
const message = new ConsoleMessageClass();
|
|
1339
1405
|
message
|
|
1340
1406
|
.addDesignSystemTag()
|
|
1341
|
-
.addMonospaceText('
|
|
1407
|
+
.addMonospaceText(' layout ')
|
|
1342
1408
|
.addRegularText('on')
|
|
1343
1409
|
.addMonospaceText(' <ontario-card> ')
|
|
1344
|
-
.addRegularText('was set to an invalid
|
|
1345
|
-
.addMonospaceText(
|
|
1346
|
-
.addRegularText('are supported. The default
|
|
1347
|
-
.addMonospaceText('
|
|
1410
|
+
.addRegularText('was set to an invalid layout; only ')
|
|
1411
|
+
.addMonospaceText(printArray([...Layouts]))
|
|
1412
|
+
.addRegularText(' are supported. The default layout')
|
|
1413
|
+
.addMonospaceText(' vertical ')
|
|
1348
1414
|
.addRegularText('is assumed.')
|
|
1349
1415
|
.printMessage();
|
|
1350
|
-
return 'basic';
|
|
1351
1416
|
}
|
|
1352
1417
|
/**
|
|
1353
|
-
* Print the invalid `
|
|
1354
|
-
* @returns default type (default).
|
|
1418
|
+
* Print the invalid `headerColour` prop warning message.
|
|
1355
1419
|
*/
|
|
1356
|
-
|
|
1420
|
+
warnDefaultHeaderColour() {
|
|
1357
1421
|
const message = new ConsoleMessageClass();
|
|
1358
1422
|
message
|
|
1359
1423
|
.addDesignSystemTag()
|
|
1360
|
-
.addMonospaceText(' header-
|
|
1424
|
+
.addMonospaceText(' header-colour ')
|
|
1361
1425
|
.addRegularText('on')
|
|
1362
1426
|
.addMonospaceText(' <ontario-card> ')
|
|
1363
|
-
.addRegularText('was set to an invalid
|
|
1364
|
-
.addMonospaceText(
|
|
1365
|
-
.addRegularText('are supported.
|
|
1366
|
-
.
|
|
1367
|
-
.addRegularText('is assumed.')
|
|
1427
|
+
.addRegularText('was set to an invalid colour; only ')
|
|
1428
|
+
.addMonospaceText(printArray([...HeaderColours]))
|
|
1429
|
+
.addRegularText(' are supported. ')
|
|
1430
|
+
.addRegularText('No colour is assumed as the default.')
|
|
1368
1431
|
.printMessage();
|
|
1369
|
-
return 'default';
|
|
1370
1432
|
}
|
|
1371
1433
|
/**
|
|
1372
|
-
*
|
|
1434
|
+
* Returns the top level classes of the card.
|
|
1435
|
+
*
|
|
1436
|
+
* @returns {string}
|
|
1373
1437
|
*/
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1438
|
+
getCardClasses() {
|
|
1439
|
+
const baseClass =
|
|
1440
|
+
this.layoutState === 'horizontal'
|
|
1441
|
+
? `ontario-card ontario-card__card-type--${this.layoutState} ontario-card__image-${this.horizontalImagePositionType} ontario-card__image-size-${this.horizontalImageSizeType}`
|
|
1442
|
+
: `ontario-card ontario-card__card-type--basic ontario-card--position-${this.layoutState}`;
|
|
1443
|
+
const descriptionClass = this.description ? '' : ' ontario-card__description-false';
|
|
1444
|
+
const backgroundClass =
|
|
1445
|
+
this.headerColour && !this.description ? `ontario-card__background--${this.headerColour}` : '';
|
|
1446
|
+
return `${baseClass} ${descriptionClass} ${backgroundClass}`.trim();
|
|
1447
|
+
}
|
|
1448
|
+
/**
|
|
1449
|
+
* Returns the heading classes of the card.
|
|
1450
|
+
*
|
|
1451
|
+
* @returns {string}
|
|
1452
|
+
*/
|
|
1453
|
+
getCardHeadingClasses() {
|
|
1454
|
+
const baseClass = 'ontario-card__heading';
|
|
1455
|
+
const backgroundClass =
|
|
1456
|
+
this.headerColour && validateValueAgainstArray(this.headerColour, HeaderColours)
|
|
1457
|
+
? `ontario-card__heading--${this.headerColour}`
|
|
1458
|
+
: '';
|
|
1459
|
+
return `${baseClass} ${backgroundClass}`.trim();
|
|
1381
1460
|
}
|
|
1461
|
+
/**
|
|
1462
|
+
* Returns the url that the card links to.
|
|
1463
|
+
*
|
|
1464
|
+
* @returns {string}
|
|
1465
|
+
*/
|
|
1382
1466
|
getHref() {
|
|
1383
1467
|
return this.cardLink ? this.cardLink : '#';
|
|
1384
1468
|
}
|
|
1469
|
+
/**
|
|
1470
|
+
* Component life cycle hook.
|
|
1471
|
+
*
|
|
1472
|
+
* https://stenciljs.com/docs/component-lifecycle#connectedcallback
|
|
1473
|
+
*/
|
|
1385
1474
|
componentWillLoad() {
|
|
1386
|
-
this.
|
|
1387
|
-
this.
|
|
1475
|
+
this.validateLayout();
|
|
1476
|
+
this.validateHeaderColour();
|
|
1388
1477
|
}
|
|
1389
1478
|
render() {
|
|
1390
1479
|
return h(
|
|
1391
1480
|
'li',
|
|
1392
|
-
{ key: '
|
|
1481
|
+
{ key: 'e63b893390ea13ee21a2d47f7ef6c9b403c4d044', class: this.getCardClasses() },
|
|
1393
1482
|
this.image &&
|
|
1394
1483
|
h(
|
|
1395
1484
|
'div',
|
|
@@ -1403,16 +1492,16 @@ const OntarioCard = class {
|
|
|
1403
1492
|
h(
|
|
1404
1493
|
'div',
|
|
1405
1494
|
{
|
|
1406
|
-
key: '
|
|
1495
|
+
key: 'b6f0a2218840a76baf9c803c3f155733a00ee029',
|
|
1407
1496
|
class: `ontario-card__text-container ${this.image ? 'ontario-card--image-true' : ''}`,
|
|
1408
1497
|
},
|
|
1409
1498
|
h(
|
|
1410
1499
|
'h2',
|
|
1411
|
-
{ key: '
|
|
1500
|
+
{ key: '063dc227db00f3faecec029dc82f5478910b65be', class: this.getCardHeadingClasses() },
|
|
1412
1501
|
h(
|
|
1413
1502
|
'a',
|
|
1414
1503
|
{
|
|
1415
|
-
'key': '
|
|
1504
|
+
'key': 'debb40036a708ad1a1852a85fa35db2d5f1e23cc',
|
|
1416
1505
|
'href': this.getHref(),
|
|
1417
1506
|
'aria-label': this.ariaLabelText,
|
|
1418
1507
|
},
|
|
@@ -1428,8 +1517,8 @@ const OntarioCard = class {
|
|
|
1428
1517
|
}
|
|
1429
1518
|
static get watchers() {
|
|
1430
1519
|
return {
|
|
1431
|
-
|
|
1432
|
-
|
|
1520
|
+
layout: ['validateLayout'],
|
|
1521
|
+
headerColour: ['validateHeaderColour'],
|
|
1433
1522
|
};
|
|
1434
1523
|
}
|
|
1435
1524
|
};
|
|
@@ -1528,6 +1617,7 @@ const Input$1 = (_a) => {
|
|
|
1528
1617
|
onChange,
|
|
1529
1618
|
onBlur,
|
|
1530
1619
|
onFocus,
|
|
1620
|
+
onClick,
|
|
1531
1621
|
ariaInvalid,
|
|
1532
1622
|
ariaDescribedBy,
|
|
1533
1623
|
ref,
|
|
@@ -1548,6 +1638,7 @@ const Input$1 = (_a) => {
|
|
|
1548
1638
|
'onChange',
|
|
1549
1639
|
'onBlur',
|
|
1550
1640
|
'onFocus',
|
|
1641
|
+
'onClick',
|
|
1551
1642
|
'ariaInvalid',
|
|
1552
1643
|
'ariaDescribedBy',
|
|
1553
1644
|
'ref',
|
|
@@ -1571,6 +1662,7 @@ const Input$1 = (_a) => {
|
|
|
1571
1662
|
'onChange': onChange,
|
|
1572
1663
|
'onBlur': onBlur,
|
|
1573
1664
|
'onFocus': onFocus,
|
|
1665
|
+
'onClick': onClick,
|
|
1574
1666
|
'inputMode': inputMode,
|
|
1575
1667
|
'ref': ref,
|
|
1576
1668
|
'aria-invalid': ariaInvalid,
|
|
@@ -1615,23 +1707,25 @@ class InputCaption {
|
|
|
1615
1707
|
/**
|
|
1616
1708
|
* Return the `<label>` element for text inputs
|
|
1617
1709
|
* @param captionFor Set the `htmlFor` attribute
|
|
1710
|
+
* @param hasHintExpander Indicate whether the component the label is for has a hint expander or not
|
|
1711
|
+
* @param disableRequiredFlag Disable the required/optional label text _(only use in highly special cases)_
|
|
1618
1712
|
* @returns element containing the caption for the input
|
|
1619
1713
|
*/
|
|
1620
|
-
this.getCaption = (captionFor, hasHintExpander = false) => {
|
|
1714
|
+
this.getCaption = (captionFor, hasHintExpander = false, disableRequiredFlag = false) => {
|
|
1621
1715
|
const captionText = this.captionText && this.captionText.toLowerCase();
|
|
1622
1716
|
const captionContent = this.isLegend
|
|
1623
1717
|
? h(
|
|
1624
1718
|
'legend',
|
|
1625
1719
|
{ class: this.getClass() },
|
|
1626
1720
|
this.captionType === 'heading' ? h('h1', null, this.captionText) : this.captionText,
|
|
1627
|
-
this.getRequiredFlagElement(),
|
|
1721
|
+
!disableRequiredFlag && this.getRequiredFlagElement(),
|
|
1628
1722
|
hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false),
|
|
1629
1723
|
)
|
|
1630
1724
|
: h(
|
|
1631
1725
|
'label',
|
|
1632
1726
|
{ htmlFor: captionFor, class: this.getClass() },
|
|
1633
1727
|
this.captionText,
|
|
1634
|
-
this.getRequiredFlagElement(),
|
|
1728
|
+
!disableRequiredFlag && this.getRequiredFlagElement(),
|
|
1635
1729
|
hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false),
|
|
1636
1730
|
);
|
|
1637
1731
|
// with `this.captionType` already set to one of the enum values, the comparison no longer needs the `toLowerCase()` transform
|
|
@@ -3894,7 +3988,7 @@ const ontarioHeaderCss =
|
|
|
3894
3988
|
const OntarioHeaderOntarioStyle0 = ontarioHeaderCss;
|
|
3895
3989
|
|
|
3896
3990
|
const serviceOntarioServiceOntarioHeaderCss =
|
|
3897
|
-
'.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}';
|
|
3991
|
+
'.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}';
|
|
3898
3992
|
const OntarioHeaderServiceontarioStyle0 = serviceOntarioServiceOntarioHeaderCss;
|
|
3899
3993
|
|
|
3900
3994
|
const OntarioHeader = class {
|
|
@@ -4001,10 +4095,19 @@ const OntarioHeader = class {
|
|
|
4001
4095
|
if (this.menuToggle) this.menuToggle = !this.menuToggle;
|
|
4002
4096
|
}
|
|
4003
4097
|
/**
|
|
4004
|
-
* This listens for the `setAppLanguage` event sent from the
|
|
4098
|
+
* This listens for the `setAppLanguage` event sent from the language toggle when it is is connected to the DOM.
|
|
4099
|
+
* It is used for the initial language when the input component loads.
|
|
4005
4100
|
*/
|
|
4006
4101
|
handleSetAppLanguage(event) {
|
|
4007
4102
|
this.language = validateLanguage(event);
|
|
4103
|
+
this.parseMenuItems();
|
|
4104
|
+
}
|
|
4105
|
+
/**
|
|
4106
|
+
* This listens for the `headerLanguageToggled` event sent from the language toggle when it is is connected to the DOM.
|
|
4107
|
+
* It is used for changing the component language after the language toggle has been activated.
|
|
4108
|
+
*/
|
|
4109
|
+
handleLanguageToggle(event) {
|
|
4110
|
+
this.handleSetAppLanguage(event.detail.newLanguage);
|
|
4008
4111
|
}
|
|
4009
4112
|
/**
|
|
4010
4113
|
* Call to Ontario Menu API to fetch linksets to populate header component
|
|
@@ -4297,7 +4400,6 @@ const OntarioHeader = class {
|
|
|
4297
4400
|
: _b.englishLink,
|
|
4298
4401
|
size: 'default',
|
|
4299
4402
|
customLanguageToggle: this.customLanguageToggle,
|
|
4300
|
-
language: this.language,
|
|
4301
4403
|
}),
|
|
4302
4404
|
h(
|
|
4303
4405
|
'button',
|
|
@@ -4429,7 +4531,6 @@ const OntarioHeader = class {
|
|
|
4429
4531
|
? void 0
|
|
4430
4532
|
: _e.englishLink,
|
|
4431
4533
|
customLanguageToggle: this.customLanguageToggle,
|
|
4432
|
-
language: this.language,
|
|
4433
4534
|
}),
|
|
4434
4535
|
),
|
|
4435
4536
|
),
|
|
@@ -7248,6 +7349,8 @@ const OntarioInput = class {
|
|
|
7248
7349
|
};
|
|
7249
7350
|
OntarioInput.style = OntarioInputStyle0;
|
|
7250
7351
|
|
|
7352
|
+
const supportedLanguages = ['en', 'fr'];
|
|
7353
|
+
|
|
7251
7354
|
const ontarioLanguageToggleCss =
|
|
7252
7355
|
'.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}';
|
|
7253
7356
|
const OntarioLanguageToggleStyle0 = ontarioLanguageToggleCss;
|
|
@@ -7257,74 +7360,209 @@ const OntarioLanguageToggle = class {
|
|
|
7257
7360
|
registerInstance(this, hostRef);
|
|
7258
7361
|
this.setAppLanguage = createEvent(this, 'setAppLanguage', 7);
|
|
7259
7362
|
this.headerLanguageToggled = createEvent(this, 'headerLanguageToggled', 7);
|
|
7260
|
-
|
|
7261
|
-
|
|
7262
|
-
|
|
7263
|
-
|
|
7264
|
-
|
|
7265
|
-
|
|
7266
|
-
|
|
7267
|
-
}
|
|
7363
|
+
/*
|
|
7364
|
+
* Updates the <html> lang attribute based on component languageState.
|
|
7365
|
+
*/
|
|
7366
|
+
this.updateHTMLLang = () => {
|
|
7367
|
+
const htmlElement = getRootHTMLElement();
|
|
7368
|
+
if (htmlElement) {
|
|
7369
|
+
htmlElement.setAttribute('lang', this.languageState);
|
|
7268
7370
|
}
|
|
7269
|
-
return;
|
|
7270
7371
|
};
|
|
7271
7372
|
this.language = undefined;
|
|
7272
7373
|
this.size = 'default';
|
|
7273
7374
|
this.url = undefined;
|
|
7274
7375
|
this.customLanguageToggle = undefined;
|
|
7275
7376
|
this.translations = translations;
|
|
7377
|
+
this.languageState = undefined;
|
|
7378
|
+
this.oppositeLanguageLabel = undefined;
|
|
7276
7379
|
}
|
|
7277
|
-
|
|
7278
|
-
|
|
7380
|
+
/**
|
|
7381
|
+
* Updates the language and languageState props when changes to the language prop are detected.
|
|
7382
|
+
*/
|
|
7383
|
+
updateLanguage() {
|
|
7279
7384
|
if (this.language) {
|
|
7280
|
-
|
|
7281
|
-
|
|
7282
|
-
|
|
7283
|
-
|
|
7284
|
-
|
|
7385
|
+
if (!validateValueAgainstArray(this.language, supportedLanguages)) {
|
|
7386
|
+
this.showLanguageWarning(this.language);
|
|
7387
|
+
this.language = this.translations.siteLanguage.abbreviation.en;
|
|
7388
|
+
}
|
|
7389
|
+
this.languageState = this.language;
|
|
7390
|
+
}
|
|
7391
|
+
this.setAppLanguageHandler();
|
|
7392
|
+
}
|
|
7393
|
+
/**
|
|
7394
|
+
* This function sets the languageState (if not already set).
|
|
7395
|
+
*
|
|
7396
|
+
* It also emits the setAppLanguage() event, updates the component language label, and
|
|
7397
|
+
* updates the <html> tag lang attribute with the languageState value.
|
|
7398
|
+
*
|
|
7399
|
+
* It gets called by the connectedCallback() component lifecycle hook, and by the
|
|
7400
|
+
* updateLanguage() method, which is fired on the watch for the language prop.
|
|
7401
|
+
*/
|
|
7402
|
+
setAppLanguageHandler() {
|
|
7403
|
+
var _a;
|
|
7404
|
+
const defaultLang = this.translations.siteLanguage.abbreviation.en;
|
|
7405
|
+
const rootLang = (_a = getRootHTMLElement()) === null || _a === void 0 ? void 0 : _a.lang;
|
|
7406
|
+
// If languageState is not set, set it equal to the following cadence:
|
|
7407
|
+
// language prop value, <html> tag lang attribute, or default to "en"
|
|
7408
|
+
if (!this.languageState) {
|
|
7409
|
+
if (this.language) {
|
|
7410
|
+
this.languageState = this.language;
|
|
7411
|
+
} else if (rootLang) {
|
|
7412
|
+
if (validateValueAgainstArray(rootLang, supportedLanguages)) {
|
|
7413
|
+
this.languageState = rootLang;
|
|
7414
|
+
} else {
|
|
7415
|
+
this.showLanguageWarning(rootLang, 'document');
|
|
7416
|
+
this.languageState = defaultLang;
|
|
7417
|
+
}
|
|
7418
|
+
} else {
|
|
7419
|
+
this.languageState = defaultLang;
|
|
7420
|
+
}
|
|
7285
7421
|
}
|
|
7286
|
-
this.
|
|
7287
|
-
this.
|
|
7288
|
-
|
|
7422
|
+
this.setAppLanguage.emit(this.languageState);
|
|
7423
|
+
this.oppositeLanguageLabel = {
|
|
7424
|
+
fullWord: this.getOppositeLanguageFullWord(),
|
|
7425
|
+
abbreviation: this.getOppositeLanguageAbbrievation(),
|
|
7426
|
+
};
|
|
7427
|
+
this.updateHTMLLang();
|
|
7289
7428
|
}
|
|
7290
|
-
|
|
7291
|
-
|
|
7292
|
-
|
|
7293
|
-
|
|
7294
|
-
|
|
7429
|
+
/**
|
|
7430
|
+
* An event that emits to other components that the language toggle button has been toggled.
|
|
7431
|
+
*
|
|
7432
|
+
* @param {Language} oldLanguage - The language prior to the language toggle being pressed.
|
|
7433
|
+
* @param {globalThis.Event} event - event that triggered the function (e.g. onclick).
|
|
7434
|
+
*/
|
|
7435
|
+
handleHeaderLanguageToggled(oldLanguage, event) {
|
|
7436
|
+
this.languageState =
|
|
7437
|
+
oldLanguage === this.translations.siteLanguage.abbreviation.en
|
|
7438
|
+
? this.translations.siteLanguage.abbreviation.fr
|
|
7439
|
+
: this.translations.siteLanguage.abbreviation.en;
|
|
7440
|
+
this.headerLanguageToggled.emit({ oldLanguage: oldLanguage, newLanguage: this.languageState });
|
|
7441
|
+
this.updateHTMLLang();
|
|
7295
7442
|
if (this.customLanguageToggle && event) {
|
|
7296
7443
|
this.customLanguageToggle(event);
|
|
7297
7444
|
}
|
|
7298
7445
|
}
|
|
7299
|
-
|
|
7300
|
-
|
|
7301
|
-
|
|
7446
|
+
/**
|
|
7447
|
+
* Prints a warning message to the console about using an incorrect language for the component.
|
|
7448
|
+
*
|
|
7449
|
+
* @param {string} lang - The incorrect language that was received.
|
|
7450
|
+
* @param {string} type - prop/document | Where the incorrect language is coming from.
|
|
7451
|
+
*/
|
|
7452
|
+
showLanguageWarning(lang, type = 'prop') {
|
|
7453
|
+
const propOrDocumentMessage =
|
|
7454
|
+
type === 'prop' ? `The language prop value of ${lang} ` : `The HTML document lang attribute value of ${lang} `;
|
|
7455
|
+
const message = new ConsoleMessageClass();
|
|
7456
|
+
message
|
|
7457
|
+
.addDesignSystemTag()
|
|
7458
|
+
.addRegularText(propOrDocumentMessage)
|
|
7459
|
+
.addRegularText('is not a valid language value for the ')
|
|
7460
|
+
.addMonospaceText(' <ontario-language-toggle> ')
|
|
7461
|
+
.addRegularText(`component. Valid language values are ${printArray([...supportedLanguages])}. `)
|
|
7462
|
+
.addRegularText(`A default language value of ${this.translations.siteLanguage.abbreviation.en} will be applied.`)
|
|
7463
|
+
.printMessage();
|
|
7464
|
+
}
|
|
7465
|
+
/**
|
|
7466
|
+
* Returns abbreviated text for the opposite language.
|
|
7467
|
+
*
|
|
7468
|
+
* @returns {Language}
|
|
7469
|
+
*/
|
|
7470
|
+
getOppositeLanguageAbbrievation() {
|
|
7471
|
+
return this.languageState === this.translations.siteLanguage.abbreviation.en
|
|
7472
|
+
? this.translations.siteLanguage.abbreviation.fr
|
|
7473
|
+
: this.translations.siteLanguage.abbreviation.en;
|
|
7474
|
+
}
|
|
7475
|
+
/**
|
|
7476
|
+
* Returns full word text for the opposite language.
|
|
7477
|
+
*
|
|
7478
|
+
* @returns {string}
|
|
7479
|
+
*/
|
|
7480
|
+
getOppositeLanguageFullWord() {
|
|
7481
|
+
return this.languageState === this.translations.siteLanguage.abbreviation.en
|
|
7482
|
+
? this.translations.siteLanguage.fullWord.fr
|
|
7483
|
+
: this.translations.siteLanguage.fullWord.en;
|
|
7302
7484
|
}
|
|
7485
|
+
/**
|
|
7486
|
+
* Component life cycle hook.
|
|
7487
|
+
*
|
|
7488
|
+
* https://stenciljs.com/docs/component-lifecycle#connectedcallback
|
|
7489
|
+
*/
|
|
7303
7490
|
connectedCallback() {
|
|
7304
|
-
this.
|
|
7491
|
+
this.setAppLanguageHandler();
|
|
7492
|
+
}
|
|
7493
|
+
/**
|
|
7494
|
+
* Component life cycle hook.
|
|
7495
|
+
*
|
|
7496
|
+
* https://stenciljs.com/docs/component-lifecycle#componentdidload
|
|
7497
|
+
*/
|
|
7498
|
+
componentDidLoad() {
|
|
7499
|
+
/**
|
|
7500
|
+
* Creates a MutationObserver (a type of watch) on the <html> tag lang attribute.
|
|
7501
|
+
*
|
|
7502
|
+
* When changes occur, the oppositeLanguageLabel state variable regenerates.
|
|
7503
|
+
*
|
|
7504
|
+
* This is to act as a form of callback and create a subtle delay between page content
|
|
7505
|
+
* updating and the language toggle label updating.
|
|
7506
|
+
*/
|
|
7507
|
+
const observer = new MutationObserver((mutations) => {
|
|
7508
|
+
mutations.forEach((mutation) => {
|
|
7509
|
+
switch (mutation.type) {
|
|
7510
|
+
case 'attributes':
|
|
7511
|
+
switch (mutation.attributeName) {
|
|
7512
|
+
case 'lang':
|
|
7513
|
+
this.oppositeLanguageLabel = {
|
|
7514
|
+
fullWord: this.getOppositeLanguageFullWord(),
|
|
7515
|
+
abbreviation: this.getOppositeLanguageAbbrievation(),
|
|
7516
|
+
};
|
|
7517
|
+
break;
|
|
7518
|
+
}
|
|
7519
|
+
break;
|
|
7520
|
+
}
|
|
7521
|
+
});
|
|
7522
|
+
});
|
|
7523
|
+
// Only create/trigger the MutationObserver if the <html> element exists.
|
|
7524
|
+
if (getRootHTMLElement()) {
|
|
7525
|
+
const options = { attributes: true };
|
|
7526
|
+
observer.observe(getRootHTMLElement(), options);
|
|
7527
|
+
}
|
|
7305
7528
|
}
|
|
7306
7529
|
render() {
|
|
7307
|
-
|
|
7308
|
-
const abbreviatedLanguage = this.language === 'en' ? 'FR' : 'EN';
|
|
7530
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
7309
7531
|
return h(
|
|
7310
7532
|
'a',
|
|
7311
7533
|
{
|
|
7312
|
-
'key': '
|
|
7534
|
+
'key': 'f43e42110b4272a268801c310a8d14e31342f426',
|
|
7535
|
+
'aria-label':
|
|
7536
|
+
this.translations.languageToggle.ariaLabel[
|
|
7537
|
+
`${(_a = this.oppositeLanguageLabel) === null || _a === void 0 ? void 0 : _a.abbreviation}`
|
|
7538
|
+
],
|
|
7313
7539
|
'class':
|
|
7314
7540
|
this.size === 'default'
|
|
7315
7541
|
? 'ontario-language-toggler ontario-language-toggler--default'
|
|
7316
7542
|
: 'ontario-language-toggler ontario-language-toggler--small',
|
|
7317
7543
|
'href': this.url ? this.url : '#',
|
|
7318
|
-
'
|
|
7319
|
-
'
|
|
7544
|
+
'hreflang': (_b = this.oppositeLanguageLabel) === null || _b === void 0 ? void 0 : _b.abbreviation,
|
|
7545
|
+
'lang': (_c = this.oppositeLanguageLabel) === null || _c === void 0 ? void 0 : _c.abbreviation,
|
|
7546
|
+
'onClick': (e) => this.handleHeaderLanguageToggled(this.languageState, e),
|
|
7320
7547
|
},
|
|
7321
7548
|
this.size === 'small'
|
|
7322
|
-
? h('span', null,
|
|
7549
|
+
? h('span', null, (_d = this.oppositeLanguageLabel) === null || _d === void 0 ? void 0 : _d.fullWord)
|
|
7323
7550
|
: h(
|
|
7324
7551
|
Fragment,
|
|
7325
7552
|
null,
|
|
7326
|
-
h(
|
|
7327
|
-
|
|
7553
|
+
h(
|
|
7554
|
+
'abbr',
|
|
7555
|
+
{
|
|
7556
|
+
title: (_e = this.oppositeLanguageLabel) === null || _e === void 0 ? void 0 : _e.fullWord,
|
|
7557
|
+
class: 'ontario-show-for-small-only',
|
|
7558
|
+
},
|
|
7559
|
+
(_f = this.oppositeLanguageLabel) === null || _f === void 0 ? void 0 : _f.abbreviation.toUpperCase(),
|
|
7560
|
+
),
|
|
7561
|
+
h(
|
|
7562
|
+
'span',
|
|
7563
|
+
{ class: 'ontario-show-for-medium' },
|
|
7564
|
+
(_g = this.oppositeLanguageLabel) === null || _g === void 0 ? void 0 : _g.fullWord,
|
|
7565
|
+
),
|
|
7328
7566
|
),
|
|
7329
7567
|
);
|
|
7330
7568
|
}
|
|
@@ -7820,6 +8058,209 @@ const OntarioRadioButtons = class {
|
|
|
7820
8058
|
};
|
|
7821
8059
|
OntarioRadioButtons.style = OntarioRadioButtonsStyle0;
|
|
7822
8060
|
|
|
8061
|
+
const ontarioSearchBoxCss =
|
|
8062
|
+
'@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}';
|
|
8063
|
+
const OntarioSearchBoxStyle0 = ontarioSearchBoxCss;
|
|
8064
|
+
|
|
8065
|
+
const OntarioSearchBox = class {
|
|
8066
|
+
constructor(hostRef) {
|
|
8067
|
+
registerInstance(this, hostRef);
|
|
8068
|
+
this.searchOnSubmit = createEvent(this, 'searchOnSubmit', 7);
|
|
8069
|
+
this.inputOnInput = createEvent(this, 'inputOnInput', 7);
|
|
8070
|
+
this.inputOnChange = createEvent(this, 'inputOnChange', 7);
|
|
8071
|
+
this.inputOnBlur = createEvent(this, 'inputOnBlur', 7);
|
|
8072
|
+
this.inputOnFocus = createEvent(this, 'inputOnFocus', 7);
|
|
8073
|
+
/**
|
|
8074
|
+
* when the reset button is clicked this function gets called
|
|
8075
|
+
*/
|
|
8076
|
+
this.handleFocus = () => {
|
|
8077
|
+
this.setFocus(this.inputFieldRef);
|
|
8078
|
+
};
|
|
8079
|
+
this.language = 'en';
|
|
8080
|
+
this.elementId = undefined;
|
|
8081
|
+
this.value = undefined;
|
|
8082
|
+
this.caption = undefined;
|
|
8083
|
+
this.required = false;
|
|
8084
|
+
this.performSearch = undefined;
|
|
8085
|
+
this.hintText = undefined;
|
|
8086
|
+
this.customOnInput = undefined;
|
|
8087
|
+
this.customOnChange = undefined;
|
|
8088
|
+
this.customOnBlur = undefined;
|
|
8089
|
+
this.customOnFocus = undefined;
|
|
8090
|
+
this.internalHintText = undefined;
|
|
8091
|
+
this.captionState = undefined;
|
|
8092
|
+
this.hintTextId = undefined;
|
|
8093
|
+
}
|
|
8094
|
+
/**
|
|
8095
|
+
* Watch for changes to the `hintText` prop.
|
|
8096
|
+
*
|
|
8097
|
+
* If a `hintText` prop is passed, the `constructHintTextObject` function will convert it to the correct format, and set the result to the `internalHintText` state.
|
|
8098
|
+
*/
|
|
8099
|
+
parseHintText() {
|
|
8100
|
+
if (this.hintText) {
|
|
8101
|
+
const hintTextObject = constructHintTextObject(this.hintText);
|
|
8102
|
+
this.internalHintText = hintTextObject;
|
|
8103
|
+
}
|
|
8104
|
+
}
|
|
8105
|
+
/**
|
|
8106
|
+
* Watch for changes to the `caption` prop.
|
|
8107
|
+
*
|
|
8108
|
+
* The caption will be run through the InputCaption constructor to convert it to the correct format, and set the result to the `captionState` state.
|
|
8109
|
+
* @param newValue: Caption | string
|
|
8110
|
+
*/
|
|
8111
|
+
updateCaptionState(newValue) {
|
|
8112
|
+
this.captionState = new InputCaption(
|
|
8113
|
+
this.element.tagName,
|
|
8114
|
+
newValue,
|
|
8115
|
+
translations,
|
|
8116
|
+
this.language,
|
|
8117
|
+
false,
|
|
8118
|
+
this.required,
|
|
8119
|
+
);
|
|
8120
|
+
}
|
|
8121
|
+
/**
|
|
8122
|
+
* Watch for changes to the `language` prop to render either the English or French translations
|
|
8123
|
+
*/
|
|
8124
|
+
updateLanguage() {
|
|
8125
|
+
this.updateCaptionState(this.caption);
|
|
8126
|
+
}
|
|
8127
|
+
/**
|
|
8128
|
+
* 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.
|
|
8129
|
+
*/
|
|
8130
|
+
async componentDidLoad() {
|
|
8131
|
+
var _a;
|
|
8132
|
+
this.hintTextId = await ((_a = this.hintTextRef) === null || _a === void 0 ? void 0 : _a.getHintTextId());
|
|
8133
|
+
}
|
|
8134
|
+
componentWillLoad() {
|
|
8135
|
+
this.elementId = this.elementId;
|
|
8136
|
+
this.parseHintText();
|
|
8137
|
+
this.updateCaptionState(this.caption);
|
|
8138
|
+
}
|
|
8139
|
+
/**
|
|
8140
|
+
* Function to handle input events and the information pertaining to the input to emit.
|
|
8141
|
+
*/
|
|
8142
|
+
handleEvent(event, eventType) {
|
|
8143
|
+
var _a, _b, _c;
|
|
8144
|
+
const input = event.target;
|
|
8145
|
+
// Update the component value to match the value of the input element.
|
|
8146
|
+
this.value = input === null || input === void 0 ? void 0 : input.value;
|
|
8147
|
+
(_b = (_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) === null || _b === void 0
|
|
8148
|
+
? void 0
|
|
8149
|
+
: _b.call(_a, (_c = this.value) !== null && _c !== void 0 ? _c : '');
|
|
8150
|
+
handleInputEvent(
|
|
8151
|
+
event,
|
|
8152
|
+
eventType,
|
|
8153
|
+
input,
|
|
8154
|
+
this.inputOnChange,
|
|
8155
|
+
this.inputOnFocus,
|
|
8156
|
+
this.inputOnBlur,
|
|
8157
|
+
this.inputOnInput,
|
|
8158
|
+
'input',
|
|
8159
|
+
this.customOnChange,
|
|
8160
|
+
this.customOnFocus,
|
|
8161
|
+
this.customOnBlur,
|
|
8162
|
+
this.customOnInput,
|
|
8163
|
+
this.element,
|
|
8164
|
+
);
|
|
8165
|
+
}
|
|
8166
|
+
/**
|
|
8167
|
+
* handleSearch function is called when the search submit button is clicked
|
|
8168
|
+
*/
|
|
8169
|
+
async handleSearch(event) {
|
|
8170
|
+
event.preventDefault();
|
|
8171
|
+
this.searchOnSubmit.emit(this.value);
|
|
8172
|
+
this.performSearch && (await this.performSearch(this.value));
|
|
8173
|
+
}
|
|
8174
|
+
getId() {
|
|
8175
|
+
var _a;
|
|
8176
|
+
return (_a = this.elementId) !== null && _a !== void 0 ? _a : '';
|
|
8177
|
+
}
|
|
8178
|
+
getValue() {
|
|
8179
|
+
var _a;
|
|
8180
|
+
return (_a = this.value) !== null && _a !== void 0 ? _a : '';
|
|
8181
|
+
}
|
|
8182
|
+
/**
|
|
8183
|
+
*This function ensures that the focus returns to the search input field when the reset button is clicked.
|
|
8184
|
+
*/
|
|
8185
|
+
setFocus(inputRef) {
|
|
8186
|
+
if (inputRef) {
|
|
8187
|
+
inputRef.focus();
|
|
8188
|
+
}
|
|
8189
|
+
}
|
|
8190
|
+
render() {
|
|
8191
|
+
const searchInputFieldId = 'ontario-search-input-field';
|
|
8192
|
+
return h(
|
|
8193
|
+
'form',
|
|
8194
|
+
{
|
|
8195
|
+
key: 'd38c48ed5a4e2301afa130f1557ea721ac9b7909',
|
|
8196
|
+
name: 'searchForm',
|
|
8197
|
+
id: 'ontario-search-form-container',
|
|
8198
|
+
class:
|
|
8199
|
+
'ontario-search__container ontario-columns ontario-small-10 ontario-medium-offset-3 ontario-medium-6 ontario-large-offset-0 ontario-large-6',
|
|
8200
|
+
novalidate: true,
|
|
8201
|
+
},
|
|
8202
|
+
this.captionState.getCaption(searchInputFieldId, false, true) /* Note the _required_ text is disabled */,
|
|
8203
|
+
this.internalHintText &&
|
|
8204
|
+
h('ontario-hint-text', {
|
|
8205
|
+
hint: this.internalHintText.hint,
|
|
8206
|
+
hintContentType: this.internalHintText.hintContentType,
|
|
8207
|
+
ref: (el) => (this.hintTextRef = el),
|
|
8208
|
+
}),
|
|
8209
|
+
h(
|
|
8210
|
+
'div',
|
|
8211
|
+
{ key: '2d495d8e26c97c92ffdf8e3e7f0828224d74825c', class: 'ontario-search__input-container' },
|
|
8212
|
+
h(Input$1, {
|
|
8213
|
+
'key': '38f2cdf8f04aa749958c619174ca40ee32b1d2f4',
|
|
8214
|
+
'aria-describedBy': this.hintTextId,
|
|
8215
|
+
'type': 'search',
|
|
8216
|
+
'name': 'search',
|
|
8217
|
+
'id': searchInputFieldId,
|
|
8218
|
+
'autoComplete': 'off',
|
|
8219
|
+
'aria-autocomplete': 'none',
|
|
8220
|
+
'className': 'ontario-search__input ontario-input',
|
|
8221
|
+
'required': true,
|
|
8222
|
+
'ref': (el) => (this.inputFieldRef = el),
|
|
8223
|
+
'onInput': (e) => this.handleEvent(e, EventType.Input),
|
|
8224
|
+
'onChange': (e) => this.handleEvent(e, EventType.Change),
|
|
8225
|
+
'onBlur': (e) => this.handleEvent(e, EventType.Blur),
|
|
8226
|
+
'onFocus': (e) => this.handleEvent(e, EventType.Focus),
|
|
8227
|
+
'value': this.getValue(),
|
|
8228
|
+
}),
|
|
8229
|
+
h(Input$1, {
|
|
8230
|
+
key: '20395baddaa5943e9f300eee043b97994e63c0af',
|
|
8231
|
+
className: 'ontario-search__reset',
|
|
8232
|
+
id: 'ontario-search-reset',
|
|
8233
|
+
type: 'reset',
|
|
8234
|
+
value: '',
|
|
8235
|
+
onClick: () => this.handleFocus(),
|
|
8236
|
+
}),
|
|
8237
|
+
h(
|
|
8238
|
+
'button',
|
|
8239
|
+
{
|
|
8240
|
+
key: '89fe9b0762da6f292348b8a4e895bc9637d7253c',
|
|
8241
|
+
class: 'ontario-search__submit',
|
|
8242
|
+
type: 'submit',
|
|
8243
|
+
id: 'ontario-search-box__submit',
|
|
8244
|
+
onClick: (e) => this.handleSearch(e),
|
|
8245
|
+
},
|
|
8246
|
+
h('span', { key: '1091746da37710e5addeeb77780ad92aac33950f', innerHTML: OntarioIconSearch }),
|
|
8247
|
+
),
|
|
8248
|
+
),
|
|
8249
|
+
);
|
|
8250
|
+
}
|
|
8251
|
+
get element() {
|
|
8252
|
+
return getElement(this);
|
|
8253
|
+
}
|
|
8254
|
+
static get watchers() {
|
|
8255
|
+
return {
|
|
8256
|
+
hintText: ['parseHintText'],
|
|
8257
|
+
caption: ['updateCaptionState'],
|
|
8258
|
+
language: ['updateLanguage'],
|
|
8259
|
+
};
|
|
8260
|
+
}
|
|
8261
|
+
};
|
|
8262
|
+
OntarioSearchBox.style = OntarioSearchBoxStyle0;
|
|
8263
|
+
|
|
7823
8264
|
const ontarioStepIndicatorCss =
|
|
7824
8265
|
'@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}';
|
|
7825
8266
|
const OntarioStepIndicatorStyle0 = ontarioStepIndicatorCss;
|
|
@@ -7856,17 +8297,17 @@ const OntarioStepIndicator = class {
|
|
|
7856
8297
|
render() {
|
|
7857
8298
|
return h(
|
|
7858
8299
|
'div',
|
|
7859
|
-
{ key: '
|
|
8300
|
+
{ key: '83d9f9953680f3e84f11fcb85d6aca4a050932ca', class: 'ontario-step-indicator' },
|
|
7860
8301
|
h(
|
|
7861
8302
|
'div',
|
|
7862
|
-
{ key: '
|
|
8303
|
+
{ key: '84b130dd8af2cc708cea2f45799d04161699d703', class: 'ontario-row' },
|
|
7863
8304
|
h(
|
|
7864
8305
|
'div',
|
|
7865
|
-
{ key: '
|
|
8306
|
+
{ key: '12457c0b09eede669f39f7d0c9b1ebbc5dbcc6e6', class: 'ontario-columns ontario-small-12' },
|
|
7866
8307
|
h(
|
|
7867
8308
|
'div',
|
|
7868
8309
|
{
|
|
7869
|
-
key: '
|
|
8310
|
+
key: 'a422636fc6c8d666d4e60aacf883d7b45ccddfb6',
|
|
7870
8311
|
class: `ontario-step-indicator--with-back-button--${this.showBackButton}`,
|
|
7871
8312
|
},
|
|
7872
8313
|
this.showBackButton === true &&
|
|
@@ -7906,7 +8347,7 @@ const OntarioStepIndicator = class {
|
|
|
7906
8347
|
this.numberOfSteps,
|
|
7907
8348
|
),
|
|
7908
8349
|
),
|
|
7909
|
-
h('hr', { key: '
|
|
8350
|
+
h('hr', { key: '23f2d86c4d1406d607fd7f5dbb5d54450a6cd5fa' }),
|
|
7910
8351
|
),
|
|
7911
8352
|
),
|
|
7912
8353
|
);
|
|
@@ -8133,26 +8574,26 @@ const OntarioTable = class {
|
|
|
8133
8574
|
const columns = extractValuesByKey(this.tableColumnsState, 'key');
|
|
8134
8575
|
return h(
|
|
8135
8576
|
'div',
|
|
8136
|
-
{ key: '
|
|
8577
|
+
{ key: 'ce676d443d6f54e6eac8c7e035ac8c192b6be473', class: 'ontario-table-container' },
|
|
8137
8578
|
h(
|
|
8138
8579
|
'div',
|
|
8139
8580
|
{
|
|
8140
|
-
key: '
|
|
8581
|
+
key: '0baf35972c5c3c2382103bc765007be2e76cea15',
|
|
8141
8582
|
class: 'ontario-table-scroll--wrapper',
|
|
8142
8583
|
ref: (el) => (this.tableScrollWrapper = el),
|
|
8143
8584
|
},
|
|
8144
8585
|
h('div', {
|
|
8145
|
-
key: '
|
|
8586
|
+
key: '348d83ea103a82da6c29fa94f87ee1ff45b8d485',
|
|
8146
8587
|
class: 'ontario-table-scroll--div',
|
|
8147
8588
|
ref: (el) => (this.tableScrollDiv = el),
|
|
8148
8589
|
}),
|
|
8149
8590
|
),
|
|
8150
8591
|
h(
|
|
8151
8592
|
'div',
|
|
8152
|
-
{ key: '
|
|
8593
|
+
{ key: 'd7c72699f19d0fe8144551e8754878b42d76cb71', class: 'ontario-table-div', ref: (el) => (this.table = el) },
|
|
8153
8594
|
h(
|
|
8154
8595
|
'table',
|
|
8155
|
-
{ key: '
|
|
8596
|
+
{ key: '3c3f6bb5bbb75e0673509a1a377e224de64176f2', class: this.getTableClasses() },
|
|
8156
8597
|
this.caption && h('caption', null, this.caption),
|
|
8157
8598
|
this.tableColumnsState &&
|
|
8158
8599
|
h(
|
|
@@ -8391,7 +8832,7 @@ const OntarioTextarea = class {
|
|
|
8391
8832
|
return h(
|
|
8392
8833
|
'div',
|
|
8393
8834
|
{
|
|
8394
|
-
key: '
|
|
8835
|
+
key: '63372c743a7ac103d5bec0fdcb5f1f8623d588e3',
|
|
8395
8836
|
class: `ontario-form-group ${error ? 'ontario-textarea--error' : ''}`,
|
|
8396
8837
|
},
|
|
8397
8838
|
this.captionState.getCaption(this.getId(), !!this.internalHintExpander),
|
|
@@ -8401,9 +8842,9 @@ const OntarioTextarea = class {
|
|
|
8401
8842
|
hintContentType: this.internalHintText.hintContentType,
|
|
8402
8843
|
ref: (el) => (this.hintTextRef = el),
|
|
8403
8844
|
}),
|
|
8404
|
-
h(ErrorMessage, { key: '
|
|
8845
|
+
h(ErrorMessage, { key: '90cece114c1b84a2996d25cb1a9a0548eab7d10a', message: this.errorMessage, error: error }),
|
|
8405
8846
|
h('textarea', {
|
|
8406
|
-
'key': '
|
|
8847
|
+
'key': 'c6bc6014372f7f4839c9ce5070a484ac253c92e6',
|
|
8407
8848
|
'aria-describedby': this.hintTextId,
|
|
8408
8849
|
'class': this.getClass(),
|
|
8409
8850
|
'id': this.getId(),
|
|
@@ -8484,9 +8925,10 @@ export {
|
|
|
8484
8925
|
OntarioLoadingIndicator as ontario_loading_indicator,
|
|
8485
8926
|
OntarioPageAlert as ontario_page_alert,
|
|
8486
8927
|
OntarioRadioButtons as ontario_radio_buttons,
|
|
8928
|
+
OntarioSearchBox as ontario_search_box,
|
|
8487
8929
|
OntarioStepIndicator as ontario_step_indicator,
|
|
8488
8930
|
OntarioTable as ontario_table,
|
|
8489
8931
|
OntarioTextarea as ontario_textarea,
|
|
8490
8932
|
};
|
|
8491
8933
|
|
|
8492
|
-
//# sourceMappingURL=ontario-
|
|
8934
|
+
//# sourceMappingURL=ontario-accordion_44.entry.js.map
|