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

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

@@ -0,0 +1,24 @@
+import { getAssetPath } from '@stencil/core';
+/**
+ * Generate the full path to an image asset based on the base asset path.
+ *
+ * - If `assetBasePath` is provided, it is used as the base path.
+ * - If not, attempts to use Stencil's `getAssetPath` (for Stencil/Angular builds).
+ * - If that fails (e.g., in React), falls back to `/assets/`, assuming assets are in the public folder.
+ *
+ * @param imageName - The name of the image file.
+ * @param assetBasePath - Optional base path for assets.
+ * @returns The full image path as a string.
+ */
+export function getImageAssetSrcPath(imageName, assetBasePath) {
+	if (assetBasePath) {
+		return `${assetBasePath.replace(/\/$/, '')}/${imageName}`;
+	}
+	try {
+		return getAssetPath(`./assets/${imageName}`);
+	} catch (error) {
+		console.warn(`getAssetPath failed for ${imageName}, falling back to /assets/:`, error);
+		return `/assets/${imageName}`;
+	}
+}
+//# sourceMappingURL=assets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../../src/utils/helper/assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,UAAU,oBAAoB,CAAC,SAAiB,EAAE,aAAsB;IAC7E,IAAI,aAAa,EAAE,CAAC;QACnB,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC;IAC3D,CAAC;IAED,IAAI,CAAC;QACJ,OAAO,YAAY,CAAC,YAAY,SAAS,EAAE,CAAC,CAAC;IAC9C,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QAChB,OAAO,CAAC,IAAI,CAAC,2BAA2B,SAAS,6BAA6B,EAAE,KAAK,CAAC,CAAC;QACvF,OAAO,WAAW,SAAS,EAAE,CAAC;IAC/B,CAAC;AACF,CAAC","sourcesContent":["import { getAssetPath } from '@stencil/core';\n\n/**\n * Generate the full path to an image asset based on the base asset path.\n *\n * - If `assetBasePath` is provided, it is used as the base path.\n * - If not, attempts to use Stencil's `getAssetPath` (for Stencil/Angular builds).\n * - If that fails (e.g., in React), falls back to `/assets/`, assuming assets are in the public folder.\n *\n * @param imageName - The name of the image file.\n * @param assetBasePath - Optional base path for assets.\n * @returns The full image path as a string.\n */\nexport function getImageAssetSrcPath(imageName: string, assetBasePath?: string): string {\n\tif (assetBasePath) {\n\t\treturn `${assetBasePath.replace(/\\/$/, '')}/${imageName}`;\n\t}\n\n\ttry {\n\t\treturn getAssetPath(`./assets/${imageName}`);\n\t} catch (error) {\n\t\tconsole.warn(`getAssetPath failed for ${imageName}, falling back to /assets/:`, error);\n\t\treturn `/assets/${imageName}`;\n\t}\n}\n"]}

package/dist/components/assets.js

@@ -0,0 +1,29 @@
+import { getAssetPath } from '@stencil/core/internal/client';
+
+/**
+ * Generate the full path to an image asset based on the base asset path.
+ *
+ * - If `assetBasePath` is provided, it is used as the base path.
+ * - If not, attempts to use Stencil's `getAssetPath` (for Stencil/Angular builds).
+ * - If that fails (e.g., in React), falls back to `/assets/`, assuming assets are in the public folder.
+ *
+ * @param imageName - The name of the image file.
+ * @param assetBasePath - Optional base path for assets.
+ * @returns The full image path as a string.
+ */
+function getImageAssetSrcPath(imageName, assetBasePath) {
+	if (assetBasePath) {
+		return `${assetBasePath.replace(/\/$/, '')}/${imageName}`;
+	}
+	try {
+		return getAssetPath(`./assets/${imageName}`);
+	} catch (error) {
+		console.warn(`getAssetPath failed for ${imageName}, falling back to /assets/:`, error);
+		return `/assets/${imageName}`;
+	}
+}
+
+export { getImageAssetSrcPath as g };
+//# sourceMappingURL=assets.js.map
+
+//# sourceMappingURL=assets.js.map

package/dist/components/assets.js.map

@@ -0,0 +1 @@
+{"file":"assets.js","mappings":";;AAEA;;;;;;;;;;AAUG;AACa,SAAA,oBAAoB,CAAC,SAAiB,EAAE,aAAsB,EAAA;IAC7E,IAAI,aAAa,EAAE;AAClB,QAAA,OAAO,CAAG,EAAA,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE;;AAG1D,IAAA,IAAI;AACH,QAAA,OAAO,YAAY,CAAC,CAAA,SAAA,EAAY,SAAS,CAAA,CAAE,CAAC;;IAC3C,OAAO,KAAK,EAAE;QACf,OAAO,CAAC,IAAI,CAAC,CAAA,wBAAA,EAA2B,SAAS,CAA6B,2BAAA,CAAA,EAAE,KAAK,CAAC;QACtF,OAAO,CAAA,QAAA,EAAW,SAAS,CAAA,CAAE;;AAE/B;;;;","names":[],"sources":["src/utils/helper/assets.ts"],"sourcesContent":["import { getAssetPath } from '@stencil/core';\n\n/**\n * Generate the full path to an image asset based on the base asset path.\n *\n * - If `assetBasePath` is provided, it is used as the base path.\n * - If not, attempts to use Stencil's `getAssetPath` (for Stencil/Angular builds).\n * - If that fails (e.g., in React), falls back to `/assets/`, assuming assets are in the public folder.\n *\n * @param imageName - The name of the image file.\n * @param assetBasePath - Optional base path for assets.\n * @returns The full image path as a string.\n */\nexport function getImageAssetSrcPath(imageName: string, assetBasePath?: string): string {\n\tif (assetBasePath) {\n\t\treturn `${assetBasePath.replace(/\\/$/, '')}/${imageName}`;\n\t}\n\n\ttry {\n\t\treturn getAssetPath(`./assets/${imageName}`);\n\t} catch (error) {\n\t\tconsole.warn(`getAssetPath failed for ${imageName}, falling back to /assets/:`, error);\n\t\treturn `/assets/${imageName}`;\n\t}\n}\n"],"version":3}

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

@@ -58,5 +58,6 @@ const generateCalloutAside = (type, headingContentType, headingType, headingCont
 };
 
 export { HeadingContentTypes as H, isValidHighlightColour as a, generateCalloutAside as g, isValidHeadingLevel as i };
