@qld-gov-au/qgds-bootstrap5 2.1.0 → 2.1.2

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.
Files changed (94) hide show
  1. package/.storybook/preview.js +15 -6
  2. package/dist/assets/components/bs5/button/button.hbs +2 -1
  3. package/dist/assets/components/bs5/callToAction/callToAction.hbs +3 -3
  4. package/dist/assets/components/bs5/dateinput/dateinput.hbs +21 -27
  5. package/dist/assets/components/bs5/formcheck/formcheck.hbs +1 -1
  6. package/dist/assets/components/bs5/globalAlert/globalAlert.hbs +8 -1
  7. package/dist/assets/components/bs5/head/head.hbs +1 -1
  8. package/dist/assets/components/bs5/pagination/pagination.hbs +7 -2
  9. package/dist/assets/components/bs5/promotionalPanel/promotionalPanel.hbs +1 -1
  10. package/dist/assets/components/bs5/searchInput/searchInput.hbs +2 -2
  11. package/dist/assets/components/bs5/select/select.hbs +1 -1
  12. package/dist/assets/components/bs5/textarea/textarea.hbs +1 -1
  13. package/dist/assets/components/bs5/textbox/textbox.hbs +1 -1
  14. package/dist/assets/css/qld.bootstrap.css +2 -2
  15. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  16. package/dist/assets/css/qld.bootstrap.legacy.css +2 -2
  17. package/dist/assets/css/qld.bootstrap.legacy.css.map +3 -3
  18. package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
  19. package/dist/assets/js/handlebars.init.min.js +56 -49
  20. package/dist/assets/js/handlebars.init.min.js.map +2 -2
  21. package/dist/assets/js/handlebars.partials.js +56 -49
  22. package/dist/assets/js/handlebars.partials.js.map +2 -2
  23. package/dist/assets/js/qld.bootstrap.min.js +6 -6
  24. package/dist/assets/js/qld.bootstrap.min.js.map +4 -4
  25. package/dist/assets/node/handlebars.init.min.js +21 -13
  26. package/dist/assets/node/handlebars.init.min.js.map +2 -2
  27. package/dist/components/bs5/button/button.hbs +2 -1
  28. package/dist/components/bs5/callToAction/callToAction.hbs +3 -3
  29. package/dist/components/bs5/dateinput/dateinput.hbs +21 -27
  30. package/dist/components/bs5/formcheck/formcheck.hbs +1 -1
  31. package/dist/components/bs5/globalAlert/globalAlert.hbs +8 -1
  32. package/dist/components/bs5/head/head.hbs +1 -1
  33. package/dist/components/bs5/pagination/pagination.hbs +7 -2
  34. package/dist/components/bs5/promotionalPanel/promotionalPanel.hbs +1 -1
  35. package/dist/components/bs5/searchInput/searchInput.hbs +2 -2
  36. package/dist/components/bs5/select/select.hbs +1 -1
  37. package/dist/components/bs5/textarea/textarea.hbs +1 -1
  38. package/dist/components/bs5/textbox/textbox.hbs +1 -1
  39. package/dist/package.json +33 -32
  40. package/dist/sample-data/callToAction/callToAction.data.json +2 -1
  41. package/dist/sample-data/dateinput/dateinput.data.json +3 -1
  42. package/dist/sample-data/pagination/pagination.data.json +4 -4
  43. package/dist/sample-data/promotionalPanel/promotionalPanel.data.json +45 -47
  44. package/package.json +33 -32
  45. package/src/components/bs5/breadcrumbs/breadcrumbs.scss +1 -0
  46. package/src/components/bs5/button/button.hbs +2 -1
  47. package/src/components/bs5/button/button.scss +1 -0
  48. package/src/components/bs5/button/button.stories.js +16 -4
  49. package/src/components/bs5/callToAction/callToAction.data.json +2 -1
  50. package/src/components/bs5/callToAction/callToAction.hbs +3 -3
  51. package/src/components/bs5/callToAction/callToAction.stories.js +2 -2
  52. package/src/components/bs5/card/card.scss +2 -2
  53. package/src/components/bs5/dateinput/Dateinput.js +1 -38
  54. package/src/components/bs5/dateinput/Dateinput.mdx +27 -0
  55. package/src/components/bs5/dateinput/Dateinput.stories.js +48 -4
  56. package/src/components/bs5/dateinput/dateinput.data.json +3 -1
  57. package/src/components/bs5/dateinput/dateinput.functions.js +91 -0
  58. package/src/components/bs5/dateinput/dateinput.hbs +21 -27
  59. package/src/components/bs5/formcheck/formcheck.hbs +1 -1
  60. package/src/components/bs5/formcheck/formcheck.scss +5 -0
  61. package/src/components/bs5/globalAlert/globalAlert.hbs +8 -1
  62. package/src/components/bs5/globalAlert/globalAlert.scss +14 -19
  63. package/src/components/bs5/globalAlert/globalAlert.stories.js +1 -0
  64. package/src/components/bs5/globalAlert/globalAlert.test.js +10 -5
  65. package/src/components/bs5/inpageAlert/inpageAlert.scss +3 -4
  66. package/src/components/bs5/inpagenav/inpagenav.scss +9 -1
  67. package/src/components/bs5/modal/modal.scss +1 -1
  68. package/src/components/bs5/navbar/navbar.functions.js +39 -28
  69. package/src/components/bs5/navbar/navbar.scss +43 -28
  70. package/src/components/bs5/navbar/navbar.stories.js +4 -3
  71. package/src/components/bs5/pageLayout/pageLayout.stories.js +2 -0
  72. package/src/components/bs5/pagination/pagination.data.json +4 -4
  73. package/src/components/bs5/pagination/pagination.hbs +7 -2
  74. package/src/components/bs5/pagination/pagination.scss +1 -1
  75. package/src/components/bs5/promotionalPanel/promotionalPanel.data.json +45 -47
  76. package/src/components/bs5/promotionalPanel/promotionalPanel.hbs +1 -1
  77. package/src/components/bs5/quickexit/quickexit.scss +1 -1
  78. package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +2 -2
  79. package/src/components/bs5/searchInput/search.functions.js +9 -5
  80. package/src/components/bs5/searchInput/searchInput.hbs +2 -2
  81. package/src/components/bs5/searchInput/searchInput.scss +1 -0
  82. package/src/components/bs5/select/select.hbs +1 -1
  83. package/src/components/bs5/sidenav/sidenav.scss +17 -19
  84. package/src/components/bs5/table/table.scss +93 -83
  85. package/src/components/bs5/textarea/textarea.hbs +1 -1
  86. package/src/components/bs5/textbox/textbox.hbs +1 -1
  87. package/src/css/main.scss +3 -0
  88. package/src/css/mixins/focusable.scss +1 -1
  89. package/src/css/qld-reduced-motion.scss +51 -0
  90. package/src/css/qld-tokens.scss +3 -3
  91. package/src/css/qld-type.scss +7 -13
  92. package/src/js/constants.js +10 -0
  93. package/src/js/qld.bootstrap.js +99 -99
  94. package/src/js/utils.js +3 -1
