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

package/dist/components/p-083804e2.js

@@ -1,112 +0,0 @@
-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;
-}
-function extractValuesByKey(objects, key) {
-	return objects.map((obj) => obj[key]);
-}
-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 { data: newData, ...otherKeys };
-	});
-}
-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];
-}
-/**
- * Takes an input value and determines whether or not it is a number.
- *
- * @param {string | number} value - The value you would like to test against.
- *
- * @returns {boolean}
- */
-function isNumber(value) {
-	if (value === undefined || value === null) return false;
-	return isNaN(Number(value)) === false;
-}
-function isEmpty(str) {
-	return !str || str?.length <= 0;
-}
-/**
- * Retrieves the keys from an enum and lists them in an array.
- *
- * @param {object} enumObject - The enum you wish to get the keys of.
- *
- * @returns {string[]}
- */
-function retrieveEnumKeys(enumObject) {
-	if (enumObject === undefined || enumObject === null) return new Array(0);
-	return Object.keys(enumObject).filter((key) => !isNumber(key));
-}
-/**
- * Prints an array as a comma delimited list, with the last element being preceded by a conjunction.
- * As per ontario.ca content guidelines, there is no Oxford comma.
- *
- * @param {Array<any>} arr - The array that you wish to print.
- * @param {Conjunction} conjunctionType - Whether you want the sentence to end with 'and value.' or 'or value.'
- *
- * @returns {string}
- */
-function printArray(arr, conjunctionType = 'and') {
-	return [...arr].reduce(
-		(text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${conjunctionType} `) + value,
-	);
-}
-/**
- * Grabs the HTML element of the page.
- *
- * More targetted than document.documentElement as the documentElement could
- * in theory be any element that is the top level. e.g. <div> if the page is not
- * set up to be semantically correct.
- *
- * @returns {HTMLElement}
- */
-function getRootHTMLElement() {
-	return document.getElementsByTagName('html')[0];
-}
-
-export {
-	isNumber as a,
-	removeObjectsBySpecificKey as b,
-	extractValuesByKey as e,
-	getRootHTMLElement as g,
-	hasMultipleTrueValues as h,
-	isEmpty as i,
-	organizeObjectKeys as o,
-	printArray as p,
-	retrieveEnumKeys as r,
-};
-
-//# sourceMappingURL=p-083804e2.js.map

package/dist/components/p-083804e2.js.map

@@ -1 +0,0 @@
-{"file":"p-083804e2.js","mappings":"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","names":[],"sources":["src/utils/helper/utils.ts"],"sourcesContent":["import { Conjunction } from './utils-types';\n\nexport function format(first: string | undefined, middle: string | undefined, last: string | undefined): string {\n\treturn (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function hasMultipleTrueValues<T>(arr: T[], key: keyof T): boolean {\n\tlet count = 0;\n\n\tfor (const obj of arr) {\n\t\tif (obj[key] === true || obj[key] === 'true') {\n\t\t\tcount++;\n\t\t\tif (count > 1) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn false;\n}\n\nexport function extractValuesByKey<T>(objects: T[], key: keyof T): Array<T[keyof T]> {\n\treturn objects.map((obj) => obj[key]);\n}\n\nexport function organizeObjectKeys(data: any[], columns: string[]): any[] {\n\treturn data.map((item) => {\n\t\tconst newData: any = {};\n\t\tconst otherKeys: any = {};\n\n\t\t// Iterate through each key in the item\n\t\tObject.keys(item).forEach((key) => {\n\t\t\tif (key === 'data') {\n\t\t\t\t// Organize keys in the 'data' object\n\t\t\t\tcolumns.forEach((column) => {\n\t\t\t\t\tif (column in item.data) {\n\t\t\t\t\t\tnewData[column] = item.data[column];\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Preserve other keys\n\t\t\t\totherKeys[key] = item[key];\n\t\t\t}\n\t\t});\n\n\t\treturn { data: newData, ...otherKeys };\n\t});\n}\n\nexport function removeObjectsBySpecificKey<T>(objects: T[], key: keyof T, value: boolean | 'true'): [T[], T[]] {\n\tconst removedObjects: T[] = [];\n\tconst filteredObjects = objects.filter((obj) => {\n\t\tif (obj[key] === value) {\n\t\t\tremovedObjects.push(obj);\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t});\n\treturn [filteredObjects, removedObjects];\n}\n\n/**\n * Takes an input value and determines whether or not it is a number.\n *\n * @param {string | number} value - The value you would like to test against.\n *\n * @returns {boolean}\n */\nexport function isNumber(value: string | number): boolean {\n\tif (value === undefined || value === null) return false;\n\treturn isNaN(Number(value)) === false;\n}\n\nexport function isEmpty(str: string | undefined | null): boolean {\n\treturn !str || str?.length <= 0;\n}\n\n/**\n * Retrieves the keys from an enum and lists them in an array.\n *\n * @param {object} enumObject - The enum you wish to get the keys of.\n *\n * @returns {string[]}\n */\nexport function retrieveEnumKeys(enumObject: object): string[] {\n\tif (enumObject === undefined || enumObject === null) return new Array<string>(0);\n\treturn Object.keys(enumObject).filter((key) => !isNumber(key));\n}\n\n/**\n * Prints an array as a comma delimited list, with the last element being preceded by a conjunction.\n * As per ontario.ca content guidelines, there is no Oxford comma.\n *\n * @param {Array<any>} arr - The array that you wish to print.\n * @param {Conjunction} conjunctionType - Whether you want the sentence to end with 'and value.' or 'or value.'\n *\n * @returns {string}\n */\nexport function printArray(arr: Array<any>, conjunctionType: Conjunction = 'and'): string {\n\treturn [...arr].reduce(\n\t\t(text, value, i, array) => text + (i < array.length - 1 ? ', ' : ` ${conjunctionType} `) + value,\n\t);\n}\n\n/**\n * Grabs the HTML element of the page.\n *\n * More targetted than document.documentElement as the documentElement could\n * in theory be any element that is the top level. e.g. <div> if the page is not\n * set up to be semantically correct.\n *\n * @returns {HTMLElement}\n */\nexport function getRootHTMLElement(): HTMLElement {\n\treturn document.getElementsByTagName('html')[0];\n}\n"],"version":3}

package/dist/components/p-09bf4083.js

@@ -1,145 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-846438ed.js';
-import { C as ConsoleMessageClass } from './p-b2019a19.js';
-
-const ontarioIconCss =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const OntarioIconAlertWarningStyle0 = ontarioIconCss;
-
-const OntarioIconAlertWarning = /*@__PURE__*/ proxyCustomElement(
-	class OntarioIconAlertWarning extends H {
-		constructor() {
-			super();
-			this.__registerHost();
-			this.__attachShadow();
-		}
-		/**
-		 * The icon width will autogenerate the height since the icons are in square format, thus preserving
-		 * the aspect ratio.
-		 */
-		iconWidth = 24;
-		/**
-		 * Mutable variable, for internal use only.
-		 * Set the icon's width depending on validation result.
-		 */
-		iconWidthState;
-		/**
-		 * Watch for changes in the `iconWidth` variable for validation purpose.
-		 * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).
-		 */
-		validateWidth() {
-			if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-				const message = new ConsoleMessageClass();
-				message
-					.addDesignSystemTag()
-					.addMonospaceText(' icon-width ')
-					.addRegularText('on')
-					.addMonospaceText(' <ontario-icon-alert-warning> ')
-					.addRegularText(
-						`${isNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'}; only a positive number is allowed. The default size of`,
-					)
-					.addMonospaceText(' 24px ')
-					.addRegularText('was assumed.')
-					.printMessage();
-				this.iconWidthState = 24;
-			} else {
-				this.iconWidthState = this.iconWidth;
-			}
-		}
-		get host() {
-			return this;
-		}
-		/**
-		 * Validate that the `colour` attribute is not set by users
-		 * Prints a warning message if the `colour` attribute is set
-		 */
-		validateColour() {
-			if (this.host.hasAttribute('colour')) {
-				const message = new ConsoleMessageClass();
-				message
-					.addDesignSystemTag()
-					.addMonospaceText(' colour ')
-					.addRegularText('on')
-					.addMonospaceText(' <ontario-icon-alert-warning> ')
-					.addRegularText('cannot be set. The provided colour is ignored.')
-					.printMessage();
-			}
-		}
-		/**
-		 * Stencil component lifecycle method that is called once after the component is first connected to the DOM.
-		 */
-		componentWillLoad() {
-			this.validateColour();
-			this.validateWidth();
-		}
-		/**
-		 * Returns the HTML code to be rendered into a custom element.
-		 */
-		render() {
-			return h(
-				'div',
-				{
-					key: '8f6cb16d77b3a8de266c0b9c66ce922c723ee3df',
-					class: `ontario-icon ontario-icon--width-${this.iconWidthState}`,
-					style: { width: `${this.iconWidthState}px` },
-				},
-				h(
-					'svg',
-					{
-						key: '06ba52d0725b5da030d1f91bd809c227a4ed830d',
-						class: 'svg-icon',
-						role: 'img',
-						xmlns: 'http://www.w3.org/2000/svg',
-						fill: 'none',
-						viewBox: '0 0 24 24',
-						id: 'alert-warning',
-					},
-					h('path', {
-						key: '72a20dc4de6f87b4ce575860d449c1a929df12b9',
-						d: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z',
-						fill: '#ffd440',
-					}),
-					h('path', { key: '9bd240e90b5d0c338696c23c912cd3861e17da85', d: 'M11 10h2v4h-2zm0 6h2v2h-2z', fill: '#000' }),
-				),
-			);
-		}
-		static get watchers() {
-			return {
-				iconWidth: ['validateWidth'],
-			};
-		}
-		static get style() {
-			return OntarioIconAlertWarningStyle0;
-		}
-	},
-	[
-		1,
-		'ontario-icon-alert-warning',
-		{
-			iconWidth: [2, 'icon-width'],
-			iconWidthState: [32],
-		},
-		undefined,
-		{
-			iconWidth: ['validateWidth'],
-		},
-	],
-);
-function defineCustomElement() {
-	if (typeof customElements === 'undefined') {
-		return;
-	}
-	const components = ['ontario-icon-alert-warning'];
-	components.forEach((tagName) => {
-		switch (tagName) {
-			case 'ontario-icon-alert-warning':
-				if (!customElements.get(tagName)) {
-					customElements.define(tagName, OntarioIconAlertWarning);
-				}
-				break;
-		}
-	});
-}
-
-export { OntarioIconAlertWarning as O, defineCustomElement as d };
-
-//# sourceMappingURL=p-09bf4083.js.map