+//# sourceMappingURL=callout-aside-helpers.js.map
 
 //# sourceMappingURL=callout-aside-helpers.js.map

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

@@ -1 +1 @@
-{"file":"callout-aside-helpers.js","mappings":"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","names":[],"sources":["src/utils/components/callout-aside/callout-aside.interface.ts","src/utils/components/callout-aside/callout-aside-helpers.tsx"],"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","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 | undefined,\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\theadingContentType: HeadingContentType,\n\theadingType?: HeadingLevelOptions,\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{headingContent ? 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{headingContent ? generateHeading(type, headingType, headingContentType, headingContent) : ''}\n\t\t\t{contentIsString ? content ? <p>{content}</p> : '' : <slot />}\n\t\t</aside>\n\t);\n};\n"],"version":3}
+{"file":"callout-aside-helpers.js","mappings":"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","names":[],"sources":["src/utils/components/callout-aside/callout-aside.interface.ts","src/utils/components/callout-aside/callout-aside-helpers.tsx"],"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","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 | undefined,\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\theadingContentType: HeadingContentType,\n\theadingType?: HeadingLevelOptions,\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{headingContent ? 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{headingContent ? generateHeading(type, headingType, headingContentType, headingContent) : ''}\n\t\t\t{contentIsString ? content ? <p>{content}</p> : '' : <slot />}\n\t\t</aside>\n\t);\n};\n"],"version":3}

package/dist/components/console-message.js

@@ -92,5 +92,6 @@ class ConsoleMessageClass {
 }
 
 export { ConsoleMessageClass as C, ConsoleType as a };
+//# sourceMappingURL=console-message.js.map
 
 //# sourceMappingURL=console-message.js.map

package/dist/components/console-message.js.map

@@ -1 +1 @@
-{"file":"console-message.js","mappings":"IAAY;AAAZ,WAAY,WAAW;IACtB,8BAAe,CAAA;IACf,4BAAa,CAAA;IACb,0BAAW,CAAA;IACX,kCAAmB,CAAA;AACpB,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED,IAAY,YAGX;AAHD,WAAY,YAAY;IACvB,mCAAmB,CAAA;IACnB,6BAAa,CAAA;AACd,CAAC,EAHW,YAAY,KAAZ,YAAY;;ACJxB;AACA,MAAM,eAAe,GAAG,uBAAuB,CAAC;AAEhD;AACA,MAAM,QAAQ,GAAG,MAAM,CAAC;AAExB;AACA;AACA;AACA,MAAM,SAAS,GAAG;IACjB,2BAA2B;IAC3B,cAAc;IACd,cAAc;IACd,kBAAkB;IAClB,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,oBAAoB;CACpB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;AACA,MAAM,iBAAiB,GAAG,CAAC,yBAAyB,EAAE,cAAc,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE1F;AACA,MAAM,mBAAmB,GAAG,CAAC,wBAAwB,EAAE,cAAc,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE3F,SAAS,YAAY,CAAC,OAAe;IACpC,MAAM,cAAc,GAAG,IAAI,CAAC;IAC5B,OAAO,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvC,CAAC;AAwDD;MACa,mBAAmB;IAC/B,OAAO,CAAS;IAChB,MAAM,CAAW;IAEjB;QACC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;KACjB;;;IAID,kBAAkB;QACjB,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC;KACZ;;IAGD,cAAc,CAAC,IAAY;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACZ;;IAGD,gBAAgB,CAAC,IAAY;QAC5B,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;QACxC,OAAO,IAAI,CAAC;KACZ;;;IAID,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC,OAAO;QAC7C,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;;;QAIpD,QAAQ,WAAW;YAClB,KAAK,WAAW,CAAC,KAAK;gBACrB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;gBACxC,MAAM;YACP,KAAK,WAAW,CAAC,IAAI;gBACpB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;gBACvC,MAAM;YACP,KAAK,WAAW,CAAC,OAAO;gBACvB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;gBACvC,MAAM;YACP;gBACC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;SACvC;KACD;;IAGO,OAAO,CAAC,IAAY,EAAE,KAAa;QAC1C,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;YACpC,IAAI,CAAC,OAAO,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC;YACnC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACxB;KACD;;;;;","names":[],"sources":["src/utils/console-message/console-message.enum.ts","src/utils/console-message/console-message.ts"],"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","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\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"],"version":3}
+{"file":"console-message.js","mappings":"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","names":[],"sources":["src/utils/console-message/console-message.enum.ts","src/utils/console-message/console-message.ts"],"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","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\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"],"version":3}

package/dist/components/error-message.js

@@ -12,5 +12,6 @@ const ErrorMessage = ({ message, error = false }) => {
 };
 
 export { ErrorMessage as E };
+//# sourceMappingURL=error-message.js.map
 
 //# sourceMappingURL=error-message.js.map

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

@@ -1 +1 @@
-{"file":"error-message.js","mappings":";;;MAQa,YAAY,GAA2C,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE;IAC9F,MAAM,SAAS,GAAG,CAAC,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAE7C,QACC,WAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,2BAA2B,SAAS,GAAG,uBAAuB,GAAG,EAAE,EAAE;QAC7F,mCAAqD;QACrD,WAAK,KAAK,EAAC,kCAAkC,IAAE,OAAO,CAAO,CACxD,EACL;AACH;;;;","names":[],"sources":["src/utils/components/error-message/error-message.tsx"],"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"],"version":3}
+{"file":"error-message.js","mappings":";;;AAQO,MAAM,YAAY,GAA2C,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,EAAE,KAAI;IAClG,MAAM,SAAS,GAAG,CAAC,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;AAE5C,IAAA,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,CAAA,wBAAA,EAA2B,SAAS,GAAG,uBAAuB,GAAG,EAAE,CAAE,CAAA,EAAA;QAC7F,CAAqD,CAAA,0BAAA,EAAA,IAAA,CAAA;QACrD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,EAAE,OAAO,CAAO,CACxD;AAER;;;;","names":[],"sources":["src/utils/components/error-message/error-message.tsx"],"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"],"version":3}

package/dist/components/event-handler.js

@@ -322,5 +322,6 @@ const emitEvent = (element, name, detail) => {
 };
 
 export { EventType as E, InputCaption as I, emitEvent as e, handleInputEvent as h };
