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

package/dist/ontario-design-system-components/p-4d6d69da.entry.js

@@ -1,98 +0,0 @@
-import { r as i, h as t } from './p-14fa9399.js';
-import { a as o, I as s, l as a } from './p-314395de.js';
-import { C as e } from './p-55c48d50.js';
-const n =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const r = n;
-const c = class {
-	constructor(t) {
-		i(this, t);
-		this.iconWidth = 24;
-		this.iconWidthState = undefined;
-		this.colour = 'black';
-		this.iconColourState = undefined;
-		this.iconCustomColourState = undefined;
-	}
-	validateWidth() {
-		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const i = new e();
-			i.addDesignSystemTag()
-				.addMonospaceText(' icon-width ')
-				.addRegularText('on')
-				.addMonospaceText(' <ontario-icon-transport-bicycle> ')
-				.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;
-		}
-	}
-	validateColour() {
-		const i = o(this.colour, s);
-		if (i) {
-			this.iconColourState = this.colour;
-		} else {
-			if (a(this.colour)) {
-				this.iconCustomColourState = this.colour;
-			} else {
-				this.iconColourState = this.warnDefaultColour();
-			}
-		}
-	}
-	warnDefaultColour() {
-		const i = new e();
-		i.addDesignSystemTag()
-			.addMonospaceText(' colour ')
-			.addRegularText('on')
-			.addMonospaceText(' <ontario-icon-transport-bicycle> ')
-			.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';
-	}
-	componentWillLoad() {
-		this.validateColour();
-		this.validateWidth();
-	}
-	render() {
-		return t(
-			'div',
-			{
-				key: '158069a320343b35ad17c7429d768c690024a4ac',
-				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
-				style: { width: `${this.iconWidthState}px` },
-			},
-			t(
-				'svg',
-				{
-					key: '8a60e216f18c4c01a452c2a4f8cc20c2064bd9c2',
-					class: 'svg-icon',
-					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
-					role: 'img',
-					xmlns: 'http://www.w3.org/2000/svg',
-					viewBox: '0 0 24 24',
-					id: 'transport-bicycle',
-				},
-				t('path', {
-					key: 'dad10f8708d5a3caadcfca21c74be917a242b60e',
-					d: 'M15.208 6.167a1.84 1.84 0 0 0 1.833-1.833A1.84 1.84 0 0 0 15.208 2.5a1.84 1.84 0 0 0-1.833 1.833 1.84 1.84 0 0 0 1.833 1.833zm-9.625 5.958C3.017 12.125 1 14.142 1 16.708s2.017 4.583 4.583 4.583 4.583-2.017 4.583-4.583-2.017-4.583-4.583-4.583zm0 7.792a3.25 3.25 0 0 1-3.208-3.208A3.25 3.25 0 0 1 5.583 13.5a3.25 3.25 0 0 1 3.208 3.208 3.25 3.25 0 0 1-3.208 3.208zM10.9 10.75l2.2-2.2.733.733a6.42 6.42 0 0 0 4.675 1.925V9.375c-1.375 0-2.475-.55-3.3-1.375l-1.742-1.742c-.458-.367-.917-.55-1.467-.55a1.71 1.71 0 0 0-1.283.55L8.15 8.825a1.81 1.81 0 0 0-.55 1.283c0 .55.183 1.008.55 1.283l2.933 2.567v4.583h1.833v-5.683L10.9 10.75zm7.517 1.375c-2.567 0-4.583 2.017-4.583 4.583s2.017 4.583 4.583 4.583S23 19.275 23 16.708s-2.017-4.583-4.583-4.583zm0 7.792a3.25 3.25 0 0 1-3.208-3.208 3.25 3.25 0 0 1 3.208-3.208 3.25 3.25 0 0 1 3.208 3.208 3.25 3.25 0 0 1-3.208 3.208z',
-				}),
-			),
-		);
-	}
-	static get watchers() {
-		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
-	}
-};
-c.style = r;
-export { c as ontario_icon_transport_bicycle };
-//# sourceMappingURL=p-4d6d69da.entry.js.map