package/dist/components/p-09bf4083.js.map

@@ -1 +0,0 @@
-{"file":"p-09bf4083.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,yZAAyZ,CAAC;AACjb,sCAAe,cAAc;;MCUhB,uBAAuB;;;;;;;;;;IAK3B,SAAS,GAAa,EAAE,CAAC;;;;;IAMxB,cAAc,CAAS;;;;;IAOhC,aAAa;QACZ,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,EAAE;YAC7E,MAAM,OAAO,GAAG,IAAI,mBAAmB,EAAE,CAAC;YAC1C,OAAO;iBACL,kBAAkB,EAAE;iBACpB,gBAAgB,CAAC,cAAc,CAAC;iBAChC,cAAc,CAAC,IAAI,CAAC;iBACpB,gBAAgB,CAAC,gCAAgC,CAAC;iBAClD,cAAc,CACd,GACC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,gCAAgC,GAAG,8BAC5D,0DAA0D,CAC1D;iBACA,gBAAgB,CAAC,QAAQ,CAAC;iBAC1B,cAAc,CAAC,cAAc,CAAC;iBAC9B,YAAY,EAAE,CAAC;YACjB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;SACzB;aAAM;YACN,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC;SACrC;KACD;;;;;;IAYD,cAAc;QACb,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE;YACrC,MAAM,OAAO,GAAG,IAAI,mBAAmB,EAAE,CAAC;YAC1C,OAAO;iBACL,kBAAkB,EAAE;iBACpB,gBAAgB,CAAC,UAAU,CAAC;iBAC5B,cAAc,CAAC,IAAI,CAAC;iBACpB,gBAAgB,CAAC,gCAAgC,CAAC;iBAClD,cAAc,CAAC,gDAAgD,CAAC;iBAChE,YAAY,EAAE,CAAC;SACjB;KACD;;;;IAKD,iBAAiB;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;KACrB;;;;IAKD,MAAM;QACL,QACC,4DACC,KAAK,EAAE,oCAAoC,IAAI,CAAC,cAAc,EAAE,EAChE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,IAAI,EAAE,IAE5C,4DACC,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,EAAE,EAAC,eAAe,IAElB,6DAAM,CAAC,EAAC,oDAAoD,EAAC,IAAI,EAAC,SAAS,GAAG,EAC9E,6DAAM,CAAC,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,GAAG,CAC9C,CACD,EACL;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-alert-warning&encapsulation=shadow","src/components/ontario-icon/ontario-icon-alert-warning.tsx"],"sourcesContent":["@use '@ongov/ontario-design-system-global-styles/dist/styles/scss/1-variables/colours.variables' as colours;\n\n.ontario-icon svg,\n// Fractal component style coverage ↓\n.ontario-icon {\n\tdisplay: inline-block;\n\tstroke-width: 0;\n\tstroke: currentColor;\n\tfill: currentColor;\n\t/* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this. For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */\n\tvertical-align: middle;\n\t/* Paths and strokes that overflow the viewBox can show in IE11. */\n\toverflow: hidden;\n}\n\n.ontario-icon--blue svg {\n\tstroke: colours.$ontario-colour-icon-blue;\n\tfill: colours.$ontario-colour-icon-blue;\n}\n\n.ontario-icon--grey svg {\n\tstroke: colours.$ontario-colour-icon-grey;\n\tfill: colours.$ontario-colour-icon-grey;\n}\n\n.ontario-icon--black svg {\n\tstroke: colours.$ontario-colour-icon-black;\n\tfill: colours.$ontario-colour-icon-black;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-icon-white;\n\tfill: colours.$ontario-colour-icon-white;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-white;\n\tfill: colours.$ontario-colour-white;\n}\n","// content automatically generated by `generate-icons.js` begins\nimport { Component, Prop, h, Watch, State, Element } from '@stencil/core';\nimport { Icon } from './icon.interface';\nimport { IconSize } from './icon.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\n\n@Component({\n\ttag: 'ontario-icon-alert-warning',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconAlertWarning implements Icon {\n\t/**\n\t * The icon width will autogenerate the height since the icons are in square format, thus preserving\n\t * the aspect ratio.\n\t */\n\t@Prop() iconWidth: IconSize = 24;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's width depending on validation result.\n\t */\n\t@State() iconWidthState: number;\n\n\t/**\n\t * Watch for changes in the `iconWidth` variable for validation purpose.\n\t * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).\n\t */\n\t@Watch('iconWidth')\n\tvalidateWidth() {\n\t\tif (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' icon-width ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-alert-warning> ')\n\t\t\t\t.addRegularText(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'\n\t\t\t\t\t}; only a positive number is allowed. The default size of`,\n\t\t\t\t)\n\t\t\t\t.addMonospaceText(' 24px ')\n\t\t\t\t.addRegularText('was assumed.')\n\t\t\t\t.printMessage();\n\t\t\tthis.iconWidthState = 24;\n\t\t} else {\n\t\t\tthis.iconWidthState = this.iconWidth;\n\t\t}\n\t}\n\n\t/**\n\t * Reference to the host element\n\t * Use to check if the host element has the `colour` attribute set\n\t */\n\t@Element() host: HTMLElement;\n\n\t/**\n\t * Validate that the `colour` attribute is not set by users\n\t * Prints a warning message if the `colour` attribute is set\n\t */\n\tvalidateColour() {\n\t\tif (this.host.hasAttribute('colour')) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' colour ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-alert-warning> ')\n\t\t\t\t.addRegularText('cannot be set. The provided colour is ignored.')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\t/**\n\t * Stencil component lifecycle method that is called once after the component is first connected to the DOM.\n\t */\n\tcomponentWillLoad() {\n\t\tthis.validateColour();\n\t\tthis.validateWidth();\n\t}\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`ontario-icon ontario-icon--width-${this.iconWidthState}`}\n\t\t\t\tstyle={{ width: `${this.iconWidthState}px` }}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"svg-icon\"\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"alert-warning\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\" fill=\"#ffd440\" />\n\t\t\t\t\t<path d=\"M11 10h2v4h-2zm0 6h2v2h-2z\" fill=\"#000\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t}\n}\n// content automatically generated by `generate-icons.js` ends\n"],"version":3}