+//# sourceMappingURL=event-handler.js.map
 
 //# sourceMappingURL=event-handler.js.map

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

@@ -1 +1 @@
-{"file":"event-handler.js","mappings":"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","names":[],"sources":["src/utils/common/input-caption/input-caption.enum.ts","src/utils/common/input-caption/input-caption.tsx","src/utils/events/event-handler.interface.ts","src/utils/events/event-handler.ts"],"sourcesContent":["export enum MessageContentType {\n\tUndefinedCaptionObject = 'undefinedCaptionObject',\n\tUndefinedCaptionText = 'undefinedCaption',\n\tEmptyCaptionText = 'emptyCaption',\n\tUndefinedCaptionType = 'undefinedCaptionType',\n\tIncorrectCaptionType = 'incorrectCaptionType',\n}\n","import { h } from '@stencil/core';\nimport { CaptionType, CaptionTypes } from './input-caption.types';\nimport { MessageContentType } from './input-caption.enum';\nimport { CaptionInfo, Caption } from './caption.interface';\nimport { ConsoleMessageClass } from '../../console-message/console-message';\n\nexport class InputCaption implements CaptionInfo {\n\t/**\n\t * The text to display as caption.\n\t */\n\tcaptionText: string;\n\n\t/**\n\t * The type of caption to render.\n\t */\n\tcaptionType?: CaptionType = 'default';\n\n\t/**\n\t * Determine whether the input field is required.\n\t */\n\trequired?: boolean = false;\n\n\t/**\n\t * Determine whether the rendered element is a `<label>` or `<legend>`.\n\t */\n\tisLegend?: boolean = false;\n\n\t/**\n\t * Name of the component instantiating the class.\n\t * This is used for validation warning message.\n\t */\n\tcomponentTagName: string;\n\n\tlanguage: any = 'en';\n\n\ttranslations: any;\n\n\t/**\n\t * Set the class members\n\t * Output a console warning message if the provided `label` type is incorrect\n\t * @param caption object containing the essential data to configure the input label\n\t */\n\tconstructor(\n\t\tcomponentTagName: string,\n\t\tcaption: Caption | string,\n\t\ttranslations: any,\n\t\tlanguage: any,\n\t\tisLegend: boolean = false,\n\t\trequired: boolean = false,\n\t) {\n\t\tlet captionObject: Caption;\n\n\t\tif (typeof caption === 'string') {\n\t\t\ttry {\n\t\t\t\tcaptionObject = JSON.parse(caption) as Caption;\n\t\t\t} catch {\n\t\t\t\tcaptionObject = { captionText: caption, captionType: 'default' };\n\t\t\t}\n\t\t} else {\n\t\t\tcaptionObject = caption;\n\t\t}\n\n\t\tthis.componentTagName = componentTagName.toLocaleLowerCase();\n\t\tthis.captionText = captionObject?.captionText;\n\t\tthis.captionType =\n\t\t\t(captionObject?.captionType && CaptionTypes.find((type) => type === captionObject.captionType?.toLowerCase())) ||\n\t\t\t'default';\n\t\tthis.required = required;\n\t\tthis.isLegend = isLegend;\n\t\tthis.translations = translations;\n\t\tthis.language = language;\n\n\t\tthis.validateCaption(this);\n\t}\n\n\t/**\n\t * Return the `<label>` element for text inputs\n\t * @param captionFor Set the `htmlFor` attribute\n\t * @param hasHintExpander Indicate whether the component the label is for has a hint expander or not\n\t * @param disableRequiredFlag Disable the required/optional label text _(only use in highly special cases)_\n\t * @returns element containing the caption for the input\n\t */\n\tgetCaption = (\n\t\tcaptionFor?: string | undefined,\n\t\thasHintExpander: boolean = false,\n\t\tdisableRequiredFlag: boolean = false,\n\t): HTMLElement => {\n\t\tconst captionText = this.captionText && this.captionText.toLowerCase();\n\t\tconst captionContent = this.isLegend ? (\n\t\t\t<legend class={this.getClass()}>\n\t\t\t\t{this.captionType === 'heading' ? <h1>{this.captionText}</h1> : this.captionText}\n\t\t\t\t{!disableRequiredFlag && this.getRequiredFlagElement()}\n\t\t\t\t{hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false)}\n\t\t\t</legend>\n\t\t) : (\n\t\t\t<label htmlFor={captionFor} class={this.getClass()}>\n\t\t\t\t{this.captionText}\n\t\t\t\t{!disableRequiredFlag && this.getRequiredFlagElement()}\n\t\t\t\t{hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false)}\n\t\t\t</label>\n\t\t);\n\n\t\t// with `this.captionType` already set to one of the enum values, the comparison no longer needs the `toLowerCase()` transform\n\t\treturn this.captionType === 'heading' && !this.isLegend ? <h1>{captionContent}</h1> : captionContent;\n\t};\n\n\tgetHintExpanderAccessibilityText(captionText: string, hasHintExpanderOnOption: boolean = false): HTMLElement {\n\t\tconst multipleOptionsMessage = (\n\t\t\t<span class=\"ontario-show-for-sr\">\n\t\t\t\t{this.translations.accessibility.moreInfo[this.language]} \"{captionText.toLowerCase()}\"{' '}\n\t\t\t\t{this.translations.accessibility.checkboxHintExpander[this.language]}\n\t\t\t</span>\n\t\t);\n\n\t\tconst singleOptionMessage = (\n\t\t\t<span class=\"ontario-show-for-sr\">\n\t\t\t\t{this.translations.accessibility.moreInfo[this.language]} \"{captionText.toLowerCase()}\"{' '}\n\t\t\t\t{this.translations.accessibility.singleHintExpander[this.language]}\n\t\t\t</span>\n\t\t);\n\t\treturn this.componentTagName === 'ontario-checkboxes'\n\t\t\t? !hasHintExpanderOnOption\n\t\t\t\t? multipleOptionsMessage\n\t\t\t\t: singleOptionMessage\n\t\t\t: singleOptionMessage;\n\t}\n\n\t/**\n\t * Determines which flag text to use between `required` and `optional`\n\t * @returns `required` or `optional` flag text\n\t */\n\tprivate getRequiredFlagText(): string {\n\t\treturn this.required\n\t\t\t? this.translations && `(${this.translations.required[this.language]})`\n\t\t\t: this.translations && `(${this.translations.optional[this.language]})`;\n\t}\n\n\t/**\n\t * Get the HTML for the required/optional flag.\n\t * @returns CSS class for the label/legend.\n\t */\n\tprivate getRequiredFlagElement(): HTMLElement {\n\t\treturn <span class=\"ontario-label__flag\">{this.getRequiredFlagText()}</span>;\n\t}\n\n\t/**\n\t * Get the CSS class for the `label` element.\n\t * @returns CSS class for the `label` element.\n\t */\n\tprivate getClass(): string {\n\t\treturn this.captionType === 'large' || this.captionType === 'heading'\n\t\t\t? this.isLegend\n\t\t\t\t? `ontario-fieldset__legend ontario-fieldset__legend--${this.captionType}`\n\t\t\t\t: `ontario-label ontario-label--${this.captionType}`\n\t\t\t: this.isLegend\n\t\t\t\t? 'ontario-fieldset__legend'\n\t\t\t\t: 'ontario-label';\n\t}\n\n\t/**\n\t * Validate caption input by user and output warning message to the console if:\n\t * 1. the `caption` object is not provided\n\t * 2. the `captionText` property of the `caption` object is not provided\n\t * 3. the `captionText` property of the `caption` object is empty or contain only spaces\n\t * 4. the `captionType` property of the `caption` object is not provided\n\t * 5. the `captionType` property of the `caption` object is incorrect\n\t */\n\tprivate validateCaption(caption?: InputCaption) {\n\t\tlet messageType;\n\n\t\t// undefined `caption` object\n\t\tif (!caption || Object.keys(caption).length <= 0) {\n\t\t\tmessageType = MessageContentType.UndefinedCaptionObject;\n\t\t} else {\n\t\t\t// undefined `captionText` property\n\t\t\tif (!caption.captionText) {\n\t\t\t\tmessageType = MessageContentType.UndefinedCaptionText;\n\t\t\t} else {\n\t\t\t\t// `captionText` that is empty or contains only spaces\n\t\t\t\tif (/^\\s*$/.test(caption.captionText)) {\n\t\t\t\t\tmessageType = MessageContentType.EmptyCaptionText;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// undefined `captionType`\n\t\t\tif (!caption.captionType) {\n\t\t\t\tmessageType = MessageContentType.UndefinedCaptionType;\n\t\t\t} else {\n\t\t\t\t// incorrect `captionType`\n\t\t\t\tif (!CaptionTypes.includes(caption?.captionType?.toLowerCase() as CaptionType)) {\n\t\t\t\t\tmessageType = MessageContentType.IncorrectCaptionType;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (messageType) {\n\t\t\tconst message = new ConsoleMessageClass().addDesignSystemTag();\n\n\t\t\tif (messageType !== MessageContentType.UndefinedCaptionObject) {\n\t\t\t\tmessage\n\t\t\t\t\t.addMonospaceText(\n\t\t\t\t\t\t` ${\n\t\t\t\t\t\t\tmessageType === MessageContentType.EmptyCaptionText ||\n\t\t\t\t\t\t\tmessageType === MessageContentType.UndefinedCaptionText\n\t\t\t\t\t\t\t\t? 'caption or captionText'\n\t\t\t\t\t\t\t\t: 'captionType'\n\t\t\t\t\t\t} `,\n\t\t\t\t\t)\n\t\t\t\t\t.addRegularText('object or property of');\n\t\t\t}\n\n\t\t\tmessage.addMonospaceText(' caption ').addRegularText('object on').addMonospaceText(` ${this.componentTagName} `);\n\t\t\tthis.printConsoleMessage(messageType, message, this.getRequiredFlagText());\n\t\t}\n\t}\n\n\t/**\n\t * Generate the content of warning message to be printed to the console\n\t * @param messageType determine the content of warning message to output\n\t * @param componentTagName the tag name of the component that's emitting the warning message\n\t * @param requiredFlagText accepts a string value to be used as the required flag text and defaults to `(optional)` if not set\n\t * @returns an array of `ConsoleMessage` objects containing the message and associated styles to be printed to the console\n\t */\n\tprivate printConsoleMessage(\n\t\tmessageType: MessageContentType,\n\t\tmessage: ConsoleMessageClass,\n\t\trequiredFlagText: string = '(optional)',\n\t) {\n\t\tswitch (messageType) {\n\t\t\t// undefinedCaptionObject example: caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.\n\t\t\t// undefinedCaptionText example: captionText property of caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.\n\t\t\t// EmptyCaptionText example: captionText property of caption object on <ontario-input> is empty or contains only spaces. A blank followed by a (optional) flag is assumed.\n\t\t\tcase MessageContentType.UndefinedCaptionObject:\n\t\t\tcase MessageContentType.UndefinedCaptionText:\n\t\t\tcase MessageContentType.EmptyCaptionText:\n\t\t\t\tmessage\n\t\t\t\t\t.addRegularText(\n\t\t\t\t\t\t`${\n\t\t\t\t\t\t\tmessageType === MessageContentType.EmptyCaptionText\n\t\t\t\t\t\t\t\t? 'is empty or contains only spaces'\n\t\t\t\t\t\t\t\t: 'is required but not defined'\n\t\t\t\t\t\t}. A blank followed by a`,\n\t\t\t\t\t)\n\t\t\t\t\t.addMonospaceText(` ${requiredFlagText} `)\n\t\t\t\t\t.addRegularText('flag is assumed.');\n\t\t\t\tbreak;\n\n\t\t\t// UndefinedCaptionType example: captionType property of caption object on <ontario-input> is not defined. The default type is assumed.\n\t\t\tcase MessageContentType.UndefinedCaptionType:\n\t\t\t\tmessage.addRegularText('is not defined. The').addMonospaceText(' default ').addRegularText('type is assumed.');\n\t\t\t\tbreak;\n\n\t\t\t// IncorrectCaptionType example: captionType property of caption object on <ontario-input> was set to an incorrect type; only default, heading or large type is allowed. The default type is assumed.\n\t\t\tcase MessageContentType.IncorrectCaptionType:\n\t\t\t\tmessage\n\t\t\t\t\t.addRegularText('was set to an incorrect type; only')\n\t\t\t\t\t.addMonospaceText(' default, heading, ')\n\t\t\t\t\t.addRegularText('or')\n\t\t\t\t\t.addMonospaceText(' large ')\n\t\t\t\t\t.addRegularText('type is allowed. The')\n\t\t\t\t\t.addMonospaceText(' default ')\n\t\t\t\t\t.addRegularText('type is assumed.');\n\t\t\t\tbreak;\n\t\t}\n\n\t\tmessage.printMessage();\n\t}\n}\n","export enum EventType {\n\tChange = 'change',\n\tBlur = 'blur',\n\tFocus = 'focus',\n\tInput = 'input',\n}\n\nexport type InputInteractionEvent = {\n\tid?: string;\n\tvalue?: string;\n};\n\nexport type InputInputEvent = InputInteractionEvent & {\n\tinputType?: string;\n};\n\nexport type RadioAndCheckboxChangeEvent = InputInteractionEvent & {\n\tchecked: boolean;\n};\n\nexport type InputFocusBlurEvent = InputInteractionEvent & {\n\tfocused: boolean;\n};\n\nexport type InputType = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null;\n","import { EventEmitter } from '@stencil/core';\nimport {\n\tInputType,\n\tEventType,\n\tInputFocusBlurEvent,\n\tInputInteractionEvent,\n\tRadioAndCheckboxChangeEvent,\n\tInputInputEvent,\n} from './event-handler.interface';\n\nexport const handleInputEvent = (\n\tevent: Event,\n\teventType: EventType,\n\tinput: InputType,\n\tinputChangeEvent: EventEmitter<InputInteractionEvent | RadioAndCheckboxChangeEvent>,\n\tinputFocusEvent: EventEmitter<InputFocusBlurEvent>,\n\tinputBlurEvent: EventEmitter<InputFocusBlurEvent>,\n\tinputInputEvent?: EventEmitter<InputInputEvent>,\n\ttype?: string,\n\tcustomChangeFunction?: (event: Event) => void,\n\tcustomFocusFunction?: (event: Event) => void,\n\tcustomBlurFunction?: (event: Event) => void,\n\tcustomInputFunction?: (event: Event) => void,\n\thostElement?: HTMLElement,\n) => {\n\tif (eventType === EventType.Input) {\n\t\tinputInputEvent?.emit({\n\t\t\tid: input?.id,\n\t\t\tvalue: (event as InputEvent).data ?? undefined,\n\t\t\tinputType: (event as InputEvent).inputType,\n\t\t});\n\n\t\tcustomInputFunction && customInputFunction(event);\n\t}\n\n\tif (eventType === EventType.Change) {\n\t\tif (type === 'radio' || type === 'checkbox') {\n\t\t\tif (input instanceof HTMLInputElement) {\n\t\t\t\tinputChangeEvent.emit({\n\t\t\t\t\tchecked: input?.checked,\n\t\t\t\t\tid: input?.id,\n\t\t\t\t\tvalue: input?.value,\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tinputChangeEvent.emit({\n\t\t\t\tid: input?.id,\n\t\t\t\tvalue: input?.value,\n\t\t\t});\n\t\t}\n\n\t\tcustomChangeFunction && customChangeFunction(event);\n\n\t\t// Note: Change events don't have composable set to true and don't cross the ShadowDOM boundary.\n\t\t// This will emit an event so the normal `onChange` event pattern is maintained.\n\t\thostElement && emitEvent(hostElement, eventType, event);\n\t}\n\n\tif (eventType === EventType.Focus) {\n\t\tinputFocusEvent.emit({\n\t\t\tid: input?.id,\n\t\t\tfocused: true,\n\t\t\tvalue: input?.value,\n\t\t});\n\n\t\tcustomFocusFunction && customFocusFunction(event);\n\t}\n\n\tif (eventType === EventType.Blur) {\n\t\tinputBlurEvent.emit({\n\t\t\tid: input?.id,\n\t\t\tfocused: false,\n\t\t\tvalue: input?.value,\n\t\t});\n\n\t\tcustomBlurFunction && customBlurFunction(event);\n\t}\n};\n\n/**\n * Emit a custom event that can be subscribed to by an event listener.\n *\n * @param element Component host element, see https://stenciljs.com/docs/host-element\n * @param name name of the event\n * @param detail any relevant details, like the original event\n */\nexport const emitEvent = (element: HTMLElement, name: string, detail?: any) => {\n\telement.dispatchEvent(new CustomEvent(name, { composed: true, bubbles: true, detail }));\n};\n"],"version":3}
+{"file":"event-handler.js","mappings":"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","names":[],"sources":["src/utils/common/input-caption/input-caption.enum.ts","src/utils/common/input-caption/input-caption.tsx","src/utils/events/event-handler.interface.ts","src/utils/events/event-handler.ts"],"sourcesContent":["export enum MessageContentType {\n\tUndefinedCaptionObject = 'undefinedCaptionObject',\n\tUndefinedCaptionText = 'undefinedCaption',\n\tEmptyCaptionText = 'emptyCaption',\n\tUndefinedCaptionType = 'undefinedCaptionType',\n\tIncorrectCaptionType = 'incorrectCaptionType',\n}\n","import { h } from '@stencil/core';\nimport { CaptionType, CaptionTypes } from './input-caption.types';\nimport { MessageContentType } from './input-caption.enum';\nimport { CaptionInfo, Caption } from './caption.interface';\nimport { ConsoleMessageClass } from '../../console-message/console-message';\n\nexport class InputCaption implements CaptionInfo {\n\t/**\n\t * The text to display as caption.\n\t */\n\tcaptionText: string;\n\n\t/**\n\t * The type of caption to render.\n\t */\n\tcaptionType?: CaptionType = 'default';\n\n\t/**\n\t * Determine whether the input field is required.\n\t */\n\trequired?: boolean = false;\n\n\t/**\n\t * Determine whether the rendered element is a `<label>` or `<legend>`.\n\t */\n\tisLegend?: boolean = false;\n\n\t/**\n\t * Name of the component instantiating the class.\n\t * This is used for validation warning message.\n\t */\n\tcomponentTagName: string;\n\n\tlanguage: any = 'en';\n\n\ttranslations: any;\n\n\t/**\n\t * Set the class members\n\t * Output a console warning message if the provided `label` type is incorrect\n\t * @param caption object containing the essential data to configure the input label\n\t */\n\tconstructor(\n\t\tcomponentTagName: string,\n\t\tcaption: Caption | string,\n\t\ttranslations: any,\n\t\tlanguage: any,\n\t\tisLegend: boolean = false,\n\t\trequired: boolean = false,\n\t) {\n\t\tlet captionObject: Caption;\n\n\t\tif (typeof caption === 'string') {\n\t\t\ttry {\n\t\t\t\tcaptionObject = JSON.parse(caption) as Caption;\n\t\t\t} catch {\n\t\t\t\tcaptionObject = { captionText: caption, captionType: 'default' };\n\t\t\t}\n\t\t} else {\n\t\t\tcaptionObject = caption;\n\t\t}\n\n\t\tthis.componentTagName = componentTagName.toLocaleLowerCase();\n\t\tthis.captionText = captionObject?.captionText;\n\t\tthis.captionType =\n\t\t\t(captionObject?.captionType && CaptionTypes.find((type) => type === captionObject.captionType?.toLowerCase())) ||\n\t\t\t'default';\n\t\tthis.required = required;\n\t\tthis.isLegend = isLegend;\n\t\tthis.translations = translations;\n\t\tthis.language = language;\n\n\t\tthis.validateCaption(this);\n\t}\n\n\t/**\n\t * Return the `<label>` element for text inputs\n\t * @param captionFor Set the `htmlFor` attribute\n\t * @param hasHintExpander Indicate whether the component the label is for has a hint expander or not\n\t * @param disableRequiredFlag Disable the required/optional label text _(only use in highly special cases)_\n\t * @returns element containing the caption for the input\n\t */\n\tgetCaption = (\n\t\tcaptionFor?: string | undefined,\n\t\thasHintExpander: boolean = false,\n\t\tdisableRequiredFlag: boolean = false,\n\t): HTMLElement => {\n\t\tconst captionText = this.captionText && this.captionText.toLowerCase();\n\t\tconst captionContent = this.isLegend ? (\n\t\t\t<legend class={this.getClass()}>\n\t\t\t\t{this.captionType === 'heading' ? <h1>{this.captionText}</h1> : this.captionText}\n\t\t\t\t{!disableRequiredFlag && this.getRequiredFlagElement()}\n\t\t\t\t{hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false)}\n\t\t\t</legend>\n\t\t) : (\n\t\t\t<label htmlFor={captionFor} class={this.getClass()}>\n\t\t\t\t{this.captionText}\n\t\t\t\t{!disableRequiredFlag && this.getRequiredFlagElement()}\n\t\t\t\t{hasHintExpander && this.getHintExpanderAccessibilityText(captionText, false)}\n\t\t\t</label>\n\t\t);\n\n\t\t// with `this.captionType` already set to one of the enum values, the comparison no longer needs the `toLowerCase()` transform\n\t\treturn this.captionType === 'heading' && !this.isLegend ? <h1>{captionContent}</h1> : captionContent;\n\t};\n\n\tgetHintExpanderAccessibilityText(captionText: string, hasHintExpanderOnOption: boolean = false): HTMLElement {\n\t\tconst multipleOptionsMessage = (\n\t\t\t<span class=\"ontario-show-for-sr\">\n\t\t\t\t{this.translations.accessibility.moreInfo[this.language]} \"{captionText.toLowerCase()}\"{' '}\n\t\t\t\t{this.translations.accessibility.checkboxHintExpander[this.language]}\n\t\t\t</span>\n\t\t);\n\n\t\tconst singleOptionMessage = (\n\t\t\t<span class=\"ontario-show-for-sr\">\n\t\t\t\t{this.translations.accessibility.moreInfo[this.language]} \"{captionText.toLowerCase()}\"{' '}\n\t\t\t\t{this.translations.accessibility.singleHintExpander[this.language]}\n\t\t\t</span>\n\t\t);\n\t\treturn this.componentTagName === 'ontario-checkboxes'\n\t\t\t? !hasHintExpanderOnOption\n\t\t\t\t? multipleOptionsMessage\n\t\t\t\t: singleOptionMessage\n\t\t\t: singleOptionMessage;\n\t}\n\n\t/**\n\t * Determines which flag text to use between `required` and `optional`\n\t * @returns `required` or `optional` flag text\n\t */\n\tprivate getRequiredFlagText(): string {\n\t\treturn this.required\n\t\t\t? this.translations && `(${this.translations.required[this.language]})`\n\t\t\t: this.translations && `(${this.translations.optional[this.language]})`;\n\t}\n\n\t/**\n\t * Get the HTML for the required/optional flag.\n\t * @returns CSS class for the label/legend.\n\t */\n\tprivate getRequiredFlagElement(): HTMLElement {\n\t\treturn <span class=\"ontario-label__flag\">{this.getRequiredFlagText()}</span>;\n\t}\n\n\t/**\n\t * Get the CSS class for the `label` element.\n\t * @returns CSS class for the `label` element.\n\t */\n\tprivate getClass(): string {\n\t\treturn this.captionType === 'large' || this.captionType === 'heading'\n\t\t\t? this.isLegend\n\t\t\t\t? `ontario-fieldset__legend ontario-fieldset__legend--${this.captionType}`\n\t\t\t\t: `ontario-label ontario-label--${this.captionType}`\n\t\t\t: this.isLegend\n\t\t\t\t? 'ontario-fieldset__legend'\n\t\t\t\t: 'ontario-label';\n\t}\n\n\t/**\n\t * Validate caption input by user and output warning message to the console if:\n\t * 1. the `caption` object is not provided\n\t * 2. the `captionText` property of the `caption` object is not provided\n\t * 3. the `captionText` property of the `caption` object is empty or contain only spaces\n\t * 4. the `captionType` property of the `caption` object is not provided\n\t * 5. the `captionType` property of the `caption` object is incorrect\n\t */\n\tprivate validateCaption(caption?: InputCaption) {\n\t\tlet messageType;\n\n\t\t// undefined `caption` object\n\t\tif (!caption || Object.keys(caption).length <= 0) {\n\t\t\tmessageType = MessageContentType.UndefinedCaptionObject;\n\t\t} else {\n\t\t\t// undefined `captionText` property\n\t\t\tif (!caption.captionText) {\n\t\t\t\tmessageType = MessageContentType.UndefinedCaptionText;\n\t\t\t} else {\n\t\t\t\t// `captionText` that is empty or contains only spaces\n\t\t\t\tif (/^\\s*$/.test(caption.captionText)) {\n\t\t\t\t\tmessageType = MessageContentType.EmptyCaptionText;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// undefined `captionType`\n\t\t\tif (!caption.captionType) {\n\t\t\t\tmessageType = MessageContentType.UndefinedCaptionType;\n\t\t\t} else {\n\t\t\t\t// incorrect `captionType`\n\t\t\t\tif (!CaptionTypes.includes(caption?.captionType?.toLowerCase() as CaptionType)) {\n\t\t\t\t\tmessageType = MessageContentType.IncorrectCaptionType;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (messageType) {\n\t\t\tconst message = new ConsoleMessageClass().addDesignSystemTag();\n\n\t\t\tif (messageType !== MessageContentType.UndefinedCaptionObject) {\n\t\t\t\tmessage\n\t\t\t\t\t.addMonospaceText(\n\t\t\t\t\t\t` ${\n\t\t\t\t\t\t\tmessageType === MessageContentType.EmptyCaptionText ||\n\t\t\t\t\t\t\tmessageType === MessageContentType.UndefinedCaptionText\n\t\t\t\t\t\t\t\t? 'caption or captionText'\n\t\t\t\t\t\t\t\t: 'captionType'\n\t\t\t\t\t\t} `,\n\t\t\t\t\t)\n\t\t\t\t\t.addRegularText('object or property of');\n\t\t\t}\n\n\t\t\tmessage.addMonospaceText(' caption ').addRegularText('object on').addMonospaceText(` ${this.componentTagName} `);\n\t\t\tthis.printConsoleMessage(messageType, message, this.getRequiredFlagText());\n\t\t}\n\t}\n\n\t/**\n\t * Generate the content of warning message to be printed to the console\n\t * @param messageType determine the content of warning message to output\n\t * @param componentTagName the tag name of the component that's emitting the warning message\n\t * @param requiredFlagText accepts a string value to be used as the required flag text and defaults to `(optional)` if not set\n\t * @returns an array of `ConsoleMessage` objects containing the message and associated styles to be printed to the console\n\t */\n\tprivate printConsoleMessage(\n\t\tmessageType: MessageContentType,\n\t\tmessage: ConsoleMessageClass,\n\t\trequiredFlagText: string = '(optional)',\n\t) {\n\t\tswitch (messageType) {\n\t\t\t// undefinedCaptionObject example: caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.\n\t\t\t// undefinedCaptionText example: captionText property of caption object on <ontario-input> is required but not defined. A blank followed by a (optional) flag is assumed.\n\t\t\t// EmptyCaptionText example: captionText property of caption object on <ontario-input> is empty or contains only spaces. A blank followed by a (optional) flag is assumed.\n\t\t\tcase MessageContentType.UndefinedCaptionObject:\n\t\t\tcase MessageContentType.UndefinedCaptionText:\n\t\t\tcase MessageContentType.EmptyCaptionText:\n\t\t\t\tmessage\n\t\t\t\t\t.addRegularText(\n\t\t\t\t\t\t`${\n\t\t\t\t\t\t\tmessageType === MessageContentType.EmptyCaptionText\n\t\t\t\t\t\t\t\t? 'is empty or contains only spaces'\n\t\t\t\t\t\t\t\t: 'is required but not defined'\n\t\t\t\t\t\t}. A blank followed by a`,\n\t\t\t\t\t)\n\t\t\t\t\t.addMonospaceText(` ${requiredFlagText} `)\n\t\t\t\t\t.addRegularText('flag is assumed.');\n\t\t\t\tbreak;\n\n\t\t\t// UndefinedCaptionType example: captionType property of caption object on <ontario-input> is not defined. The default type is assumed.\n\t\t\tcase MessageContentType.UndefinedCaptionType:\n\t\t\t\tmessage.addRegularText('is not defined. The').addMonospaceText(' default ').addRegularText('type is assumed.');\n\t\t\t\tbreak;\n\n\t\t\t// IncorrectCaptionType example: captionType property of caption object on <ontario-input> was set to an incorrect type; only default, heading or large type is allowed. The default type is assumed.\n\t\t\tcase MessageContentType.IncorrectCaptionType:\n\t\t\t\tmessage\n\t\t\t\t\t.addRegularText('was set to an incorrect type; only')\n\t\t\t\t\t.addMonospaceText(' default, heading, ')\n\t\t\t\t\t.addRegularText('or')\n\t\t\t\t\t.addMonospaceText(' large ')\n\t\t\t\t\t.addRegularText('type is allowed. The')\n\t\t\t\t\t.addMonospaceText(' default ')\n\t\t\t\t\t.addRegularText('type is assumed.');\n\t\t\t\tbreak;\n\t\t}\n\n\t\tmessage.printMessage();\n\t}\n}\n","export enum EventType {\n\tChange = 'change',\n\tBlur = 'blur',\n\tFocus = 'focus',\n\tInput = 'input',\n}\n\nexport type InputInteractionEvent = {\n\tid?: string;\n\tvalue?: string;\n};\n\nexport type InputInputEvent = InputInteractionEvent & {\n\tinputType?: string;\n};\n\nexport type RadioAndCheckboxChangeEvent = InputInteractionEvent & {\n\tchecked: boolean;\n};\n\nexport type InputFocusBlurEvent = InputInteractionEvent & {\n\tfocused: boolean;\n};\n\nexport type InputType = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | null;\n","import { EventEmitter } from '@stencil/core';\nimport {\n\tInputType,\n\tEventType,\n\tInputFocusBlurEvent,\n\tInputInteractionEvent,\n\tRadioAndCheckboxChangeEvent,\n\tInputInputEvent,\n} from './event-handler.interface';\n\nexport const handleInputEvent = (\n\tevent: Event,\n\teventType: EventType,\n\tinput: InputType,\n\tinputChangeEvent: EventEmitter<InputInteractionEvent | RadioAndCheckboxChangeEvent>,\n\tinputFocusEvent: EventEmitter<InputFocusBlurEvent>,\n\tinputBlurEvent: EventEmitter<InputFocusBlurEvent>,\n\tinputInputEvent?: EventEmitter<InputInputEvent>,\n\ttype?: string,\n\tcustomChangeFunction?: (event: Event) => void,\n\tcustomFocusFunction?: (event: Event) => void,\n\tcustomBlurFunction?: (event: Event) => void,\n\tcustomInputFunction?: (event: Event) => void,\n\thostElement?: HTMLElement,\n) => {\n\tif (eventType === EventType.Input) {\n\t\tinputInputEvent?.emit({\n\t\t\tid: input?.id,\n\t\t\tvalue: (event as InputEvent).data ?? undefined,\n\t\t\tinputType: (event as InputEvent).inputType,\n\t\t});\n\n\t\tcustomInputFunction && customInputFunction(event);\n\t}\n\n\tif (eventType === EventType.Change) {\n\t\tif (type === 'radio' || type === 'checkbox') {\n\t\t\tif (input instanceof HTMLInputElement) {\n\t\t\t\tinputChangeEvent.emit({\n\t\t\t\t\tchecked: input?.checked,\n\t\t\t\t\tid: input?.id,\n\t\t\t\t\tvalue: input?.value,\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tinputChangeEvent.emit({\n\t\t\t\tid: input?.id,\n\t\t\t\tvalue: input?.value,\n\t\t\t});\n\t\t}\n\n\t\tcustomChangeFunction && customChangeFunction(event);\n\n\t\t// Note: Change events don't have composable set to true and don't cross the ShadowDOM boundary.\n\t\t// This will emit an event so the normal `onChange` event pattern is maintained.\n\t\thostElement && emitEvent(hostElement, eventType, event);\n\t}\n\n\tif (eventType === EventType.Focus) {\n\t\tinputFocusEvent.emit({\n\t\t\tid: input?.id,\n\t\t\tfocused: true,\n\t\t\tvalue: input?.value,\n\t\t});\n\n\t\tcustomFocusFunction && customFocusFunction(event);\n\t}\n\n\tif (eventType === EventType.Blur) {\n\t\tinputBlurEvent.emit({\n\t\t\tid: input?.id,\n\t\t\tfocused: false,\n\t\t\tvalue: input?.value,\n\t\t});\n\n\t\tcustomBlurFunction && customBlurFunction(event);\n\t}\n};\n\n/**\n * Emit a custom event that can be subscribed to by an event listener.\n *\n * @param element Component host element, see https://stenciljs.com/docs/host-element\n * @param name name of the event\n * @param detail any relevant details, like the original event\n */\nexport const emitEvent = (element: HTMLElement, name: string, detail?: any) => {\n\telement.dispatchEvent(new CustomEvent(name, { composed: true, bubbles: true, detail }));\n};\n"],"version":3}

