@qld-gov-au/qgds-bootstrap5 2.0.1 → 2.0.3
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 +3 -6
- 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/quickexit/quickexit.hbs +1 -1
- 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 +232 -179
- 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 +55 -23
- package/dist/assets/node/handlebars.init.min.js.map +2 -2
- package/dist/components/bs5/accordion/accordion.hbs +3 -6
- 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/quickexit/quickexit.hbs +1 -1
- package/dist/components/bs5/sidenav/sidenav.hbs +56 -37
- package/dist/package.json +2 -4
- package/dist/sample-data/accordion/accordion.data.json +24 -23
- package/dist/sample-data/navbar/navbar.data.json +91 -25
- package/dist/sample-data/pagination/pagination.data.json +19 -19
- package/dist/sample-data/sidenav/sidenav.data.json +81 -80
- package/package.json +2 -4
- package/src/components/bs5/accordion/Accordion.mdx +34 -12
- package/src/components/bs5/accordion/__snapshots__/accordion.test.js.snap +3 -6
- package/src/components/bs5/accordion/accordion.data.json +24 -23
- package/src/components/bs5/accordion/accordion.hbs +3 -6
- package/src/components/bs5/accordion/accordion.scss +19 -9
- package/src/components/bs5/accordion/accordion.stories.js +8 -0
- package/src/components/bs5/accordion/accordion.test.js +5 -0
- package/src/components/bs5/accordion/mdx/_designResources.mdx +6 -0
- package/src/components/bs5/accordion/mdx/_usageInstructions.mdx +10 -0
- package/src/components/bs5/backToTop/backToTop.mdx +4 -5
- package/src/components/bs5/banner/Banner.mdx +1 -3
- package/src/components/bs5/blockquote/Blockquote.mdx +4 -5
- package/src/components/bs5/blockquote/blockquote.scss +47 -7
- package/src/components/bs5/breadcrumbs/Breadcrumbs.mdx +1 -3
- package/src/components/bs5/button/Button.mdx +4 -5
- package/src/components/bs5/button/button.scss +13 -1
- package/src/components/bs5/callToAction/callToAction.mdx +1 -3
- package/src/components/bs5/callout/Callout.mdx +4 -5
- package/src/components/bs5/card/Card.mdx +1 -3
- package/src/components/bs5/card/card.scss +1 -25
- package/src/components/bs5/directionLinks/DirectionLinks.mdx +4 -5
- 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/footer/Footer.mdx +1 -3
- package/src/components/bs5/footer/footer.scss +4 -11
- package/src/components/bs5/formcheck/stories/checkbox/Checkbox.mdx +7 -6
- package/src/components/bs5/formcheck/stories/radio/Radio.mdx +7 -6
- package/src/components/bs5/globalAlert/GlobalAlert.mdx +1 -3
- package/src/components/bs5/globalAlert/globalAlert.scss +6 -0
- package/src/components/bs5/header/Header.mdx +1 -3
- package/src/components/bs5/header/header.hbs +6 -9
- package/src/components/bs5/header/header.scss +6 -2
- package/src/components/bs5/icons/Icons.mdx +167 -7
- package/src/components/bs5/icons/_icons.sizes.scss +9 -0
- package/src/components/bs5/icons/icons.scss +23 -71
- package/src/components/bs5/icons/icons.stories.js +34 -57
- package/src/components/bs5/icons/mdx/_IconsSizes.mdx +112 -0
- package/src/components/bs5/icons/stories/storyFlexContainer.html +18 -0
- package/src/components/bs5/icons/stories/storyInlineWithText.html +18 -0
- package/src/components/bs5/icons/stories/storySizes.html +89 -0
- package/src/components/bs5/image/Image.mdx +1 -4
- package/src/components/bs5/inpageAlert/InpageAlert.mdx +1 -3
- package/src/components/bs5/inpagenav/Inpagenav.mdx +4 -5
- package/src/components/bs5/inpagenav/inpagenav.scss +7 -3
- package/src/components/bs5/link/link.mdx +1 -3
- package/src/components/bs5/link/link.scss +2 -15
- package/src/components/bs5/linkColumns/linkColumns.mdx +1 -3
- package/src/components/bs5/logo/Logo.mdx +1 -3
- 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 +219 -166
- package/src/components/bs5/navbar/navbar.stories.js +31 -2
- package/src/components/bs5/pageLayout/ThemeShowcase.stories.js +249 -0
- 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.mdx +4 -5
- 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.mdx +1 -3
- 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.hbs +1 -1
- package/src/components/bs5/quickexit/quickexit.scss +27 -10
- package/src/components/bs5/searchInput/SearchInput.mdx +5 -5
- package/src/components/bs5/sidenav/Sidenav.mdx +4 -5
- 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.mdx +1 -3
- package/src/components/bs5/skiplinks/skipLinks.functions.js +0 -9
- package/src/components/bs5/skiplinks/skipLinks.test.js +0 -1
- package/src/components/bs5/table/Table.mdx +4 -5
- package/src/components/bs5/tabs/Tabs.mdx +4 -5
- package/src/components/bs5/tabs/tabs.scss +22 -1
- package/src/components/bs5/tag/Tag.mdx +4 -5
- package/src/components/bs5/typography/Typography.mdx +4 -5
- package/src/components/bs5/video/Video.mdx +4 -5
- package/src/components/common/layout/container.scss +5 -0
- package/src/components/common/layout/content.scss +16 -8
- package/src/css/functions/_index.scss +1 -0
- package/src/css/functions/in-list.scss +5 -0
- package/src/css/main.scss +4 -10
- package/src/css/mixins/_index.scss +3 -0
- package/src/css/mixins/make-icon.scss +87 -0
- package/src/css/qld-theme.scss +74 -31
- package/src/css/qld-type.scss +26 -140
- package/src/css/qld-utilities.scss +29 -14
- package/src/css/qld-variables.scss +4 -4
- package/src/css/utilities/_index.scss +1 -0
- package/src/css/utilities/sr-only.scss +5 -0
- package/src/css/variables/_index.scss +1 -0
- package/src/css/variables/type.scss +58 -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/icons/story-icon-sizing.html +0 -131
- package/src/components/bs5/icons/story-icon-usage.html +0 -89
- package/src/components/bs5/pagination/health-icon-sprite.svg +0 -156
|
@@ -194,7 +194,32 @@ var init_handlebars_helpers = __esm({
|
|
|
194
194
|
var accordion_default;
|
|
195
195
|
var init_accordion = __esm({
|
|
196
196
|
"src/components/bs5/accordion/accordion.hbs?raw"() {
|
|
197
|
-
accordion_default =
|
|
197
|
+
accordion_default = `<!-- QGDS Component: Accordion -->
|
|
198
|
+
<div class="accordion-group">
|
|
199
|
+
{{#if toggleAll}}
|
|
200
|
+
<div class="accordion-toggle">
|
|
201
|
+
<button class="accordion-toggle-btn accordion-toggle-btn--closed" type="button">Open all</button>
|
|
202
|
+
</div>
|
|
203
|
+
{{/if}}
|
|
204
|
+
<div class="accordion" id="{{groupid}}">
|
|
205
|
+
{{#each accordionItems }}
|
|
206
|
+
<div class="accordion-item">
|
|
207
|
+
<{{isdefined ../headingTag 'h2'}} class="accordion-header" id="heading-{{id}}">
|
|
208
|
+
<button class="accordion-button {{#unless expanded}}collapsed{{/unless}}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{id}}" aria-expanded="{{expanded}}" aria-controls="collapse-{{id}}">
|
|
209
|
+
{{title}}
|
|
210
|
+
</button>
|
|
211
|
+
</{{isdefined ../headingTag 'h2'}}>
|
|
212
|
+
|
|
213
|
+
<div id="collapse-{{id}}" class="accordion-collapse collapse {{#if expanded}}show{{/if}}" aria-labelledby="heading-{{id}}" role="region">
|
|
214
|
+
<div class="accordion-body">
|
|
215
|
+
{{{content}}}
|
|
216
|
+
</div>
|
|
217
|
+
</div>
|
|
218
|
+
</div>
|
|
219
|
+
{{/each }}
|
|
220
|
+
</div>
|
|
221
|
+
</div>
|
|
222
|
+
`;
|
|
198
223
|
}
|
|
199
224
|
});
|
|
200
225
|
|
|
@@ -442,7 +467,7 @@ var init_dateinput = __esm({
|
|
|
442
467
|
var directionLinks_default;
|
|
443
468
|
var init_directionLinks = __esm({
|
|
444
469
|
"src/components/bs5/directionLinks/directionLinks.hbs?raw"() {
|
|
445
|
-
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>';
|
|
446
471
|
}
|
|
447
472
|
});
|
|
448
473
|
|
|
@@ -783,7 +808,7 @@ var head_default;
|
|
|
783
808
|
var init_head = __esm({
|
|
784
809
|
"src/components/bs5/head/head.hbs?raw"() {
|
|
785
810
|
head_default = `
|
|
786
|
-
<!-- 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.3","branch":"HEAD","tag":"v2.0.3","commit":"fa72cd132ffaf157e0fe59ce291db6db0d2f2554","majorVersion":"v2"} -->
|
|
787
812
|
|
|
788
813
|
{{! Select environment, used verbatium if not using predefind key
|
|
789
814
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -801,7 +826,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
801
826
|
var header_default;
|
|
802
827
|
var init_header = __esm({
|
|
803
828
|
"src/components/bs5/header/header.hbs?raw"() {
|
|
804
|
-
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>';
|
|
805
830
|
}
|
|
806
831
|
});
|
|
807
832
|
|
|
@@ -1022,8 +1047,8 @@ var init_navbar = __esm({
|
|
|
1022
1047
|
<ul class="navbar-nav">
|
|
1023
1048
|
{{#each navigation}}
|
|
1024
1049
|
{{#if navigationItems}}
|
|
1025
|
-
<li class="nav-item dropdown{{#if
|
|
1026
|
-
<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"
|
|
1027
1052
|
aria-expanded="false">
|
|
1028
1053
|
{{#if iconName}}
|
|
1029
1054
|
<span class="qld-icon qld-icon-md {{iconName}}" aria-hidden="true"></span>
|
|
@@ -1036,22 +1061,29 @@ var init_navbar = __esm({
|
|
|
1036
1061
|
{{text}}
|
|
1037
1062
|
{{/if}}
|
|
1038
1063
|
</a>
|
|
1039
|
-
<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">
|
|
1040
1065
|
<span class="visually-hidden">Expand</span>
|
|
1041
1066
|
</button>
|
|
1042
1067
|
<ul class="dropdown-menu">
|
|
1043
|
-
|
|
1044
|
-
<
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
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}}
|
|
1049
1076
|
{{#each navigationItems}}
|
|
1050
1077
|
<li{{#if mobileOnly}} class="mobile-only"{{/if}}>
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
<p>{{description}}</p>
|
|
1078
|
+
{{#if isHTML}}
|
|
1079
|
+
{{{htmlContent}}}
|
|
1054
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}}
|
|
1055
1087
|
</li>
|
|
1056
1088
|
{{/each}}
|
|
1057
1089
|
{{#if dropdownOptions.viewAllHref}}
|
|
@@ -1062,8 +1094,8 @@ var init_navbar = __esm({
|
|
|
1062
1094
|
</ul>
|
|
1063
1095
|
</li>
|
|
1064
1096
|
{{else}}
|
|
1065
|
-
<li class="nav-item{{#if
|
|
1066
|
-
<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}}>
|
|
1067
1099
|
{{#if iconName}}
|
|
1068
1100
|
<span class="qld-icon qld-icon-md {{iconName}}" aria-hidden="true"></span>
|
|
1069
1101
|
{{#if hideLabel}}
|
|
@@ -1121,7 +1153,7 @@ var init_contentPageWithForm = __esm({
|
|
|
1121
1153
|
<div class="row">
|
|
1122
1154
|
{{#if sidenav}}
|
|
1123
1155
|
<!-- Side navigation Col -->
|
|
1124
|
-
<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">
|
|
1125
1157
|
{{> sidenav sidenav}}
|
|
1126
1158
|
</div>
|
|
1127
1159
|
{{/if}}
|
|
@@ -1206,7 +1238,7 @@ var init_contentPageWithForm = __esm({
|
|
|
1206
1238
|
var contentPageWithSideNavigation_default;
|
|
1207
1239
|
var init_contentPageWithSideNavigation = __esm({
|
|
1208
1240
|
"src/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs?raw"() {
|
|
1209
|
-
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>';
|
|
1210
1242
|
}
|
|
1211
1243
|
});
|
|
1212
1244
|
|
|
@@ -1214,7 +1246,7 @@ var init_contentPageWithSideNavigation = __esm({
|
|
|
1214
1246
|
var homePage_default;
|
|
1215
1247
|
var init_homePage = __esm({
|
|
1216
1248
|
"src/components/bs5/pageLayout/templates/homePage.hbs?raw"() {
|
|
1217
|
-
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>';
|
|
1218
1250
|
}
|
|
1219
1251
|
});
|
|
1220
1252
|
|
|
@@ -1287,7 +1319,7 @@ var init_promotionalPanel = __esm({
|
|
|
1287
1319
|
var quickexit_default;
|
|
1288
1320
|
var init_quickexit = __esm({
|
|
1289
1321
|
"src/components/bs5/quickexit/quickexit.hbs?raw"() {
|
|
1290
|
-
quickexit_default = '<!-- QGDS Component: Loading Quick exit -->\n\n<div class="qld-quick-exit"><!-- dark -->\n <div class="container">\n <div class="qld-quick-exit-inner container-fluid {{#if hasIconInfo}} has-icon-info{{/if}}{{#if hasTooltip}} has-tooltip{{/if}}">\n <div class="qg-quick-exit__tips">\n {{#if hasIconInfo}}\n <span class="
|
|
1322
|
+
quickexit_default = '<!-- QGDS Component: Loading Quick exit -->\n\n<div class="qld-quick-exit"><!-- dark -->\n <div class="container">\n <div class="qld-quick-exit-inner container-fluid {{#if hasIconInfo}} has-icon-info{{/if}}{{#if hasTooltip}} has-tooltip{{/if}}">\n <div class="qg-quick-exit__tips">\n {{#if hasIconInfo}}\n <span class="icon-info"></span>\n {{/if}}\n <p class="qld-quick-exit-tip-title">{{{exitMessage}}}</p>\n <a href="{{browseSafelyOnlineURL}}" class="qld-quick-exit-tip-link">\n <span>{{exitMessageLinkText}}</span>\n </a>\n </div>\n <div class="qld-quick-exit-actions">\n {{#if hasTooltip}}\n <ul class="qld-quick-exit-list">\n <li class="qld-quick-exit-item qld-tooltip-container">\n <input type="checkbox" id="qld-quick-exit-input" class="qld-quick-exit-input sr-only" />\n <label for="qld-quick-exit-input" class="qld-quick-exit-label qld-tooltip-parent">\n <span class="qld-tooltip-prompt">{{qldTooltipPrompt}}</span>\n <div class="qld-tooltip-wrapper">\n <div class="qld-tooltip">\n <span class="qld-tooltip-content">{{qldTooltipContent}}</span>\n </div>\n </div>\n </label>\n </li>\n \n <li class="qld-quick-exit-item">\n {{/if}}\n <button class="btn btn-secondary qld-quick-exit-button">{{{quickExitButtonText}}}</button>\n {{#if hasTooltip}}\n </li> \n </ul>\n {{/if}}\n </div>\n </div>\n </div>\n</div>';
|
|
1291
1323
|
}
|
|
1292
1324
|
});
|
|
1293
1325
|
|
|
@@ -1311,7 +1343,7 @@ var init_select = __esm({
|
|
|
1311
1343
|
var sidenav_default;
|
|
1312
1344
|
var init_sidenav = __esm({
|
|
1313
1345
|
"src/components/bs5/sidenav/sidenav.hbs?raw"() {
|
|
1314
|
-
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>';
|
|
1315
1347
|
}
|
|
1316
1348
|
});
|
|
1317
1349
|
|