package/dist/components/p-0c95bab2.js

@@ -1,149 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-846438ed.js';
-import { C as ConsoleMessageClass } from './p-b2019a19.js';
-
-const ontarioIconCss =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const OntarioIconAlertInformationStyle0 = ontarioIconCss;
-
-const OntarioIconAlertInformation = /*@__PURE__*/ proxyCustomElement(
-	class OntarioIconAlertInformation extends H {
-		constructor() {
-			super();
-			this.__registerHost();
-			this.__attachShadow();
-		}
-		/**
-		 * The icon width will autogenerate the height since the icons are in square format, thus preserving
-		 * the aspect ratio.
-		 */
-		iconWidth = 24;
-		/**
-		 * Mutable variable, for internal use only.
-		 * Set the icon's width depending on validation result.
-		 */
-		iconWidthState;
-		/**
-		 * Watch for changes in the `iconWidth` variable for validation purpose.
-		 * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).
-		 */
-		validateWidth() {
-			if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-				const message = new ConsoleMessageClass();
-				message
-					.addDesignSystemTag()
-					.addMonospaceText(' icon-width ')
-					.addRegularText('on')
-					.addMonospaceText(' <ontario-icon-alert-information> ')
-					.addRegularText(
-						`${isNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'}; only a positive number is allowed. The default size of`,
-					)
-					.addMonospaceText(' 24px ')
-					.addRegularText('was assumed.')
-					.printMessage();
-				this.iconWidthState = 24;
-			} else {
-				this.iconWidthState = this.iconWidth;
-			}
-		}
-		get host() {
-			return this;
-		}
-		/**
-		 * Validate that the `colour` attribute is not set by users
-		 * Prints a warning message if the `colour` attribute is set
-		 */
-		validateColour() {
-			if (this.host.hasAttribute('colour')) {
-				const message = new ConsoleMessageClass();
-				message
-					.addDesignSystemTag()
-					.addMonospaceText(' colour ')
-					.addRegularText('on')
-					.addMonospaceText(' <ontario-icon-alert-information> ')
-					.addRegularText('cannot be set. The provided colour is ignored.')
-					.printMessage();
-			}
-		}
-		/**
-		 * Stencil component lifecycle method that is called once after the component is first connected to the DOM.
-		 */
-		componentWillLoad() {
-			this.validateColour();
-			this.validateWidth();
-		}
-		/**
-		 * Returns the HTML code to be rendered into a custom element.
-		 */
-		render() {
-			return h(
-				'div',
-				{
-					key: '1bfe138b0e668edbfcbf2e1a90d52a6a47cfb0c2',
-					class: `ontario-icon ontario-icon--width-${this.iconWidthState}`,
-					style: { width: `${this.iconWidthState}px` },
-				},
-				h(
-					'svg',
-					{
-						key: 'aa8b91c78c281735d1724453f0a2e42bee22fd00',
-						class: 'svg-icon',
-						role: 'img',
-						xmlns: 'http://www.w3.org/2000/svg',
-						fill: 'none',
-						viewBox: '0 0 24 24',
-						id: 'alert-information',
-					},
-					h('path', {
-						key: '028420baaa69e43b498160dabd16aeb3d1435c46',
-						d: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z',
-						fill: '#1080a6',
-					}),
-					h('path', {
-						key: 'c71cd59162d2384b318d5f559e25d84853c3af04',
-						d: 'M11 17h2v-6h-2v6zm0-8h2V7h-2v2z',
-						fill: '#fff',
-					}),
-				),
-			);
-		}
-		static get watchers() {
-			return {
-				iconWidth: ['validateWidth'],
-			};
-		}
-		static get style() {
-			return OntarioIconAlertInformationStyle0;
-		}
-	},
-	[
-		1,
-		'ontario-icon-alert-information',
-		{
-			iconWidth: [2, 'icon-width'],
-			iconWidthState: [32],
-		},
-		undefined,
-		{
-			iconWidth: ['validateWidth'],
-		},
-	],
-);
-function defineCustomElement() {
-	if (typeof customElements === 'undefined') {
-		return;
-	}
-	const components = ['ontario-icon-alert-information'];
-	components.forEach((tagName) => {
-		switch (tagName) {
-			case 'ontario-icon-alert-information':
-				if (!customElements.get(tagName)) {
-					customElements.define(tagName, OntarioIconAlertInformation);
-				}
-				break;
-		}
-	});
-}
-
-export { OntarioIconAlertInformation as O, defineCustomElement as d };
-
-//# sourceMappingURL=p-0c95bab2.js.map

