@ongov/ontario-design-system-component-library 4.2.0-alpha.1

package/dist/collection/global.js

@@ -0,0 +1,7 @@
+import { setMode } from '@stencil/core';
+setMode((elm) => {
+	// NOTE: you can write whatever you want here - it's up to you. This
+	// function must return one of the style "modes" defined in step 1.
+	return elm.type;
+});
+//# sourceMappingURL=global.js.map

package/dist/collection/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../src/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;IACf,oEAAoE;IACpE,mEAAmE;IACnE,OAAQ,GAAW,CAAC,IAAI,CAAC;AAC1B,CAAC,CAAC,CAAC","sourcesContent":["import { setMode } from '@stencil/core';\n\nsetMode((elm) => {\n\t// NOTE: you can write whatever you want here - it's up to you. This\n\t// function must return one of the style \"modes\" defined in step 1.\n\treturn (elm as any).type;\n});\n"]}

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

@@ -0,0 +1,230 @@
+{
+	"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."
+		},
+		"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"
+		}
+	},
+	"stepIndicator": {
+		"back": {
+			"en": "Back",
+			"fr": "Retour"
+		},
+		"step": {
+			"en": "Step",
+			"fr": "Étape"
+		},
+		"of": {
+			"en": "of",
+			"fr": "sur"
+		},
+		"complete": {
+			"en": "complete",
+			"fr": "complet"
+		}
+	},
+	"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"
+		},
+		"closeSearch": {
+			"en": "Close search bar",
+			"fr": "Fermer la barre de recherche"
+		}
+	},
+	"input": {
+		"requiredFieldError": {
+			"en": "This is a required field.",
+			"fr": "Ce champ est obligatoire."
+		}
+	},
+	"dateInput": {
+		"caption": {
+			"en": "Exact date",
+			"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"
+			}
+		},
+		"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.",
+				"emptyMonthAndYear": "Enter the year and month.",
+				"invalidDate": "Enter a valid date.",
+				"invalidDay": "Enter a valid day.",
+				"invalidMonth": "Enter a valid month.",
+				"invalidYear": "Enter a valid year."
+			},
+			"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.",
+				"emptyMonthAndYear": "Saisissez l’année et le mois.",
+				"invalidDate": "Saisissez une date valide.",
+				"invalidDay": "Saisissez un jour valide.",
+				"invalidMonth": "Saisissez un mois valide.",
+				"invalidYear": "Saisissez une année valide."
+			}
+		}
+	},
+	"accordion": {
+		"expand": {
+			"en": "Expand all",
+			"fr": "Agrandir tout"
+		},
+		"collapse": {
+			"en": "Collapse all",
+			"fr": "Réduire tout"
+		},
+		"expandCollapseAriaLabel": {
+			"en": "Expand or collapse the accordion",
+			"fr": "Agrandissez ou réduisez l'accordéon"
+		}
+	}
+}

package/dist/collection/index.js

@@ -0,0 +1,3 @@
+// export { Components, JSX } from './components';
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,cAAc,cAAc,CAAC","sourcesContent":["// export { Components, JSX } from './components';\nexport * from './components';\n"]}

package/dist/collection/translations/index.js

@@ -0,0 +1,3 @@
+export { default as translations } from './global.i18n.json';
+export * from './translations-types';
+//# sourceMappingURL=index.js.map

package/dist/collection/translations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/translations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,cAAc,sBAAsB,CAAC","sourcesContent":["export { default as translations } from './global.i18n.json';\nexport * from './translations-types';\n"]}

package/dist/collection/translations/translations-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=translations-types.js.map