@@ -1,3 +1,3 @@
1
1
  "use strict";(()=>{function p(r,t,e){switch(t){case"==":return r==e;case"===":return r===e;case"!=":return r!=e;case"!==":return r!==e;case"<":return r<e;case"<=":return r<=e;case">":return r>e;case">=":return r>=e;case"&&":return r&&e;case"||":return r||e;case"in":return typeof r=="string"&&typeof e=="string"?e.split(",").map(n=>n.trim()).includes(r):!1;case"contains":return typeof r=="string"&&typeof e=="string"?r.toLowerCase().indexOf(e.toLowerCase())>=0:!1;default:return!1}}function c(r){r.registerHelper("contains",function(t,e,n){return t=r.escapeExpression(t),e=r.escapeExpression(e),e.indexOf(t)>-1?n.fn(this):n.inverse(this)}),r.registerHelper("ifCond",function(t,e,n,i){return p(t,e,n)?i.fn(this):i.inverse(this)}),r.registerHelper("cond",(t,e,n)=>p(t,e,n)),r.registerHelper("isType",function(t,e,n){return t===e?n.fn(this):n.inverse(this)}),r.registerHelper("ifAny",function(...t){let e=t.pop();return t.some(n=>!!n)?e.fn(this):e.inverse(this)}),r.registerHelper("ifAll",function(...t){let e=t.pop();return t.every(n=>!!n)?e.fn(this):e.inverse(this)}),r.registerHelper("now",function(){return new Date().toISOString()}),r.registerHelper("formatDate",function(t,e,n){let i;if(t&&(i=new Date(t)),isNaN(i)&&e&&(i=new Date(e)),isNaN(i))return"Invalid Date";var s=["January","February","March","April","May","June","July","August","September","October","November","December"],u=i.getDate(),o=s[i.getMonth()],f=i.getFullYear();switch(n){case"YYYY":return`${f}`;case"MMMM YYYY":return`${o} ${f}`;default:return`${u} ${o} ${f}`}}),r.registerHelper("formatDateOrToday",function(t,e){let n=t||new Date().toISOString();return r.helpers.formatDate(t,n,e)}),r.registerHelper("formatDuration",function(t,e){if(!t)return"";if(typeof t=="string"&&e!=="long")return t;let n="",i=[],s,u,o;if(typeof t=="string"){let f=t.split(":");o=f[0],f.length==2?[u="",o=""]=f:f.length==3&&([s="",u="",o=""]=f)}else[s="",u="",o=""]=t;return e==="long"?(s>0&&i.push(`${s} hour${s>1?"s":""}`),u>0&&i.push(`${u} minute${u>1?"s":""}`),o>0&&i.push(`${o} second${o>1?"s":""}`),n=i.join(" ")):(s>0&&i.push(s.toString().padStart(2,0)),i.push(u.toString().padStart(2,0)),i.push(o.toString().padStart(2,0)),n=i.join(":")),n}),r.registerHelper("isdefined",function(t,e){return t!==void 0&&t!==""?t:e}),r.registerHelper("getClassNames",function(t,e){let n=t.split(",").map(s=>s.trim()),i=[];for(let s=0;s<n.length;s++){let u=n[s];if(e){for(let o=0;o<e.length;o++)if(e[o][u]===!0){i.push(u);break}}}return i.length>0?i.join(" "):""}),r.registerHelper("join",function(t,e){return(!e||typeof e!="string")&&(e=" "),Array.isArray(t)?t.join(e):t}),r.registerHelper("toCamelCase",function(t){return typeof t!="string"?t:t.toLowerCase().replace(/(?:^\w|[A-Z]|\b\w|\s+)/g,(e,n)=>n===0?e.toLowerCase():e.toUpperCase()).replace(/\s+/g,"")})}typeof Handlebars!="undefined"&&c(Handlebars);})();
