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

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

@@ -0,0 +1,156 @@
+import { h } from '@stencil/core';
+import { CaptionTypes } from '../../utils/common/input-caption/input-caption.types';
+import { ConsoleMessageClass } from '../../utils/console-message/console-message';
+import { validatePropExists, validateValueAgainstArray } from '../../utils/validation/validation-functions';
+export class OntarioFieldset {
+	constructor() {
+		this.legend = undefined;
+		this.legendSize = 'default';
+	}
+	/**
+	 * Watch for changes to the legendSize prop.
+	 * This is for validation purposes to make sure the legendSize matches one of the CaptionTypes.
+	 */
+	validateLegendSize() {
+		const isValid = validateValueAgainstArray(this.legendSize, CaptionTypes);
+		if (isValid) {
+			return this.legendSize;
+		} else {
+			const message = new ConsoleMessageClass();
+			message
+				.addDesignSystemTag()
+				.addMonospaceText(` legendSize ${this.legendSize} `)
+				.addRegularText('for')
+				.addMonospaceText(' <ontario-fieldset> ')
+				.addRegularText('is not a valid type. A default size will be applied.')
+				.printMessage();
+			return 'default';
+		}
+	}
+	/*
+	 * Watch for changes in the `legend` prop for validation purposes.
+	 */
+	validateLegend() {
+		this.validateLegendText(this.legend);
+	}
+	/**
+	 * Print the legend warning message
+	 */
+	validateLegendText(newValue) {
+		if (validatePropExists(newValue)) {
+			const message = new ConsoleMessageClass();
+			message
+				.addDesignSystemTag()
+				.addMonospaceText(' legend ')
+				.addRegularText('for')
+				.addMonospaceText(' <ontario-fieldset> ')
+				.addRegularText('was not provided')
+				.printMessage();
+		}
+	}
+	componentWillLoad() {
+		this.validateLegend();
+		this.validateLegendSize();
+	}
+	getClass() {
+		switch (this.legendSize) {
+			case 'large':
+				return `ontario-fieldset__legend ontario-fieldset__legend--large`;
+			case 'heading':
+				return `ontario-fieldset__legend ontario-fieldset__legend--heading`;
+			case 'default':
+			default:
+				return `ontario-fieldset__legend`;
+		}
+	}
+	render() {
+		return h(
+			'div',
+			{ key: '630e96f72b61db1d5c36c7af29969d5e9128dc9f', class: 'ontario-form-group' },
+			h(
+				'fieldset',
+				{ key: 'c2ae48560e067ef9c197da8032ba848962baec7b', class: 'ontario-fieldset' },
+				h(
+					'legend',
+					{ key: 'f7d514246a171fd752863c314fe5849a8276bd11', class: this.getClass() },
+					this.legendSize === 'heading' ? h('h1', null, this.legend) : this.legend,
+				),
+				h('slot', { key: 'f6d4de75ed7b718dcd624da6d5303f474a28b77a' }),
+			),
+		);
+	}
+	static get is() {
+		return 'ontario-fieldset';
+	}
+	static get encapsulation() {
+		return 'shadow';
+	}
+	static get originalStyleUrls() {
+		return {
+			$: ['ontario-fieldset.scss'],
+		};
+	}
+	static get styleUrls() {
+		return {
+			$: ['ontario-fieldset.css'],
+		};
+	}
+	static get properties() {
+		return {
+			legend: {
+				type: 'string',
+				mutable: true,
+				complexType: {
+					original: 'string',
+					resolved: 'string',
+					references: {},
+				},
+				required: false,
+				optional: false,
+				docs: {
+					tags: [],
+					text: 'The text value used for the legend of the fieldset.',
+				},
+				attribute: 'legend',
+				reflect: false,
+			},
+			legendSize: {
+				type: 'string',
+				mutable: true,
+				complexType: {
+					original: 'CaptionType',
+					resolved: '"default" | "heading" | "large"',
+					references: {
+						CaptionType: {
+							location: 'import',
+							path: '../../utils/common/input-caption/input-caption.types',
+							id: 'src/utils/common/input-caption/input-caption.types.ts::CaptionType',
+						},
+					},
+				},
+				required: false,
+				optional: false,
+				docs: {
+					tags: [],
+					text: 'The size of the fieldset legend. If no prop is passed, it will be `default`.',
+				},
+				attribute: 'legend-size',
+				reflect: false,
+				defaultValue: "'default'",
+			},
+		};
+	}
+	static get watchers() {
+		return [
+			{
+				propName: 'legendSize',
+				methodName: 'validateLegendSize',
+			},
+			{
+				propName: 'legend',
+				methodName: 'validateLegend',
+			},
+		];
+	}
+}
+//# sourceMappingURL=ontario-fieldset.js.map