package/dist/components/p-0c95bab2.js.map

@@ -1 +0,0 @@
-{"file":"p-0c95bab2.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,yZAAyZ,CAAC;AACjb,0CAAe,cAAc;;MCUhB,2BAA2B;;;;;;;;;;IAK/B,SAAS,GAAa,EAAE,CAAC;;;;;IAMxB,cAAc,CAAS;;;;;IAOhC,aAAa;QACZ,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,EAAE;YAC7E,MAAM,OAAO,GAAG,IAAI,mBAAmB,EAAE,CAAC;YAC1C,OAAO;iBACL,kBAAkB,EAAE;iBACpB,gBAAgB,CAAC,cAAc,CAAC;iBAChC,cAAc,CAAC,IAAI,CAAC;iBACpB,gBAAgB,CAAC,oCAAoC,CAAC;iBACtD,cAAc,CACd,GACC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,gCAAgC,GAAG,8BAC5D,0DAA0D,CAC1D;iBACA,gBAAgB,CAAC,QAAQ,CAAC;iBAC1B,cAAc,CAAC,cAAc,CAAC;iBAC9B,YAAY,EAAE,CAAC;YACjB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;SACzB;aAAM;YACN,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC;SACrC;KACD;;;;;;IAYD,cAAc;QACb,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE;YACrC,MAAM,OAAO,GAAG,IAAI,mBAAmB,EAAE,CAAC;YAC1C,OAAO;iBACL,kBAAkB,EAAE;iBACpB,gBAAgB,CAAC,UAAU,CAAC;iBAC5B,cAAc,CAAC,IAAI,CAAC;iBACpB,gBAAgB,CAAC,oCAAoC,CAAC;iBACtD,cAAc,CAAC,gDAAgD,CAAC;iBAChE,YAAY,EAAE,CAAC;SACjB;KACD;;;;IAKD,iBAAiB;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;KACrB;;;;IAKD,MAAM;QACL,QACC,4DACC,KAAK,EAAE,oCAAoC,IAAI,CAAC,cAAc,EAAE,EAChE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,IAAI,EAAE,IAE5C,4DACC,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,EAAE,EAAC,mBAAmB,IAEtB,6DACC,CAAC,EAAC,kGAAkG,EACpG,IAAI,EAAC,SAAS,GACb,EACF,6DAAM,CAAC,EAAC,iCAAiC,EAAC,IAAI,EAAC,MAAM,GAAG,CACnD,CACD,EACL;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-alert-information&encapsulation=shadow","src/components/ontario-icon/ontario-icon-alert-information.tsx"],"sourcesContent":["@use '@ongov/ontario-design-system-global-styles/dist/styles/scss/1-variables/colours.variables' as colours;\n\n.ontario-icon svg,\n// Fractal component style coverage ↓\n.ontario-icon {\n\tdisplay: inline-block;\n\tstroke-width: 0;\n\tstroke: currentColor;\n\tfill: currentColor;\n\t/* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this. For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */\n\tvertical-align: middle;\n\t/* Paths and strokes that overflow the viewBox can show in IE11. */\n\toverflow: hidden;\n}\n\n.ontario-icon--blue svg {\n\tstroke: colours.$ontario-colour-icon-blue;\n\tfill: colours.$ontario-colour-icon-blue;\n}\n\n.ontario-icon--grey svg {\n\tstroke: colours.$ontario-colour-icon-grey;\n\tfill: colours.$ontario-colour-icon-grey;\n}\n\n.ontario-icon--black svg {\n\tstroke: colours.$ontario-colour-icon-black;\n\tfill: colours.$ontario-colour-icon-black;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-icon-white;\n\tfill: colours.$ontario-colour-icon-white;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-white;\n\tfill: colours.$ontario-colour-white;\n}\n","// content automatically generated by `generate-icons.js` begins\nimport { Component, Prop, h, Watch, State, Element } from '@stencil/core';\nimport { Icon } from './icon.interface';\nimport { IconSize } from './icon.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\n\n@Component({\n\ttag: 'ontario-icon-alert-information',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconAlertInformation implements Icon {\n\t/**\n\t * The icon width will autogenerate the height since the icons are in square format, thus preserving\n\t * the aspect ratio.\n\t */\n\t@Prop() iconWidth: IconSize = 24;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's width depending on validation result.\n\t */\n\t@State() iconWidthState: number;\n\n\t/**\n\t * Watch for changes in the `iconWidth` variable for validation purpose.\n\t * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).\n\t */\n\t@Watch('iconWidth')\n\tvalidateWidth() {\n\t\tif (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' icon-width ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-alert-information> ')\n\t\t\t\t.addRegularText(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'\n\t\t\t\t\t}; only a positive number is allowed. The default size of`,\n\t\t\t\t)\n\t\t\t\t.addMonospaceText(' 24px ')\n\t\t\t\t.addRegularText('was assumed.')\n\t\t\t\t.printMessage();\n\t\t\tthis.iconWidthState = 24;\n\t\t} else {\n\t\t\tthis.iconWidthState = this.iconWidth;\n\t\t}\n\t}\n\n\t/**\n\t * Reference to the host element\n\t * Use to check if the host element has the `colour` attribute set\n\t */\n\t@Element() host: HTMLElement;\n\n\t/**\n\t * Validate that the `colour` attribute is not set by users\n\t * Prints a warning message if the `colour` attribute is set\n\t */\n\tvalidateColour() {\n\t\tif (this.host.hasAttribute('colour')) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' colour ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-alert-information> ')\n\t\t\t\t.addRegularText('cannot be set. The provided colour is ignored.')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\t/**\n\t * Stencil component lifecycle method that is called once after the component is first connected to the DOM.\n\t */\n\tcomponentWillLoad() {\n\t\tthis.validateColour();\n\t\tthis.validateWidth();\n\t}\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`ontario-icon ontario-icon--width-${this.iconWidthState}`}\n\t\t\t\tstyle={{ width: `${this.iconWidthState}px` }}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"svg-icon\"\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"alert-information\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\n\t\t\t\t\t\tfill=\"#1080a6\"\n\t\t\t\t\t/>\n\t\t\t\t\t<path d=\"M11 17h2v-6h-2v6zm0-8h2V7h-2v2z\" fill=\"#fff\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t}\n}\n// content automatically generated by `generate-icons.js` ends\n"],"version":3}

