@qld-gov-au/qgds-bootstrap5 1.0.13 → 1.0.14

package/dist/sample-data/button/button.data.json

@@ -3,7 +3,8 @@
 	"islink": true,
 	"isdisabled": false,
 	"iconClass": "fa-solid fa-arrow-up-right-from-square",
-	"href": "https://google.com",
+	"iconPosition": "leading",
 	"label": "Call to action",
+	"href": "https://google.com",
 	"target": "_blank"
 }

package/dist/sample-data/header/header.data.json

@@ -4,7 +4,8 @@
         "icons": {
             "menu-icon": "qld__icon__mobile-menu",
             "search-icon": "qld__icon__search",
-            "close-icon": "qld__icon__close"
+            "close-icon": "qld__icon__close",
+            "chevron_down": "qld__icon__chevron-down"
         },
         "sitePreHeader": {
             "url": {
@@ -19,9 +20,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "For Queenslanders"
                     },
@@ -77,9 +75,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "Business and Industry"
                     },
@@ -135,9 +130,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "Login"
                     },
@@ -194,7 +186,8 @@
         "icons": {
             "menu-icon": "qld__icon__mobile-menu",
             "search-icon": "qld__icon__search",
-            "close-icon": "qld__icon__close"
+            "close-icon": "qld__icon__close",
+            "chevron_down": "qld__icon__chevron-down"
         },
         "sitePreHeader": {
             "url": {
@@ -203,48 +196,134 @@
             "text": {
                 "value": "Queensland Government websites"
             },
-            "mainNavCtaOne": {
-                "value": "#",
-                "icon": {
-                    "value": "#"
-                },
-                "text": {
-                    "value": "List 1"
-                },
-                "dropdown_enabled": true,
-                "dropdown_options": {
-                    "dropdown_type": "list"
-                }
-            },
-            "mainNavCtaTwo": {
-                "value": "#",
-                "icon": {
-                    "value": "#"
-                },
-                "text": {
-                    "value": "List 2"
-                },
-                "dropdown_enabled": true,
-                "dropdown_options": {
-                    "dropdown_type": "list"
-                }
-            },
-            "mainNavCtaThree": {
-                "value": "#",
-                "icon": {
-                    "value": "ctaIcon"
+            "CTA": [
+                {
+                    "id": "CTAone",
+                    "url": {
+                        "value": "#"
+                    },
+                    "text": {
+                        "value": "For Queenslanders"
+                    },
+                    "dropdown_enabled": true,
+                    "dropdown_options": {
+                        "dropdown_type": "list",
+                        "view_more_label": "Browse all information and services",
+                        "view_more_url": "https://www.qld.gov.au/queenslanders",
+                        "dropdown_config": {
+                            "groups": [
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Transport and motoring"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Employment and jobs"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Education and training"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Queensland and its government"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Health and wellbeing"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Community support"
+                                }
+                            ],
+                            "view_more": true,
+                            "view_more_options": {
+                                "url": "#",
+                                "label": "View more",
+                                "target": "_blank"
+                            }
+                        }
+                    }
                 },
-                "text": {
-                    "value": "Login"
+                {
+                    "id": "CTAtwo",
+                    "url": {
+                        "value": "#"
+                    },
+                    "text": {
+                        "value": "Business and Industry"
+                    },
+                    "dropdown_enabled": true,
+                    "dropdown_options": {
+                        "dropdown_type": "list",
+                        "view_more_label": "All categories",
+                        "view_more_url": "https://www.business.qld.gov.au/",
+                        "dropdown_config": {
+                            "groups": [
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Starting a business"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Running a business"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Employing people"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Payroll tax"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Industries"
+                                },
+                                {
+                                    "action": "_blank",
+                                    "url": "#",
+                                    "label": "Investing in Queensland"
+                                }
+                            ],
+                            "view_more": true,
+                            "view_more_options": {
+                                "url": "#",
+                                "label": "View more",
+                                "target": "_blank"
+                            }
+                        }
+                    }
                 },
-                "dropdown_enabled": true,
-                "dropdown_options": {
-                    "dropdown_type": "form",
-                    "dropdown_config": {
-                        "content": "<div></div>"
+                {
+                    "id": "CTAthree",
+                    "url": {
+                        "value": "#"
+                    },
+                    "text": {
+                        "value": "Login"
+                    },
+                    "dropdown_enabled": true,
+                    "dropdown_options": {
+                        "dropdown_type": "form",
+                        "dropdown_config": {
+                            "content": "<div></div>"
+                        }
                     }
                 }
-            }
+            ]
         },
         "siteHeader": {
             "config": {
@@ -274,9 +353,7 @@
             "placeholder": "Placeholder",
             "label": "Label",
             "formAction": {
-                "url": "https://www.forgov.qld.gov.au/search",
-                "suggestions": "https://discover.search.qld.gov.au/s/suggest.json",
-                "results": "https://discover.search.qld.gov.au/s/search.json"
+                "url": "https://www.forgov.qld.gov.au/search"
             },
             "options": {
                 "borderStyle": {
@@ -290,7 +367,8 @@
         "icons": {
             "menu-icon": "qld__icon__mobile-menu",
             "search-icon": "qld__icon__search",
-            "close-icon": "qld__icon__close"
+            "close-icon": "qld__icon__close",
+            "chevron_down": "qld__icon__chevron-down"
         },
         "sitePreHeader": {
             "url": {
@@ -305,9 +383,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "For Queenslanders"
                     },
@@ -363,9 +438,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "Business and Industry"
                     },
@@ -421,9 +493,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "Login"
                     },
@@ -464,9 +533,7 @@
             "placeholder": "",
             "label": "",
             "formAction": {
-                "url": "https://www.forgov.qld.gov.au/search",
-                "suggestions": "https://discover.search.qld.gov.au/s/suggest.json",
-                "results": "https://discover.search.qld.gov.au/s/search.json"
+                "url": "https://www.forgov.qld.gov.au/search"
             },
             "options": {
                 "borderStyle": {
@@ -480,7 +547,8 @@
         "icons": {
             "menu-icon": "qld__icon__mobile-menu",
             "search-icon": "qld__icon__search",
-            "close-icon": "qld__icon__close"
+            "close-icon": "qld__icon__close",
+            "chevron_down": "qld__icon__chevron-down"
         },
         "sitePreHeader": {
             "url": {
@@ -495,9 +563,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "For Queenslanders"
                     },
@@ -553,9 +618,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "Business and Industry"
                     },
@@ -611,9 +673,6 @@
                     "url": {
                         "value": "#"
                     },
-                    "icon": {
-                        "value": "ctaIcon"
-                    },
                     "text": {
                         "value": "Login"
                     },

package/dist/sample-data/navbar/navbar.data.json

@@ -96,42 +96,42 @@
                 "navigation_items": [
                     {
                         "title": "Visiting someone in hospital",
-                        "description1": "One of the best motivations for quitting is having a clear reason in mind so you know exactly why you’re doing it in the first place.",
+                        "description": "One of the best motivations for quitting is having a clear reason in mind so you know exactly why you’re doing it in the first place.",
                         "target_url": "index.html"
                     },
                     {
                         "title": "Aboriginal and Torres Strait Islander support",
-                        "description1": "Be encouraged and motivated by listening to stories of others who've quit smoking for life.",
+                        "description": "Be encouraged and motivated by listening to stories of others who've quit smoking for life.",
                         "target_url": "index.html"
                     },
                     {
                         "title": "Your healthcare rights and responsibilities",
-                        "description1": "Vaping products are also known as e-cigarettes, e-cigars, vape pens or personal vapourisers. Vapes are harmful. The safest option is to not vape at all.",
+                        "description": "Vaping products are also known as e-cigarettes, e-cigars, vape pens or personal vapourisers. Vapes are harmful. The safest option is to not vape at all.",
                         "target_url": "index.html"
                     },
                     {
                         "title": "Going to hospital",
-                        "description1": "There are plenty of ways to quit smoking cigarettes and vapes. Find one that suits you best and commit to it.",
+                        "description": "There are plenty of ways to quit smoking cigarettes and vapes. Find one that suits you best and commit to it.",
                         "target_url": "index.html"
                     },
                     {
                         "title": "Interpreter services",
-                        "description1": "Whether you’re thinking about getting pregnant, you're pregnant or have recently given birth, quitting smoking or vaping is the best thing you can do for the health of  you and your baby.",
+                        "description": "Whether you’re thinking about getting pregnant, you're pregnant or have recently given birth, quitting smoking or vaping is the best thing you can do for the health of  you and your baby.",
                         "target_url": "index.html"
                     },
                     {
                         "title": "Health costs, insurance and financial support",
-                        "description1": "Sign up for My Quit Journey to support you to stop smoking.",
+                        "description": "Sign up for My Quit Journey to support you to stop smoking.",
                         "target_url": "index.html"
                     },
                     {
                         "title": "Leaving hospital",
-                        "description1": "Congratulations on taking the first step in your journey and deciding to make one of the best choices of your life.",
+                        "description": "Congratulations on taking the first step in your journey and deciding to make one of the best choices of your life.",
                         "target_url": "index.html"
                     },
                     {
                         "title": "Your health record",
-                        "description1": "Congratulations on taking the first step in your journey and deciding to make one of the best choices of your life.",
+                        "description": "Congratulations on taking the first step in your journey and deciding to make one of the best choices of your life.",
                         "target_url": "index.html"
                     }
                 ]

package/dist/sample-data/quickexit/quickexit.data.json

@@ -1,3 +1,10 @@
 {
-	
+    "hasIconInfo": true,
+    "hasTooltip": true,
+	"exitMessage": "Select 'Close<span class='very-small-mobile'> this site</span>'<span class='not-mobile'> or press 'ESC' on your keyboard</span> to go to google.com.au.",
+    "exitMessageLinkText": "View more tips to browse safely online.",
+    "quickExitButtonText": "Close<span class='very-small-mobile'> this site</span>",
+    "qldTooltipPrompt": "What is this?",
+    "browseSafelyOnlineURL": "https://www.qld.gov.au/help/tips-to-browse-safely-online",
+    "qldTooltipContent": "To leave this site quickly, click the 'Close this site' button or press 'ESC' on your keyboard. You will be taken to google.com.au."
 }

package/dist/sample-data/searchInput/searchInput.data.json

@@ -7,5 +7,14 @@
 	"buttonID": "search-button",
 	"buttonType": "submit",
 	"buttonLabel": "Search",
-	"ariaLabel": "Search website"
+	"ariaLabel": "Search website",
+	"suggestions": true,
+	"tags": {
+		"collection": "qgov~sp-search",
+		"profile": "qld",
+		"numranks": "10",
+		"tiers": "off",
+		"suggestions": "https://discover.search.qld.gov.au/s/suggest.json",
+		"results-url": "https://discover.search.qld.gov.au/s/search.json"
+	}
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@qld-gov-au/qgds-bootstrap5",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "",
   "repository": {
     "type": "git",
-    "url": "https://github.com/qld-gov-au/qgds-qol-mvp"
+    "url": "https://github.com/qld-gov-au/qgds-bootstrap5"
   },
   "main": "index.js",
   "scripts": {
@@ -39,34 +39,35 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.5.2",
     "bootstrap": "^5.3.1",
-    "material-symbols": "^0.19.0"
+    "material-symbols": "^0.20.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
     "@qld-gov-au/qgds-tokens": "^1.2.0",
-    "@storybook/addon-essentials": "^8.1.5",
-    "@storybook/addon-interactions": "^8.1.5",
-    "@storybook/addon-links": "^8.1.5",
-    "@storybook/addon-mdx-gfm": "^8.1.5",
-    "@storybook/addon-themes": "^8.1.5",
+    "@storybook/addon-a11y": "^8.1.6",
+    "@storybook/addon-essentials": "^8.1.6",
+    "@storybook/addon-interactions": "^8.1.6",
+    "@storybook/addon-links": "^8.1.6",
+    "@storybook/addon-mdx-gfm": "^8.1.6",
+    "@storybook/addon-themes": "^8.1.6",
     "@storybook/blocks": "^8.1.2",
-    "@storybook/cli": "^8.1.5",
-    "@storybook/html": "^8.1.5",
-    "@storybook/html-vite": "^8.1.5",
-    "@storybook/manager-api": "^8.1.5",
+    "@storybook/cli": "^8.1.6",
+    "@storybook/html": "^8.1.6",
+    "@storybook/html-vite": "^8.1.6",
+    "@storybook/manager-api": "^8.1.6",
     "@storybook/test": "^8.1.2",
     "@storybook/theming": "^8.1.5",
     "@stylistic/eslint-plugin-js": "2.1.0",
-    "@vitejs/plugin-vue": "5.0.4",
+    "@vitejs/plugin-vue": "5.0.5",
     "@whitespace/storybook-addon-html": "^6.1.1",
     "autoprefixer": "^10.4.15",
     "chalk": "^5.3.0",
-    "chromatic": "^11.4.1",
+    "chromatic": "^11.5.3",
     "esbuild": "0.21.4",
     "esbuild-plugin-copy": "^2.1.1",
     "esbuild-plugin-eslint": "^0.3.7",
     "esbuild-plugin-handlebars": "1.0.3",
-    "esbuild-sass-plugin": "3.3.0",
+    "esbuild-sass-plugin": "3.3.1",
     "eslint": "8.57.0",
     "eslint-plugin-json": "^3.1.0",
     "eslint-plugin-storybook": "^0.8.0",
@@ -76,12 +77,12 @@
     "npm-run-all2": "^6.1.2",
     "onchange": "^7.1.0",
     "postcss": "^8.4.29",
-    "prettier": "3.2.5",
+    "prettier": "3.3.1",
     "raw-loader": "^4.0.2",
     "rimraf": "^5.0.7",
-    "sass": "^1.77.3",
-    "storybook": "^8.1.5",
-    "vite": "^5.2.12",
+    "sass": "^1.77.4",
+    "storybook": "^8.1.6",
+    "vite": "^5.2.13",
     "watch": "^1.0.2"
   },
   "peerDependencies": {

package/src/components/bs5/breadcrumbs/breadcrumb.functions.js

@@ -1,37 +1,66 @@
+/**
+ * Initialise the Breadcrumb component.
+ * Shorten long breadcrumbs when required.
+ *
+ * @memberof module:Breadcrumb
+ *
+ * @returns {void} Returns early when breadcrumb does not exist or its length is within set maxLength. 
+ */
+export function initBreadcrumb() {
+  // Set the standard breadcrumb length.
+  const maxLength = 4;
+
+  // Get the breadcrumb DOM element.
+  const breadcrumb = document.querySelector('.breadcrumb');
+  if (!breadcrumb) {
+    return;
+  }
+  const breadcrumbList = breadcrumb.querySelectorAll('.breadcrumb-item');
+
+  // Return when breadcrumb does not exist.
+  if (!breadcrumbList || !breadcrumbList.length) {
+    return;
+  }
+  // Shorten breadcrumb.
+  breadcrumbShorten(breadcrumbList, maxLength);
+}
+
 /**
  * Shorten long breadcrumb lists
  *
  * @memberof module:Breadcrumb
  *
- * @param  {Object}  event - The event that triggered this function.
- * @returns {void}
+ * @param  {Element} breadcrumbList - Breadcrumb DOM element.
+ * @param  {number} maxLength - Standard maximum length for breadcrumb.
+ * @returns {void} Returns early when breadcrumb does not exist or its length is within set maxLength.
  */
-export function breadcrumbShorten () {
-  let breadcrumbList = document.querySelector('.breadcrumb').querySelectorAll('.breadcrumb-item')
-
-  if (breadcrumbList.length > 4) {
-    breadcrumbList.forEach((crumb, index) => {
-      if (index > 1 && index < breadcrumbList.length - 2) {
-        crumb.classList.add('shortened')
-        crumb.querySelector('a').setAttribute('tabindex',-1)
-      }
-
-      if (index === 1) {
-        let expandCrumb = document.createElement('li'),
-          expandButton = document.createElement('a')
-
-        expandCrumb.classList.add('breadcrumb-item','breadcrumb-toggle')
-
-        expandButton.setAttribute('href', 'javascript:void(0)')
-        expandButton.setAttribute('aria-label', 'Expand the breadcrumbs')
-        expandButton.textContent = '[...]'
-        expandButton.addEventListener('click', breadcrumbExpand)
-
-        expandCrumb.appendChild(expandButton)
-        crumb.after(expandCrumb)
-      }
-    })
+export function breadcrumbShorten(breadcrumbList, maxLength = 4) {
+  // No shortening is required when breadcrumb does not exist or its length is within the maximum range.
+  if (!breadcrumbList || breadcrumbList.length <= maxLength) {
+    return;
   }
+
+  breadcrumbList.forEach((crumb, index) => {
+    if (index > 1 && index < breadcrumbList.length - 2) {
+      crumb.classList.add('shortened')
+      crumb.querySelector('a').setAttribute('tabindex',-1)
+    }
+
+    if (index === 1) {
+      let expandCrumb = document.createElement('li'),
+        expandButton = document.createElement('a')
+
+      expandCrumb.classList.add('breadcrumb-item','breadcrumb-toggle')
+
+      expandButton.setAttribute('href', 'javascript:void(0)')
+      expandButton.setAttribute('aria-label', 'Expand the breadcrumbs')
+      expandButton.textContent = '[...]'
+      expandButton.addEventListener('click', breadcrumbExpand)
+
+      expandCrumb.appendChild(expandButton)
+      crumb.after(expandCrumb)
+    }
+  })
 }
 
 /**
@@ -39,12 +68,22 @@ export function breadcrumbShorten () {
  *
  * @memberof module:Breadcrumb
  *
- * @param  {Object}  event - The event that triggered this function.
- * @returns {void}
+ * @param  {Event} event - The event that triggered this function.
+ * @returns {void} Returns early when the breadcrumb does not exist or is empty.
  */
-export function breadcrumbExpand () {
-  let breadcrumbList = document.querySelector('.breadcrumb').querySelectorAll('.breadcrumb-item')
+export function breadcrumbExpand(event) {
+  const breadcrumb = event.target.closest('.breadcrumb');
+  if (!breadcrumb) {
+    console.log('breadcrumbExpand: Breadcrumb does not exist.');
+    return;
+  }
+  const breadcrumbList = breadcrumb.querySelectorAll('.breadcrumb-item');
 
+  if (!breadcrumbList || !breadcrumbList.length) {
+    console.log('breadcrumbExpand: Breadcrumb does not exist or is empty.');
+    return;
+  }
+  
   breadcrumbList[0].parentElement.classList.add('expanded')
 
   breadcrumbList.forEach((crumb, index) => {
@@ -53,4 +92,4 @@ export function breadcrumbExpand () {
       crumb.querySelector('a').setAttribute('tabindex', 0)
     }
   })
-}
+}

package/src/components/bs5/breadcrumbs/breadcrumbs.hbs

@@ -9,7 +9,7 @@
             {{/unless}}
             {{! print the current page as plain text}}
             {{#if @last}}
-            <li class="breadcrumb-item active" aria-current="page">{{linktext}}</li>
+            <li class="breadcrumb-item active" aria-current="page" data-href="{{link}}">{{linktext}}</li>
             {{/if}}
         {{/each}}
     </ol>

package/src/components/bs5/button/button.data.json

@@ -3,7 +3,8 @@
 	"islink": true,
 	"isdisabled": false,
 	"iconClass": "fa-solid fa-arrow-up-right-from-square",
-	"href": "https://google.com",
+	"iconPosition": "leading",
 	"label": "Call to action",
+	"href": "https://google.com",
 	"target": "_blank"
 }