package/dist/collection/components/ontario-fieldset/ontario-fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-fieldset.js","sourceRoot":"","sources":["../../../src/components/ontario-fieldset/ontario-fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAI1D,OAAO,EAAe,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AAO5G,MAAM,OAAO,eAAe;;;0BASwB,SAAS;;IAE5D;;;OAGG;IAEH,kBAAkB;QACjB,MAAM,OAAO,GAAG,yBAAyB,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAEzE,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,IAAI,CAAC,UAAU,CAAC;QACxB,CAAC;aAAM,CAAC;YACP,MAAM,OAAO,GAAG,IAAI,mBAAmB,EAAE,CAAC;YAC1C,OAAO;iBACL,kBAAkB,EAAE;iBACpB,gBAAgB,CAAC,eAAe,IAAI,CAAC,UAAU,GAAG,CAAC;iBACnD,cAAc,CAAC,KAAK,CAAC;iBACrB,gBAAgB,CAAC,sBAAsB,CAAC;iBACxC,cAAc,CAAC,sDAAsD,CAAC;iBACtE,YAAY,EAAE,CAAC;YAEjB,OAAO,SAAS,CAAC;QAClB,CAAC;IACF,CAAC;IAED;;OAEG;IAEH,cAAc;QACb,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAED;;OAEG;IACH,kBAAkB,CAAC,QAAgB;QAClC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClC,MAAM,OAAO,GAAG,IAAI,mBAAmB,EAAE,CAAC;YAC1C,OAAO;iBACL,kBAAkB,EAAE;iBACpB,gBAAgB,CAAC,UAAU,CAAC;iBAC5B,cAAc,CAAC,KAAK,CAAC;iBACrB,gBAAgB,CAAC,sBAAsB,CAAC;iBACxC,cAAc,CAAC,kBAAkB,CAAC;iBAClC,YAAY,EAAE,CAAC;QAClB,CAAC;IACF,CAAC;IACD,iBAAiB;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC3B,CAAC;IAEO,QAAQ;QACf,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;YACzB,KAAK,OAAO;gBACX,OAAO,0DAA0D,CAAC;YACnE,KAAK,SAAS;gBACb,OAAO,4DAA4D,CAAC;YACrE,KAAK,SAAS,CAAC;YACf;gBACC,OAAO,0BAA0B,CAAC;QACpC,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,oBAAoB;YAC9B,iEAAU,KAAK,EAAC,kBAAkB;gBACjC,+DAAQ,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAC5B,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,cAAK,IAAI,CAAC,MAAM,CAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAC7D;gBACT,8DAAQ,CACE,CACN,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop, Watch } from '@stencil/core';\n\nimport { Fieldset } from './ontario-fieldset.interface';\n\nimport { CaptionType, CaptionTypes } from '../../utils/common/input-caption/input-caption.types';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { validatePropExists, validateValueAgainstArray } from '../../utils/validation/validation-functions';\n\n@Component({\n\ttag: 'ontario-fieldset',\n\tstyleUrl: 'ontario-fieldset.scss',\n\tshadow: true,\n})\nexport class OntarioFieldset implements Fieldset {\n\t/**\n\t * The text value used for the legend of the fieldset.\n\t */\n\t@Prop({ mutable: true }) legend: string;\n\n\t/**\n\t * The size of the fieldset legend. If no prop is passed, it will be `default`.\n\t */\n\t@Prop({ mutable: true }) legendSize: CaptionType = 'default';\n\n\t/**\n\t * Watch for changes to the legendSize prop.\n\t * This is for validation purposes to make sure the legendSize matches one of the CaptionTypes.\n\t */\n\t@Watch('legendSize')\n\tvalidateLegendSize() {\n\t\tconst isValid = validateValueAgainstArray(this.legendSize, CaptionTypes);\n\n\t\tif (isValid) {\n\t\t\treturn this.legendSize;\n\t\t} else {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(` legendSize ${this.legendSize} `)\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-fieldset> ')\n\t\t\t\t.addRegularText('is not a valid type. A default size will be applied.')\n\t\t\t\t.printMessage();\n\n\t\t\treturn 'default';\n\t\t}\n\t}\n\n\t/*\n\t * Watch for changes in the `legend` prop for validation purposes.\n\t */\n\t@Watch('legend')\n\tvalidateLegend() {\n\t\tthis.validateLegendText(this.legend);\n\t}\n\n\t/**\n\t * Print the legend warning message\n\t */\n\tvalidateLegendText(newValue: string) {\n\t\tif (validatePropExists(newValue)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' legend ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-fieldset> ')\n\t\t\t\t.addRegularText('was not provided')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\tcomponentWillLoad() {\n\t\tthis.validateLegend();\n\t\tthis.validateLegendSize();\n\t}\n\n\tprivate getClass() {\n\t\tswitch (this.legendSize) {\n\t\t\tcase 'large':\n\t\t\t\treturn `ontario-fieldset__legend ontario-fieldset__legend--large`;\n\t\t\tcase 'heading':\n\t\t\t\treturn `ontario-fieldset__legend ontario-fieldset__legend--heading`;\n\t\t\tcase 'default':\n\t\t\tdefault:\n\t\t\t\treturn `ontario-fieldset__legend`;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class=\"ontario-form-group\">\n\t\t\t\t<fieldset class=\"ontario-fieldset\">\n\t\t\t\t\t<legend class={this.getClass()}>\n\t\t\t\t\t\t{this.legendSize === 'heading' ? <h1>{this.legend}</h1> : this.legend}\n\t\t\t\t\t</legend>\n\t\t\t\t\t<slot />\n\t\t\t\t</fieldset>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/ontario-fieldset/test/ontario-fieldset.e2e.js

@@ -0,0 +1,27 @@
+import { newE2EPage } from '@stencil/core/testing';
+describe('ontario-fieldset', () => {
+	it('renders', async () => {
+		const page = await newE2EPage();
+		await page.setContent('<ontario-fieldset></ontario-fieldset>');
+		const element = await page.find('ontario-fieldset');
+		expect(element).toHaveClass('hydrated');
+	});
+	it('should render the large legend class when the legendSize property is set to `large`', async () => {
+		const page = await newE2EPage();
+		await page.setContent(
+			'<ontario-fieldset legend-size="large" legend="What is your delivery address?"></ontario-fieldset>',
+		);
+		const legend = await page.find('ontario-fieldset >>> legend');
+		expect(legend).toHaveClasses(['ontario-fieldset__legend', 'ontario-fieldset__legend--large']);
+	});
+	it('should render the heading legend class when the legendSize property is set to `large`', async () => {
+		const page = await newE2EPage();
+		await page.setContent(
+			'<ontario-fieldset legend-size="heading" legend="What is your delivery address?"></ontario-fieldset>',
+		);
+		const legend = await page.find('ontario-fieldset >>> legend');
+		expect(legend).toHaveClasses(['ontario-fieldset__legend', 'ontario-fieldset__legend--heading']);
+		expect(legend.innerHTML).toEqual('<h1>What is your delivery address?</h1>');
+	});
+});
+//# sourceMappingURL=ontario-fieldset.e2e.js.map

package/dist/collection/components/ontario-fieldset/test/ontario-fieldset.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-fieldset.e2e.js","sourceRoot":"","sources":["../../../../src/components/ontario-fieldset/test/ontario-fieldset.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,uCAAuC,CAAC,CAAC;QAE/D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qFAAqF,EAAE,KAAK,IAAI,EAAE;QACpG,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACpB,mGAAmG,CACnG,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,0BAA0B,EAAE,iCAAiC,CAAC,CAAC,CAAC;IAC/F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uFAAuF,EAAE,KAAK,IAAI,EAAE;QACtG,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CACpB,qGAAqG,CACrG,CAAC;QACF,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAE9D,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,0BAA0B,EAAE,mCAAmC,CAAC,CAAC,CAAC;QAChG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ontario-fieldset', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent('<ontario-fieldset></ontario-fieldset>');\n\n\t\tconst element = await page.find('ontario-fieldset');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('should render the large legend class when the legendSize property is set to `large`', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent(\n\t\t\t'<ontario-fieldset legend-size=\"large\" legend=\"What is your delivery address?\"></ontario-fieldset>',\n\t\t);\n\n\t\tconst legend = await page.find('ontario-fieldset >>> legend');\n\t\texpect(legend).toHaveClasses(['ontario-fieldset__legend', 'ontario-fieldset__legend--large']);\n\t});\n\n\tit('should render the heading legend class when the legendSize property is set to `large`', async () => {\n\t\tconst page = await newE2EPage();\n\t\tawait page.setContent(\n\t\t\t'<ontario-fieldset legend-size=\"heading\" legend=\"What is your delivery address?\"></ontario-fieldset>',\n\t\t);\n\t\tconst legend = await page.find('ontario-fieldset >>> legend');\n\n\t\texpect(legend).toHaveClasses(['ontario-fieldset__legend', 'ontario-fieldset__legend--heading']);\n\t\texpect(legend.innerHTML).toEqual('<h1>What is your delivery address?</h1>');\n\t});\n});\n"]}

package/dist/collection/components/ontario-fieldset/test/ontario-fieldset.spec.js

@@ -0,0 +1,32 @@
+import { newSpecPage } from '@stencil/core/testing';
+import { OntarioFieldset } from '../ontario-fieldset';
+describe('ontario-fieldset', () => {
+	describe('snapshot', () => {
+		it('should render the expected html', async () => {
+			const page = await newSpecPage({
+				components: [OntarioFieldset],
+				html: `<ontario-fieldset legend="What is your delivery address?" legend-size="heading"></ontario-aside>`,
+			});
+			expect(page.root).toMatchSnapshot();
+		});
+	});
+	it('should render the default legend size if no legendSize prop is passed', async () => {
+		const page = await newSpecPage({
+			components: [OntarioFieldset],
+			html: `<ontario-fieldset legend="What is your delivery address?"></ontario-fieldset>`,
+		});
+		expect(page.root).toEqualHtml(`
+			<ontario-fieldset legend="What is your delivery address?">
+				<mock:shadow-root>
+					<div class="ontario-form-group">
+						<fieldset class="ontario-fieldset">
+							<legend class="ontario-fieldset__legend">What is your delivery address?</legend>
+							<slot></slot>
+						</fieldset>
+					</div>
+				</mock:shadow-root>
+			</ontario-fieldset>
+		`);
+	});
+});
+//# sourceMappingURL=ontario-fieldset.spec.js.map

package/dist/collection/components/ontario-fieldset/test/ontario-fieldset.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-fieldset.spec.js","sourceRoot":"","sources":["../../../../src/components/ontario-fieldset/test/ontario-fieldset.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;YAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC9B,UAAU,EAAE,CAAC,eAAe,CAAC;gBAC7B,IAAI,EAAE,kGAAkG;aACxG,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;QACtF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,+EAA+E;SACrF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;GAW7B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { OntarioFieldset } from '../ontario-fieldset';\n\ndescribe('ontario-fieldset', () => {\n\tdescribe('snapshot', () => {\n\t\tit('should render the expected html', async () => {\n\t\t\tconst page = await newSpecPage({\n\t\t\t\tcomponents: [OntarioFieldset],\n\t\t\t\thtml: `<ontario-fieldset legend=\"What is your delivery address?\" legend-size=\"heading\"></ontario-aside>`,\n\t\t\t});\n\n\t\t\texpect(page.root).toMatchSnapshot();\n\t\t});\n\t});\n\n\tit('should render the default legend size if no legendSize prop is passed', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFieldset],\n\t\t\thtml: `<ontario-fieldset legend=\"What is your delivery address?\"></ontario-fieldset>`,\n\t\t});\n\n\t\texpect(page.root).toEqualHtml(`\n\t\t\t<ontario-fieldset legend=\"What is your delivery address?\">\n\t\t\t\t<mock:shadow-root>\n\t\t\t\t\t<div class=\"ontario-form-group\">\n\t\t\t\t\t\t<fieldset class=\"ontario-fieldset\">\n\t\t\t\t\t\t\t<legend class=\"ontario-fieldset__legend\">What is your delivery address?</legend>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</fieldset>\n\t\t\t\t\t</div>\n\t\t\t\t</mock:shadow-root>\n\t\t\t</ontario-fieldset>\n\t\t`);\n\t});\n});\n"]}

