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

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

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

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

@@ -0,0 +1,2 @@
+export const CaptionTypes = ['default', 'large', 'heading'];
+//# sourceMappingURL=input-caption.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-caption.types.js","sourceRoot":"","sources":["../../../../src/utils/common/input-caption/input-caption.types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU,CAAC","sourcesContent":["export const CaptionTypes = ['default', 'large', 'heading'] as const;\nexport type CaptionType = (typeof CaptionTypes)[number];\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"language-types.js","sourceRoot":"","sources":["../../../src/utils/common/language-types.ts"],"names":[],"mappings":"","sourcesContent":["export type Language = 'en' | 'fr';\n"]}

package/dist/collection/utils/components/callout-aside/callout-aside-helpers.js

@@ -0,0 +1,62 @@
+import { h } from '@stencil/core';
+import { HeadingLevel, HighlightColours } from './callout-aside.interface';
+export const isValidHighlightColour = (colour) => HighlightColours.includes(colour);
+export const isValidHeadingLevel = (level) => HeadingLevel.includes(level);
+const generateClasses = (type, highlightColor) => {
+	const componentType = type === 'callout' ? `ontario-callout` : `ontario-aside`;
+	const borderColor = `ontario-border-highlight--${highlightColor}`;
+	return highlightColor ? `${componentType} ${borderColor}` : `${componentType}`;
+};
+const generateHeading = (type, headingType, headingContentType, headingContent) => {
+	const headingContentIsHTML = headingContentType === 'html';
+	switch (headingType) {
+		case 'h2':
+			return headingContentIsHTML
+				? h('h2', { class: `ontario-${type}__title ontario-h5`, innerHTML: headingContent })
+				: h('h2', { class: `ontario-${type}__title ontario-h5` }, headingContent);
+		case 'h3':
+			return headingContentIsHTML
+				? h('h3', { class: `ontario-${type}__title ontario-h5`, innerHTML: headingContent })
+				: h('h3', { class: `ontario-${type}__title ontario-h5` }, headingContent);
+		case 'h4':
+			return headingContentIsHTML
+				? h('h4', { class: `ontario-${type}__title ontario-h5`, innerHTML: headingContent })
+				: h('h4', { class: `ontario-${type}__title ontario-h5` }, headingContent);
+		case 'h5':
+			return headingContentIsHTML
+				? h('h5', { class: `ontario-${type}__title ontario-h5`, innerHTML: headingContent })
+				: h('h5', { class: `ontario-${type}__title ontario-h5` }, headingContent);
+		case 'h6':
+			return headingContentIsHTML
+				? h('h6', { class: `ontario-${type}__title ontario-h5`, innerHTML: headingContent })
+				: h('h6', { class: `ontario-${type}__title ontario-h5` }, headingContent);
+		default:
+			return headingContentIsHTML
+				? h('h2', { class: `ontario-${type}__title ontario-h5`, innerHTML: headingContent })
+				: h('h2', { class: `ontario-${type}__title ontario-h5` }, headingContent);
+	}
+};
+export const generateCalloutAside = (
+	type,
+	headingType,
+	headingContentType,
+	headingContent,
+	content,
+	highlightColour,
+) => {
+	const contentIsString = typeof content === 'string';
+	return type === 'callout'
+		? h(
+				'div',
+				{ class: generateClasses(type, highlightColour) },
+				generateHeading(type, headingType, headingContentType, headingContent),
+				contentIsString ? h('p', null, content) : h('slot', null),
+		  )
+		: h(
+				'aside',
+				{ class: generateClasses(type, highlightColour) },
+				generateHeading(type, headingType, headingContentType, headingContent),
+				contentIsString ? h('p', null, content) : h('slot', null),
+		  );
+};
+//# sourceMappingURL=callout-aside-helpers.js.map

