@ongov/ontario-design-system-component-library 4.3.0 → 5.0.0-alpha.1

package/dist/collection/components/ontario-step-indicator/ontario-step-indicator.js

@@ -32,17 +32,17 @@ export class OntarioStepIndicator {
 	render() {
 		return h(
 			'div',
-			{ key: '8d853372c036d2dc56e4075fa5ba6c9e8f8ed36f', class: 'ontario-step-indicator' },
+			{ key: '83d9f9953680f3e84f11fcb85d6aca4a050932ca', class: 'ontario-step-indicator' },
 			h(
 				'div',
-				{ key: '1893a801bc9e624a1fb6cf55d4fbdb60368a0657', class: 'ontario-row' },
+				{ key: '84b130dd8af2cc708cea2f45799d04161699d703', class: 'ontario-row' },
 				h(
 					'div',
-					{ key: 'a2ac5f0c1c48756d5110a6d605c263ac26b8229b', class: 'ontario-columns ontario-small-12' },
+					{ key: '12457c0b09eede669f39f7d0c9b1ebbc5dbcc6e6', class: 'ontario-columns ontario-small-12' },
 					h(
 						'div',
 						{
-							key: '97ec6e22254d71cec885a1a0889eda3736739a52',
+							key: 'a422636fc6c8d666d4e60aacf883d7b45ccddfb6',
 							class: `ontario-step-indicator--with-back-button--${this.showBackButton}`,
 						},
 						this.showBackButton === true &&
@@ -82,7 +82,7 @@ export class OntarioStepIndicator {
 									this.numberOfSteps,
 							  ),
 					),
-					h('hr', { key: '7d8d1cb75517980327bbf2095fd1149b6c41e3a2' }),
+					h('hr', { key: '23f2d86c4d1406d607fd7f5dbb5d54450a6cd5fa' }),
 				),
 			),
 		);

package/dist/collection/components/ontario-table/ontario-table.js

@@ -150,26 +150,26 @@ export class OntarioTable {
 		const columns = extractValuesByKey(this.tableColumnsState, 'key');
 		return h(
 			'div',
-			{ key: '0a6d7c55af2732b9799e9d08b93469c07fe670a6', class: 'ontario-table-container' },
+			{ key: 'ce676d443d6f54e6eac8c7e035ac8c192b6be473', class: 'ontario-table-container' },
 			h(
 				'div',
 				{
-					key: '775159ebeabc19d6a44aa59a8ad6a28879c1ac2b',
+					key: '0baf35972c5c3c2382103bc765007be2e76cea15',
 					class: 'ontario-table-scroll--wrapper',
 					ref: (el) => (this.tableScrollWrapper = el),
 				},
 				h('div', {
-					key: 'eb29663f922ddfc895201f84b1c42809f1180d69',
+					key: '348d83ea103a82da6c29fa94f87ee1ff45b8d485',
 					class: 'ontario-table-scroll--div',
 					ref: (el) => (this.tableScrollDiv = el),
 				}),
 			),
 			h(
 				'div',
-				{ key: 'e9f98cb3babe7c15a99e0f478d7f1cd076090610', class: 'ontario-table-div', ref: (el) => (this.table = el) },
+				{ key: 'd7c72699f19d0fe8144551e8754878b42d76cb71', class: 'ontario-table-div', ref: (el) => (this.table = el) },
 				h(
 					'table',
-					{ key: 'cefb954da377c35d836b63f075e9d197934fa6fe', class: this.getTableClasses() },
+					{ key: '3c3f6bb5bbb75e0673509a1a377e224de64176f2', class: this.getTableClasses() },
 					this.caption && h('caption', null, this.caption),
 					this.tableColumnsState &&
 						h(

package/dist/collection/components/ontario-textarea/ontario-textarea.js

@@ -170,7 +170,7 @@ export class OntarioTextarea {
 		return h(
 			'div',
 			{
-				key: 'c5fb67c54eba0560e63e6291e15fc7dad9bc863f',
+				key: '63372c743a7ac103d5bec0fdcb5f1f8623d588e3',
 				class: `ontario-form-group ${error ? 'ontario-textarea--error' : ''}`,
 			},
 			this.captionState.getCaption(this.getId(), !!this.internalHintExpander),
@@ -180,9 +180,9 @@ export class OntarioTextarea {
 					hintContentType: this.internalHintText.hintContentType,
 					ref: (el) => (this.hintTextRef = el),
 				}),
-			h(ErrorMessage, { key: '30484b78a53895e736e4a6531de6d3e3caa20d87', message: this.errorMessage, error: error }),
+			h(ErrorMessage, { key: '90cece114c1b84a2996d25cb1a9a0548eab7d10a', message: this.errorMessage, error: error }),
 			h('textarea', {
-				'key': '2e184ceba27a2d3b099545c81a346b611f3cf38f',
+				'key': 'c6bc6014372f7f4839c9ce5070a484ac253c92e6',
 				'aria-describedby': this.hintTextId,
 				'class': this.getClass(),
 				'id': this.getId(),

package/dist/collection/i18n/global.i18n.json

@@ -1,155 +1,55 @@
 {
-	"required": {
-		"en": "required",
-		"fr": "obligatoire"
-	},
-	"optional": {
-		"en": "optional",
-		"fr": "facultative"
-	},
 	"accessibility": {
-		"moreInfo": {
-			"en": "More information on",
-			"fr": "Des renseignements supplémentaires sur"
-		},
 		"checkboxHintExpander": {
 			"en": "is available after the last checkbox item.",
 			"fr": "suivront à la dernière case à cocher."
 		},
+		"moreInfo": {
+			"en": "More information on",
+			"fr": "Des renseignements supplémentaires sur"
+		},
 		"singleHintExpander": {
 			"en": "field is available in the next element.",
 			"fr": "suivront au prochain élément."
 		}
 	},
-	"backToTop": {
-		"top": {
-			"en": "Top",
-			"fr": "Haut"
-		},
-		"ariaLabel": {
-			"en": "Scroll back to the top",
-			"fr": "Retour en haut de la page"
-		}
-	},
-	"loading": {
-		"en": "Loading",
-		"fr": "Chargement"
-	},
-	"dropdownList": {
-		"select": {
-			"en": "Select",
-			"fr": "Sélectionner"
-		}
-	},
-	"contactUs": {
-		"en": "Contact us",
-		"fr": "Contactez-nous"
-	},
 	"accessibilityLink": {
-		"text": {
-			"en": "Accessibility",
-			"fr": "Accessibilité"
-		},
 		"link": {
 			"en": "https://www.ontario.ca/page/accessibility",
 			"fr": "https://www.ontario.ca/fr/page/accessibilite"
-		}
-	},
-	"privacyLink": {
-		"text": {
-			"en": "Privacy",
-			"fr": "Confidentialité"
 		},
-		"link": {
-			"en": "https://www.ontario.ca/page/privacy-statement",
-			"fr": "https://www.ontario.ca/fr/page/declaration-concernant-la-protection-de-la-vie-privee"
-		}
-	},
-	"printerLink": {
 		"text": {
-			"en": "King's Printer for Ontario,",
-			"fr": "Imprimeur du Roi pour l’Ontario,"
-		},
-		"link": {
-			"en": "https://www.ontario.ca/page/copyright-information",
-			"fr": "https://www.ontario.ca/fr/page/droits-dauteur"
-		}
-	},
-	"languageToggle": {
-		"ariaLabel": {
-			"en": "Click to switch language to French",
-			"fr": "Cliquez pour changer de langue en anglais"
+			"en": "Accessibility",
+			"fr": "Accessibilité"
 		}
 	},
-	"stepIndicator": {
-		"back": {
-			"en": "Back",
-			"fr": "Retour"
-		},
-		"step": {
-			"en": "Step",
-			"fr": "Étape"
+	"accordion": {
+		"collapse": {
+			"en": "Collapse all",
+			"fr": "Réduire tout"
 		},
-		"of": {
-			"en": "of",
-			"fr": "sur"
+		"expand": {
+			"en": "Expand all",
+			"fr": "Agrandir tout"
 		},
-		"complete": {
-			"en": "complete",
-			"fr": "complet"
+		"expandCollapseAriaLabel": {
+			"en": "Expand or collapse the accordion",
+			"fr": "Agrandissez ou réduisez l'accordéon"
 		}
 	},
-	"header": {
-		"ontarioSearchURL": {
-			"en": "https://www.ontario.ca/search/search-results?query=",
-			"fr": "https://www.ontario.ca/fr/recherche/resultats-de-recherche/?query="
-		},
-		"logoLink": {
-			"en": "https://www.ontario.ca/page/government-ontario",
-			"fr": "https://www.ontario.ca/fr/page/gouvernement-de-lontario"
-		},
-		"logoAltText": {
-			"en": "Ontario.ca homepage",
-			"fr": "Page d’accueil Ontario.ca"
-		},
-		"clearSearchField": {
-			"en": "Clear field",
-			"fr": "Vider le champ"
-		},
-		"submit": {
-			"en": "Submit",
-			"fr": "Soumission"
-		},
-		"search": {
-			"en": "Search",
-			"fr": "Rechercher"
-		},
-		"serviceOntario": {
-			"en": "ServiceOntario",
-			"fr": "ServiceOntario"
-		},
-		"openMenu": {
-			"en": "Show navigation menu",
-			"fr": "Ouvrir le menu de navigation"
-		},
-		"closeMenu": {
-			"en": "Hide navigation menu",
-			"fr": "Fermer le menu de navigation"
-		},
-		"close": {
-			"en": "close",
-			"fr": "fermer"
+	"backToTop": {
+		"ariaLabel": {
+			"en": "Scroll back to the top",
+			"fr": "Retour en haut de la page"
 		},
-		"closeSearch": {
-			"en": "Close search bar",
-			"fr": "Fermer la barre de recherche"
+		"top": {
+			"en": "Top",
+			"fr": "Haut"
 		}
 	},
-	"input": {
-		"requiredFieldError": {
-			"en": "This is a required field.",
-			"fr": "Ce champ est obligatoire."
-		}
+	"contactUs": {
+		"en": "Contact us",
+		"fr": "Contactez-nous"
 	},
 	"dateInput": {
 		"caption": {
@@ -157,43 +57,23 @@
 			"fr": "Dates exactes"
 		},
 		"day": {
-			"label": {
-				"en": "Day",
-				"fr": "Jour"
-			},
 			"accessibility": {
 				"en": "4 digits",
 				"fr": "4 chiffres"
-			}
-		},
-		"month": {
-			"label": {
-				"en": "Month",
-				"fr": "Mois"
 			},
-			"accessibility": {
-				"en": "1 or 2 digits",
-				"fr": "1 ou 2 chiffres"
-			}
-		},
-		"year": {
 			"label": {
-				"en": "Year",
-				"fr": "Année"
-			},
-			"accessibility": {
-				"en": "1 or 2 digits",
-				"fr": "1 ou 2 chiffres"
+				"en": "Day",
+				"fr": "Jour"
 			}
 		},
 		"error": {
 			"en": {
 				"emptyDay": "Enter the day.",
-				"emptyMonth": "Enter the month.",
-				"emptyYear": "Enter the year.",
 				"emptyDayAndMonth": "Enter the month and day.",
 				"emptyDayAndYear": "Enter the year and day.",
+				"emptyMonth": "Enter the month.",
 				"emptyMonthAndYear": "Enter the year and month.",
+				"emptyYear": "Enter the year.",
 				"invalidDate": "Enter a valid date.",
 				"invalidDay": "Enter a valid day.",
 				"invalidMonth": "Enter a valid month.",
@@ -201,30 +81,160 @@
 			},
 			"fr": {
 				"emptyDay": "Saisissez le jour.",
-				"emptyMonth": "Saisissez le mois.",
-				"emptyYear": "Saisissez l’année.",
 				"emptyDayAndMonth": "Saisissez le mois et le jour.",
 				"emptyDayAndYear": "Saisissez l’année et le jour.",
+				"emptyMonth": "Saisissez le mois.",
 				"emptyMonthAndYear": "Saisissez l’année et le mois.",
+				"emptyYear": "Saisissez l’année.",
 				"invalidDate": "Saisissez une date valide.",
 				"invalidDay": "Saisissez un jour valide.",
 				"invalidMonth": "Saisissez un mois valide.",
 				"invalidYear": "Saisissez une année valide."
 			}
+		},
+		"month": {
+			"accessibility": {
+				"en": "1 or 2 digits",
+				"fr": "1 ou 2 chiffres"
+			},
+			"label": {
+				"en": "Month",
+				"fr": "Mois"
+			}
+		},
+		"year": {
+			"accessibility": {
+				"en": "1 or 2 digits",
+				"fr": "1 ou 2 chiffres"
+			},
+			"label": {
+				"en": "Year",
+				"fr": "Année"
+			}
 		}
 	},
-	"accordion": {
-		"expand": {
-			"en": "Expand all",
-			"fr": "Agrandir tout"
+	"dropdownList": {
+		"select": {
+			"en": "Select",
+			"fr": "Sélectionner"
+		}
+	},
+	"header": {
+		"clearSearchField": {
+			"en": "Clear field",
+			"fr": "Vider le champ"
 		},
-		"collapse": {
-			"en": "Collapse all",
-			"fr": "Réduire tout"
+		"close": {
+			"en": "close",
+			"fr": "fermer"
 		},
-		"expandCollapseAriaLabel": {
-			"en": "Expand or collapse the accordion",
-			"fr": "Agrandissez ou réduisez l'accordéon"
+		"closeMenu": {
+			"en": "Hide navigation menu",
+			"fr": "Fermer le menu de navigation"
+		},
+		"closeSearch": {
+			"en": "Close search bar",
+			"fr": "Fermer la barre de recherche"
+		},
+		"logoAltText": {
+			"en": "Ontario.ca homepage",
+			"fr": "Page d’accueil Ontario.ca"
+		},
+		"logoLink": {
+			"en": "https://www.ontario.ca/page/government-ontario",
+			"fr": "https://www.ontario.ca/fr/page/gouvernement-de-lontario"
+		},
+		"ontarioSearchURL": {
+			"en": "https://www.ontario.ca/search/search-results?query=",
+			"fr": "https://www.ontario.ca/fr/recherche/resultats-de-recherche/?query="
+		},
+		"openMenu": {
+			"en": "Show navigation menu",
+			"fr": "Ouvrir le menu de navigation"
+		},
+		"search": {
+			"en": "Search",
+			"fr": "Rechercher"
+		},
+		"serviceOntario": {
+			"en": "ServiceOntario",
+			"fr": "ServiceOntario"
+		},
+		"submit": {
+			"en": "Submit",
+			"fr": "Soumission"
+		}
+	},
+	"input": {
+		"requiredFieldError": {
+			"en": "This is a required field.",
+			"fr": "Ce champ est obligatoire."
+		}
+	},
+	"languageToggle": {
+		"ariaLabel": {
+			"en": "Click to switch the language to English",
+			"fr": "Cliquez pour changer la langue en français"
+		}
+	},
+	"loading": {
+		"en": "Loading",
+		"fr": "Chargement"
+	},
+	"optional": {
+		"en": "optional",
+		"fr": "facultative"
+	},
+	"printerLink": {
+		"link": {
+			"en": "https://www.ontario.ca/page/copyright-information",
+			"fr": "https://www.ontario.ca/fr/page/droits-dauteur"
+		},
+		"text": {
+			"en": "King's Printer for Ontario,",
+			"fr": "Imprimeur du Roi pour l’Ontario,"
+		}
+	},
+	"privacyLink": {
+		"link": {
+			"en": "https://www.ontario.ca/page/privacy-statement",
+			"fr": "https://www.ontario.ca/fr/page/declaration-concernant-la-protection-de-la-vie-privee"
+		},
+		"text": {
+			"en": "Privacy",
+			"fr": "Confidentialité"
+		}
+	},
+	"stepIndicator": {
+		"back": {
+			"en": "Back",
+			"fr": "Retour"
+		},
+		"complete": {
+			"en": "complete",
+			"fr": "complet"
+		},
+		"of": {
+			"en": "of",
+			"fr": "sur"
+		},
+		"step": {
+			"en": "Step",
+			"fr": "Étape"
+		}
+	},
+	"siteLanguage": {
+		"fullWord": {
+			"en": "English",
+			"fr": "Français"
+		},
+		"abbreviation": {
+			"en": "en",
+			"fr": "fr"
 		}
+	},
+	"required": {
+		"en": "required",
+		"fr": "obligatoire"
 	}
 }

package/dist/collection/utils/common/input/input.js

@@ -26,6 +26,7 @@ export const Input = (_a) => {
 			onChange,
 			onBlur,
 			onFocus,
+			onClick,
 			ariaInvalid,
 			ariaDescribedBy,
 			ref,
@@ -46,6 +47,7 @@ export const Input = (_a) => {
 			'onChange',
 			'onBlur',
 			'onFocus',
+			'onClick',
 			'ariaInvalid',
 			'ariaDescribedBy',
 			'ref',
@@ -69,6 +71,7 @@ export const Input = (_a) => {
 				'onChange': onChange,
 				'onBlur': onBlur,
 				'onFocus': onFocus,
+				'onClick': onClick,
 				'inputMode': inputMode,
 				'ref': ref,
 				'aria-invalid': ariaInvalid,

package/dist/collection/utils/common/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/utils/common/input/input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAuBvD,MAAM,CAAC,MAAM,KAAK,GAAoC,CAAC,EAoBtD,EAAE,EAAE;QApBkD,EACtD,YAAY,EACZ,SAAS,EACT,EAAE,EACF,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,WAAW,EACX,eAAe,EACf,GAAG,EACH,SAAS,OAET,EADG,KAAK,cAnB8C,iNAoBtD,CADQ;IAER,OAAO,CACN,2BACC,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,SAAS,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,kBACM,WAAW,sBACP,eAAe,IAC7B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\nexport type InputProps = {\n\tautoComplete?: string;\n\tclassName?: string;\n\tid: string;\n\tname?: string;\n\ttype: string;\n\tvalue?: string | number;\n\tchecked?: boolean;\n\trequired?: boolean;\n\tinputMode?: string;\n\tplaceholder?: string;\n\tariaInvalid?: boolean;\n\tariaDescribedBy?: string;\n\tonKeyDown?: ((event: Event) => void) | undefined;\n\tonInput?: ((event: Event) => void) | undefined;\n\tonChange?: ((event: Event) => void) | undefined;\n\tonBlur?: ((event: Event) => void) | undefined;\n\tonFocus?: ((event: Event) => void) | undefined;\n\tref?: (el: any) => HTMLElement;\n};\n\nexport const Input: FunctionalComponent<InputProps> = ({\n\tautoComplete,\n\tclassName,\n\tid,\n\tname,\n\tplaceholder,\n\ttype,\n\tvalue,\n\tchecked,\n\trequired,\n\tonKeyDown,\n\tonInput,\n\tonChange,\n\tonBlur,\n\tonFocus,\n\tariaInvalid,\n\tariaDescribedBy,\n\tref,\n\tinputMode,\n\t...props\n}) => {\n\treturn (\n\t\t<input\n\t\t\tautoComplete={autoComplete}\n\t\t\tclass={className}\n\t\t\tid={id}\n\t\t\tname={name}\n\t\t\ttype={type}\n\t\t\tvalue={value}\n\t\t\tchecked={checked}\n\t\t\tplaceholder={placeholder}\n\t\t\trequired={!!required}\n\t\t\tonKeyDown={onKeyDown}\n\t\t\tonInput={onInput}\n\t\t\tonChange={onChange}\n\t\t\tonBlur={onBlur}\n\t\t\tonFocus={onFocus}\n\t\t\tinputMode={inputMode}\n\t\t\tref={ref}\n\t\t\taria-invalid={ariaInvalid}\n\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"]}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/utils/common/input/input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAwBvD,MAAM,CAAC,MAAM,KAAK,GAAoC,CAAC,EAqBtD,EAAE,EAAE;QArBkD,EACtD,YAAY,EACZ,SAAS,EACT,EAAE,EACF,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,GAAG,EACH,SAAS,OAET,EADG,KAAK,cApB8C,4NAqBtD,CADQ;IAER,OAAO,CACN,2BACC,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,SAAS,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,kBACM,WAAW,sBACP,eAAe,IAC7B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\nexport type InputProps = {\n\tautoComplete?: string;\n\tclassName?: string;\n\tid: string;\n\tname?: string;\n\ttype: string;\n\tvalue?: string | number;\n\tchecked?: boolean;\n\trequired?: boolean;\n\tinputMode?: string;\n\tplaceholder?: string;\n\tariaInvalid?: boolean;\n\tariaDescribedBy?: string;\n\tonKeyDown?: ((event: Event) => void) | undefined;\n\tonInput?: ((event: Event) => void) | undefined;\n\tonChange?: ((event: Event) => void) | undefined;\n\tonBlur?: ((event: Event) => void) | undefined;\n\tonFocus?: ((event: Event) => void) | undefined;\n\tonClick?: ((event: Event) => void) | undefined;\n\tref?: (el: HTMLInputElement) => HTMLElement;\n};\n\nexport const Input: FunctionalComponent<InputProps> = ({\n\tautoComplete,\n\tclassName,\n\tid,\n\tname,\n\tplaceholder,\n\ttype,\n\tvalue,\n\tchecked,\n\trequired,\n\tonKeyDown,\n\tonInput,\n\tonChange,\n\tonBlur,\n\tonFocus,\n\tonClick,\n\tariaInvalid,\n\tariaDescribedBy,\n\tref,\n\tinputMode,\n\t...props\n}) => {\n\treturn (\n\t\t<input\n\t\t\tautoComplete={autoComplete}\n\t\t\tclass={className}\n\t\t\tid={id}\n\t\t\tname={name}\n\t\t\ttype={type}\n\t\t\tvalue={value}\n\t\t\tchecked={checked}\n\t\t\tplaceholder={placeholder}\n\t\t\trequired={!!required}\n\t\t\tonKeyDown={onKeyDown}\n\t\t\tonInput={onInput}\n\t\t\tonChange={onChange}\n\t\t\tonBlur={onBlur}\n\t\t\tonFocus={onFocus}\n\t\t\tonClick={onClick}\n\t\t\tinputMode={inputMode}\n\t\t\tref={ref}\n\t\t\taria-invalid={ariaInvalid}\n\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"]}

package/dist/collection/utils/common/input-caption/input-caption.js

@@ -25,23 +25,25 @@ export class InputCaption {
 		/**
 		 * Return the `<label>` element for text inputs
 		 * @param captionFor Set the `htmlFor` attribute
+		 * @param hasHintExpander Indicate whether the component the label is for has a hint expander or not
+		 * @param disableRequiredFlag Disable the required/optional label text _(only use in highly special cases)_
 		 * @returns element containing the caption for the input
 		 */
-		this.getCaption = (captionFor, hasHintExpander = false) => {
+		this.getCaption = (captionFor, hasHintExpander = false, disableRequiredFlag = false) => {
 			const captionText = this.captionText && this.captionText.toLowerCase();
 			const captionContent = this.isLegend
 				? h(
 						'legend',
 						{ class: this.getClass() },
 						this.captionType === 'heading' ? h('h1', null, this.captionText) : this.captionText,
-						this.getRequiredFlagElement(),
+						!disableRequiredFlag && this.getRequiredFlagElement(),
 						hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false),
 				  )
 				: h(
 						'label',
 						{ htmlFor: captionFor, class: this.getClass() },
 						this.captionText,
-						this.getRequiredFlagElement(),
+						!disableRequiredFlag && this.getRequiredFlagElement(),
 						hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false),
 				  );
 			// with `this.captionType` already set to one of the enum values, the comparison no longer needs the `toLowerCase()` transform

package/dist/collection/utils/common/input-caption/input-caption.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-caption.js","sourceRoot":"","sources":["../../../../src/utils/common/input-caption/input-caption.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { CaptionType, CaptionTypes } from './input-caption.types';\nimport { MessageContentType } from './input-caption.enum';\nimport { CaptionInfo, Caption } from './caption.interface';\nimport { ConsoleMessageClass } from '../../console-message/console-message';\n\nexport class InputCaption implements CaptionInfo {\n\t/**\n\t * The text to display as caption.\n\t */\n\tcaptionText: string;\n\n\t/**\n\t * The type of caption to render.\n\t */\n\tcaptionType?: CaptionType = 'default';\n\n\t/**\n\t * Determine whether the input field is required.\n\t */\n\trequired?: boolean = false;\n\n\t/**\n\t * Determine whether the rendered element is a `<label>` or `<legend>`.\n\t */\n\tisLegend?: boolean = false;\n\n\t/**\n\t * Name of the component instantiating the class.\n\t * This is used for validation warning message.\n\t */\n\tcomponentTagName: string;\n\n\tlanguage: any = 'en';\n\n\ttranslations: any;\n\n\t/**\n\t * Set the class members\n\t * Output a console warning message if the provided `label` type is incorrect\n\t * @param caption object containing the essential data to configure the input label\n\t */\n\tconstructor(\n\t\tcomponentTagName: string,\n\t\tcaption: Caption | string,\n\t\ttranslations: any,\n\t\tlanguage: any,\n\t\tisLegend: boolean = false,\n\t\trequired: boolean = false,\n\t) {\n\t\tlet captionObject: Caption;\n\n\t\tif (typeof caption === 'string') {\n\t\t\ttry {\n\t\t\t\tcaptionObject = JSON.parse(caption) as Caption;\n\t\t\t} catch {\n\t\t\t\tcaptionObject = { captionText: caption, captionType: 'default' };\n\t\t\t}\n\t\t} else {\n\t\t\tcaptionObject = caption;\n\t\t}\n\n\t\tthis.componentTagName = componentTagName.toLocaleLowerCase();\n\t\tthis.captionText = captionObject?.captionText;\n\t\tthis.captionType =\n\t\t\t(captionObject?.captionType && CaptionTypes.find((type) => type === captionObject.captionType?.toLowerCase())) ||\n\t\t\t'default';\n\t\tthis.required = required;\n\t\tthis.isLegend = isLegend;\n\t\tthis.translations = translations;\n\t\tthis.language = language;\n\n\t\tthis.validateCaption(this);\n\t}\n\n\t/**\n\t * Return the `<label>` element for text inputs\n\t * @param captionFor Set the `htmlFor` attribute\n\t * @returns element containing the caption for the input\n\t */\n\tgetCaption = (captionFor?: string | undefined, hasHintExpander: boolean = false): HTMLElement => {\n\t\tconst captionText = this.captionText && this.captionText.toLowerCase();\n\t\tconst captionContent = this.isLegend ? (\n\t\t\t<legend class={this.getClass()}>\n\t\t\t\t{this.captionType === 'heading' ? <h1>{this.captionText}</h1> : this.captionText}\n\t\t\t\t{this.getRequiredFlagElement()}\n\t\t\t\t{hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false)}\n\t\t\t</legend>\n\t\t) : (\n\t\t\t<label htmlFor={captionFor} class={this.getClass()}>\n\t\t\t\t{this.captionText}\n\t\t\t\t{this.getRequiredFlagElement()}\n\t\t\t\t{hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false)}\n\t\t\t</label>\n\t\t);\n\n\t\t// with `this.captionType` already set to one of the enum values, the comparison no longer needs the `toLowerCase()` transform\n\t\treturn this.captionType === 'heading' && !this.isLegend ? <h1>{captionContent}</h1> : captionContent;\n\t};\n\n\tgetHintExpanderAccessibilityText(captionText: string, hasHintExpanderOnOption: boolean = false): HTMLElement {\n\t\tconst multipleOptionsMessage = (\n\t\t\t<span class=\"ontario-show-for-sr\">\n\t\t\t\t{this.translations.accessibility.moreInfo[this.language]} \"{captionText.toLowerCase()}\"{' '}\n\t\t\t\t{this.translations.accessibility.checkboxHintExpander[this.language]}\n\t\t\t</span>\n\t\t);\n\n\t\tconst singleOptionMessage = (\n\t\t\t<span class=\"ontario-show-for-sr\">\n\t\t\t\t{this.translations.accessibility.moreInfo[this.language]} \"{captionText.toLowerCase()}\"{' '}\n\t\t\t\t{this.translations.accessibility.singleHintExpander[this.language]}\n\t\t\t</span>\n\t\t);\n\t\treturn this.componentTagName === 'ontario-checkboxes'\n\t\t\t? !hasHintExpanderOnOption\n\t\t\t\t? multipleOptionsMessage\n\t\t\t\t: singleOptionMessage\n\t\t\t: singleOptionMessage;\n\t}\n\n\t/**\n\t * Determines which flag text to use between `required` and `optional`\n\t * @returns `required` or `optional` flag text\n\t */\n\tprivate getRequiredFlagText(): string {\n\t\treturn this.required\n\t\t\t? this.translations && `(${this.translations.required[this.language]})`\n\t\t\t: this.translations && `(${this.translations.optional[this.language]})`;\n\t}\n\n\t/**\n\t * Get the HTML for the required/optional flag.\n\t * @returns CSS class for the label/legend.\n\t */\n\tprivate getRequiredFlagElement(): HTMLElement {\n\t\treturn <span class=\"ontario-label__flag\">{this.getRequiredFlagText()}</span>;\n\t}\n\n\t/**\n\t * Get the CSS class for the `label` element.\n\t * @returns CSS class for the `label` element.\n\t */\n\tprivate getClass(): string {\n\t\treturn this.captionType === 'large' || this.captionType === 'heading'\n\t\t\t? this.isLegend\n\t\t\t\t? `ontario-fieldset__legend ontario-fieldset__legend--${this.captionType}`\n\t\t\t\t: `ontario-label ontario-label--${this.captionType}`\n\t\t\t: this.isLegend\n\t\t\t? 'ontario-fieldset__legend'\n\t\t\t: 'ontario-label';\n\t}\n\n\t/**\n\t * Validate caption input by user and output warning message to the console if:\n\t * 1. the `caption` object is not provided\n\t * 2. the `captionText` property of the `caption` object is not provided\n\t * 3. the `captionText` property of the `caption` object is empty or contain only spaces\n\t * 4. the `captionType` property of the `caption` object is not provided\n\t * 5. the `captionType` property of the `caption` object is incorrect\n\t */\n\tprivate validateCaption(caption?: InputCaption) {\n\t\tlet messageType;\n\n\t\t// undefined `caption` object\n\t\tif (!caption || Object.keys(caption).length <= 0) {\n\t\t\tmessageType = MessageContentType.UndefinedCaptionObject;\n\t\t} else {\n\t\t\t// undefined `captionText` property\n\t\t\tif (!caption.captionText) {\n\t\t\t\tmessageType = MessageContentType.UndefinedCaptionText;\n\t\t\t} else {\n\t\t\t\t// `captionText` that is empty or contains only spaces\n\t\t\t\tif (/^\\s*$/.test(caption.captionText)) {\n\t\t\t\t\tmessageType = MessageContentType.EmptyCaptionText;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// undefined `captionType`\n\t\t\tif (!caption.captionType) {\n\t\t\t\tmessageType = MessageContentType.UndefinedCaptionType;\n\t\t\t} else {\n\t\t\t\t// incorrect `captionType`\n\t\t\t\tif (!CaptionTypes.includes(caption?.captionType?.toLowerCase() as CaptionType)) {\n\t\t\t\t\tmessageType = MessageContentType.IncorrectCaptionType;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (messageType) {\n\t\t\tconst message = new ConsoleMessageClass().addDesignSystemTag();\n\n\t\t\tif (messageType !== MessageContentType.UndefinedCaptionObject) {\n\t\t\t\tmessage\n\t\t\t\t\t.addMonospaceText(\n\t\t\t\t\t\t` ${\n\t\t\t\t\t\t\tmessageType === MessageContentType.EmptyCaptionText ||\n\t\t\t\t\t\t\tmessageType === MessageContentType.UndefinedCaptionText\n\t\t\t\t\t\t\t\t? 'caption or captionText'\n\t\t\t\t\t\t\t\t: 'captionType'\n\t\t\t\t\t\t} `,\n\t\t\t\t\t)\n\t\t\t\t\t.addRegularText('object or property of');\n\t\t\t}\n\n\t\t\tmessage.addMonospaceText(' caption ').addRegularText('object on').addMonospaceText(` ${this.componentTagName} `);\n\t\t\tthis.printConsoleMessage(messageType, message, this.getRequiredFlagText());\n\t\t}\n\t}\n\n\t/**\n\t * Generate the content of warning message to be printed to the console\n\t * @param messageType determine the content of warning message to output\n\t * @param componentTagName the tag name of the component that's emitting the warning message\n\t * @param requiredFlagText accepts a string value to be used as the required flag text and defaults to `(optional)` if not set\n\t * @returns an array of `ConsoleMessage` objects containing the message and associated styles to be printed to the console\n\t */\n\tprivate printConsoleMessage(\n\t\tmessageType: MessageContentType,\n\t\tmessage: ConsoleMessageClass,\n\t\trequiredFlagText: string = '(optional)',\n\t) {\n\t\tswitch (messageType) {\n\t\t\t// undefinedCaptionObject example: caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.\n\t\t\t// undefinedCaptionText example: captionText property of caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.\n\t\t\t// EmptyCaptionText example: captionText property of caption object on <ontario-input> is empty or contains only spaces. A blank followed by a (optional) flag is assumed.\n\t\t\tcase MessageContentType.UndefinedCaptionObject:\n\t\t\tcase MessageContentType.UndefinedCaptionText:\n\t\t\tcase MessageContentType.EmptyCaptionText:\n\t\t\t\tmessage\n\t\t\t\t\t.addRegularText(\n\t\t\t\t\t\t`${\n\t\t\t\t\t\t\tmessageType === MessageContentType.EmptyCaptionText\n\t\t\t\t\t\t\t\t? 'is empty or contains only spaces'\n\t\t\t\t\t\t\t\t: 'is required but not defined'\n\t\t\t\t\t\t}. A blank followed by a`,\n\t\t\t\t\t)\n\t\t\t\t\t.addMonospaceText(` ${requiredFlagText} `)\n\t\t\t\t\t.addRegularText('flag is assumed.');\n\t\t\t\tbreak;\n\n\t\t\t// UndefinedCaptionType example: captionType property of caption object on <ontario-input> is not defined. The default type is assumed.\n\t\t\tcase MessageContentType.UndefinedCaptionType:\n\t\t\t\tmessage.addRegularText('is not defined. The').addMonospaceText(' default ').addRegularText('type is assumed.');\n\t\t\t\tbreak;\n\n\t\t\t// IncorrectCaptionType example: captionType property of caption object on <ontario-input> was set to an incorrect type; only default, heading or large type is allowed. The default type is assumed.\n\t\t\tcase MessageContentType.IncorrectCaptionType:\n\t\t\t\tmessage\n\t\t\t\t\t.addRegularText('was set to an incorrect type; only')\n\t\t\t\t\t.addMonospaceText(' default, heading, ')\n\t\t\t\t\t.addRegularText('or')\n\t\t\t\t\t.addMonospaceText(' large ')\n\t\t\t\t\t.addRegularText('type is allowed. The')\n\t\t\t\t\t.addMonospaceText(' default ')\n\t\t\t\t\t.addRegularText('type is assumed.');\n\t\t\t\tbreak;\n\t\t}\n\n\t\tmessage.printMessage();\n\t}\n}\n"]}
+{"version":3,"file":"input-caption.js","sourceRoot":"","sources":["../../../../src/utils/common/input-caption/input-caption.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { CaptionType, CaptionTypes } from './input-caption.types';\nimport { MessageContentType } from './input-caption.enum';\nimport { CaptionInfo, Caption } from './caption.interface';\nimport { ConsoleMessageClass } from '../../console-message/console-message';\n\nexport class InputCaption implements CaptionInfo {\n\t/**\n\t * The text to display as caption.\n\t */\n\tcaptionText: string;\n\n\t/**\n\t * The type of caption to render.\n\t */\n\tcaptionType?: CaptionType = 'default';\n\n\t/**\n\t * Determine whether the input field is required.\n\t */\n\trequired?: boolean = false;\n\n\t/**\n\t * Determine whether the rendered element is a `<label>` or `<legend>`.\n\t */\n\tisLegend?: boolean = false;\n\n\t/**\n\t * Name of the component instantiating the class.\n\t * This is used for validation warning message.\n\t */\n\tcomponentTagName: string;\n\n\tlanguage: any = 'en';\n\n\ttranslations: any;\n\n\t/**\n\t * Set the class members\n\t * Output a console warning message if the provided `label` type is incorrect\n\t * @param caption object containing the essential data to configure the input label\n\t */\n\tconstructor(\n\t\tcomponentTagName: string,\n\t\tcaption: Caption | string,\n\t\ttranslations: any,\n\t\tlanguage: any,\n\t\tisLegend: boolean = false,\n\t\trequired: boolean = false,\n\t) {\n\t\tlet captionObject: Caption;\n\n\t\tif (typeof caption === 'string') {\n\t\t\ttry {\n\t\t\t\tcaptionObject = JSON.parse(caption) as Caption;\n\t\t\t} catch {\n\t\t\t\tcaptionObject = { captionText: caption, captionType: 'default' };\n\t\t\t}\n\t\t} else {\n\t\t\tcaptionObject = caption;\n\t\t}\n\n\t\tthis.componentTagName = componentTagName.toLocaleLowerCase();\n\t\tthis.captionText = captionObject?.captionText;\n\t\tthis.captionType =\n\t\t\t(captionObject?.captionType && CaptionTypes.find((type) => type === captionObject.captionType?.toLowerCase())) ||\n\t\t\t'default';\n\t\tthis.required = required;\n\t\tthis.isLegend = isLegend;\n\t\tthis.translations = translations;\n\t\tthis.language = language;\n\n\t\tthis.validateCaption(this);\n\t}\n\n\t/**\n\t * Return the `<label>` element for text inputs\n\t * @param captionFor Set the `htmlFor` attribute\n\t * @param hasHintExpander Indicate whether the component the label is for has a hint expander or not\n\t * @param disableRequiredFlag Disable the required/optional label text _(only use in highly special cases)_\n\t * @returns element containing the caption for the input\n\t */\n\tgetCaption = (\n\t\tcaptionFor?: string | undefined,\n\t\thasHintExpander: boolean = false,\n\t\tdisableRequiredFlag: boolean = false,\n\t): HTMLElement => {\n\t\tconst captionText = this.captionText && this.captionText.toLowerCase();\n\t\tconst captionContent = this.isLegend ? (\n\t\t\t<legend class={this.getClass()}>\n\t\t\t\t{this.captionType === 'heading' ? <h1>{this.captionText}</h1> : this.captionText}\n\t\t\t\t{!disableRequiredFlag && this.getRequiredFlagElement()}\n\t\t\t\t{hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false)}\n\t\t\t</legend>\n\t\t) : (\n\t\t\t<label htmlFor={captionFor} class={this.getClass()}>\n\t\t\t\t{this.captionText}\n\t\t\t\t{!disableRequiredFlag && this.getRequiredFlagElement()}\n\t\t\t\t{hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false)}\n\t\t\t</label>\n\t\t);\n\n\t\t// with `this.captionType` already set to one of the enum values, the comparison no longer needs the `toLowerCase()` transform\n\t\treturn this.captionType === 'heading' && !this.isLegend ? <h1>{captionContent}</h1> : captionContent;\n\t};\n\n\tgetHintExpanderAccessibilityText(captionText: string, hasHintExpanderOnOption: boolean = false): HTMLElement {\n\t\tconst multipleOptionsMessage = (\n\t\t\t<span class=\"ontario-show-for-sr\">\n\t\t\t\t{this.translations.accessibility.moreInfo[this.language]} \"{captionText.toLowerCase()}\"{' '}\n\t\t\t\t{this.translations.accessibility.checkboxHintExpander[this.language]}\n\t\t\t</span>\n\t\t);\n\n\t\tconst singleOptionMessage = (\n\t\t\t<span class=\"ontario-show-for-sr\">\n\t\t\t\t{this.translations.accessibility.moreInfo[this.language]} \"{captionText.toLowerCase()}\"{' '}\n\t\t\t\t{this.translations.accessibility.singleHintExpander[this.language]}\n\t\t\t</span>\n\t\t);\n\t\treturn this.componentTagName === 'ontario-checkboxes'\n\t\t\t? !hasHintExpanderOnOption\n\t\t\t\t? multipleOptionsMessage\n\t\t\t\t: singleOptionMessage\n\t\t\t: singleOptionMessage;\n\t}\n\n\t/**\n\t * Determines which flag text to use between `required` and `optional`\n\t * @returns `required` or `optional` flag text\n\t */\n\tprivate getRequiredFlagText(): string {\n\t\treturn this.required\n\t\t\t? this.translations && `(${this.translations.required[this.language]})`\n\t\t\t: this.translations && `(${this.translations.optional[this.language]})`;\n\t}\n\n\t/**\n\t * Get the HTML for the required/optional flag.\n\t * @returns CSS class for the label/legend.\n\t */\n\tprivate getRequiredFlagElement(): HTMLElement {\n\t\treturn <span class=\"ontario-label__flag\">{this.getRequiredFlagText()}</span>;\n\t}\n\n\t/**\n\t * Get the CSS class for the `label` element.\n\t * @returns CSS class for the `label` element.\n\t */\n\tprivate getClass(): string {\n\t\treturn this.captionType === 'large' || this.captionType === 'heading'\n\t\t\t? this.isLegend\n\t\t\t\t? `ontario-fieldset__legend ontario-fieldset__legend--${this.captionType}`\n\t\t\t\t: `ontario-label ontario-label--${this.captionType}`\n\t\t\t: this.isLegend\n\t\t\t? 'ontario-fieldset__legend'\n\t\t\t: 'ontario-label';\n\t}\n\n\t/**\n\t * Validate caption input by user and output warning message to the console if:\n\t * 1. the `caption` object is not provided\n\t * 2. the `captionText` property of the `caption` object is not provided\n\t * 3. the `captionText` property of the `caption` object is empty or contain only spaces\n\t * 4. the `captionType` property of the `caption` object is not provided\n\t * 5. the `captionType` property of the `caption` object is incorrect\n\t */\n\tprivate validateCaption(caption?: InputCaption) {\n\t\tlet messageType;\n\n\t\t// undefined `caption` object\n\t\tif (!caption || Object.keys(caption).length <= 0) {\n\t\t\tmessageType = MessageContentType.UndefinedCaptionObject;\n\t\t} else {\n\t\t\t// undefined `captionText` property\n\t\t\tif (!caption.captionText) {\n\t\t\t\tmessageType = MessageContentType.UndefinedCaptionText;\n\t\t\t} else {\n\t\t\t\t// `captionText` that is empty or contains only spaces\n\t\t\t\tif (/^\\s*$/.test(caption.captionText)) {\n\t\t\t\t\tmessageType = MessageContentType.EmptyCaptionText;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// undefined `captionType`\n\t\t\tif (!caption.captionType) {\n\t\t\t\tmessageType = MessageContentType.UndefinedCaptionType;\n\t\t\t} else {\n\t\t\t\t// incorrect `captionType`\n\t\t\t\tif (!CaptionTypes.includes(caption?.captionType?.toLowerCase() as CaptionType)) {\n\t\t\t\t\tmessageType = MessageContentType.IncorrectCaptionType;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (messageType) {\n\t\t\tconst message = new ConsoleMessageClass().addDesignSystemTag();\n\n\t\t\tif (messageType !== MessageContentType.UndefinedCaptionObject) {\n\t\t\t\tmessage\n\t\t\t\t\t.addMonospaceText(\n\t\t\t\t\t\t` ${\n\t\t\t\t\t\t\tmessageType === MessageContentType.EmptyCaptionText ||\n\t\t\t\t\t\t\tmessageType === MessageContentType.UndefinedCaptionText\n\t\t\t\t\t\t\t\t? 'caption or captionText'\n\t\t\t\t\t\t\t\t: 'captionType'\n\t\t\t\t\t\t} `,\n\t\t\t\t\t)\n\t\t\t\t\t.addRegularText('object or property of');\n\t\t\t}\n\n\t\t\tmessage.addMonospaceText(' caption ').addRegularText('object on').addMonospaceText(` ${this.componentTagName} `);\n\t\t\tthis.printConsoleMessage(messageType, message, this.getRequiredFlagText());\n\t\t}\n\t}\n\n\t/**\n\t * Generate the content of warning message to be printed to the console\n\t * @param messageType determine the content of warning message to output\n\t * @param componentTagName the tag name of the component that's emitting the warning message\n\t * @param requiredFlagText accepts a string value to be used as the required flag text and defaults to `(optional)` if not set\n\t * @returns an array of `ConsoleMessage` objects containing the message and associated styles to be printed to the console\n\t */\n\tprivate printConsoleMessage(\n\t\tmessageType: MessageContentType,\n\t\tmessage: ConsoleMessageClass,\n\t\trequiredFlagText: string = '(optional)',\n\t) {\n\t\tswitch (messageType) {\n\t\t\t// undefinedCaptionObject example: caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.\n\t\t\t// undefinedCaptionText example: captionText property of caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.\n\t\t\t// EmptyCaptionText example: captionText property of caption object on <ontario-input> is empty or contains only spaces. A blank followed by a (optional) flag is assumed.\n\t\t\tcase MessageContentType.UndefinedCaptionObject:\n\t\t\tcase MessageContentType.UndefinedCaptionText:\n\t\t\tcase MessageContentType.EmptyCaptionText:\n\t\t\t\tmessage\n\t\t\t\t\t.addRegularText(\n\t\t\t\t\t\t`${\n\t\t\t\t\t\t\tmessageType === MessageContentType.EmptyCaptionText\n\t\t\t\t\t\t\t\t? 'is empty or contains only spaces'\n\t\t\t\t\t\t\t\t: 'is required but not defined'\n\t\t\t\t\t\t}. A blank followed by a`,\n\t\t\t\t\t)\n\t\t\t\t\t.addMonospaceText(` ${requiredFlagText} `)\n\t\t\t\t\t.addRegularText('flag is assumed.');\n\t\t\t\tbreak;\n\n\t\t\t// UndefinedCaptionType example: captionType property of caption object on <ontario-input> is not defined. The default type is assumed.\n\t\t\tcase MessageContentType.UndefinedCaptionType:\n\t\t\t\tmessage.addRegularText('is not defined. The').addMonospaceText(' default ').addRegularText('type is assumed.');\n\t\t\t\tbreak;\n\n\t\t\t// IncorrectCaptionType example: captionType property of caption object on <ontario-input> was set to an incorrect type; only default, heading or large type is allowed. The default type is assumed.\n\t\t\tcase MessageContentType.IncorrectCaptionType:\n\t\t\t\tmessage\n\t\t\t\t\t.addRegularText('was set to an incorrect type; only')\n\t\t\t\t\t.addMonospaceText(' default, heading, ')\n\t\t\t\t\t.addRegularText('or')\n\t\t\t\t\t.addMonospaceText(' large ')\n\t\t\t\t\t.addRegularText('type is allowed. The')\n\t\t\t\t\t.addMonospaceText(' default ')\n\t\t\t\t\t.addRegularText('type is assumed.');\n\t\t\t\tbreak;\n\t\t}\n\n\t\tmessage.printMessage();\n\t}\n}\n"]}

package/dist/collection/utils/common/language-types.js

@@ -1,2 +1,2 @@
-export {};
+export const supportedLanguages = ['en', 'fr'];
 //# sourceMappingURL=language-types.js.map

package/dist/collection/utils/common/language-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"language-types.js","sourceRoot":"","sources":["../../../src/utils/common/language-types.ts"],"names":[],"mappings":"","sourcesContent":["export type Language = 'en' | 'fr';\n"]}
+{"version":3,"file":"language-types.js","sourceRoot":"","sources":["../../../src/utils/common/language-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC","sourcesContent":["export const supportedLanguages = ['en', 'fr'] as const;\nexport type Language = (typeof supportedLanguages)[number];\n"]}

package/dist/collection/utils/helper/utils-types.js

@@ -0,0 +1,2 @@
+export const conjunctions = ['and', 'or'];
+//# sourceMappingURL=utils-types.js.map

package/dist/collection/utils/helper/utils-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-types.js","sourceRoot":"","sources":["../../../src/utils/helper/utils-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,IAAI,CAAU,CAAC","sourcesContent":["export const conjunctions = ['and', 'or'] as const;\nexport type Conjunction = (typeof conjunctions)[number];\n"]}