package/dist/components/p-1dc1dba8.js

@@ -1,182 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-846438ed.js';
-import { I as IconColours, l as lib } from './p-af9b7256.js';
-import { C as ConsoleMessageClass } from './p-b2019a19.js';
-import { a as validateValueAgainstArray } from './p-edb765a1.js';
-
-const ontarioIconCss =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const OntarioIconChevronDownStyle0 = ontarioIconCss;
-
-const OntarioIconChevronDown = /*@__PURE__*/ proxyCustomElement(
-	class OntarioIconChevronDown extends H {
-		constructor() {
-			super();
-			this.__registerHost();
-			this.__attachShadow();
-		}
-		/**
-		 * The icon width will autogenerate the height since the icons are in square format, thus preserving
-		 * the aspect ratio.
-		 */
-		iconWidth = 24;
-		/**
-		 * Mutable variable, for internal use only.
-		 * Set the icon's width depending on validation result.
-		 */
-		iconWidthState;
-		/**
-		 * Watch for changes in the `iconWidth` variable for validation purpose.
-		 * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).
-		 */
-		validateWidth() {
-			if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-				const message = new ConsoleMessageClass();
-				message
-					.addDesignSystemTag()
-					.addMonospaceText(' icon-width ')
-					.addRegularText('on')
-					.addMonospaceText(' <ontario-icon-chevron-down> ')
-					.addRegularText(
-						`${isNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'}; only a positive number is allowed. The default size of`,
-					)
-					.addMonospaceText(' 24px ')
-					.addRegularText('was assumed.')
-					.printMessage();
-				this.iconWidthState = 24;
-			} else {
-				this.iconWidthState = this.iconWidth;
-			}
-		}
-		/**
-		 * Set the icon's colour.
-		 */
-		colour = 'black';
-		/**
-		 * Mutable variable, for internal use only.
-		 * Set the icon's colour based on validation result.
-		 */
-		iconColourState;
-		/**
-		 * Mutable variable, for internal use only.
-		 * Set the icon's colour based on validation result.
-		 */
-		iconCustomColourState;
-		/**
-		 * Watch for changes in the `colour` variable for validation purpose.
-		 * If the user input doesn't match one of the enum values then `colour` will be set to its default (`black`).
-		 * If a match is found in one of the enum values then `colour` will be set to the matching enum value.
-		 */
-		validateColour() {
-			const isValid = validateValueAgainstArray(this.colour, IconColours);
-			if (isValid) {
-				this.iconColourState = this.colour;
-			} else {
-				if (lib(this.colour)) {
-					this.iconCustomColourState = this.colour;
-				} else {
-					this.iconColourState = this.warnDefaultColour();
-				}
-			}
-		}
-		/**
-		 * Print the invalid colour warning message
-		 * @returns default colour (black)
-		 */
-		warnDefaultColour() {
-			const message = new ConsoleMessageClass();
-			message
-				.addDesignSystemTag()
-				.addMonospaceText(' colour ')
-				.addRegularText('on')
-				.addMonospaceText(' <ontario-icon-chevron-down> ')
-				.addRegularText('was set to an invalid colour; only')
-				.addMonospaceText(' black, blue, grey or white ')
-				.addRegularText('are supported. The default colour')
-				.addMonospaceText(' black ')
-				.addRegularText('is assumed.')
-				.printMessage();
-			return 'black';
-		}
-		/**
-		 * Stencil component lifecycle method that is called once after the component is first connected to the DOM.
-		 */
-		componentWillLoad() {
-			this.validateColour();
-			this.validateWidth();
-		}
-		/**
-		 * Returns the HTML code to be rendered into a custom element.
-		 */
-		render() {
-			return h(
-				'div',
-				{
-					key: '245322e3971bf1e8a7894710d3a85da381015b5c',
-					class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
-					style: { width: `${this.iconWidthState}px` },
-				},
-				h(
-					'svg',
-					{
-						key: '8bd20bd5131b4964c6077beb6d161a97bf904264',
-						class: 'svg-icon',
-						style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
-						role: 'img',
-						xmlns: 'http://www.w3.org/2000/svg',
-						fill: 'none',
-						viewBox: '0 0 24 24',
-						id: 'chevron-down',
-					},
-					h('path', {
-						key: '4f0caced01d9343fbc9df7937689470cace4b49d',
-						d: 'M7.4 8.6l4.6 4.58 4.6-4.58L18 10l-6 6-6-6 1.4-1.4z',
-					}),
-				),
-			);
-		}
-		static get watchers() {
-			return {
-				iconWidth: ['validateWidth'],
-				colour: ['validateColour'],
-			};
-		}
-		static get style() {
-			return OntarioIconChevronDownStyle0;
-		}
-	},
-	[
-		1,
-		'ontario-icon-chevron-down',
-		{
-			iconWidth: [2, 'icon-width'],
-			colour: [1],
-			iconWidthState: [32],
-			iconColourState: [32],
-			iconCustomColourState: [32],
-		},
-		undefined,
-		{
-			iconWidth: ['validateWidth'],
-			colour: ['validateColour'],
-		},
-	],
-);
-function defineCustomElement() {
-	if (typeof customElements === 'undefined') {
-		return;
-	}
-	const components = ['ontario-icon-chevron-down'];
-	components.forEach((tagName) => {
-		switch (tagName) {
-			case 'ontario-icon-chevron-down':
-				if (!customElements.get(tagName)) {
-					customElements.define(tagName, OntarioIconChevronDown);
-				}
-				break;
-		}
-	});
-}
-
-export { OntarioIconChevronDown as O, defineCustomElement as d };
-
-//# sourceMappingURL=p-1dc1dba8.js.map