package/dist/collection/utils/components/callout-aside/callout-aside-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout-aside-helpers.js","sourceRoot":"","sources":["../../../../src/utils/components/callout-aside/callout-aside-helpers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport {\n\tCalloutAsideType,\n\tHeadingLevel,\n\tHeadingLevelOptions,\n\tHeadingContentType,\n\tHighlightColours,\n\tHighlightColourOptions,\n} from './callout-aside.interface';\n\nexport const isValidHighlightColour = (colour: HighlightColourOptions): colour is HighlightColourOptions =>\n\tHighlightColours.includes(colour);\n\nexport const isValidHeadingLevel = (level: HeadingLevelOptions): level is HeadingLevelOptions =>\n\tHeadingLevel.includes(level);\n\nconst generateClasses = (type: CalloutAsideType, highlightColor?: HighlightColourOptions) => {\n\tconst componentType = type === 'callout' ? `ontario-callout` : `ontario-aside`;\n\tconst borderColor = `ontario-border-highlight--${highlightColor}`;\n\n\treturn highlightColor ? `${componentType} ${borderColor}` : `${componentType}`;\n};\n\nconst generateHeading = (\n\ttype: CalloutAsideType,\n\theadingType: HeadingLevelOptions,\n\theadingContentType: HeadingContentType,\n\theadingContent: string,\n) => {\n\tconst headingContentIsHTML = headingContentType === 'html';\n\n\tswitch (headingType) {\n\t\tcase 'h2':\n\t\t\treturn headingContentIsHTML ? (\n\t\t\t\t<h2 class={`ontario-${type}__title ontario-h5`} innerHTML={headingContent}></h2>\n\t\t\t) : (\n\t\t\t\t<h2 class={`ontario-${type}__title ontario-h5`}>{headingContent}</h2>\n\t\t\t);\n\t\tcase 'h3':\n\t\t\treturn headingContentIsHTML ? (\n\t\t\t\t<h3 class={`ontario-${type}__title ontario-h5`} innerHTML={headingContent}></h3>\n\t\t\t) : (\n\t\t\t\t<h3 class={`ontario-${type}__title ontario-h5`}>{headingContent}</h3>\n\t\t\t);\n\t\tcase 'h4':\n\t\t\treturn headingContentIsHTML ? (\n\t\t\t\t<h4 class={`ontario-${type}__title ontario-h5`} innerHTML={headingContent}></h4>\n\t\t\t) : (\n\t\t\t\t<h4 class={`ontario-${type}__title ontario-h5`}>{headingContent}</h4>\n\t\t\t);\n\t\tcase 'h5':\n\t\t\treturn headingContentIsHTML ? (\n\t\t\t\t<h5 class={`ontario-${type}__title ontario-h5`} innerHTML={headingContent}></h5>\n\t\t\t) : (\n\t\t\t\t<h5 class={`ontario-${type}__title ontario-h5`}>{headingContent}</h5>\n\t\t\t);\n\t\tcase 'h6':\n\t\t\treturn headingContentIsHTML ? (\n\t\t\t\t<h6 class={`ontario-${type}__title ontario-h5`} innerHTML={headingContent}></h6>\n\t\t\t) : (\n\t\t\t\t<h6 class={`ontario-${type}__title ontario-h5`}>{headingContent}</h6>\n\t\t\t);\n\t\tdefault:\n\t\t\treturn headingContentIsHTML ? (\n\t\t\t\t<h2 class={`ontario-${type}__title ontario-h5`} innerHTML={headingContent}></h2>\n\t\t\t) : (\n\t\t\t\t<h2 class={`ontario-${type}__title ontario-h5`}>{headingContent}</h2>\n\t\t\t);\n\t}\n};\n\nexport const generateCalloutAside = (\n\ttype: CalloutAsideType,\n\theadingType: HeadingLevelOptions,\n\theadingContentType: HeadingContentType,\n\theadingContent: string,\n\tcontent?: string | HTMLElement,\n\thighlightColour?: HighlightColourOptions,\n) => {\n\tconst contentIsString = typeof content === 'string';\n\n\treturn type === 'callout' ? (\n\t\t<div class={generateClasses(type, highlightColour)}>\n\t\t\t{generateHeading(type, headingType, headingContentType, headingContent)}\n\t\t\t{contentIsString ? <p>{content}</p> : <slot />}\n\t\t</div>\n\t) : (\n\t\t<aside class={generateClasses(type, highlightColour)}>\n\t\t\t{generateHeading(type, headingType, headingContentType, headingContent)}\n\t\t\t{contentIsString ? <p>{content}</p> : <slot />}\n\t\t</aside>\n\t);\n};\n"]}

package/dist/collection/utils/components/callout-aside/callout-aside.interface.js

@@ -0,0 +1,4 @@
+export const HeadingLevel = ['h2', 'h3', 'h4', 'h5', 'h6'];
+export const HighlightColours = ['teal', 'gold', 'yellow', 'taupe', 'green', 'lime', 'sky', 'blue', 'purple'];
+export const HeadingContentTypes = ['string', 'html'];
+//# sourceMappingURL=callout-aside.interface.js.map