package/dist/collection/translations/translations-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations-types.js","sourceRoot":"","sources":["../../src/translations/translations-types.ts"],"names":[],"mappings":"","sourcesContent":["import translations from './global.i18n.json';\n\nexport type Translations = typeof translations;\n"]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=common.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.interface.js","sourceRoot":"","sources":["../../../src/utils/common/common.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { Language } from './language-types';\nimport { InputInteractionEvent, InputFocusBlurEvent } from '../events/event-handler.interface';\nimport { EventEmitter } from '@stencil/core';\n\nexport interface Base {\n\t/**\n\t * The unique identifier of the element. This is optional - if no ID is passed, one will be generated.\n\t */\n\telementId?: string;\n\n\t/**\n\t * Returns the unique identifier.\n\t */\n\tgetId?: () => string;\n\n\t/**\n\t * Stencil API that doesn't return anything. Implementation is optional.\n\t */\n\tcomponentWillLoad?: () => void;\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender?: () => object;\n}\n\nexport interface Input extends Base {\n\t/**\n\t * The name assigned to the element. The name value is used to reference form data after a form is submitted.\n\t */\n\tname: string;\n\n\t/**\n\t * Used to define whether the input field is required or not.\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * The language of the component.\n\t * This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.\n\t */\n\tlanguage?: Language;\n\n\t/**\n\t * The element content value.\n\t */\n\tvalue?: string;\n\n\t/**\n\t * Used to add a custom function to the input onChange event.\n\t */\n\tcustomOnChange?: (event: globalThis.Event) => void;\n\n\t/**\n\t * Used to add a custom function to the input onBlur event.\n\t */\n\tcustomOnBlur?: (event: globalThis.Event) => void;\n\n\t/**\n\t * Used to add a custom function to the input onFocus event.\n\t */\n\tcustomOnFocus?: (event: globalThis.Event) => void;\n\n\t/**\n\t * Emitted when a keyboard input or mouse event occurs when an input has been changed.\n\t */\n\tinputOnChange: EventEmitter<InputInteractionEvent>;\n\n\t/**\n\t * Emitted when a keyboard input event occurs when an input has lost focus.\n\t */\n\tinputOnBlur: EventEmitter<InputFocusBlurEvent>;\n\n\t/**\n\t * Emitted when a keyboard input event occurs when an input has gained focus.\n\t */\n\tinputOnFocus: EventEmitter<InputFocusBlurEvent>;\n}\n\nexport interface Hint extends Base {\n\t/**\n\t * The content type of the hint.\n\t * If no prop is passed, it will default to a string.\n\t * If the hint requires multiple lines or HTML, the `hintContentType` prop should be set to `html`.\n\t */\n\thintContentType?: 'string' | 'html';\n\n\t/**\n\t * Text to display as the hint text statement.\n\t *\n\t * Setting the hint can be done using the element content or setting the\n\t * this property.  This property will take precedence.\n\t */\n\thint: string;\n}\n\nexport type HintContentType = 'string' | 'html';\n"]}

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

@@ -0,0 +1,3 @@
+export const minimumGridColumns = 1;
+export const maximumGridColumns = 12;
+//# sourceMappingURL=common.variables.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.variables.js","sourceRoot":"","sources":["../../../src/utils/common/common.variables.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC;AACpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC","sourcesContent":["export const minimumGridColumns = 1;\nexport const maximumGridColumns = 12;\n"]}

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

