@ongov/ontario-design-system-component-library 4.2.0 → 4.3.0-alpha.2

package/www/build/{p-abafe472.entry.js → p-f8cbec7c.entry.js}

@@ -67,14 +67,14 @@ const l = class {
 		return t(
 			'div',
 			{
-				key: '2258a8324d53c0831c4c7d90aa628738de6f0340',
+				key: '02f348766cffedaaef6b72258d6288755c9fc825',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			t(
 				'svg',
 				{
-					key: '116e00d9b534235e43d901035bac59be3d432925',
+					key: 'c60d26d10af6ce3afaaaa3c14a1ff1cc27772275',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -83,7 +83,7 @@ const l = class {
 					id: 'instagram',
 				},
 				t('path', {
-					key: '9e03f241524a9cd390ff1bad267480eb76256239',
+					key: '4ab13f644b2260f2482578031938670c4cadc71b',
 					d: 'M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2zm-.2 2A3.6 3.6 0 0 0 4 7.6v8.8A3.6 3.6 0 0 0 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6A3.6 3.6 0 0 0 16.4 4H7.6zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25zM12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z',
 				}),
 			),
@@ -95,4 +95,4 @@ const l = class {
 };
 l.style = r;
 export { l as ontario_icon_instagram };
-//# sourceMappingURL=p-abafe472.entry.js.map
+//# sourceMappingURL=p-f8cbec7c.entry.js.map

package/{dist/ontario-design-system-components/p-87897e51.entry.js → www/build/p-fb1a144e.entry.js}

@@ -1,9 +1,9 @@
 import { r as i, h as t } from './p-14fa9399.js';
 import { a as o, I as s, l as e } from './p-314395de.js';
-import { C as a } from './p-55c48d50.js';
-const n =
+import { C as n } from './p-55c48d50.js';
+const r =
 	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const r = n;
+const a = r;
 const l = class {
 	constructor(t) {
 		i(this, t);
@@ -15,7 +15,7 @@ const l = class {
 	}
 	validateWidth() {
 		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const i = new a();
+			const i = new n();
 			i.addDesignSystemTag()
 				.addMonospaceText(' icon-width ')
 				.addRegularText('on')
@@ -46,7 +46,7 @@ const l = class {
 		}
 	}
 	warnDefaultColour() {
-		const i = new a();
+		const i = new n();
 		i.addDesignSystemTag()
 			.addMonospaceText(' colour ')
 			.addRegularText('on')
@@ -67,14 +67,14 @@ const l = class {
 		return t(
 			'div',
 			{
-				key: '67e3ae9e5452614f39415260b4446948b74c0640',
+				key: 'fc0d7c0012410ebd48a86187fe57d592f9e08771',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			t(
 				'svg',
 				{
-					key: '87fac257274676a31d0e28903c1adef47fe71f01',
+					key: '7058fa2c6fc2568b17cbffe38cf3fff69f01b874',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -83,7 +83,7 @@ const l = class {
 					id: 'timer',
 				},
 				t('path', {
-					key: 'b825c4b8ce89191f4afe208d4ae3af8cb0ff9291',
+					key: '361ce6cbfc95d19fc639f5bb494c782bd8595c20',
 					d: 'M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.6l1.42-1.42c-.43-.5-.9-1-1.4-1.4l-1.42 1.42A8.96 8.96 0 0 0 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.6zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z',
 				}),
 			),
@@ -93,6 +93,6 @@ const l = class {
 		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
 	}
 };
-l.style = r;
+l.style = a;
 export { l as ontario_icon_timer };
-//# sourceMappingURL=p-87897e51.entry.js.map
+//# sourceMappingURL=p-fb1a144e.entry.js.map

package/{dist/ontario-design-system-components/p-33554950.entry.js → www/build/p-fe487325.entry.js}

@@ -67,14 +67,14 @@ const l = class {
 		return i(
 			'div',
 			{
-				key: 'ced962082952c52e7f5464a88550e6008a8a7e13',
+				key: '6d01423125531dec1fc54790c3fdf8f1f4814493',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			i(
 				'svg',
 				{
-					key: '9e7494386e7efc5fd3c17b83ac0ad66b4efcb137',
+					key: '5b72b61d6ad04a2d1dc3bd827d6b459626ece101',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -83,7 +83,7 @@ const l = class {
 					id: 'facebook',
 				},
 				i('path', {
-					key: 'b7fd95b900361ae4290a0310d51b6febd8915813',
+					key: 'd2116fa476ffb3394b99b0ef8755e8cb4c9a0989',
 					d: 'M17 2v4h-2c-.7 0-1 .8-1 1.5V10h3v4h-3v8h-4v-8H7v-4h3V6a4 4 0 0 1 4-4h3z',
 				}),
 			),
@@ -95,4 +95,4 @@ const l = class {
 };
 l.style = r;
 export { l as ontario_icon_facebook };
-//# sourceMappingURL=p-33554950.entry.js.map
+//# sourceMappingURL=p-fe487325.entry.js.map

package/www/index.html

@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html dir="ltr" lang="en">
 	<head>
-		<link rel="stylesheet" href="/build/p-12d6190c.css" />
+		<link rel="stylesheet" href="/build/p-016eeaf2.css" />
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
 		<title>Ontario Design System - component samples</title>
-		<link rel="modulepreload" href="/build/p-1d439e32.js" />
+		<link rel="modulepreload" href="/build/p-686e3e3f.js" />
 		<link rel="modulepreload" href="/build/p-14fa9399.js" />
 		<link rel="modulepreload" href="/build/p-314395de.js" />
 		<link rel="modulepreload" href="/build/p-55c48d50.js" />
 		<script
 			type="module"
-			src="/build/p-1d439e32.js"
+			src="/build/p-686e3e3f.js"
 			data-stencil
 			data-resources-url="/build/"
 			data-stencil-namespace="ontario-design-system-components"
@@ -126,6 +126,7 @@
 						<h2 id="callout-aside">Callouts and Asides</h2>
 						<div>
 							<h3 class="ontario-h4">Callouts</h3>
+							<h4 class="ontario-h5">With Heading</h4>
 							<ontario-callout
 								heading-type="h3"
 								heading-content-type="string"
@@ -137,9 +138,17 @@
 									expires.
 								</p>
 							</ontario-callout>
+							<h4 class="ontario-h5">Without Heading</h4>
+							<ontario-callout highlight-colour="purple">
+								<p>
+									<a href="#">Sign up for email reminders</a> and we’ll notify you 60 and 30 days before your licence
+									expires.
+								</p>
+							</ontario-callout>
 						</div>
 						<div>
 							<h3 class="ontario-h4">Asides</h3>
+							<h4 class="ontario-h5">With Heading</h4>
 							<ontario-aside
 								heading-type="h2"
 								heading-content-type="string"
@@ -147,6 +156,11 @@
 								highlight-colour="gold"
 								content="As of 2013, Canada is responsible for 1.6% of global emissions, with Ontario responsible for less than 0.4% of global emissions."
 							></ontario-aside>
+							<h4 class="ontario-h5">Without Heading</h4>
+							<ontario-aside
+								highlight-colour="gold"
+								content="As of 2013, Canada is responsible for 1.6% of global emissions, with Ontario responsible for less than 0.4% of global emissions."
+							></ontario-aside>
 						</div>
 						<hr />
 					</div>

package/dist/components/event-handler.js

@@ -1,328 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-import { C as CaptionTypes } from './input-caption.types.js';
-import { C as ConsoleMessageClass } from './console-message.js';
-
-var MessageContentType;
-(function (MessageContentType) {
-	MessageContentType['UndefinedCaptionObject'] = 'undefinedCaptionObject';
-	MessageContentType['UndefinedCaptionText'] = 'undefinedCaption';
-	MessageContentType['EmptyCaptionText'] = 'emptyCaption';
-	MessageContentType['UndefinedCaptionType'] = 'undefinedCaptionType';
-	MessageContentType['IncorrectCaptionType'] = 'incorrectCaptionType';
-})(MessageContentType || (MessageContentType = {}));
-
-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();
-	}
-}
-
-var EventType;
-(function (EventType) {
-	EventType['Change'] = 'change';
-	EventType['Blur'] = 'blur';
-	EventType['Focus'] = 'focus';
-	EventType['Input'] = 'input';
-})(EventType || (EventType = {}));
-
-const handleInputEvent = (
-	event,
-	eventType,
-	input,
-	inputChangeEvent,
-	inputFocusEvent,
-	inputBlurEvent,
-	inputInputEvent,
-	type,
-	customChangeFunction,
-	customFocusFunction,
-	customBlurFunction,
-	customInputFunction,
-	hostElement,
-) => {
-	var _a;
-	if (eventType === EventType.Input) {
-		inputInputEvent === null || inputInputEvent === void 0
-			? void 0
-			: inputInputEvent.emit({
-					id: input === null || input === void 0 ? void 0 : input.id,
-					value: (_a = event.data) !== null && _a !== void 0 ? _a : undefined,
-					inputType: event.inputType,
-			  });
-		customInputFunction && customInputFunction(event);
-	}
-	if (eventType === EventType.Change) {
-		if (type === 'radio' || type === 'checkbox') {
-			if (input instanceof HTMLInputElement) {
-				inputChangeEvent.emit({
-					checked: input === null || input === void 0 ? void 0 : input.checked,
-					id: input === null || input === void 0 ? void 0 : input.id,
-					value: input === null || input === void 0 ? void 0 : input.value,
-				});
-			}
-		} else {
-			inputChangeEvent.emit({
-				id: input === null || input === void 0 ? void 0 : input.id,
-				value: input === null || input === void 0 ? void 0 : input.value,
-			});
-		}
-		customChangeFunction && customChangeFunction(event);
-		// Note: Change events don't have composable set to true and don't cross the ShadowDOM boundary.
-		// This will emit an event so the normal `onChange` event pattern is maintained.
-		hostElement && emitEvent(hostElement, eventType, event);
-	}
-	if (eventType === EventType.Focus) {
-		inputFocusEvent.emit({
-			id: input === null || input === void 0 ? void 0 : input.id,
-			focused: true,
-			value: input === null || input === void 0 ? void 0 : input.value,
-		});
-		customFocusFunction && customFocusFunction(event);
-	}
-	if (eventType === EventType.Blur) {
-		inputBlurEvent.emit({
-			id: input === null || input === void 0 ? void 0 : input.id,
-			focused: false,
-			value: input === null || input === void 0 ? void 0 : input.value,
-		});
-		customBlurFunction && customBlurFunction(event);
-	}
-};
-/**
- * Emit a custom event that can be subscribed to by an event listener.
- *
- * @param element Component host element, see https://stenciljs.com/docs/host-element
- * @param name name of the event
- * @param detail any relevant details, like the original event
- */
-const emitEvent = (element, name, detail) => {
-	element.dispatchEvent(new CustomEvent(name, { composed: true, bubbles: true, detail }));
-};
-
-export { EventType as E, InputCaption as I, emitEvent as e, handleInputEvent as h };
-
-//# sourceMappingURL=event-handler.js.map

package/dist/components/event-handler.js.map

@@ -1 +0,0 @@
-{"file":"event-handler.js","mappings":"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","names":[],"sources":["src/utils/common/input-caption/input-caption.enum.ts","src/utils/common/input-caption/input-caption.tsx","src/utils/events/event-handler.interface.ts","src/utils/events/event-handler.ts"],"sourcesContent":["export enum MessageContentType {\n\tUndefinedCaptionObject = 'undefinedCaptionObject',\n\tUndefinedCaptionText = 'undefinedCaption',\n\tEmptyCaptionText = 'emptyCaption',\n\tUndefinedCaptionType = 'undefinedCaptionType',\n\tIncorrectCaptionType = 'incorrectCaptionType',\n}\n","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","export enum EventType {\n\tChange = 'change',\n\tBlur = 'blur',\n\tFocus = 'focus',\n\tInput = 'input',\n}\n\nexport type InputInteractionEvent = {\n\tid?: string;\n\tvalue?: string;\n};\n\nexport type InputInputEvent = InputInteractionEvent & {\n\tinputType?: string;\n};\n\nexport type RadioAndCheckboxChangeEvent = InputInteractionEvent & {\n\tchecked: boolean;\n};\n\nexport type InputFocusBlurEvent = InputInteractionEvent & {\n\tfocused: boolean;\n};\n\nexport type InputType = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null;\n","import { EventEmitter } from '@stencil/core';\nimport {\n\tInputType,\n\tEventType,\n\tInputFocusBlurEvent,\n\tInputInteractionEvent,\n\tRadioAndCheckboxChangeEvent,\n\tInputInputEvent,\n} from './event-handler.interface';\n\nexport const handleInputEvent = (\n\tevent: Event,\n\teventType: EventType,\n\tinput: InputType,\n\tinputChangeEvent: EventEmitter<InputInteractionEvent | RadioAndCheckboxChangeEvent>,\n\tinputFocusEvent: EventEmitter<InputFocusBlurEvent>,\n\tinputBlurEvent: EventEmitter<InputFocusBlurEvent>,\n\tinputInputEvent?: EventEmitter<InputInputEvent>,\n\ttype?: string,\n\tcustomChangeFunction?: (event: Event) => void,\n\tcustomFocusFunction?: (event: Event) => void,\n\tcustomBlurFunction?: (event: Event) => void,\n\tcustomInputFunction?: (event: Event) => void,\n\thostElement?: HTMLElement,\n) => {\n\tif (eventType === EventType.Input) {\n\t\tinputInputEvent?.emit({\n\t\t\tid: input?.id,\n\t\t\tvalue: (event as InputEvent).data ?? undefined,\n\t\t\tinputType: (event as InputEvent).inputType,\n\t\t});\n\n\t\tcustomInputFunction && customInputFunction(event);\n\t}\n\n\tif (eventType === EventType.Change) {\n\t\tif (type === 'radio' || type === 'checkbox') {\n\t\t\tif (input instanceof HTMLInputElement) {\n\t\t\t\tinputChangeEvent.emit({\n\t\t\t\t\tchecked: input?.checked,\n\t\t\t\t\tid: input?.id,\n\t\t\t\t\tvalue: input?.value,\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tinputChangeEvent.emit({\n\t\t\t\tid: input?.id,\n\t\t\t\tvalue: input?.value,\n\t\t\t});\n\t\t}\n\n\t\tcustomChangeFunction && customChangeFunction(event);\n\n\t\t// Note: Change events don't have composable set to true and don't cross the ShadowDOM boundary.\n\t\t// This will emit an event so the normal `onChange` event pattern is maintained.\n\t\thostElement && emitEvent(hostElement, eventType, event);\n\t}\n\n\tif (eventType === EventType.Focus) {\n\t\tinputFocusEvent.emit({\n\t\t\tid: input?.id,\n\t\t\tfocused: true,\n\t\t\tvalue: input?.value,\n\t\t});\n\n\t\tcustomFocusFunction && customFocusFunction(event);\n\t}\n\n\tif (eventType === EventType.Blur) {\n\t\tinputBlurEvent.emit({\n\t\t\tid: input?.id,\n\t\t\tfocused: false,\n\t\t\tvalue: input?.value,\n\t\t});\n\n\t\tcustomBlurFunction && customBlurFunction(event);\n\t}\n};\n\n/**\n * Emit a custom event that can be subscribed to by an event listener.\n *\n * @param element Component host element, see https://stenciljs.com/docs/host-element\n * @param name name of the event\n * @param detail any relevant details, like the original event\n */\nexport const emitEvent = (element: HTMLElement, name: string, detail?: any) => {\n\telement.dispatchEvent(new CustomEvent(name, { composed: true, bubbles: true, detail }));\n};\n"],"version":3}