package/dist/collection/utils/components/callout-aside/callout-aside.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout-aside.interface.js","sourceRoot":"","sources":["../../../../src/utils/components/callout-aside/callout-aside.interface.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAIpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAC;AAQvH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAU,CAAC","sourcesContent":["import { Base } from '../../common/common.interface';\n\nexport const HeadingLevel = ['h2', 'h3', 'h4', 'h5', 'h6'] as const;\n\nexport type HeadingLevelOptions = (typeof HeadingLevel)[number];\n\nexport const HighlightColours = ['teal', 'gold', 'yellow', 'taupe', 'green', 'lime', 'sky', 'blue', 'purple'] as const;\n\nexport type HighlightColourOptions = (typeof HighlightColours)[number];\n\nexport type CalloutAsideType = 'callout' | 'aside';\n\nexport type HeadingContentType = 'string' | 'html';\n\nexport const HeadingContentTypes = ['string', 'html'] as const;\n\nexport interface CalloutAside extends Base {\n\t/**\n\t * The heading level of the callout/aside heading.\n\t */\n\theadingType: HeadingLevelOptions;\n\n\t/**\n\t * The type of the heading content. If no prop is passed, it will default to string.\n\t */\n\theadingContentType: HeadingContentType;\n\n\t/**\n\t * Text or HTML to be displayed as the heading of the callout/aside. If the heading content should be displayed as HTML, the `headingContentType` needs to be set to `html`.\n\t */\n\theadingContent: string;\n\n\t/**\n\t * Optional text to be displayed as the content for the callout/aside component. If a string is passed, it will automatically be nested in a paragraph tag.\n\t *\n\t * HTML content can also be passed as the child/children of the callout/aside component if additional/different elements for the content are needed.\n\t */\n\tcontent?: string | HTMLElement;\n\n\t/**\n\t * Optional prop to choose the border colour of the callout/aside. If none is passed, the default colour will be teal.\n\t */\n\thighlightColor?: HighlightColourOptions | undefined;\n}\n"]}

package/dist/collection/utils/components/error-message/error-message.js

@@ -0,0 +1,12 @@
+import { h } from '@stencil/core';
+import { isEmpty } from '../../../utils/helper/utils';
+export const ErrorMessage = ({ message, error = false }) => {
+	const hideError = !error || isEmpty(message);
+	return h(
+		'div',
+		{ role: 'alert', class: `ontario-error-messaging ${hideError ? 'ontario-error__hidden' : ''}` },
+		h('ontario-icon-alert-error', null),
+		h('div', { class: 'ontario-error-messaging__content' }, message),
+	);
+};
+//# sourceMappingURL=error-message.js.map

package/dist/collection/utils/components/error-message/error-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-message.js","sourceRoot":"","sources":["../../../../src/utils/components/error-message/error-message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAOtD,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,MAAM,SAAS,GAAG,CAAC,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,CACN,WAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,2BAA2B,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE;QAC7F,mCAAqD;QACrD,WAAK,KAAK,EAAC,kCAAkC,IAAE,OAAO,CAAO,CACxD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { isEmpty } from '../../../utils/helper/utils';\n\nexport type ErrorMessageProps = {\n\terror?: boolean;\n\tmessage?: string;\n};\n\nexport const ErrorMessage: FunctionalComponent<ErrorMessageProps> = ({ message, error = false }) => {\n\tconst hideError = !error || isEmpty(message);\n\n\treturn (\n\t\t<div role=\"alert\" class={`ontario-error-messaging ${hideError ? 'ontario-error__hidden' : ''}`}>\n\t\t\t<ontario-icon-alert-error></ontario-icon-alert-error>\n\t\t\t<div class=\"ontario-error-messaging__content\">{message}</div>\n\t\t</div>\n\t);\n};\n"]}

package/dist/collection/utils/components/hints/hints.js

@@ -0,0 +1,16 @@
+export const constructHintTextObject = (hintText) => {
+	let hintTextObject = { hint: '', hintContentType: 'string' };
+	if (hintText) {
+		if (typeof hintText === 'string') {
+			try {
+				hintTextObject = JSON.parse(hintText);
+			} catch (_a) {
+				hintTextObject = { hint: hintText, hintContentType: 'string' };
+			}
+		} else {
+			hintTextObject = hintText;
+		}
+	}
+	return hintTextObject;
+};
+//# sourceMappingURL=hints.js.map

package/dist/collection/utils/components/hints/hints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hints.js","sourceRoot":"","sources":["../../../../src/utils/components/hints/hints.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,QAAuB,EAAE,EAAE;IAClE,IAAI,cAAc,GAAS,EAAE,IAAI,EAAE,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;IAEnE,IAAI,QAAQ,EAAE,CAAC;QACd,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC;gBACJ,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAS,CAAC;YAC/C,CAAC;YAAC,WAAM,CAAC;gBACR,cAAc,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;YAChE,CAAC;QACF,CAAC;aAAM,CAAC;YACP,cAAc,GAAG,QAAQ,CAAC;QAC3B,CAAC;IACF,CAAC;IAED,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC","sourcesContent":["import { Hint } from '../../common/common.interface';\n\nexport const constructHintTextObject = (hintText: string | Hint) => {\n\tlet hintTextObject: Hint = { hint: '', hintContentType: 'string' };\n\n\tif (hintText) {\n\t\tif (typeof hintText === 'string') {\n\t\t\ttry {\n\t\t\t\thintTextObject = JSON.parse(hintText) as Hint;\n\t\t\t} catch {\n\t\t\t\thintTextObject = { hint: hintText, hintContentType: 'string' };\n\t\t\t}\n\t\t} else {\n\t\t\thintTextObject = hintText;\n\t\t}\n\t}\n\n\treturn hintTextObject;\n};\n"]}

