@ongov/ontario-design-system-component-library 7.0.0 → 8.0.0

package/components/ontario-accordion.js

@@ -2,8 +2,8 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
 import { v as validateLanguage } from './p-CqeFgkuV.js';
 import { C as ConsoleMessageClass } from './p-Cdm-Ot0O.js';
 import { t as translations } from './p-BSYYKAjY.js';
-import { d as defineCustomElement$3 } from './p-CzLPM5Zr.js';
-import { d as defineCustomElement$2 } from './p-3K2_vYv5.js';
+import { d as defineCustomElement$3 } from './p-D5zWKgjq.js';
+import { d as defineCustomElement$2 } from './p-ByGkPLVQ.js';
 import { v as v4 } from './p-BF0_OXTe.js';
 
 var AccordionChangeDetailReasons;

package/components/ontario-checkboxes.js

@@ -6,11 +6,11 @@ import { C as ConsoleMessageClass } from './p-Cdm-Ot0O.js';
 import { c as constructHintTextObject } from './p-CIdZS10A.js';
 import { t as translations } from './p-BSYYKAjY.js';
 import { E as ErrorMessage } from './p-CaQwIckD.js';
-import { d as defineCustomElement$6 } from './p-Xw2AmO3N.js';
+import { d as defineCustomElement$6 } from './p-BZiGGSNr.js';
 import { d as defineCustomElement$5 } from './p-BioY_e-X.js';