package/dist/ontario-design-system-components/p-4d6d69da.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ontarioIconCss","OntarioIconTransportBicycleStyle0","OntarioIconTransportBicycle","validateWidth","isNaN","this","iconWidth","message","ConsoleMessageClass","addDesignSystemTag","addMonospaceText","addRegularText","printMessage","iconWidthState","validateColour","isValid","validateValueAgainstArray","colour","IconColours","iconColourState","validateColor","iconCustomColourState","warnDefaultColour","componentWillLoad","render","h","key","class","style","width","fill","stroke","role","xmlns","viewBox","id","d"],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-transport-bicycle&encapsulation=shadow","src/components/ontario-icon/ontario-icon-transport-bicycle.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-transport-bicycle',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconTransportBicycle 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-transport-bicycle> ')\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-transport-bicycle> ')\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\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"transport-bicycle\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M15.208 6.167a1.84 1.84 0 0 0 1.833-1.833A1.84 1.84 0 0 0 15.208 2.5a1.84 1.84 0 0 0-1.833 1.833 1.84 1.84 0 0 0 1.833 1.833zm-9.625 5.958C3.017 12.125 1 14.142 1 16.708s2.017 4.583 4.583 4.583 4.583-2.017 4.583-4.583-2.017-4.583-4.583-4.583zm0 7.792a3.25 3.25 0 0 1-3.208-3.208A3.25 3.25 0 0 1 5.583 13.5a3.25 3.25 0 0 1 3.208 3.208 3.25 3.25 0 0 1-3.208 3.208zM10.9 10.75l2.2-2.2.733.733a6.42 6.42 0 0 0 4.675 1.925V9.375c-1.375 0-2.475-.55-3.3-1.375l-1.742-1.742c-.458-.367-.917-.55-1.467-.55a1.71 1.71 0 0 0-1.283.55L8.15 8.825a1.81 1.81 0 0 0-.55 1.283c0 .55.183 1.008.55 1.283l2.933 2.567v4.583h1.833v-5.683L10.9 10.75zm7.517 1.375c-2.567 0-4.583 2.017-4.583 4.583s2.017 4.583 4.583 4.583S23 19.275 23 16.708s-2.017-4.583-4.583-4.583zm0 7.792a3.25 3.25 0 0 1-3.208-3.208 3.25 3.25 0 0 1 3.208-3.208 3.25 3.25 0 0 1 3.208 3.208 3.25 3.25 0 0 1-3.208 3.208z\" />\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"],"mappings":"iIAAA,MAAMA,EAAiB,0ZACvB,MAAAC,EAAeD,E,MCYFE,EAA2B,M,wCAKT,G,0CAsCD,Q,oEAzB7B,aAAAC,GACC,GAAIC,MAAMC,KAAKC,aAAgBF,MAAMC,KAAKC,YAAcD,KAAKC,WAAa,EAAI,CAC7E,MAAMC,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,gBACjBC,eAAe,MACfD,iBAAiB,sCACjBC,eACA,GACCP,MAAMC,KAAKC,WAAa,iCAAmC,0FAG5DI,iBAAiB,UACjBC,eAAe,gBACfC,eACFP,KAAKQ,eAAiB,E,KAChB,CACNR,KAAKQ,eAAiBR,KAAKC,S,EA2B7B,cAAAQ,GACC,MAAMC,EAAUC,EAA0BX,KAAKY,OAAQC,GACvD,GAAIH,EAAS,CACZV,KAAKc,gBAAkBd,KAAKY,M,KACtB,CACN,GAAIG,EAAcf,KAAKY,QAAS,CAC/BZ,KAAKgB,sBAAwBhB,KAAKY,M,KAC5B,CACNZ,KAAKc,gBAAkBd,KAAKiB,mB,GASvB,iBAAAA,GACP,MAAMf,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,YACjBC,eAAe,MACfD,iBAAiB,sCACjBC,eAAe,sCACfD,iBAAiB,gCACjBC,eAAe,qCACfD,iBAAiB,WACjBC,eAAe,eACfC,eACF,MAAO,O,CAMR,iBAAAW,GACClB,KAAKS,iBACLT,KAAKF,e,CAMN,MAAAqB,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAO,8BAA8BtB,KAAKc,uCAAuCd,KAAKQ,iBACtFe,MAAO,CAAEC,MAAO,GAAGxB,KAAKQ,qBAExBY,EAAA,OAAAC,IAAA,2CACCC,MAAM,WACNC,MAAO,CAAEE,KAAM,GAAGzB,KAAKgB,wBAAyBU,OAAQ,GAAG1B,KAAKgB,yBAChEW,KAAK,MACLC,MAAM,6BACNC,QAAQ,YACRC,GAAG,qBAEHV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,m2B"}