package/dist/components/p-1dc1dba8.js.map

@@ -1 +0,0 @@
-{"file":"p-1dc1dba8.js","mappings":"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","names":["validateColor"],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-chevron-down&encapsulation=shadow","src/components/ontario-icon/ontario-icon-chevron-down.tsx"],"sourcesContent":["@use '@ongov/ontario-design-system-global-styles/dist/styles/scss/1-variables/colours.variables' as colours;\n\n.ontario-icon svg,\n// Fractal component style coverage ↓\n.ontario-icon {\n\tdisplay: inline-block;\n\tstroke-width: 0;\n\tstroke: currentColor;\n\tfill: currentColor;\n\t/* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this. For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */\n\tvertical-align: middle;\n\t/* Paths and strokes that overflow the viewBox can show in IE11. */\n\toverflow: hidden;\n}\n\n.ontario-icon--blue svg {\n\tstroke: colours.$ontario-colour-icon-blue;\n\tfill: colours.$ontario-colour-icon-blue;\n}\n\n.ontario-icon--grey svg {\n\tstroke: colours.$ontario-colour-icon-grey;\n\tfill: colours.$ontario-colour-icon-grey;\n}\n\n.ontario-icon--black svg {\n\tstroke: colours.$ontario-colour-icon-black;\n\tfill: colours.$ontario-colour-icon-black;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-icon-white;\n\tfill: colours.$ontario-colour-icon-white;\n}\n\n.ontario-icon--white svg {\n\tstroke: colours.$ontario-colour-white;\n\tfill: colours.$ontario-colour-white;\n}\n","// content automatically generated by `generate-icons.js` begins\nimport { Component, Prop, h, Watch, State } from '@stencil/core';\nimport { IconWithColour } from './icon.interface';\nimport { IconSize, IconColour, IconColours } from './icon.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { validateValueAgainstArray } from '../../utils/validation/validation-functions';\nimport validateColor from 'validate-color';\n\n@Component({\n\ttag: 'ontario-icon-chevron-down',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconChevronDown implements IconWithColour {\n\t/**\n\t * The icon width will autogenerate the height since the icons are in square format, thus preserving\n\t * the aspect ratio.\n\t */\n\t@Prop() iconWidth: IconSize = 24;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's width depending on validation result.\n\t */\n\t@State() iconWidthState: number;\n\n\t/**\n\t * Watch for changes in the `iconWidth` variable for validation purpose.\n\t * If the user input is not a number or is a negative number then `iconWidth` will be set to its default (24).\n\t */\n\t@Watch('iconWidth')\n\tvalidateWidth() {\n\t\tif (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' icon-width ')\n\t\t\t\t.addRegularText('on')\n\t\t\t\t.addMonospaceText(' <ontario-icon-chevron-down> ')\n\t\t\t\t.addRegularText(\n\t\t\t\t\t`${\n\t\t\t\t\t\tisNaN(this.iconWidth) ? 'was set to a non-numeric value' : 'was set to a negative number'\n\t\t\t\t\t}; only a positive number is allowed. The default size of`,\n\t\t\t\t)\n\t\t\t\t.addMonospaceText(' 24px ')\n\t\t\t\t.addRegularText('was assumed.')\n\t\t\t\t.printMessage();\n\t\t\tthis.iconWidthState = 24;\n\t\t} else {\n\t\t\tthis.iconWidthState = this.iconWidth;\n\t\t}\n\t}\n\n\t/**\n\t * Set the icon's colour.\n\t */\n\t@Prop() colour: IconColour = 'black';\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconColourState: string;\n\n\t/**\n\t * Mutable variable, for internal use only.\n\t * Set the icon's colour based on validation result.\n\t */\n\t@State() iconCustomColourState: string;\n\n\t/**\n\t * Watch for changes in the `colour` variable for validation purpose.\n\t * If the user input doesn't match one of the enum values then `colour` will be set to its default (`black`).\n\t * If a match is found in one of the enum values then `colour` will be set to the matching enum value.\n\t */\n\t@Watch('colour')\n\tvalidateColour() {\n\t\tconst isValid = validateValueAgainstArray(this.colour, IconColours);\n\t\tif (isValid) {\n\t\t\tthis.iconColourState = this.colour;\n\t\t} else {\n\t\t\tif (validateColor(this.colour)) {\n\t\t\t\tthis.iconCustomColourState = this.colour;\n\t\t\t} else {\n\t\t\t\tthis.iconColourState = this.warnDefaultColour();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Print the invalid colour warning message\n\t * @returns default colour (black)\n\t */\n\tprivate warnDefaultColour(): IconColour {\n\t\tconst message = new ConsoleMessageClass();\n\t\tmessage\n\t\t\t.addDesignSystemTag()\n\t\t\t.addMonospaceText(' colour ')\n\t\t\t.addRegularText('on')\n\t\t\t.addMonospaceText(' <ontario-icon-chevron-down> ')\n\t\t\t.addRegularText('was set to an invalid colour; only')\n\t\t\t.addMonospaceText(' black, blue, grey or white ')\n\t\t\t.addRegularText('are supported. The default colour')\n\t\t\t.addMonospaceText(' black ')\n\t\t\t.addRegularText('is assumed.')\n\t\t\t.printMessage();\n\t\treturn 'black';\n\t}\n\n\t/**\n\t * Stencil component lifecycle method that is called once after the component is first connected to the DOM.\n\t */\n\tcomponentWillLoad() {\n\t\tthis.validateColour();\n\t\tthis.validateWidth();\n\t}\n\n\t/**\n\t * Returns the HTML code to be rendered into a custom element.\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={`ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`}\n\t\t\t\tstyle={{ width: `${this.iconWidthState}px` }}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"svg-icon\"\n\t\t\t\t\tstyle={{ fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` }}\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"chevron-down\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M7.4 8.6l4.6 4.58 4.6-4.58L18 10l-6 6-6-6 1.4-1.4z\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t);\n\t}\n}\n// content automatically generated by `generate-icons.js` ends\n"],"version":3}