-import { d as defineCustomElement$4 } from './p-CjrTTnZ6.js';
-import { d as defineCustomElement$3 } from './p-CzLPM5Zr.js';
-import { d as defineCustomElement$2 } from './p-3K2_vYv5.js';
+import { d as defineCustomElement$4 } from './p-DV4hdqqM.js';
+import { d as defineCustomElement$3 } from './p-D5zWKgjq.js';
+import { d as defineCustomElement$2 } from './p-ByGkPLVQ.js';
 
 const ontarioCheckboxesCss =
 	'@charset "UTF-8";h6,.ontario-h6,h5,.ontario-h5,h4,.ontario-h4,h3,.ontario-h3,h2,.ontario-h2,h1>.ontario-label--heading,.ontario-fieldset__legend--large h1,.ontario-fieldset__legend--heading h1,h1,.ontario-h1{font-style:normal;font-weight:700;text-rendering:optimizeLegibility;margin-bottom:1rem;font-feature-settings:normal;font-family:"Raleway Modified", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}h1>.ontario-label--heading,.ontario-fieldset__legend--large h1,.ontario-fieldset__legend--heading h1,h1,.ontario-h1{font-size:2rem;letter-spacing:0.04rem;line-height:1.29;margin:2.5rem 0 1.5rem 0;max-width:70rem}@media screen and (min-width: 40em){h1>.ontario-label--heading,.ontario-fieldset__legend--large h1,.ontario-fieldset__legend--heading h1,h1,.ontario-h1{font-size:2.5rem;letter-spacing:0.04rem;line-height:1.2}}h2,.ontario-h2{font-size:1.6875rem;letter-spacing:0.03rem;line-height:1.37;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h2,.ontario-h2{font-size:2.0625rem;letter-spacing:0.02rem;line-height:1.33}}h3,.ontario-h3{font-size:1.4375rem;letter-spacing:0.02rem;line-height:1.39;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h3,.ontario-h3{font-size:1.75rem;letter-spacing:0.02rem;line-height:1.43}}h4,.ontario-h4{font-size:1.25rem;letter-spacing:0.03rem;line-height:1.5;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h4,.ontario-h4{font-size:1.5rem;letter-spacing:0.0313rem;line-height:1.5}}h5,.ontario-h5{font-size:1.125rem;letter-spacing:0.03rem;line-height:1.56;margin:0 0 0.75rem 0;max-width:48rem}@media screen and (min-width: 40em){h5,.ontario-h5{font-size:1.1875rem;letter-spacing:0.025rem;line-height:1.5}}h6,.ontario-h6{font-size:1rem;line-height:1.56;letter-spacing:0.03rem;max-width:48rem;margin:0 0 0.75rem 0}@media screen and (min-width: 40em){h6,.ontario-h6{font-size:1rem;letter-spacing:0.025rem;line-height:1.5}}.ontario-lead-statement{font-size:1.25rem;line-height:1.6;max-width:70rem}@media screen and (min-width: 40em){.ontario-lead-statement{font-size:1.375rem}}html{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem}body{font-size:1rem;line-height:1.6;background-color:#FFFFFF;color:rgb(25.5, 25.5, 25.5);margin:0}p{font-size:inherit;margin-bottom:1.25rem;text-rendering:optimizeLegibility;margin:0 0 1.5rem 0}cite{font-style:italic;line-height:inherit}strong{font-weight:700;line-height:inherit}*,*::before,*::after{box-sizing:inherit}main p,main p:not(.ontario-lead-statement),main dd,main li{max-width:48rem}hr{border:0;padding:0;margin:2.5rem 0;border-bottom:4px solid #cccccc}hr.ontario-hr--dark{border-bottom:4px solid rgb(25.5, 25.5, 25.5)}a{color:#0066CC;text-decoration:underline}a:visited{color:#551A8B}a:hover{color:#00478F}a:active{color:#002142}a:focus{-moz-box-shadow:0 0 0 4px #009ADB;-webkit-box-shadow:0 0 0 4px #009ADB;box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:all 0.1s ease-in-out}​p{margin:0 0 1.5rem 0}​p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6,ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:2rem}p code,td code,li code{line-height:2.25rem}input[type=text],input[type=number],input[type=email],input[type=date],input[type=color],input[type=search],input[type=tel],textarea{background-origin:initial;height:auto;-webkit-appearance:none;-moz-appearance:none}input[type=checkbox]+label,input[type=radio]+label{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400;margin-left:0;margin-right:0}fieldset{border:0;margin:0;padding:0;page-break-inside:avoid}legend,label{display:block;margin:0}select{background-origin:initial;height:auto;-webkit-appearance:none;-moz-appearance:none}ul,ol{padding:0}ul{margin-left:2rem}ul li{padding:0 0 0.75rem 0}ol{margin-left:1.75rem}ol li{padding:0 0 0.75rem 0.25rem}ul li:last-child,ol li:last-child{padding-bottom:0}ul[class*=columns-] li:last-child,ol[class*=columns-] li:last-child{padding-bottom:0.75rem}ul ul,ol ul{margin:0.5rem 0 0.5rem 2rem}ul ol,ol ol{margin:0.5rem 0 0.5rem 1.75rem}p+ul,p+ol{margin-top:-0.75rem}@media screen and (min-width: 40em){ul{margin:0.5rem 0 1.5rem 3rem}ol{margin:0.5rem 0 1.5rem 2.75rem}ul ul,ol ul{margin:0.5rem 0 0.5rem 3rem}ul ol,ol ol{margin:0.5rem 0 0.5rem 2.75rem}}.ontario-hide{display:none !important}.ontario-invisible{visibility:hidden !important}@media screen and (max-width: 39.99875em){.ontario-hide-for-small-only{display:none !important}}@media screen and (max-width: 0em), screen and (min-width: 40em){.ontario-show-for-small-only{display:none !important}}@media print, screen and (min-width: 40em){.ontario-hide-for-medium{display:none !important}}@media screen and (max-width: 39.99875em){.ontario-show-for-medium{display:none !important}}@media screen and (min-width: 40em) and (max-width: 72.99875em){.ontario-hide-for-medium-only{display:none !important}}@media screen and (max-width: 39.99875em), screen and (min-width: 73em){.ontario-show-for-medium-only{display:none !important}}@media print, screen and (min-width: 73em){.ontario-hide-for-large{display:none !important}}@media screen and (max-width: 72.99875em){.ontario-show-for-large{display:none !important}}@media screen and (min-width: 73em) and (max-width: 95.99875em){.ontario-hide-for-large-only{display:none !important}}@media screen and (max-width: 72.99875em), screen and (min-width: 96em){.ontario-show-for-large-only{display:none !important}}.ontario-show-for-sr,.ontario-show-on-focus{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.ontario-show-on-focus:active,.ontario-show-on-focus:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto}.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}@media screen and (orientation: landscape){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:block !important}}@media screen and (orientation: portrait){.ontario-show-for-landscape,.ontario-hide-for-portrait{display:none !important}}.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}@media screen and (orientation: landscape){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:none !important}}@media screen and (orientation: portrait){.ontario-hide-for-landscape,.ontario-show-for-portrait{display:block !important}}.ontario-fieldset__legend{color:rgb(25.5, 25.5, 25.5);font-family:"Raleway Modified", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.1875rem;font-weight:700;margin:0 0 1rem 0;line-height:1.5;max-width:38.75em;white-space:normal;width:100%;hyphens:auto}@media screen and (max-width: 40em){.ontario-fieldset__legend{font-size:1.125rem;line-height:1.56}}.ontario-fieldset__legend--large,.ontario-fieldset__legend--heading{letter-spacing:0.02rem;line-height:1.2}.ontario-fieldset__legend--large h1,.ontario-fieldset__legend--heading h1{display:inline-block;margin:0}@media screen and (max-width: 40em){.ontario-fieldset__legend--large,.ontario-fieldset__legend--heading{font-size:1.4375rem;line-height:1.39}}.ontario-fieldset__legend--large{font-size:1.75rem}.ontario-fieldset__legend-required-flag,.ontario-fieldset__legend-optional-flag{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400}.ontario-fieldset__legend-required-flag:before,.ontario-fieldset__legend-optional-flag:before{content:" "}.ontario-label{cursor:pointer;color:rgb(25.5, 25.5, 25.5);font-family:"Raleway Modified", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.1875rem;font-weight:700;line-height:1.5;margin:0 0 1rem 0;max-width:38.75em;white-space:normal;width:100%;hyphens:auto}@media screen and (max-width: 40em){.ontario-label{font-size:1.125rem;line-height:1.56}}.ontario-label--large{font-size:1.75rem;letter-spacing:0.02rem;line-height:1.2;max-width:26.25em}@media screen and (max-width: 40em){.ontario-label--large{font-size:1.4375rem;line-height:1.39}}h1>.ontario-label--heading{display:inline-block;margin:0}.ontario-label__flag{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1rem;font-weight:400}.ontario-label__flag:before{content:" "}.ontario-input:focus,.ontario-input:active{box-shadow:0 0 0 4px #009ADB;outline:4px solid transparent;transition:box-shadow 0.1s ease-in-out}.ontario-input{border:2px solid rgb(25.5, 25.5, 25.5);border-radius:4px;box-sizing:border-box;color:rgb(25.5, 25.5, 25.5);display:block;font-size:1rem;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5;margin:0;max-width:48rem;width:100%;padding:0.625rem 1rem;transition:box-shadow 0.1s ease-in-out}.ontario-input--2-char-width{max-width:8ex}.ontario-input--3-char-width{max-width:10ex}.ontario-input--4-char-width{max-width:12ex}.ontario-input--5-char-width{max-width:14ex}.ontario-input--7-char-width{max-width:17ex}.ontario-input--10-char-width{max-width:23ex}.ontario-input--20-char-width{max-width:41ex}.ontario-error-messaging{display:flex;align-items:flex-start;margin:-0.25rem 0 0.5rem 0;color:#D81A21;max-width:48rem}.ontario-error-messaging__content{margin-left:0.5rem;margin-top:0.125rem}.ontario-input__error{border-color:#D81A21 !important}.ontario-error__hidden{display:none}:host{--checkbox-bg:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M0 2.667C0 1.194 1.194 0 2.667 0h18.667C22.806 0 24 1.194 24 2.667v18.667C24 22.806 22.806 24 21.333 24H2.667C1.194 24 0 22.806 0 21.333V2.667z\' fill=\'%231a1a1a\'/%3E%3Cpath d=\'M2.667 12.616l6.667 6.718 12-12.092-1.88-1.908L9.333 15.53l-4.787-4.8-1.88 1.894z\' fill=\'%23fff\'/%3E%3C/svg%3E")}.ontario-checkboxes{max-width:48rem}.ontario-checkboxes__item{position:relative;margin:0 0 1rem;padding:0 0 0 2rem;min-height:1.75rem;box-sizing:content-box}.ontario-checkboxes__item:last-of-type{margin:0}.ontario-checkboxes__item .ontario-checkboxes__hint-expander{margin:0.75rem 0 0 0.75rem}@media screen and (max-width: 40em){.ontario-checkboxes__item .ontario-checkboxes__hint-expander{margin-top:1rem}}@media screen and (max-width: 40em){.ontario-checkboxes__item{padding:0 0 0 2.5rem;min-height:2rem}}.ontario-checkboxes__input{cursor:pointer;margin:0;position:absolute;top:-0.125rem;left:-0.125rem;opacity:0;width:36px;height:36px;z-index:0;-webkit-tap-highlight-color:transparent}@media screen and (max-width: 40em){.ontario-checkboxes__input{width:40px;height:40px}}.ontario-checkboxes__label{display:inline-block;cursor:pointer;line-height:1.5;margin:0.25rem 0;padding:0 1rem;width:auto;white-space:normal}@media screen and (max-width: 40em){.ontario-checkboxes__label{margin:0.33rem 0}}.ontario-checkboxes__label:before{content:"";border:0.125rem solid rgb(25.5, 25.5, 25.5);border-radius:4px;position:absolute;top:0;left:0;width:2rem;height:2rem;transition:border 0.1s ease-in-out;display:block}@media screen and (min-width: 40em){.ontario-checkboxes__label:before{width:1.75rem;height:1.75rem}}.ontario-checkboxes__label:after{content:"";background-image:var(--checkbox-bg);background-repeat:no-repeat;height:1.875rem;width:1.875rem;position:absolute;top:0.0625rem;left:0.0625rem;right:0;bottom:0;opacity:0;display:block}@media screen and (max-width: 40em){.ontario-checkboxes__label:after{height:2.125rem;width:2.125rem}}.ontario-checkboxes__input:focus+.ontario-checkboxes__label:before{-moz-box-shadow:0 0 0 0.25rem #009ADB;-webkit-box-shadow:0 0 0 0.25rem #009ADB;box-shadow:0 0 0 0.25rem #009ADB;outline:0.25rem solid transparent;transition:all 0.1s ease-in-out}.ontario-checkboxes__input:checked+.ontario-checkboxes__label:after{opacity:1}.ontario-checkboxes__input:checked+.ontario-checkboxes__label:before{background-color:rgb(25.5, 25.5, 25.5)}.ontario-checkboxes__hint-expander{margin:0.75rem 0 0 0}@media screen and (max-width: 40em){.ontario-checkboxes__hint-expander{margin-top:1rem}}';