package/dist/ontario-design-system-components/p-55c48d50.js

@@ -1,74 +0,0 @@
-var n;
-(function (n) {
-	n['Error'] = 'error';
-	n['Info'] = 'info';
-	n['Log'] = 'log';
-	n['Warning'] = 'warning';
-})(n || (n = {}));
-var t;
-(function (n) {
-	n['Regular'] = 'regular';
-	n['Code'] = 'code';
-})(t || (t = {}));
-const o = 'Ontario Design System';
-const s = '12px';
-const e = [
-	'background-color: #367A76',
-	'border: none',
-	'color: white',
-	'padding: 2px 5px',
-	'text-align: center',
-	'text-decoration: none',
-	'display: inline-block',
-	'cursor: pointer',
-	'border-radius: 5px',
-].join(';');
-const i = ['font-family: sans-serif', `font-size: ${s}`].join(';');
-const r = ['font-family: monospace', `font-size: ${s}`].join(';');
-function a(n) {
-	const t = '%c';
-	return t.concat(n);
-}
-class c {
-	constructor() {
-		this.message = '';
-		this.styles = [];
-	}
-	addDesignSystemTag() {
-		this.message = a(o);
-		this.styles.push(e);
-		return this;
-	}
-	addRegularText(n) {
-		this.addText(n, i);
-		return this;
-	}
-	addMonospaceText(n) {
-		this.addText(n, r);
-		return this;
-	}
-	printMessage(t = n.Warning) {
-		const o = [this.message, ...this.styles];
-		switch (t) {
-			case n.Error:
-				console.error.apply(null, o);
-				break;
-			case n.Info:
-				console.info.apply(null, o);
-				break;
-			case n.Warning:
-				console.warn.apply(null, o);
-				break;
-			default:
-				console.log.apply(null, o);
-		}
-	}
-	addText(n, t) {
-		if (n && (n === null || n === void 0 ? void 0 : n.trim().length) > 0) {
-			this.message += a(n);
-			this.styles.push(t);
-		}
-	}
-}
-export { c as C, n as a };
-//# sourceMappingURL=p-55c48d50.js.map

package/dist/ontario-design-system-components/p-55c48d50.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ConsoleType","MessageStyle","designSystemTag","fontSize","tagStyles","join","regularTextStyles","monospaceTextStyles","addSpecifier","message","styleSpecifier","concat","ConsoleMessageClass","constructor","this","styles","addDesignSystemTag","push","addRegularText","text","addText","addMonospaceText","printMessage","consoleType","Warning","messageArray","Error","console","error","apply","Info","info","warn","log","style","trim","length"],"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  );\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"],"mappings":"IAAYA,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,aACAA,EAAA,oBACA,EALD,CAAYA,MAAW,KAOvB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,cACA,EAHD,CAAYA,MAAY,KCHxB,MAAMC,EAAkB,wBAGxB,MAAMC,EAAW,OAKjB,MAAMC,EAAY,CACjB,4BACA,eACA,eACA,mBACA,qBACA,wBACA,wBACA,kBACA,sBACCC,KAAK,KAGP,MAAMC,EAAoB,CAAC,0BAA2B,cAAcH,KAAYE,KAAK,KAGrF,MAAME,EAAsB,CAAC,yBAA0B,cAAcJ,KAAYE,KAAK,KAEtF,SAASG,EAAaC,GACrB,MAAMC,EAAiB,KACvB,OAAOA,EAAeC,OAAOF,EAC9B,C,MAyDaG,EAIZ,WAAAC,GACCC,KAAKL,QAAU,GACfK,KAAKC,OAAS,E,CAKf,kBAAAC,GACCF,KAAKL,QAAUD,EAAaN,GAC5BY,KAAKC,OAAOE,KAAKb,GACjB,OAAOU,I,CAIR,cAAAI,CAAeC,GACdL,KAAKM,QAAQD,EAAMb,GACnB,OAAOQ,I,CAIR,gBAAAO,CAAiBF,GAChBL,KAAKM,QAAQD,EAAMZ,GACnB,OAAOO,I,CAKR,YAAAQ,CAAaC,EAAcvB,EAAYwB,SACtC,MAAMC,EAAe,CAACX,KAAKL,WAAYK,KAAKC,QAI5C,OAAQQ,GACP,KAAKvB,EAAY0B,MAChBC,QAAQC,MAAMC,MAAM,KAAMJ,GAC1B,MACD,KAAKzB,EAAY8B,KAChBH,QAAQI,KAAKF,MAAM,KAAMJ,GACzB,MACD,KAAKzB,EAAYwB,QAChBG,QAAQK,KAAKH,MAAM,KAAMJ,GACzB,MACD,QACCE,QAAQM,IAAIJ,MAAM,KAAMJ,G,CAKnB,OAAAL,CAAQD,EAAce,GAC7B,GAAIf,IAAQA,IAAI,MAAJA,SAAI,SAAJA,EAAMgB,OAAOC,QAAS,EAAG,CACpCtB,KAAKL,SAAWD,EAAaW,GAC7BL,KAAKC,OAAOE,KAAKiB,E"}

