@qld-gov-au/qgds-bootstrap5 2.0.2 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/preview.js +4 -1
- package/dist/assets/components/bs5/accordion/accordion.hbs +0 -3
- package/dist/assets/components/bs5/directionLinks/directionLinks.hbs +2 -1
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/components/bs5/header/header.hbs +6 -9
- package/dist/assets/components/bs5/navbar/navbar.hbs +21 -14
- package/dist/assets/components/bs5/pageLayout/templates/contentPageWithForm.hbs +1 -1
- package/dist/assets/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +140 -108
- package/dist/assets/components/bs5/pageLayout/templates/homePage.hbs +1 -1
- package/dist/assets/components/bs5/searchInput/searchInput.hbs +34 -35
- package/dist/assets/components/bs5/sidenav/sidenav.hbs +56 -37
- package/dist/assets/css/qld.bootstrap.css +1 -6
- package/dist/assets/css/qld.bootstrap.css.map +3 -3
- package/dist/assets/js/handlebars.init.min.js +263 -212
- package/dist/assets/js/handlebars.init.min.js.map +2 -2
- package/dist/assets/js/qld.bootstrap.min.js +5 -5
- package/dist/assets/js/qld.bootstrap.min.js.map +4 -4
- package/dist/assets/node/handlebars.init.min.js +29 -25
- package/dist/assets/node/handlebars.init.min.js.map +2 -2
- package/dist/components/bs5/accordion/accordion.hbs +0 -3
- package/dist/components/bs5/directionLinks/directionLinks.hbs +2 -1
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/header/header.hbs +6 -9
- package/dist/components/bs5/navbar/navbar.hbs +21 -14
- package/dist/components/bs5/pageLayout/templates/contentPageWithForm.hbs +1 -1
- package/dist/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +140 -108
- package/dist/components/bs5/pageLayout/templates/homePage.hbs +1 -1
- package/dist/components/bs5/searchInput/searchInput.hbs +34 -35
- package/dist/components/bs5/sidenav/sidenav.hbs +56 -37
- package/dist/package.json +2 -4
- package/dist/sample-data/navbar/navbar.data.json +91 -25
- package/dist/sample-data/pagination/pagination.data.json +19 -19
- package/dist/sample-data/searchInput/searchInput.data.json +0 -1
- package/dist/sample-data/sidenav/sidenav.data.json +81 -80
- package/package.json +2 -4
- package/src/components/bs5/accordion/Accordion.mdx +34 -10
- package/src/components/bs5/accordion/__snapshots__/accordion.test.js.snap +0 -3
- package/src/components/bs5/accordion/accordion.hbs +0 -3
- package/src/components/bs5/accordion/mdx/_designResources.mdx +6 -0
- package/src/components/bs5/accordion/mdx/_usageInstructions.mdx +10 -0
- package/src/components/bs5/blockquote/blockquote.scss +47 -7
- package/src/components/bs5/button/button.scss +4 -0
- package/src/components/bs5/directionLinks/directionLinks.hbs +2 -1
- package/src/components/bs5/directionLinks/directionLinks.scss +27 -80
- package/src/components/bs5/directionLinks/directionLinks.stories.js +7 -14
- package/src/components/bs5/header/header.hbs +6 -9
- package/src/components/bs5/header/header.scss +15 -27
- package/src/components/bs5/inpagenav/inpagenav.scss +7 -3
- package/src/components/bs5/logo/Logo.mdx +1 -1
- package/src/components/bs5/navbar/navbar.data.json +91 -25
- package/src/components/bs5/navbar/navbar.functions.js +4 -0
- package/src/components/bs5/navbar/navbar.hbs +21 -14
- package/src/components/bs5/navbar/navbar.scss +225 -170
- package/src/components/bs5/navbar/navbar.stories.js +31 -2
- package/src/components/bs5/pageLayout/pageLayout.stories.js +3 -1
- package/src/components/bs5/pageLayout/templates/contentPageWithForm.hbs +1 -1
- package/src/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +140 -108
- package/src/components/bs5/pageLayout/templates/homePage.hbs +1 -1
- package/src/components/bs5/pagination/pagination.data.json +19 -19
- package/src/components/bs5/pagination/pagination.scss +37 -63
- package/src/components/bs5/promotionalPanel/promotionalPanel.scss +23 -22
- package/src/components/bs5/quickexit/quickexit.functions.js +24 -37
- package/src/components/bs5/quickexit/quickexit.scss +4 -0
- package/src/components/bs5/searchInput/SearchInput.mdx +1 -1
- package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +32 -34
- package/src/components/bs5/searchInput/searchInput.data.json +0 -1
- package/src/components/bs5/searchInput/searchInput.hbs +34 -35
- package/src/components/bs5/searchInput/searchInput.scss +216 -195
- package/src/components/bs5/searchInput/searchInput.stories.js +42 -26
- package/src/components/bs5/sidenav/sidenav.data.json +81 -80
- package/src/components/bs5/sidenav/sidenav.hbs +56 -37
- package/src/components/bs5/sidenav/sidenav.scss +236 -151
- package/src/components/bs5/skiplinks/skipLinks.functions.js +0 -9
- package/src/components/bs5/skiplinks/skipLinks.test.js +0 -1
- package/src/components/bs5/tabs/tabs.scss +47 -40
- package/src/components/common/layout/container.scss +5 -0
- package/src/components/common/layout/content.scss +16 -8
- package/src/css/main.scss +0 -7
- package/src/css/mixins/focusable.scss +11 -3
- package/src/css/mixins/make-icon.scss +7 -1
- package/src/css/qld-theme.scss +1 -0
- package/src/css/utilities/_index.scss +1 -0
- package/src/css/utilities/sr-only.scss +5 -0
- package/src/js/qld.bootstrap.js +1 -9
- package/src/stories/documentation/_storybookDocsTabs.jsx +63 -0
- package/src/stories/documentation/storybook-documentation.scss +51 -0
- package/src/components/bs5/pagination/health-icon-sprite.svg +0 -156
- package/src/components/bs5/searchInput/_colours.scss +0 -63
|
@@ -196,7 +196,6 @@ var init_accordion = __esm({
|
|
|
196
196
|
"src/components/bs5/accordion/accordion.hbs?raw"() {
|
|
197
197
|
accordion_default = `<!-- QGDS Component: Accordion -->
|
|
198
198
|
<div class="accordion-group">
|
|
199
|
-
|
|
200
199
|
{{#if toggleAll}}
|
|
201
200
|
<div class="accordion-toggle">
|
|
202
201
|
<button class="accordion-toggle-btn accordion-toggle-btn--closed" type="button">Open all</button>
|
|
@@ -218,9 +217,7 @@ var init_accordion = __esm({
|
|
|
218
217
|
</div>
|
|
219
218
|
</div>
|
|
220
219
|
{{/each }}
|
|
221
|
-
|
|
222
220
|
</div>
|
|
223
|
-
|
|
224
221
|
</div>
|
|
225
222
|
`;
|
|
226
223
|
}
|
|
@@ -470,7 +467,7 @@ var init_dateinput = __esm({
|
|
|
470
467
|
var directionLinks_default;
|
|
471
468
|
var init_directionLinks = __esm({
|
|
472
469
|
"src/components/bs5/directionLinks/directionLinks.hbs?raw"() {
|
|
473
|
-
directionLinks_default = '{{! valid class values are: up, down, left, right}}\n<a class="qld-dir-link {{class}}" \n {{~#if id}} id="{{id}}" {{/if~}} \n href="{{href}}" \n {{~#if target}} target="{{target}}"{{/if~}}\n {{~#if arialabel}} aria-label="{{arialabel}}" {{/if~}}>\n {{{label}}}\n <span class="icon" aria-hidden="true"></span>\n</a>';
|
|
470
|
+
directionLinks_default = '{{! valid class values are: up, down, left, right}}\n<a class="qld-dir-link {{class}}" \n {{~#if id}} id="{{id}}" {{/if~}} \n href="{{href}}" \n {{~#if target}} target="{{target}}"{{/if~}}\n {{~#if arialabel}} aria-label="{{arialabel}}" {{/if~}}>\n {{{label}}}\n {{!-- <span class="icon" aria-hidden="true"></span> --}}\n <span class="qld-icon qld-icon-md qld-icon-arrow-{{class}}" aria-hidden="true"></span>\n</a>';
|
|
474
471
|
}
|
|
475
472
|
});
|
|
476
473
|
|
|
@@ -811,7 +808,7 @@ var head_default;
|
|
|
811
808
|
var init_head = __esm({
|
|
812
809
|
"src/components/bs5/head/head.hbs?raw"() {
|
|
813
810
|
head_default = `
|
|
814
|
-
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.
|
|
811
|
+
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.4","branch":"HEAD","tag":"v2.0.4","commit":"0b896ac48e7daadbef3fdbd2caccc437be120856","majorVersion":"v2"} -->
|
|
815
812
|
|
|
816
813
|
{{! Select environment, used verbatium if not using predefind key
|
|
817
814
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -829,7 +826,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
829
826
|
var header_default;
|
|
830
827
|
var init_header = __esm({
|
|
831
828
|
"src/components/bs5/header/header.hbs?raw"() {
|
|
832
|
-
header_default = '<header class="qld-header" role="banner" >\n <div class="qld-header-pre-header {{#ifCond preHeader.palette "===" " dark"}}dark{{else}}{{#ifCond\n preHeader.palette "===" "light" }}light{{else}}{{#ifCond preHeader.palette "===" "dark-alt"\n }}dark-alt{{else}}dark{{/ifCond}}{{/ifCond}}{{/ifCond}}">\n <div class="container">\n <div class="d-flex justify-content-between align-items-baseline">\n\n <a class="qld-header-link"\n href="{{#if preHeader.globalLink.url}}{{preHeader.globalLink.url}}{{else}}https://qld.gov.au{{/if}}">\n <span class="d-none d-lg-inline">{{preHeader.globalLink.text}}</span>\n {{>logo className="qld-header-logo" fill="currentColor"}}\n </a>\n\n {{#if preHeader.actions}}\n <div class="d-none d-lg-flex gap-20 align-items-baseline">\n {{#each preHeader.actions}}\n {{#if dropdown}}\n <div class="dropdown">\n <a id="dropdown{{id}}" role="button" data-bs-toggle="dropdown" aria-expanded="false"\n class="qld-header-link" href="#">\n {{{text}}}\n\n <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"\n class="qld-header-dropdown-icon ">\n <use href="{{
|
|
829
|
+
header_default = '<header class="qld-header" role="banner" >\n <div class="qld-header-pre-header {{#ifCond preHeader.palette "===" " dark"}}dark{{else}}{{#ifCond\n preHeader.palette "===" "light" }}light{{else}}{{#ifCond preHeader.palette "===" "dark-alt"\n }}dark-alt{{else}}dark{{/ifCond}}{{/ifCond}}{{/ifCond}}">\n <div class="container">\n <div class="d-flex justify-content-between align-items-baseline">\n\n <a class="qld-header-link"\n href="{{#if preHeader.globalLink.url}}{{preHeader.globalLink.url}}{{else}}https://qld.gov.au{{/if}}">\n <span class="d-none d-lg-inline">{{preHeader.globalLink.text}}</span>\n {{>logo className="qld-header-logo" fill="currentColor"}}\n </a>\n\n {{#if preHeader.actions}}\n <div class="d-none d-lg-flex gap-20 align-items-baseline">\n {{#each preHeader.actions}}\n {{#if dropdown}}\n <div class="dropdown">\n <a id="dropdown{{id}}" role="button" data-bs-toggle="dropdown" aria-expanded="false"\n class="qld-header-link" href="#">\n {{{text}}}\n\n <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"\n class="qld-header-dropdown-icon ">\n <use href="{{../assets.SVGSpritePath}}#qgds-icon-chevron-down"\n aria-hidden="true"></use>\n </svg>\n </a>\n\n {{#ifCond dropdown.type "===" "list"}}\n <ul class="dropdown-menu">\n\n {{#each dropdown.items}}\n <li>\n <a class="qld-header-link dropdown-item " href="{{url}}" {{#if target}}target="{{target}}"{{/if}}>\n {{text}}\n <svg width="24" height="24" class="qld-header-icon qld-header-dropdown-item-icon">\n <use href="{{ ../../assets.SVGSpritePath }}#qgds-icon-arrow-right"\n aria-hidden="true"></use>\n </svg>\n </a>\n </li>\n {{/each}}\n\n {{#if dropdown.viewMore}}\n <li>\n <a href="{{dropdown.viewMore.url}}" {{#if dropdown.viewMore.target}}target="{{dropdown.viewMore.target}}"{{/if}}\n class="qld-header-link dropdown-item border-bottom-0">\n {{dropdown.viewMore.text}}\n </a>\n </li>\n {{/if}}\n\n </ul>\n {{/ifCond}}\n\n {{#ifCond dropdown.type "===" "form"}}\n <div class="dropdown-menu">\n {{{dropdown.HTMLContent}}}\n </div>\n {{/ifCond}}\n\n </div>\n {{else}}\n\n <a class="qld-header-link" href="{{url}}">\n {{#if icon}} \n <svg class="qld-header-link-icon">\n <use href="{{ ../assets.SVGSpritePath }}#qgds-icon-{{icon}}" aria-hidden="true"></use>\n </svg>{{/if}}{{{text}}}\n </a>\n {{/if}}\n {{/each}}\n </div>\n {{/if}}\n </div>\n\n <div class="qld-header-main-nav-controls">\n {{#if assets.siteSearch.value}}\n <button id="qld-header-toggle-search-button" aria-controls="qld-header-search"\n class="qld-header-toggle-main-nav" aria-expanded="false">\n <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">\n <use class="icon-search" href="{{ assets.SVGSpritePath }}#qgds-icon-search" aria-hidden="true" style="display: block;"></use>\n <use class="icon-close" href="{{ assets.SVGSpritePath}}#qgds-icon-close" style="display: none;"></use>\n </svg>\n <span class="qld-header-toggle-main-nav-text">Search</span>\n </button>\n {{/if}}\n\n <button id="burgerBtn" class="qld-header-toggle-main-nav"\n data-bs-toggle="collapse" data-bs-target="#main-nav" aria-controls="main-nav" aria-expanded="false"\n aria-label="Open menu">\n <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">\n <use href="{{assets.SVGSpritePath}}#qgds-icon-menu" aria-hidden="true">\n </use>\n </svg>\n <span class="qld-header-toggle-main-nav-text">Menu</span>\n </button>\n </div>\n </div>\n </div>\n\n <div class="qld-header-main{{#ifCond preHeader.palette "===" " dark"}} dark{{else}}{{#ifCond\n preHeader.palette "===" "light" }} light{{else}}{{#ifCond preHeader.palette "===" "dark-alt"\n }} dark-alt{{else}} default{{/ifCond}}{{/ifCond}}{{/ifCond}}">\n <div class="container">\n <div class="row align-items-center">\n <div class="col">\n {{#ifAny isMasterBrand isSubBrand isCoBrand}}\n {{>headerBrand\n url=mainContent.url\n logo=mainContent.logo\n siteTitle=mainContent.siteTitle\n subline=mainContent.subline }}\n {{/ifAny}}\n\n {{#ifAny isEndorsedBrand isStandaloneBrand }}\n {{>headerBrand\n url=mainContent.url\n logo=mainContent.logo\n siteTitle=mainContent.siteTitle\n secondaryLogo=mainContent.secondaryLogo\n subline=mainContent.subline }}\n {{/ifAny}}\n </div>\n\n {{#if assets.siteSearch.value}}\n <div class="col-lg-4">\n <div id="qld-header-search" class="qld-header-site-search is-closed">\n <form class="site-search" role="search" {{#if assets.siteSearch.formAction.url}}\n action="{{assets.siteSearch.formAction.url}}" {{else}}\n action="https://www.qld.gov.au/search" {{/if}}>\n {{{ searchInput }}}\n </form>\n </div>\n </div>\n {{/if}}\n </div>\n </div>\n </div>\n</header>';
|
|
833
830
|
}
|
|
834
831
|
});
|
|
835
832
|
|
|
@@ -1050,8 +1047,8 @@ var init_navbar = __esm({
|
|
|
1050
1047
|
<ul class="navbar-nav">
|
|
1051
1048
|
{{#each navigation}}
|
|
1052
1049
|
{{#if navigationItems}}
|
|
1053
|
-
<li class="nav-item dropdown{{#if
|
|
1054
|
-
<a class="nav-link{{#unless ../metadata.verticalOrientation}} dropdown-toggle{{/unless}}" aria-current="page" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}} role="button" data-bs-toggle="dropdown"
|
|
1050
|
+
<li class="nav-item dropdown{{#if alternativeColor}} alt{{/if}}{{#if mobileOnly}} mobile-only{{/if}}">
|
|
1051
|
+
<a class="nav-link{{#unless ../metadata.verticalOrientation}} dropdown-toggle{{/unless}}{{#if currentPage}} active{{/if}}{{#if dropdownOptions.hasNoLink}} hasNoLink{{/if}}" {{#if currentPage}}aria-current="page"{{/if}}{{#if dropdownOptions.hasNoLink}} href="#"{{else}} href="{{url}}"{{/if}}{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}} role="button" data-bs-toggle="dropdown"
|
|
1055
1052
|
aria-expanded="false">
|
|
1056
1053
|
{{#if iconName}}
|
|
1057
1054
|
<span class="qld-icon qld-icon-md {{iconName}}" aria-hidden="true"></span>
|
|
@@ -1064,22 +1061,29 @@ var init_navbar = __esm({
|
|
|
1064
1061
|
{{text}}
|
|
1065
1062
|
{{/if}}
|
|
1066
1063
|
</a>
|
|
1067
|
-
<button class="nav-link dropdown-toggle" aria-current="page"
|
|
1064
|
+
<button class="nav-link dropdown-toggle"{{#if currentPage}} aria-current="page"{{/if}} data-bs-toggle="dropdown" aria-expanded="false" aria-selected="false" aria-label="Toggle navigation">
|
|
1068
1065
|
<span class="visually-hidden">Expand</span>
|
|
1069
1066
|
</button>
|
|
1070
1067
|
<ul class="dropdown-menu">
|
|
1071
|
-
|
|
1072
|
-
<
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1068
|
+
{{#unless dropdownOptions.hasNoLink}}
|
|
1069
|
+
<li>
|
|
1070
|
+
<a class="dropdown-item parent-link" role="button"{{#if currentPage}} aria-current="page"{{/if}}{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{#if dropdownOptions.alternativeText}}{{dropdownOptions.alternativeText}}{{else}}{{text}}{{/if}}</a>
|
|
1071
|
+
{{#if dropdownOptions.description}}
|
|
1072
|
+
<p>{{dropdownOptions.description}}</p>
|
|
1073
|
+
{{/if}}
|
|
1074
|
+
</li>
|
|
1075
|
+
{{/unless}}
|
|
1077
1076
|
{{#each navigationItems}}
|
|
1078
1077
|
<li{{#if mobileOnly}} class="mobile-only"{{/if}}>
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
<p>{{description}}</p>
|
|
1078
|
+
{{#if isHTML}}
|
|
1079
|
+
{{{htmlContent}}}
|
|
1082
1080
|
{{/if}}
|
|
1081
|
+
{{#unless isHTML}}
|
|
1082
|
+
<a class="dropdown-item" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{text}}</a>
|
|
1083
|
+
{{#if description}}
|
|
1084
|
+
<p>{{description}}</p>
|
|
1085
|
+
{{/if}}
|
|
1086
|
+
{{/unless}}
|
|
1083
1087
|
</li>
|
|
1084
1088
|
{{/each}}
|
|
1085
1089
|
{{#if dropdownOptions.viewAllHref}}
|
|
@@ -1090,8 +1094,8 @@ var init_navbar = __esm({
|
|
|
1090
1094
|
</ul>
|
|
1091
1095
|
</li>
|
|
1092
1096
|
{{else}}
|
|
1093
|
-
<li class="nav-item{{#if
|
|
1094
|
-
<a class="nav-link" aria-current="page" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>
|
|
1097
|
+
<li class="nav-item{{#if alternativeColor}} alt{{/if}}{{#if mobileOnly}} mobile-only{{/if}}">
|
|
1098
|
+
<a class="nav-link{{#if currentPage}} active{{/if}}"{{#if currentPage}} aria-current="page"{{/if}} href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>
|
|
1095
1099
|
{{#if iconName}}
|
|
1096
1100
|
<span class="qld-icon qld-icon-md {{iconName}}" aria-hidden="true"></span>
|
|
1097
1101
|
{{#if hideLabel}}
|
|
@@ -1149,7 +1153,7 @@ var init_contentPageWithForm = __esm({
|
|
|
1149
1153
|
<div class="row">
|
|
1150
1154
|
{{#if sidenav}}
|
|
1151
1155
|
<!-- Side navigation Col -->
|
|
1152
|
-
<div class="col-12 col-lg-3 mt-5 mt-lg-0">
|
|
1156
|
+
<div class="col-12 col-lg-3 mt-5 mt-lg-0 mb-32 mb-lg-0">
|
|
1153
1157
|
{{> sidenav sidenav}}
|
|
1154
1158
|
</div>
|
|
1155
1159
|
{{/if}}
|
|
@@ -1234,7 +1238,7 @@ var init_contentPageWithForm = __esm({
|
|
|
1234
1238
|
var contentPageWithSideNavigation_default;
|
|
1235
1239
|
var init_contentPageWithSideNavigation = __esm({
|
|
1236
1240
|
"src/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs?raw"() {
|
|
1237
|
-
contentPageWithSideNavigation_default = '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n
|
|
1241
|
+
contentPageWithSideNavigation_default = '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>{{title}}</title>\n</head>\n\n<body>\n <!-- Global ALert -->\n {{> globalAlert globalAlert}}\n\n <!-- Header -->\n {{> header header }} \n\n <!-- Navbar -->\n {{> navbar navbar}}\n\n {{#if banner}}\n {{> banner banner}}\n {{/if}}\n\n <main>\n\n <div class="container mt-40 mt-lg-64">\n {{#if breadcrumbs}}\n <div class="row">\n <div class="col-12">\n <!-- breadcrumbs -->\n {{> breadcrumbs breadcrumbs}}\n </div>\n </div>\n {{/if}}\n\n <!-- Main Grid Layout: Side navigation and content -->\n <div class="row">\n\n <!-- Side navigation column -->\n <div class="col-12 col-lg-3 mt-0 pe-lg-0">\n {{> sidenav sidenav}}\n </div>\n <!-- End Side navigation column -->\n\n <!-- Content Column -->\n <div class="col-lg-8 mt-40 mt-lg-0 ms-lg-32 ps-lg-32">\n\n {{#if inpagenav}}\n <!-- Inpagenav Component (.mb-64 provides vertical spacing) -->\n {{> inpagenav inpagenav}}\n {{/if}}\n\n\n\n <!-- Content Section with top vertical spacer (2rem mobile, 4rem LG and above) -->\n <div class="mt-32 mt-lg-64">\n <h2 id="section-heading">Section heading (H2)</h2> \n <p>\n Lorem ipsum dolor sit amet consectetur. Sed facilisis purus eu convallis ut. Morbi condimentum volutpat\n feugiat pellentesque. Auctor amet auctor dolor metus eget diam. Facilisis vitae venenatis vestibulum\n libero ut. Luctus diam pellentesque ipsum accumsan amet commodo.\n </p>\n <p>\n Convallis et ullamcorper ac nisi ornare sed facilisis sem. Scelerisque malesuada vivamus tellus mi vitae\n amet ornare donec malesuada. Nascetur senectus aenean fames id turpis.\n </p>\n </div>\n\n\n\n <!-- Content Section with top vertical spacer (2rem mobile, 4rem LG and above) -->\n <div class="mt-32 mt-lg-64">\n\n <h2 id="content-heading">Content heading (H2)</h2>\n \n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n\n {{#if calloutdata}}\n <!-- Callout Component -->\n {{> callout calloutdata}}\n {{/if}}\n </div>\n \n\n\n <!-- Content Section with top vertical spacer (2rem mobile, 2.5rem LG and above) -->\n <div class="mt-32 mt-lg-40">\n <h3 id="inspection">Pre-registration inspection (H3)</h3>\n <p>Information about pre-registration inspection requirements.</p>\n\n <h4 id="fees-and-charges">Fees and charges (H4)</h4>\n <p>Details about fees and charges for vehicle registration.</p>\n \n \n {{#if accordionItems}}\n <!-- QGDS Accordion Component with 1.5rem vertical spacer -->\n <div class="mt-24">\n {{> accordion accordionItems}}\n </div>\n {{/if}}\n </div>\n\n <!-- Top vertical spacer: 2rem default (mobile), 4rem LG and above -->\n <div class="mt-32 mt-lg-64">\n {{#if video}}\n <!-- QGDS Video Component -->\n {{> video video}}\n {{/if}}\n </div>\n\n <!-- Emphasis Container, with top vertical spacer: 2rem default (mobile), 4rem LG and above -->\n <div class="mt-40 mt-lg-64 bg-light content-emphasis">\n \n <h2 id="inspection">Section heading (H2) with emphasis</h2>\n \n <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. </p>\n \n <!-- QGDS Call To Action button -->\n {{> callToAction callToAction}}\n \n </div>\n\n\n\n <!-- Top vertical spacer: 2rem default (mobile), 4rem LG and above -->\n <div class="mt-32 mt-lg-64">\n <h2 id="inspection">Section heading (H2)</h2>\n <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. </p>\n \n {{#if table}}\n <!-- Table Component (.my-40 wrapper provides vertical spacing) -->\n <div class="mt-24">\n {{> table table}}\n </div>\n {{/if}}\n </div>\n\n </div>\n <!-- End Main Content Section -->\n\n </div>\n <!-- End Content Column -->\n \n\n <!-- QGDS Content Footer Component -->\n <div class="mt-64">\n {{> contentFooter contentFooter}}\n </div>\n\n </main>\n <!-- Footer -->\n {{> footer footer}}\n</body>\n\n</html>';
|
|
1238
1242
|
}
|
|
1239
1243
|
});
|
|
1240
1244
|
|
|
@@ -1242,7 +1246,7 @@ var init_contentPageWithSideNavigation = __esm({
|
|
|
1242
1246
|
var homePage_default;
|
|
1243
1247
|
var init_homePage = __esm({
|
|
1244
1248
|
"src/components/bs5/pageLayout/templates/homePage.hbs?raw"() {
|
|
1245
|
-
homePage_default = '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>{{title}}</title>\n</head>\n\n<body>\n {{> globalAlert globalAlert}}\n {{> header header}}\n {{> navbar navbar}}\n\n {{#if banner}}\n {{> banner banner}}\n {{/if}}\n\n <main>\n <div class="container-fluid p-0">\n {{#if cardGrid}}\n <section class="py-5 mt-md-3">\n <div class="container">\n <div class="row">\n {{#each cardGrid.cards}}\n <div class="col-md-4 mb-4">\n {{> card this}}\n </div>\n {{/each}}\n </div>\n </div>\n </section>\n {{/if}}\n\n {{#if linkColumns}}\n <section class="py-5">\n <div class="container">\n {{> linkColumns linkColumns}}\n </div>\n </section>\n {{/if}}\n\n <section class="py-5 mt-md-3 bg-light">\n <div class="container">\n <h2 id="content-heading">Section heading (H2)</h2>\n\n <div class="row">\n <div class="col-md-4 mb-4">\n <h3 id="inspection">Content heading (H3)</h3>\n <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies\n est.\n Tincidunt ultrices commodo vestibulum non netus. </p>\n <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien\n condimentum adipiscing augue quisque eu.</p>\n\n {{> callToAction callToAction}}\n </div>\n\n <div class="col-md-4 mb-4">\n <h3 id="inspection">Content heading (H3)</h3>\n <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies\n est.\n Tincidunt ultrices commodo vestibulum non netus. </p>\n <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien\n condimentum adipiscing augue quisque eu.</p>\n\n {{> callToAction callToAction}}\n </div>\n\n <div class="col-md-4 mb-4">\n <h3 id="inspection">Content heading (H3)</h3>\n <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies\n est.\n Tincidunt ultrices commodo vestibulum non netus. </p>\n <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien\n condimentum adipiscing augue quisque eu.</p>\n\n {{> callToAction callToAction}}\n </div>\n </div>\n </div>\n </section>\n\n {{#if promotionalPanel}}\n <section class="pt-5 bg-light">\n <div class="container">\n {{> promotionalPanel promotionalPanel}}\n </div>\n </section>\n {{/if}}\n\n {{#if cardGridBottom}}\n <section class="py-64 dark-alt">\n <div class="container pt-64">\n <div class="row">\n {{#each cardGridBottom.cards}}\n <div class="col-md-4 mb-4">\n {{> card this}}\n </div>\n {{/each}}\n </div>\n </div>\n </section>\n {{/if}}\n\n </div>\n </main>\n {{> footer footer}}\n</body>\n\n</html>';
|
|
1249
|
+
homePage_default = '<!DOCTYPE html>\n<html lang="en">\n\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>{{title}}</title>\n</head>\n\n<body>\n {{> globalAlert globalAlert}}\n {{> header header}}\n {{> navbar navbar}}\n\n {{#if banner}}\n {{> banner banner}}\n {{/if}}\n\n <main>\n <div class="container-fluid p-0">\n {{#if cardGrid}}\n <section class="py-5 mt-md-3">\n <div class="container">\n <div class="row">\n {{#each cardGrid.cards}}\n <div class="col-md-4 mb-4">\n {{> card this}}\n </div>\n {{/each}}\n </div>\n </div>\n </section>\n {{/if}}\n\n {{#if linkColumns}}\n <section class="py-5">\n <div class="container">\n {{> linkColumns linkColumns}}\n </div>\n </section>\n {{/if}}\n\n <section class="py-5 mt-md-3 bg-light">\n <div class="container">\n <h2 id="content-heading">Section heading (H2)</h2>\n\n <div class="row">\n <div class="col-md-4 mb-4">\n <h3 id="inspection">Content heading (H3)</h3>\n <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies\n est.\n Tincidunt ultrices commodo vestibulum non netus. </p>\n <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien\n condimentum adipiscing augue quisque eu.</p>\n\n {{> callToAction callToAction}}\n </div>\n\n <div class="col-md-4 mb-4">\n <h3 id="inspection">Content heading (H3)</h3>\n <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies\n est.\n Tincidunt ultrices commodo vestibulum non netus. </p>\n <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien\n condimentum adipiscing augue quisque eu.</p>\n\n {{> callToAction callToAction}}\n </div>\n\n <div class="col-md-4 mb-4">\n <h3 id="inspection">Content heading (H3)</h3>\n <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies\n est.\n Tincidunt ultrices commodo vestibulum non netus. </p>\n <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien\n condimentum adipiscing augue quisque eu.</p>\n\n {{> callToAction callToAction}}\n </div>\n </div>\n </div>\n </section>\n\n {{#if promotionalPanel}}\n <section class="pt-5 bg-light">\n <div class="container is-extended">\n {{> promotionalPanel promotionalPanel}}\n </div>\n </section>\n {{/if}}\n\n {{#if cardGridBottom}}\n <section class="py-64 dark-alt">\n <div class="container pt-64">\n <div class="row">\n {{#each cardGridBottom.cards}}\n <div class="col-md-4 mb-4">\n {{> card this}}\n </div>\n {{/each}}\n </div>\n </div>\n </section>\n {{/if}}\n\n </div>\n </main>\n {{> footer footer}}\n</body>\n\n</html>';
|
|
1246
1250
|
}
|
|
1247
1251
|
});
|
|
1248
1252
|
|
|
@@ -1323,7 +1327,7 @@ var init_quickexit = __esm({
|
|
|
1323
1327
|
var searchInput_default;
|
|
1324
1328
|
var init_searchInput = __esm({
|
|
1325
1329
|
"src/components/bs5/searchInput/searchInput.hbs?raw"() {
|
|
1326
|
-
searchInput_default = '<!-- \n QGDS Component: Search input \n-->\n<div class="
|
|
1330
|
+
searchInput_default = '<!-- \n QGDS Component: Search input \n-->\n<div class="qld-search-input {{customClass}}">\n <input id="{{ inputID }}" name="{{ inputName }}" class="form-control" type="text" autocomplete="off"\n aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />\n\n {{#if suggestions}}\n <div class="suggestions suggestions__group d-none">\n <div class="default-suggestions">\n <div class="suggestions-category mt-16">\n <strong class="suggestions-category-label d-block">Popular services</strong>\n <ul class="mt-2">\n {{#each default_suggestions.popular_services}}\n <li><a href="{{link}}">{{title}}</a></li>\n {{/each}}\n </ul>\n </div>\n\n <div class="suggestions-category mt-16">\n <strong class="suggestions-category-label d-block">Browse by category</strong>\n <ul class="mt-12 mb-0">\n {{#each default_suggestions.categories}}\n <li><a href="{{link}}">{{title}}</a></li>\n {{/each}}\n </ul>\n </div>\n\n {{#if default_suggestions.options.view_more}}\n <div class="suggestions-category">\n <a class="px-16 pt-12 pb-16 d-block suggestions-category-view-more"\n href="{{default_suggestions.options.href}}">{{default_suggestions.options.label}}</a>\n </div>\n {{/if}}\n </div>\n <div class="dynamic-suggestions"></div>\n </div>\n {{/if}}\n <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">\n <span class="btn-icon"></span>\n <span class="btn-label">{{ buttonLabel }}</span>\n </button>\n</div>';
|
|
1327
1331
|
}
|
|
1328
1332
|
});
|
|
1329
1333
|
|
|
@@ -1339,7 +1343,7 @@ var init_select = __esm({
|
|
|
1339
1343
|
var sidenav_default;
|
|
1340
1344
|
var init_sidenav = __esm({
|
|
1341
1345
|
"src/components/bs5/sidenav/sidenav.hbs?raw"() {
|
|
1342
|
-
sidenav_default = '<
|
|
1346
|
+
sidenav_default = '<nav class="qld-side-navigation" aria-label="Side Navigation">\n <button\n class="accordion-button collapsed d-lg-none"\n type="button"\n data-bs-toggle="collapse"\n data-bs-target="#sideNavCollapse"\n aria-expanded="false"\n aria-controls="sideNavCollapse"\n >\n {{isdefined collapseTitle "In this section"}}\n </button>\n <div class="nav-wrapper collapse d-lg-block" id="sideNavCollapse">\n <h2 class="nav-title">\n {{#if navtitlelink}}\n <a class="nav-link" href="{{navtitlelink}}">{{navtitle}}</a>\n {{else}}\n {{navtitle}}\n {{/if}}\n </h2>\n\n <!-- Level One -->\n <ul class="nav" aria-label="section navigation">\n\n {{#each navlist}}\n <li class="nav-item {{class}}">\n\n {{#contains "active" class}}\n <span class="nav-link">{{label}}</span>\n {{else}}\n <a class="nav-link" href="{{link}}" target="{{target}}">\n {{label}}\n {{class}}\n </a>\n {{/contains}}\n\n {{#if children}}\n <!-- Level Two -->\n <ul>\n {{#each children}}\n <li class="nav-item {{class}}">\n\n {{#contains "active" class}}\n <span class="nav-link">{{label}}</span>\n {{else}}\n <a class="nav-link" href="{{link}}" target="{{target}}">\n {{label}}\n {{class}}\n </a>\n {{/contains}}\n\n {{#if children}}\n <!-- Level Three -->\n <ul class="with-stalks">\n {{#each children}}\n <li class="nav-item {{class}}">\n\n {{#contains "active" class}}\n <span class="nav-link">{{label}}</span>\n {{else}}\n <a\n class="nav-link"\n href="{{link}}"\n target="{{target}}"\n >\n {{label}}\n {{class}}\n </a>\n {{/contains}}\n\n </li>\n {{/each}}\n </ul>\n {{/if}}\n\n </li>\n {{/each}}\n </ul>\n {{/if}}\n\n </li>\n {{/each}}\n </ul>\n </div>\n\n</nav>';
|
|
1343
1347
|
}
|
|
1344
1348
|
});
|
|
1345
1349
|
|