package/components/ontario-date-input.js

@@ -6,7 +6,7 @@ import { i as isEmpty, a as isNumber } from './p-C17BVvsq.js';
 import { E as ErrorMessage } from './p-CaQwIckD.js';
 import { C as ConsoleMessageClass, a as ConsoleType } from './p-Cdm-Ot0O.js';
 import { e as emitEvent, I as InputCaption } from './p-CeFeBwzQ.js';
-import { d as defineCustomElement$2 } from './p-CjrTTnZ6.js';
+import { d as defineCustomElement$2 } from './p-DV4hdqqM.js';
 import { v as v4 } from './p-BF0_OXTe.js';
 
 const Input = ({

package/components/ontario-dropdown-list.js

@@ -7,11 +7,11 @@ import { g as getImageAssetSrcPath } from './p-BxXM4eur.js';
 import { c as constructHintTextObject } from './p-CIdZS10A.js';
 import { t as translations } from './p-BSYYKAjY.js';
 import { E as ErrorMessage } from './p-CaQwIckD.js';
-import { d as defineCustomElement$6 } from './p-Xw2AmO3N.js';
+import { d as defineCustomElement$6 } from './p-BZiGGSNr.js';
 import { d as defineCustomElement$5 } from './p-BioY_e-X.js';
-import { d as defineCustomElement$4 } from './p-CjrTTnZ6.js';
-import { d as defineCustomElement$3 } from './p-CzLPM5Zr.js';
-import { d as defineCustomElement$2 } from './p-3K2_vYv5.js';
+import { d as defineCustomElement$4 } from './p-DV4hdqqM.js';
+import { d as defineCustomElement$3 } from './p-D5zWKgjq.js';
+import { d as defineCustomElement$2 } from './p-ByGkPLVQ.js';
 import { v as v4 } from './p-BF0_OXTe.js';
 
 const ontarioDropdownListCss =

package/components/ontario-header.js

@@ -210,29 +210,26 @@ const OntarioHeader$1 = /*@__PURE__*/ proxyCustomElement(
 			 */
 			this.type = 'application';
 			/**
-			 * Option to disable fetching of the dynamic menu from the Ontario Header API
+			 * Option to disable fetching of the dynamic menu from the Ontario Header API.
+			 *
+			 * When set to true, the static `menuItems` prop will be used instead of fetching from the API.
+			 * When set to false (default), menu items are fetched dynamically from the Ontario Header API endpoint.
+			 *
+			 * This property only applies to the 'ontario' header type. The 'application' and 'serviceOntario' types always use static menu items.
+			 *
+			 * @default false
 			 *
 			 * @example
 			 * 	<ontario-header
-			 * 			type="ontario"
-			 * 			disable-dynamic-menu="false"
-			 *			menu-items='[{
-			 *				"title": "Hint",
-			 *				"href": "/ontario-hint"
-			 *				"linkIsActive": "false"
-			 *			},{
-			 *				"title": "Hint",
-			 *				"href": "/ontario-hint"
-			 *				"linkIsActive": "false"
-			 *			},{
-			 *				"title": "Hint",
-			 *				"href": "/ontario-hint"
-			 *				"linkIsActive": "false"
-			 *			},{
-			 *				"title": "Hint",
-			 *				"href": "/ontario-hint"
-			 *				"linkIsActive": "false"
-			 *			}]'>
+			 * 		type="ontario"
+			 * 		disable-dynamic-menu="true"
+			 * 		menu-items='[{
+			 * 			"title": "Home",
+			 * 			"href": "/"
+			 * 		},{
+			 * 			"title": "About",
+			 * 			"href": "/about"
+			 * 		}]'>
 			 *	</ontario-header>
 			 */
 			this.disableDynamicMenu = false;
@@ -451,6 +448,17 @@ const OntarioHeader$1 = /*@__PURE__*/ proxyCustomElement(
 				}; // fallback on error
 			}
 		}
+		/**
+		 * Watch for changes to the disableDynamicMenu prop to reset the fetch state.
+		 * This allows the menu to be fetched again if the prop is changed after initial load.
+		 */
+		handleDisableDynamicMenuChange(newValue) {
+			// Only reset the dynamic menu flag if disableDynamicMenu is being changed to false (re-enabling)
+			// This allows the fetch to happen again when the user toggles dynamic menu back on
+			if (newValue === false) {
+				this.isDynamicMenu = false;
+			}
+		}
 		handleKeyDown(event) {
 			// Handle Tab from menu button -> ask menu to take focus
 			if (event.key === 'Tab' && !event.shiftKey) {
@@ -1131,6 +1139,7 @@ const OntarioHeader$1 = /*@__PURE__*/ proxyCustomElement(
 				menuItems: ['parseMenuItems'],
 				signInMenuItems: ['parseSignInMenuItems'],
 				languageToggleOptions: ['parseLanguage'],
+				disableDynamicMenu: ['handleDisableDynamicMenuChange'],
 			};
 		}
 		static get style() {
@@ -1180,6 +1189,7 @@ const OntarioHeader$1 = /*@__PURE__*/ proxyCustomElement(
 			menuItems: ['parseMenuItems'],
 			signInMenuItems: ['parseSignInMenuItems'],
 			languageToggleOptions: ['parseLanguage'],
+			disableDynamicMenu: ['handleDisableDynamicMenuChange'],
 		},
 	],
 );