2
- //# @qld-gov-au/qgds-bootstrap5 - v2.1.0
2
+ //# @qld-gov-au/qgds-bootstrap5 - v2.1.2
3
3
  //# sourceMappingURL=handlebars.helpers.bundle.js.map
@@ -145,7 +145,8 @@
145
145
 
146
146
  {{#unless islink}}
147
147
 
148
- <button class="btn {{variantClass}} {{#if isprogress}}btn-progress{{/if}}" onclick="{{{onclick}}}" {{#if isdisabled}}disabled{{/if}} {{#if isprogress}}disabled aria-live="polite"{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}} {{#if progressLabel}}data-progress-label="{{progressLabel}}"{{/if}}>
148
+ <button class="btn {{variantClass}} {{#if isprogress}}btn-progress{{/if}}" onclick="{{{onclick}}}" tabindex="0" {{#if isdisabled}}disabled{{/if}} {{#if isprogress}}disabled aria-live="polite"{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{#if progressLabel}}data-progress-label="{{progressLabel}}"{{/if}} {{{dataatts}}} >
149
+
149
150
  {{#if isprogress}}
150
151
  {{~>progressSpinner~}}
151
152
  {{else}}
@@ -202,9 +203,9 @@
202
203
  </div>
203
204
  `;var L=`<a class="qld-cta-link {{getClassNames "small, view-all" class}}"
204
205
  {{#if id}}id="{{id}}"{{/if}}
205
- href="{{href}}"
206
- target="{{target}}"
207
- {{#if arialabel}}aria-label="{{arialabel}}"{{/if}}
206
+ href="{{href}}"
207
+ target="{{target}}"
208
+ {{#if arialabel}}aria-label="{{arialabel}}"{{/if}}
208
209
  >
209
210
  {{label}}
210
211
  <span class="icon" aria-hidden="true"></span>
@@ -677,7 +678,7 @@
677
678
  {{#if title}}<h1>{{title}}</h1>{{/if}}
678
679
  {{> @partial-block }}
679
680
  </div>
680
- `;var w="";var x=`{{#if customLinks }}
681
+ `;var x="";var w=`{{#if customLinks }}
681
682
  <ul class="nav footer-link-list footer-link-list--custom flex-column">
682
683
  {{#each customLinks }}
683
684
  <li><a class="nav-link" href="{{ link }}" {{#if target }} target="_blank" {{/if}}>{{ label }}</a></li>
@@ -685,9 +686,7 @@
685
686
  </ul>
686
687
  {{/if}}`;var S=`<!-- QGDS Component: Date input -->
687
688
 
688
- <label id="{{id}}-label"
689
- class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}"
690
- for="{{id}}">
689
+ <label id="{{id}}-label" class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}" for="{{id}}">
691
690
  {{label-text}}
692
691
  {{#if optional-text}}
693
692
  <span class="label-text-optional">({{optional-text}})</span>
@@ -697,53 +696,49 @@
697
696
  {{#if hint-text}}
698
697
  <span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>
699
698
  {{/if}}
700
-
701
699
  {{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes \`qld-input-success\`}}
702
700
  <span class="qld-input-success">{{successMessageText}}</span>
703
- {{else}}
704
- {{#if successMessageText}}{{! updated bootstrap style classes - \`valid-feedback\`}}
701
+ {{else if successMessageText}}{{! updated bootstrap style classes - \`valid-feedback\`}}
705
702
  <div class="valid-feedback">{{successMessageText}}</div>
706
- {{/if}}{{/contains}}
707
-
703
+ {{/contains}}
708
704
  {{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes \`qld-input-error\`}}
709
705
  <span class="qld-input-error">{{errorMessageText}}</span>
710
- {{else}}
711
- {{#if errorMessageText}}{{! updated bootstrap style classes - \`invalid-feedback\`}}
706
+ {{else if errorMessageText}}{{! updated bootstrap style classes - \`invalid-feedback\`}}
712
707
  <div class="invalid-feedback">{{errorMessageText}}</div>
713
- {{/if}}{{/contains}}
708
+ {{/contains}}
714
709
 
715
710
  <div aria-labelledby="{{id}}-label" role="group" class="row date-container {{customClass}}">
716
711
  <!-- day group -->
717
712
  <div class="day-group">
718
713
  <label id="{{id}}-dayinput-label" for="{{id}}-dayinput" class="date-label qld-text-input-label">Day</label>
719
714
  <div>
720
- <input id="{{id}}-dayinput" aria-required="true" aria-labelledby="{{id}}-label {{id}}-dayinput-label" placeholder="{{day-placeholder}}" type="text"
721
- inputmode="numeric" maxlength="2"
722
- class="qld-text-input form-control dayinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="day"
723
- aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required aria-required="true"
724
- {{/if}}>
715
+ <input id="{{id}}-dayinput" aria-labelledby="{{id}}-label {{id}}-dayinput-label" placeholder="{{day-placeholder}}" type="text"
716
+ inputmode="numeric" maxlength="2" minlength="2" min="1" max="31" pattern="^(0?[1-9]|[12][0-9]|3[01])$"
717
+ class="form-control dayinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}}
718
+ {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="day"
719
+ aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0" >
725
720
  </div>
726
721
  </div>
727
722
  <!-- month group -->
728
723
  <div class="date-group">
729
724
  <label id="{{id}}-monthinput-label" for="{{id}}-monthinput" class="date-label qld-text-input-label">Month</label>
730
725
  <div>
731
- <input id="{{id}}-monthinput" aria-required="true" aria-labelledby="{{id}}-label {{id}}-monthinput-label" placeholder="{{month-placeholder}}"
732
- type="text" inputmode="numeric" maxlength="2"
733
- class="qld-text-input form-control monthinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="month"
734
- aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required aria-required="true"
735
- {{/if}}>
726
+ <input id="{{id}}-monthinput" aria-labelledby="{{id}}-label {{id}}-monthinput-label" placeholder="{{month-placeholder}}"
727
+ type="text" inputmode="numeric" maxlength="2" minlength="2" min="1" max="12" pattern="^(0?[1-9]|[1][0-2])$"
728
+ class="form-control monthinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}}
729
+ {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="month"
730
+ aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0">
736
731
  </div>
737
732
  </div>
738
733
  <!-- year group -->
739
734
  <div class="date-group">
740
- <label id="{{id}}-yearinput-label" for="{{id}}-yearinput" class="date-label">Year</label>
735
+ <label id="{{id}}-yearinput-label" for="{{id}}-yearinput" class="date-label qld-text-input-label">Year</label>
741
736
  <div class="year-label">
742
- <input id="{{id}}-yearinput" aria-required="true" aria-labelledby="{{id}}-label {{id}}-yearinput-label"
743
- placeholder="{{year-placeholder}}" type="text" inputmode="numeric" maxlength="4"
744
- class="qld-text-input form-control yearinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
745
- ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if
746
- isRequired}}required{{/if}}>
737
+ <input id="{{id}}-yearinput" aria-labelledby="{{id}}-label {{id}}-yearinput-label"
738
+ placeholder="{{year-placeholder}}" type="text" inputmode="numeric" maxlength="4" minlength="4" pattern="[0-9]*"
739
+ {{#if yearMin}}min="{{yearMin}}"{{/if}} {{#if yearMax}}max="{{yearMax}}"{{/if}}
740
+ class="form-control yearinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
741
+ ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0">
747
742
  </div>
748
743
  </div>
749
744
  </div>
@@ -793,7 +788,7 @@
793
788
  </li>
794
789
  {{/each }}
795
790
  </ul>
796
- {{/if}}`;var O=`<footer class="qld-footer {{ variantClass }}" role="contentinfo">
791
+ {{/if}}`;var P=`<footer class="qld-footer {{ variantClass }}" role="contentinfo">
797
792
  <!-- Footer content container -->
798
793
  <div class="container">
799
794
  {{#if sitename}}
@@ -1036,7 +1031,7 @@
1036
1031
  </div>
1037
1032
  </div>
1038
1033
  </div>
1039
- </footer>`;var P=`
1034
+ </footer>`;var O=`
1040
1035
  {{#if questionLabel}}
1041
1036
  <div class="qld-text-input-label {{listClasses}}">
1042
1037
  {{questionLabel}}
@@ -1060,7 +1055,7 @@
1060
1055
 
1061
1056
  {{#each listitems}}
1062
1057
  <div class="form-check {{#if ../isValid}}is-valid{{else}}{{#ifCond ../isValid "===" false}}is-invalid{{/ifCond}}{{/if}}">
1063
- <input class="form-check-input" type="{{#if ../type}}{{../type}}{{else}}{{#if type}}{{type}}{{else}}checkbox{{/if}}{{/if}}" name="{{name}}" id="{{id}}" value="{{value}}" {{#if isDisabled}}disabled{{/if}} {{#if isChecked}}checked{{/if}} {{#if isRequired}}required{{/if}} >
1058
+ <input class="form-check-input" type="{{#if ../type}}{{../type}}{{else}}{{#if type}}{{type}}{{else}}checkbox{{/if}}{{/if}}" name="{{name}}" id="{{id}}" value="{{value}}" tabindex="{{isdefined ../tabindex 0}}" {{#if isDisabled}}disabled{{/if}} {{#if isChecked}}checked{{/if}} {{#if isRequired}}required{{/if}} >
1064
1059
  <label class="form-check-label" for="{{id}}">
1065
1060
  {{label}}
1066
1061
  </label>
@@ -1081,12 +1076,18 @@
1081
1076
  {{> @partial-block }}
1082
1077
  {{/mainContainerWrapper}}
1083
1078
  </body>
1084
- </html>`;var E=`<!-- QGDS Component: Global Alert -->
1079
+ </html>`;var I=`<!-- QGDS Component: Global Alert -->
1085
1080
 
1086
1081
  <div class="global-alert-include">
1087
1082
  {{#each alertItems}}
1088
1083
  <section role="region" class="global-alert alert container-full d-none {{variant}}" data-variant="{{variant}}"
1089
- aria-label="{{ariaLabel}}" {{#if id}} data-id="{{id}}" {{/if}}{{#if dismissedExpiryDays}}
1084
+ {{#if ariaLabel}} aria-label="{{ ariaLabel }}"
1085
+ {{~else ifCond variant "==" "global-alert-critical"}} aria-label="Critical alert"
1086
+ {{~else ifCond variant "==" "global-alert-info"}} aria-label="Informational alert"
1087
+ {{~else ifCond variant "==" "global-alert-warning"}} aria-label="Warning alert"
1088
+ {{~else}} aria-label="Informational alert"
1089
+ {{~/if}}
1090
+ {{#if id}} data-id="{{id}}" {{/if}}{{#if dismissedExpiryDays}}
1090
1091
  data-expiry-days="{{dismissedExpiryDays}}" {{/if}}>
1091
1092
  <div class="qld-global-alert-main">
1092
1093
  <div class="global-alert-icon">
@@ -1096,6 +1097,7 @@
1096
1097
  <span class="qld-icon qld-icon-sm qld-icon-alert-information" aria-hidden="true"></span>
1097
1098
  {{else ifCond variant '==' 'global-alert-warning'}}
1098
1099
  <span class="qld-icon qld-icon-sm qld-icon-alert-warning" aria-hidden="true"></span>
1100
+ {{else}}<span class="qld-icon qld-icon-sm qld-icon-alert-information" aria-hidden="true"></span>
1099
1101
  {{/ifCond}}
1100
1102
  </div>
1101
1103
 
@@ -1116,8 +1118,8 @@
1116
1118
  </div>
1117
1119
  </section>
1118
1120
  {{/each }}
1119
- </div>`;var I=`
1120
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.0","branch":"HEAD","tag":"v2.1.0","commit":"1610f625e3e2ba5c9420ba3ef0ebb53ed35820f6","majorVersion":"v2"} -->
1121
+ </div>`;var E=`
1122
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.2","branch":"HEAD","tag":"v2.1.2","commit":"a76edf5d0854742800c2d5846df18b5280e0ed09","majorVersion":"v2"} -->
1121
1123
 
1122
1124
  {{! Select environment, used verbatium if not using predefind key
1123
1125
  cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -1925,8 +1927,13 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
1925
1927
  {{! More button }}
1926
1928
  <span></span>
1927
1929
  {{else}}
1928
- {{! Page button }}
1929
- <a class="page-link" href="{{href}}" aria-label="{{arialabel}}">{{ linktext }}</a>
1930
+ {{#ifCond "active" "in" customClasses}}
1931
+ {{! Active page - not a link }}
1932
+ <span class="page-link" aria-current="page" aria-label="{{#if arialabel}}{{arialabel}}{{else}}Page {{linktext}}, current page{{/if}}">{{ linktext }}</span>
1933
+ {{else}}
1934
+ {{! Page button }}
1935
+ <a class="page-link" href="{{href}}" aria-label="{{#if arialabel}}{{arialabel}}{{else}}Page {{linktext}}{{/if}}">{{ linktext }}</a>
1936
+ {{/ifCond}}
1930
1937
  {{/if}}
1931
1938
  </li>
1932
1939
 
@@ -1949,7 +1956,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
1949
1956
  {{/ifCond}}>
1950
1957
  <div class="image-panel">
1951
1958
  {{#ifCond type '!=' 'promo'}}
1952
- <img class="promo-panel-image" src="{{promoImage}}" alt="Promotional Image">
1959
+ <img class="promo-panel-image" src="{{promoImage}}" alt="{{isdefined promoImageDescription "Promotional image"}}">
1953
1960
  {{else}}
1954
1961
  <div class="promo-panel-image"></div>
1955
1962
  {{/ifCond}}
@@ -2036,8 +2043,8 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
2036
2043
  <div class="qld-search-input {{customClass}}">
2037
2044
  <input id="{{ inputID }}" name="{{ inputName }}" class="form-control" type="text" autocomplete="off"
2038
2045
  aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} placeholder="{{placeholder}}" />
2039
- <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">
2040
- <span class="btn-icon"></span>
2046
+ <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}" aria-label="{{ buttonLabel }}">
2047
+ <span class="btn-icon" aria-hidden="true"></span>
2041
2048
  <span class="btn-label">{{ buttonLabel }}</span>
2042
2049
  </button>
2043
2050
  {{#ifCond hasDynamicSuggestions '||' hasDefaultSuggestions}}
@@ -2104,7 +2111,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
2104
2111
  {{/if}}{{/contains}}
2105
2112
 
2106
2113
  <select id={{id}} class="form-select {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}} {{customClass}}"
2107
- {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} >
2114
+ {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} >
2108
2115
  <option selected value="">{{placeholder}}</option>
2109
2116
  <option value="1">Option 1</option>
2110
2117
  <option value="2">Option 2</option>
@@ -2345,7 +2352,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
2345
2352
 
2346
2353
  <!-- First text input field, described by the hint text above -->
2347
2354
  <textarea id="{{id}}" class="form-control {{customClass}} {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
2348
- placeholder="{{placeholder}}" rows="{{rows}}" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}
2355
+ placeholder="{{placeholder}}" rows="{{rows}}" tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}
2349
2356
  {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}}>{{value}}</textarea>`;var g1=`<!-- QGDS Component: Textbox -->
2350
2357
 
2351
2358
  <label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}"
@@ -2375,7 +2382,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
2375
2382
  {{/if}}{{/contains}}
2376
2383
 
2377
2384
  <input id={{id}} {{#if value}}value="{{value}}"{{/if}} class="form-control {{customClass}} {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
2378
- type="text" placeholder="{{placeholder}}" {{#if isDisabled}}disabled{{/if}} {{#if
2385
+ type="text" placeholder="{{placeholder}}" tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if
2379
2386
  isRequired}}required{{/if}} {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} />`;var v1="<!-- QGDS Partial: typography -->";var h1=`<!-- QGDS Component: Video -->
2380
2387
 
2381
2388
  {{#if analyticsTrackingCode}}
@@ -2422,6 +2429,6 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
2422
2429
  </div>
2423
2430
  {{! Render the transcript content in an accordion template }}
2424
2431
  </section>
2425
- `;function d(e){e.registerPartial("accordion",f),e.registerPartial("backToTop",p),e.registerPartial("banner",u),e.registerPartial("blockquote",m),e.registerPartial("breadcrumbs",g),e.registerPartial("breadcrumbsWrapper",v),e.registerPartial("button",h),e.registerPartial("callout",b),e.registerPartial("callToAction",L),e.registerPartial("card",H),e.registerPartial("containerLayout",V),e.registerPartial("contentFooter",M),e.registerPartial("contentFooterWrapper",k),e.registerPartial("contentPageWithForm",y),e.registerPartial("contentPageWithSideNavigation",q),e.registerPartial("contentWrapper",Z),e.registerPartial("correctincorrect",w),e.registerPartial("customLinks",x),e.registerPartial("dateinput",S),e.registerPartial("directionLinks",T),e.registerPartial("feedbackForm",A),e.registerPartial("followLinks",D),e.registerPartial("footer",O),e.registerPartial("formcheck",P),e.registerPartial("fullPage",R),e.registerPartial("globalAlert",E),e.registerPartial("head",I),e.registerPartial("header",_),e.registerPartial("headerBrand",N),e.registerPartial("homePage",F),e.registerPartial("icon",G),e.registerPartial("image",Q),e.registerPartial("inpageAlert",B),e.registerPartial("inpagenav",j),e.registerPartial("link",W),e.registerPartial("linkColumns",J),e.registerPartial("logo",Y),e.registerPartial("logoCOADeliveringForQLD",U),e.registerPartial("logoCOALandscape",$),e.registerPartial("logoCOALandscape2Lines",z),e.registerPartial("mainContainerWrapper",X),e.registerPartial("metaDcTerms",K),e.registerPartial("metaOpenGraph",e1),e.registerPartial("modal",i1),e.registerPartial("navbar",a1),e.registerPartial("pagination",t1),e.registerPartial("promotionalPanel",C1),e.registerPartial("quickexit",s1),e.registerPartial("searchInput",l1),e.registerPartial("select",n1),e.registerPartial("sidenav",o1),e.registerPartial("sidenavWrapper",r1),e.registerPartial("skipLinks",d1),e.registerPartial("spinner",c1),e.registerPartial("table",f1),e.registerPartial("tabs",p1),e.registerPartial("tag",u1),e.registerPartial("textarea",m1),e.registerPartial("textbox",g1),e.registerPartial("typography",v1),e.registerPartial("video",h1)}typeof Handlebars!="undefined"&&d(Handlebars);var b1=!1;function L1(e){typeof e=="undefined"&&console.error("Handlebars.init requires HandleBars"),typeof e!="undefined"?(b1?console.log("HandleBars Helpers And Partials already loaded, loading again"):b1=!0,r(e),d(e)):console.log("Handlebars not found, init failed")}typeof Handlebars!="undefined"&&L1(Handlebars);})();
2426
- //# @qld-gov-au/qgds-bootstrap5 - v2.1.0
2432
+ `;function d(e){e.registerPartial("accordion",f),e.registerPartial("backToTop",p),e.registerPartial("banner",u),e.registerPartial("blockquote",m),e.registerPartial("breadcrumbs",g),e.registerPartial("breadcrumbsWrapper",v),e.registerPartial("button",h),e.registerPartial("callout",b),e.registerPartial("callToAction",L),e.registerPartial("card",H),e.registerPartial("containerLayout",V),e.registerPartial("contentFooter",M),e.registerPartial("contentFooterWrapper",k),e.registerPartial("contentPageWithForm",y),e.registerPartial("contentPageWithSideNavigation",q),e.registerPartial("contentWrapper",Z),e.registerPartial("correctincorrect",x),e.registerPartial("customLinks",w),e.registerPartial("dateinput",S),e.registerPartial("directionLinks",T),e.registerPartial("feedbackForm",A),e.registerPartial("followLinks",D),e.registerPartial("footer",P),e.registerPartial("formcheck",O),e.registerPartial("fullPage",R),e.registerPartial("globalAlert",I),e.registerPartial("head",E),e.registerPartial("header",_),e.registerPartial("headerBrand",N),e.registerPartial("homePage",F),e.registerPartial("icon",G),e.registerPartial("image",Q),e.registerPartial("inpageAlert",B),e.registerPartial("inpagenav",j),e.registerPartial("link",W),e.registerPartial("linkColumns",J),e.registerPartial("logo",Y),e.registerPartial("logoCOADeliveringForQLD",U),e.registerPartial("logoCOALandscape",$),e.registerPartial("logoCOALandscape2Lines",z),e.registerPartial("mainContainerWrapper",X),e.registerPartial("metaDcTerms",K),e.registerPartial("metaOpenGraph",e1),e.registerPartial("modal",i1),e.registerPartial("navbar",a1),e.registerPartial("pagination",t1),e.registerPartial("promotionalPanel",C1),e.registerPartial("quickexit",s1),e.registerPartial("searchInput",l1),e.registerPartial("select",n1),e.registerPartial("sidenav",o1),e.registerPartial("sidenavWrapper",r1),e.registerPartial("skipLinks",d1),e.registerPartial("spinner",c1),e.registerPartial("table",f1),e.registerPartial("tabs",p1),e.registerPartial("tag",u1),e.registerPartial("textarea",m1),e.registerPartial("textbox",g1),e.registerPartial("typography",v1),e.registerPartial("video",h1)}typeof Handlebars!="undefined"&&d(Handlebars);var b1=!1;function L1(e){typeof e=="undefined"&&console.error("Handlebars.init requires HandleBars"),typeof e!="undefined"?(b1?console.log("HandleBars Helpers And Partials already loaded, loading again"):b1=!0,r(e),d(e)):console.log("Handlebars not found, init failed")}typeof Handlebars!="undefined"&&L1(Handlebars);})();
2433
+ //# @qld-gov-au/qgds-bootstrap5 - v2.1.2
2427
2434
  //# sourceMappingURL=handlebars.init.min.js.map