package/dist/collection/components/ontario-footer/assets/footer-default-supergraphic-logo.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 4410 4093" xml:space="preserve" height="4093" width="4410">
+<style type="text/css">
+	.st0{fill:#1A1A1A;}
+</style>
+<path class="st0" d="M2494.4,0C1689.4,0,805.7,218.5,0,772.3l362,856.2c590-449.3,1330.4-725.9,2131.5-725.9
+	c299.5,0,601.5,45.4,880.6,118.1c-227.9,821.4-749.4,1560.5-1556.8,2054l99,1017.9c1586.7-773,2382.7-2252,2493.7-3652
+	C3831.3,161.3,3177.6,0,2494.4,0z"/>
+</svg>

package/dist/collection/components/ontario-footer/assets/footer-expanded-supergraphic-logo.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 4410 4093" xml:space="preserve" height="4093" width="4410">
+<style type="text/css">
+	.st0{fill:#262626;}
+</style>
+<path class="st0" d="M2494.4,0C1689.4,0,805.7,218.5,0,772.3l362,856.2c590-449.3,1330.4-725.9,2131.5-725.9
+	c299.5,0,601.5,45.4,880.6,118.1c-227.9,821.4-749.4,1560.5-1556.8,2054l99,1017.9c1586.7-773,2382.7-2252,2493.7-3652
+	C3831.3,161.3,3177.6,0,2494.4,0z"/>
+</svg>

package/dist/collection/components/ontario-footer/components/expanded-footer-wrapper.js

@@ -0,0 +1,14 @@
+import { h } from '@stencil/core';
+import { SimpleFooter } from './simple-footer';
+export const ExpandedFooterWrapper = (props, children) => {
+	const { topMargin, footerLinks, backgroundImagePath } = props;
+	const style = { '--imagePath': backgroundImagePath };
+	const marginClass = !topMargin ? 'ontario-margin-top-0-!' : '';
+	return h(
+		'footer',
+		{ class: `ontario-footer ontario-footer--expanded ${marginClass}`, style: style },
+		h('div', { class: 'ontario-footer__expanded-top-section' }, h('div', { class: 'ontario-row' }, children)),
+		h(SimpleFooter, Object.assign({}, footerLinks, { className: 'ontario-footer__expanded-bottom-section' })),
+	);
+};
+//# sourceMappingURL=expanded-footer-wrapper.js.map

package/dist/collection/components/ontario-footer/components/expanded-footer-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expanded-footer-wrapper.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/expanded-footer-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAgB,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,CAAC,MAAM,qBAAqB,GAAoD,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;IACzG,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,KAAK,GAAG,EAAE,aAAa,EAAE,mBAAmB,EAAE,CAAC;IACrD,MAAM,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/D,OAAO,CACN,cAAQ,KAAK,EAAE,2CAA2C,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK;QACpF,WAAK,KAAK,EAAC,sCAAsC;YAChD,WAAK,KAAK,EAAC,aAAa,IAAE,QAAQ,CAAO,CACpC;QACN,EAAC,YAAY,oBAAK,WAAW,IAAE,SAAS,EAAC,yCAAyC,IAAG,CAC7E,CACT,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h, getAssetPath } from '@stencil/core';\nimport { SimpleFooter } from './simple-footer';\nimport { SimpleFooterLinks } from '../ontario-footer-interface';\n\nexport type ExpandedFooterWrapperProps = {\n\tfooterLinks: SimpleFooterLinks;\n\ttopMargin: boolean;\n\tbackgroundImagePath: string;\n};\n\nexport const ExpandedFooterWrapper: FunctionalComponent<ExpandedFooterWrapperProps> = (props, children) => {\n\tconst { topMargin, footerLinks, backgroundImagePath } = props;\n\tconst style = { '--imagePath': backgroundImagePath };\n\tconst marginClass = !topMargin ? 'ontario-margin-top-0-!' : '';\n\n\treturn (\n\t\t<footer class={`ontario-footer ontario-footer--expanded ${marginClass}`} style={style}>\n\t\t\t<div class=\"ontario-footer__expanded-top-section\">\n\t\t\t\t<div class=\"ontario-row\">{children}</div>\n\t\t\t</div>\n\t\t\t<SimpleFooter {...footerLinks} className=\"ontario-footer__expanded-bottom-section\" />\n\t\t</footer>\n\t);\n};\n"]}

package/dist/collection/components/ontario-footer/components/footer-column-content.js

@@ -0,0 +1,19 @@
+import { h, Fragment } from '@stencil/core';
+export const ColumnContent = ({ content }) => {
+	const { heading, headingLevel: Heading = 'h3', text, html, list, type = 'text' } = content;
+	return h(
+		Fragment,
+		null,
+		heading && h(Heading, { class: 'ontario-h5' }, heading),
+		type === 'text' && h('p', null, text),
+		type === 'html' && h('div', { class: 'ontario-footer__paragraph', innerHTML: html }),
+		type === 'list' &&
+			!!(list === null || list === void 0 ? void 0 : list.length) &&
+			h(
+				'ul',
+				null,
+				list.map((item) => h('li', { class: 'ontario-footer__list_item', innerHTML: item })),
+			),
+	);
+};
+//# sourceMappingURL=footer-column-content.js.map

package/dist/collection/components/ontario-footer/components/footer-column-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-column-content.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/footer-column-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOjE,MAAM,CAAC,MAAM,aAAa,GAAkD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3F,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC;IAE3F,OAAO,CACN,EAAC,QAAQ;QACP,OAAO,IAAI,EAAC,OAAO,IAAC,KAAK,EAAC,YAAY,IAAE,OAAO,CAAW;QAC1D,IAAI,KAAK,MAAM,IAAI,aAAI,IAAI,CAAK;QAChC,IAAI,KAAK,MAAM,IAAI,WAAK,KAAK,EAAC,2BAA2B,EAAC,SAAS,EAAE,IAAc,GAAI;QACvF,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,IAAI,CACrC,cACE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,CAC3B,UAAI,KAAK,EAAC,2BAA2B,EAAC,SAAS,EAAE,IAAI,GAAI,CACzD,CAAC,CACE,CACL,CACS,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h, Fragment } from '@stencil/core';\nimport { FooterColumnContent } from '../ontario-footer-interface';\n\nexport type FooterColumnContentProps = {\n\tcontent: FooterColumnContent;\n};\n\nexport const ColumnContent: FunctionalComponent<FooterColumnContentProps> = ({ content }) => {\n\tconst { heading, headingLevel: Heading = 'h3', text, html, list, type = 'text' } = content;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{heading && <Heading class=\"ontario-h5\">{heading}</Heading>}\n\t\t\t{type === 'text' && <p>{text}</p>}\n\t\t\t{type === 'html' && <div class=\"ontario-footer__paragraph\" innerHTML={html as string} />}\n\t\t\t{type === 'list' && !!list?.length && (\n\t\t\t\t<ul>\n\t\t\t\t\t{list.map((item: string) => (\n\t\t\t\t\t\t<li class=\"ontario-footer__list_item\" innerHTML={item} />\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n"]}