package/dist/collection/utils/console-message/console-message.enum.js

@@ -0,0 +1,13 @@
+export var ConsoleType;
+(function (ConsoleType) {
+	ConsoleType['Error'] = 'error';
+	ConsoleType['Info'] = 'info';
+	ConsoleType['Log'] = 'log';
+	ConsoleType['Warning'] = 'warning';
+})(ConsoleType || (ConsoleType = {}));
+export var MessageStyle;
+(function (MessageStyle) {
+	MessageStyle['Regular'] = 'regular';
+	MessageStyle['Code'] = 'code';
+})(MessageStyle || (MessageStyle = {}));
+//# sourceMappingURL=console-message.enum.js.map

package/dist/collection/utils/console-message/console-message.enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"console-message.enum.js","sourceRoot":"","sources":["../../../src/utils/console-message/console-message.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACtB,8BAAe,CAAA;IACf,4BAAa,CAAA;IACb,0BAAW,CAAA;IACX,kCAAmB,CAAA;AACpB,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACvB,mCAAmB,CAAA;IACnB,6BAAa,CAAA;AACd,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["export enum ConsoleType {\n\tError = 'error',\n\tInfo = 'info',\n\tLog = 'log',\n\tWarning = 'warning',\n}\n\nexport enum MessageStyle {\n\tRegular = 'regular',\n\tCode = 'code',\n}\n"]}

package/dist/collection/utils/console-message/console-message.interface.js

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

package/dist/collection/utils/console-message/console-message.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"console-message.interface.js","sourceRoot":"","sources":["../../../src/utils/console-message/console-message.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { MessageStyle } from './console-message.enum';\n\nexport interface ConsoleMessage {\n\tmessage: string;\n\tstyle: MessageStyle;\n}\n"]}

package/dist/collection/utils/console-message/console-message.js

