@qld-gov-au/qgds-bootstrap5 1.1.26 → 1.1.27

package/dist/assets/components/bs5/head/head.hbs

@@ -1,5 +1,5 @@
 
-<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.26","branch":"HEAD","tag":"v1.1.26","commit":"1b08913a5decb0d3d84229b3e875c57796d0ca41","majorVersion":"v1"} -->
+<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.27","branch":"HEAD","tag":"v1.1.27","commit":"d01a4424bef0f0bf5aa086623640ca63e663d51f","majorVersion":"v1"} -->
 
 {{! Select environment, used verbatium if not using predefind key
 cdn := PROD|STAGING|BETA|TEST|DEV|???

package/dist/assets/components/bs5/linkColumns/linkColumns.hbs

@@ -0,0 +1,48 @@
+{{#if data}}
+    <section class="link-column {{theme}}">
+        <ul class="nav {{#if items_flow_vert}}col-vert-{{columns}}{{else}}col-{{columns}}{{/if}}">
+            {{#ifCond items_flow '==' 'horizontal'}}
+                <li class="nav-item all-link">
+                    {{> callToAction 
+                        label=(isdefined all_link.value "View all")
+                        href=all_link.url 
+                        target=all_link.target 
+                        class=all_link.class 
+                        arialabel=all_link.value 
+                        id=all_link.id}}
+                </li>
+            {{/ifCond}}
+            {{> linkColBase data}}
+        </ul>
+    </section>
+{{else}}
+    <section class="link-column {{theme}}">
+        <!-- There are no items available -->
+    </section>
+{{/if}}
+
+
+{{#*inline "linkColBase"}}              
+    {{#each items}}
+        {{> navItem}}
+    {{/each}}
+    {{#if all_link}}
+        <li class="nav-item all-link">
+            {{> callToAction 
+                label=(isdefined all_link.value "View all")
+                href=all_link.url 
+                target=all_link.target 
+                class=all_link.class 
+                arialabel=all_link.value 
+                id=all_link.id}}
+        </li>
+    {{/if}}
+{{/inline}}
+
+{{#*inline "navItem"}}
+    <li class="nav-item">
+        <a class="nav-link"{{~#if id}} id="{{id}}"{{/if~}}{{~#if target}} target="{{target}}"{{/if~}} href="{{url}}">
+            {{~{value}~}}
+        </a>
+    </li>
+{{/inline}}

package/dist/assets/components/bs5/tabs/tabs.hbs

@@ -0,0 +1,47 @@
+
+{{#ifCond type_variant '==' 'tab-section'}}
+    <section class="container tab-content pb-5 pt-5 mb-0 {{~#if tab_variant}} {{tab_variant}} {{else}} default{{/if~}}">
+        <div class="row" style="padding-inline: 2.5rem;">
+            <h2>{{sibiling_section_title}}</h2>
+            {{{sibling_section_content}}}
+        </div>
+    </section>
+{{/ifCond}}
+
+<!-- QGDS Tabs -->    
+<section class="qld-tabs {{~#if type_variant}} {{type_variant}}{{/if~}} {{~#if variant}} {{variant}}{{else}} default{{/if~}}">        
+    <div class="tabs-area container">
+        <ul class="nav nav-tabs {{#ifCond type_variant '==' 'tab-section'}}{{~#if tab_variant}} {{tab_variant}} {{else}} default{{/if~}}{{/ifCond}}"  role="tablist">
+            {{#each data.items }}
+                <li class="nav-item" role="presentation">
+                    <button class="nav-link {{#if @first}}active{{/if}}" id="{{toCamelCase this.tab_text}}-tab" data-bs-toggle="tab" data-bs-target="#{{toCamelCase this.tab_text}}-{{../unique_id}}-tab-pane" type="button" role="tab" aria-controls="#{{this.tab_text}}-tab-pane" aria-selected="{{#if @first}}true{{else}}false{{/if}}" {{#if this.disabled}}disabled{{/if}}>
+                        <span>
+                            {{#if this.icon}}
+                                <i class="{{this.icon}}"></i>
+                            {{/if}}
+                            {{this.tab_text}}
+                        </span>
+                    </button>
+                </li>
+            {{/each }}
+        </ul>
+        <button class="scroll scroll-left" aria-hidden="true" aria-label="Scroll tab buttons left" tabindex="-1">
+            <i></i>
+        </button>
+        <button class="scroll scroll-right" aria-hidden="true" aria-label="Scroll tab buttons right" tabindex="-1">
+            <i></i>
+        </button>
+    </div>
+    <div class="tab-content container">
+        {{#each data.items }}
+            <section class="tab-pane fade {{#if @first}}show active{{/if}}" id="{{toCamelCase this.tab_text}}-{{../unique_id}}-tab-pane" role="tabpanel" aria-labelledby="{{this.tab_text}}-tab" tabindex="0">
+                {{#ifCond ../type_variant '==' 'tab-section'}}
+                    <h2>{{this.title}}</h2>
+                {{else}}
+                    <h3>{{this.title}}</h3>
+                {{/ifCond}}
+                {{{this.content}}}
+            </section>
+        {{/each }}
+    </div>
+</section>