package/dist/ontario-design-system-components/p-5d7e5889.entry.js

@@ -1,98 +0,0 @@
-import { r as i, h as o } from './p-14fa9399.js';
-import { a as t, I as s, l as e } from './p-314395de.js';
-import { C as a } from './p-55c48d50.js';
-const n =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const r = n;
-const l = class {
-	constructor(o) {
-		i(this, o);
-		this.iconWidth = 24;
-		this.iconWidthState = undefined;
-		this.colour = 'black';
-		this.iconColourState = undefined;
-		this.iconCustomColourState = undefined;
-	}
-	validateWidth() {
-		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const i = new a();
-			i.addDesignSystemTag()
-				.addMonospaceText(' icon-width ')
-				.addRegularText('on')
-				.addMonospaceText(' <ontario-icon-wheelchair> ')
-				.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;
-		}
-	}
-	validateColour() {
-		const i = t(this.colour, s);
-		if (i) {
-			this.iconColourState = this.colour;
-		} else {
-			if (e(this.colour)) {
-				this.iconCustomColourState = this.colour;
-			} else {
-				this.iconColourState = this.warnDefaultColour();
-			}
-		}
-	}
-	warnDefaultColour() {
-		const i = new a();
-		i.addDesignSystemTag()
-			.addMonospaceText(' colour ')
-			.addRegularText('on')
-			.addMonospaceText(' <ontario-icon-wheelchair> ')
-			.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';
-	}
-	componentWillLoad() {
-		this.validateColour();
-		this.validateWidth();
-	}
-	render() {
-		return o(
-			'div',
-			{
-				key: '437324f9267db491434584abe203f7d6001aafb3',
-				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
-				style: { width: `${this.iconWidthState}px` },
-			},
-			o(
-				'svg',
-				{
-					key: '83fb47394bec9c90fb88be48a31c87500876980a',
-					class: 'svg-icon',
-					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
-					role: 'img',
-					xmlns: 'http://www.w3.org/2000/svg',
-					viewBox: '0 0 24 24',
-					id: 'wheelchair',
-				},
-				o('path', {
-					key: 'c583cfaed824e3b0376eb8509dd9a54fd2860ea9',
-					d: 'M19 13v-2c-1.54.02-3.1-.75-4.07-1.83l-1.3-1.43c-.25-.24-.4-.316-.64-.46a2.01 2.01 0 0 0-1.2-.26c-1.05.1-1.8 1.02-1.8 2.07V15c0 1.1.9 2 2 2h5v5h2v-5.5c0-1.1-.9-2-2-2h-3v-3.45c1.3 1.07 3.25 1.94 5 1.95zm-6.17 5c-.4 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.3.84-2.4 2-2.83V12.1A5 5 0 0 0 5 17c0 2.76 2.24 5 5 5a5 5 0 0 0 4.9-4h-2.07zM12 6a2 2 0 1 0 0-4 2 2 0 1 0 0 4z',
-				}),
-			),
-		);
-	}
-	static get watchers() {
-		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
-	}
-};
-l.style = r;
-export { l as ontario_icon_wheelchair };
-//# sourceMappingURL=p-5d7e5889.entry.js.map

