@qld-gov-au/qgds-bootstrap5 1.1.37 → 1.1.39

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

@@ -472,7 +472,42 @@ var init_fullPage = __esm({
 var globalAlert_default;
 var init_globalAlert = __esm({
   "src/components/bs5/globalAlert/globalAlert.hbs?raw"() {
-    globalAlert_default = '<!-- QGDS Component: Global Alert -->\n\n<div class="global-alert-include">\n  {{#each alertItems}}\n  <section class="global-alert {{variant}}">\n    <div class="container-fluid">\n      <div class="qld-global-alert-main">\n        <div class="global-alert-icon"></div>\n        <div class="global-alert-content">\n          <div class="global-alert-message">\n            {{{content}}}\n          </div>\n          <div class="global-alert-action">\n            {{{action}}}\n          </div>\n        </div>\n        <div class="global-alert-close">\n          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>\n        </div>\n      </div>\n    </div>\n  </section>\n  {{/each }}\n</div>\n';
+    globalAlert_default = `<!-- QGDS Component: Global Alert -->
+
+<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}}
+    data-expiry-days="{{dismissedExpiryDays}}" {{/if}}>
+    <div class="qld-global-alert-main">
+      <div class="global-alert-icon">
+        {{#ifCond variant '==' 'global-alert-critical'}}
+        <span class="qld-icon qld-icon-sm qld-icon-alert-danger" aria-hidden="true"></span>
+        {{else ifCond variant '==' 'global-alert-info'}}
+        <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>
+        {{/ifCond}}
+      </div>
+
+      <div class="global-alert-content">
+        <div class="global-alert-message">
+          {{{content}}}
+        </div>
+        <div class="global-alert-action">
+          {{{action}}}
+          <span class="qld-icon qld-icon-sm qld-icon-arrow-right" aria-hidden="true"></span>
+        </div>
+      </div>
+      {{#unless preventDismiss}}
+      <div class="global-alert-close">
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      </div>
+      {{/unless}}
+    </div>
+  </section>
+  {{/each }}
+</div>`;
   }
 });
 
@@ -481,7 +516,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":"1.1.37","branch":"HEAD","tag":"v1.1.37","commit":"7e1cb8556b4dd3737e6fd557f471164fe0ccdb07","majorVersion":"v1"} -->
+<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.39","branch":"HEAD","tag":"v1.1.39","commit":"2c736f6031ec90b38234ebcca5143d85d60c1aa1","majorVersion":"v1"} -->
 
 {{! Select environment, used verbatium if not using predefind key
 cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -503,6 +538,14 @@ var init_header = __esm({
   }
 });
 
+// src/components/bs5/icons/icon.hbs?raw
+var icon_default;
+var init_icon = __esm({
+  "src/components/bs5/icons/icon.hbs?raw"() {
+    icon_default = '<svg class="qld-icon-{{size}}"{{#if ariaLabel}} aria-label="{{ariaLabel}}"{{/if}}{{#if ariaHidden}} aria-hidden="{{ariaHidden}}"{{/if}}>\n  <use href="./assets/img/icons-sprite.svg#qgds-icon-{{iconId}}"></use>\n</svg>';
+  }
+});
+
 // src/components/bs5/image/image.hbs?raw
 var image_default;
 var init_image = __esm({
@@ -515,7 +558,7 @@ var init_image = __esm({
 var inpageAlert_default;
 var init_inpageAlert = __esm({
   "src/components/bs5/inpageAlert/inpageAlert.hbs?raw"() {
-    inpageAlert_default = '<div class="alert {{variantClass}} {{customClass}}" role="alert">\n    {{#if heading}}\n    <div class="alert-heading" role="heading">{{{ heading }}}</div>\n    {{/if}}\n    {{{ content }}}\n</div>';
+    inpageAlert_default = '<div class="alert {{variantClass}} {{customClass}}" role="alert" \n    {{#if alertType}}aria-label="{{alertType}}"{{/if}}>\n    {{#if heading}}\n        {{#if headingTag}}\n            <{{headingTag}} class="alert-heading">{{{ heading }}}</{{headingTag}}>\n        {{else}}\n            <h2 class="alert-heading">{{{ heading }}}</h2>\n        {{/if}}\n    {{/if}}\n    {{{ content }}}\n</div>';
   }
 });
 
@@ -707,7 +750,7 @@ var init_quickexit = __esm({
 var searchInput_default;
 var init_searchInput = __esm({
   "src/components/bs5/searchInput/searchInput.hbs?raw"() {
-    searchInput_default = '<!-- \n    QGDS Component: Search input \n-->\n<div class="container {{variantClass}}">\n    <div class="qld-search-input {{customClass}} d-flex">\n        <input id="{{ inputID }}" name=" {{ inputName }}" class="form-control" type="text" placeholder="{{placeholder}}"\n            autocomplete="off" aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />\n\n        {{#if suggestions}}\n        <div class="suggestions suggestions__group">\n            <div class="default-suggestions">\n                <div class="suggestions-category mt-2">\n                    <strong class="suggestions-category-label">Popular services</strong>\n                    <ul class="mt-2">\n                        {{#each default_suggestions.popular_services}}\n                            <li><a href="{{link}}">{{title}}</a></li>\n                        {{/each}}\n                    </ul>\n                </div>\n\n                <hr>\n\n                <div class="suggestions-category mt-2">\n                    <strong class="suggestions-category-label">Browse by category</strong>\n                    <ul class="mt-2">\n                        {{#each default_suggestions.categories}}\n                            <li><a href="{{link}}">{{title}}</a></li>\n                        {{/each}}\n                    </ul>\n                </div>\n\n                {{#if default_suggestions.options.view_more}}\n                    <div class="suggestions-category mt-4 mb-4">\n                        <a href="{{default_suggestions.options.href}}">{{default_suggestions.options.label}}</a>\n                    </div>\n                {{/if}}\n            </div>\n            <div class="dynamic-suggestions"></div>\n        </div>\n        {{/if}}\n        <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">\n            <span class="btn-icon"></span>\n            <span class="btn-label">{{ buttonLabel }}</span>\n        </button>\n    </div>\n</div>\n';
+    searchInput_default = '<!-- \n    QGDS Component: Search input \n-->\n<div class="container {{variantClass}}">\n    <div class="qld-search-input {{customClass}} d-flex">\n        <input id="{{ inputID }}" name=" {{ inputName }}" class="form-control" type="text" placeholder="{{placeholder}}"\n            autocomplete="off" aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />\n\n        {{#if suggestions}}\n        <div class="suggestions suggestions__group d-none">\n            <div class="default-suggestions">\n                <div class="suggestions-category mt-2">\n                    <strong class="suggestions-category-label">Popular services</strong>\n                    <ul class="mt-2">\n                        {{#each default_suggestions.popular_services}}\n                            <li><a href="{{link}}">{{title}}</a></li>\n                        {{/each}}\n                    </ul>\n                </div>\n\n                <hr>\n\n                <div class="suggestions-category mt-2">\n                    <strong class="suggestions-category-label">Browse by category</strong>\n                    <ul class="mt-2">\n                        {{#each default_suggestions.categories}}\n                            <li><a href="{{link}}">{{title}}</a></li>\n                        {{/each}}\n                    </ul>\n                </div>\n\n                {{#if default_suggestions.options.view_more}}\n                    <div class="suggestions-category mt-4 mb-4">\n                        <a href="{{default_suggestions.options.href}}">{{default_suggestions.options.label}}</a>\n                    </div>\n                {{/if}}\n            </div>\n            <div class="dynamic-suggestions"></div>\n        </div>\n        {{/if}}\n        <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">\n            <span class="btn-icon"></span>\n            <span class="btn-label">{{ buttonLabel }}</span>\n        </button>\n    </div>\n</div>\n';
   }
 });
 
@@ -735,6 +778,14 @@ var init_sidenavWrapper = __esm({
   }
 });
 
+// src/components/bs5/skiplinks/skipLinks.hbs?raw
+var skipLinks_default;
+var init_skipLinks = __esm({
+  "src/components/bs5/skiplinks/skipLinks.hbs?raw"() {
+    skipLinks_default = '<nav class="qld-skip-links" aria-label="skip to content links">\n  {{#each skipLinks}}\n    <a class="qld-skip-links__item" href="#{{targetId}}">{{label}}</a>\n  {{/each}}\n</nav>';
+  }
+});
+
 // src/components/bs5/spinner/spinner.hbs?raw
 var spinner_default;
 var init_spinner = __esm({
@@ -915,6 +966,7 @@ function handlebarsPartials(handlebars) {
   handlebars.registerPartial("globalAlert", globalAlert_default);
   handlebars.registerPartial("head", head_default);
   handlebars.registerPartial("header", header_default);
+  handlebars.registerPartial("icon", icon_default);
   handlebars.registerPartial("image", image_default);
   handlebars.registerPartial("inpageAlert", inpageAlert_default);
   handlebars.registerPartial("inpagenav", inpagenav_default);
@@ -932,6 +984,7 @@ function handlebarsPartials(handlebars) {
   handlebars.registerPartial("select", select_default);
   handlebars.registerPartial("sidenav", sidenav_default);
   handlebars.registerPartial("sidenavWrapper", sidenavWrapper_default);
+  handlebars.registerPartial("skipLinks", skipLinks_default);
   handlebars.registerPartial("spinner", spinner_default);
   handlebars.registerPartial("table", table_default);
   handlebars.registerPartial("tabs", tabs_default);
@@ -967,6 +1020,7 @@ var init_handlebars_partials = __esm({
     init_globalAlert();
     init_head();
     init_header();
+    init_icon();
     init_image();
     init_inpageAlert();
     init_inpagenav();
@@ -984,6 +1038,7 @@ var init_handlebars_partials = __esm({
     init_select();
     init_sidenav();
     init_sidenavWrapper();
+    init_skipLinks();
     init_spinner();
     init_table();
     init_tabs();