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

package/dist/assets/js/qld.bootstrap.min.js

@@ -6,5 +6,5 @@
           <strong class="suggestions-category-label d-block">Related services</strong>
           <ul>${d}${f}</ul>
         </div>`,i.classList.remove("d-none"),o.querySelector(".suggestions .dynamic-suggestions").addEventListener("click",u=>{let b=u.target.closest("a");b&&(u.preventDefault(),q(b.textContent,o))})}}}})}function F(e="",t){let o=t.querySelector(".qld-search-input input"),n=o?o.dataset:null,r=e.trim().replace(/\s+/g," "),c=new URLSearchParams({query:r,collection:n.collection||"qgov~sp-search",profile:n.profile||"qld",num_ranks:n.numRanks||"10",tiers:n.tiers||"off"}),i=`${t.getAttribute("action")}?${c.toString()}`;window.location.href=i}window.selectDynamicSuggestion=(e,t)=>q(e,t);function H(){let e=document.querySelector(".back-to-top .qld-dir-link");e&&(e.onclick=function(t){document.body.scrollTop=0,document.documentElement.scrollTop=0,t.preventDefault()})}function V(){let e=document.querySelectorAll(".qld-tabs");function t(o){let n=o.querySelector(".nav-tabs"),r=o.querySelector(".scroll-left"),c=o.querySelector(".scroll-right"),i=n.scrollWidth;if(n){let s=()=>{n.scrollLeft===0?r.classList.remove("show"):r.classList.add("show"),n.scrollLeft+n.clientWidth>=i?c.classList.remove("show"):c.classList.add("show")};n.addEventListener("scroll",s),s(),c.addEventListener("click",()=>{n.scrollBy({top:0,left:200,behavior:"smooth"})}),r.addEventListener("click",()=>{n.scrollBy({top:0,left:-200,behavior:"smooth"})})}}e.forEach(o=>{t(o)}),window.addEventListener("resize",()=>{e.forEach(o=>{t(o)})})}function O(){document.querySelectorAll(".global-alert").forEach(n=>{let r=n.getAttribute("data-id");if(r&&o(`dismissedAlert-${r}`)||n.classList.remove("d-none"),n.querySelector(".btn-close")){let i=()=>{let s=parseInt(n.getAttribute("data-expiry-days"),10);r&&s&&s>0&&t(`dismissedAlert-${r}`,!0,s),n.classList.add("d-none")};n.addEventListener("closed.bs.alert",i),n.addEventListener("btn-closed",i)}});function t(n,r,c){let i=new Date;i.setTime(i.getTime()+c*24*60*60*1e3);let s={value:r,expiry:i.getTime()};localStorage.setItem(n,JSON.stringify(s))}function o(n){let r=localStorage.getItem(n);if(!r)return null;try{let c=JSON.parse(r);return new Date().getTime()>c.expiry?(localStorage.removeItem(n),null):c.value}catch(c){return localStorage.removeItem(n),null}}}function W(){document.querySelectorAll(".qld-skip-links__item").forEach(t=>{let o=t.getAttribute("href"),n=o.replace(/^#/,"");return document.querySelector(o)?!0:(console.error(`A skip link with label "${t.textContent}" is targeting a non-existent element with id "${n}".`),!1)})}window.addEventListener("click",y,!0);window.addEventListener("keydown",y,!0);window.addEventListener("DOMContentLoaded",()=>{H(),V(),O();let e=document.getElementById("qld-header-toggle-search-button");e&&e.addEventListener("click",N),document.querySelectorAll(".site-search").forEach(s=>{let a=s.querySelector(".qld-search-input input");if(a){let p;a.addEventListener("input",function(g){clearTimeout(p),p=setTimeout(()=>{let m=g.target.value.trim();R(m,m==="",s)},300)}),s.addEventListener("submit",function(g){g.preventDefault();let m=a.value.trim();F(m,s)})}});let o=document.querySelector("header");if(o){let s=window.location.origin+window.location.pathname;o.setAttribute("data-page-url",s)}I(),C(),window.addEventListener("click",y,!0),window.addEventListener("keydown",y,!0),y(),document.querySelectorAll(".accordion-toggle-btn").forEach(function(s){s.addEventListener("click",k),s.closest(".accordion-group").querySelectorAll(".accordion-button").forEach(function(p){p.addEventListener("click",T)})});let r=document.querySelectorAll('a[href^="#"]');E(),window.onhashchange=E,r.forEach(function(s){s.addEventListener("click",E)}),document.querySelectorAll(".video-thumbnail").forEach(function(s){s.addEventListener("click",A)}),document.querySelectorAll(".video .accordion .accordion-button").forEach(function(s){s.addEventListener("click",B)}),M(),W()});})();
-//# @qld-gov-au/qgds-bootstrap5 - v2.1.1
+//# @qld-gov-au/qgds-bootstrap5 - v2.1.2
 //# sourceMappingURL=qld.bootstrap.min.js.map

package/dist/assets/node/handlebars.init.min.js

@@ -292,7 +292,8 @@ var init_button = __esm({
 
 {{#unless islink}}
 
-  <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}}>
+  <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}}} >
+    
     {{#if isprogress}}
       {{~>progressSpinner~}}
     {{else}}
@@ -623,7 +624,7 @@ var init_customLinks = __esm({
 var dateinput_default;
 var init_dateinput = __esm({
   "src/components/bs5/dateinput/dateinput.hbs?raw"() {
-    dateinput_default = '<!-- QGDS Component: Date input -->\n\n<label id="{{id}}-label" class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}" for="{{id}}">\n    {{label-text}}\n    {{#if optional-text}}\n    <span class="label-text-optional">({{optional-text}})</span>\n    {{/if}}\n</label>\n\n{{#if hint-text}}\n<span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>\n{{/if}}\n{{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes `qld-input-success`}}\n<span class="qld-input-success">{{successMessageText}}</span>\n{{else if successMessageText}}{{! updated bootstrap style classes - `valid-feedback`}}\n<div class="valid-feedback">{{successMessageText}}</div>\n{{/contains}}\n{{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes `qld-input-error`}}\n<span class="qld-input-error">{{errorMessageText}}</span>\n{{else if errorMessageText}}{{! updated bootstrap style classes - `invalid-feedback`}}\n<div class="invalid-feedback">{{errorMessageText}}</div>\n{{/contains}}\n\n<div aria-labelledby="{{id}}-label" role="group" class="row date-container {{customClass}}">\n    <!-- day group -->\n    <div class="day-group">\n        <label id="{{id}}-dayinput-label" for="{{id}}-dayinput" class="date-label qld-text-input-label">Day</label>\n        <div>\n            <input id="{{id}}-dayinput" aria-labelledby="{{id}}-label {{id}}-dayinput-label" placeholder="{{day-placeholder}}" type="text"\n                inputmode="numeric" maxlength="2" minlength="2" min="1" max="31" pattern="^(0?[1-9]|[12][0-9]|3[01])$"\n                class="form-control dayinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} \n                {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="day"\n                aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>\n        </div>\n    </div>\n    <!-- month group -->\n    <div class="date-group">\n        <label id="{{id}}-monthinput-label" for="{{id}}-monthinput" class="date-label qld-text-input-label">Month</label>\n        <div>\n            <input id="{{id}}-monthinput" aria-labelledby="{{id}}-label {{id}}-monthinput-label" placeholder="{{month-placeholder}}"\n                type="text" inputmode="numeric" maxlength="2" minlength="2" min="1" max="12" pattern="^(0?[1-9]|[1][0-2])$"\n                class="form-control monthinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} \n                {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="month"\n                aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>\n        </div>\n    </div>\n    <!-- year group -->\n    <div class="date-group">\n        <label id="{{id}}-yearinput-label" for="{{id}}-yearinput" class="date-label qld-text-input-label">Year</label>\n        <div class="year-label">\n            <input id="{{id}}-yearinput" aria-labelledby="{{id}}-label {{id}}-yearinput-label"\n                placeholder="{{year-placeholder}}" type="text" inputmode="numeric" maxlength="4" minlength="4" pattern="[0-9]*" \n                {{#if yearMin}}min="{{yearMin}}"{{/if}} {{#if yearMax}}max="{{yearMax}}"{{/if}}\n                class="form-control yearinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"\n                ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>\n        </div>\n    </div>\n</div>\n';
+    dateinput_default = '<!-- QGDS Component: Date input -->\n\n<label id="{{id}}-label" class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}" for="{{id}}">\n    {{label-text}}\n    {{#if optional-text}}\n    <span class="label-text-optional">({{optional-text}})</span>\n    {{/if}}\n</label>\n\n{{#if hint-text}}\n<span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>\n{{/if}}\n{{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes `qld-input-success`}}\n<span class="qld-input-success">{{successMessageText}}</span>\n{{else if successMessageText}}{{! updated bootstrap style classes - `valid-feedback`}}\n<div class="valid-feedback">{{successMessageText}}</div>\n{{/contains}}\n{{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes `qld-input-error`}}\n<span class="qld-input-error">{{errorMessageText}}</span>\n{{else if errorMessageText}}{{! updated bootstrap style classes - `invalid-feedback`}}\n<div class="invalid-feedback">{{errorMessageText}}</div>\n{{/contains}}\n\n<div aria-labelledby="{{id}}-label" role="group" class="row date-container {{customClass}}">\n    <!-- day group -->\n    <div class="day-group">\n        <label id="{{id}}-dayinput-label" for="{{id}}-dayinput" class="date-label qld-text-input-label">Day</label>\n        <div>\n            <input id="{{id}}-dayinput" aria-labelledby="{{id}}-label {{id}}-dayinput-label" placeholder="{{day-placeholder}}" type="text"\n                inputmode="numeric" maxlength="2" minlength="2" min="1" max="31" pattern="^(0?[1-9]|[12][0-9]|3[01])$"\n                class="form-control dayinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} \n                {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="day"\n                aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0" >\n        </div>\n    </div>\n    <!-- month group -->\n    <div class="date-group">\n        <label id="{{id}}-monthinput-label" for="{{id}}-monthinput" class="date-label qld-text-input-label">Month</label>\n        <div>\n            <input id="{{id}}-monthinput" aria-labelledby="{{id}}-label {{id}}-monthinput-label" placeholder="{{month-placeholder}}"\n                type="text" inputmode="numeric" maxlength="2" minlength="2" min="1" max="12" pattern="^(0?[1-9]|[1][0-2])$"\n                class="form-control monthinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} \n                {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="month"\n                aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0">\n        </div>\n    </div>\n    <!-- year group -->\n    <div class="date-group">\n        <label id="{{id}}-yearinput-label" for="{{id}}-yearinput" class="date-label qld-text-input-label">Year</label>\n        <div class="year-label">\n            <input id="{{id}}-yearinput" aria-labelledby="{{id}}-label {{id}}-yearinput-label"\n                placeholder="{{year-placeholder}}" type="text" inputmode="numeric" maxlength="4" minlength="4" pattern="[0-9]*" \n                {{#if yearMin}}min="{{yearMin}}"{{/if}} {{#if yearMax}}max="{{yearMax}}"{{/if}}\n                class="form-control yearinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"\n                ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0">\n        </div>\n    </div>\n</div>\n';
   }
 });
 
@@ -906,7 +907,7 @@ var init_footer = __esm({
 var formcheck_default;
 var init_formcheck = __esm({
   "src/components/bs5/formcheck/formcheck.hbs?raw"() {
-    formcheck_default = '  \n  {{#if questionLabel}}\n  <div class="qld-text-input-label {{listClasses}}">\n    {{questionLabel}}\n    {{#if optionalLabel}}\n    <span class="label-text-optional">{{optionalLabel}}</span>\n    {{/if}}\n  </div>\n  {{/if}}\n\n  {{#if hintLabel}}\n  <span class="qld-hint-text">{{hintLabel}}</span>\n  {{/if}}\n\n  {{#if successMessageText}}\n  <div class="valid-feedback">{{successMessageText}}</div>\n  {{/if}}\n\n  {{#if errorMessageText}}\n  <div class="invalid-feedback">{{errorMessageText}}</div>\n  {{/if}}\n  \n  {{#each listitems}}\n  <div class="form-check {{#if ../isValid}}is-valid{{else}}{{#ifCond ../isValid "===" false}}is-invalid{{/ifCond}}{{/if}}">\n    <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}} >\n    <label class="form-check-label" for="{{id}}">\n      {{label}}\n    </label>\n  </div>\n  {{/each}}\n  ';
+    formcheck_default = '  \n  {{#if questionLabel}}\n  <div class="qld-text-input-label {{listClasses}}">\n    {{questionLabel}}\n    {{#if optionalLabel}}\n    <span class="label-text-optional">{{optionalLabel}}</span>\n    {{/if}}\n  </div>\n  {{/if}}\n\n  {{#if hintLabel}}\n  <span class="qld-hint-text">{{hintLabel}}</span>\n  {{/if}}\n\n  {{#if successMessageText}}\n  <div class="valid-feedback">{{successMessageText}}</div>\n  {{/if}}\n\n  {{#if errorMessageText}}\n  <div class="invalid-feedback">{{errorMessageText}}</div>\n  {{/if}}\n  \n  {{#each listitems}}\n  <div class="form-check {{#if ../isValid}}is-valid{{else}}{{#ifCond ../isValid "===" false}}is-invalid{{/ifCond}}{{/if}}">\n    <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}} >\n    <label class="form-check-label" for="{{id}}">\n      {{label}}\n    </label>\n  </div>\n  {{/each}}\n  ';
   }
 });
 
@@ -973,7 +974,7 @@ var head_default;
 var init_head = __esm({
   "src/components/bs5/head/head.hbs?raw"() {
     head_default = `