@@ -0,0 +1,130 @@
+import { ConsoleType, MessageStyle } from './console-message.enum';
+// system tag with formatting specifier
+const designSystemTag = 'Ontario Design System';
+// default font size for console messages
+const fontSize = '12px';
+// styles for the system tag in a string format
+// the `background-color`, `color`, `padding` and `border-radius` values are hardcoded because
+// they are specific for console message use case
+const tagStyles = [
+	'background-color: #367A76',
+	'border: none',
+	'color: white',
+	'padding: 2px 5px',
+	'text-align: center',
+	'text-decoration: none',
+	'display: inline-block',
+	'cursor: pointer',
+	'border-radius: 5px',
+].join(';');
+// styles for regular text in string format
+const regularTextStyles = ['font-family: sans-serif', `font-size: ${fontSize}`].join(';');
+// styles for code in string format
+const monospaceTextStyles = ['font-family: monospace', `font-size: ${fontSize}`].join(';');
+function addSpecifier(message) {
+	const styleSpecifier = '%c';
+	return styleSpecifier.concat(message);
+}
+// print message to console depending on the `ConsoleType`
+export function printConsoleMessage(messages, consoleType = ConsoleType.Warning, hasDesignSystemTag = true) {
+	// retrieve message from each object and concatenate them into one single string in order
+	// if `hasSystemTag` is true then the message string will being with the value stored within `designSystemTag`.
+	const message =
+		typeof messages === 'string' // Note the TypeScript transpiler Stencil is using doesn't like this type guard as a const.
+			? `${addSpecifier(designSystemTag)}${addSpecifier(` ${messages}`)}`
+			: messages === null || messages === void 0
+			? void 0
+			: messages.reduce(
+					(message, currentObject) => {
+						var _a;
+						return (message += (_a = addSpecifier(currentObject.message)) !== null && _a !== void 0 ? _a : '');
+					},
+					hasDesignSystemTag ? addSpecifier(designSystemTag) : '',
+			  );
+	// array of arguments to be passed into the the console function
+	const messageArray = [];
+	// push message into the array of arguments
+	// depending on whether the system tag is used (i.e. `hasSystemTag` is true), push `tagStyles` into the array
+	if (hasDesignSystemTag) {
+		messageArray.push(message, tagStyles);
+	} else {
+		messageArray.push(message);
+	}
+	// Note the TypeScript transpiler Stencil is using doesn't like this type guard as a const.
+	if (typeof messages === 'string') {
+		messageArray.push(regularTextStyles);
+	} else {
+		// push style of each message into the array of arguments in order
+		messages === null || messages === void 0
+			? void 0
+			: messages.forEach((message) => {
+					messageArray.push(
+						message.style && message.style === MessageStyle.Code ? monospaceTextStyles : regularTextStyles,
+					);
+			  });
+	}
+	// pass array of arguments into the console function for printing depending on `consoleType`
+	// the `function.apply()` function handles array of arguments which allows list of arguments to be set programmatically
+	switch (consoleType) {
+		case ConsoleType.Error:
+			return console.error.apply(null, messageArray);
+		case ConsoleType.Info:
+			return console.info.apply(null, messageArray);
+		case ConsoleType.Warning:
+			return console.warn.apply(null, messageArray);
+		default:
+			return console.log.apply(null, messageArray);
+	}
+}
+// build and print console message with a fluent interface design
+export class ConsoleMessageClass {
+	constructor() {
+		this.message = '';
+		this.styles = [];
+	}
+	// add the `Ontario Design System` tag to the beginning of the message
+	// the first call in the chain if a tag is required
+	addDesignSystemTag() {
+		this.message = addSpecifier(designSystemTag);
+		this.styles.push(tagStyles);
+		return this;
+	}
+	// build console message as regular text
+	addRegularText(text) {
+		this.addText(text, regularTextStyles);
+		return this;
+	}
+	// build console message as monospace text
+	addMonospaceText(text) {
+		this.addText(text, monospaceTextStyles);
+		return this;
+	}
+	// print message to console depending on the `ConsoleType`
+	// the last function call in the chain
+	printMessage(consoleType = ConsoleType.Warning) {
+		const messageArray = [this.message, ...this.styles];
+		// pass array of arguments into the console function for printing depending on `consoleType`
+		// the `function.apply()` function handles array of arguments which allows list of arguments to be set programmatically
+		switch (consoleType) {
+			case ConsoleType.Error:
+				console.error.apply(null, messageArray);
+				break;
+			case ConsoleType.Info:
+				console.info.apply(null, messageArray);
+				break;
+			case ConsoleType.Warning:
+				console.warn.apply(null, messageArray);
+				break;
+			default:
+				console.log.apply(null, messageArray);
+		}
+	}
+	// add text to the `message` property and associated styles into the `styles` array
+	addText(text, style) {
+		if (text && (text === null || text === void 0 ? void 0 : text.trim().length) > 0) {
+			this.message += addSpecifier(text);
+			this.styles.push(style);
+		}
+	}
+}
+//# sourceMappingURL=console-message.js.map