package/dist/ontario-design-system-components/p-5d7e5889.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ontarioIconCss","OntarioIconWheelchairStyle0","OntarioIconWheelchair","validateWidth","isNaN","this","iconWidth","message","ConsoleMessageClass","addDesignSystemTag","addMonospaceText","addRegularText","printMessage","iconWidthState","validateColour","isValid","validateValueAgainstArray","colour","IconColours","iconColourState","validateColor","iconCustomColourState","warnDefaultColour","componentWillLoad","render","h","key","class","style","width","fill","stroke","role","xmlns","viewBox","id","d"],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-wheelchair&encapsulation=shadow","src/components/ontario-icon/ontario-icon-wheelchair.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-wheelchair',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconWheelchair 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-wheelchair> ')\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-wheelchair> ')\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\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"wheelchair\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M19 13v-2c-1.54.02-3.1-.75-4.07-1.83l-1.3-1.43c-.25-.24-.4-.316-.64-.46a2.01 2.01 0 0 0-1.2-.26c-1.05.1-1.8 1.02-1.8 2.07V15c0 1.1.9 2 2 2h5v5h2v-5.5c0-1.1-.9-2-2-2h-3v-3.45c1.3 1.07 3.25 1.94 5 1.95zm-6.17 5c-.4 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.3.84-2.4 2-2.83V12.1A5 5 0 0 0 5 17c0 2.76 2.24 5 5 5a5 5 0 0 0 4.9-4h-2.07zM12 6a2 2 0 1 0 0-4 2 2 0 1 0 0 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"],"mappings":"iIAAA,MAAMA,EAAiB,0ZACvB,MAAAC,EAAeD,E,MCYFE,EAAqB,M,wCAKH,G,0CAsCD,Q,oEAzB7B,aAAAC,GACC,GAAIC,MAAMC,KAAKC,aAAgBF,MAAMC,KAAKC,YAAcD,KAAKC,WAAa,EAAI,CAC7E,MAAMC,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,gBACjBC,eAAe,MACfD,iBAAiB,+BACjBC,eACA,GACCP,MAAMC,KAAKC,WAAa,iCAAmC,0FAG5DI,iBAAiB,UACjBC,eAAe,gBACfC,eACFP,KAAKQ,eAAiB,E,KAChB,CACNR,KAAKQ,eAAiBR,KAAKC,S,EA2B7B,cAAAQ,GACC,MAAMC,EAAUC,EAA0BX,KAAKY,OAAQC,GACvD,GAAIH,EAAS,CACZV,KAAKc,gBAAkBd,KAAKY,M,KACtB,CACN,GAAIG,EAAcf,KAAKY,QAAS,CAC/BZ,KAAKgB,sBAAwBhB,KAAKY,M,KAC5B,CACNZ,KAAKc,gBAAkBd,KAAKiB,mB,GASvB,iBAAAA,GACP,MAAMf,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,YACjBC,eAAe,MACfD,iBAAiB,+BACjBC,eAAe,sCACfD,iBAAiB,gCACjBC,eAAe,qCACfD,iBAAiB,WACjBC,eAAe,eACfC,eACF,MAAO,O,CAMR,iBAAAW,GACClB,KAAKS,iBACLT,KAAKF,e,CAMN,MAAAqB,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAO,8BAA8BtB,KAAKc,uCAAuCd,KAAKQ,iBACtFe,MAAO,CAAEC,MAAO,GAAGxB,KAAKQ,qBAExBY,EAAA,OAAAC,IAAA,2CACCC,MAAM,WACNC,MAAO,CAAEE,KAAM,GAAGzB,KAAKgB,wBAAyBU,OAAQ,GAAG1B,KAAKgB,yBAChEW,KAAK,MACLC,MAAM,6BACNC,QAAQ,YACRC,GAAG,cAEHV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,kX"}