-<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.1","branch":"HEAD","tag":"v2.1.1","commit":"e9b014307ee0b957ab946f973a0bd735811415db","majorVersion":"v2"} -->
+<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.2","branch":"HEAD","tag":"v2.1.2","commit":"a76edf5d0854742800c2d5846df18b5280e0ed09","majorVersion":"v2"} -->
 
 {{! Select environment, used verbatium if not using predefind key
 cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -1430,7 +1431,7 @@ var init_searchInput = __esm({
 var select_default;
 var init_select = __esm({
   "src/components/bs5/select/select.hbs?raw"() {
-    select_default = '<!-- QGDS Component: Select -->\n\n<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}" for="{{id}}">\n    {{label-text}}\n    {{#if optional-text}}\n    <span class="label-text-optional">({{optional-text}})</span>\n    {{/if}}\n</label>\n\n{{#if hint-text}}\n<span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>\n{{/if}}\n\n{{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes `qld-input-success`}}\n<span class="qld-input-success">{{successMessageText}}</span>\n{{else}}{{! updated bootstrap style classes - `valid-feedback`}}\n{{#if successMessageText}}\n<div class="valid-feedback">{{successMessageText}}</div>\n{{/if}}{{/contains}}\n\n{{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes `qld-input-error`}}\n<span class="qld-input-error">{{errorMessageText}}</span>\n{{else}}{{! updated bootstrap style classes - `invalid-feedback`}}\n{{#if errorMessageText}}\n<div class="invalid-feedback">{{errorMessageText}}</div>\n{{/if}}{{/contains}}\n\n<select id={{id}} class="form-select {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}} {{customClass}}" \n    {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} >\n    <option selected value="">{{placeholder}}</option>\n    <option value="1">Option 1</option>\n    <option value="2">Option 2</option>\n    <option value="3">Option 3</option>\n</select>\n';
+    select_default = '<!-- QGDS Component: Select -->\n\n<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}" for="{{id}}">\n    {{label-text}}\n    {{#if optional-text}}\n    <span class="label-text-optional">({{optional-text}})</span>\n    {{/if}}\n</label>\n\n{{#if hint-text}}\n<span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>\n{{/if}}\n\n{{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes `qld-input-success`}}\n<span class="qld-input-success">{{successMessageText}}</span>\n{{else}}{{! updated bootstrap style classes - `valid-feedback`}}\n{{#if successMessageText}}\n<div class="valid-feedback">{{successMessageText}}</div>\n{{/if}}{{/contains}}\n\n{{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes `qld-input-error`}}\n<span class="qld-input-error">{{errorMessageText}}</span>\n{{else}}{{! updated bootstrap style classes - `invalid-feedback`}}\n{{#if errorMessageText}}\n<div class="invalid-feedback">{{errorMessageText}}</div>\n{{/if}}{{/contains}}\n\n<select id={{id}} class="form-select {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}} {{customClass}}" \n    {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} >\n    <option selected value="">{{placeholder}}</option>\n    <option value="1">Option 1</option>\n    <option value="2">Option 2</option>\n    <option value="3">Option 3</option>\n</select>\n';
   }
 });
 
@@ -1539,7 +1540,7 @@ var init_tag = __esm({
 var textarea_default;
 var init_textarea = __esm({
   "src/components/bs5/textarea/textarea.hbs?raw"() {
-    textarea_default = '<!-- QGDS Component: Textarea -->\n\n<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}"\n    for="{{id}}">\n    {{label-text}}\n    {{#if optional-text}}\n    <span class="label-text-optional">({{optional-text}})</span>\n    {{/if}}\n</label>\n\n{{#if hint-text}}\n<span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>\n{{/if}}\n\n{{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes `qld-input-success`}}\n<span class="qld-input-success">{{successMessageText}}</span>\n{{else}}\n{{#if successMessageText}}{{! updated bootstrap style classes - `valid-feedback`}}\n<div class="valid-feedback">{{successMessageText}}</div>\n{{/if}}{{/contains}}\n\n{{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes `qld-input-error`}}\n<span class="qld-input-error">{{errorMessageText}}</span>\n{{else}}\n{{#if errorMessageText}}{{! updated bootstrap style classes - `invalid-feedback`}}\n<div class="invalid-feedback">{{errorMessageText}}</div>\n{{/if}}{{/contains}}\n\n<!-- First text input field, described by the hint text above -->\n<textarea id="{{id}}" class="form-control {{customClass}} {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"\n    placeholder="{{placeholder}}" rows="{{rows}}" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}\n    {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}}>{{value}}</textarea>';
+    textarea_default = '<!-- QGDS Component: Textarea -->\n\n<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}"\n    for="{{id}}">\n    {{label-text}}\n    {{#if optional-text}}\n    <span class="label-text-optional">({{optional-text}})</span>\n    {{/if}}\n</label>\n\n{{#if hint-text}}\n<span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>\n{{/if}}\n\n{{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes `qld-input-success`}}\n<span class="qld-input-success">{{successMessageText}}</span>\n{{else}}\n{{#if successMessageText}}{{! updated bootstrap style classes - `valid-feedback`}}\n<div class="valid-feedback">{{successMessageText}}</div>\n{{/if}}{{/contains}}\n\n{{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes `qld-input-error`}}\n<span class="qld-input-error">{{errorMessageText}}</span>\n{{else}}\n{{#if errorMessageText}}{{! updated bootstrap style classes - `invalid-feedback`}}\n<div class="invalid-feedback">{{errorMessageText}}</div>\n{{/if}}{{/contains}}\n\n<!-- First text input field, described by the hint text above -->\n<textarea id="{{id}}" class="form-control {{customClass}} {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"\n    placeholder="{{placeholder}}" rows="{{rows}}" tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}\n    {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}}>{{value}}</textarea>';
   }
 });
 
@@ -1547,7 +1548,7 @@ var init_textarea = __esm({
 var textbox_default;
 var init_textbox = __esm({
   "src/components/bs5/textbox/textbox.hbs?raw"() {
-    textbox_default = '<!-- QGDS Component: Textbox -->\n\n<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}"\n    for="{{id}}">\n    {{label-text}}\n    {{#if optional-text}}\n    <span class="label-text-optional">({{optional-text}})</span>\n    {{/if}}\n</label>\n\n{{#if hint-text}}\n<span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>\n{{/if}}\n\n{{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes `qld-input-success`}}\n<span class="qld-input-success">{{successMessageText}}</span>\n{{else}}\n{{#if successMessageText}}{{! updated bootstrap style classes - `valid-feedback`}}\n<div class="valid-feedback">{{successMessageText}}</div>\n{{/if}}{{/contains}}\n\n{{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes `qld-input-error`}}\n<span class="qld-input-error">{{errorMessageText}}</span>\n{{else}}\n{{#if errorMessageText}}{{! updated bootstrap style classes - `invalid-feedback`}}\n<div class="invalid-feedback">{{errorMessageText}}</div>\n{{/if}}{{/contains}}\n\n<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}}"\n    type="text" placeholder="{{placeholder}}" {{#if isDisabled}}disabled{{/if}} {{#if\n    isRequired}}required{{/if}} {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} />';
+    textbox_default = '<!-- QGDS Component: Textbox -->\n\n<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}"\n    for="{{id}}">\n    {{label-text}}\n    {{#if optional-text}}\n    <span class="label-text-optional">({{optional-text}})</span>\n    {{/if}}\n</label>\n\n{{#if hint-text}}\n<span class="qld-hint-text" id="{{id}}-hint">{{hint-text}}</span>\n{{/if}}\n\n{{#contains "qld-input-success" customClass}}{{! legacy support for feedback classes `qld-input-success`}}\n<span class="qld-input-success">{{successMessageText}}</span>\n{{else}}\n{{#if successMessageText}}{{! updated bootstrap style classes - `valid-feedback`}}\n<div class="valid-feedback">{{successMessageText}}</div>\n{{/if}}{{/contains}}\n\n{{#contains "qld-input-error" customClass}}{{! legacy support for feedback classes `qld-input-error`}}\n<span class="qld-input-error">{{errorMessageText}}</span>\n{{else}}\n{{#if errorMessageText}}{{! updated bootstrap style classes - `invalid-feedback`}}\n<div class="invalid-feedback">{{errorMessageText}}</div>\n{{/if}}{{/contains}}\n\n<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}}"\n    type="text" placeholder="{{placeholder}}" tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if\n    isRequired}}required{{/if}} {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} />';
   }
 });