package/dist/collection/components/ontario-footer/components/footer-column.js

@@ -0,0 +1,22 @@
+import { h } from '@stencil/core';
+import { ColumnContent } from './footer-column-content';
+import { FooterSocialLinks } from './footer-social-links';
+export const FooterColumn = ({ data, socialLinks, isThreeColLayout = false, isFullWidthInMediumLayout = false }) => {
+	const { title, content, button, headingLevel: Heading = 'h2' } = data;
+	const threeColumnLayoutClasses = isThreeColLayout ? 'ontario-large-4 ontario-expanded-footer__one-third-block' : '';
+	const mediumLayoutClasses = isFullWidthInMediumLayout ? 'ontario-medium-12' : 'ontario-medium-6';
+	return h(
+		'div',
+		{ class: `ontario-columns ontario-small-12 ${mediumLayoutClasses} ${threeColumnLayoutClasses}` },
+		h(Heading, { class: 'ontario-h4' }, title),
+		content.map((item) => h(ColumnContent, { content: item })),
+		button &&
+			h(
+				'a',
+				{ class: 'ontario-footer__button ontario-button ontario-margin-bottom-0-!', href: button.link },
+				button.text,
+			),
+		socialLinks && h(FooterSocialLinks, Object.assign({}, socialLinks)),
+	);
+};
+//# sourceMappingURL=footer-column.js.map