package/dist/components/global.i18n.js

@@ -242,11 +242,59 @@ const siteLanguage = {
 		fr: 'fr',
 	},
 };
+const taskGroup = {
+	completed: {
+		en: 'You have completed',
+		fr: 'Vous avez complété',
+	},
+	outOf: {
+		en: 'out of',
+		fr: 'sur',
+	},
+	tasks: {
+		en: 'tasks.',
+		fr: 'tâches.',
+	},
+};
+const taskStatus = {
+	taskStatus: {
+		en: 'Task Status:',
+		fr: 'Statut de la tâche:',
+	},
+	notStarted: {
+		en: 'Not Started',
+		fr: 'Pas commencé',
+	},
+	inProgress: {
+		en: 'In Progress',
+		fr: 'En cours',
+	},
+	completed: {
+		en: 'Completed',
+		fr: 'Terminé',
+	},
+	cannotStartYet: {
+		en: 'Cannot Start Yet',
+		fr: 'Peux pas encore commencer',
+	},
+	error: {
+		en: 'Error',
+		fr: 'Erreur',
+	},
+	optional: {
+		en: 'Optional',
+		fr: 'Facultatif',
+	},
+};
+const newWindow = {
+	en: 'opens in a new window',
+	fr: "s'ouvre dans une nouvelle fenêtre",
+};
 const required = {
 	en: 'required',
 	fr: 'obligatoire',
 };
