@ongov/ontario-design-system-component-library 6.0.0-alpha.3 → 6.0.0-alpha.4

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

@@ -31,8 +31,12 @@ export class OntarioFooter {
 			this.language = validateLanguage(event);
 		}
 	}
+	/**
+	 * Handles an update to the language should the user request a language update from the language toggle.
+	 * @param {CustomEvent} - The language that has been selected.
+	 */
 	handleHeaderLanguageToggled(event) {
-		this.language = validateLanguage(event);
+		this.language = validateLanguage(event.detail.newLanguage);
 	}
 	processFooterLinks() {
 		this.parseOptions(this.footerLinks);

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

@@ -1 +1 @@
-{"version":3,"file":"ontario-footer.js","sourceRoot":"","sources":["../../../src/components/ontario-footer/ontario-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State, Watch, Listen } from '@stencil/core';\n\nimport {\n\tFooterLinks,\n\tOntarioFooterType,\n\tThreeColumnOptions,\n\tTwoColumnOptions,\n\tSimpleFooterLinks,\n} from './ontario-footer-interface';\nimport { ExpandedFooterWrapper, FooterColumn, FooterSocialLinksProps, SimpleFooter } from './components';\n\nimport { isInvalidTwoColumnOptions, isInvalidThreeColumnOptions } from './utils';\nimport { Language } from '../../utils/common/language-types';\nimport { validateLanguage } from '../../utils/validation/validation-functions';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { ConsoleType } from '../../utils/console-message/console-message.enum';\nimport { getImageAssetSrcPath } from '../../utils/helper/assets';\n\nimport translations from '../../translations/global.i18n.json';\n\n@Component({\n\ttag: 'ontario-footer',\n\tstyleUrl: 'ontario-footer.scss',\n\tshadow: true,\n\tassetsDirs: ['assets'],\n})\nexport class OntarioFooter {\n\t/**\n\t * The language of the component.\n\t * This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.\n\t */\n\t@Prop({ mutable: true }) language: Language;\n\n\t/**\n\t * The type of footer to be rendered. If no prop is provided, it will default to the 'default' type.\n\t */\n\t@Prop() type: OntarioFooterType = 'default';\n\n\t/**\n\t * A prop that stores the required links for all footers.\n\t * Available options are 'accessibilityLink', 'privacyLink', 'contactLink','termsOfUseLink' and 'printerLink'\n\t */\n\t@Prop() footerLinks: FooterLinks | string;\n\n\t/**\n\t * Social media links to render in the footer.\n\t * Available options are 'facebook', 'twitter', 'instagram' and 'youtube'\n\t */\n\t@Prop() socialLinks: FooterSocialLinksProps | string;\n\n\t/**\n\t * Stores the titles and content for the expanded two column footer.\n\t */\n\t@Prop() twoColumnOptions?: TwoColumnOptions | string;\n\n\t/**\n\t * Stores the titles and content for the expanded three column footer.\n\t */\n\t@Prop() threeColumnOptions?: ThreeColumnOptions | string;\n\n\t/**\n\t * Top margin for the footer. By default, this prop is set to `true`, which adds a margin top value of `5rem`.\n\t * If set to `false`, the top margin value will be set to zero.\n\t */\n\t@Prop() topMargin: boolean = true;\n\n\t/**\n\t * The base path to an assets folder containing the Design System assets\n\t */\n\t@Prop() assetBasePath: string;\n\n\t@State() translations: any = translations;\n\n\t@State() private footerLinksState: FooterLinks;\n\n\t@State() private socialLinksState: FooterSocialLinksProps;\n\n\t@State() private twoColumnState: TwoColumnOptions;\n\n\t@State() private threeColumnState: ThreeColumnOptions;\n\n\t/**\n\t * This listens for the `setAppLanguage` event sent from the test language toggler when it is\n\t * connected to the DOM. It is used for the initial language when the input component loads.\n\t */\n\t@Listen('setAppLanguage', { target: 'window' })\n\thandleSetAppLanguage(event: CustomEvent<Language>) {\n\t\tif (!this.language) {\n\t\t\tthis.language = validateLanguage(event);\n\t\t}\n\t}\n\n\t@Listen('headerLanguageToggled', { target: 'window' })\n\thandleHeaderLanguageToggled(event: CustomEvent<Language>) {\n\t\tthis.language = validateLanguage(event);\n\t}\n\n\t@Watch('footerLinks')\n\tprivate processFooterLinks() {\n\t\tthis.parseOptions(this.footerLinks);\n\t}\n\n\t@Watch('socialLinks')\n\tprivate processSocialLinks() {\n\t\tthis.parseOptions(this.socialLinks);\n\t}\n\n\t@Watch('twoColumnOptions')\n\tprivate processTwoColumnOptions() {\n\t\tthis.twoColumnOptions && this.parseOptions(this.twoColumnOptions);\n\t\tthis.verifyTwoColumnOptions();\n\t}\n\n\t@Watch('threeColumnOptions')\n\tprivate processThreeColumnOptions() {\n\t\tthis.threeColumnOptions && this.parseOptions(this.threeColumnOptions);\n\t\tthis.verifyThreeColumnOptions();\n\t}\n\n\tprivate isTwoColumnLayout = (): boolean => this.type === 'twoColumn';\n\tprivate isThreeColumnLayout = (): boolean => this.type === 'threeColumn';\n\tprivate isExpandedLayout = (): boolean => this.isTwoColumnLayout() || this.isThreeColumnLayout();\n\n\tprivate verifyTwoColumnOptions() {\n\t\tif (this.isTwoColumnLayout() && isInvalidTwoColumnOptions(this.twoColumnState)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' twoColumnOptions ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-footer> ')\n\t\t\t\t.addRegularText('were not fully set. Please review your values and ensure all options are set.')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\tprivate verifyThreeColumnOptions() {\n\t\tif (this.isThreeColumnLayout() && isInvalidThreeColumnOptions(this.threeColumnState)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' threeColumnOptions ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-footer> ')\n\t\t\t\t.addRegularText('were not fully set. Please review your values and ensure all options are set.')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\tprivate parseOptions(\n\t\toptionType: string | FooterLinks | FooterSocialLinksProps | TwoColumnOptions | ThreeColumnOptions,\n\t) {\n\t\tif (!optionType) return;\n\n\t\ttry {\n\t\t\tconst parsed = typeof optionType === 'string' ? JSON.parse(optionType) : optionType;\n\n\t\t\tif (optionType === this.footerLinks) this.footerLinksState = parsed;\n\t\t\telse if (optionType === this.socialLinks) this.socialLinksState = parsed;\n\t\t\telse if (optionType === this.twoColumnOptions) this.twoColumnState = parsed;\n\t\t\telse this.threeColumnState = parsed;\n\t\t} catch (error) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addRegularText(' failed to parse props for ')\n\t\t\t\t.addMonospaceText('<ontario-footer>')\n\t\t\t\t.addRegularText(' in ')\n\t\t\t\t.addMonospaceText('parseOptions()')\n\t\t\t\t.addRegularText(' method \\n ')\n\t\t\t\t.addMonospaceText(error.stack)\n\t\t\t\t.printMessage(ConsoleType.Error);\n\t\t}\n\t}\n\n\t/**\n\t * Generate CSS url to the background image\n\t * @returns path to the background image\n\t */\n\tprivate getBackgroundImagePath(): string {\n\t\tconst supergraphicLogoFile = this.isExpandedLayout()\n\t\t\t? 'footer-expanded-supergraphic-logo.svg'\n\t\t\t: 'footer-default-supergraphic-logo.svg';\n\n\t\treturn `url(${getImageAssetSrcPath(supergraphicLogoFile, this.assetBasePath)})`;\n\t}\n\n\tprivate getFooterClasses() {\n\t\tlet classes = 'ontario-footer ontario-footer--default';\n\n\t\tif (!this.topMargin) {\n\t\t\tclasses = `${classes}  ontario-margin-top-0-!`;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tprivate getFooterLinks(): SimpleFooterLinks {\n\t\tconst { language, translations, footerLinksState } = this;\n\t\tconst { accessibilityLink, privacyLink, contactLink, termsOfUseLink, printerLink } = footerLinksState ?? {};\n\n\t\tconst links: SimpleFooterLinks = {\n\t\t\taccessibilityLink: {\n\t\t\t\thref: accessibilityLink?.href ?? translations.accessibilityLink.link[language],\n\t\t\t\ttext: accessibilityLink?.text ?? translations.accessibilityLink.text[language],\n\t\t\t},\n\t\t\tprivacyLink: {\n\t\t\t\thref: privacyLink?.href ?? translations.privacyLink.link[language],\n\t\t\t\ttext: privacyLink?.text ?? translations.privacyLink.text[language],\n\t\t\t},\n\t\t\tprinterLink: {\n\t\t\t\thref: printerLink?.href ?? translations.printerLink.link[language],\n\t\t\t\ttext: printerLink?.text ?? translations.printerLink.text[language],\n\t\t\t},\n\t\t};\n\n\t\tif (contactLink) {\n\t\t\tlinks.contactLink = {\n\t\t\t\thref: contactLink.href,\n\t\t\t\ttext: contactLink.text ?? translations.contactUs[language],\n\t\t\t};\n\t\t}\n\n\t\tif (termsOfUseLink) {\n\t\t\tlinks.termsOfUseLink = {\n\t\t\t\thref: termsOfUseLink.href,\n\t\t\t\ttext: termsOfUseLink.text ?? translations.termsOfUse[language],\n\t\t\t};\n\t\t}\n\n\t\treturn links;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.processFooterLinks();\n\t\tthis.processSocialLinks();\n\t\tthis.processTwoColumnOptions();\n\t\tthis.processThreeColumnOptions();\n\n\t\tthis.language = validateLanguage(this.language);\n\t}\n\n\trender() {\n\t\tconst { socialLinksState, twoColumnState, threeColumnState, topMargin } = this;\n\t\tconst footerLinks = this.getFooterLinks();\n\n\t\tif (this.isTwoColumnLayout()) {\n\t\t\treturn (\n\t\t\t\t<ExpandedFooterWrapper\n\t\t\t\t\tfooterLinks={footerLinks}\n\t\t\t\t\ttopMargin={topMargin}\n\t\t\t\t\tbackgroundImagePath={this.getBackgroundImagePath()}\n\t\t\t\t>\n\t\t\t\t\t<FooterColumn data={twoColumnState.column1} />\n\t\t\t\t\t<FooterColumn data={twoColumnState.column2} socialLinks={socialLinksState} />\n\t\t\t\t</ExpandedFooterWrapper>\n\t\t\t);\n\t\t}\n\n\t\tif (this.isThreeColumnLayout()) {\n\t\t\treturn (\n\t\t\t\t<ExpandedFooterWrapper\n\t\t\t\t\tfooterLinks={footerLinks}\n\t\t\t\t\ttopMargin={topMargin}\n\t\t\t\t\tbackgroundImagePath={this.getBackgroundImagePath()}\n\t\t\t\t>\n\t\t\t\t\t<FooterColumn data={threeColumnState.column1} isThreeColLayout isFullWidthInMediumLayout />\n\t\t\t\t\t<FooterColumn data={threeColumnState.column2} isThreeColLayout />\n\t\t\t\t\t<FooterColumn data={threeColumnState.column3} socialLinks={socialLinksState} isThreeColLayout />\n\t\t\t\t</ExpandedFooterWrapper>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<footer class={this.getFooterClasses()} style={{ '--imagePath': this.getBackgroundImagePath() }}>\n\t\t\t\t<SimpleFooter {...footerLinks} />\n\t\t\t</footer>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"ontario-footer.js","sourceRoot":"","sources":["../../../src/components/ontario-footer/ontario-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State, Watch, Listen } from '@stencil/core';\n\nimport {\n\tFooterLinks,\n\tOntarioFooterType,\n\tThreeColumnOptions,\n\tTwoColumnOptions,\n\tSimpleFooterLinks,\n} from './ontario-footer-interface';\nimport { ExpandedFooterWrapper, FooterColumn, FooterSocialLinksProps, SimpleFooter } from './components';\n\nimport { isInvalidTwoColumnOptions, isInvalidThreeColumnOptions } from './utils';\nimport { Language } from '../../utils/common/language-types';\nimport { validateLanguage } from '../../utils/validation/validation-functions';\nimport { ConsoleMessageClass } from '../../utils/console-message/console-message';\nimport { ConsoleType } from '../../utils/console-message/console-message.enum';\nimport { getImageAssetSrcPath } from '../../utils/helper/assets';\n\nimport translations from '../../translations/global.i18n.json';\nimport { HeaderLanguageToggleEventDetails } from '../../utils/events/common-events.interface';\n\n@Component({\n\ttag: 'ontario-footer',\n\tstyleUrl: 'ontario-footer.scss',\n\tshadow: true,\n\tassetsDirs: ['assets'],\n})\nexport class OntarioFooter {\n\t/**\n\t * The language of the component.\n\t * This is used for translations, and is by default set through event listeners checking for a language property from the header. If no language is passed, it will default to English.\n\t */\n\t@Prop({ mutable: true }) language: Language;\n\n\t/**\n\t * The type of footer to be rendered. If no prop is provided, it will default to the 'default' type.\n\t */\n\t@Prop() type: OntarioFooterType = 'default';\n\n\t/**\n\t * A prop that stores the required links for all footers.\n\t * Available options are 'accessibilityLink', 'privacyLink', 'contactLink','termsOfUseLink' and 'printerLink'\n\t */\n\t@Prop() footerLinks: FooterLinks | string;\n\n\t/**\n\t * Social media links to render in the footer.\n\t * Available options are 'facebook', 'twitter', 'instagram' and 'youtube'\n\t */\n\t@Prop() socialLinks: FooterSocialLinksProps | string;\n\n\t/**\n\t * Stores the titles and content for the expanded two column footer.\n\t */\n\t@Prop() twoColumnOptions?: TwoColumnOptions | string;\n\n\t/**\n\t * Stores the titles and content for the expanded three column footer.\n\t */\n\t@Prop() threeColumnOptions?: ThreeColumnOptions | string;\n\n\t/**\n\t * Top margin for the footer. By default, this prop is set to `true`, which adds a margin top value of `5rem`.\n\t * If set to `false`, the top margin value will be set to zero.\n\t */\n\t@Prop() topMargin: boolean = true;\n\n\t/**\n\t * The base path to an assets folder containing the Design System assets\n\t */\n\t@Prop() assetBasePath: string;\n\n\t@State() translations: any = translations;\n\n\t@State() private footerLinksState: FooterLinks;\n\n\t@State() private socialLinksState: FooterSocialLinksProps;\n\n\t@State() private twoColumnState: TwoColumnOptions;\n\n\t@State() private threeColumnState: ThreeColumnOptions;\n\n\t/**\n\t * This listens for the `setAppLanguage` event sent from the test language toggler when it is\n\t * connected to the DOM. It is used for the initial language when the input component loads.\n\t */\n\t@Listen('setAppLanguage', { target: 'window' })\n\thandleSetAppLanguage(event: CustomEvent<Language>) {\n\t\tif (!this.language) {\n\t\t\tthis.language = validateLanguage(event);\n\t\t}\n\t}\n\n\t/**\n\t * Handles an update to the language should the user request a language update from the language toggle.\n\t * @param {CustomEvent} - The language that has been selected.\n\t */\n\t@Listen('headerLanguageToggled', { target: 'window' })\n\thandleHeaderLanguageToggled(event: CustomEvent<HeaderLanguageToggleEventDetails>) {\n\t\tthis.language = validateLanguage(event.detail.newLanguage);\n\t}\n\n\t@Watch('footerLinks')\n\tprivate processFooterLinks() {\n\t\tthis.parseOptions(this.footerLinks);\n\t}\n\n\t@Watch('socialLinks')\n\tprivate processSocialLinks() {\n\t\tthis.parseOptions(this.socialLinks);\n\t}\n\n\t@Watch('twoColumnOptions')\n\tprivate processTwoColumnOptions() {\n\t\tthis.twoColumnOptions && this.parseOptions(this.twoColumnOptions);\n\t\tthis.verifyTwoColumnOptions();\n\t}\n\n\t@Watch('threeColumnOptions')\n\tprivate processThreeColumnOptions() {\n\t\tthis.threeColumnOptions && this.parseOptions(this.threeColumnOptions);\n\t\tthis.verifyThreeColumnOptions();\n\t}\n\n\tprivate isTwoColumnLayout = (): boolean => this.type === 'twoColumn';\n\tprivate isThreeColumnLayout = (): boolean => this.type === 'threeColumn';\n\tprivate isExpandedLayout = (): boolean => this.isTwoColumnLayout() || this.isThreeColumnLayout();\n\n\tprivate verifyTwoColumnOptions() {\n\t\tif (this.isTwoColumnLayout() && isInvalidTwoColumnOptions(this.twoColumnState)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' twoColumnOptions ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-footer> ')\n\t\t\t\t.addRegularText('were not fully set. Please review your values and ensure all options are set.')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\tprivate verifyThreeColumnOptions() {\n\t\tif (this.isThreeColumnLayout() && isInvalidThreeColumnOptions(this.threeColumnState)) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addMonospaceText(' threeColumnOptions ')\n\t\t\t\t.addRegularText('for')\n\t\t\t\t.addMonospaceText(' <ontario-footer> ')\n\t\t\t\t.addRegularText('were not fully set. Please review your values and ensure all options are set.')\n\t\t\t\t.printMessage();\n\t\t}\n\t}\n\n\tprivate parseOptions(\n\t\toptionType: string | FooterLinks | FooterSocialLinksProps | TwoColumnOptions | ThreeColumnOptions,\n\t) {\n\t\tif (!optionType) return;\n\n\t\ttry {\n\t\t\tconst parsed = typeof optionType === 'string' ? JSON.parse(optionType) : optionType;\n\n\t\t\tif (optionType === this.footerLinks) this.footerLinksState = parsed;\n\t\t\telse if (optionType === this.socialLinks) this.socialLinksState = parsed;\n\t\t\telse if (optionType === this.twoColumnOptions) this.twoColumnState = parsed;\n\t\t\telse this.threeColumnState = parsed;\n\t\t} catch (error) {\n\t\t\tconst message = new ConsoleMessageClass();\n\t\t\tmessage\n\t\t\t\t.addDesignSystemTag()\n\t\t\t\t.addRegularText(' failed to parse props for ')\n\t\t\t\t.addMonospaceText('<ontario-footer>')\n\t\t\t\t.addRegularText(' in ')\n\t\t\t\t.addMonospaceText('parseOptions()')\n\t\t\t\t.addRegularText(' method \\n ')\n\t\t\t\t.addMonospaceText(error.stack)\n\t\t\t\t.printMessage(ConsoleType.Error);\n\t\t}\n\t}\n\n\t/**\n\t * Generate CSS url to the background image\n\t * @returns path to the background image\n\t */\n\tprivate getBackgroundImagePath(): string {\n\t\tconst supergraphicLogoFile = this.isExpandedLayout()\n\t\t\t? 'footer-expanded-supergraphic-logo.svg'\n\t\t\t: 'footer-default-supergraphic-logo.svg';\n\n\t\treturn `url(${getImageAssetSrcPath(supergraphicLogoFile, this.assetBasePath)})`;\n\t}\n\n\tprivate getFooterClasses() {\n\t\tlet classes = 'ontario-footer ontario-footer--default';\n\n\t\tif (!this.topMargin) {\n\t\t\tclasses = `${classes}  ontario-margin-top-0-!`;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tprivate getFooterLinks(): SimpleFooterLinks {\n\t\tconst { language, translations, footerLinksState } = this;\n\t\tconst { accessibilityLink, privacyLink, contactLink, termsOfUseLink, printerLink } = footerLinksState ?? {};\n\n\t\tconst links: SimpleFooterLinks = {\n\t\t\taccessibilityLink: {\n\t\t\t\thref: accessibilityLink?.href ?? translations.accessibilityLink.link[language],\n\t\t\t\ttext: accessibilityLink?.text ?? translations.accessibilityLink.text[language],\n\t\t\t},\n\t\t\tprivacyLink: {\n\t\t\t\thref: privacyLink?.href ?? translations.privacyLink.link[language],\n\t\t\t\ttext: privacyLink?.text ?? translations.privacyLink.text[language],\n\t\t\t},\n\t\t\tprinterLink: {\n\t\t\t\thref: printerLink?.href ?? translations.printerLink.link[language],\n\t\t\t\ttext: printerLink?.text ?? translations.printerLink.text[language],\n\t\t\t},\n\t\t};\n\n\t\tif (contactLink) {\n\t\t\tlinks.contactLink = {\n\t\t\t\thref: contactLink.href,\n\t\t\t\ttext: contactLink.text ?? translations.contactUs[language],\n\t\t\t};\n\t\t}\n\n\t\tif (termsOfUseLink) {\n\t\t\tlinks.termsOfUseLink = {\n\t\t\t\thref: termsOfUseLink.href,\n\t\t\t\ttext: termsOfUseLink.text ?? translations.termsOfUse[language],\n\t\t\t};\n\t\t}\n\n\t\treturn links;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.processFooterLinks();\n\t\tthis.processSocialLinks();\n\t\tthis.processTwoColumnOptions();\n\t\tthis.processThreeColumnOptions();\n\n\t\tthis.language = validateLanguage(this.language);\n\t}\n\n\trender() {\n\t\tconst { socialLinksState, twoColumnState, threeColumnState, topMargin } = this;\n\t\tconst footerLinks = this.getFooterLinks();\n\n\t\tif (this.isTwoColumnLayout()) {\n\t\t\treturn (\n\t\t\t\t<ExpandedFooterWrapper\n\t\t\t\t\tfooterLinks={footerLinks}\n\t\t\t\t\ttopMargin={topMargin}\n\t\t\t\t\tbackgroundImagePath={this.getBackgroundImagePath()}\n\t\t\t\t>\n\t\t\t\t\t<FooterColumn data={twoColumnState.column1} />\n\t\t\t\t\t<FooterColumn data={twoColumnState.column2} socialLinks={socialLinksState} />\n\t\t\t\t</ExpandedFooterWrapper>\n\t\t\t);\n\t\t}\n\n\t\tif (this.isThreeColumnLayout()) {\n\t\t\treturn (\n\t\t\t\t<ExpandedFooterWrapper\n\t\t\t\t\tfooterLinks={footerLinks}\n\t\t\t\t\ttopMargin={topMargin}\n\t\t\t\t\tbackgroundImagePath={this.getBackgroundImagePath()}\n\t\t\t\t>\n\t\t\t\t\t<FooterColumn data={threeColumnState.column1} isThreeColLayout isFullWidthInMediumLayout />\n\t\t\t\t\t<FooterColumn data={threeColumnState.column2} isThreeColLayout />\n\t\t\t\t\t<FooterColumn data={threeColumnState.column3} socialLinks={socialLinksState} isThreeColLayout />\n\t\t\t\t</ExpandedFooterWrapper>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<footer class={this.getFooterClasses()} style={{ '--imagePath': this.getBackgroundImagePath() }}>\n\t\t\t\t<SimpleFooter {...footerLinks} />\n\t\t\t</footer>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/ontario-form-container/ontario-form-container.css

@@ -0,0 +1,304 @@
+/* -------------------------------
+    Global spacing variables
+--------------------------------- */
+.ontario-form-container--gap-16 ::slotted(ontario-input:not(:last-child)),
+.ontario-form-container--gap-16 form ::slotted(ontario-input:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-16 ::slotted(ontario-checkboxes:not(:last-child)),
+.ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:not(:last-child)),
+.ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-16 ::slotted(ontario-textarea:not(:last-child)),
+.ontario-form-container--gap-16 form ::slotted(ontario-textarea:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:not(:last-child)),
+.ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-16 ::slotted(ontario-button:not(:last-child)),
+.ontario-form-container--gap-16 form ::slotted(ontario-button:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-16 ::slotted(ontario-date-input:not(:last-child)),
+.ontario-form-container--gap-16 form ::slotted(ontario-date-input:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-input:not(:last-child)),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-input:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-input:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-input:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-input:last-child),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-input:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-input:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-input:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-checkboxes:not(:last-child)),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-checkboxes:not(:last-child)),
+.ontario-form-container--gap-16
+	form
+	.ontario-form-container--gap-40
+	form
+	::slotted(ontario-checkboxes:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-checkboxes:last-child),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-checkboxes:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:not(:last-child)),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:not(:last-child)),
+.ontario-form-container--gap-16
+	form
+	.ontario-form-container--gap-40
+	form
+	::slotted(ontario-dropdown-list:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:last-child),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-textarea:not(:last-child)),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-textarea:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-textarea:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-textarea:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-textarea:last-child),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-textarea:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-textarea:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-textarea:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:not(:last-child)),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:not(:last-child)),
+.ontario-form-container--gap-16
+	form
+	.ontario-form-container--gap-40
+	form
+	::slotted(ontario-radio-buttons:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:last-child),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-button:not(:last-child)),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-button:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-button:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-button:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-button:last-child),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-button:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-button:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-button:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-date-input:not(:last-child)),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-date-input:not(:last-child)),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-date-input:not(:last-child)),
+.ontario-form-container--gap-16
+	form
+	.ontario-form-container--gap-40
+	form
+	::slotted(ontario-date-input:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 ::slotted(ontario-date-input:last-child),
+.ontario-form-container--gap-16 .ontario-form-container--gap-40 form ::slotted(ontario-date-input:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 ::slotted(ontario-date-input:last-child),
+.ontario-form-container--gap-16 form .ontario-form-container--gap-40 form ::slotted(ontario-date-input:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+
+.ontario-form-container--gap-40 ::slotted(ontario-input:not(:last-child)),
+.ontario-form-container--gap-40 form ::slotted(ontario-input:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 ::slotted(ontario-checkboxes:not(:last-child)),
+.ontario-form-container--gap-40 form ::slotted(ontario-checkboxes:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 ::slotted(ontario-dropdown-list:not(:last-child)),
+.ontario-form-container--gap-40 form ::slotted(ontario-dropdown-list:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 ::slotted(ontario-textarea:not(:last-child)),
+.ontario-form-container--gap-40 form ::slotted(ontario-textarea:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 ::slotted(ontario-radio-buttons:not(:last-child)),
+.ontario-form-container--gap-40 form ::slotted(ontario-radio-buttons:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 ::slotted(ontario-button:not(:last-child)),
+.ontario-form-container--gap-40 form ::slotted(ontario-button:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 ::slotted(ontario-date-input:not(:last-child)),
+.ontario-form-container--gap-40 form ::slotted(ontario-date-input:not(:last-child)) {
+	margin-bottom: 2.5rem;
+	display: block;
+}
+
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-input:not(:last-child)),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-input:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-input:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-input:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-input:last-child),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-input:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-input:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-input:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-checkboxes:not(:last-child)),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-checkboxes:not(:last-child)),
+.ontario-form-container--gap-40
+	form
+	.ontario-form-container--gap-16
+	form
+	::slotted(ontario-checkboxes:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-checkboxes:last-child),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-checkboxes:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-checkboxes:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:not(:last-child)),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:not(:last-child)),
+.ontario-form-container--gap-40
+	form
+	.ontario-form-container--gap-16
+	form
+	::slotted(ontario-dropdown-list:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:last-child),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-dropdown-list:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-dropdown-list:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-textarea:not(:last-child)),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-textarea:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-textarea:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-textarea:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-textarea:last-child),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-textarea:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-textarea:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-textarea:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:not(:last-child)),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:not(:last-child)),
+.ontario-form-container--gap-40
+	form
+	.ontario-form-container--gap-16
+	form
+	::slotted(ontario-radio-buttons:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:last-child),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-radio-buttons:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-radio-buttons:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-button:not(:last-child)),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-button:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-button:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-button:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-button:last-child),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-button:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-button:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-button:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-date-input:not(:last-child)),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-date-input:not(:last-child)),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-date-input:not(:last-child)),
+.ontario-form-container--gap-40
+	form
+	.ontario-form-container--gap-16
+	form
+	::slotted(ontario-date-input:not(:last-child)) {
+	margin-bottom: 1rem;
+	display: block;
+}
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 ::slotted(ontario-date-input:last-child),
+.ontario-form-container--gap-40 .ontario-form-container--gap-16 form ::slotted(ontario-date-input:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 ::slotted(ontario-date-input:last-child),
+.ontario-form-container--gap-40 form .ontario-form-container--gap-16 form ::slotted(ontario-date-input:last-child) {
+	margin-bottom: 3.5rem;
+	display: block;
+}

package/dist/collection/components/ontario-form-container/ontario-form-container.js

@@ -0,0 +1,72 @@
+import { h } from '@stencil/core';
+import { FormGap } from '../../utils/components/form-container/form-container.interface';
+export class OntarioFormContainer {
+	constructor() {
+		/**
+		 * Defines the gap (bottom margin) between slotted form elements.
+		 * If no gap prop is provided, it will default to 'default'.
+		 */
+		this.gap = 'default';
+	}
+	/**
+	 * Returns the pixel value for the selected gap option.
+	 */
+	getGapValue() {
+		const gapOptions = {
+			default: FormGap.Default,
+			condensed: FormGap.Condensed,
+		};
+		return gapOptions[this.gap] || FormGap.Default;
+	}
+	render() {
+		return h(
+			'div',
+			{ key: 'da315377043521af17170d36a8733d43a9d2143e', class: `ontario-form-container--gap-${this.getGapValue()}` },
+			h('slot', { key: '6fda05795c4588fc4c6b4736aa7544880fa42344' }),
+		);
+	}
+	static get is() {
+		return 'ontario-form-container';
+	}
+	static get encapsulation() {
+		return 'shadow';
+	}
+	static get originalStyleUrls() {
+		return {
+			$: ['ontario-form-container.scss'],
+		};
+	}
+	static get styleUrls() {
+		return {
+			$: ['ontario-form-container.css'],
+		};
+	}
+	static get properties() {
+		return {
+			gap: {
+				type: 'string',
+				attribute: 'gap',
+				mutable: false,
+				complexType: {
+					original: "'default' | 'condensed'",
+					resolved: '"condensed" | "default"',
+					references: {},
+				},
+				required: false,
+				optional: false,
+				docs: {
+					tags: [],
+					text: "Defines the gap (bottom margin) between slotted form elements.\nIf no gap prop is provided, it will default to 'default'.",
+				},
+				getter: false,
+				setter: false,
+				reflect: false,
+				defaultValue: "'default'",
+			},
+		};
+	}
+	static get elementRef() {
+		return 'element';
+	}
+}
+//# sourceMappingURL=ontario-form-container.js.map

package/dist/collection/components/ontario-form-container/ontario-form-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontario-form-container.js","sourceRoot":"","sources":["../../../src/components/ontario-form-container/ontario-form-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,gEAAgE,CAAC;AAOzF,MAAM,OAAO,oBAAoB;IALjC;QAQC;;;WAGG;QACK,QAAG,GAA4B,SAAS,CAAC;KAqBjD;IAnBA;;OAEG;IACK,WAAW;QAClB,MAAM,UAAU,GAA+B;YAC9C,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,SAAS,EAAE,OAAO,CAAC,SAAS;SAC5B,CAAC;QAEF,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC;IAChD,CAAC;IAED,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,+BAA+B,IAAI,CAAC,WAAW,EAAE,EAAE;YAC9D,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Prop } from '@stencil/core';\n\nimport { FormGap } from '../../utils/components/form-container/form-container.interface';\n\n@Component({\n\ttag: 'ontario-form-container',\n\tstyleUrl: 'ontario-form-container.scss',\n\tshadow: true,\n})\nexport class OntarioFormContainer {\n\t@Element() element: HTMLElement;\n\n\t/**\n\t * Defines the gap (bottom margin) between slotted form elements.\n\t * If no gap prop is provided, it will default to 'default'.\n\t */\n\t@Prop() gap: 'default' | 'condensed' = 'default';\n\n\t/**\n\t * Returns the pixel value for the selected gap option.\n\t */\n\tprivate getGapValue(): FormGap {\n\t\tconst gapOptions: { [key: string]: FormGap } = {\n\t\t\tdefault: FormGap.Default,\n\t\t\tcondensed: FormGap.Condensed,\n\t\t};\n\n\t\treturn gapOptions[this.gap] || FormGap.Default;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={`ontario-form-container--gap-${this.getGapValue()}`}>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}