package/dist/collection/components/ontario-footer/components/footer-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-column.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/footer-column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAA0B,MAAM,uBAAuB,CAAC;AASlF,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EACpE,IAAI,EACJ,WAAW,EACX,gBAAgB,GAAG,KAAK,EACxB,yBAAyB,GAAG,KAAK,GACjC,EAAE,EAAE;IACJ,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IACtE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC,CAAC,CAAC,0DAA0D,CAAC,CAAC,CAAC,EAAE,CAAC;IACpH,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAEjG,OAAO,CACN,WAAK,KAAK,EAAE,oCAAoC,mBAAmB,IAAI,wBAAwB,EAAE;QAChG,EAAC,OAAO,IAAC,KAAK,EAAC,YAAY,IAAE,KAAK,CAAW;QAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,EAAC,aAAa,IAAC,OAAO,EAAE,IAAI,GAAI,CAChC,CAAC;QACD,MAAM,IAAI,CACV,SAAG,KAAK,EAAC,iEAAiE,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAC1F,MAAM,CAAC,IAAI,CACT,CACJ;QACA,WAAW,IAAI,EAAC,iBAAiB,oBAAK,WAAW,EAAI,CACjD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\nimport { FooterColumnData } from '../ontario-footer-interface';\nimport { ColumnContent } from './footer-column-content';\nimport { FooterSocialLinks, FooterSocialLinksProps } from './footer-social-links';\n\nexport type FooterColumnProps = {\n\tdata: FooterColumnData;\n\tsocialLinks?: FooterSocialLinksProps;\n\tisThreeColLayout?: boolean;\n\tisFullWidthInMediumLayout?: boolean;\n};\n\nexport const FooterColumn: FunctionalComponent<FooterColumnProps> = ({\n\tdata,\n\tsocialLinks,\n\tisThreeColLayout = false,\n\tisFullWidthInMediumLayout = false,\n}) => {\n\tconst { title, content, button, headingLevel: Heading = 'h2' } = data;\n\tconst threeColumnLayoutClasses = isThreeColLayout ? 'ontario-large-4 ontario-expanded-footer__one-third-block' : '';\n\tconst mediumLayoutClasses = isFullWidthInMediumLayout ? 'ontario-medium-12' : 'ontario-medium-6';\n\n\treturn (\n\t\t<div class={`ontario-columns ontario-small-12 ${mediumLayoutClasses} ${threeColumnLayoutClasses}`}>\n\t\t\t<Heading class=\"ontario-h4\">{title}</Heading>\n\t\t\t{content.map((item) => (\n\t\t\t\t<ColumnContent content={item} />\n\t\t\t))}\n\t\t\t{button && (\n\t\t\t\t<a class=\"ontario-footer__button ontario-button ontario-margin-bottom-0-!\" href={button.link}>\n\t\t\t\t\t{button.text}\n\t\t\t\t</a>\n\t\t\t)}\n\t\t\t{socialLinks && <FooterSocialLinks {...socialLinks} />}\n\t\t</div>\n\t);\n};\n"]}