package/dist/ontario-design-system-components/p-5d92e9b1.entry.js

@@ -1,99 +0,0 @@
-import { r as i, h as o } from './p-14fa9399.js';
-import { a as t, I as s, l as e } from './p-314395de.js';
-import { C as a } from './p-55c48d50.js';
-const n =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const r = n;
-const l = class {
-	constructor(o) {
-		i(this, o);
-		this.iconWidth = 24;
-		this.iconWidthState = undefined;
-		this.colour = 'black';
-		this.iconColourState = undefined;
-		this.iconCustomColourState = undefined;
-	}
-	validateWidth() {
-		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const i = new a();
-			i.addDesignSystemTag()
-				.addMonospaceText(' icon-width ')
-				.addRegularText('on')
-				.addMonospaceText(' <ontario-icon-menu> ')
-				.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;
-		}
-	}
-	validateColour() {
-		const i = t(this.colour, s);
-		if (i) {
-			this.iconColourState = this.colour;
-		} else {
-			if (e(this.colour)) {
-				this.iconCustomColourState = this.colour;
-			} else {
-				this.iconColourState = this.warnDefaultColour();
-			}
-		}
-	}
-	warnDefaultColour() {
-		const i = new a();
-		i.addDesignSystemTag()
-			.addMonospaceText(' colour ')
-			.addRegularText('on')
-			.addMonospaceText(' <ontario-icon-menu> ')
-			.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';
-	}
-	componentWillLoad() {
-		this.validateColour();
-		this.validateWidth();
-	}
-	render() {
-		return o(
-			'div',
-			{
-				key: 'aaecbb6675ac287c585f8372c578041c97e7a705',
-				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
-				style: { width: `${this.iconWidthState}px` },
-			},
-			o(
-				'svg',
-				{
-					key: '0ab9d2a736d7005320f7ba3234a52adb3a5104e9',
-					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: 'menu',
-				},
-				o('path', {
-					key: '3ff72cfc984de0c5dc843168958fe36fb3b31722',
-					d: 'M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z',
-				}),
-			),
-		);
-	}
-	static get watchers() {
-		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
-	}
-};
-l.style = r;
-export { l as ontario_icon_menu };
-//# sourceMappingURL=p-5d92e9b1.entry.js.map

package/dist/ontario-design-system-components/p-5d92e9b1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ontarioIconCss","OntarioIconMenuStyle0","OntarioIconMenu","validateWidth","isNaN","this","iconWidth","message","ConsoleMessageClass","addDesignSystemTag","addMonospaceText","addRegularText","printMessage","iconWidthState","validateColour","isValid","validateValueAgainstArray","colour","IconColours","iconColourState","validateColor","iconCustomColourState","warnDefaultColour","componentWillLoad","render","h","key","class","style","width","fill","stroke","role","xmlns","viewBox","id","d"],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-menu&encapsulation=shadow","src/components/ontario-icon/ontario-icon-menu.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-menu',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconMenu 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-menu> ')\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-menu> ')\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=\"menu\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" />\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"],"mappings":"iIAAA,MAAMA,EAAiB,0ZACvB,MAAAC,EAAeD,E,MCYFE,EAAe,M,wCAKG,G,0CAsCD,Q,oEAzB7B,aAAAC,GACC,GAAIC,MAAMC,KAAKC,aAAgBF,MAAMC,KAAKC,YAAcD,KAAKC,WAAa,EAAI,CAC7E,MAAMC,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,gBACjBC,eAAe,MACfD,iBAAiB,yBACjBC,eACA,GACCP,MAAMC,KAAKC,WAAa,iCAAmC,0FAG5DI,iBAAiB,UACjBC,eAAe,gBACfC,eACFP,KAAKQ,eAAiB,E,KAChB,CACNR,KAAKQ,eAAiBR,KAAKC,S,EA2B7B,cAAAQ,GACC,MAAMC,EAAUC,EAA0BX,KAAKY,OAAQC,GACvD,GAAIH,EAAS,CACZV,KAAKc,gBAAkBd,KAAKY,M,KACtB,CACN,GAAIG,EAAcf,KAAKY,QAAS,CAC/BZ,KAAKgB,sBAAwBhB,KAAKY,M,KAC5B,CACNZ,KAAKc,gBAAkBd,KAAKiB,mB,GASvB,iBAAAA,GACP,MAAMf,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,YACjBC,eAAe,MACfD,iBAAiB,yBACjBC,eAAe,sCACfD,iBAAiB,gCACjBC,eAAe,qCACfD,iBAAiB,WACjBC,eAAe,eACfC,eACF,MAAO,O,CAMR,iBAAAW,GACClB,KAAKS,iBACLT,KAAKF,e,CAMN,MAAAqB,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAO,8BAA8BtB,KAAKc,uCAAuCd,KAAKQ,iBACtFe,MAAO,CAAEC,MAAO,GAAGxB,KAAKQ,qBAExBY,EAAA,OAAAC,IAAA,2CACCC,MAAM,WACNC,MAAO,CAAEE,KAAM,GAAGzB,KAAKgB,wBAAyBU,OAAQ,GAAG1B,KAAKgB,yBAChEW,KAAK,MACLC,MAAM,6BACNH,KAAK,OACLI,QAAQ,YACRC,GAAG,QAEHV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,mD"}