package/dist/collection/utils/console-message/console-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"console-message.js","sourceRoot":"","sources":["../../../src/utils/console-message/console-message.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConsoleMessage } from './console-message.interface';\nimport { ConsoleType, MessageStyle } from './console-message.enum';\n\n// system tag with formatting specifier\nconst designSystemTag = 'Ontario Design System';\n\n// default font size for console messages\nconst fontSize = '12px';\n\n// styles for the system tag in a string format\n// the `background-color`, `color`, `padding` and `border-radius` values are hardcoded because\n// they are specific for console message use case\nconst tagStyles = [\n\t'background-color: #367A76',\n\t'border: none',\n\t'color: white',\n\t'padding: 2px 5px',\n\t'text-align: center',\n\t'text-decoration: none',\n\t'display: inline-block',\n\t'cursor: pointer',\n\t'border-radius: 5px',\n].join(';');\n\n// styles for regular text in string format\nconst regularTextStyles = ['font-family: sans-serif', `font-size: ${fontSize}`].join(';');\n\n// styles for code in string format\nconst monospaceTextStyles = ['font-family: monospace', `font-size: ${fontSize}`].join(';');\n\nfunction addSpecifier(message: string): string {\n\tconst styleSpecifier = '%c';\n\treturn styleSpecifier.concat(message);\n}\n\n// print message to console depending on the `ConsoleType`\nexport function printConsoleMessage(\n\tmessages: ConsoleMessage[] | string,\n\tconsoleType = ConsoleType.Warning,\n\thasDesignSystemTag = true,\n) {\n\t// retrieve message from each object and concatenate them into one single string in order\n\t// if `hasSystemTag` is true then the message string will being with the value stored within `designSystemTag`.\n\tconst message =\n\t\ttypeof messages === 'string' // Note the TypeScript transpiler Stencil is using doesn't like this type guard as a const.\n\t\t\t? `${addSpecifier(designSystemTag)}${addSpecifier(` ${messages}`)}`\n\t\t\t: messages?.reduce(\n\t\t\t\t\t(message: string, currentObject: ConsoleMessage) => (message += addSpecifier(currentObject.message) ?? ''),\n\t\t\t\t\thasDesignSystemTag ? addSpecifier(designSystemTag) : '',\n\t\t\t  );\n\n\t// array of arguments to be passed into the the console function\n\tconst messageArray: string[] = [];\n\n\t// push message into the array of arguments\n\t// depending on whether the system tag is used (i.e. `hasSystemTag` is true), push `tagStyles` into the array\n\tif (hasDesignSystemTag) {\n\t\tmessageArray.push(message, tagStyles);\n\t} else {\n\t\tmessageArray.push(message);\n\t}\n\n\t// Note the TypeScript transpiler Stencil is using doesn't like this type guard as a const.\n\tif (typeof messages === 'string') {\n\t\tmessageArray.push(regularTextStyles);\n\t} else {\n\t\t// push style of each message into the array of arguments in order\n\t\tmessages?.forEach((message: ConsoleMessage) => {\n\t\t\tmessageArray.push(message.style && message.style === MessageStyle.Code ? monospaceTextStyles : regularTextStyles);\n\t\t});\n\t}\n\n\t// pass array of arguments into the console function for printing depending on `consoleType`\n\t// the `function.apply()` function handles array of arguments which allows list of arguments to be set programmatically\n\tswitch (consoleType) {\n\t\tcase ConsoleType.Error:\n\t\t\treturn console.error.apply(null, messageArray);\n\n\t\tcase ConsoleType.Info:\n\t\t\treturn console.info.apply(null, messageArray);\n\n\t\tcase ConsoleType.Warning:\n\t\t\treturn console.warn.apply(null, messageArray);\n\n\t\tdefault:\n\t\t\treturn console.log.apply(null, messageArray);\n\t}\n}\n\n// build and print console message with a fluent interface design\nexport class ConsoleMessageClass {\n\tmessage: string;\n\tstyles: string[];\n\n\tconstructor() {\n\t\tthis.message = '';\n\t\tthis.styles = [];\n\t}\n\n\t// add the `Ontario Design System` tag to the beginning of the message\n\t// the first call in the chain if a tag is required\n\taddDesignSystemTag() {\n\t\tthis.message = addSpecifier(designSystemTag);\n\t\tthis.styles.push(tagStyles);\n\t\treturn this;\n\t}\n\n\t// build console message as regular text\n\taddRegularText(text: string) {\n\t\tthis.addText(text, regularTextStyles);\n\t\treturn this;\n\t}\n\n\t// build console message as monospace text\n\taddMonospaceText(text: string) {\n\t\tthis.addText(text, monospaceTextStyles);\n\t\treturn this;\n\t}\n\n\t// print message to console depending on the `ConsoleType`\n\t// the last function call in the chain\n\tprintMessage(consoleType = ConsoleType.Warning) {\n\t\tconst messageArray = [this.message, ...this.styles];\n\n\t\t// pass array of arguments into the console function for printing depending on `consoleType`\n\t\t// the `function.apply()` function handles array of arguments which allows list of arguments to be set programmatically\n\t\tswitch (consoleType) {\n\t\t\tcase ConsoleType.Error:\n\t\t\t\tconsole.error.apply(null, messageArray);\n\t\t\t\tbreak;\n\t\t\tcase ConsoleType.Info:\n\t\t\t\tconsole.info.apply(null, messageArray);\n\t\t\t\tbreak;\n\t\t\tcase ConsoleType.Warning:\n\t\t\t\tconsole.warn.apply(null, messageArray);\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tconsole.log.apply(null, messageArray);\n\t\t}\n\t}\n\n\t// add text to the `message` property and associated styles into the `styles` array\n\tprivate addText(text: string, style: string) {\n\t\tif (text && text?.trim().length > 0) {\n\t\t\tthis.message += addSpecifier(text);\n\t\t\tthis.styles.push(style);\n\t\t}\n\t}\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"common-events.interface.js","sourceRoot":"","sources":["../../../src/utils/events/common-events.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface HeaderLanguageToggleEventDetails {\n\toldLanguage: string;\n\tnewLanguage: string;\n}\n"]}

package/dist/collection/utils/events/event-handler.interface.js

@@ -0,0 +1,8 @@
+export var EventType;
+(function (EventType) {
+	EventType['Change'] = 'change';
+	EventType['Blur'] = 'blur';
+	EventType['Focus'] = 'focus';
+	EventType['Input'] = 'input';
+})(EventType || (EventType = {}));
+//# sourceMappingURL=event-handler.interface.js.map

package/dist/collection/utils/events/event-handler.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-handler.interface.js","sourceRoot":"","sources":["../../../src/utils/events/event-handler.interface.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACpB,8BAAiB,CAAA;IACjB,0BAAa,CAAA;IACb,4BAAe,CAAA;IACf,4BAAe,CAAA;AAChB,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB","sourcesContent":["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"]}

package/dist/collection/utils/events/event-handler.js

@@ -0,0 +1,75 @@
+import { EventType } from './event-handler.interface';
+export 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
+ */
+export const emitEvent = (element, name, detail) => {
+	element.dispatchEvent(new CustomEvent(name, { composed: true, bubbles: true, detail }));
+};
+//# sourceMappingURL=event-handler.js.map

package/dist/collection/utils/events/event-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-handler.js","sourceRoot":"","sources":["../../../src/utils/events/event-handler.ts"],"names":[],"mappings":"AACA,OAAO,EAEN,SAAS,GAKT,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,KAAY,EACZ,SAAoB,EACpB,KAAgB,EAChB,gBAAmF,EACnF,eAAkD,EAClD,cAAiD,EACjD,eAA+C,EAC/C,IAAa,EACb,oBAA6C,EAC7C,mBAA4C,EAC5C,kBAA2C,EAC3C,mBAA4C,EAC5C,WAAyB,EACxB,EAAE;;IACH,IAAI,SAAS,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC;QACnC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAC;YACrB,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE;YACb,KAAK,EAAE,MAAC,KAAoB,CAAC,IAAI,mCAAI,SAAS;YAC9C,SAAS,EAAG,KAAoB,CAAC,SAAS;SAC1C,CAAC,CAAC;QAEH,mBAAmB,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,SAAS,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC;QACpC,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YAC7C,IAAI,KAAK,YAAY,gBAAgB,EAAE,CAAC;gBACvC,gBAAgB,CAAC,IAAI,CAAC;oBACrB,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;oBACvB,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE;oBACb,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;iBACnB,CAAC,CAAC;YACJ,CAAC;QACF,CAAC;aAAM,CAAC;YACP,gBAAgB,CAAC,IAAI,CAAC;gBACrB,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE;gBACb,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;aACnB,CAAC,CAAC;QACJ,CAAC;QAED,oBAAoB,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAEpD,gGAAgG;QAChG,gFAAgF;QAChF,WAAW,IAAI,SAAS,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,SAAS,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC;QACnC,eAAe,CAAC,IAAI,CAAC;YACpB,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE;YACb,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;SACnB,CAAC,CAAC;QAEH,mBAAmB,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;QAClC,cAAc,CAAC,IAAI,CAAC;YACnB,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE;YACb,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;SACnB,CAAC,CAAC;QAEH,kBAAkB,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC;AACF,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,OAAoB,EAAE,IAAY,EAAE,MAAY,EAAE,EAAE;IAC7E,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AACzF,CAAC,CAAC","sourcesContent":["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"]}

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

@@ -0,0 +1,58 @@
+export function format(first, middle, last) {
+	return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+export function hasMultipleTrueValues(arr, key) {
+	let count = 0;
+	for (const obj of arr) {
+		if (obj[key] === true || obj[key] === 'true') {
+			count++;
+			if (count > 1) {
+				return true;
+			}
+		}
+	}
+	return false;
+}
+export function extractValuesByKey(objects, key) {
+	return objects.map((obj) => obj[key]);
+}
+export function organizeObjectKeys(data, columns) {
+	return data.map((item) => {
+		const newData = {};
+		const otherKeys = {};
+		// Iterate through each key in the item
+		Object.keys(item).forEach((key) => {
+			if (key === 'data') {
+				// Organize keys in the 'data' object
+				columns.forEach((column) => {
+					if (column in item.data) {
+						newData[column] = item.data[column];
+					}
+				});
+			} else {
+				// Preserve other keys
+				otherKeys[key] = item[key];
+			}
+		});
+		return Object.assign({ data: newData }, otherKeys);
+	});
+}
+export function removeObjectsBySpecificKey(objects, key, value) {
+	const removedObjects = [];
+	const filteredObjects = objects.filter((obj) => {
+		if (obj[key] === value) {
+			removedObjects.push(obj);
+			return false;
+		}
+		return true;
+	});
+	return [filteredObjects, removedObjects];
+}
+export function isNumber(str) {
+	const pattern = /^\d+\.?\d*$/;
+	return pattern.test(str);
+}
+export function isEmpty(str) {
+	return !str || (str === null || str === void 0 ? void 0 : str.length) <= 0;
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/helper/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAyB,EAAE,MAA0B,EAAE,IAAwB;IACrG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAI,GAAQ,EAAE,GAAY;IAC9D,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,MAAM,EAAE,CAAC;YAC9C,KAAK,EAAE,CAAC;YACR,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;gBACf,OAAO,IAAI,CAAC;YACb,CAAC;QACF,CAAC;IACF,CAAC;IAED,OAAO,KAAK,CAAC;AACd,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAI,OAAY,EAAE,GAAY;IAC/D,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,IAAW,EAAE,OAAiB;IAChE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,MAAM,OAAO,GAAQ,EAAE,CAAC;QACxB,MAAM,SAAS,GAAQ,EAAE,CAAC;QAE1B,uCAAuC;QACvC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACjC,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;gBACpB,qCAAqC;gBACrC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC1B,IAAI,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;wBACzB,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBACrC,CAAC;gBACF,CAAC,CAAC,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACP,sBAAsB;gBACtB,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YAC5B,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,uBAAS,IAAI,EAAE,OAAO,IAAK,SAAS,EAAG;IACxC,CAAC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAI,OAAY,EAAE,GAAY,EAAE,KAAuB;IAChG,MAAM,cAAc,GAAQ,EAAE,CAAC;IAC/B,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;QAC9C,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC;YACxB,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACzB,OAAO,KAAK,CAAC;QACd,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,GAAW;IACnC,MAAM,OAAO,GAAG,aAAa,CAAC;IAC9B,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,GAA8B;IACrD,OAAO,CAAC,GAAG,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,KAAI,CAAC,CAAC;AACjC,CAAC","sourcesContent":["export 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\nexport function isNumber(str: string): boolean {\n\tconst pattern = /^\\d+\\.?\\d*$/;\n\treturn pattern.test(str);\n}\n\nexport function isEmpty(str: string | undefined | null): boolean {\n\treturn !str || str?.length <= 0;\n}\n"]}

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

@@ -0,0 +1,16 @@
+import { format } from './utils';
+describe('format', () => {
+	it('returns empty string for no names defined', () => {
+		expect(format(undefined, undefined, undefined)).toEqual('');
+	});
+	it('formats just first names', () => {
+		expect(format('Joseph', undefined, undefined)).toEqual('Joseph');
+	});
+	it('formats first and last names', () => {
+		expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');
+	});
+	it('formats first, middle and last names', () => {
+		expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
+	});
+});
+//# sourceMappingURL=utils.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../../src/utils/helper/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACvC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { format } from './utils';\n\ndescribe('format', () => {\n\tit('returns empty string for no names defined', () => {\n\t\texpect(format(undefined, undefined, undefined)).toEqual('');\n\t});\n\n\tit('formats just first names', () => {\n\t\texpect(format('Joseph', undefined, undefined)).toEqual('Joseph');\n\t});\n\n\tit('formats first and last names', () => {\n\t\texpect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');\n\t});\n\n\tit('formats first, middle and last names', () => {\n\t\texpect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');\n\t});\n});\n"]}

package/dist/collection/utils/svgTransform.js

@@ -0,0 +1,15 @@
+const path = require('path');
+
+module.exports = {
+	process(src, filePath) {
+		if (path.extname(filePath) !== '.svg') {
+			return src;
+		}
+
+		return 'module.exports = {};';
+	},
+	getCacheKey() {
+		// The output is always the same.
+		return 'svgTransform';
+	},
+};

package/dist/collection/utils/tests/mutation-observer.mock.js

@@ -0,0 +1,8 @@
+export const mutationObserverMock = jest.fn().mockImplementation(() => {
+	return {
+		observe: jest.fn(),
+		disconnect: jest.fn(),
+		takeRecords: jest.fn(),
+	};
+});
+//# sourceMappingURL=mutation-observer.mock.js.map

package/dist/collection/utils/tests/mutation-observer.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation-observer.mock.js","sourceRoot":"","sources":["../../../src/utils/tests/mutation-observer.mock.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC,EAAE,EAAwC,CAAC,kBAAkB,CAAC,GAAG,EAAE;IAC3G,OAAO;QACN,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;QAClB,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;QACrB,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;KACtB,CAAC;AACH,CAAC,CAAC,CAAC","sourcesContent":["export const mutationObserverMock = jest.fn<MutationObserver, [MutationCallback]>().mockImplementation(() => {\n\treturn {\n\t\tobserve: jest.fn(),\n\t\tdisconnect: jest.fn(),\n\t\ttakeRecords: jest.fn(),\n\t};\n});\n"]}