@@ -0,0 +1,81 @@
+var __rest =
+	(this && this.__rest) ||
+	function (s, e) {
+		var t = {};
+		for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+		if (s != null && typeof Object.getOwnPropertySymbols === 'function')
+			for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+				if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+			}
+		return t;
+	};
+import { h } from '@stencil/core';
+export const Input = (_a) => {
+	var {
+			autoComplete,
+			className,
+			id,
+			name,
+			placeholder,
+			type,
+			value,
+			checked,
+			required,
+			onKeyDown,
+			onInput,
+			onChange,
+			onBlur,
+			onFocus,
+			ariaInvalid,
+			ariaDescribedBy,
+			ref,
+			inputMode,
+		} = _a,
+		props = __rest(_a, [
+			'autoComplete',
+			'className',
+			'id',
+			'name',
+			'placeholder',
+			'type',
+			'value',
+			'checked',
+			'required',
+			'onKeyDown',
+			'onInput',
+			'onChange',
+			'onBlur',
+			'onFocus',
+			'ariaInvalid',
+			'ariaDescribedBy',
+			'ref',
+			'inputMode',
+		]);
+	return h(
+		'input',
+		Object.assign(
+			{
+				'autoComplete': autoComplete,
+				'class': className,
+				'id': id,
+				'name': name,
+				'type': type,
+				'value': value,
+				'checked': checked,
+				'placeholder': placeholder,
+				'required': !!required,
+				'onKeyDown': onKeyDown,
+				'onInput': onInput,
+				'onChange': onChange,
+				'onBlur': onBlur,
+				'onFocus': onFocus,
+				'inputMode': inputMode,
+				'ref': ref,
+				'aria-invalid': ariaInvalid,
+				'aria-describedby': ariaDescribedBy,
+			},
+			props,
+		),
+	);
+};
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=caption.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"caption.interface.js","sourceRoot":"","sources":["../../../../src/utils/common/input-caption/caption.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { CaptionType } from './input-caption.types';\n\nexport interface Caption {\n\t/**\n\t * The text to display as the caption. Must be implemented.\n\t */\n\tcaptionText: string;\n\n\t/**\n\t * The type of caption to render.\n\t * This is optional - if no type is passed, the \"default\" type will render.\n\t */\n\tcaptionType?: CaptionType;\n}\n\nexport interface CaptionInfo extends Caption {\n\t/**\n\t * Determine whether the input field is required.\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * Determine whether the rendered element is a `<label>` or `<legend>`.\n\t */\n\tisLegend?: boolean;\n\n\t/**\n\t * Name of the component instantiating the class.\n\t * This is used for the validation warning message.\n\t */\n\tcomponentTagName: string;\n\n\ttranslations: any;\n\n\tlanguage: any;\n}\n"]}

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

@@ -0,0 +1,9 @@
+export var MessageContentType;
+(function (MessageContentType) {
+	MessageContentType['UndefinedCaptionObject'] = 'undefinedCaptionObject';
+	MessageContentType['UndefinedCaptionText'] = 'undefinedCaption';
+	MessageContentType['EmptyCaptionText'] = 'emptyCaption';
+	MessageContentType['UndefinedCaptionType'] = 'undefinedCaptionType';
+	MessageContentType['IncorrectCaptionType'] = 'incorrectCaptionType';
+})(MessageContentType || (MessageContentType = {}));
+//# sourceMappingURL=input-caption.enum.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-caption.enum.js","sourceRoot":"","sources":["../../../../src/utils/common/input-caption/input-caption.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC7B,uEAAiD,CAAA;IACjD,+DAAyC,CAAA;IACzC,uDAAiC,CAAA;IACjC,mEAA6C,CAAA;IAC7C,mEAA6C,CAAA;AAC9C,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B","sourcesContent":["export enum MessageContentType {\n\tUndefinedCaptionObject = 'undefinedCaptionObject',\n\tUndefinedCaptionText = 'undefinedCaption',\n\tEmptyCaptionText = 'emptyCaption',\n\tUndefinedCaptionType = 'undefinedCaptionType',\n\tIncorrectCaptionType = 'incorrectCaptionType',\n}\n"]}

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