package/dist/ontario-design-system-components/p-5ec63da7.entry.js

@@ -1,98 +0,0 @@
-import { r as i, h as t } from './p-14fa9399.js';
-import { a as o, I as s, l as e } from './p-314395de.js';
-import { C as a } from './p-55c48d50.js';
-const n =
-	'.ontario-icon svg,.ontario-icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;vertical-align:middle;overflow:hidden}.ontario-icon--blue svg{stroke:#0066CC;fill:#0066CC}.ontario-icon--grey svg{stroke:#666666;fill:#666666}.ontario-icon--black svg{stroke:#1A1A1A;fill:#1A1A1A}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}.ontario-icon--white svg{stroke:#FFFFFF;fill:#FFFFFF}';
-const r = n;
-const l = class {
-	constructor(t) {
-		i(this, t);
-		this.iconWidth = 24;
-		this.iconWidthState = undefined;
-		this.colour = 'black';
-		this.iconColourState = undefined;
-		this.iconCustomColourState = undefined;
-	}
-	validateWidth() {
-		if (isNaN(this.iconWidth) || (!isNaN(this.iconWidth) && this.iconWidth <= 0)) {
-			const i = new a();
-			i.addDesignSystemTag()
-				.addMonospaceText(' icon-width ')
-				.addRegularText('on')
-				.addMonospaceText(' <ontario-icon-edit> ')
-				.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;
-		}
-	}
-	validateColour() {
-		const i = o(this.colour, s);
-		if (i) {
-			this.iconColourState = this.colour;
-		} else {
-			if (e(this.colour)) {
-				this.iconCustomColourState = this.colour;
-			} else {
-				this.iconColourState = this.warnDefaultColour();
-			}
-		}
-	}
-	warnDefaultColour() {
-		const i = new a();
-		i.addDesignSystemTag()
-			.addMonospaceText(' colour ')
-			.addRegularText('on')
-			.addMonospaceText(' <ontario-icon-edit> ')
-			.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';
-	}
-	componentWillLoad() {
-		this.validateColour();
-		this.validateWidth();
-	}
-	render() {
-		return t(
-			'div',
-			{
-				key: 'b31421d6940f4a264c6946b295b5ffee20d7ac4a',
-				class: `ontario-icon ontario-icon--${this.iconColourState} ontario-icon--width-${this.iconWidthState}`,
-				style: { width: `${this.iconWidthState}px` },
-			},
-			t(
-				'svg',
-				{
-					key: '86c41b184d7af293ab3f6c512233e8e117bbb1ba',
-					class: 'svg-icon',
-					style: { fill: `${this.iconCustomColourState}`, stroke: `${this.iconCustomColourState}` },
-					role: 'img',
-					xmlns: 'http://www.w3.org/2000/svg',
-					viewBox: '0 0 24 24',
-					id: 'edit',
-				},
-				t('path', {
-					key: '2c07c94e2eeffa72990d80498b3333812b092628',
-					d: 'M3 17.25V21h3.75L17.8 9.94 14.06 6.2 3 17.25zm17.7-10.2c.4-.4.4-1.02 0-1.4L18.37 3.3c-.4-.4-1.02-.4-1.4 0l-1.83 1.83 3.75 3.75 1.83-1.83z',
-				}),
-			),
-		);
-	}
-	static get watchers() {
-		return { iconWidth: ['validateWidth'], colour: ['validateColour'] };
-	}
-};
-l.style = r;
-export { l as ontario_icon_edit };
-//# sourceMappingURL=p-5ec63da7.entry.js.map