-const translations = {
+var translations = {
 	accessibility: accessibility,
 	accessibilityLink: accessibilityLink,
 	termsOfUse: termsOfUse,
@@ -264,9 +312,13 @@ const translations = {
 	privacyLink: privacyLink,
 	stepIndicator: stepIndicator,
 	siteLanguage: siteLanguage,
+	taskGroup: taskGroup,
+	taskStatus: taskStatus,
+	newWindow: newWindow,
 	required: required,
 };
 
 export { translations as t };
+//# sourceMappingURL=global.i18n.js.map
 
 //# sourceMappingURL=global.i18n.js.map

package/dist/components/global.i18n.js.map

@@ -1 +1 @@
-{"file":"global.i18n.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"global.i18n.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/hints.js

@@ -15,5 +15,6 @@ const constructHintTextObject = (hintText) => {
 };
 
 export { constructHintTextObject as c };
+//# sourceMappingURL=hints.js.map
 
 //# sourceMappingURL=hints.js.map

package/dist/components/hints.js.map

@@ -1 +1 @@
-{"file":"hints.js","mappings":"MAEa,uBAAuB,GAAG,CAAC,QAAuB;IAC9D,IAAI,cAAc,GAAS,EAAE,IAAI,EAAE,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;IAEnE,IAAI,QAAQ,EAAE;QACb,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YACjC,IAAI;gBACH,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAS,CAAC;aAC9C;YAAC,MAAM;gBACP,cAAc,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;aAC/D;SACD;aAAM;YACN,cAAc,GAAG,QAAQ,CAAC;SAC1B;KACD;IAED,OAAO,cAAc,CAAC;AACvB;;;;","names":[],"sources":["src/utils/components/hints/hints.ts"],"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"],"version":3}
+{"file":"hints.js","mappings":"AAEa,MAAA,uBAAuB,GAAG,CAAC,QAAuB,KAAI;IAClE,IAAI,cAAc,GAAS,EAAE,IAAI,EAAE,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;IAElE,IAAI,QAAQ,EAAE;AACb,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AACjC,YAAA,IAAI;AACH,gBAAA,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAS;;AAC5C,YAAA,MAAM;gBACP,cAAc,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE;;;aAEzD;YACN,cAAc,GAAG,QAAQ;;;AAI3B,IAAA,OAAO,cAAc;AACtB;;;;","names":[],"sources":["src/utils/components/hints/hints.ts"],"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"],"version":3}