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

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}}
@@ -355,7 +356,7 @@ var init_callout = __esm({
 var callToAction_default;
 var init_callToAction = __esm({
   "src/components/bs5/callToAction/callToAction.hbs?raw"() {
-    callToAction_default = '<a class="qld-cta-link {{getClassNames "small, view-all" class}}"\n    {{#if id}}id="{{id}}"{{/if}}\n    href="{{href}}" \n    target="{{target}}" \n    {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} \n    >\n     {{label}}\n    <span class="icon" aria-hidden="true"></span>\n</a>';
+    callToAction_default = '<a class="qld-cta-link {{getClassNames "small, view-all" class}}"\n    {{#if id}}id="{{id}}"{{/if}}\n    href="{{href}}"\n    target="{{target}}"\n    {{#if arialabel}}aria-label="{{arialabel}}"{{/if}}\n    >\n     {{label}}\n    <span class="icon" aria-hidden="true"></span>\n</a>';
   }
 });
 
@@ -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"\n    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<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-required="true" aria-labelledby="{{id}}-label {{id}}-dayinput-label" placeholder="{{day-placeholder}}" type="text"\n                inputmode="numeric" maxlength="2"\n                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"\n                aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required aria-required="true"\n                {{/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-required="true" aria-labelledby="{{id}}-label {{id}}-monthinput-label" placeholder="{{month-placeholder}}"\n                type="text" inputmode="numeric" maxlength="2"\n                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"\n                aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required aria-required="true"\n                {{/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">Year</label>\n        <div class="year-label">\n            <input id="{{id}}-yearinput" aria-required="true" aria-labelledby="{{id}}-label {{id}}-yearinput-label"\n                placeholder="{{year-placeholder}}" type="text" inputmode="numeric" maxlength="4"\n                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}}"\n                ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if\n                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  ';
   }
 });
 