@@ -0,0 +1,234 @@
+import { h } from '@stencil/core';
+import { CaptionTypes } from './input-caption.types';
+import { MessageContentType } from './input-caption.enum';
+import { ConsoleMessageClass } from '../../console-message/console-message';
+export class InputCaption {
+	/**
+	 * Set the class members
+	 * Output a console warning message if the provided `label` type is incorrect
+	 * @param caption object containing the essential data to configure the input label
+	 */
+	constructor(componentTagName, caption, translations, language, isLegend = false, required = false) {
+		/**
+		 * The type of caption to render.
+		 */
+		this.captionType = 'default';
+		/**
+		 * Determine whether the input field is required.
+		 */
+		this.required = false;
+		/**
+		 * Determine whether the rendered element is a `<label>` or `<legend>`.
+		 */
+		this.isLegend = false;
+		this.language = 'en';
+		/**
+		 * Return the `<label>` element for text inputs
+		 * @param captionFor Set the `htmlFor` attribute
+		 * @returns element containing the caption for the input
+		 */
+		this.getCaption = (captionFor, hasHintExpander = 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(),
+						hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false),
+				  )
+				: h(
+						'label',
+						{ htmlFor: captionFor, class: this.getClass() },
+						this.captionText,
+						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
+			return this.captionType === 'heading' && !this.isLegend ? h('h1', null, captionContent) : captionContent;
+		};
+		let captionObject;
+		if (typeof caption === 'string') {
+			try {
+				captionObject = JSON.parse(caption);
+			} catch (_a) {
+				captionObject = { captionText: caption, captionType: 'default' };
+			}
+		} else {
+			captionObject = caption;
+		}
+		this.componentTagName = componentTagName.toLocaleLowerCase();
+		this.captionText = captionObject === null || captionObject === void 0 ? void 0 : captionObject.captionText;
+		this.captionType =
+			((captionObject === null || captionObject === void 0 ? void 0 : captionObject.captionType) &&
+				CaptionTypes.find((type) => {
+					var _a;
+					return type === ((_a = captionObject.captionType) === null || _a === void 0 ? void 0 : _a.toLowerCase());
+				})) ||
+			'default';
+		this.required = required;
+		this.isLegend = isLegend;
+		this.translations = translations;
+		this.language = language;
+		this.validateCaption(this);
+	}
+	getHintExpanderAccessibilityText(captionText, hasHintExpanderOnOption = false) {
+		const multipleOptionsMessage = h(
+			'span',
+			{ class: 'ontario-show-for-sr' },
+			this.translations.accessibility.moreInfo[this.language],
+			' "',
+			captionText.toLowerCase(),
+			'"',
+			' ',
+			this.translations.accessibility.checkboxHintExpander[this.language],
+		);
+		const singleOptionMessage = h(
+			'span',
+			{ class: 'ontario-show-for-sr' },
+			this.translations.accessibility.moreInfo[this.language],
+			' "',
+			captionText.toLowerCase(),
+			'"',
+			' ',
+			this.translations.accessibility.singleHintExpander[this.language],
+		);
+		return this.componentTagName === 'ontario-checkboxes'
+			? !hasHintExpanderOnOption
+				? multipleOptionsMessage
+				: singleOptionMessage
+			: singleOptionMessage;
+	}
+	/**
+	 * Determines which flag text to use between `required` and `optional`
+	 * @returns `required` or `optional` flag text
+	 */
+	getRequiredFlagText() {
+		return this.required
+			? this.translations && `(${this.translations.required[this.language]})`
+			: this.translations && `(${this.translations.optional[this.language]})`;
+	}
+	/**
+	 * Get the HTML for the required/optional flag.
+	 * @returns CSS class for the label/legend.
+	 */
+	getRequiredFlagElement() {
+		return h('span', { class: 'ontario-label__flag' }, this.getRequiredFlagText());
+	}
+	/**
+	 * Get the CSS class for the `label` element.
+	 * @returns CSS class for the `label` element.
+	 */
+	getClass() {
+		return this.captionType === 'large' || this.captionType === 'heading'
+			? this.isLegend
+				? `ontario-fieldset__legend ontario-fieldset__legend--${this.captionType}`
+				: `ontario-label ontario-label--${this.captionType}`
+			: this.isLegend
+			? 'ontario-fieldset__legend'
+			: 'ontario-label';
+	}
+	/**
+	 * Validate caption input by user and output warning message to the console if:
+	 * 1. the `caption` object is not provided
+	 * 2. the `captionText` property of the `caption` object is not provided
+	 * 3. the `captionText` property of the `caption` object is empty or contain only spaces
+	 * 4. the `captionType` property of the `caption` object is not provided
+	 * 5. the `captionType` property of the `caption` object is incorrect
+	 */
+	validateCaption(caption) {
+		var _a;
+		let messageType;
+		// undefined `caption` object
+		if (!caption || Object.keys(caption).length <= 0) {
+			messageType = MessageContentType.UndefinedCaptionObject;
+		} else {
+			// undefined `captionText` property
+			if (!caption.captionText) {
+				messageType = MessageContentType.UndefinedCaptionText;
+			} else {
+				// `captionText` that is empty or contains only spaces
+				if (/^\s*$/.test(caption.captionText)) {
+					messageType = MessageContentType.EmptyCaptionText;
+				}
+			}
+			// undefined `captionType`
+			if (!caption.captionType) {
+				messageType = MessageContentType.UndefinedCaptionType;
+			} else {
+				// incorrect `captionType`
+				if (
+					!CaptionTypes.includes(
+						(_a = caption === null || caption === void 0 ? void 0 : caption.captionType) === null || _a === void 0
+							? void 0
+							: _a.toLowerCase(),
+					)
+				) {
+					messageType = MessageContentType.IncorrectCaptionType;
+				}
+			}
+		}
+		if (messageType) {
+			const message = new ConsoleMessageClass().addDesignSystemTag();
+			if (messageType !== MessageContentType.UndefinedCaptionObject) {
+				message
+					.addMonospaceText(
+						` ${
+							messageType === MessageContentType.EmptyCaptionText ||
+							messageType === MessageContentType.UndefinedCaptionText
+								? 'caption or captionText'
+								: 'captionType'
+						} `,
+					)
+					.addRegularText('object or property of');
+			}
+			message.addMonospaceText(' caption ').addRegularText('object on').addMonospaceText(` ${this.componentTagName} `);
+			this.printConsoleMessage(messageType, message, this.getRequiredFlagText());
+		}
+	}
+	/**
+	 * Generate the content of warning message to be printed to the console
+	 * @param messageType determine the content of warning message to output
+	 * @param componentTagName the tag name of the component that's emitting the warning message
+	 * @param requiredFlagText accepts a string value to be used as the required flag text and defaults to `(optional)` if not set
+	 * @returns an array of `ConsoleMessage` objects containing the message and associated styles to be printed to the console
+	 */
+	printConsoleMessage(messageType, message, requiredFlagText = '(optional)') {
+		switch (messageType) {
+			// undefinedCaptionObject example: caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.
+			// undefinedCaptionText example: captionText property of caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.
+			// 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.
+			case MessageContentType.UndefinedCaptionObject:
+			case MessageContentType.UndefinedCaptionText:
+			case MessageContentType.EmptyCaptionText:
+				message
+					.addRegularText(
+						`${
+							messageType === MessageContentType.EmptyCaptionText
+								? 'is empty or contains only spaces'
+								: 'is required but not defined'
+						}. A blank followed by a`,
+					)
+					.addMonospaceText(` ${requiredFlagText} `)
+					.addRegularText('flag is assumed.');
+				break;
+			// UndefinedCaptionType example: captionType property of caption object on <ontario-input> is not defined. The default type is assumed.
+			case MessageContentType.UndefinedCaptionType:
+				message.addRegularText('is not defined. The').addMonospaceText(' default ').addRegularText('type is assumed.');
+				break;
+			// 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.
+			case MessageContentType.IncorrectCaptionType:
+				message
+					.addRegularText('was set to an incorrect type; only')
+					.addMonospaceText(' default, heading, ')
+					.addRegularText('or')
+					.addMonospaceText(' large ')
+					.addRegularText('type is allowed. The')
+					.addMonospaceText(' default ')
+					.addRegularText('type is assumed.');
+				break;
+		}
+		message.printMessage();
+	}
+}
+//# sourceMappingURL=input-caption.js.map