package/dist/collection/components/ontario-footer/components/footer-social-links.js

@@ -0,0 +1,49 @@
+import { h } from '@stencil/core';
+const ICON_WIDTH = 32;
+export const FooterSocialLinks = ({ facebook, twitter, instagram, youtube }) => {
+	return h(
+		'ul',
+		{ class: 'ontario-footer__links-container ontario-footer__links-container--social' },
+		facebook &&
+			h(
+				'li',
+				null,
+				h(
+					'a',
+					{ 'class': 'ontario-footer__link', 'href': facebook, 'aria-label': 'Facebook' },
+					h('ontario-icon-facebook', { 'colour': 'white', 'icon-width': ICON_WIDTH }),
+				),
+			),
+		twitter &&
+			h(
+				'li',
+				null,
+				h(
+					'a',
+					{ 'class': 'ontario-footer__link', 'href': twitter, 'aria-label': 'Twitter' },
+					h('ontario-icon-twitter', { 'colour': 'white', 'icon-width': ICON_WIDTH }),
+				),
+			),
+		instagram &&
+			h(
+				'li',
+				null,
+				h(
+					'a',
+					{ 'class': 'ontario-footer__link', 'href': instagram, 'aria-label': 'Instagram' },
+					h('ontario-icon-instagram', { 'colour': 'white', 'icon-width': ICON_WIDTH }),
+				),
+			),
+		youtube &&
+			h(
+				'li',
+				null,
+				h(
+					'a',
+					{ 'class': 'ontario-footer__link', 'href': youtube, 'aria-label': 'Youtube' },
+					h('ontario-icon-youtube', { 'colour': 'white', 'icon-width': ICON_WIDTH }),
+				),
+			),
+	);
+};
+//# sourceMappingURL=footer-social-links.js.map