@@ -927,7 +928,13 @@ var init_globalAlert = __esm({
 <div class="global-alert-include">
   {{#each alertItems}}
   <section role="region" class="global-alert alert container-full d-none {{variant}}" data-variant="{{variant}}"
-    aria-label="{{ariaLabel}}" {{#if id}} data-id="{{id}}" {{/if}}{{#if dismissedExpiryDays}}
+    {{#if ariaLabel}} aria-label="{{ ariaLabel }}"
+    {{~else ifCond variant "==" "global-alert-critical"}} aria-label="Critical alert"
+    {{~else ifCond variant "==" "global-alert-info"}} aria-label="Informational alert"
+    {{~else ifCond variant "==" "global-alert-warning"}} aria-label="Warning alert"
+    {{~else}} aria-label="Informational alert"
+    {{~/if}}
+    {{#if id}} data-id="{{id}}" {{/if}}{{#if dismissedExpiryDays}}
     data-expiry-days="{{dismissedExpiryDays}}" {{/if}}>
     <div class="qld-global-alert-main">
       <div class="global-alert-icon">
@@ -937,6 +944,7 @@ var init_globalAlert = __esm({
         <span class="qld-icon qld-icon-sm qld-icon-alert-information" aria-hidden="true"></span>
         {{else ifCond variant '==' 'global-alert-warning'}}
         <span class="qld-icon qld-icon-sm qld-icon-alert-warning" aria-hidden="true"></span>
+        {{else}}<span class="qld-icon qld-icon-sm qld-icon-alert-information" aria-hidden="true"></span>
         {{/ifCond}}
       </div>
 
@@ -966,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.0","branch":"HEAD","tag":"v2.1.0","commit":"1610f625e3e2ba5c9420ba3ef0ebb53ed35820f6","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|???
@@ -1296,7 +1304,7 @@ var init_navbar = __esm({
 var pagination_default;
 var init_pagination = __esm({
   "src/components/bs5/pagination/pagination.hbs?raw"() {
-    pagination_default = '{{!\nComponent Name: QGDS QOL Pagination\nComponent Version: 1.0\nFramework: Bootstrap 5.3\nReference: https://getbootstrap.com/docs/5.0/components/pagination/\n}}\n\n<nav aria-label="{{ arialabel }}">\n\n    <ul class="pagination">\n\n        {{#if previous }}\n        <li class="page-item previous">\n            <a class="page-link" href="{{previous.href}}" aria-label="{{previous.arialabel}}">\n                <span>{{ previous.linktext }}</span>\n            </a>\n        </li>\n        {{/if}}\n\n        {{#each pages}}\n        <li class="page-item {{customClasses}}">\n            {{#if more}}\n            {{! More button }}\n            <span></span>\n            {{else}}\n            {{! Page button }}\n            <a class="page-link" href="{{href}}" aria-label="{{arialabel}}">{{ linktext }}</a>\n            {{/if}}\n        </li>\n\n        {{/each }}\n\n        {{#if next }}\n        <li class="page-item next">\n            <a class="page-link" href="{{next.href}}" aria-label="{{next.arialabel}}">\n                <span>{{ next.linktext }}</span>\n            </a>\n        </li>\n        {{/if}}\n\n    </ul>\n\n</nav>';
+    pagination_default = '{{!\nComponent Name: QGDS QOL Pagination\nComponent Version: 1.0\nFramework: Bootstrap 5.3\nReference: https://getbootstrap.com/docs/5.0/components/pagination/\n}}\n\n<nav aria-label="{{ arialabel }}">\n\n    <ul class="pagination">\n\n        {{#if previous }}\n        <li class="page-item previous">\n            <a class="page-link" href="{{previous.href}}" aria-label="{{previous.arialabel}}">\n                <span>{{ previous.linktext }}</span>\n            </a>\n        </li>\n        {{/if}}\n\n        {{#each pages}}\n        <li class="page-item {{customClasses}}">\n            {{#if more}}\n            {{! More button }}\n            <span></span>\n            {{else}}\n                {{#ifCond "active" "in" customClasses}}\n                {{! Active page - not a link }}\n                <span class="page-link" aria-current="page" aria-label="{{#if arialabel}}{{arialabel}}{{else}}Page {{linktext}}, current page{{/if}}">{{ linktext }}</span>\n                {{else}}\n                {{! Page button }}\n                <a class="page-link" href="{{href}}" aria-label="{{#if arialabel}}{{arialabel}}{{else}}Page {{linktext}}{{/if}}">{{ linktext }}</a>\n                {{/ifCond}}\n            {{/if}}\n        </li>\n\n        {{/each }}\n\n        {{#if next }}\n        <li class="page-item next">\n            <a class="page-link" href="{{next.href}}" aria-label="{{next.arialabel}}">\n                <span>{{ next.linktext }}</span>\n            </a>\n        </li>\n        {{/if}}\n\n    </ul>\n\n</nav>';
   }
 });
 
@@ -1311,7 +1319,7 @@ var init_promotionalPanel = __esm({
         {{/ifCond}}>
         <div class="image-panel">
             {{#ifCond type '!=' 'promo'}}
-            <img class="promo-panel-image" src="{{promoImage}}" alt="Promotional Image">
+            <img class="promo-panel-image" src="{{promoImage}}" alt="{{isdefined promoImageDescription "Promotional image"}}">
             {{else}}
                 <div class="promo-panel-image"></div>
             {{/ifCond}}
@@ -1375,8 +1383,8 @@ var init_searchInput = __esm({
 <div class="qld-search-input {{customClass}}">
     <input id="{{ inputID }}" name="{{ inputName }}" class="form-control" type="text" autocomplete="off"
         aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} placeholder="{{placeholder}}" />
-    <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">
-        <span class="btn-icon"></span>
+    <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}" aria-label="{{ buttonLabel }}">
+        <span class="btn-icon" aria-hidden="true"></span>
         <span class="btn-label">{{ buttonLabel }}</span>
     </button>
     {{#ifCond hasDynamicSuggestions '||' hasDefaultSuggestions}}
@@ -1423,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';
   }
 });
 
@@ -1532,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>';
   }
 });
 
@@ -1540,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}} />';
   }
 });