@ongov/ontario-design-system-component-library 6.0.0-alpha.4 → 6.0.0-alpha.5

package/dist/collection/components/ontario-icon/ontario-icon-youtube.js

@@ -89,14 +89,14 @@ export class OntarioIconYoutube {
 		return h(
 			'div',
 			{
-				key: '895d1a9ff562ae38e35da8773e5cf74b520f320a',
+				key: 'dda7411af905d287452841859ef9e5d1d5ec6ba6',
 				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
 				style: { width: `${this.iconWidthState}px` },
 			},
 			h(
 				'svg',
 				{
-					key: '3d16cfd390ce6f8e66b02ae30ff11716982e130d',
+					key: 'be47f588ec32c96149209756324c4f5484c6b99a',
 					class: 'svg-icon',
 					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
 					role: 'img',
@@ -105,7 +105,7 @@ export class OntarioIconYoutube {
 					id: 'youtube',
 				},
 				h('path', {
-					key: 'a2368e10d7e7683c1c749f4acd278f5676e9988f',
+					key: '0aca791fffef23cd6f255520083d3300ed049d6f',
 					d: 'M10 15l5.2-3L10 9v6zm11.56-7.83c.13.47.22 1.1.28 1.9l.1 2.1.06.84c0 2.2-.16 3.8-.44 4.83a2.34 2.34 0 0 1-1.73 1.73c-.47.13-1.33.22-2.65.28l-3.6.1L12 19c-4.2 0-6.8-.16-7.83-.44a2.34 2.34 0 0 1-1.73-1.73c-.13-.47-.22-1.1-.28-1.9l-.1-2.1L2 12c0-2.2.16-3.8.44-4.83a2.34 2.34 0 0 1 1.73-1.73c.47-.13 1.33-.22 2.65-.28l3.6-.1L12 5c4.2 0 6.8.16 7.83.44a2.34 2.34 0 0 1 1.73 1.73z',
 				}),
 			),

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

@@ -245,18 +245,18 @@ export class OntarioInput {
 		const error = !!this.errorMessage;
 		return h(
 			'div',
-			{ key: 'd79d87b57db9ec4fee1395cdf6492e670bf69596', class: error ? 'ontario-input--error' : '' },
+			{ key: '06486cb27c5af7fb0eba8f332bfd55b63793dd38', class: error ? 'ontario-input--error' : '' },
 			this.captionState.getCaption(this.getId(), !!this.internalHintExpander),
 			this.internalHintText &&
 				h('ontario-hint-text', {
-					key: '05104a6370208793ed0449c29a0303aa46f75b46',
+					key: 'edbb80dfdb0d1c522809d90cd746a1151b067aa3',
 					hint: this.internalHintText.hint,
 					hintContentType: this.internalHintText.hintContentType,
 					ref: (el) => (this.hintTextRef = el),
 				}),
-			h(ErrorMessage, { key: '024bb73633692a8ba5a60620990c8cc066ba9802', message: this.errorMessage, error: error }),
+			h(ErrorMessage, { key: 'e393bdd2ec33c86d7bee448e497f1d4ca17e2914', message: this.errorMessage, error: error }),
 			h(Input, {
-				'key': '392c7231a4a2fa361927f277f652c397d0b3f96c',
+				'key': 'f676a53ce910b2577cd789b8582985af03d5f247',
 				'aria-describedBy': this.hintTextId,
 				'className': this.getClass(),
 				'id': this.getId(),
@@ -271,7 +271,7 @@ export class OntarioInput {
 			}),
 			this.internalHintExpander &&
 				h('ontario-hint-expander', {
-					key: '9df4609a4c62d0f06b2cb5442849a5fe34cb1a7f',
+					key: '7c22bc7a240c3e8a2e6d9c3d0919954cbafdf311',
 					hint: this.internalHintExpander.hint,
 					content: this.internalHintExpander.content,
 					hintContentType: this.internalHintExpander.hintContentType,

package/dist/collection/components/ontario-language-toggle/ontario-language-toggle.js

@@ -188,7 +188,7 @@ export class OntarioLanguageToggle {
 		return h(
 			'a',
 			{
-				'key': '1285cc7850c2fa6838942ff06d4dacff90fa28ab',
+				'key': '34da7ec668c3f5df4e9985df380059fb9aa6eb45',
 				'aria-label':
 					this.translations.languageToggle.ariaLabel[
 						`${(_a = this.oppositeLanguageLabel) === null || _a === void 0 ? void 0 : _a.abbreviation}`

package/dist/collection/components/ontario-page-alert/ontario-page-alert.js

@@ -59,14 +59,14 @@ export class OntarioPageAlert {
 	render() {
 		return h(
 			'div',
-			{ key: '8ade1b2b27d8fd02cdd7e9006b1a7c19bf11efc7', class: this.getClass() },
+			{ key: '529a21573f8eae7ea70143dc84bf60909ac6b756', class: this.getClass() },
 			h(
 				'div',
-				{ key: 'ed8fc3412ea1cc89ce40b52bd082fde9d21cfa79', class: 'ontario-alert__header' },
+				{ key: '6a8bdab06f7e6a7787d04f44870706de3686a0aa', class: 'ontario-alert__header' },
 				h(
 					'div',
 					{
-						'key': '90353b7801d32b68b2045f3aaff9a6f33bfe48bf',
+						'key': '07328cb9b7ca9cdf87f0ceaedcb49b04ac4d6a99',
 						'class': 'ontario-alert__header-icon',
 						'aria-hidden': 'true',
 					},
@@ -74,11 +74,11 @@ export class OntarioPageAlert {
 				),
 				h(
 					'h2',
-					{ key: '7877258ee24cdae6ef9cdb0aa50bba85e3d6c554', class: 'ontario-alert__header-title ontario-h4' },
+					{ key: 'c93544d619d908b3b51256ae1df65dcb6104f916', class: 'ontario-alert__header-title ontario-h4' },
 					this.heading,
 				),
 			),
-			h('div', { key: '2ed2e9c85ae6b24be1b4fbc1eb289d086f02fea6', class: 'ontario-alert__body' }, this.renderContent()),
+			h('div', { key: '778db3ff9c54164e4b6daf68b0d7cfd2c533ffd8', class: 'ontario-alert__body' }, this.renderContent()),
 		);
 	}
 	static get is() {

package/dist/collection/components/ontario-radio-buttons/ontario-radio-buttons.js

@@ -226,27 +226,27 @@ export class OntarioRadioButtons {
 		const error = !!this.errorMessage;
 		return h(
 			'div',
-			{ key: 'efd74d7e6aaa329f65b93b1893e54681067f48db', class: error ? 'ontario-input--error' : '' },
+			{ key: 'ab868d1e20cffcec27babc1e3297d34ca9b0634e', class: error ? 'ontario-input--error' : '' },
 			h(
 				'fieldset',
 				{
-					'key': 'adc2d4e633a887ddc536e7d9ed0240831355f80e',
+					'key': '391064797afb54116f680790b88425f0b69e4be4',
 					'class': 'ontario-fieldset',
 					'aria-describedby': this.hintTextId,
 				},
 				this.captionState.getCaption(undefined, !!this.internalHintExpander),
 				this.internalHintText &&
 					h('ontario-hint-text', {
-						key: '07ea902d657387abbe0156d33e255097d6618fb2',
+						key: '1e4f0ac0222e28768b6982547804a2238f7bff57',
 						hint: this.internalHintText.hint,
 						hintContentType: this.internalHintText.hintContentType,
 						ref: (el) => (this.hintTextRef = el),
 					}),
 				h(
 					'div',
-					{ key: '4ada87212df18cf07ebdce8263b5d81984a96c34', class: 'ontario-radios' },
+					{ key: 'dc69637e22bd94eb7109d04ac3fda790a80ede8d', class: 'ontario-radios' },
 					h(ErrorMessage, {
-						key: '1ce171a8f508524d2e67ca27ae8585055ebbd05e',
+						key: 'a83e22755b48b63dd863f1c0f2d550c0bc7f0a32',
 						message: this.errorMessage,
 						error: error,
 					}),
@@ -291,9 +291,9 @@ export class OntarioRadioButtons {
 					this.internalHintExpander &&
 						h(
 							'div',
-							{ key: '89f9b11939b7330183d4d38b7976fedb854c6737', class: 'ontario-radios__hint-expander' },
+							{ key: '7c9e1bb8584cdb8eb44ad6da2c32c70d040dd9e7', class: 'ontario-radios__hint-expander' },
 							h('ontario-hint-expander', {
-								'key': 'e03db6f5f6a97102ca6b37a6284d5da47cb76e5d',
+								'key': 'd734a2a24c8a5f1457b5db2e530b934e6661aa46',
 								'hint': this.internalHintExpander.hint,
 								'content': this.internalHintExpander.content,
 								'hintContentType': this.internalHintExpander.hintContentType,

package/dist/collection/components/ontario-search-box/ontario-search-box.js

@@ -131,7 +131,7 @@ export class OntarioSearchBox {
 		return h(
 			'form',
 			{
-				key: '49a214acee31f5fc0694e79c74791a64973d55d2',
+				key: '8b078645a41fd84b73c9f947b91621c2ea98e8aa',
 				name: 'searchForm',
 				id: 'ontario-search-form-container',
 				class:
@@ -141,16 +141,16 @@ export class OntarioSearchBox {
 			this.captionState.getCaption(searchInputFieldId, false, true) /* Note the _required_ text is disabled */,
 			this.internalHintText &&
 				h('ontario-hint-text', {
-					key: '34fe58434b6bbb73543eb03bfdce28a230d48c9c',
+					key: '45d432b9e9c00ff879462163fd2e8e994fcabb29',
 					hint: this.internalHintText.hint,
 					hintContentType: this.internalHintText.hintContentType,
 					ref: (el) => (this.hintTextRef = el),
 				}),
 			h(
 				'div',
-				{ key: '5e06eb8f6fbab511ff8720a7edde5b086494d403', class: 'ontario-search__input-container' },
+				{ key: '623480110e0b7118d66202b23a6ce64b2fba568d', class: 'ontario-search__input-container' },
 				h(Input, {
-					'key': '91d020dee70f193697cb01be44662c3c81389573',
+					'key': 'bc76e1297685a3a881a48470fc811e352c4479f2',
 					'aria-describedBy': this.hintTextId,
 					'type': 'search',
 					'name': 'search',
@@ -167,7 +167,7 @@ export class OntarioSearchBox {
 					'value': this.getValue(),
 				}),
 				h(Input, {
-					key: 'b9e105d849049dc1826e74abfa65f42a991755dd',
+					key: '126c0a3f0ccb790dbfc87043dbc98d73f44bd131',
 					className: 'ontario-search__reset',
 					id: 'ontario-search-reset',
 					type: 'reset',
@@ -177,7 +177,7 @@ export class OntarioSearchBox {
 				h(
 					'button',
 					{
-						key: 'ef2847a7baac7da11a76cc98ba565e14c7d67026',
+						key: '18cd5489b8a04d6006ac20a74a9c91b7a89e229e',
 						class: 'ontario-search__submit',
 						type: 'submit',
 						id: 'ontario-search-box__submit',
@@ -185,11 +185,11 @@ export class OntarioSearchBox {
 					},
 					h(
 						'span',
-						{ key: 'a2cc490a3921d811e385d361bb3acfe6d98f0824', class: 'ontario-show-for-sr' },
+						{ key: '9473b1a4da14d0ec4eacc86ab1b6e51f11a1c24a', class: 'ontario-show-for-sr' },
 						this.translations.header.submit[`${this.language}`],
 					),
 					h('span', {
-						'key': 'ad664fcbcf6667c9e37c12be0f245a7413b54e1b',
+						'key': 'ea8463e8481ed6c3d79ff86dfe2ee9385d44bc55',
 						'innerHTML': OntarioIconSearch,
 						'aria-hidden': 'true',
 					}),

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

@@ -35,17 +35,17 @@ export class OntarioStepIndicator {
 	render() {
 		return h(
 			'div',
-			{ key: 'ad283fa3f5971b83b4684443d0eed21a60a8b9d3', class: 'ontario-step-indicator' },
+			{ key: '70cb5fade27aff8a750c7340220c915f67f81f39', class: 'ontario-step-indicator' },
 			h(
 				'div',
-				{ key: '194901e35a08acf92c1e8d7605f1654fe9534a66', class: 'ontario-row' },
+				{ key: '3ec3b89888b0be5d3f0b0743237f24889eadaf63', class: 'ontario-row' },
 				h(
 					'div',
-					{ key: 'ff9d0b746566595a2be034dcdbaf9af64c7d5e7f', class: 'ontario-columns ontario-small-12' },
+					{ key: 'f235de1daf15555cb9ec79da68a95a06df3462ce', class: 'ontario-columns ontario-small-12' },
 					h(
 						'div',
 						{
-							key: '1f11c62e02ac264a82bbbcfc5935925e17818097',
+							key: '74f8286768579314fcbeaa24ddd4a0adfeb83fc3',
 							class: `ontario-step-indicator--with-back-button--${this.showBackButton}`,
 						},
 						this.showBackButton === true &&
@@ -53,12 +53,12 @@ export class OntarioStepIndicator {
 							h(
 								'button',
 								{
-									key: '9c943bfed1a042b1d7f7dbbedcc314e04b1c9c0a',
+									key: 'fad9ae7d30dbe0ace2be5bfd6ac6aab6db872170',
 									class: 'ontario-button ontario-button--tertiary',
 									onClick: (e) => this.handleCustomOnClick(e),
 								},
 								h('ontario-icon-chevron-left', {
-									'key': 'f551ad3b5987f4f029e8abf30ebaddb37e846a28',
+									'key': 'a973d248916df0f152a99156edcf138c472723a4',
 									'colour': 'blue',
 									'aria-hidden': 'true',
 								}),
@@ -69,12 +69,12 @@ export class OntarioStepIndicator {
 							h(
 								'a',
 								{
-									key: '7061772b5cdaf095081a4b96f6d35eceb929555c',
+									key: '89c024a52d45680eda5417d95944d24466514c09',
 									class: 'ontario-button ontario-button--tertiary',
 									href: this.backButtonUrl,
 								},
 								h('ontario-icon-chevron-left', {
-									'key': '3000b0cf3122d66553171a13172cedf00debe827',
+									'key': '6d0b23249d7b78ec2ba75ec2333bec3710b395d5',
 									'colour': 'blue',
 									'aria-hidden': 'true',
 								}),
@@ -101,7 +101,7 @@ export class OntarioStepIndicator {
 									this.numberOfSteps,
 								),
 					),
-					h('hr', { key: '6dcb3ae82ce02c96d8944786e4707f80eb9849f0' }),
+					h('hr', { key: '94e50f45f9acba752c08da71f76148b31d5c7f0f' }),
 				),
 			),
 		);

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

@@ -187,34 +187,34 @@ export class OntarioTable {
 		const columns = extractValuesByKey(this.tableColumnsState, 'key');
 		return h(
 			'div',
-			{ key: '7392f8264100a5e367c83776a856b2f78e7d6fe5', class: 'ontario-table-container' },
+			{ key: '8925b3075957dbb88313e90a3291179411aa8e4a', class: 'ontario-table-container' },
 			h(
 				'div',
 				{
-					key: 'a8c4ced72fe67e18f80b174d7130443664a3b639',
+					key: '9ef3a24d734f6088e174fdc6e8f1791766ab4a8e',
 					class: 'ontario-table-scroll--wrapper',
 					ref: (el) => (this.tableScrollWrapper = el),
 				},
 				h('div', {
-					key: '6b29eeab56d7b7d435a3eb423f6ffc6cbe08827e',
+					key: 'fc0ccdc60920eff3a3ee88492d5fc04552d52b55',
 					class: 'ontario-table-scroll--div',
 					ref: (el) => (this.tableScrollDiv = el),
 				}),
 			),
 			h(
 				'div',
-				{ key: 'b3cc116969637280f7a9036c94f755af240bef21', class: 'ontario-table-div', ref: (el) => (this.table = el) },
+				{ key: '3166b888c89f078e952f68cfffff4a9837465a15', class: 'ontario-table-div', ref: (el) => (this.table = el) },
 				h(
 					'table',
-					{ key: '868feb697860c799daa6bb6351f7c1f53dfa923d', class: this.getTableClasses() },
-					this.caption && h('caption', { key: '2016e5dfa99bf0c20f26d5ff527ee40e9bb5d53a' }, this.caption),
+					{ key: '2db866dbaadf156af4af556626a469d2f2a9003f', class: this.getTableClasses() },
+					this.caption && h('caption', { key: '989773d7eacf6b550f4fef2e85cdba11fcdb7e34' }, this.caption),
 					this.tableColumnsState &&
 						h(
 							'thead',
-							{ key: '46d10ab535ed163c5bcd08f12d8ee88a20030b9a' },
+							{ key: '01384f77e02208ec1703104d0fd2ebccbf5be274' },
 							h(
 								'tr',
-								{ key: '62035ec53c7dc13b2b5c278c634e2181aaf3e6bd' },
+								{ key: 'b8dcfd0a8d124f566a3b9d7e0c614cc1cfec91a1' },
 								this.tableColumnsState.map((columnData) => {
 									const columnClass = this.getColumnClasses(columnData);
 									return h('th', {
@@ -230,7 +230,7 @@ export class OntarioTable {
 					this.tableDataState &&
 						h(
 							'tbody',
-							{ key: '40bb3dbeddde83477c7ec50ba78f530668f210b1' },
+							{ key: '51df8cf9670948399f9366fb4d754f07885d3ed7' },
 							this.tableDataState.map((rowData) => {
 								const rowClass = rowData.highlight
 									? `ontario-table-row--highlight`
@@ -243,7 +243,7 @@ export class OntarioTable {
 					!!this.tableFooterState.length &&
 						h(
 							'tfoot',
-							{ key: '23efbc7926aa1d30df2e49520ba51e2a7ebbcf32' },
+							{ key: 'd46c630519cbe1e68063329dbdaec7c7b291df96' },
 							this.tableFooterState.map((footerData) => {
 								return this.generateTableDataHTML('tableData', footerData, columns, undefined);
 							}),

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

@@ -163,18 +163,18 @@ export class OntarioTextarea {
 		const error = !!this.errorMessage;
 		return h(
 			'div',
-			{ key: '737bcf5faf7fa67bef4201b7613c206156ac9206', class: error ? 'ontario-textarea--error' : '' },
+			{ key: '20de6d500b81d24c463275aed2881f07ca1d8378', class: error ? 'ontario-textarea--error' : '' },
 			this.captionState.getCaption(this.getId(), !!this.internalHintExpander),
 			this.internalHintText &&
 				h('ontario-hint-text', {
-					key: '6c47f968c5a5b71a5632b576b04d498e55bd2148',
+					key: 'e1fa695a506f91f64297e9b8b5af35bff7faf96c',
 					hint: this.internalHintText.hint,
 					hintContentType: this.internalHintText.hintContentType,
 					ref: (el) => (this.hintTextRef = el),
 				}),
-			h(ErrorMessage, { key: '32988fcb13d18025b2d219d89792d1e6001bd1e6', message: this.errorMessage, error: error }),
+			h(ErrorMessage, { key: '7774c51c0d12057c3b193f08a8952a753b71b0c1', message: this.errorMessage, error: error }),
 			h('textarea', {
-				'key': '8b5f09f9c56f25bce67609716ea6cbf8105aadc8',
+				'key': '81e5ffe34352f99fa8af12f2384903771ae67a60',
 				'aria-describedby': this.hintTextId,
 				'class': this.getClass(),
 				'id': this.getId(),
@@ -188,7 +188,7 @@ export class OntarioTextarea {
 			}),
 			this.internalHintExpander &&
 				h('ontario-hint-expander', {
-					'key': 'a8fb0f87047e3d5a72aa30cb84f410b02501b628',
+					'key': 'a7aa404350682a0f70740237e9f67aeef1717080',
 					'hint': this.internalHintExpander.hint,
 					'content': this.internalHintExpander.content,
 					'hintContentType': this.internalHintExpander.hintContentType,

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

@@ -0,0 +1,8 @@
+// Maps to devices associated with Screen Breakpoints
+export var DeviceTypes;
+(function (DeviceTypes) {
+	DeviceTypes['Mobile'] = 'mobile';
+	DeviceTypes['Tablet'] = 'tablet';
+	DeviceTypes['Desktop'] = 'desktop';
+})(DeviceTypes || (DeviceTypes = {}));
+//# sourceMappingURL=common.enum.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.enum.js","sourceRoot":"","sources":["../../../src/utils/common/common.enum.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACtB,gCAAiB,CAAA;IACjB,gCAAiB,CAAA;IACjB,kCAAmB,CAAA;AACpB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB","sourcesContent":["// Maps to devices associated with Screen Breakpoints\nexport enum DeviceTypes {\n\tMobile = 'mobile',\n\tTablet = 'tablet',\n\tDesktop = 'desktop',\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"common.interface.js","sourceRoot":"","sources":["../../../src/utils/common/common.interface.ts"],"names":[],"mappings":"AAkGA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC","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\nexport const headingLevelDefinitions = ['h2', 'h3', 'h4', 'h5', 'h6'] as const;\n\n/**\n * Create a type from an array of values.\n *\n * https://steveholgado.com/typescript-types-from-arrays/\n */\nexport type HeadingLevel = (typeof headingLevelDefinitions)[number];\n"]}
+{"version":3,"file":"common.interface.js","sourceRoot":"","sources":["../../../src/utils/common/common.interface.ts"],"names":[],"mappings":"AAkGA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC","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\nexport const headingLevelDefinitions = ['h2', 'h3', 'h4', 'h5', 'h6'] as const;\n\n/**\n * Create a type from an array of values.\n *\n * https://steveholgado.com/typescript-types-from-arrays/\n */\nexport type HeadingLevel = (typeof headingLevelDefinitions)[number];\n\n/**\n * Used in both ontario-header and ontario-header-overflow-menu.\n */\nexport interface MenuItem {\n\ttitle: string;\n\thref: string;\n\tlinkIsActive?: boolean;\n\tonClickHandler?: (event: Event) => void;\n}\n"]}

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

@@ -1,3 +1,35 @@
+// import {
+// 	OntarioBreakpointsSmall,
+// 	OntarioBreakpointsMedium,
+// 	OntarioBreakpointsLarge,
+// } from '@ongov/ontario-design-system-design-tokens/dist/ts/tokens';
+/**
+ * TODO: Investigate why importing tokens above is leading to compiler errors with Rollup.
+ *
+ * Temp fix for now is to define them seperately in this file.
+ */
+const OntarioBreakpointsSmall = '20em';
+const OntarioBreakpointsMedium = '40em';
+const OntarioBreakpointsLarge = '73em';
 export const minimumGridColumns = 1;
 export const maximumGridColumns = 12;
+/**
+ * Numeric screen breakpoint values pulled from the design tokens package.
+ * By default these come in as strings as they have units attached to them
+ * (e.g. '40em').
+ *
+ * However for comparision calculations we need the true numeric value.
+ *
+ * The Number() method only matches numerical values to begin with.
+ * However for further clarity I'm showing a replace on the
+ * regex /\D/g match, which matches againt any non-numeric characters,
+ * and is replacing it with nothing.
+ */
+export const ScreenBreakpoints = {
+	Small: Number(OntarioBreakpointsSmall.replace(/\D/g, '')),
+	Medium: Number(OntarioBreakpointsMedium.replace(/\D/g, '')),
+	Large: Number(OntarioBreakpointsLarge.replace(/\D/g, '')),
+};
+// standard font size in px (design tokens package has it as 1 em)
+export const standardFontSizePx = 16;
 //# sourceMappingURL=common.variables.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"common.variables.js","sourceRoot":"","sources":["../../../src/utils/common/common.variables.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,4BAA4B;AAC5B,6BAA6B;AAC7B,4BAA4B;AAC5B,sEAAsE;AAEtE;;;;GAIG;AACH,MAAM,uBAAuB,GAAG,MAAM,CAAC;AACvC,MAAM,wBAAwB,GAAG,MAAM,CAAC;AACxC,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAEvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC;AACpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAErC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACzD,MAAM,EAAE,MAAM,CAAC,wBAAwB,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;CACzD,CAAC;AAEF,kEAAkE;AAClE,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC","sourcesContent":["// import {\n// \tOntarioBreakpointsSmall,\n// \tOntarioBreakpointsMedium,\n// \tOntarioBreakpointsLarge,\n// } from '@ongov/ontario-design-system-design-tokens/dist/ts/tokens';\n\n/**\n * TODO: Investigate why importing tokens above is leading to compiler errors with Rollup.\n *\n * Temp fix for now is to define them seperately in this file.\n */\nconst OntarioBreakpointsSmall = '20em';\nconst OntarioBreakpointsMedium = '40em';\nconst OntarioBreakpointsLarge = '73em';\n\nexport const minimumGridColumns = 1;\nexport const maximumGridColumns = 12;\n\n/**\n * Numeric screen breakpoint values pulled from the design tokens package.\n * By default these come in as strings as they have units attached to them\n * (e.g. '40em').\n *\n * However for comparision calculations we need the true numeric value.\n *\n * The Number() method only matches numerical values to begin with.\n * However for further clarity I'm showing a replace on the\n * regex /\\D/g match, which matches againt any non-numeric characters,\n * and is replacing it with nothing.\n */\nexport const ScreenBreakpoints = {\n\tSmall: Number(OntarioBreakpointsSmall.replace(/\\D/g, '')),\n\tMedium: Number(OntarioBreakpointsMedium.replace(/\\D/g, '')),\n\tLarge: Number(OntarioBreakpointsLarge.replace(/\\D/g, '')),\n};\n\n// standard font size in px (design tokens package has it as 1 em)\nexport const standardFontSizePx = 16;\n"]}

package/dist/collection/utils/components/header/header-menu-items.js

@@ -0,0 +1,24 @@
+import { h } from '@stencil/core';
+/**
+ * This function generates the menu items in a <li>, accordingly, to the given parameters.
+ *
+ * href and title are necessary, but rest are not.
+ *
+ * @param {string} href - the href of the menu item
+ * @param {string} title - the title of the menu item
+ * @param {boolean} [linkIsActive] - when set to true, this will add the classes necessary to style the link in a way that indicates to the user what the active page/link is
+ * @param {string} [liClass] - if there is a class that is related to the <a> portion of the menu item, put it here
+ * @param {function(PointerEvent): void} [onClickHandler] - for any custom onClick functionality a user might want to add to their menu links
+ */
+export const generateMenuItem = (href, title, linkIsActive, liClass, onClickHandler) => {
+	return h(
+		'li',
+		{ class: liClass },
+		h(
+			'a',
+			{ class: `ontario-menu-item ${linkIsActive ? 'ontario-link--active' : ''}`, href: href, onClick: onClickHandler },
+			title,
+		),
+	);
+};
+//# sourceMappingURL=header-menu-items.js.map

package/dist/collection/utils/components/header/header-menu-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-menu-items.js","sourceRoot":"","sources":["../../../../src/utils/components/header/header-menu-items.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,IAAY,EACZ,KAAa,EACb,YAAsB,EACtB,OAAgB,EAChB,cAA0C,EACzC,EAAE;IACH,OAAO,CACN,UAAI,KAAK,EAAE,OAAO;QACjB,SAAG,KAAK,EAAE,qBAAqB,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,IAC9G,KAAK,CACH,CACA,CACL,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\n/**\n * This function generates the menu items in a <li>, accordingly, to the given parameters.\n *\n * href and title are necessary, but rest are not.\n *\n * @param {string} href - the href of the menu item\n * @param {string} title - the title of the menu item\n * @param {boolean} [linkIsActive] - when set to true, this will add the classes necessary to style the link in a way that indicates to the user what the active page/link is\n * @param {string} [liClass] - if there is a class that is related to the <a> portion of the menu item, put it here\n * @param {function(PointerEvent): void} [onClickHandler] - for any custom onClick functionality a user might want to add to their menu links\n */\nexport const generateMenuItem = (\n\thref: string,\n\ttitle: string,\n\tlinkIsActive?: boolean,\n\tliClass?: string,\n\tonClickHandler?: (e: PointerEvent) => void,\n) => {\n\treturn (\n\t\t<li class={liClass}>\n\t\t\t<a class={`ontario-menu-item ${linkIsActive ? 'ontario-link--active' : ''}`} href={href} onClick={onClickHandler}>\n\t\t\t\t{title}\n\t\t\t</a>\n\t\t</li>\n\t);\n};\n"]}

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

@@ -1 +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"]}
+{"version":3,"file":"utils-types.js","sourceRoot":"","sources":["../../../src/utils/helper/utils-types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,IAAI,CAAU,CAAC","sourcesContent":["import { DeviceTypes } from '../common/common.enum';\n\n// Create a Union Type from Enum Values\nexport type DeviceType = `${DeviceTypes}`;\n\nexport const conjunctions = ['and', 'or'] as const;\nexport type Conjunction = (typeof conjunctions)[number];\n"]}

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

@@ -1,3 +1,5 @@
+import { DeviceTypes } from '../common/common.enum';
+import { ScreenBreakpoints, standardFontSizePx } from '../common/common.variables';
 export function format(first, middle, last) {
 	return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
@@ -62,6 +64,24 @@ export function isNumber(value) {
 export function isEmpty(str) {
 	return !str || (str === null || str === void 0 ? void 0 : str.length) <= 0;
 }
+/**
+ * Takes a string value of "true" and converts it to boolean true.
+ *
+ * All other values are converted to boolean false.
+ *
+ * Has advantages over the built in JavaScript Boolean() constructor / function.
+ *
+ * Using Boolean() could lead to unexpected results.
+ *
+ * e.g. Boolean("false") evaluates to a boolean value of true.
+ *
+ * @param {string} value - The value you would like to convert to a boolean.
+ *
+ * @returns {boolean}
+ */
+export function convertStringToBoolean(value) {
+	return value.toLowerCase() === 'true';
+}
 /**
  * Retrieves the keys from an enum and lists them in an array.
  *
@@ -99,4 +119,24 @@ export function printArray(arr, conjunctionType = 'and') {
 export function getRootHTMLElement() {
 	return document.getElementsByTagName('html')[0];
 }
+/**
+ * Determines the device type based on screen breakpoints.
+ *
+ * @returns {DeviceType}
+ */
+export function determineDeviceType() {
+	const windowWidthPx = window.innerWidth;
+	/**
+	 * Converted window width in em values, useful for comparisons
+	 * against the screenBreakpoints, which are listed in em values
+	 * which are pulled from the design tokens package.
+	 */
+	const windowWidthEm = Math.ceil(windowWidthPx / standardFontSizePx);
+	if (windowWidthEm <= ScreenBreakpoints.Small) {
+		return DeviceTypes.Mobile;
+	} else if (windowWidthEm > ScreenBreakpoints.Small && windowWidthEm <= ScreenBreakpoints.Medium) {
+		return DeviceTypes.Tablet;
+	}
+	return DeviceTypes.Desktop;
+}
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/helper/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { Conjunction } from './utils-types';\n\nexport function format(first: string | undefined, middle: string | undefined, last: string | undefined): string {\n\treturn (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function hasMultipleTrueValues<T>(arr: T[], key: keyof T): boolean {\n\tlet count = 0;\n\n\tfor (const obj of arr) {\n\t\tif (obj[key] === true || obj[key] === 'true') {\n\t\t\tcount++;\n\t\t\tif (count > 1) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn false;\n}\n\nexport function extractValuesByKey<T>(objects: T[], key: keyof T): Array<T[keyof T]> {\n\treturn objects.map((obj) => obj[key]);\n}\n\nexport function organizeObjectKeys(data: any[], columns: string[]): any[] {\n\treturn data.map((item) => {\n\t\tconst newData: any = {};\n\t\tconst otherKeys: any = {};\n\n\t\t// Iterate through each key in the item\n\t\tObject.keys(item).forEach((key) => {\n\t\t\tif (key === 'data') {\n\t\t\t\t// Organize keys in the 'data' object\n\t\t\t\tcolumns.forEach((column) => {\n\t\t\t\t\tif (column in item.data) {\n\t\t\t\t\t\tnewData[column] = item.data[column];\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Preserve other keys\n\t\t\t\totherKeys[key] = item[key];\n\t\t\t}\n\t\t});\n\n\t\treturn { data: newData, ...otherKeys };\n\t});\n}\n\nexport function removeObjectsBySpecificKey<T>(objects: T[], key: keyof T, value: boolean | 'true'): [T[], T[]] {\n\tconst removedObjects: T[] = [];\n\tconst filteredObjects = objects.filter((obj) => {\n\t\tif (obj[key] === value) {\n\t\t\tremovedObjects.push(obj);\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t});\n\treturn [filteredObjects, removedObjects];\n}\n\n/**\n * Takes an input value and determines whether or not it is a number.\n *\n * @param {string | number} value - The value you would like to test against.\n *\n * @returns {boolean}\n */\nexport function isNumber(value: string | number): boolean {\n\tif (value === undefined || value === null) return false;\n\treturn isNaN(Number(value)) === false;\n}\n\nexport function isEmpty(str: string | undefined | null): boolean {\n\treturn !str || str?.length <= 0;\n}\n\n/**\n * Retrieves the keys from an enum and lists them in an array.\n *\n * @param {object} enumObject - The enum you wish to get the keys of.\n *\n * @returns {string[]}\n */\nexport function retrieveEnumKeys(enumObject: object): string[] {\n\tif (enumObject === undefined || enumObject === null) return new Array<string>(0);\n\treturn Object.keys(enumObject).filter((key) => !isNumber(key));\n}\n\n/**\n * Prints an array as a comma delimited list, with the last element being preceded by a conjunction.\n * As per ontario.ca content guidelines, there is no Oxford comma.\n *\n * @param {Array<any>} arr - The array that you wish to print.\n * @param {Conjunction} conjunctionType - Whether you want the sentence to end with 'and value.' or 'or value.'\n *\n * @returns {string}\n */\nexport function printArray(arr: Array<any>, conjunctionType: Conjunction = 'and'): string {\n\treturn [...arr].reduce(\n\t\t(text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${conjunctionType} `) + value,\n\t);\n}\n\n/**\n * Grabs the HTML element of the page.\n *\n * More targetted than document.documentElement as the documentElement could\n * in theory be any element that is the top level. e.g. <div> if the page is not\n * set up to be semantically correct.\n *\n * @returns {HTMLElement}\n */\nexport function getRootHTMLElement(): HTMLElement {\n\treturn document.getElementsByTagName('html')[0];\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/helper/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { DeviceTypes } from '../common/common.enum';\nimport { DeviceType, Conjunction } from './utils-types';\nimport { ScreenBreakpoints, standardFontSizePx } from '../common/common.variables';\n\nexport function format(first: string | undefined, middle: string | undefined, last: string | undefined): string {\n\treturn (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function hasMultipleTrueValues<T>(arr: T[], key: keyof T): boolean {\n\tlet count = 0;\n\n\tfor (const obj of arr) {\n\t\tif (obj[key] === true || obj[key] === 'true') {\n\t\t\tcount++;\n\t\t\tif (count > 1) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn false;\n}\n\nexport function extractValuesByKey<T>(objects: T[], key: keyof T): Array<T[keyof T]> {\n\treturn objects.map((obj) => obj[key]);\n}\n\nexport function organizeObjectKeys(data: any[], columns: string[]): any[] {\n\treturn data.map((item) => {\n\t\tconst newData: any = {};\n\t\tconst otherKeys: any = {};\n\n\t\t// Iterate through each key in the item\n\t\tObject.keys(item).forEach((key) => {\n\t\t\tif (key === 'data') {\n\t\t\t\t// Organize keys in the 'data' object\n\t\t\t\tcolumns.forEach((column) => {\n\t\t\t\t\tif (column in item.data) {\n\t\t\t\t\t\tnewData[column] = item.data[column];\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Preserve other keys\n\t\t\t\totherKeys[key] = item[key];\n\t\t\t}\n\t\t});\n\n\t\treturn { data: newData, ...otherKeys };\n\t});\n}\n\nexport function removeObjectsBySpecificKey<T>(objects: T[], key: keyof T, value: boolean | 'true'): [T[], T[]] {\n\tconst removedObjects: T[] = [];\n\tconst filteredObjects = objects.filter((obj) => {\n\t\tif (obj[key] === value) {\n\t\t\tremovedObjects.push(obj);\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t});\n\treturn [filteredObjects, removedObjects];\n}\n\n/**\n * Takes an input value and determines whether or not it is a number.\n *\n * @param {string | number} value - The value you would like to test against.\n *\n * @returns {boolean}\n */\nexport function isNumber(value: string | number): boolean {\n\tif (value === undefined || value === null) return false;\n\treturn isNaN(Number(value)) === false;\n}\n\nexport function isEmpty(str: string | undefined | null): boolean {\n\treturn !str || str?.length <= 0;\n}\n\n/**\n * Takes a string value of \"true\" and converts it to boolean true.\n *\n * All other values are converted to boolean false.\n *\n * Has advantages over the built in JavaScript Boolean() constructor / function.\n *\n * Using Boolean() could lead to unexpected results.\n *\n * e.g. Boolean(\"false\") evaluates to a boolean value of true.\n *\n * @param {string} value - The value you would like to convert to a boolean.\n *\n * @returns {boolean}\n */\nexport function convertStringToBoolean(value: string): boolean {\n\treturn value.toLowerCase() === 'true';\n}\n\n/**\n * Retrieves the keys from an enum and lists them in an array.\n *\n * @param {object} enumObject - The enum you wish to get the keys of.\n *\n * @returns {string[]}\n */\nexport function retrieveEnumKeys(enumObject: object): string[] {\n\tif (enumObject === undefined || enumObject === null) return new Array<string>(0);\n\treturn Object.keys(enumObject).filter((key) => !isNumber(key));\n}\n\n/**\n * Prints an array as a comma delimited list, with the last element being preceded by a conjunction.\n * As per ontario.ca content guidelines, there is no Oxford comma.\n *\n * @param {Array<any>} arr - The array that you wish to print.\n * @param {Conjunction} conjunctionType - Whether you want the sentence to end with 'and value.' or 'or value.'\n *\n * @returns {string}\n */\nexport function printArray(arr: Array<any>, conjunctionType: Conjunction = 'and'): string {\n\treturn [...arr].reduce(\n\t\t(text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${conjunctionType} `) + value,\n\t);\n}\n\n/**\n * Grabs the HTML element of the page.\n *\n * More targetted than document.documentElement as the documentElement could\n * in theory be any element that is the top level. e.g. <div> if the page is not\n * set up to be semantically correct.\n *\n * @returns {HTMLElement}\n */\nexport function getRootHTMLElement(): HTMLElement {\n\treturn document.getElementsByTagName('html')[0];\n}\n\n/**\n * Determines the device type based on screen breakpoints.\n *\n * @returns {DeviceType}\n */\nexport function determineDeviceType(): DeviceType {\n\tconst windowWidthPx = window.innerWidth;\n\t/**\n\t * Converted window width in em values, useful for comparisons\n\t * against the screenBreakpoints, which are listed in em values\n\t * which are pulled from the design tokens package.\n\t */\n\tconst windowWidthEm = Math.ceil(windowWidthPx / standardFontSizePx);\n\n\tif (windowWidthEm <= ScreenBreakpoints.Small) {\n\t\treturn DeviceTypes.Mobile;\n\t} else if (windowWidthEm > ScreenBreakpoints.Small && windowWidthEm <= ScreenBreakpoints.Medium) {\n\t\treturn DeviceTypes.Tablet;\n\t}\n\n\treturn DeviceTypes.Desktop;\n}\n"]}

package/dist/esm/index-B0__ICHj.js

@@ -601,10 +601,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 					/* webpackMode: "lazy" */
 					'./ontario-icon-youtube.entry.js'
 				).then(processMod, consoleError);
-			case 'ontario-accordion_47':
+			case 'ontario-accordion_48':
 				return import(
 					/* webpackMode: "lazy" */
-					'./ontario-accordion_47.entry.js'
+					'./ontario-accordion_48.entry.js'
 				).then(processMod, consoleError);
 		}
 	}