package/dist/collection/components/ontario-footer/components/footer-social-links.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-social-links.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/footer-social-links.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,UAAU,GAAG,EAAE,CAAC;AAStB,MAAM,CAAC,MAAM,iBAAiB,GAAgD,CAAC,EAC9E,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,GACP,EAAE,EAAE;IACJ,OAAO,CACN,UAAI,KAAK,EAAC,yEAAyE;QACjF,QAAQ,IAAI,CACZ;YACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,QAAQ,gBAAa,UAAU;gBACpE,6BAAuB,MAAM,EAAC,OAAO,gBAAa,UAAU,GAAI,CAC7D,CACA,CACL;QACA,OAAO,IAAI,CACX;YACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,OAAO,gBAAa,SAAS;gBAClE,4BAAsB,MAAM,EAAC,OAAO,gBAAa,UAAU,GAAI,CAC5D,CACA,CACL;QACA,SAAS,IAAI,CACb;YACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,SAAS,gBAAa,WAAW;gBACtE,8BAAwB,MAAM,EAAC,OAAO,gBAAa,UAAU,GAAI,CAC9D,CACA,CACL;QACA,OAAO,IAAI,CACX;YACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,OAAO,gBAAa,SAAS;gBAClE,4BAAsB,MAAM,EAAC,OAAO,gBAAa,UAAU,GAAI,CAC5D,CACA,CACL,CACG,CACL,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\nconst ICON_WIDTH = 32;\n\nexport type FooterSocialLinksProps = {\n\tfacebook?: string;\n\ttwitter?: string;\n\tinstagram?: string;\n\tyoutube?: string;\n};\n\nexport const FooterSocialLinks: FunctionalComponent<FooterSocialLinksProps> = ({\n\tfacebook,\n\ttwitter,\n\tinstagram,\n\tyoutube,\n}) => {\n\treturn (\n\t\t<ul class=\"ontario-footer__links-container ontario-footer__links-container--social\">\n\t\t\t{facebook && (\n\t\t\t\t<li>\n\t\t\t\t\t<a class=\"ontario-footer__link\" href={facebook} aria-label=\"Facebook\">\n\t\t\t\t\t\t<ontario-icon-facebook colour=\"white\" icon-width={ICON_WIDTH} />\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t)}\n\t\t\t{twitter && (\n\t\t\t\t<li>\n\t\t\t\t\t<a class=\"ontario-footer__link\" href={twitter} aria-label=\"Twitter\">\n\t\t\t\t\t\t<ontario-icon-twitter colour=\"white\" icon-width={ICON_WIDTH} />\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t)}\n\t\t\t{instagram && (\n\t\t\t\t<li>\n\t\t\t\t\t<a class=\"ontario-footer__link\" href={instagram} aria-label=\"Instagram\">\n\t\t\t\t\t\t<ontario-icon-instagram colour=\"white\" icon-width={ICON_WIDTH} />\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t)}\n\t\t\t{youtube && (\n\t\t\t\t<li>\n\t\t\t\t\t<a class=\"ontario-footer__link\" href={youtube} aria-label=\"Youtube\">\n\t\t\t\t\t\t<ontario-icon-youtube colour=\"white\" icon-width={ICON_WIDTH} />\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t)}\n\t\t</ul>\n\t);\n};\n"]}

package/dist/collection/components/ontario-footer/components/index.js

@@ -0,0 +1,5 @@
+export * from './footer-social-links';
+export * from './simple-footer';
+export * from './footer-column';
+export * from './expanded-footer-wrapper';
+//# sourceMappingURL=index.js.map

package/dist/collection/components/ontario-footer/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './footer-social-links';\nexport * from './simple-footer';\nexport * from './footer-column';\nexport * from './expanded-footer-wrapper';\n"]}

package/dist/collection/components/ontario-footer/components/simple-footer.js

@@ -0,0 +1,47 @@
+import { h } from '@stencil/core';
+const enDash = '\u2013';
+export const SimpleFooter = ({ accessibilityLink, privacyLink, contactLink, printerLink, className }) => {
+	return h(
+		'div',
+		{ class: `ontario-row ${className !== null && className !== void 0 ? className : ''}` },
+		h(
+			'div',
+			{ class: 'ontario-columns ontario-small-12' },
+			h(
+				'ul',
+				{ class: 'ontario-footer__links-container ontario-footer__links-container--inline' },
+				h('li', null, h('a', { class: 'ontario-footer__link', href: accessibilityLink.href }, accessibilityLink.text)),
+				h('li', null, h('a', { class: 'ontario-footer__link', href: privacyLink.href }, privacyLink.text)),
+				contactLink &&
+					h(
+						'li',
+						null,
+						h(
+							'a',
+							{
+								class: 'ontario-footer__link',
+								href: contactLink === null || contactLink === void 0 ? void 0 : contactLink.href,
+							},
+							contactLink === null || contactLink === void 0 ? void 0 : contactLink.text,
+						),
+					),
+			),
+			h(
+				'div',
+				{ class: 'ontario-footer__copyright' },
+				h(
+					'a',
+					{
+						class: 'ontario-footer__link',
+						href: printerLink === null || printerLink === void 0 ? void 0 : printerLink.href,
+					},
+					'\u00A9 ',
+					printerLink === null || printerLink === void 0 ? void 0 : printerLink.text,
+					' ',
+					h('span', { class: 'ontario-nbsp' }, '2012', enDash, String(new Date().getFullYear()).slice(-2)),
+				),
+			),
+		),
+	);
+};
+//# sourceMappingURL=simple-footer.js.map

