@qld-gov-au/qgds-bootstrap5 1.0.21 → 1.1.1

package/dist/components/bs5/head/head.hbs

@@ -1,5 +1,5 @@
 
-<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.0.21","branch":"HEAD","tag":"v1.0.21","commit":"39655bfaa3d892215b3db1717c78680e0d6024b7","datetime":"2024-07-01T01:51:11Z","majorVersion":"v1"} -->
+<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.1","branch":"HEAD","tag":"v1.1.1","commit":"cd62937f216537a65d6ecb3c72883fbd28464acc","majorVersion":"v1"} -->
 
 {{! Select environment, used verbatium if not using predefind key
 cdn := PROD|STAGING|BETA|TEST|DEV|???

package/dist/components/bs5/metaDcTerms/metaDcTerms.hbs

@@ -1,5 +1,7 @@
 <!-- DCTERMS https://www.dublincore.org/specifications/dublin-core/dcmi-terms/-->
 {{#if dcTerms}}
+<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
+<link rel="schema.AGLSTERMS" href="https://agls.gov.au/documents/aglsterms/" />
 <meta name="DCTERMS.title" content="{{ title }}">
 <meta name="DCTERMS.publisher" scheme="AGLSTERMS.AglsAgent" content="{{#if dcTerms.publisher}}{{dcTerms.publisher}}{{else}}corporateName=The State of Queensland; jurisdiction=Queensland{{/if}}" />
 <meta name="DCTERMS.creator" scheme="AGLSTERMS.GOLD" content="{{#if dcTerms.creator}}{{dcTerms.creator}}{{else}}c=AU; o=The State of Queensland;{{/if}}">

package/dist/components/handlebars.init.cjs

@@ -0,0 +1,6 @@
+
+import init from "./handlebars.init.js";
+
+module.exports = {
+  init,
+};

package/dist/components/handlebars.partials.js

@@ -49,46 +49,46 @@ import video from "../components/bs5/video/video.hbs?raw";
  * @returns {void} Result of the helper operation
  */
 export default function handlebarsPartials(handlebars) {
-    handlebars.registerPartial("accordion", accordion);
-    handlebars.registerPartial("banner", banner);
-    handlebars.registerPartial("blockquote", blockquote);
-    handlebars.registerPartial("breadcrumbs", breadcrumbs);
-    handlebars.registerPartial("breadcrumbsWrapper", breadcrumbsWrapper);
-    handlebars.registerPartial("button", button);
-    handlebars.registerPartial("callout", callout);
-    handlebars.registerPartial("card", card);
-    handlebars.registerPartial("contentFooter", contentFooter);
-    handlebars.registerPartial("contentFooterWrapper", contentFooterWrapper);
-    handlebars.registerPartial("contentWrapper", contentWrapper);
-    handlebars.registerPartial("correctincorrect", correctincorrect);
-    handlebars.registerPartial("dateinput", dateinput);
-    handlebars.registerPartial("footer", footer);
-    handlebars.registerPartial("footerForgov", footerForgov);
-    handlebars.registerPartial("formcheck", formcheck);
-    handlebars.registerPartial("fullPage", fullPage);
-    handlebars.registerPartial("globalAlert", globalAlert);
-    handlebars.registerPartial("head", head);
-    handlebars.registerPartial("header", header);
-    handlebars.registerPartial("inpageAlert", inpageAlert);
-    handlebars.registerPartial("inpagenav", inpagenav);
-    handlebars.registerPartial("mainContainerWrapper", mainContainerWrapper);
-    handlebars.registerPartial("metaDcTerms", metaDcTerms);
-    handlebars.registerPartial("metaOpenGraph", metaOpenGraph);
-    handlebars.registerPartial("modal", modal);
-    handlebars.registerPartial("navbar", navbar);
-    handlebars.registerPartial("pagination", pagination);
-    handlebars.registerPartial("quickexit", quickexit);
-    handlebars.registerPartial("searchInput", searchInput);
-    handlebars.registerPartial("select", select);
-    handlebars.registerPartial("sidenav", sidenav);
-    handlebars.registerPartial("sidenavWrapper", sidenavWrapper);
-    handlebars.registerPartial("spinner", spinner);
-    handlebars.registerPartial("table", table);
-    handlebars.registerPartial("tag", tag);
-    handlebars.registerPartial("textarea", textarea);
-    handlebars.registerPartial("textbox", textbox);
-    handlebars.registerPartial("typography", typography);
-    handlebars.registerPartial("video", video);
+  handlebars.registerPartial("accordion", accordion);
+  handlebars.registerPartial("banner", banner);
+  handlebars.registerPartial("blockquote", blockquote);
+  handlebars.registerPartial("breadcrumbs", breadcrumbs);
+  handlebars.registerPartial("breadcrumbsWrapper", breadcrumbsWrapper);
+  handlebars.registerPartial("button", button);
+  handlebars.registerPartial("callout", callout);
+  handlebars.registerPartial("card", card);
+  handlebars.registerPartial("contentFooter", contentFooter);
+  handlebars.registerPartial("contentFooterWrapper", contentFooterWrapper);
+  handlebars.registerPartial("contentWrapper", contentWrapper);
+  handlebars.registerPartial("correctincorrect", correctincorrect);
+  handlebars.registerPartial("dateinput", dateinput);
+  handlebars.registerPartial("footer", footer);
+  handlebars.registerPartial("footerForgov", footerForgov);
+  handlebars.registerPartial("formcheck", formcheck);
+  handlebars.registerPartial("fullPage", fullPage);
+  handlebars.registerPartial("globalAlert", globalAlert);
+  handlebars.registerPartial("head", head);
+  handlebars.registerPartial("header", header);
+  handlebars.registerPartial("inpageAlert", inpageAlert);
+  handlebars.registerPartial("inpagenav", inpagenav);
+  handlebars.registerPartial("mainContainerWrapper", mainContainerWrapper);
+  handlebars.registerPartial("metaDcTerms", metaDcTerms);
+  handlebars.registerPartial("metaOpenGraph", metaOpenGraph);
+  handlebars.registerPartial("modal", modal);
+  handlebars.registerPartial("navbar", navbar);
+  handlebars.registerPartial("pagination", pagination);
+  handlebars.registerPartial("quickexit", quickexit);
+  handlebars.registerPartial("searchInput", searchInput);
+  handlebars.registerPartial("select", select);
+  handlebars.registerPartial("sidenav", sidenav);
+  handlebars.registerPartial("sidenavWrapper", sidenavWrapper);
+  handlebars.registerPartial("spinner", spinner);
+  handlebars.registerPartial("table", table);
+  handlebars.registerPartial("tag", tag);
+  handlebars.registerPartial("textarea", textarea);
+  handlebars.registerPartial("textbox", textbox);
+  handlebars.registerPartial("typography", typography);
+  handlebars.registerPartial("video", video);
 
 }
 if(typeof(Handlebars) !== 'undefined') {

package/dist/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@qld-gov-au/qgds-bootstrap5",
+  "version": "1.1.1",
+  "description": "",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/qld-gov-au/qgds-bootstrap5"
+  },
+  "main": "index.js",
+  "scripts": {
+    "prepare": "npm run build",
+    "start": "npm run build",
+    "lint": "eslint --fix --ext .js,.json --ignore-pattern 'docs/*' --ignore-pattern 'dist/*' --ignore-pattern 'storybook-static/*' .",
+    "build": "node esbuild.js",
+    "test": "echo 'no unit tests built yet'",
+    "test:integration": "npm-run-all --parallel --race serve:test test:testrunner",
+    "test:testrunner": "sleep 2 && mocha --timeout 10000 --require ./test/testServer.test.js ",
+    "watch": "node esbuild.js --watch",
+    "serve": "live-server dist",
+    "serve:test": "live-server --no-browser --port=8081",
+    "dev-storybook": "npm-run-all --parallel watch storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build --webpack-stats-json ",
+    "build-storybook:serve": "live-server storybook-static"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "files": [
+    ".esbuild",
+    ".storybook",
+    ".vscode",
+    "dist",
+    "src",
+    ".eslintrc.cjs",
+    "esbuild.js",
+    "jsconfig.json",
+    "pom.xml",
+    "README.md",
+    "vite.config.js"
+  ],
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^6.5.2",
+    "bootstrap": "^5.3.1",
+    "material-symbols": "^0.21.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.1",
+    "@qld-gov-au/qgds-tokens": "^1.2.1",
+    "@storybook/addon-a11y": "^8.1.11",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/addon-mdx-gfm": "^8.1.11",
+    "@storybook/addon-themes": "^8.1.11",
+    "@storybook/blocks": "^8.1.9",
+    "@storybook/cli": "^8.1.11",
+    "@storybook/html": "^8.1.11",
+    "@storybook/html-vite": "^8.1.11",
+    "@storybook/manager-api": "^8.1.11",
+    "@storybook/test": "^8.1.9",
+    "@storybook/theming": "^8.1.10",
+    "@stylistic/eslint-plugin-js": "2.1.0",
+    "@vitejs/plugin-vue": "5.0.5",
+    "@whitespace/storybook-addon-html": "^6.1.1",
+    "autoprefixer": "^10.4.15",
+    "chai": "^5.1.1",
+    "chalk": "^5.3.0",
+    "chromatic": "^11.5.4",
+    "esbuild": "0.23.0",
+    "esbuild-plugin-copy": "^2.1.1",
+    "esbuild-plugin-eslint": "^0.3.7",
+    "esbuild-plugin-handlebars": "1.0.3",
+    "esbuild-sass-plugin": "3.3.1",
+    "eslint": "8.57.0",
+    "eslint-plugin-json": "^3.1.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "handlebars": "4.7.8",
+    "live-server": "1.2.2",
+    "minimist": "^1.2.8",
+    "mocha": "^10.6.0",
+    "npm-run-all2": "^6.2.2",
+    "onchange": "^7.1.0",
+    "portfinder": "^1.0.32",
+    "postcss": "^8.4.39",
+    "prettier": "3.3.2",
+    "raw-loader": "^4.0.2",
+    "rimraf": "^5.0.7",
+    "run-parallel": "^1.2.0",
+    "sass": "^1.77.6",
+    "selenium-webdriver": "^4.22.0",
+    "storybook": "^8.1.11",
+    "vite": "^5.3.3",
+    "watch": "^1.0.2"
+  },
+  "peerDependencies": {
+    "typescript": "^5.0.0"
+  },
+  "exports": {
+    "./qld.bootstrap.min.js": "./dist/assets/js/qld.bootstrap.min.js",
+    "./qld.bootstrap.css": "./dist/assets/css/qld.bootstrap.css",
+    "./handlebars.helpers.bundle.js": "./dist/assets/js/handlebars.helpers.bundle.js",
+    "./handlebars.init.min.js": "./dist/assets/js/handlebars.init.min.js",
+    "./handlebarsInit": "./dist/assets/node/handlebars.init.min.js",
+    "./bootstrap.min.js": "./dist/assets/js/boostrap.min.js"
+  }
+}

package/esbuild.js

@@ -27,15 +27,11 @@ const buildConfig = {
   target: ["es6"],
   logLevel: "info",
   outdir: "./dist/",
-  external: ["fs", "path", "../img/*"],
+  external: ["fs", "path", "bootstrap", "../img/*"],
 
   entryPoints: [
     {
-      in: "./node_modules/bootstrap/dist/js/bootstrap.min.js",
-      out: "./assets/js/bootstrap.min",
-    },
-    {
-      in: "./src/main.js",
+      in: "./src/js/qld.bootstrap.js",
       out: "./assets/js/qld.bootstrap.min",
     },
     {
@@ -46,10 +42,6 @@ const buildConfig = {
       in: "./src/js/handlebars.helpers.js",
       out: "./assets/js/handlebars.helpers.bundle",
     },
-    {
-      in: "./src/js/handlebars.init.js",
-      out: "./components/handlebars.init.min",
-    },
     {
       in: "./src/js/handlebars.init.js",
       out: "./assets/js/handlebars.init.min",
@@ -67,15 +59,41 @@ const buildConfig = {
   plugins: [
     QGDSupdateHandlebarsPartialsPlugin(),
     QDGScopy(),
-    QDGSbuildLog(),
     QGDSrawLoader(),
     versionPlugin(),
     QDGScleanFolders(),
     handlebarsPlugin(),
     sassPlugin(),
+    QDGSbuildLog(),
   ],
 };
 
+const buildNodeConfig = {
+  loader: buildConfig.loader,
+  bundle: true,
+  minify: false,
+  sourcemap: true,
+  minifyIdentifiers: false,
+  logLevel: buildConfig.logLevel,
+  outdir: buildConfig.outdir,
+  external: buildConfig.external,
+  platform: "node",
+  target: ["node20"],
+  format: 'esm',
+  entryPoints: [
+    {
+      in: "./src/js/handlebars.init.cjs",
+      out: "./assets/node/handlebars.init.min",
+    },
+  ],
+  plugins: [
+    QGDSupdateHandlebarsPartialsPlugin(),
+    QDGScopy(),
+    QGDSrawLoader(),
+    versionPlugin(),
+    handlebarsPlugin(),
+  ],
+}
 async function StartBuild() {
   let ctx = await esbuild.context(buildConfig);
 
@@ -89,6 +107,10 @@ async function StartBuild() {
     await ctx.dispose();
   }
 
+  //node js module
+  let ctxNode = await esbuild.context(buildNodeConfig);
+  await ctxNode.rebuild();
+  await ctxNode.dispose();
 
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qld-gov-au/qgds-bootstrap5",
-  "version": "1.0.21",
+  "version": "1.1.1",
   "description": "",
   "repository": {
     "type": "git",
@@ -8,12 +8,16 @@
   },
   "main": "index.js",
   "scripts": {
+    "prepare": "npm run build",
     "start": "npm run build",
     "lint": "eslint --fix --ext .js,.json --ignore-pattern 'docs/*' --ignore-pattern 'dist/*' --ignore-pattern 'storybook-static/*' .",
     "build": "node esbuild.js",
-    "test": "echo 'no tests yet'",
+    "test": "echo 'no unit tests built yet'",
+    "test:integration": "npm-run-all --parallel --race serve:test test:testrunner",
+    "test:testrunner": "sleep 2 && mocha --timeout 10000 --require ./test/testServer.test.js ",
     "watch": "node esbuild.js --watch",
     "serve": "live-server dist",
+    "serve:test": "live-server --no-browser --port=8081",
     "dev-storybook": "npm-run-all --parallel watch storybook",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build --webpack-stats-json ",
@@ -39,11 +43,10 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.5.2",
     "bootstrap": "^5.3.1",
-    "material-symbols": "^0.20.0",
-    "run-parallel": "^1.2.0"
+    "material-symbols": "^0.21.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.6.0",
+    "@chromatic-com/storybook": "^1.6.1",
     "@qld-gov-au/qgds-tokens": "^1.2.1",
     "@storybook/addon-a11y": "^8.1.11",
     "@storybook/addon-essentials": "^8.1.11",
@@ -62,9 +65,10 @@
     "@vitejs/plugin-vue": "5.0.5",
     "@whitespace/storybook-addon-html": "^6.1.1",
     "autoprefixer": "^10.4.15",
+    "chai": "^5.1.1",
     "chalk": "^5.3.0",
     "chromatic": "^11.5.4",
-    "esbuild": "0.21.5",
+    "esbuild": "0.23.0",
     "esbuild-plugin-copy": "^2.1.1",
     "esbuild-plugin-eslint": "^0.3.7",
     "esbuild-plugin-handlebars": "1.0.3",
@@ -75,25 +79,30 @@
     "handlebars": "4.7.8",
     "live-server": "1.2.2",
     "minimist": "^1.2.8",
-    "npm-run-all2": "^6.1.2",
+    "mocha": "^10.6.0",
+    "npm-run-all2": "^6.2.2",
     "onchange": "^7.1.0",
-    "postcss": "^8.4.29",
+    "portfinder": "^1.0.32",
+    "postcss": "^8.4.39",
     "prettier": "3.3.2",
     "raw-loader": "^4.0.2",
     "rimraf": "^5.0.7",
+    "run-parallel": "^1.2.0",
     "sass": "^1.77.6",
+    "selenium-webdriver": "^4.22.0",
     "storybook": "^8.1.11",
-    "vite": "^5.3.2",
+    "vite": "^5.3.3",
     "watch": "^1.0.2"
   },
   "peerDependencies": {
     "typescript": "^5.0.0"
   },
   "exports": {
-    "qld.bootstrap.min.js": "./dist/assets/js/qld.bootstrap.min.js",
-    "qld.bootstrap.css": "./dist/assets/css/qld.bootstrap.css",
-    "handlebars.helpers.bundle.js": "./dist/components/handlebars.helpers.bundle.js",
-    "handlebars.init.min.js": "./dist/components/handlebars.init.min.js",
-    "bootstrap.min.js": "./dist/assets/js/boostrap.min.js"
+    "./qld.bootstrap.min.js": "./dist/assets/js/qld.bootstrap.min.js",
+    "./qld.bootstrap.css": "./dist/assets/css/qld.bootstrap.css",
+    "./handlebars.helpers.bundle.js": "./dist/assets/js/handlebars.helpers.bundle.js",
+    "./handlebars.init.min.js": "./dist/assets/js/handlebars.init.min.js",
+    "./handlebarsInit": "./dist/assets/node/handlebars.init.min.js",
+    "./bootstrap.min.js": "./dist/assets/js/boostrap.min.js"
   }
 }

package/pom.xml

@@ -82,6 +82,16 @@
                             <arguments>run lint</arguments>
                         </configuration>
                     </execution>
+                    <execution>
+                        <id>npm package on compile stage</id>
+                        <goals>
+                            <goal>npm</goal>
+                        </goals>
+                        <phase>compile</phase>
+                        <configuration>
+                            <arguments>run build</arguments>
+                        </configuration>
+                    </execution>
                     <execution>
                         <id>npm test</id>
                         <goals>

package/src/components/bs5/inpagenav/inpagenav.scss

@@ -40,6 +40,7 @@
     }
 
     .nav-item {
+        margin-top: 0;
         .nav-link {
             padding-top: var(--#{$prefix}inpage-nav-link-padding-y);
             padding-bottom: var(--#{$prefix}inpage-nav-link-padding-y);

package/src/components/bs5/inpagenav/inpagenav.stories.js

@@ -27,7 +27,7 @@ export const Default = {
       <div class="container-fluid">
         <div class="row">
           <div class="col-12">
-            <div class="">
+            <div class="qld-content-body" id="content">
             ${Story()}
             </div>
           </div>

package/src/components/bs5/metaDcTerms/metaDcTerms.hbs

@@ -1,5 +1,7 @@
 <!-- DCTERMS https://www.dublincore.org/specifications/dublin-core/dcmi-terms/-->
 {{#if dcTerms}}
+<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
+<link rel="schema.AGLSTERMS" href="https://agls.gov.au/documents/aglsterms/" />
 <meta name="DCTERMS.title" content="{{ title }}">
 <meta name="DCTERMS.publisher" scheme="AGLSTERMS.AglsAgent" content="{{#if dcTerms.publisher}}{{dcTerms.publisher}}{{else}}corporateName=The State of Queensland; jurisdiction=Queensland{{/if}}" />
 <meta name="DCTERMS.creator" scheme="AGLSTERMS.GOLD" content="{{#if dcTerms.creator}}{{dcTerms.creator}}{{else}}c=AU; o=The State of Queensland;{{/if}}">

package/src/components/bs5/navbar/navbar.functions.js

@@ -160,5 +160,5 @@ export function initializeNavbar() {
   resetNavbarState(); // Call handler immediately to apply correct setting on init
 }
 
-// Initialize the navbar (see main.js)
+// Initialize the navbar (see qld.bootstrap.js)
 // document.addEventListener('DOMContentLoaded', initializeNavbar);

package/src/components/bs5/sidenav/sidenav.scss

@@ -18,6 +18,9 @@
 
     --sidenav-hover-bg: var(--#{$prefix}extra-light-grey);
     --sidenav-hover-color: var(--#{$prefix}brand-primary);
+    --sidenav-hover-underline-color: var(--#{$prefix}color-default-color-light-underline-hover);
+    --sidenav-visited-color: var(--#{$prefix}color-default-color-light-link);
+    --sidenav-active-color: var(--#{$prefix}color-default-color-light-text-heading);
 
     --sidenav-heading-border-color: #{$qld-brand-secondary};
     --sidenav-item-border-color: #{$qld-soft-grey};
@@ -34,8 +37,12 @@
     .qld-side-navigation {
         --sidenav-submenu-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2309ACFE' d='M2 10h12v1H2zM2 5h1v5H2z'/%3E%3C/svg%3E");        
         
-        --sidenav-hover-bg: var(--#{$prefix}brand-primary-dark);
+        --sidenav-hover-bg: var(--#{$prefix}color-default-color-dark-background-default-shade);
         --sidenav-hover-color: var(--#{$prefix}white);
+        --sidenav-hover-underline-color:  var(--#{$prefix}color-default-color-dark-underline-hover);
+        --sidenav-visited-color: var(--#{$prefix}white);
+        --sidenav-active-color: var(--#{$prefix}color-default-color-dark-text-heading);
+
         --sidenav-heading-border-color: var(--#{$prefix}brand-secondary);
         --sidenav-item-border-color:    var(--#{$prefix}brand-primary-light);
         --sidenav-subitem-border-color: var(--#{$prefix}brand-primary-light);
@@ -44,9 +51,8 @@
 }
 
 @include color-mode(dark) {
-    
-}
 
+}
 
 
 .qld-side-navigation {
@@ -63,6 +69,12 @@
             font-weight: inherit;
             font-size: 1rem;
         }
+
+        .nav-link {
+            &:visited {
+                color: var(--#{$prefix}headings-color);
+            }
+        }
     }
 
     .nav-link {
@@ -80,7 +92,20 @@
             text-underline-offset: 0.25rem;
             text-decoration-thickness: 2px;
         }
+    }
+
+    a.nav-link {
+        &:visited {
+            color: var(--sidenav-visited-color);
+            &:hover {
+                color: var(--sidenav-hover-color);
+                text-decoration-color: var(--sidenav-hover-underline-color);
+            }
+        }
+    }
 
+    .nav-item.active {
+        color: var(--sidenav-active-color);
     }
 
     //Side navigation (ul.nav) 

package/src/components/bs5/typography/typography.stories.js

@@ -7,7 +7,7 @@ export default {
   title: "Components/Typography",
   render: () => {
     return `
-    <div class="qld-content-body">
+    <div class="qld-content-body" id="content">
     <h1>Heading 1</h1>
     <h2>Heading 2</h2>
     <h3>Heading 3</h3>

package/src/js/handlebars.init.cjs

@@ -0,0 +1,6 @@
+
+import init from "./handlebars.init.js";
+
+module.exports = {
+  init,
+};

package/src/js/handlebars.partials.js

@@ -49,46 +49,46 @@ import video from "../components/bs5/video/video.hbs?raw";
  * @returns {void} Result of the helper operation
  */
 export default function handlebarsPartials(handlebars) {
-    handlebars.registerPartial("accordion", accordion);
-    handlebars.registerPartial("banner", banner);
-    handlebars.registerPartial("blockquote", blockquote);
-    handlebars.registerPartial("breadcrumbs", breadcrumbs);
-    handlebars.registerPartial("breadcrumbsWrapper", breadcrumbsWrapper);
-    handlebars.registerPartial("button", button);
-    handlebars.registerPartial("callout", callout);
-    handlebars.registerPartial("card", card);
-    handlebars.registerPartial("contentFooter", contentFooter);
-    handlebars.registerPartial("contentFooterWrapper", contentFooterWrapper);
-    handlebars.registerPartial("contentWrapper", contentWrapper);
-    handlebars.registerPartial("correctincorrect", correctincorrect);
-    handlebars.registerPartial("dateinput", dateinput);
-    handlebars.registerPartial("footer", footer);
-    handlebars.registerPartial("footerForgov", footerForgov);
-    handlebars.registerPartial("formcheck", formcheck);
-    handlebars.registerPartial("fullPage", fullPage);
-    handlebars.registerPartial("globalAlert", globalAlert);
-    handlebars.registerPartial("head", head);
-    handlebars.registerPartial("header", header);
-    handlebars.registerPartial("inpageAlert", inpageAlert);
-    handlebars.registerPartial("inpagenav", inpagenav);
-    handlebars.registerPartial("mainContainerWrapper", mainContainerWrapper);
-    handlebars.registerPartial("metaDcTerms", metaDcTerms);
-    handlebars.registerPartial("metaOpenGraph", metaOpenGraph);
-    handlebars.registerPartial("modal", modal);
-    handlebars.registerPartial("navbar", navbar);
-    handlebars.registerPartial("pagination", pagination);
-    handlebars.registerPartial("quickexit", quickexit);
-    handlebars.registerPartial("searchInput", searchInput);
-    handlebars.registerPartial("select", select);
-    handlebars.registerPartial("sidenav", sidenav);
-    handlebars.registerPartial("sidenavWrapper", sidenavWrapper);
-    handlebars.registerPartial("spinner", spinner);
-    handlebars.registerPartial("table", table);
-    handlebars.registerPartial("tag", tag);
-    handlebars.registerPartial("textarea", textarea);
-    handlebars.registerPartial("textbox", textbox);
-    handlebars.registerPartial("typography", typography);
-    handlebars.registerPartial("video", video);
+  handlebars.registerPartial("accordion", accordion);
+  handlebars.registerPartial("banner", banner);
+  handlebars.registerPartial("blockquote", blockquote);
+  handlebars.registerPartial("breadcrumbs", breadcrumbs);
+  handlebars.registerPartial("breadcrumbsWrapper", breadcrumbsWrapper);
+  handlebars.registerPartial("button", button);
+  handlebars.registerPartial("callout", callout);
+  handlebars.registerPartial("card", card);
+  handlebars.registerPartial("contentFooter", contentFooter);
+  handlebars.registerPartial("contentFooterWrapper", contentFooterWrapper);
+  handlebars.registerPartial("contentWrapper", contentWrapper);
+  handlebars.registerPartial("correctincorrect", correctincorrect);
+  handlebars.registerPartial("dateinput", dateinput);
+  handlebars.registerPartial("footer", footer);
+  handlebars.registerPartial("footerForgov", footerForgov);
+  handlebars.registerPartial("formcheck", formcheck);
+  handlebars.registerPartial("fullPage", fullPage);
+  handlebars.registerPartial("globalAlert", globalAlert);
+  handlebars.registerPartial("head", head);
+  handlebars.registerPartial("header", header);
+  handlebars.registerPartial("inpageAlert", inpageAlert);
+  handlebars.registerPartial("inpagenav", inpagenav);
+  handlebars.registerPartial("mainContainerWrapper", mainContainerWrapper);
+  handlebars.registerPartial("metaDcTerms", metaDcTerms);
+  handlebars.registerPartial("metaOpenGraph", metaOpenGraph);
+  handlebars.registerPartial("modal", modal);
+  handlebars.registerPartial("navbar", navbar);
+  handlebars.registerPartial("pagination", pagination);
+  handlebars.registerPartial("quickexit", quickexit);
+  handlebars.registerPartial("searchInput", searchInput);
+  handlebars.registerPartial("select", select);
+  handlebars.registerPartial("sidenav", sidenav);
+  handlebars.registerPartial("sidenavWrapper", sidenavWrapper);
+  handlebars.registerPartial("spinner", spinner);
+  handlebars.registerPartial("table", table);
+  handlebars.registerPartial("tag", tag);
+  handlebars.registerPartial("textarea", textarea);
+  handlebars.registerPartial("textbox", textbox);
+  handlebars.registerPartial("typography", typography);
+  handlebars.registerPartial("video", video);
 
 }
 if(typeof(Handlebars) !== 'undefined') {