package/dist/ontario-design-system-components/p-5ec63da7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ontarioIconCss","OntarioIconEditStyle0","OntarioIconEdit","validateWidth","isNaN","this","iconWidth","message","ConsoleMessageClass","addDesignSystemTag","addMonospaceText","addRegularText","printMessage","iconWidthState","validateColour","isValid","validateValueAgainstArray","colour","IconColours","iconColourState","validateColor","iconCustomColourState","warnDefaultColour","componentWillLoad","render","h","key","class","style","width","fill","stroke","role","xmlns","viewBox","id","d"],"sources":["src/components/ontario-icon/ontario-icon.scss?tag=ontario-icon-edit&encapsulation=shadow","src/components/ontario-icon/ontario-icon-edit.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-edit',\n\tstyleUrl: 'ontario-icon.scss',\n\tshadow: true,\n})\nexport class OntarioIconEdit 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-edit> ')\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-edit> ')\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\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tid=\"edit\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M3 17.25V21h3.75L17.8 9.94 14.06 6.2 3 17.25zm17.7-10.2c.4-.4.4-1.02 0-1.4L18.37 3.3c-.4-.4-1.02-.4-1.4 0l-1.83 1.83 3.75 3.75 1.83-1.83z\" />\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"],"mappings":"iIAAA,MAAMA,EAAiB,0ZACvB,MAAAC,EAAeD,E,MCYFE,EAAe,M,wCAKG,G,0CAsCD,Q,oEAzB7B,aAAAC,GACC,GAAIC,MAAMC,KAAKC,aAAgBF,MAAMC,KAAKC,YAAcD,KAAKC,WAAa,EAAI,CAC7E,MAAMC,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,gBACjBC,eAAe,MACfD,iBAAiB,yBACjBC,eACA,GACCP,MAAMC,KAAKC,WAAa,iCAAmC,0FAG5DI,iBAAiB,UACjBC,eAAe,gBACfC,eACFP,KAAKQ,eAAiB,E,KAChB,CACNR,KAAKQ,eAAiBR,KAAKC,S,EA2B7B,cAAAQ,GACC,MAAMC,EAAUC,EAA0BX,KAAKY,OAAQC,GACvD,GAAIH,EAAS,CACZV,KAAKc,gBAAkBd,KAAKY,M,KACtB,CACN,GAAIG,EAAcf,KAAKY,QAAS,CAC/BZ,KAAKgB,sBAAwBhB,KAAKY,M,KAC5B,CACNZ,KAAKc,gBAAkBd,KAAKiB,mB,GASvB,iBAAAA,GACP,MAAMf,EAAU,IAAIC,EACpBD,EACEE,qBACAC,iBAAiB,YACjBC,eAAe,MACfD,iBAAiB,yBACjBC,eAAe,sCACfD,iBAAiB,gCACjBC,eAAe,qCACfD,iBAAiB,WACjBC,eAAe,eACfC,eACF,MAAO,O,CAMR,iBAAAW,GACClB,KAAKS,iBACLT,KAAKF,e,CAMN,MAAAqB,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAO,8BAA8BtB,KAAKc,uCAAuCd,KAAKQ,iBACtFe,MAAO,CAAEC,MAAO,GAAGxB,KAAKQ,qBAExBY,EAAA,OAAAC,IAAA,2CACCC,MAAM,WACNC,MAAO,CAAEE,KAAM,GAAGzB,KAAKgB,wBAAyBU,OAAQ,GAAG1B,KAAKgB,yBAChEW,KAAK,MACLC,MAAM,6BACNC,QAAQ,YACRC,GAAG,QAEHV,EAAA,QAAAC,IAAA,2CAAMU,EAAE,+I"}