package/dist/collection/components/ontario-footer/components/simple-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-footer.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/components/simple-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AAGvD,MAAM,MAAM,GAAG,QAAQ,CAAC;AAMxB,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EACpE,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,WAAW,EACX,SAAS,GACT,EAAE,EAAE;IACJ,OAAO,CACN,WAAK,KAAK,EAAE,eAAe,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE;QAC3C,WAAK,KAAK,EAAC,kCAAkC;YAC5C,UAAI,KAAK,EAAC,yEAAyE;gBAClF;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,iBAAiB,CAAC,IAAI,IAC1D,iBAAiB,CAAC,IAAI,CACpB,CACA;gBACL;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,CAAC,IAAI,IACpD,WAAW,CAAC,IAAI,CACd,CACA;gBACJ,WAAW,IAAI,CACf;oBACC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,IACrD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CACf,CACA,CACL,CACG;YACL,WAAK,KAAK,EAAC,2BAA2B;gBACrC,SAAG,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI;+BAC9C,WAAW,aAAX,WAAW;oBAAX,WAAW,CAAE,IAAI;oBAAE,GAAG;oBAC9B,YAAM,KAAK,EAAC,cAAc;;wBACpB,MAAM;wBACV,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACrC,CACJ,CACC,CACD,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { h, FunctionalComponent } from '@stencil/core';\nimport { SimpleFooterLinks } from '../ontario-footer-interface';\n\nconst enDash = '\\u2013';\n\ntype SimpleFooterProps = SimpleFooterLinks & {\n\tclassName?: string;\n};\n\nexport const SimpleFooter: FunctionalComponent<SimpleFooterProps> = ({\n\taccessibilityLink,\n\tprivacyLink,\n\tcontactLink,\n\tprinterLink,\n\tclassName,\n}) => {\n\treturn (\n\t\t<div class={`ontario-row ${className ?? ''}`}>\n\t\t\t<div class=\"ontario-columns ontario-small-12\">\n\t\t\t\t<ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={accessibilityLink.href}>\n\t\t\t\t\t\t\t{accessibilityLink.text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={privacyLink.href}>\n\t\t\t\t\t\t\t{privacyLink.text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t{contactLink && (\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<a class=\"ontario-footer__link\" href={contactLink?.href}>\n\t\t\t\t\t\t\t\t{contactLink?.text}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t)}\n\t\t\t\t</ul>\n\t\t\t\t<div class=\"ontario-footer__copyright\">\n\t\t\t\t\t<a class=\"ontario-footer__link\" href={printerLink?.href}>\n\t\t\t\t\t\t&copy; {printerLink?.text}{' '}\n\t\t\t\t\t\t<span class=\"ontario-nbsp\">\n\t\t\t\t\t\t\t2012{enDash}\n\t\t\t\t\t\t\t{String(new Date().getFullYear()).slice(-2)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

package/dist/collection/components/ontario-footer/ontario-footer-interface.js

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

package/dist/collection/components/ontario-footer/ontario-footer-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-footer-interface.js","sourceRoot":"","sources":["../../../src/components/ontario-footer/ontario-footer-interface.tsx"],"names":[],"mappings":"","sourcesContent":["export type OntarioFooterType = 'default' | 'twoColumn' | 'threeColumn';\n\nexport interface FooterLink {\n\ttext?: string;\n\thref: string;\n}\n\n// External interface to be passed to the Footer component\nexport interface FooterLinks {\n\taccessibilityLink?: Partial<FooterLink>;\n\tprivacyLink?: Partial<FooterLink>;\n\tcontactLink?: FooterLink;\n\tprinterLink?: Partial<FooterLink>;\n}\n\n// Internal interface for SimpleFooter Component\nexport interface SimpleFooterLinks {\n\taccessibilityLink: Required<FooterLink>;\n\tprivacyLink: Required<FooterLink>;\n\tprinterLink: Required<FooterLink>;\n\tcontactLink?: Required<FooterLink>;\n}\n\nexport type FooterContentType = 'text' | 'list' | 'html';\n\nexport type HeadingLevelType = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface FooterColumnContent {\n\theading?: string;\n\theadingLevel?: HeadingLevelType;\n\ttype: FooterContentType;\n\ttext?: string;\n\thtml?: string | HTMLElement;\n\tlist?: string[];\n}\n\nexport interface FooterColumnData {\n\ttitle: string;\n\theadingLevel?: HeadingLevelType;\n\tcontent: Array<FooterColumnContent>;\n\tbutton?: {\n\t\ttext: string;\n\t\tlink: string;\n\t};\n}\nexport interface TwoColumnOptions {\n\tcolumn1: FooterColumnData;\n\tcolumn2: FooterColumnData;\n}\n\nexport interface ThreeColumnOptions extends TwoColumnOptions {\n\tcolumn3: FooterColumnData;\n}\n"]}